@baloise/ds-core 20.0.0-next.7 → 20.0.0-next.8
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-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-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 +4 -0
- package/components/p-std0LSH2.js +4 -0
- 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 +6 -6
- 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 +7 -7
- 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 +14 -14
- 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 +6 -6
- 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 +12 -12
- 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/snackbar/snackbar.host.css +1 -1
- package/dist/collection/components/alert/toast/toast.host.css +1 -1
- 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/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/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-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-d4d9205dda.entry.js → p-33165c2b03.entry.js} +1 -1
- 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-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-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-16b03e0b02.entry.js → p-a71c22bc50.entry.js} +1 -1
- 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-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-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-a8df8f067b.entry.js → p-dfebad2acc.entry.js} +1 -1
- 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-5f28436626.entry.js → p-e743fa4c17.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-0f2a87fa39.entry.js → p-f0b0376beb.entry.js} +1 -1
- 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 +6 -6
- 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 +7 -7
- 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 +14 -14
- 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 +6 -6
- 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 +12 -12
- 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/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/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 +27 -68
- 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 +94 -82
- package/docs/components.json +843 -991
- package/docs/html.html-data.json +1 -1
- package/docs/visual-pages.json +51 -0
- package/package.json +6 -6
- package/sbom.cdx.json +36584 -18456
- 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-138be1f0cc.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-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-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-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
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{p as o,H as t,f as r,h as e,e as n,t as d}from"./p-WO0X5Vmy.js";import{_ as a,L as i,a as b}from"./p-J0mxIuTt.js";import{a as s}from"./p-DYfTMCkl.js";import{i as c}from"./p-B62ocg4Q.js";import{h as u}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{B as v,a as h,b as m,c as g}from"./p-DQBzmbR6.js";import{d as x}from"./p-Du7QOHtz.js";import{d as p}from"./p-qaSW94OG.js";import{O as k}from"./p-BhbWmCTu.js";import{R as y}from"./p-DYlqkAWn.js";import{T as w}from"./p-DAYd9ty0.js";const f=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsClick=r(this,"dsClick"),this.dsNavigate=r(this,"dsNavigate"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsDidRender=r(this,"dsDidRender"),this.internals=this.attachInternals(),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.size=void 0,this.href="",this.target="_self",this.rel="",this.download="",this.dashed=!1,this.shadow=!1,this.square=!1,this.circle=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.rounded=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yTitle="",this.a11yLabel="",this.a11yHaspopup="",this.handleHostClick=o=>{this.disabled&&(o.preventDefault(),o.stopPropagation())},this.handleFocus=()=>{this.dsFocus.emit()},this.handleBlur=()=>{this.dsBlur.emit()},this.handleClick=o=>{var t,r;this.disabled||("submit"===this.elementType&&(null===(t=this.internals.form)||void 0===t||t.requestSubmit()),"reset"===this.elementType&&(null===(r=this.internals.form)||void 0===r||r.reset()),this.dsClick.emit(o),u(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}componentWillLoad(){this.inheritAttributes=c(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]),this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}get isIconInverted(){return this.inverted}get leftIconAttrs(){return!u(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!u(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:r,rel:d,target:a,name:i,value:b}=this,c=l(this.size)||"",v=u(this.href)?"a":"button",h="button"===v?{type:o,name:i,value:b}:{download:t,href:r,rel:d,target:a},m={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return e(n,{key:"5c9b69ea8ea31da2ab7810998c05763d3dd7c13c",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:u(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-rounded":this.rounded,"is-square":this.square,"is-circle":this.circle,"is-dashed":this.dashed,"has-shadow":this.shadow,"has-no-wrap":this.noWrap}},e(v,Object.assign({key:"e20d38a699c210bf69f3b942444fc99bac91e90c"},h,this.inheritAttributes,{type:this.elementType,id:"button",part:"native",disabled:this.disabled||this.loading,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-busy":s(!!this.loading),"aria-disabled":s(this.disabled||this.loading)},m),this.loading?e("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",u(this.icon)?e("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:this.dashed?"md":c,shape:this.dashed?"circle":void 0,turn:this.iconTurn,inverted:this.isIconInverted})):"",e("span",{key:"88fc542411b1d83c0d02764d96b68941b826039a",part:"label"},e("slot",{key:"cbb8ea7ae2473669fb06c6167ce52149ff6ba100"})),u(this.iconRight)?e("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"sm",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}#button{-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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{#button{display:none !important}}#button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}#button:focus,#button:active{outline:none}@media (hover: hover)and (pointer: fine){#button:focus-visible:not(:active),#button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){#button:hover,#button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}#button:active,#button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}:host ::slotted(ds-badge),:host ::slotted(.badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}:host(.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}:host(.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}:host(.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}:host(.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}:host(.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}:host(.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}:host(.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}:host(.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}:host(.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}:host(.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}:host(.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}:host(.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}:host(.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-secondary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}:host(.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}:host(.is-text.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}:host(.is-link.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}:host(.is-sm){--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}:host(.is-lg){--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}:host(.is-xl){--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}:host(.is-flat){--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}:host(.is-rounded){--mod-button-radius:var(--ds-button-radius-rounded)}:host(.is-square:not(.is-sm)){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-circle:not(.is-sm)){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-circle.is-sm){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-tertiary-purple.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}:host(.is-tertiary-red.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}:host(.is-tertiary-green.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}:host(.is-tertiary-yellow.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}:host(.has-shadow:not(.is-link):not(.is-text)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-text.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host{display:inline-block;width:var(--ds-button-width, -webkit-fit-content);width:var(--ds-button-width, -moz-fit-content);width:var(--ds-button-width, fit-content)}:host #button{margin:0 !important}"}},[321,"ds-button",{color:[1],elementType:[513,"element-type"],disabled:[516],size:[1],href:[1],target:[1],rel:[1],download:[1],dashed:[4],shadow:[4],square:[4],circle:[4],wide:[4],flat:[4],outlined:[4],inverted:[516],loading:[516],rounded:[4],icon:[1],iconTurn:[4,"icon-turn"],iconRight:[1,"icon-right"],noWrap:[4,"no-wrap"],name:[513],value:[1],a11yControls:[1,"a-1-1y-controls"],a11yTitle:[1,"a-1-1y-title"],a11yLabel:[1,"a-1-1y-label"],a11yHaspopup:[1025,"a-1-1y-haspopup"]},[[6,"click","listenToClick"]]]);function _(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-button":customElements.get(d(o))||customElements.define(d(o),f);break;case"ds-icon":customElements.get(d(o))||x();break;case"ds-spinner":customElements.get(d(o))||p()}}))}a([i("button"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],f.prototype,"createLogger",null),a([k(v),b("design:type",String)],f.prototype,"color",void 0),a([y(),k(h),b("design:type",String)],f.prototype,"elementType",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"disabled",void 0),a([k(m),b("design:type",Object)],f.prototype,"size",void 0),a([w("string"),b("design:type",String)],f.prototype,"href",void 0),a([y(),k(g),b("design:type",String)],f.prototype,"target",void 0),a([w("string"),b("design:type",String)],f.prototype,"rel",void 0),a([w("string"),b("design:type",String)],f.prototype,"download",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"dashed",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"shadow",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"square",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"circle",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"wide",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"flat",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"outlined",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"inverted",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"loading",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"rounded",void 0),a([w("string"),b("design:type",String)],f.prototype,"icon",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"iconTurn",void 0),a([w("string"),b("design:type",String)],f.prototype,"iconRight",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"noWrap",void 0),a([w("string"),b("design:type",String)],f.prototype,"name",void 0),a([w("string"),b("design:type",String)],f.prototype,"value",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yControls",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yTitle",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yLabel",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yHaspopup",void 0);export{f as B,_ as d}
|
|
4
|
+
import{p as o,H as t,f as r,h as e,e as n,t as d}from"./p-WO0X5Vmy.js";import{_ as a,L as i,a as b}from"./p-J0mxIuTt.js";import{a as s}from"./p-DYfTMCkl.js";import{i as c}from"./p-B62ocg4Q.js";import{h as u}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{B as v,a as h,b as m,c as g}from"./p-wud2RGEy.js";import{d as x}from"./p-Dbqy6lZU.js";import{d as p}from"./p-o0H7eIVX.js";import{O as k}from"./p-BhbWmCTu.js";import{R as y}from"./p-DYlqkAWn.js";import{T as w}from"./p-DAYd9ty0.js";const f=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsClick=r(this,"dsClick"),this.dsNavigate=r(this,"dsNavigate"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),this.dsDidRender=r(this,"dsDidRender"),this.internals=this.attachInternals(),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.size=void 0,this.href="",this.target="_self",this.rel="",this.download="",this.dashed=!1,this.shadow=!1,this.square=!1,this.circle=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.rounded=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yTitle="",this.a11yLabel="",this.a11yHaspopup="",this.handleHostClick=o=>{this.disabled&&(o.preventDefault(),o.stopPropagation())},this.handleFocus=()=>{this.dsFocus.emit()},this.handleBlur=()=>{this.dsBlur.emit()},this.handleClick=o=>{var t,r;this.disabled||("submit"===this.elementType&&(null===(t=this.internals.form)||void 0===t||t.requestSubmit()),"reset"===this.elementType&&(null===(r=this.internals.form)||void 0===r||r.reset()),this.dsClick.emit(o),u(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}componentWillLoad(){this.inheritAttributes=c(this.el,["title","aria-label","aria-controls","aria-hidden","tabindex","aria-haspopup"]),this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}get isIconInverted(){return this.inverted}get leftIconAttrs(){return!u(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!u(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:t,href:r,rel:d,target:a,name:i,value:b}=this,c=l(this.size)||"",v=u(this.href)?"a":"button",h="button"===v?{type:o,name:i,value:b}:{download:t,href:r,rel:d,target:a},m={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return e(n,{key:"5c9b69ea8ea31da2ab7810998c05763d3dd7c13c",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:u(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-rounded":this.rounded,"is-square":this.square,"is-circle":this.circle,"is-dashed":this.dashed,"has-shadow":this.shadow,"has-no-wrap":this.noWrap}},e(v,Object.assign({key:"e20d38a699c210bf69f3b942444fc99bac91e90c"},h,this.inheritAttributes,{type:this.elementType,id:"button",part:"native",disabled:this.disabled||this.loading,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-busy":s(!!this.loading),"aria-disabled":s(this.disabled||this.loading)},m),this.loading?e("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",u(this.icon)?e("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:this.dashed?"md":c,shape:this.dashed?"circle":void 0,turn:this.iconTurn,inverted:this.isIconInverted})):"",e("span",{key:"88fc542411b1d83c0d02764d96b68941b826039a",part:"label"},e("slot",{key:"cbb8ea7ae2473669fb06c6167ce52149ff6ba100"})),u(this.iconRight)?e("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"sm",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return this}static get style(){return":host{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}#button{-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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{#button{display:none !important}}#button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}#button:focus,#button:active{outline:none}@media (hover: hover)and (pointer: fine){#button:focus-visible:not(:active),#button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){#button:hover,#button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}#button:active,#button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}:host ::slotted(ds-badge),:host ::slotted(.badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}:host(.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}:host(.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}:host(.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}:host(.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}:host(.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}:host(.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}:host(.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}:host(.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}:host(.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}:host(.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}:host(.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}:host(.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}:host(.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-secondary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}:host(.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}:host(.is-text.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}:host(.is-link.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}:host(.is-sm){--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}:host(.is-lg){--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}:host(.is-xl){--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}:host(.is-flat){--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}:host(.is-rounded){--mod-button-radius:var(--ds-button-radius-rounded)}:host(.is-square:not(.is-sm)){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-circle:not(.is-sm)){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-circle.is-sm){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.is-tertiary-purple.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}:host(.is-tertiary-red.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}:host(.is-tertiary-green.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}:host(.is-tertiary-yellow.is-dashed){--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}:host(.has-shadow:not(.is-link):not(.is-text)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-text.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host{display:inline-block;width:var(--ds-button-width, -webkit-fit-content);width:var(--ds-button-width, -moz-fit-content);width:var(--ds-button-width, fit-content)}:host #button{margin:0 !important}"}},[321,"ds-button",{color:[1],elementType:[513,"element-type"],disabled:[516],size:[1],href:[1],target:[1],rel:[1],download:[1],dashed:[4],shadow:[4],square:[4],circle:[4],wide:[4],flat:[4],outlined:[4],inverted:[516],loading:[516],rounded:[4],icon:[1],iconTurn:[4,"icon-turn"],iconRight:[1,"icon-right"],noWrap:[4,"no-wrap"],name:[513],value:[1],a11yControls:[1,"a-1-1y-controls"],a11yTitle:[1,"a-1-1y-title"],a11yLabel:[1,"a-1-1y-label"],a11yHaspopup:[1025,"a-1-1y-haspopup"]},[[6,"click","listenToClick"]]]);function _(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner"].forEach((o=>{switch(o){case"ds-button":customElements.get(d(o))||customElements.define(d(o),f);break;case"ds-icon":customElements.get(d(o))||x();break;case"ds-spinner":customElements.get(d(o))||p()}}))}a([i("button"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],f.prototype,"createLogger",null),a([k(v),b("design:type",String)],f.prototype,"color",void 0),a([y(),k(h),b("design:type",String)],f.prototype,"elementType",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"disabled",void 0),a([k(m),b("design:type",Object)],f.prototype,"size",void 0),a([w("string"),b("design:type",String)],f.prototype,"href",void 0),a([y(),k(g),b("design:type",String)],f.prototype,"target",void 0),a([w("string"),b("design:type",String)],f.prototype,"rel",void 0),a([w("string"),b("design:type",String)],f.prototype,"download",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"dashed",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"shadow",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"square",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"circle",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"wide",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"flat",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"outlined",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"inverted",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"loading",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"rounded",void 0),a([w("string"),b("design:type",String)],f.prototype,"icon",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"iconTurn",void 0),a([w("string"),b("design:type",String)],f.prototype,"iconRight",void 0),a([w("boolean"),b("design:type",Boolean)],f.prototype,"noWrap",void 0),a([w("string"),b("design:type",String)],f.prototype,"name",void 0),a([w("string"),b("design:type",String)],f.prototype,"value",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yControls",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yTitle",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yLabel",void 0),a([w("string"),b("design:type",String)],f.prototype,"a11yHaspopup",void 0);export{f as B,_ as d}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
+
*/
|
|
4
|
+
import{p as e,H as a,d as i,h as d,e as n,t as h}from"./p-WO0X5Vmy.js";import{_ as s,L as t,a as o}from"./p-J0mxIuTt.js";import{h as g}from"./p-BrIcCcce.js";import{c as r,b as l,d as v,H as m}from"./p-BdLq-Ecc.js";import{O as p}from"./p-BhbWmCTu.js";import{T as c}from"./p-DAYd9ty0.js";const b={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","5xl":"h1","4xl":"h1","3xl":"h1","2xl":"h1",xl:"h2",lg:"h3",md:"h4",base:"h5"},f=["5xl","4xl","3xl","2xl","xl","lg","md","base"],u={display:"5xl","display-2":"4xl",h1:"3xl",h2:"2xl",h3:"xl",h4:"lg",h5:"base",p:"base",span:"base","5xl":"5xl","4xl":"4xl","3xl":"3xl","2xl":"2xl",xl:"xl",lg:"lg",md:"md",base:"base"},x={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"},y=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.level="h1",this.noWrap=!1,this.subtitle=!1,this.inverted=!1,this.shadow=!1}createLogger(e){this.log=e}levelChanged(){this.updateAutoFontSize()}visualLevelChanged(){this.updateAutoFontSize()}autoLevelChanged(){this.updateAutoFontSize()}componentWillLoad(){this.updateAutoFontSize()}componentDidRender(){const e=this.autoLevel;if(e&&this.autoFontSize&&this.rows>1&&u[e]!==this.autoFontSize){const e=f.indexOf(this.autoFontSize)+1;this.autoFontSize=f[e]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&i.hasWindow){const e=window.getComputedStyle(this.headingEl),a=parseInt(e.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/a}return 1}get fontColor(){if(this.inverted)return"white";const e=this.color;return e?x[e]:void 0}get fontSize(){return u[this.visualLevel?this.visualLevel:this.level]}get tag(){return b[this.level]}render(){const e=this.tag;return d(n,{key:"dd934a29bc764a7970f7c59a356d67f570631036",class:{[`is-${this.autoFontSize}`]:void 0!==this.autoFontSize,[`is-${this.fontColor}`]:g(this.fontColor),"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,"has-shadow":this.shadow,[`has-space-${this.space}`]:g(this.space)}},d(e,{key:"b468e6437329a02b4878120e06d102abb8732cd3",id:"heading",part:"heading",ref:e=>this.headingEl=e},d("slot",{key:"594a1766c31537f993ae8af98b402f097834750b"})))}get el(){return this}static get watchers(){return{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}}static get style(){return":host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-color:var(--heading-color, var(--mod-heading-color, inherit));--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-line-height)));--_heading-font-size:var(--heading-font-size, var(--mod-heading-font-size, var(--ds-heading-1-size-device)));--_heading-space:var(--heading-space, var(--mod-heading-space, var(--ds-heading-1-space)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-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;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-font-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.text),#heading span:not(.text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-alias-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-subtitle){--mod-heading-family:var(--ds-heading-subtitle-font-family);--mod-heading-weight:var(--ds-heading-subtitle-font-weight);--mod-heading-line-height:var(--ds-heading-subtitle-line-height)}:host(.is-primary){--mod-heading-color:var(--ds-heading-primary-color-base)}:host(.is-success){--mod-heading-color:var(--ds-heading-success-color-base)}:host(.is-warning){--mod-heading-color:var(--ds-heading-warning-color-base)}:host(.is-danger){--mod-heading-color:var(--ds-heading-danger-color-base)}:host(.is-white){--mod-heading-color:var(--ds-heading-white-color-base)}:host(.is-black){--mod-heading-color:var(--ds-heading-black-color-base)}:host(.is-3xl){--mod-heading-font-size:var(--ds-heading-1-size-device);--mod-heading-space:var(--ds-heading-1-space)}:host(.is-2xl){--mod-heading-font-size:var(--ds-heading-2-size-device);--mod-heading-space:var(--ds-heading-2-space)}:host(.is-xl){--mod-heading-font-size:var(--ds-heading-3-size-device);--mod-heading-space:var(--ds-heading-3-space)}:host(.is-lg){--mod-heading-font-size:var(--ds-heading-4-size-device);--mod-heading-space:var(--ds-heading-4-space)}:host(.is-base){--mod-heading-font-size:var(--ds-heading-5-size-device);--mod-heading-space:var(--ds-heading-5-space)}:host(.is-5xl){--mod-heading-font-size:var(--ds-heading-display-1-size-device);--mod-heading-space:var(--ds-heading-display-1-space)}:host(.is-4xl){--mod-heading-font-size:var(--ds-heading-display-2-size-device);--mod-heading-space:var(--ds-heading-display-2-space)}:host(.has-space-all){--heading-mt:var(--_heading-space);--heading-mb:var(--_heading-space)}:host(.has-space-top){--heading-mt:var(--_heading-space);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-space)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}"}},[257,"ds-heading",{level:[513],visualLevel:[513,"visual-level"],autoLevel:[513,"auto-level"],noWrap:[516,"no-wrap"],subtitle:[516],space:[513],color:[513],inverted:[516],shadow:[516],autoFontSize:[32]},void 0,{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["ds-heading"].forEach((e=>{"ds-heading"===e&&(customElements.get(h(e))||customElements.define(h(e),y))}))}s([t("heading"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],y.prototype,"createLogger",null),s([p(r),o("design:type",String)],y.prototype,"level",void 0),s([p(l),o("design:type",String)],y.prototype,"visualLevel",void 0),s([p(l),o("design:type",String)],y.prototype,"autoLevel",void 0),s([c("boolean"),o("design:type",Boolean)],y.prototype,"noWrap",void 0),s([c("boolean"),o("design:type",Boolean)],y.prototype,"subtitle",void 0),s([p(v),o("design:type",String)],y.prototype,"space",void 0),s([p(m),o("design:type",String)],y.prototype,"color",void 0),s([c("boolean"),o("design:type",Boolean)],y.prototype,"inverted",void 0),s([c("boolean"),o("design:type",Boolean)],y.prototype,"shadow",void 0);export{y as H,w as d}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{g as r}from"./p-Duhf3ymL.js";import{r as n,a as t,b as u,c as i,d as e,e as f,f as o,g as a}from"./p-
|
|
4
|
+
import{g as r}from"./p-Duhf3ymL.js";import{r as n,a as t,b as u,c as i,d as e,e as f,f as o,g as a}from"./p-fS80bKHo.js";import{r as c,a as s,b as v,c as h}from"./p-Dbqy6lZU.js";import{i as b}from"./p-CYHzHtnv.js";var l,_,j,d,p,y,m,w,g,O,A,S,k,D,H,x,B,E,L,q,z,C,K,M,N,R,U,V,Y,Z,$,F,G,I,J,P,Q,T,W,X,rr,nr,tr,ur,ir,er,fr,or,ar,cr,sr,vr,hr,br,lr,_r,jr,dr,pr,yr,mr,wr,gr,Or,Ar,Sr,kr,Dr,Hr,xr,Br,Er,Lr,qr,zr,Cr,Kr,Mr,Nr,Rr,Ur,Vr,Yr,Zr,$r,Fr,Gr,Ir,Jr,Pr,Qr,Tr,Wr,Xr,rn,nn,tn,un,en,fn,on,an,cn,sn,vn,hn;function bn(){return d?j:(d=1,j=function(r,n){return r===n||r!=r&&n!=n})}function ln(){if(y)return p;y=1;var r=bn();return p=function(n,t){for(var u=n.length;u--;)if(r(n[u][0],t))return u;return-1}}function _n(){if(x)return H;x=1;var r=_?l:(_=1,l=function(){this.__data__=[],this.size=0}),n=function(){if(w)return m;w=1;var r=ln(),n=Array.prototype.splice;return m=function(t){var u=this.__data__,i=r(u,t);return!(i<0||(i==u.length-1?u.pop():n.call(u,i,1),--this.size,0))}}(),t=function(){if(O)return g;O=1;var r=ln();return g=function(n){var t=this.__data__,u=r(t,n);return u<0?void 0:t[u][1]}}(),u=function(){if(S)return A;S=1;var r=ln();return A=function(n){return r(this.__data__,n)>-1}}(),i=function(){if(D)return k;D=1;var r=ln();return k=function(n,t){var u=this.__data__,i=r(u,n);return i<0?(++this.size,u.push([n,t])):u[i][1]=t,this}}();function e(r){var n=-1,t=null==r?0:r.length;for(this.clear();++n<t;){var u=r[n];this.set(u[0],u[1])}}return e.prototype.clear=r,e.prototype.delete=n,e.prototype.get=t,e.prototype.has=u,e.prototype.set=i,H=e}function jn(){if(R)return N;R=1;var r=n()(Object,"create");return N=r}function dn(){if(ur)return tr;ur=1;var r=nr?rr:(nr=1,rr=function(r){var n=typeof r;return"string"==n||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r});return tr=function(n,t){var u=n.__data__;return r(t)?u["string"==typeof t?"string":"hash"]:u.map}}function pn(){if(br)return hr;br=1;var r=function(){if(X)return W;X=1;var r=function(){if(T)return Q;T=1;var r=function(){if(V)return U;V=1;var r=jn();return U=function(){this.__data__=r?r(null):{},this.size=0}}(),n=Z?Y:(Z=1,Y=function(r){var n=this.has(r)&&delete this.__data__[r];return this.size-=n?1:0,n}),t=function(){if(F)return $;F=1;var r=jn(),n=Object.prototype.hasOwnProperty;return $=function(t){var u=this.__data__;if(r){var i=u[t];return"__lodash_hash_undefined__"===i?void 0:i}return n.call(u,t)?u[t]:void 0}}(),u=function(){if(I)return G;I=1;var r=jn(),n=Object.prototype.hasOwnProperty;return G=function(t){var u=this.__data__;return r?void 0!==u[t]:n.call(u,t)}}(),i=function(){if(P)return J;P=1;var r=jn();return J=function(n,t){var u=this.__data__;return this.size+=this.has(n)?0:1,u[n]=r&&void 0===t?"__lodash_hash_undefined__":t,this}}();function e(r){var n=-1,t=null==r?0:r.length;for(this.clear();++n<t;){var u=r[n];this.set(u[0],u[1])}}return e.prototype.clear=r,e.prototype.delete=n,e.prototype.get=t,e.prototype.has=u,e.prototype.set=i,Q=e}(),n=_n(),u=t();return W=function(){this.size=0,this.__data__={hash:new r,map:new(u||n),string:new r}}}(),n=function(){if(er)return ir;er=1;var r=dn();return ir=function(n){var t=r(this,n).delete(n);return this.size-=t?1:0,t}}(),u=function(){if(or)return fr;or=1;var r=dn();return fr=function(n){return r(this,n).get(n)}}(),i=function(){if(cr)return ar;cr=1;var r=dn();return ar=function(n){return r(this,n).has(n)}}(),e=function(){if(vr)return sr;vr=1;var r=dn();return sr=function(n,t){var u=r(this,n),i=u.size;return u.set(n,t),this.size+=u.size==i?0:1,this}}();function f(r){var n=-1,t=null==r?0:r.length;for(this.clear();++n<t;){var u=r[n];this.set(u[0],u[1])}}return f.prototype.clear=r,f.prototype.delete=n,f.prototype.get=u,f.prototype.has=i,f.prototype.set=e,hr=f}function yn(){if(xr)return Hr;xr=1;var r=function(){if(Or)return gr;Or=1;var r=pn(),n=yr?pr:(yr=1,pr=function(r){return this.__data__.set(r,"__lodash_hash_undefined__"),this}),t=wr?mr:(wr=1,mr=function(r){return this.__data__.has(r)});function u(n){var t=-1,u=null==n?0:n.length;for(this.__data__=new r;++t<u;)this.add(n[t])}return u.prototype.add=u.prototype.push=n,u.prototype.has=t,gr=u}(),n=Sr?Ar:(Sr=1,Ar=function(r,n){for(var t=-1,u=null==r?0:r.length;++t<u;)if(n(r[t],t,r))return!0;return!1}),t=Dr?kr:(Dr=1,kr=function(r,n){return r.has(n)});return Hr=function(u,i,e,f,o,a){var c=1&e,s=u.length,v=i.length;if(s!=v&&!(c&&v>s))return!1;var h=a.get(u),b=a.get(i);if(h&&b)return h==i&&b==u;var l=-1,_=!0,j=2&e?new r:void 0;for(a.set(u,i),a.set(i,u);++l<s;){var d=u[l],p=i[l];if(f)var y=c?f(p,d,l,i,u,a):f(d,p,l,u,i,a);if(void 0!==y){if(y)continue;_=!1;break}if(j){if(!n(i,(function(r,n){if(!t(j,n)&&(d===r||o(d,r,e,f,a)))return j.push(n)}))){_=!1;break}}else if(d!==p&&!o(d,p,e,f,a)){_=!1;break}}return a.delete(u),a.delete(i),_}}function mn(){if(un)return tn;un=1;var r=function(){if(Vr)return Ur;Vr=1;var r=Rr?Nr:(Rr=1,Nr=function(r,n){for(var t=-1,u=n.length,i=r.length;++t<u;)r[i+t]=n[t];return r}),n=v();return Ur=function(t,u,i){var e=u(t);return n(t)?e:r(e,i(t))}}(),n=function(){if(Ir)return Gr;Ir=1;var r=Zr?Yr:(Zr=1,Yr=function(r,n){for(var t=-1,u=null==r?0:r.length,i=0,e=[];++t<u;){var f=r[t];n(f,t,r)&&(e[i++]=f)}return e}),n=Fr?$r:(Fr=1,$r=function(){return[]}),t=Object.prototype.propertyIsEnumerable,u=Object.getOwnPropertySymbols;return Gr=u?function(n){return null==n?[]:(n=Object(n),r(u(n),(function(r){return t.call(n,r)})))}:n}(),t=function(){if(nn)return rn;nn=1;var r=function(){if(Xr)return Wr;Xr=1;var r=Pr?Jr:(Pr=1,Jr=function(r,n){for(var t=-1,u=Array(r);++t<r;)u[t]=n(t);return u}),n=u(),t=v(),f=i(),o=function(){if(Tr)return Qr;Tr=1;var r=/^(?:0|[1-9]\d*)$/;return Qr=function(n,t){var u=typeof n;return!!(t=null==t?9007199254740991:t)&&("number"==u||"symbol"!=u&&r.test(n))&&n>-1&&n%1==0&&n<t}}(),a=e(),c=Object.prototype.hasOwnProperty;return Wr=function(u,i){var e=t(u),s=!e&&n(u),v=!e&&!s&&f(u),h=!e&&!s&&!v&&a(u),b=e||s||v||h,l=b?r(u.length,String):[],_=l.length;for(var j in u)!i&&!c.call(u,j)||b&&("length"==j||v&&("offset"==j||"parent"==j)||h&&("buffer"==j||"byteLength"==j||"byteOffset"==j)||o(j,_))||l.push(j);return l}}(),n=f(),t=o();return rn=function(u){return t(u)?r(u):n(u)}}();return tn=function(u){return r(u,t,n)}}function wn(){if(an)return on;an=1;var r=function(){if(dr)return jr;dr=1;var r=_n(),n=function(){if(E)return B;E=1;var r=_n();return B=function(){this.__data__=new r,this.size=0}}(),u=q?L:(q=1,L=function(r){var n=this.__data__,t=n.delete(r);return this.size=n.size,t}),i=C?z:(C=1,z=function(r){return this.__data__.get(r)}),e=M?K:(M=1,K=function(r){return this.__data__.has(r)}),f=function(){if(_r)return lr;_r=1;var r=_n(),n=t(),u=pn();return lr=function(t,i){var e=this.__data__;if(e instanceof r){var f=e.__data__;if(!n||f.length<199)return f.push([t,i]),this.size=++e.size,this;e=this.__data__=new u(f)}return e.set(t,i),this.size=e.size,this}}();function o(n){var t=this.__data__=new r(n);this.size=t.size}return o.prototype.clear=n,o.prototype.delete=u,o.prototype.get=i,o.prototype.has=e,o.prototype.set=f,jr=o}(),n=yn(),u=function(){if(Mr)return Kr;Mr=1;var r=s(),n=function(){if(Er)return Br;Er=1;var r=c();return Br=r.Uint8Array}(),t=bn(),u=yn(),i=qr?Lr:(qr=1,Lr=function(r){var n=-1,t=Array(r.size);return r.forEach((function(r,u){t[++n]=[u,r]})),t}),e=Cr?zr:(Cr=1,zr=function(r){var n=-1,t=Array(r.size);return r.forEach((function(r){t[++n]=r})),t}),f=r?r.prototype:void 0,o=f?f.valueOf:void 0;return Kr=function(r,f,a,c,s,v,h){switch(a){case"[object DataView]":if(r.byteLength!=f.byteLength||r.byteOffset!=f.byteOffset)return!1;r=r.buffer,f=f.buffer;case"[object ArrayBuffer]":return!(r.byteLength!=f.byteLength||!v(new n(r),new n(f)));case"[object Boolean]":case"[object Date]":case"[object Number]":return t(+r,+f);case"[object Error]":return r.name==f.name&&r.message==f.message;case"[object RegExp]":case"[object String]":return r==f+"";case"[object Map]":var b=i;case"[object Set]":if(b||(b=e),r.size!=f.size&&!(1&c))return!1;var l=h.get(r);if(l)return l==f;c|=2,h.set(r,f);var _=u(b(r),b(f),c,s,v,h);return h.delete(r),_;case"[object Symbol]":if(o)return o.call(r)==o.call(f)}return!1}}(),f=function(){if(fn)return en;fn=1;var r=mn(),n=Object.prototype.hasOwnProperty;return en=function(t,u,i,e,f,o){var a=1&i,c=r(t),s=c.length;if(s!=r(u).length&&!a)return!1;for(var v=s;v--;){var h=c[v];if(!(a?h in u:n.call(u,h)))return!1}var b=o.get(t),l=o.get(u);if(b&&l)return b==u&&l==t;var _=!0;o.set(t,u),o.set(u,t);for(var j=a;++v<s;){var d=t[h=c[v]],p=u[h];if(e)var y=a?e(p,d,h,u,t,o):e(d,p,h,t,u,o);if(!(void 0===y?d===p||f(d,p,i,e,o):y)){_=!1;break}j||(j="constructor"==h)}if(_&&!j){var m=t.constructor,w=u.constructor;m==w||!("constructor"in t)||!("constructor"in u)||"function"==typeof m&&m instanceof m&&"function"==typeof w&&w instanceof w||(_=!1)}return o.delete(t),o.delete(u),_}}(),o=a(),h=v(),b=i(),l=e(),_="[object Arguments]",j="[object Array]",d="[object Object]",p=Object.prototype.hasOwnProperty;return on=function(t,i,e,a,c,s){var v=h(t),y=h(i),m=v?j:o(t),w=y?j:o(i),g=(m=m==_?d:m)==d,O=(w=w==_?d:w)==d,A=m==w;if(A&&b(t)){if(!b(i))return!1;v=!0,g=!1}if(A&&!g)return s||(s=new r),v||l(t)?n(t,i,e,a,c,s):u(t,i,m,e,a,c,s);if(!(1&e)){var S=g&&p.call(t,"__wrapped__"),k=O&&p.call(i,"__wrapped__");if(S||k){var D=S?t.value():t,H=k?i.value():i;return s||(s=new r),c(D,H,e,a,s)}}return!!A&&(s||(s=new r),f(t,i,e,a,c,s))}}var gn=r(function(){if(hn)return vn;hn=1;var r=function(){if(sn)return cn;sn=1;var r=wn(),n=h();return cn=function t(u,i,e,f,o){return u===i||(null==u||null==i||!n(u)&&!n(i)?u!=u&&i!=i:r(u,i,e,f,t,o))},cn}();return vn=function(n,t){return r(n,t)}}());function On(r,n){if(b(r)||b(n))return!1;const t=[...r].sort(),u=[...n].sort();return gn(t,u)}export{On as a}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{p as s,H as a,f as i,h as t,e,t as r}from"./p-WO0X5Vmy.js";import{_ as o,L as d,a as n}from"./p-J0mxIuTt.js";import{w as c}from"./p-BgzU1loG.js";import{S as l}from"./p-3Mi9vpmB.js";import{d as h}from"./p-
|
|
4
|
+
import{p as s,H as a,f as i,h as t,e,t as r}from"./p-WO0X5Vmy.js";import{_ as o,L as d,a as n}from"./p-J0mxIuTt.js";import{w as c}from"./p-BgzU1loG.js";import{S as l}from"./p-3Mi9vpmB.js";import{d as h}from"./p-BmKEBYP4.js";import{d as p}from"./p-std0LSH2.js";import{d as m}from"./p-Dbqy6lZU.js";import{d as b}from"./p-o0H7eIVX.js";import{T as u}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";import{L as f}from"./p-DIK6Zkg6.js";const w=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsWillPresent=i(this,"dsWillPresent"),this.dsDidPresent=i(this,"dsDidPresent"),this.dsWillDismiss=i(this,"dsWillDismiss"),this.dsDidDismiss=i(this,"dsDidDismiss"),this.scrollHandler=new l,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=s=>{s.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var s;this.open&&(null===(s=this.dialogEl)||void 0===s||s.showModal())},this.handleBackdropClick=s=>{this.backdropDismiss&&s.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(s){this.log=s}openChanged(s){s?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var s,a;null===(s=this.dialogEl)||void 0===s||s.addEventListener("cancel",this.handleCancel),null===(a=this.dialogEl)||void 0===a||a.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var s,a;null===(s=this.dialogEl)||void 0===s||s.removeEventListener("cancel",this.handleCancel),null===(a=this.dialogEl)||void 0===a||a.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(s){this.animated=s.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var s,a;(null===(s=this.dialogEl)||void 0===s?void 0:s.open)||(this.dsWillPresent.emit(),null===(a=this.dialogEl)||void 0===a||a.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await c(300),this.dsDidPresent.emit())}async doClose(){var s,a;(null===(s=this.dialogEl)||void 0===s?void 0:s.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await c(300),null===(a=this.dialogEl)||void 0===a||a.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return t(e,{key:"bf8f75a23cda49f75931b8d2d61134268aa87024",class:{"is-open":this.isOpen,"is-animated":this.animated}},t("dialog",{key:"c84019c7626898f7d464422690654ff387840da3",part:"dialog",ref:s=>this.dialogEl=s,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},t("div",{key:"5a4f1b3d5415ba267e8f0fdd632b0be12a36b569",class:{container:!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&t("ds-close",{key:"aaabb4ab6de152c3d21947a482aa0e0c3fccd82e",part:"close",onClick:this.handleCloseClick}),t("slot",{key:"ef27b510ca776a39a56904b00661565101599dfe"}))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-padding:var(--drawer-padding, var(--mod-drawer-padding, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .container ds-close{position:absolute;top:1rem;right:1rem}:host .container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-base);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-padding);position:relative}:host .container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}"}},[257,"ds-drawer",{open:[1540],closable:[4],backdropDismiss:[4,"backdrop-dismiss"],label:[1],container:[1],animated:[32],isOpen:[32],present:[64],dismiss:[64],configChanged:[64]},void 0,{open:[{openChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["ds-drawer","ds-button","ds-close","ds-icon","ds-spinner"].forEach((s=>{switch(s){case"ds-drawer":customElements.get(r(s))||customElements.define(r(s),w);break;case"ds-button":customElements.get(r(s))||h();break;case"ds-close":customElements.get(r(s))||p();break;case"ds-icon":customElements.get(r(s))||m();break;case"ds-spinner":customElements.get(r(s))||b()}}))}o([d("drawer"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],w.prototype,"createLogger",null),o([u("boolean"),n("design:type",Boolean)],w.prototype,"open",void 0),o([u("boolean"),n("design:type",Boolean)],w.prototype,"closable",void 0),o([u("boolean"),n("design:type",Boolean)],w.prototype,"backdropDismiss",void 0),o([u("string"),n("design:type",String)],w.prototype,"label",void 0),o([g(["default","fluid","compact"]),n("design:type",String)],w.prototype,"container",void 0),o([f(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],w.prototype,"configChanged",null);export{w as D,v as d}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
+
*/
|
|
4
|
+
import{p as t,H as a,h as e,e as s,t as n}from"./p-WO0X5Vmy.js";import{_ as o,L as r,a as c}from"./p-J0mxIuTt.js";import{h as i}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{S as g,a as k}from"./p-DBX_haol.js";import{O as p}from"./p-BhbWmCTu.js";const d=["start","center","end"],h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost()}createLogger(t){this.log=t}render(){var t;const a=i(this.alignment),n=i(this.align),o=l(this.space)||"";let r=null===(t=this.align)||void 0===t?void 0:t.split(" ").join("-");this.alignment&&(r=this.alignment.split(" ").join("-"));let c=this.direction;return i(this.layout)&&("horizontal"===this.layout?c="row":"vertical"===this.layout?c="column":"vertical-reverse"===this.layout?c="column-reverse":"horizontal-reverse"===this.layout&&(c="row-reverse")),e(s,{key:"a1cd5de9505f4bfa2888e453c3c40d9e95bd5931",class:{"stack-content":!0,"as-row":"row"===c,"as-col":"column"===c,[`align-${r}`]:n||a,[`text-${this.textAlign}`]:i(this.textAlign),[`has-space-${o}`]:i(this.space)}},e("slot",{key:"d4b6a17b957bc3aff33e3f09eb123c8350c214eb"}))}get el(){return this}static get style(){return".stack,.stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{-ms-flex-item-align:stretch;align-self:stretch}.stack.is-horizontal>.stack-content{-ms-flex-item-align:center;align-self:center}.stack.has-wrap,.stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left !important}.stack-content.text-center{text-align:center !important}.stack-content.text-right{text-align:right !important}.stack.fit-content,.stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-alias-space-2xs-device);-moz-column-gap:var(--ds-alias-space-2xs-device);column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-alias-space-xs-device);-moz-column-gap:var(--ds-alias-space-xs-device);column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-alias-space-sm-device);-moz-column-gap:var(--ds-alias-space-sm-device);column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{-webkit-column-gap:var(--ds-alias-space-base-device);-moz-column-gap:var(--ds-alias-space-base-device);column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{-webkit-column-gap:var(--ds-alias-space-md-device);-moz-column-gap:var(--ds-alias-space-md-device);column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-alias-space-lg-device);-moz-column-gap:var(--ds-alias-space-lg-device);column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-alias-space-xl-device);-moz-column-gap:var(--ds-alias-space-xl-device);column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-alias-space-2xl-device);-moz-column-gap:var(--ds-alias-space-2xl-device);column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}ds-content{position:static}"}},[260,"ds-content",{layout:[1],direction:[1],align:[1],textAlign:[1,"text-align"],space:[1],alignment:[1]}]);function w(){"undefined"!=typeof customElements&&["ds-content"].forEach((t=>{"ds-content"===t&&(customElements.get(n(t))||customElements.define(n(t),h))}))}o([r("content"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],h.prototype,"createLogger",null),o([p(g),c("design:type",String)],h.prototype,"layout",void 0),o([p(["column","row"]),c("design:type",String)],h.prototype,"direction",void 0),o([p(d),c("design:type",String)],h.prototype,"align",void 0),o([p(d),c("design:type",String)],h.prototype,"textAlign",void 0),o([p(["none","3xs","2xs","xs","sm","base","xxx-small","xx-small","x-small","small","normal"]),c("design:type",String)],h.prototype,"space",void 0),o([p(k),c("design:type",String)],h.prototype,"alignment",void 0);export{h as C,w as d}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
+
*/
|
|
4
|
+
import{h as e,e as l}from"./p-WO0X5Vmy.js";import{a as i}from"./p-DYfTMCkl.js";import{I as a}from"./p-C7I7OlaM.js";function n(e,l){let i;const a=()=>{var n;const s=e.querySelector(':scope > [slot="invalid-text"]');l(!!s&&(null!==(n=s.textContent)&&void 0!==n?n:"").trim().length>0),null==i||i.disconnect(),s&&(i=new MutationObserver(a),i.observe(s,{childList:!0,characterData:!0,subtree:!0}))},n=new MutationObserver(a);return n.observe(e,{childList:!0}),a(),()=>{n.disconnect(),null==i||i.disconnect()}}const s=(n,s)=>{var t;const r=null!==(t=n.inputId)&&void 0!==t?t:"input",o="fieldset"===n.role?"group":void 0,d="fieldset"===n.role?"fieldset":"div";return e(l,{class:Object.assign({"ds-field ":!0,"is-disabled":!!n.disabled,"is-danger":"danger"===n.color||!!n.invalid,"is-success":"success"===n.color&&!n.invalid,"is-warning":"warning"===n.color&&!n.invalid},n.cssClasses)},e(d,{id:"inner",part:"inner",role:o,"aria-disabled":i(n.disabled),"aria-invalid":i(n.invalid),"aria-labelledby":"label","aria-describedby":"description",onClick:e=>{var l;return null===(l=n.onClick)||void 0===l?void 0:l.call(n,e)}},n.label&&("fieldset"===n.role?e("legend",{part:"label",id:"label"},e("slot",{name:"label"},n.label),!n.required&&e("span",null,a[n.language].optional||"")):e("label",{htmlFor:r,part:"label",id:"label"},e("slot",{name:"label"},n.label),!n.required&&e("span",null,a[n.language].optional||""))),e("div",{id:"container",part:"control"},e("slot",{name:"start"}),s,e("slot",{name:"end"}),!0===n.loading&&e("ds-spinner",{small:!0,variation:"circle",color:n.disabled?"white":"blue"})),n.label&&e("span",{id:"description",part:"description",role:n.invalid&&n.invalidText?"alert":void 0},n.invalid&&n.invalidText&&e("ds-icon",{name:"alert"}),n.invalid?e("slot",{name:"invalid-text"},n.invalidText||n.description):e("slot",{name:"description"},n.description))))};export{s as F,n as w}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
+
*/
|
|
4
|
+
import{p as t,H as a,h as e,e as s,t as n}from"./p-WO0X5Vmy.js";import{_ as o,L as r,a as c}from"./p-J0mxIuTt.js";import{h as i}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{a as g,b as p,c as k,d}from"./p-DBX_haol.js";import{O as h}from"./p-BhbWmCTu.js";import{T as w}from"./p-DAYd9ty0.js";const v=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.fitContent=!1,this.space="base",this.useWrap=!1}createLogger(t){this.log=t}render(){const t=i(this.align),a=i(this.alignment),n=l(this.space)||"",o=l(this.spaceRow)||"",r=l(this.spaceColumn)||"",c=l(this.p)||"",g=l(this.px)||"",p=l(this.py)||"";let k=this.align?this.align.split(" ").join("-"):void 0;return this.alignment&&(k=this.alignment.split(" ").join("-")),e(s,{key:"dd0bd9e7c80b67577eb65ff49703788eff026835",class:{stack:!0,"as-row":"row"===this.direction,"as-col":"column"===this.direction,"has-wrap":!0===this.useWrap,"fit-content":!0===this.fitContent,[`align-${k}`]:t||a,[`has-space-${n}`]:i(this.space),[`has-space-row-${o}`]:i(this.spaceRow),[`has-space-col-${r}`]:i(this.spaceColumn),[`p-${c}`]:i(this.p),[`px-${g}`]:i(this.px),[`py-${p}`]:i(this.py)}},e("slot",{key:"efab6583321216d1b9674b3d959ca347d9aacfb6"}))}get el(){return this}static get style(){return".stack,.stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{-ms-flex-item-align:stretch;align-self:stretch}.stack.is-horizontal>.stack-content{-ms-flex-item-align:center;align-self:center}.stack.has-wrap,.stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left !important}.stack-content.text-center{text-align:center !important}.stack-content.text-right{text-align:right !important}.stack.fit-content,.stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-alias-space-2xs-device);-moz-column-gap:var(--ds-alias-space-2xs-device);column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-alias-space-xs-device);-moz-column-gap:var(--ds-alias-space-xs-device);column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-alias-space-sm-device);-moz-column-gap:var(--ds-alias-space-sm-device);column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{-webkit-column-gap:var(--ds-alias-space-base-device);-moz-column-gap:var(--ds-alias-space-base-device);column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{-webkit-column-gap:var(--ds-alias-space-md-device);-moz-column-gap:var(--ds-alias-space-md-device);column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-alias-space-lg-device);-moz-column-gap:var(--ds-alias-space-lg-device);column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-alias-space-xl-device);-moz-column-gap:var(--ds-alias-space-xl-device);column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-alias-space-2xl-device);-moz-column-gap:var(--ds-alias-space-2xl-device);column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}:host{position:static}"}},[260,"ds-stack",{align:[1],alignment:[1],direction:[1025],fitContent:[4,"fit-content"],p:[1],px:[1],py:[1],space:[1],spaceColumn:[1,"space-column"],spaceRow:[1,"space-row"],useWrap:[4,"use-wrap"]}]);function m(){"undefined"!=typeof customElements&&["ds-stack"].forEach((t=>{"ds-stack"===t&&(customElements.get(n(t))||customElements.define(n(t),v))}))}o([r("stack"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],v.prototype,"createLogger",null),o([h(g),c("design:type",String)],v.prototype,"align",void 0),o([h(g),c("design:type",String)],v.prototype,"alignment",void 0),o([h(p),c("design:type",String)],v.prototype,"direction",void 0),o([w("boolean"),c("design:type",Boolean)],v.prototype,"fitContent",void 0),o([h(k),c("design:type",String)],v.prototype,"p",void 0),o([h(k),c("design:type",String)],v.prototype,"px",void 0),o([h(k),c("design:type",String)],v.prototype,"py",void 0),o([h(d),c("design:type",String)],v.prototype,"space",void 0),o([h(d),c("design:type",String)],v.prototype,"spaceColumn",void 0),o([h(d),c("design:type",String)],v.prototype,"spaceRow",void 0),o([w("boolean"),c("design:type",Boolean)],v.prototype,"useWrap",void 0);export{v as S,m as d}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
const e=["","horizontal","vertical","horizontal-reverse","vertical-reverse"],l=["","auto","none","2xs","xs","sm","base","md","lg","xl","xxl","xx-small","x-small","small","normal","medium","large","x-large","xx-large"],a=["","none","2xs","xs","sm","base","md","lg","xl","xxl","xx-small","x-small","small","normal","medium","large","x-large","xx-large"],r=["
|
|
4
|
+
const e=["","horizontal","vertical","horizontal-reverse","vertical-reverse"],l=["","auto","none","2xs","xs","sm","base","md","lg","xl","xxl","xx-small","x-small","small","normal","medium","large","x-large","xx-large"],a=["","none","2xs","xs","sm","base","md","lg","xl","xxl","xx-small","x-small","small","normal","medium","large","x-large","xx-large"],r=["top start","top center","top end","start","center","end","bottom start","bottom center","bottom end"],s=["row","column","row-reverse","column-reverse"];export{e as S,r as a,s as b,a as c,l as d}
|