@helvetia-design/core 0.0.5 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +74 -0
- package/components/ds-accordion.js +1 -1
- package/components/ds-alert-container.js +1 -1
- package/components/ds-app-footer.js +1 -1
- package/components/ds-app-navbar.js +1 -1
- package/components/ds-badge.js +1 -1
- package/components/ds-brand-icon.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-header.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-item.js +1 -1
- package/components/ds-carousel.js +1 -1
- package/components/ds-checkbox-group.js +1 -1
- package/components/ds-checkbox.js +1 -1
- package/components/ds-close.js +1 -1
- package/components/ds-content.js +1 -1
- package/components/ds-counter.js +1 -1
- package/components/ds-data-item.js +1 -1
- package/components/ds-data-label.js +1 -1
- package/components/ds-data-value.js +1 -1
- package/components/ds-data.js +1 -1
- package/components/ds-datepicker.js +1 -1
- package/components/ds-divider.js +1 -1
- package/components/ds-drawer.js +1 -1
- package/components/ds-file-upload.js +1 -1
- package/components/ds-heading.js +1 -1
- package/components/ds-hint-text.js +1 -1
- package/components/ds-hint-title.js +1 -1
- package/components/ds-hint.js +1 -1
- package/components/ds-icon.js +1 -1
- package/components/ds-input.js +1 -1
- package/components/ds-item.js +1 -1
- package/components/ds-label.js +1 -1
- package/components/ds-list.js +1 -1
- package/components/ds-logo.js +1 -1
- package/components/ds-modal-body.js +1 -1
- package/components/ds-modal-header.js +1 -1
- package/components/ds-modal.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-phone-input.js +1 -1
- package/components/ds-popup.js +1 -1
- package/components/ds-progress-bar.js +1 -1
- package/components/ds-radio-group.js +1 -1
- package/components/ds-radio.js +1 -1
- package/components/ds-root.js +1 -1
- package/components/ds-segment-item.js +1 -1
- package/components/ds-segment.js +1 -1
- package/components/ds-select-optgroup.js +1 -1
- package/components/ds-select-option.js +1 -1
- package/components/ds-select.js +1 -1
- package/components/ds-shape.js +1 -1
- package/components/ds-sheet.js +1 -1
- package/components/ds-slider.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-panel.js +1 -1
- package/components/ds-step.js +1 -1
- package/components/ds-steps.js +1 -1
- package/components/ds-tab-panel.js +1 -1
- package/components/ds-tab.js +1 -1
- package/components/ds-tabs.js +1 -1
- package/components/ds-tag-group.js +1 -1
- package/components/ds-tag.js +1 -1
- package/components/ds-text.js +1 -1
- package/components/ds-textarea.js +1 -1
- package/components/ds-toast.js +1 -1
- package/components/ds-toggle.js +1 -1
- package/components/ds-tooltip.js +1 -1
- package/components/index.js +1 -1
- package/components/p-3DnZqMoY.js +14 -0
- package/components/{p-Bl_soFOX.js → p-B0Z95Hj1.js} +1 -1
- package/components/{p-C2olRmZ-.js → p-B9El_sPq.js} +1 -1
- package/{dist/design-system/p-DqEwL34o.js → components/p-B9OReveE.js} +1 -1
- package/components/p-BB4SRrRj.js +4 -0
- package/components/{p-j7VsKeVd.js → p-BI_5Zbrm.js} +1 -1
- package/{dist/design-system/p-B3VN_5Hp.js → components/p-BPtibja3.js} +1 -1
- package/{dist/design-system/p-CZ_qlWWQ.js → components/p-BVNhJBnn.js} +1 -1
- package/components/{p-Dz4gbncy.js → p-C0OHfTQ0.js} +1 -1
- package/{dist/design-system/p-nVdGbZYj.js → components/p-C8OqQuJ7.js} +1 -1
- package/{dist/design-system/p-zuNnnG1x.js → components/p-CDNe0ZaI.js} +1 -1
- package/components/{p-CenSJbHh.js → p-CEPnyz7c.js} +1 -1
- package/components/{p-Dl7R2ZPs.js → p-CTSANrsO.js} +1 -1
- package/components/{p-Dl4u6w0V.js → p-C_1UxX8G.js} +1 -1
- package/components/{p-VWxo1gxA.js → p-CjK_T5vp.js} +1 -1
- package/components/{p-CaZA7z9r.js → p-CkQK5z17.js} +1 -1
- package/components/{p-CFt9NQdE.js → p-CpB1Qjh1.js} +1 -1
- package/components/p-D8RaAucx.js +5 -0
- package/components/p-DBqTFl8O.js +4 -0
- package/components/{p-BV65welS.js → p-DEnVBHne.js} +1 -1
- package/components/p-DFgZk16R.js +6 -0
- package/components/{p-BfVlVhQa.js → p-DO00xKgx.js} +1 -1
- package/components/p-DOP4fM2o.js +4 -0
- package/{dist/design-system/p-Bo3ozMyW.js → components/p-DaqLtBr3.js} +1 -1
- package/components/{p-EjCh38Af.js → p-Dbt7_-_D.js} +1 -1
- package/components/{p-BUZBtnQL.js → p-Dj9PaUM0.js} +1 -1
- package/components/{p-n8QXleYD.js → p-DpLrRYE7.js} +1 -1
- package/components/{p-Br89jVgJ.js → p-Dq0RGuR5.js} +1 -1
- package/components/{p-H-j7GE58.js → p-Dwybw1sf.js} +1 -1
- package/components/{p-B8nj0zHa.js → p-DyfdPmyS.js} +1 -1
- package/components/p-El2snbN5.js +4 -0
- package/components/p-V50XCJTN.js +4 -0
- package/components/{p-CpxLBgza.js → p-VwgiuJog.js} +1 -1
- package/components/{p-xQf4GJxM.js → p-hhVbp_AN.js} +1 -1
- package/components/{p-CiZ4PMen.js → p-qIRMq8Bl.js} +1 -1
- package/{dist/design-system/p-bTeo6KbL.js → components/p-vUPe8Qmy.js} +1 -1
- package/components/{p-CsftG7WI.js → p-xUHc9oRK.js} +1 -1
- package/dist/cjs/{array-CzUg2Ga6.js → array-DoZQchdZ.js} +2 -2
- package/dist/cjs/{breakpoints.decorator-CFC7J7xQ.js → breakpoints.decorator-Dm8t1zZX.js} +1 -1
- package/dist/cjs/{breakpoints.subject-DPaQVsnU.js → breakpoints.subject-BPlVZABg.js} +3 -3
- package/dist/cjs/{config.utils-obklVSg-.js → config.utils-BC0OM7Do.js} +1 -1
- package/dist/cjs/{create-validator-decorator-D1N31xdI.js → create-validator-decorator-BthpaMGb.js} +1 -1
- package/dist/cjs/design-system.cjs.js +3 -3
- package/dist/cjs/{device-CkwueF-7.js → device-DoKzl-_E.js} +1 -1
- package/dist/cjs/ds-accordion.cjs.entry.js +7 -7
- package/dist/cjs/ds-alert-container.cjs.entry.js +6 -6
- package/dist/cjs/ds-app-footer.cjs.entry.js +6 -6
- package/dist/cjs/ds-app-navbar.cjs.entry.js +13 -13
- package/dist/cjs/ds-badge.cjs.entry.js +7 -7
- package/dist/cjs/ds-brand-icon_3.cjs.entry.js +25 -11
- package/dist/cjs/ds-button-group.cjs.entry.js +6 -6
- package/dist/cjs/ds-card-actions.cjs.entry.js +4 -4
- package/dist/cjs/ds-card-content.cjs.entry.js +2 -2
- package/dist/cjs/ds-card-header.cjs.entry.js +5 -5
- package/dist/cjs/ds-card-subtitle.cjs.entry.js +7 -15
- package/dist/cjs/ds-card-title.cjs.entry.js +7 -7
- package/dist/cjs/ds-card.cjs.entry.js +6 -6
- package/dist/cjs/ds-carousel-item.cjs.entry.js +6 -6
- package/dist/cjs/ds-carousel.cjs.entry.js +7 -7
- package/dist/cjs/ds-checkbox-group.cjs.entry.js +11 -11
- package/dist/cjs/ds-checkbox.cjs.entry.js +8 -8
- package/dist/cjs/ds-content_2.cjs.entry.js +15 -13
- package/dist/cjs/ds-counter.cjs.entry.js +12 -12
- package/dist/cjs/ds-data-item.cjs.entry.js +5 -5
- 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-datepicker.cjs.entry.js +10 -10
- package/dist/cjs/ds-divider_2.cjs.entry.js +15 -15
- package/dist/cjs/ds-drawer_2.cjs.entry.js +8 -8
- package/dist/cjs/ds-file-upload.cjs.entry.js +11 -11
- package/dist/cjs/ds-heading.cjs.entry.js +11 -30
- 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 +10 -10
- package/dist/cjs/ds-icon_2.cjs.entry.js +16 -14
- package/dist/cjs/ds-input.cjs.entry.js +12 -12
- package/dist/cjs/ds-item.cjs.entry.js +6 -6
- package/dist/cjs/ds-label.cjs.entry.js +7 -7
- package/dist/cjs/ds-list.cjs.entry.js +6 -6
- 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 +6 -6
- package/dist/cjs/ds-notification.cjs.entry.js +7 -7
- package/dist/cjs/ds-number-input.cjs.entry.js +11 -11
- package/dist/cjs/ds-pagination.cjs.entry.js +11 -11
- package/dist/cjs/ds-phone-input.cjs.entry.js +11 -11
- package/dist/cjs/ds-progress-bar.cjs.entry.js +11 -11
- package/dist/cjs/ds-radio-group.cjs.entry.js +8 -8
- package/dist/cjs/ds-radio.cjs.entry.js +7 -7
- package/dist/cjs/ds-root.cjs.entry.js +9 -9
- package/dist/cjs/ds-segment-item.cjs.entry.js +4 -4
- package/dist/cjs/ds-segment.cjs.entry.js +9 -9
- 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 +92 -138
- package/dist/cjs/ds-shape.cjs.entry.js +4 -4
- package/dist/cjs/ds-sheet.cjs.entry.js +4 -4
- package/dist/cjs/ds-slider.cjs.entry.js +11 -11
- package/dist/cjs/ds-snackbar.cjs.entry.js +12 -12
- 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 +7 -7
- 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 +9 -9
- package/dist/cjs/ds-toast.cjs.entry.js +10 -10
- package/dist/cjs/ds-toggle.cjs.entry.js +8 -8
- package/dist/cjs/ds-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/{field.util-BZ0-f1v6.js → field.util-BtZI1wzx.js} +1 -1
- package/dist/cjs/{focus-Bv0hrXz3.js → focus-CWX7XV7l.js} +7 -4
- package/dist/cjs/{form-control-ByeZXHpq.js → form-control-DM3FxzL9.js} +1 -1
- package/dist/cjs/{has-value-CBVBjBwO.js → has-value-DWblEJUY.js} +1 -1
- package/dist/cjs/{heading.interfaces-C-G-ZqUa.js → heading.interfaces-BGskP9PB.js} +0 -2
- package/dist/cjs/{index-CwPTwAjW.js → index-CyaxwkZQ.js} +42 -28
- package/dist/cjs/index.cjs.js +6 -6
- package/dist/cjs/{isNaN-DIIUFyAr.js → isNaN-CEewdlJZ.js} +1 -1
- package/dist/cjs/{isNil-DrqNFqs2.js → isNil-D0mNOhrh.js} +1 -1
- package/dist/cjs/{listener-BKouf67K.js → listener-DOKLlUb5.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{logo.animation-Cuja-JN4.js → logo.animation-dvcSskVG.js} +2 -2
- package/dist/cjs/{lottie_light_html-C_mBwRBh.js → lottie_light_html-DzsXdx4w.js} +1 -1
- package/dist/cjs/{one-of-D0xhgLU-.js → one-of-D0uVlyvx.js} +1 -1
- package/dist/cjs/{required-HiflFAT7.js → required-BX5d5kDo.js} +1 -1
- package/dist/cjs/{resize.decorator-CqEDvHo5.js → resize.decorator-CHSUnK5V.js} +2 -2
- package/dist/cjs/{scroll-DCvj4nye.js → scroll-i0uYOSWH.js} +1 -1
- package/dist/cjs/{spinner.animation-CUVRmAW-.js → spinner.animation-DzuE_Ien.js} +2 -2
- package/dist/cjs/{svg-Cs3pO28w.js → svg-CH7qWfV-.js} +272 -195
- package/dist/cjs/{t-shirt-DWHArrUC.js → t-shirt-DqirWTL2.js} +2 -6
- package/dist/cjs/{tslib.es6-S4D9nLEw.js → tslib.es6-BZEK5U4Y.js} +1 -1
- package/dist/cjs/{type-7b7yRER9.js → type-CwlDjRSC.js} +1 -1
- package/dist/cjs/{upperFirst-cad3Eler.js → upperFirst-DMFyd865.js} +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/actions/button/button.js +36 -2
- package/dist/collection/components/actions/button/test/button.component.play.js +53 -0
- package/dist/collection/components/forms/counter/counter.host.css +1 -1
- package/dist/collection/components/forms/counter/counter.js +5 -3
- package/dist/collection/components/forms/datepicker/datepicker.host.css +1 -1
- package/dist/collection/components/forms/file-upload/file-upload.host.css +1 -1
- package/dist/collection/components/forms/input/input.host.css +1 -1
- package/dist/collection/components/forms/input/input.js +3 -1
- package/dist/collection/components/forms/number-input/number-input.host.css +1 -1
- package/dist/collection/components/forms/phone-input/phone-input.host.css +1 -1
- package/dist/collection/components/forms/select/select.host.css +1 -1
- package/dist/collection/components/forms/slider/slider.host.css +1 -1
- package/dist/collection/components/forms/textarea/textarea.host.css +1 -1
- package/dist/collection/components/forms/toggle/toggle.host.css +1 -1
- package/dist/collection/components/indicators/spinner/spinner.js +5 -3
- package/dist/collection/components/structure/card/card-subtitle/card-subtitle.js +5 -37
- package/dist/collection/components/structure/content/content.js +3 -3
- package/dist/collection/components/structure/divider/divider.js +3 -3
- package/dist/collection/components/structure/heading/heading.const.js +0 -8
- package/dist/collection/components/structure/heading/heading.host.css +1 -1
- package/dist/collection/components/structure/heading/heading.interfaces.js +0 -1
- package/dist/collection/components/structure/heading/heading.js +5 -42
- package/dist/collection/components/structure/heading/test/heading.a11y.play.js +3 -8
- package/dist/collection/components/structure/stack/stack.interfaces.js +2 -2
- package/dist/collection/components/structure/stack/stack.js +10 -8
- package/dist/collection/components/structure/stack/test/stack.component.play.js +27 -1
- package/dist/collection/foundation/normalize.component.play.js +39 -0
- package/dist/collection/global/constants/version.constant.js +1 -1
- package/dist/collection/utils/t-shirt.js +7 -6
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/index.esm.js +1 -1
- package/dist/design-system/{p-503bfc3ac4.entry.js → p-083f25371d.entry.js} +1 -1
- package/dist/design-system/{p-5ca9a48d4a.entry.js → p-08cc8257b5.entry.js} +1 -1
- package/dist/design-system/{p-BBgONt6X.js → p-0Tzaj6-a.js} +1 -1
- package/dist/design-system/{p-9f37df0fe5.entry.js → p-0be74307ee.entry.js} +1 -1
- package/dist/design-system/{p-cd86672996.entry.js → p-12008e4b4a.entry.js} +1 -1
- package/dist/design-system/{p-0b66853b5b.entry.js → p-1ca8c93650.entry.js} +1 -1
- package/dist/design-system/{p-65762bf10a.entry.js → p-1e2fdd526f.entry.js} +1 -1
- package/dist/design-system/{p-d03b0204bf.entry.js → p-227bf7005f.entry.js} +1 -1
- package/dist/design-system/{p-f1c14f2d6d.entry.js → p-273efbd0f4.entry.js} +1 -1
- package/dist/design-system/{p-53a026d51f.entry.js → p-2984e0c419.entry.js} +1 -1
- package/dist/design-system/p-2b04230249.entry.js +4 -0
- package/dist/design-system/p-3790705fde.entry.js +4 -0
- package/dist/design-system/{p-868cdfa283.entry.js → p-387808b33b.entry.js} +1 -1
- package/dist/design-system/{p-fbea94a9f1.entry.js → p-4434546768.entry.js} +1 -1
- package/dist/design-system/{p-068ccfad8e.entry.js → p-4560cd05e2.entry.js} +1 -1
- package/dist/design-system/{p-aa818d939d.entry.js → p-46f29960b4.entry.js} +1 -1
- package/dist/design-system/{p-293c1d7f54.entry.js → p-4722d55123.entry.js} +1 -1
- package/dist/design-system/p-49ec36993d.entry.js +4 -0
- package/dist/design-system/{p-5861eed0cd.entry.js → p-5448f94833.entry.js} +1 -1
- package/dist/design-system/{p-0aa4490aef.entry.js → p-590395ca65.entry.js} +1 -1
- package/dist/design-system/{p-26dfe27017.entry.js → p-6317524d37.entry.js} +1 -1
- package/dist/design-system/{p-4859ab8eef.entry.js → p-68c0b49d0f.entry.js} +1 -1
- package/dist/design-system/{p-45f3014f29.entry.js → p-6d133bb1c4.entry.js} +1 -1
- package/dist/design-system/{p-7e0181bf02.entry.js → p-707ddadb07.entry.js} +1 -1
- package/dist/design-system/{p-4d73ae2824.entry.js → p-70d98ea08d.entry.js} +1 -1
- package/dist/design-system/{p-4eaac5ca6b.entry.js → p-72843320f7.entry.js} +1 -1
- package/dist/design-system/{p-2345e9fed5.entry.js → p-78fa42f19b.entry.js} +1 -1
- package/dist/design-system/{p-8d04a63919.entry.js → p-7c1ce160fe.entry.js} +1 -1
- package/dist/design-system/{p-14569675ee.entry.js → p-812fca6694.entry.js} +1 -1
- package/dist/design-system/{p-9cb2b5b812.entry.js → p-836ac75016.entry.js} +1 -1
- package/dist/design-system/{p-3543892968.entry.js → p-8734bc6735.entry.js} +1 -1
- package/dist/design-system/{p-03b95da587.entry.js → p-8d919b39a2.entry.js} +1 -1
- package/dist/design-system/{p-24adf9e503.entry.js → p-8e0ce35e32.entry.js} +1 -1
- package/dist/design-system/p-8ecf64f703.entry.js +4 -0
- package/dist/design-system/{p-cf785c381a.entry.js → p-903d110824.entry.js} +1 -1
- package/dist/design-system/{p-fe1e907d10.entry.js → p-94a8f24fe1.entry.js} +1 -1
- package/dist/design-system/p-9705c44121.entry.js +4 -0
- package/dist/design-system/{p-a5ddb670f6.entry.js → p-98a83e848d.entry.js} +1 -1
- package/dist/design-system/{p-6fb65596cb.entry.js → p-9ada63ba4b.entry.js} +1 -1
- package/dist/design-system/p-B0WMymhT.js +4 -0
- package/dist/design-system/{p-CqgSz7Zj.js → p-B6z5TnDK.js} +1 -1
- package/dist/design-system/p-B7VRmbiX.js +14 -0
- package/{components/p-BF-2xfmq.js → dist/design-system/p-B8_nVD8J.js} +1 -1
- package/{components/p-B3VN_5Hp.js → dist/design-system/p-BPtibja3.js} +1 -1
- package/dist/design-system/{p-DQwXy0j5.js → p-BXt6QjIx.js} +1 -1
- package/dist/design-system/{p-DWaM_oN0.js → p-BYD3IPs8.js} +1 -1
- package/dist/design-system/p-BZEWgXed.js +6 -0
- package/{components/p-C7Qb2sJV.js → dist/design-system/p-BZsCW9yV.js} +1 -1
- package/dist/design-system/p-BaZBnuEF.js +4 -0
- package/{components/p-CxDrGhiv.js → dist/design-system/p-Bwb-pdM2.js} +1 -1
- package/dist/design-system/{p-CnMdxr0m.js → p-C0WbBTf4.js} +1 -1
- package/dist/design-system/p-CBGuu-I2.js +4 -0
- package/dist/design-system/p-CZXt-zTQ.js +4 -0
- package/{components/p-Bv45jA_n.js → dist/design-system/p-D4hbhLgQ.js} +1 -1
- package/dist/design-system/p-D9mt3Oq6.js +4 -0
- package/dist/design-system/{p-PoatOrqI.js → p-DDkg6jid.js} +1 -1
- package/{components/p-PmBBNJAS.js → dist/design-system/p-DE5aqD5-.js} +1 -1
- package/dist/design-system/p-DFgZk16R.js +6 -0
- package/dist/design-system/{p-CvAtwmbq.js → p-DYqA7KF0.js} +1 -1
- package/dist/design-system/p-Dd1T3Uhf.js +4 -0
- package/dist/design-system/p-Dw7BDW7b.js +4 -0
- package/dist/design-system/{p-DtLg8ChN.js → p-FibyOiqE.js} +1 -1
- package/{components/p-C6y5h01N.js → dist/design-system/p-GV5U_dO3.js} +1 -1
- package/dist/design-system/{p-C8zA_Viz.js → p-ZGXsBgE3.js} +1 -1
- package/dist/design-system/{p-ecfec0f033.entry.js → p-a2921f8048.entry.js} +1 -1
- package/dist/design-system/{p-355ad7eb13.entry.js → p-a3755079c9.entry.js} +1 -1
- package/dist/design-system/{p-46bd8e78a8.entry.js → p-a4621dc9f7.entry.js} +1 -1
- package/dist/design-system/{p-945c165b6b.entry.js → p-a99f6b63d3.entry.js} +1 -1
- package/dist/design-system/{p-a4a063f280.entry.js → p-ac0d1f82c0.entry.js} +1 -1
- package/dist/design-system/p-b5c2efdef4.entry.js +4 -0
- package/dist/design-system/{p-d63e48925b.entry.js → p-b64cafbcbf.entry.js} +1 -1
- package/dist/design-system/{p-66e34dc71f.entry.js → p-b7b13b1f3a.entry.js} +1 -1
- package/dist/design-system/{p-0bc7faf8c4.entry.js → p-b81604634a.entry.js} +1 -1
- package/dist/design-system/{p-c7943ebfc0.entry.js → p-ba7800f8e6.entry.js} +1 -1
- package/dist/design-system/{p-9be15dfb8d.entry.js → p-bcadbbe619.entry.js} +1 -1
- package/dist/design-system/p-bdbf9a394c.entry.js +4 -0
- package/dist/design-system/{p-51fed987db.entry.js → p-bfa52f09c1.entry.js} +1 -1
- package/dist/design-system/{p-6354401906.entry.js → p-c0efe2d99d.entry.js} +1 -1
- package/dist/design-system/{p-8226ff1223.entry.js → p-c1058ab51d.entry.js} +1 -1
- package/dist/design-system/{p-d9c00436ba.entry.js → p-c7b33c067e.entry.js} +1 -1
- package/dist/design-system/p-d2c33fa11f.entry.js +4 -0
- package/dist/design-system/p-d429f6e937.entry.js +4 -0
- package/dist/design-system/{p-21e0f63b01.entry.js → p-d85136052d.entry.js} +1 -1
- package/dist/design-system/{p-1e2c6ef668.entry.js → p-dcab67df56.entry.js} +1 -1
- package/dist/design-system/{p-e5c6227929.entry.js → p-dcc1c89e7a.entry.js} +1 -1
- package/dist/design-system/{p-64911e079d.entry.js → p-e6ac93cc12.entry.js} +1 -1
- package/dist/design-system/{p-a2d5d98d3a.entry.js → p-e862697fd0.entry.js} +1 -1
- package/dist/design-system/p-eae2a1547c.entry.js +4 -0
- package/dist/design-system/{p-da193757b7.entry.js → p-ebbec13d79.entry.js} +1 -1
- package/dist/design-system/{p-8f47eaa1b3.entry.js → p-ee0928114d.entry.js} +1 -1
- package/dist/design-system/{p-65dc693177.entry.js → p-eea3eb3953.entry.js} +1 -1
- package/dist/design-system/{p-e3942a6edb.entry.js → p-eff94c9727.entry.js} +1 -1
- package/dist/design-system/{p-ec64c341a0.entry.js → p-f799b1412c.entry.js} +1 -1
- package/dist/design-system/{p-20067695d5.entry.js → p-fd42d172be.entry.js} +1 -1
- package/dist/design-system/{p-bdb708d712.entry.js → p-fd53c6d59f.entry.js} +1 -1
- package/{components/p-DwoEAAFz.js → dist/design-system/p-reH0cIhP.js} +1 -1
- package/dist/esm/{array-DoJNFnXv.js → array-e_JtE-nB.js} +2 -2
- package/dist/esm/{breakpoints.decorator-CnkvAW5b.js → breakpoints.decorator-BCEvQ01q.js} +1 -1
- package/dist/esm/{breakpoints.subject-I5r5lNF8.js → breakpoints.subject-1t_GD0pz.js} +3 -3
- package/dist/esm/{config.utils-Dp02shGd.js → config.utils-C2ZxpLao.js} +1 -1
- package/dist/esm/{create-validator-decorator-C9h9tdvI.js → create-validator-decorator-DoOlbRcm.js} +1 -1
- package/dist/esm/design-system.js +4 -4
- package/dist/esm/{device-Cgmtx8Rt.js → device-C6cGaC0a.js} +1 -1
- package/dist/esm/ds-accordion.entry.js +7 -7
- package/dist/esm/ds-alert-container.entry.js +6 -6
- package/dist/esm/ds-app-footer.entry.js +6 -6
- package/dist/esm/ds-app-navbar.entry.js +13 -13
- package/dist/esm/ds-badge.entry.js +7 -7
- package/dist/esm/ds-brand-icon_3.entry.js +25 -11
- package/dist/esm/ds-button-group.entry.js +6 -6
- package/dist/esm/ds-card-actions.entry.js +4 -4
- package/dist/esm/ds-card-content.entry.js +2 -2
- package/dist/esm/ds-card-header.entry.js +5 -5
- package/dist/esm/ds-card-subtitle.entry.js +7 -15
- package/dist/esm/ds-card-title.entry.js +7 -7
- package/dist/esm/ds-card.entry.js +6 -6
- package/dist/esm/ds-carousel-item.entry.js +6 -6
- package/dist/esm/ds-carousel.entry.js +7 -7
- package/dist/esm/ds-checkbox-group.entry.js +11 -11
- package/dist/esm/ds-checkbox.entry.js +8 -8
- package/dist/esm/ds-content_2.entry.js +15 -13
- package/dist/esm/ds-counter.entry.js +12 -12
- package/dist/esm/ds-data-item.entry.js +5 -5
- 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-datepicker.entry.js +10 -10
- package/dist/esm/ds-divider_2.entry.js +15 -15
- package/dist/esm/ds-drawer_2.entry.js +8 -8
- package/dist/esm/ds-file-upload.entry.js +11 -11
- package/dist/esm/ds-heading.entry.js +11 -30
- 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 +10 -10
- package/dist/esm/ds-icon_2.entry.js +16 -14
- package/dist/esm/ds-input.entry.js +12 -12
- package/dist/esm/ds-item.entry.js +6 -6
- package/dist/esm/ds-label.entry.js +7 -7
- package/dist/esm/ds-list.entry.js +6 -6
- 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 +6 -6
- package/dist/esm/ds-notification.entry.js +7 -7
- package/dist/esm/ds-number-input.entry.js +11 -11
- package/dist/esm/ds-pagination.entry.js +11 -11
- package/dist/esm/ds-phone-input.entry.js +11 -11
- package/dist/esm/ds-progress-bar.entry.js +11 -11
- package/dist/esm/ds-radio-group.entry.js +8 -8
- package/dist/esm/ds-radio.entry.js +7 -7
- package/dist/esm/ds-root.entry.js +9 -9
- package/dist/esm/ds-segment-item.entry.js +4 -4
- package/dist/esm/ds-segment.entry.js +9 -9
- 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 +92 -138
- package/dist/esm/ds-shape.entry.js +4 -4
- package/dist/esm/ds-sheet.entry.js +4 -4
- package/dist/esm/ds-slider.entry.js +11 -11
- package/dist/esm/ds-snackbar.entry.js +12 -12
- 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 +7 -7
- 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 +9 -9
- package/dist/esm/ds-toast.entry.js +10 -10
- package/dist/esm/ds-toggle.entry.js +8 -8
- package/dist/esm/ds-tooltip.entry.js +5 -5
- package/dist/esm/{field.util-Df-hqJaT.js → field.util-Bynx8isK.js} +1 -1
- package/dist/esm/{focus-DD2is1gX.js → focus-DxBiWf5t.js} +7 -4
- package/dist/esm/{form-control-BJWSlSG_.js → form-control-CDcwGSHl.js} +1 -1
- package/dist/esm/{has-value-gNK_M3-3.js → has-value-Bo85hk4Z.js} +1 -1
- package/dist/esm/{heading.interfaces-QyQjrb1P.js → heading.interfaces-CZXt-zTQ.js} +1 -2
- package/dist/esm/{index-vF16SDFF.js → index-BZEWgXed.js} +42 -28
- package/dist/esm/index.js +8 -8
- package/dist/esm/{isNaN-7y2s4B42.js → isNaN-CnSbS9y5.js} +1 -1
- package/dist/esm/{isNil-CdsPICws.js → isNil-CSyb5N-K.js} +1 -1
- package/dist/esm/{listener-CoC_59Q5.js → listener-D0i_9cCL.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{logo.animation-DFnRNKvb.js → logo.animation-d3SUvNsa.js} +2 -2
- package/dist/esm/{lottie_light_html-DcbRcQ3w.js → lottie_light_html-BvqthL78.js} +1 -1
- package/dist/esm/{one-of-0XcP43f0.js → one-of-CEp_lE0A.js} +1 -1
- package/dist/esm/{required-BbKCKkv2.js → required-DFokOkqn.js} +1 -1
- package/dist/esm/{resize.decorator-DuBNoG5Y.js → resize.decorator-BFNXd4pc.js} +2 -2
- package/dist/esm/{scroll-w5Ky8GVa.js → scroll-Dg5YCtp0.js} +1 -1
- package/dist/esm/{spinner.animation-Dy_M0hD_.js → spinner.animation-jNZuSaBw.js} +2 -2
- package/dist/esm/{svg-BNUaCToz.js → svg-DFgZk16R.js} +272 -195
- package/dist/esm/{t-shirt-B3VN_5Hp.js → t-shirt-BPtibja3.js} +2 -6
- package/dist/esm/{tslib.es6-CJY5Vco2.js → tslib.es6-syzWW8yN.js} +1 -1
- package/dist/esm/{type-CGNubZpn.js → type-Djd2i_VN.js} +1 -1
- package/dist/esm/{upperFirst-oiegw5tz.js → upperFirst-DpjZayHD.js} +1 -1
- package/dist/types/components/actions/button/button.d.ts +4 -0
- package/dist/types/components/forms/counter/counter.d.ts +2 -0
- package/dist/types/components/forms/input/input.d.ts +2 -0
- package/dist/types/components/structure/card/card-subtitle/card-subtitle.d.ts +1 -6
- package/dist/types/components/structure/content/content.d.ts +1 -1
- package/dist/types/components/structure/divider/divider.d.ts +1 -1
- package/dist/types/components/structure/heading/heading.const.d.ts +0 -3
- package/dist/types/components/structure/heading/heading.d.ts +1 -6
- package/dist/types/components/structure/heading/heading.interfaces.d.ts +0 -2
- package/dist/types/components/structure/stack/stack.interfaces.d.ts +2 -2
- package/dist/types/components.d.ts +21 -28
- package/dist/types/foundation/normalize.component.play.d.ts +1 -0
- package/dist/types/utils/t-shirt.d.ts +5 -0
- package/docs/cem.json +50 -76
- package/docs/components.json +104 -135
- package/docs/html.html-data.json +25 -45
- package/hydrate/index.js +846 -604
- package/hydrate/index.mjs +846 -604
- package/package.json +15 -15
- package/sbom.cdx.json +8518 -8719
- package/components/p-AjhCP5sN.js +0 -4
- package/components/p-BKQaXv5U.js +0 -5
- package/components/p-BNUaCToz.js +0 -6
- package/components/p-CeFbrWv3.js +0 -14
- package/components/p-Cpaj76bt.js +0 -4
- package/components/p-CvM0ZzoU.js +0 -4
- package/components/p-QyQjrb1P.js +0 -4
- package/components/p-ZM4hf44X.js +0 -4
- package/dist/design-system/p-0be478196e.entry.js +0 -4
- package/dist/design-system/p-0fdfaf35ed.entry.js +0 -4
- package/dist/design-system/p-1610742ec0.entry.js +0 -4
- package/dist/design-system/p-5996168bba.entry.js +0 -4
- package/dist/design-system/p-6722fff689.entry.js +0 -4
- package/dist/design-system/p-6996c344f7.entry.js +0 -4
- package/dist/design-system/p-7b3106cdba.entry.js +0 -4
- package/dist/design-system/p-82f48d1748.entry.js +0 -4
- package/dist/design-system/p-BDn2kGoY.js +0 -14
- package/dist/design-system/p-BJZKXpi_.js +0 -4
- package/dist/design-system/p-BNUaCToz.js +0 -6
- package/dist/design-system/p-BVkfpg--.js +0 -4
- package/dist/design-system/p-BwDOnHtD.js +0 -4
- package/dist/design-system/p-C2tiilHE.js +0 -4
- package/dist/design-system/p-CYTkqxYD.js +0 -4
- package/dist/design-system/p-DljpDnEC.js +0 -4
- package/dist/design-system/p-QyQjrb1P.js +0 -4
- package/dist/design-system/p-a942075486.entry.js +0 -4
- package/dist/design-system/p-bAyVKTSh.js +0 -4
- package/dist/design-system/p-e9c5ac32da.entry.js +0 -4
- package/dist/design-system/p-vF16SDFF.js +0 -6
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
|
+
*/
|
|
4
|
+
import{D as e,d as i,F as a,G as h,I as d}from"./p-BZEWgXed.js";import{_ as n,L as g,a as t}from"./p-BZsCW9yV.js";import{h as l}from"./p-BYD3IPs8.js";import{b as o,a as s,c as r}from"./p-CZXt-zTQ.js";import{O as v}from"./p-DE5aqD5-.js";import{T as m}from"./p-BaZBnuEF.js";import"./p-C0WbBTf4.js";const f={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"},p=["5xl","4xl","3xl","2xl","xl","lg","md","base"],y={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"},b=class{constructor(i){e(this,i),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&&y[e]!==this.autoFontSize){const e=p.indexOf(this.autoFontSize)+1;this.autoFontSize=p[e]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&i.hasWindow){const e=window.getComputedStyle(this.headingEl),i=parseInt(e.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/i}return 1}get fontSize(){return y[this.visualLevel?this.visualLevel:this.level]}get tag(){return f[this.level]}render(){const e=this.tag;return a(h,{key:"b14aed2c5da373bb0b5da6a0a9ebc2b183bea56a",class:{[`is-${this.autoFontSize}`]:void 0!==this.autoFontSize,"is-inverted":this.inverted,"is-subtitle":this.subtitle,[`has-space-${this.space}`]:l(this.space),"has-no-wrap":this.noWrap,"has-shadow":this.shadow}},a(e,{key:"292e98f4ac28e40767dace83d1c7f859794b22e5",id:"heading",part:"heading",ref:e=>this.headingEl=e},a("slot",{key:"52c01fec4eb9518ba832010f100988a357a1eb2c"})))}get el(){return d(this)}static get watchers(){return{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}}};n([g("heading"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],b.prototype,"createLogger",null),n([v(o),t("design:type",String)],b.prototype,"level",void 0),n([v(s),t("design:type",String)],b.prototype,"visualLevel",void 0),n([v(s),t("design:type",String)],b.prototype,"autoLevel",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"noWrap",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"subtitle",void 0),n([v(r),t("design:type",String)],b.prototype,"space",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"inverted",void 0),n([m("boolean"),t("design:type",Boolean)],b.prototype,"shadow",void 0),b.style=":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-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}: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-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-level-light1-font-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-level-light1-font-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-level-light1-line-height)));--_heading-size:var(--heading-size, var(--mod-heading-size, var(--ds-heading-level-light1-font-size)));--_heading-color:var(--heading-color, var(--mod-heading-color, var(--ds-heading-color-primary)));--_heading-margin:var(--heading-margin, var(--mod-heading-margin, var(--ds-device-space-xs)));--_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-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.ds-text),#heading span:not(.ds-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-inverted){--mod-heading-color:var(--ds-heading-color-inverted)}:host(.is-5xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display1-font-family);--mod-heading-weight:var(--ds-heading-level-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-display1-line-height);--mod-heading-size:var(--ds-heading-level-display1-font-size)}:host(.is-5xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display1-font-family);--mod-heading-weight:var(--ds-heading-level-light-display1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display1-line-height);--mod-heading-size:var(--ds-heading-level-light-display1-font-size)}:host(.is-4xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-display2-font-family);--mod-heading-weight:var(--ds-heading-level-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-display2-line-height);--mod-heading-size:var(--ds-heading-level-display2-font-size)}:host(.is-4xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light-display2-font-family);--mod-heading-weight:var(--ds-heading-level-light-display2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light-display2-line-height);--mod-heading-size:var(--ds-heading-level-light-display2-font-size)}:host(.is-3xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-1-font-family);--mod-heading-weight:var(--ds-heading-level-1-font-weight);--mod-heading-line-height:var(--ds-heading-level-1-line-height);--mod-heading-size:var(--ds-heading-level-1-font-size)}:host(.is-3xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light1-font-family);--mod-heading-weight:var(--ds-heading-level-light1-font-weight);--mod-heading-line-height:var(--ds-heading-level-light1-line-height);--mod-heading-size:var(--ds-heading-level-light1-font-size)}:host(.is-2xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-2-font-family);--mod-heading-weight:var(--ds-heading-level-2-font-weight);--mod-heading-line-height:var(--ds-heading-level-2-line-height);--mod-heading-size:var(--ds-heading-level-2-font-size)}:host(.is-2xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light2-font-family);--mod-heading-weight:var(--ds-heading-level-light2-font-weight);--mod-heading-line-height:var(--ds-heading-level-light2-line-height);--mod-heading-size:var(--ds-heading-level-light2-font-size)}:host(.is-xl:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-3-font-family);--mod-heading-weight:var(--ds-heading-level-3-font-weight);--mod-heading-line-height:var(--ds-heading-level-3-line-height);--mod-heading-size:var(--ds-heading-level-3-font-size)}:host(.is-xl.is-subtitle){--mod-heading-family:var(--ds-heading-level-light3-font-family);--mod-heading-weight:var(--ds-heading-level-light3-font-weight);--mod-heading-line-height:var(--ds-heading-level-light3-line-height);--mod-heading-size:var(--ds-heading-level-light3-font-size)}:host(.is-lg:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-4-font-family);--mod-heading-weight:var(--ds-heading-level-4-font-weight);--mod-heading-line-height:var(--ds-heading-level-4-line-height);--mod-heading-size:var(--ds-heading-level-4-font-size)}:host(.is-lg.is-subtitle){--mod-heading-family:var(--ds-heading-level-light4-font-family);--mod-heading-weight:var(--ds-heading-level-light4-font-weight);--mod-heading-line-height:var(--ds-heading-level-light4-line-height);--mod-heading-size:var(--ds-heading-level-light4-font-size)}:host(.is-base:not(.is-subtitle)){--mod-heading-family:var(--ds-heading-level-5-font-family);--mod-heading-weight:var(--ds-heading-level-5-font-weight);--mod-heading-line-height:var(--ds-heading-level-5-line-height);--mod-heading-size:var(--ds-heading-level-5-font-size)}:host(.is-base.is-subtitle){--mod-heading-family:var(--ds-heading-level-light5-font-family);--mod-heading-weight:var(--ds-heading-level-light5-font-weight);--mod-heading-line-height:var(--ds-heading-level-light5-line-height);--mod-heading-size:var(--ds-heading-level-light5-font-size)}:host(.has-space-all){--heading-mt:var(--_heading-margin);--heading-mb:var(--_heading-margin)}:host(.has-space-top){--heading-mt:var(--_heading-margin);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-margin)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}";export{b as ds_heading}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{D as e,J as t,x as i,h as o,F as s,I as r}from"./p-vF16SDFF.js";import{_ as a,L as n,a as l}from"./p-nVdGbZYj.js";import{a as c,s as d}from"./p-BwDOnHtD.js";import{w as m}from"./p-CHZn7ODg.js";import{F as g}from"./p-bTeo6KbL.js";import{T as p}from"./p-C2tiilHE.js";import{L as h}from"./p-DqEwL34o.js";import{L as v}from"./p-BBgONt6X.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-CnMdxr0m.js";import"./p-CZ_qlWWQ.js";const b=class{constructor(o){e(this,o),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+u++,this.language=i.language,this.region=i.region,this.items=[],this.autoVertical=!1,this.hasInvalidTextSlotContent=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),c(this.internals,this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),c(this.internals,null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=`${s.offsetLeft}px`,o.style.top=`${s.offsetTop}px`,o.style.width=`${s.offsetWidth}px`,o.style.height=`${s.offsetHeight}px`):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,c(this.internals,this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el),this.disconnectInvalidTextSlotWatcher=m(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e,t;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){o(this.el,e.target)&&(d(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}listenToFocusOut(e){const t=e.relatedTarget;t&&o(this.el,t)||this.dsBlur.emit(e)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return s(g,{key:"ed04c6b3515cf07d6af5a9ba2dc375b4b219ea45",role:"fieldset",disabled:this.disabled,color:"primary",invalid:e,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},s("div",{key:"a36203f0cbbf6342f96a67b8334ac835fc2577fa",id:"group"},s("div",{key:"a697da6b0bd4471af4930bb7516975cea90f57a2",id:"pill"}),this.items.map((t=>s("label",Object.assign({key:t.value,class:{"is-selected":t.value===this.value},"aria-invalid":e?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${t.label}${t.description?`- ${t.description}`:""}`,title:`${t.label}${t.description?`- ${t.description}`:""}`}:{}),s("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:t.value,checked:t.value===this.value,onClick:e=>this.handleInputClick(e,t.value),onChange:()=>this.handleInputChange(t.value),"aria-invalid":e?"true":null}),t.icon&&s("ds-icon",{name:t.icon}),t.svg&&s("ds-icon",{svg:t.svg}),!this.iconOnly&&s("span",{id:"content"},s("span",{class:"ds-label"},t.label),t.description&&s("span",{class:"description"},t.description)))))),s("div",{key:"3cd4feda5790e0b8bb43dcc3824e914b36f2b577"},s("slot",{key:"853188e5d75852aafca3852eaf8f52e36d37df32",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return r(this)}};a([n("segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],b.prototype,"createLogger",null),a([p("boolean"),l("design:type",Boolean)],b.prototype,"allowEmptySelection",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"autoInvalidOff",void 0),a([p("string"),l("design:type",String)],b.prototype,"description",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"disabled",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"iconOnly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"invalid",void 0),a([p("string"),l("design:type",String)],b.prototype,"invalidText",void 0),a([p("string"),l("design:type",String)],b.prototype,"label",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"loading",void 0),a([p("string"),l("design:type",String)],b.prototype,"name",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"readonly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"required",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"vertical",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"verticalOnMobile",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"wide",void 0),a([h(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],b.prototype,"configChanged",null),a([v(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",Promise)],b.prototype,"listenToResize",null);let u=0;b.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-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)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{b as ds_segment}
|
|
4
|
+
import{D as e,J as t,x as i,h as o,F as s,I as r}from"./p-BZEWgXed.js";import{_ as a,L as n,a as l}from"./p-BZsCW9yV.js";import{a as c,s as d}from"./p-D4hbhLgQ.js";import{w as m}from"./p-CHZn7ODg.js";import{F as g}from"./p-Bwb-pdM2.js";import{T as p}from"./p-BaZBnuEF.js";import{L as h}from"./p-reH0cIhP.js";import{L as v}from"./p-0Tzaj6-a.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";import"./p-GV5U_dO3.js";const b=class{constructor(o){e(this,o),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+u++,this.language=i.language,this.region=i.region,this.items=[],this.autoVertical=!1,this.hasInvalidTextSlotContent=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),c(this.internals,this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),c(this.internals,null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=`${s.offsetLeft}px`,o.style.top=`${s.offsetTop}px`,o.style.width=`${s.offsetWidth}px`,o.style.height=`${s.offsetHeight}px`):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,c(this.internals,this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el),this.disconnectInvalidTextSlotWatcher=m(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e,t;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){o(this.el,e.target)&&(d(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}listenToFocusOut(e){const t=e.relatedTarget;t&&o(this.el,t)||this.dsBlur.emit(e)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return s(g,{key:"ed04c6b3515cf07d6af5a9ba2dc375b4b219ea45",role:"fieldset",disabled:this.disabled,color:"primary",invalid:e,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},s("div",{key:"a36203f0cbbf6342f96a67b8334ac835fc2577fa",id:"group"},s("div",{key:"a697da6b0bd4471af4930bb7516975cea90f57a2",id:"pill"}),this.items.map((t=>s("label",Object.assign({key:t.value,class:{"is-selected":t.value===this.value},"aria-invalid":e?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${t.label}${t.description?`- ${t.description}`:""}`,title:`${t.label}${t.description?`- ${t.description}`:""}`}:{}),s("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:t.value,checked:t.value===this.value,onClick:e=>this.handleInputClick(e,t.value),onChange:()=>this.handleInputChange(t.value),"aria-invalid":e?"true":null}),t.icon&&s("ds-icon",{name:t.icon}),t.svg&&s("ds-icon",{svg:t.svg}),!this.iconOnly&&s("span",{id:"content"},s("span",{class:"ds-label"},t.label),t.description&&s("span",{class:"description"},t.description)))))),s("div",{key:"3cd4feda5790e0b8bb43dcc3824e914b36f2b577"},s("slot",{key:"853188e5d75852aafca3852eaf8f52e36d37df32",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return r(this)}};a([n("segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],b.prototype,"createLogger",null),a([p("boolean"),l("design:type",Boolean)],b.prototype,"allowEmptySelection",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"autoInvalidOff",void 0),a([p("string"),l("design:type",String)],b.prototype,"description",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"disabled",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"iconOnly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"invalid",void 0),a([p("string"),l("design:type",String)],b.prototype,"invalidText",void 0),a([p("string"),l("design:type",String)],b.prototype,"label",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"loading",void 0),a([p("string"),l("design:type",String)],b.prototype,"name",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"readonly",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"required",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"vertical",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"verticalOnMobile",void 0),a([p("boolean"),l("design:type",Boolean)],b.prototype,"wide",void 0),a([h(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],b.prototype,"configChanged",null),a([v(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",Promise)],b.prototype,"listenToResize",null);let u=0;b.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-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)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{b as ds_segment}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{D as a,F as r,G as e,I as d}from"./p-
|
|
4
|
+
import{D as a,F as r,G as e,I as d}from"./p-BZEWgXed.js";import{_ as t,L as o,a as s}from"./p-BZsCW9yV.js";import{e as i}from"./p-Cyz0da0t.js";import{R as m}from"./p-Dd1T3Uhf.js";import{O as h}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const c=class{constructor(r){a(this,r),this.direction="row"}createLogger(a){this.log=a}render(){return r(e,{key:"3e02d40402c5649a2dcdf278d15fa1efd7375c25",role:"banner"},r("slot",{key:"ce3daf494388829d751a62fea59efb0805203945"}))}get el(){return d(this)}};t([o("card-header"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],c.prototype,"createLogger",null),t([m(),h(i),s("design:type",String)],c.prototype,"direction",void 0),c.style=":host{--_card-header-position:var(--card-header-position, var(--mod-card-header-position, static));--_card-header-top:var(--card-header-top, var(--mod-card-header-top));--_card-header-right:var(--card-header-right, var(--mod-card-header-right));--_card-header-bottom:var(--card-header-bottom, var(--mod-card-header-bottom));--_card-header-left:var(--card-header-left, var(--mod-card-header-left));position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left);--_card-header-m:var(--card-header-m, var(--mod-card-header-m, 0));--_card-header-my:var(--card-header-my, var(--mod-card-header-my));--_card-header-mx:var(--card-header-mx, var(--mod-card-header-mx));--_card-header-ml:var(--card-header-ml, var(--mod-card-header-ml));--_card-header-mr:var(--card-header-mr, var(--mod-card-header-mr));--_card-header-mt:var(--card-header-mt, var(--mod-card-header-mt));--_card-header-mb:var(--card-header-mb, var(--mod-card-header-mb));margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);display:-ms-flexbox;display:flex;margin:var(--_card-header-m);margin-inline:var(--_card-header-mx);margin-block:var(--_card-header-my);margin-left:var(--_card-header-ml);margin-right:var(--_card-header-mr);margin-top:var(--_card-header-mt);margin-bottom:var(--_card-header-mb);position:var(--_card-header-position);top:var(--_card-header-top);right:var(--_card-header-right);bottom:var(--_card-header-bottom);left:var(--_card-header-left)}:host{--button-font-family:var(--ds-button-size-sm-font-family);--button-font-weight:var(--ds-button-size-sm-font-weight);--button-font-size:var(--ds-button-size-sm-font-size);--button-line-height:var(--ds-button-size-sm-line-height);--button-radius:var(--ds-button-size-sm-radius);--button-gap:var(--ds-button-size-sm-gap);--button-min-height:var(--ds-button-size-sm-min-height);--button-min-width:var(--ds-button-size-sm-min-width);--button-px:var(--ds-button-size-sm-padding-x);--tags-display:flex;--tags-mt:0.25rem}@media screen and (min-width: 769px){:host{--buttons-wrap:nowrap;--tags-display:inline-flex;--tags-mt:0}}:host{-webkit-column-gap:calc(var(--_card-gap)/2);-moz-column-gap:calc(var(--_card-gap)/2);column-gap:calc(var(--_card-gap)/2);display:grid;-ms-flex-align:start;align-items:start;grid-auto-rows:auto;margin-left:var(--_card-header-margin-left);grid-template-columns:var(--_card-header-grid-template-columns);grid-template-areas:var(--_card-header-grid-template-areas)}:host ds-icon,:host ds-brand-icon,:host ::slotted(ds-brand-icon),:host ::slotted(ds-icon){grid-area:icon}:host>.ds-tag,:host>.ds-tags,:host>ds-tag,:host>ds-tag-group,:host ::slotted(ds-tag),:host ::slotted(ds-tag-group){grid-area:tag;margin-bottom:1rem}:host .ds-title,:host .ds-heading,:host ds-card-title{--mod-heading-color:var(--_card-color-text);grid-area:title}:host>p,:host .ds-subtitle,:host ds-card-subtitle{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle}:host .ds-title,:host .ds-subtitle,:host .ds-heading{margin:0}";export{c as ds_card_header}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{D as e,F as t,G as s,I as a}from"./p-
|
|
4
|
+
import{D as e,F as t,G as s,I as a}from"./p-BZEWgXed.js";import{_ as r,L as n,a as o}from"./p-BZsCW9yV.js";const c=class{constructor(t){e(this,t)}createLogger(e){this.log=e}render(){return t(s,{key:"bf1e0f62ef116c379b457f211ae033220a2f64a3",style:{display:"contents"}},t("slot",{key:"661556d3ce0faa0af973fd3bcc2ff6d5dca4056a"}))}get el(){return a(this)}};r([n("hint-text"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],c.prototype,"createLogger",null);export{c as ds_hint_text}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{D as e,J as r,x as i,L as t,M as o,F as n,I as a}from"./p-vF16SDFF.js";import{_ as s,L as d,a as l}from"./p-nVdGbZYj.js";import{i as c}from"./p-ChyhE5ro.js";import{a as f}from"./p-BwDOnHtD.js";import{i as u}from"./p-CnMdxr0m.js";import{f as h}from"./p-BLExC8Zo.js";import{F as m}from"./p-bTeo6KbL.js";import{I as v}from"./p-tQJW0EmK.js";import{T as b}from"./p-C2tiilHE.js";import{O as p}from"./p-Bo3ozMyW.js";import{L as g}from"./p-DqEwL34o.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";const w={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var y=1e6,k="[big.js] ",_=k+"Invalid ",x=_+"decimal places",z=_+"rounding mode",C=k+"Division by zero",E={},j=void 0,Y=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function F(e,r,i,t){var o=e.c;if(i===j&&(i=e.constructor.RM),0!==i&&1!==i&&2!==i&&3!==i)throw Error(z);if(r<1)t=3===i&&(t||!!o[0])||0===r&&(1===i&&o[0]>=5||2===i&&(o[0]>5||5===o[0]&&(t||o[1]!==j))),o.length=1,t?(e.e=e.e-r+1,o[0]=1):o[0]=e.e=0;else if(r<o.length){if(t=1===i&&o[r]>=5||2===i&&(o[r]>5||5===o[r]&&(t||o[r+1]!==j||1&o[r-1]))||3===i&&(t||!!o[0]),o.length=r,t)for(;++o[--r]>9;)if(o[r]=0,0===r){++e.e,o.unshift(1);break}for(r=o.length;!o[--r];)o.pop()}return e}function T(e,r,i){var t=e.e,o=e.c.join(""),n=o.length;if(r)o=o.charAt(0)+(n>1?"."+o.slice(1):"")+(t<0?"e":"e+")+t;else if(t<0){for(;++t;)o="0"+o;o="0."+o}else if(t>0)if(++t>n)for(t-=n;t--;)o+="0";else t<n&&(o=o.slice(0,t)+"."+o.slice(t));else n>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&i?"-"+o:o}E.abs=function(){var e=new this.constructor(this);return e.s=1,e},E.cmp=function(e){var r,i=this,t=i.c,o=(e=new i.constructor(e)).c,n=i.s,a=e.s,s=i.e,d=e.e;if(!t[0]||!o[0])return t[0]?n:o[0]?-a:0;if(n!=a)return n;if(r=n<0,s!=d)return s>d^r?1:-1;for(a=(s=t.length)<(d=o.length)?s:d,n=-1;++n<a;)if(t[n]!=o[n])return t[n]>o[n]^r?1:-1;return s==d?0:s>d^r?1:-1},E.div=function(e){var r=this,i=r.constructor,t=r.c,o=(e=new i(e)).c,n=r.s==e.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>y)throw Error(x);if(!o[0])throw Error(C);if(!t[0])return e.s=n,e.c=[e.e=0],e;var s,d,l,c,f,u=o.slice(),h=s=o.length,m=t.length,v=t.slice(0,s),b=v.length,p=e,g=p.c=[],w=0,k=a+(p.e=r.e-e.e)+1;for(p.s=n,n=k<0?0:k,u.unshift(0);b++<s;)v.push(0);do{for(l=0;l<10;l++){if(s!=(b=v.length))c=s>b?1:-1;else for(f=-1,c=0;++f<s;)if(o[f]!=v[f]){c=o[f]>v[f]?1:-1;break}if(!(c<0))break;for(d=b==s?o:u;b;){if(v[--b]<d[b]){for(f=b;f&&!v[--f];)v[f]=9;--v[f],v[b]+=10}v[b]-=d[b]}for(;!v[0];)v.shift()}g[w++]=c?l:++l,v[0]&&c?v[b]=t[h]||0:v=[t[h]]}while((h++<m||v[0]!==j)&&n--);return g[0]||1==w||(g.shift(),p.e--,k--),w>k&&F(p,k,i.RM,v[0]!==j),p},E.eq=function(e){return 0===this.cmp(e)},E.gt=function(e){return this.cmp(e)>0},E.gte=function(e){return this.cmp(e)>-1},E.lt=function(e){return this.cmp(e)<0},E.lte=function(e){return this.cmp(e)<1},E.minus=E.sub=function(e){var r,i,t,o,n=this,a=n.constructor,s=n.s,d=(e=new a(e)).s;if(s!=d)return e.s=-d,n.plus(e);var l=n.c.slice(),c=n.e,f=e.c,u=e.e;if(!l[0]||!f[0])return f[0]?e.s=-d:l[0]?e=new a(n):e.s=1,e;if(s=c-u){for((o=s<0)?(s=-s,t=l):(u=c,t=f),t.reverse(),d=s;d--;)t.push(0);t.reverse()}else for(i=((o=l.length<f.length)?l:f).length,s=d=0;d<i;d++)if(l[d]!=f[d]){o=l[d]<f[d];break}if(o&&(t=l,l=f,f=t,e.s=-e.s),(d=(i=f.length)-(r=l.length))>0)for(;d--;)l[r++]=0;for(d=r;i>s;){if(l[--i]<f[i]){for(r=i;r&&!l[--r];)l[r]=9;--l[r],l[i]+=10}l[i]-=f[i]}for(;0===l[--d];)l.pop();for(;0===l[0];)l.shift(),--u;return l[0]||(e.s=1,l=[u=0]),e.c=l,e.e=u,e},E.mod=function(e){var r,i=this,t=i.constructor,o=i.s,n=(e=new t(e)).s;if(!e.c[0])throw Error(C);return i.s=e.s=1,r=1==e.cmp(i),i.s=o,e.s=n,r?new t(i):(o=t.DP,n=t.RM,t.DP=t.RM=0,i=i.div(e),t.DP=o,t.RM=n,this.minus(i.times(e)))},E.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},E.plus=E.add=function(e){var r,i,t,o=this,n=o.constructor;if(e=new n(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var a=o.e,s=o.c,d=e.e,l=e.c;if(!s[0]||!l[0])return l[0]||(s[0]?e=new n(o):e.s=o.s),e;if(s=s.slice(),r=a-d){for(r>0?(d=a,t=l):(r=-r,t=s),t.reverse();r--;)t.push(0);t.reverse()}for(s.length-l.length<0&&(t=l,l=s,s=t),r=l.length,i=0;r;s[r]%=10)i=(s[--r]=s[r]+l[r]+i)/10|0;for(i&&(s.unshift(i),++d),r=s.length;0===s[--r];)s.pop();return e.c=s,e.e=d,e},E.pow=function(e){var r=this,i=new r.constructor("1"),t=i,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(_+"exponent");for(o&&(e=-e);1&e&&(t=t.times(r)),e>>=1;)r=r.times(r);return o?i.div(t):t},E.prec=function(e,r){if(e!==~~e||e<1||e>y)throw Error(_+"precision");return F(new this.constructor(this),e,r)},E.round=function(e,r){if(e===j)e=0;else if(e!==~~e||e<-y||e>y)throw Error(x);return F(new this.constructor(this),e+this.e+1,r)},E.sqrt=function(){var e,r,i,t=this,o=t.constructor,n=t.s,a=t.e,s=new o("0.5");if(!t.c[0])return new o(t);if(n<0)throw Error(k+"No square root");0===(n=Math.sqrt(+T(t,!0,!0)))||n===1/0?((r=t.c.join("")).length+a&1||(r+="0"),a=((a+1)/2|0)-(a<0||1&a),e=new o(((n=Math.sqrt(r))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+a)):e=new o(n+""),a=e.e+(o.DP+=4);do{e=s.times((i=e).plus(t.div(i)))}while(i.c.slice(0,a).join("")!==e.c.slice(0,a).join(""));return F(e,(o.DP-=4)+e.e+1,o.RM)},E.times=E.mul=function(e){var r,i=this,t=i.c,o=(e=new(0,i.constructor)(e)).c,n=t.length,a=o.length,s=i.e,d=e.e;if(e.s=i.s==e.s?1:-1,!t[0]||!o[0])return e.c=[e.e=0],e;for(e.e=s+d,n<a&&(r=t,t=o,o=r,d=n,n=a,a=d),r=new Array(d=n+a);d--;)r[d]=0;for(s=a;s--;){for(a=0,d=n+s;d>s;)a=r[d]+o[s]*t[d-s-1]+a,r[d--]=a%10,a=a/10|0;r[d]=a}for(a?++e.e:r.shift(),s=r.length;!r[--s];)r.pop();return e.c=r,e},E.toExponential=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(i=F(new i.constructor(i),++e,r);i.c.length<e;)i.c.push(0)}return T(i,!0,!!t)},E.toFixed=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(e=e+(i=F(new i.constructor(i),e+i.e+1,r)).e+1;i.c.length<e;)i.c.push(0)}return T(i,!1,!!t)},E.toJSON=E.toString=function(){var e=this,r=e.constructor;return T(e,e.e<=r.NE||e.e>=r.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(E[Symbol.for("nodejs.util.inspect.custom")]=E.toJSON),E.toNumber=function(){var e=+T(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(e.toString()))throw Error(k+"Imprecise conversion");return e},E.toPrecision=function(e,r){var i=this,t=i.constructor,o=i.c[0];if(e!==j){if(e!==~~e||e<1||e>y)throw Error(_+"precision");for(i=F(new t(i),e,r);i.c.length<e;)i.c.push(0)}return T(i,e<=i.e||i.e<=t.NE||i.e>=t.PE,!!o)},E.valueOf=function(){var e=this,r=e.constructor;if(!0===r.strict)throw Error(k+"valueOf disallowed");return T(e,e.e<=r.NE||e.e>=r.PE,!0)};var D=function e(){function r(i){var t=this;if(!(t instanceof r))return i===j&&0===arguments.length?e():new r(i);if(i instanceof r)t.s=i.s,t.e=i.e,t.c=i.c.slice();else{if("string"!=typeof i){if(!0===r.strict&&"bigint"!=typeof i)throw TypeError(_+"value");i=0===i&&1/i<0?"-0":String(i)}!function(e,r){var i,t,o;if(!Y.test(r))throw Error(_+"number");for(e.s="-"==r.charAt(0)?(r=r.slice(1),-1):1,(i=r.indexOf("."))>-1&&(r=r.replace(".","")),(t=r.search(/e/i))>0?(i<0&&(i=t),i+=+r.slice(t+1),r=r.substring(0,t)):i<0&&(i=r.length),o=r.length,t=0;t<o&&"0"==r.charAt(t);)++t;if(t==o)e.c=[e.e=0];else{for(;o>0&&"0"==r.charAt(--o););for(e.e=i-t-1,e.c=[],i=0;t<=o;)e.c[i++]=+r.charAt(t++)}}(t,i)}t.constructor=r}return r.prototype=E,r.DP=20,r.RM=1,r.NE=-7,r.PE=21,r.strict=!1,r.roundDown=0,r.roundHalfUp=1,r.roundHalfEven=2,r.roundUp=3,r}();function B(e,r,i){return Number.isNaN(e)||e<r?r:e>i?i:e}const L=class{constructor(o){e(this,o),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),this.dsIncrease=r(this,"dsIncrease"),this.dsDecrease=r(this,"dsDecrease"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+S++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=i.language,this.region=i.region,this.previousValue=null,this.valueDirection=null,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).plus(i).toNumber());var r,i;e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).minus(i).toNumber());var r,i;e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(u(this.value))return void(this.value=B(this.min,this.min,this.max));const e=B(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=o(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=B(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){clearTimeout(this.valueAnimationTimer)}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const r=e.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,r;const i=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(r=null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===r||r.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=B(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){f(this.internals,String(e))}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.animateValueChange(e),this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}animateValueChange(e){e!==this.value&&(this.previousValue=this.value,this.valueDirection=e>this.value?"increase":"decrease",clearTimeout(this.valueAnimationTimer),this.valueAnimationTimer=setTimeout((()=>{this.previousValue=null,this.valueDirection=null}),260))}render(){const e=w[this.language].decrease,r=w[this.language].increase,i=this.disabled||this.readonly||this.value<=this.min,t=this.disabled||this.readonly||this.value>=this.max;return n(m,{key:"635a8c44149e5f08cc6682d2196698d8fd4b3dba",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},n("div",Object.assign({key:"7e0eb54dc1a2825c44892046b507e71008f2d0ad",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),n("ds-button",{key:"b04c95d286b09bfc778a8e92e16c0ceb5fbaefd0",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:i,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),n("span",{key:"4faef5385c53c5abadd242fd837583af3221434f",id:"value",part:"value","data-testid":"ds-counter-value"},null!==this.previousValue&&n("span",{key:`prev-${this.previousValue}`,"aria-hidden":"true",class:{"value-slide":!0,"value-out":!0,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.previousValue)),n("span",{key:`current-${this.value}`,class:{"value-slide":!0,"value-in":null!==this.previousValue,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.value))),n("ds-button",{key:"ca7098858e2df051efbaea9fffeff61886098cd0",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"plus",a11yLabel:r,a11yTitle:r,disabled:t,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}};s([d("counter"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],L.prototype,"createLogger",null),s([b("number"),l("design:type",Number)],L.prototype,"value",void 0),s([b("string"),l("design:type",String)],L.prototype,"name",void 0),s([b("string"),l("design:type",String)],L.prototype,"label",void 0),s([b("string"),l("design:type",String)],L.prototype,"description",void 0),s([p(v),l("design:type",String)],L.prototype,"color",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"invalid",void 0),s([b("string"),l("design:type",String)],L.prototype,"invalidText",void 0),s([b("number"),l("design:type",Number)],L.prototype,"min",void 0),s([b("number"),l("design:type",Number)],L.prototype,"max",void 0),s([b("number"),l("design:type",Number)],L.prototype,"step",void 0),s([b("number"),l("design:type",Number)],L.prototype,"debounce",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"disabled",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"readonly",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"required",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"autoInvalidOff",void 0),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],L.prototype,"configChanged",null);let S=0;L.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}";export{L as ds_counter}
|
|
4
|
+
import{D as e,J as r,x as i,L as t,M as o,F as n,I as a}from"./p-BZEWgXed.js";import{_ as s,L as d,a as l}from"./p-BZsCW9yV.js";import{i as c}from"./p-ChyhE5ro.js";import{a as u}from"./p-D4hbhLgQ.js";import{i as f}from"./p-C0WbBTf4.js";import{f as h}from"./p-BLExC8Zo.js";import{F as m}from"./p-Bwb-pdM2.js";import{I as v}from"./p-tQJW0EmK.js";import{T as b}from"./p-BaZBnuEF.js";import{O as p}from"./p-DE5aqD5-.js";import{L as g}from"./p-reH0cIhP.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";const w={de:{increase:"erhöhen",decrease:"verringern"},en:{increase:"increase",decrease:"decrease"},fr:{increase:"augmenter",decrease:"diminuer"},it:{increase:"aumentare",decrease:"diminuire"},nl:{increase:"verhogen",decrease:"verlagen"},es:{increase:"aumentar",decrease:"disminuir"},pl:{increase:"zwiększ",decrease:"zmniejsz"},pt:{increase:"aumentar",decrease:"diminuir"},sv:{increase:"öka",decrease:"minska"},fi:{increase:"kasvata",decrease:"vähennä"}};var y=1e6,k="[big.js] ",_=k+"Invalid ",x=_+"decimal places",z=_+"rounding mode",E=k+"Division by zero",C={},j=void 0,B=/^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;function Y(e,r,i,t){var o=e.c;if(i===j&&(i=e.constructor.RM),0!==i&&1!==i&&2!==i&&3!==i)throw Error(z);if(r<1)t=3===i&&(t||!!o[0])||0===r&&(1===i&&o[0]>=5||2===i&&(o[0]>5||5===o[0]&&(t||o[1]!==j))),o.length=1,t?(e.e=e.e-r+1,o[0]=1):o[0]=e.e=0;else if(r<o.length){if(t=1===i&&o[r]>=5||2===i&&(o[r]>5||5===o[r]&&(t||o[r+1]!==j||1&o[r-1]))||3===i&&(t||!!o[0]),o.length=r,t)for(;++o[--r]>9;)if(o[r]=0,0===r){++e.e,o.unshift(1);break}for(r=o.length;!o[--r];)o.pop()}return e}function T(e,r,i){var t=e.e,o=e.c.join(""),n=o.length;if(r)o=o.charAt(0)+(n>1?"."+o.slice(1):"")+(t<0?"e":"e+")+t;else if(t<0){for(;++t;)o="0"+o;o="0."+o}else if(t>0)if(++t>n)for(t-=n;t--;)o+="0";else t<n&&(o=o.slice(0,t)+"."+o.slice(t));else n>1&&(o=o.charAt(0)+"."+o.slice(1));return e.s<0&&i?"-"+o:o}C.abs=function(){var e=new this.constructor(this);return e.s=1,e},C.cmp=function(e){var r,i=this,t=i.c,o=(e=new i.constructor(e)).c,n=i.s,a=e.s,s=i.e,d=e.e;if(!t[0]||!o[0])return t[0]?n:o[0]?-a:0;if(n!=a)return n;if(r=n<0,s!=d)return s>d^r?1:-1;for(a=(s=t.length)<(d=o.length)?s:d,n=-1;++n<a;)if(t[n]!=o[n])return t[n]>o[n]^r?1:-1;return s==d?0:s>d^r?1:-1},C.div=function(e){var r=this,i=r.constructor,t=r.c,o=(e=new i(e)).c,n=r.s==e.s?1:-1,a=i.DP;if(a!==~~a||a<0||a>y)throw Error(x);if(!o[0])throw Error(E);if(!t[0])return e.s=n,e.c=[e.e=0],e;var s,d,l,c,u,f=o.slice(),h=s=o.length,m=t.length,v=t.slice(0,s),b=v.length,p=e,g=p.c=[],w=0,k=a+(p.e=r.e-e.e)+1;for(p.s=n,n=k<0?0:k,f.unshift(0);b++<s;)v.push(0);do{for(l=0;l<10;l++){if(s!=(b=v.length))c=s>b?1:-1;else for(u=-1,c=0;++u<s;)if(o[u]!=v[u]){c=o[u]>v[u]?1:-1;break}if(!(c<0))break;for(d=b==s?o:f;b;){if(v[--b]<d[b]){for(u=b;u&&!v[--u];)v[u]=9;--v[u],v[b]+=10}v[b]-=d[b]}for(;!v[0];)v.shift()}g[w++]=c?l:++l,v[0]&&c?v[b]=t[h]||0:v=[t[h]]}while((h++<m||v[0]!==j)&&n--);return g[0]||1==w||(g.shift(),p.e--,k--),w>k&&Y(p,k,i.RM,v[0]!==j),p},C.eq=function(e){return 0===this.cmp(e)},C.gt=function(e){return this.cmp(e)>0},C.gte=function(e){return this.cmp(e)>-1},C.lt=function(e){return this.cmp(e)<0},C.lte=function(e){return this.cmp(e)<1},C.minus=C.sub=function(e){var r,i,t,o,n=this,a=n.constructor,s=n.s,d=(e=new a(e)).s;if(s!=d)return e.s=-d,n.plus(e);var l=n.c.slice(),c=n.e,u=e.c,f=e.e;if(!l[0]||!u[0])return u[0]?e.s=-d:l[0]?e=new a(n):e.s=1,e;if(s=c-f){for((o=s<0)?(s=-s,t=l):(f=c,t=u),t.reverse(),d=s;d--;)t.push(0);t.reverse()}else for(i=((o=l.length<u.length)?l:u).length,s=d=0;d<i;d++)if(l[d]!=u[d]){o=l[d]<u[d];break}if(o&&(t=l,l=u,u=t,e.s=-e.s),(d=(i=u.length)-(r=l.length))>0)for(;d--;)l[r++]=0;for(d=r;i>s;){if(l[--i]<u[i]){for(r=i;r&&!l[--r];)l[r]=9;--l[r],l[i]+=10}l[i]-=u[i]}for(;0===l[--d];)l.pop();for(;0===l[0];)l.shift(),--f;return l[0]||(e.s=1,l=[f=0]),e.c=l,e.e=f,e},C.mod=function(e){var r,i=this,t=i.constructor,o=i.s,n=(e=new t(e)).s;if(!e.c[0])throw Error(E);return i.s=e.s=1,r=1==e.cmp(i),i.s=o,e.s=n,r?new t(i):(o=t.DP,n=t.RM,t.DP=t.RM=0,i=i.div(e),t.DP=o,t.RM=n,this.minus(i.times(e)))},C.neg=function(){var e=new this.constructor(this);return e.s=-e.s,e},C.plus=C.add=function(e){var r,i,t,o=this,n=o.constructor;if(e=new n(e),o.s!=e.s)return e.s=-e.s,o.minus(e);var a=o.e,s=o.c,d=e.e,l=e.c;if(!s[0]||!l[0])return l[0]||(s[0]?e=new n(o):e.s=o.s),e;if(s=s.slice(),r=a-d){for(r>0?(d=a,t=l):(r=-r,t=s),t.reverse();r--;)t.push(0);t.reverse()}for(s.length-l.length<0&&(t=l,l=s,s=t),r=l.length,i=0;r;s[r]%=10)i=(s[--r]=s[r]+l[r]+i)/10|0;for(i&&(s.unshift(i),++d),r=s.length;0===s[--r];)s.pop();return e.c=s,e.e=d,e},C.pow=function(e){var r=this,i=new r.constructor("1"),t=i,o=e<0;if(e!==~~e||e<-1e6||e>1e6)throw Error(_+"exponent");for(o&&(e=-e);1&e&&(t=t.times(r)),e>>=1;)r=r.times(r);return o?i.div(t):t},C.prec=function(e,r){if(e!==~~e||e<1||e>y)throw Error(_+"precision");return Y(new this.constructor(this),e,r)},C.round=function(e,r){if(e===j)e=0;else if(e!==~~e||e<-y||e>y)throw Error(x);return Y(new this.constructor(this),e+this.e+1,r)},C.sqrt=function(){var e,r,i,t=this,o=t.constructor,n=t.s,a=t.e,s=new o("0.5");if(!t.c[0])return new o(t);if(n<0)throw Error(k+"No square root");0===(n=Math.sqrt(+T(t,!0,!0)))||n===1/0?((r=t.c.join("")).length+a&1||(r+="0"),a=((a+1)/2|0)-(a<0||1&a),e=new o(((n=Math.sqrt(r))==1/0?"5e":(n=n.toExponential()).slice(0,n.indexOf("e")+1))+a)):e=new o(n+""),a=e.e+(o.DP+=4);do{e=s.times((i=e).plus(t.div(i)))}while(i.c.slice(0,a).join("")!==e.c.slice(0,a).join(""));return Y(e,(o.DP-=4)+e.e+1,o.RM)},C.times=C.mul=function(e){var r,i=this,t=i.c,o=(e=new(0,i.constructor)(e)).c,n=t.length,a=o.length,s=i.e,d=e.e;if(e.s=i.s==e.s?1:-1,!t[0]||!o[0])return e.c=[e.e=0],e;for(e.e=s+d,n<a&&(r=t,t=o,o=r,d=n,n=a,a=d),r=new Array(d=n+a);d--;)r[d]=0;for(s=a;s--;){for(a=0,d=n+s;d>s;)a=r[d]+o[s]*t[d-s-1]+a,r[d--]=a%10,a=a/10|0;r[d]=a}for(a?++e.e:r.shift(),s=r.length;!r[--s];)r.pop();return e.c=r,e},C.toExponential=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(i=Y(new i.constructor(i),++e,r);i.c.length<e;)i.c.push(0)}return T(i,!0,!!t)},C.toFixed=function(e,r){var i=this,t=i.c[0];if(e!==j){if(e!==~~e||e<0||e>y)throw Error(x);for(e=e+(i=Y(new i.constructor(i),e+i.e+1,r)).e+1;i.c.length<e;)i.c.push(0)}return T(i,!1,!!t)},C.toJSON=C.toString=function(){var e=this,r=e.constructor;return T(e,e.e<=r.NE||e.e>=r.PE,!!e.c[0])},"undefined"!=typeof Symbol&&(C[Symbol.for("nodejs.util.inspect.custom")]=C.toJSON),C.toNumber=function(){var e=+T(this,!0,!0);if(!0===this.constructor.strict&&!this.eq(e.toString()))throw Error(k+"Imprecise conversion");return e},C.toPrecision=function(e,r){var i=this,t=i.constructor,o=i.c[0];if(e!==j){if(e!==~~e||e<1||e>y)throw Error(_+"precision");for(i=Y(new t(i),e,r);i.c.length<e;)i.c.push(0)}return T(i,e<=i.e||i.e<=t.NE||i.e>=t.PE,!!o)},C.valueOf=function(){var e=this,r=e.constructor;if(!0===r.strict)throw Error(k+"valueOf disallowed");return T(e,e.e<=r.NE||e.e>=r.PE,!0)};var D=function e(){function r(i){var t=this;if(!(t instanceof r))return i===j&&0===arguments.length?e():new r(i);if(i instanceof r)t.s=i.s,t.e=i.e,t.c=i.c.slice();else{if("string"!=typeof i){if(!0===r.strict&&"bigint"!=typeof i)throw TypeError(_+"value");i=0===i&&1/i<0?"-0":String(i)}!function(e,r){var i,t,o;if(!B.test(r))throw Error(_+"number");for(e.s="-"==r.charAt(0)?(r=r.slice(1),-1):1,(i=r.indexOf("."))>-1&&(r=r.replace(".","")),(t=r.search(/e/i))>0?(i<0&&(i=t),i+=+r.slice(t+1),r=r.substring(0,t)):i<0&&(i=r.length),o=r.length,t=0;t<o&&"0"==r.charAt(t);)++t;if(t==o)e.c=[e.e=0];else{for(;o>0&&"0"==r.charAt(--o););for(e.e=i-t-1,e.c=[],i=0;t<=o;)e.c[i++]=+r.charAt(t++)}}(t,i)}t.constructor=r}return r.prototype=C,r.DP=20,r.RM=1,r.NE=-7,r.PE=21,r.strict=!1,r.roundDown=0,r.roundHalfUp=1,r.roundHalfEven=2,r.roundUp=3,r}();function F(e,r,i){return Number.isNaN(e)||e<r?r:e>i?i:e}const L=class{constructor(o){e(this,o),this.dsInput=r(this,"dsInput"),this.dsChange=r(this,"dsChange"),this.dsIncrease=r(this,"dsIncrease"),this.dsDecrease=r(this,"dsDecrease"),this.dsFocus=r(this,"dsFocus"),this.dsBlur=r(this,"dsBlur"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.initialValue=0,this.stepWarned=!1,this.counterId="ds-counter-"+S++,this.decreaseHasFocus=!1,this.increaseHasFocus=!1,this.language=i.language,this.region=i.region,this.previousValue=null,this.valueDirection=null,this.value=0,this.name=this.counterId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.min=0,this.max=10,this.step=1,this.debounce=0,this.disabled=!1,this.readonly=!1,this.required=!0,this.autoInvalidOff=!1,this.handleIncrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).plus(i).toNumber());var r,i;e>this.max||(this.commit(e),this.dsIncrease.emit(e))},this.handleDecrease=()=>{if(this.disabled||this.readonly)return;const e=(r=this.value,i=this.effectiveStep(),new D(r).minus(i).toNumber());var r,i;e<this.min||(this.commit(e),this.dsDecrease.emit(e))},this.handleKeyDown=e=>{this.disabled||this.readonly||("ArrowUp"===e.key?(e.preventDefault(),this.handleIncrease()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrease()))},this.handleFocusDecrease=e=>{this.decreaseHasFocus=!0,this.handleFocus(e)},this.handleFocusIncrease=e=>{this.increaseHasFocus=!0,this.handleFocus(e)},this.handleFocus=e=>{e.stopPropagation(),this.disabled||this.readonly||this.dsFocus.emit()},this.handleBlurDecrease=e=>{e.stopPropagation(),this.decreaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlurIncrease=e=>{e.stopPropagation(),this.increaseHasFocus=!1,t((()=>this.handleBlur()))},this.handleBlur=()=>{this.decreaseHasFocus||this.increaseHasFocus||this.disabled||this.readonly||this.dsBlur.emit()}}createLogger(e){this.log=e}valueChanged(){if(f(this.value))return void(this.value=F(this.min,this.min,this.max));const e=F(this.value,this.min,this.max);e===this.value?this.syncFormValue(this.value):this.value=e}minChanged(){this.clampToRange()}maxChanged(){this.clampToRange()}debounceChanged(){this.dsChange=o(this.dsChange,this.debounce)}connectedCallback(){this.debounceChanged(),this.value=F(this.value,this.min,this.max),this.initialValue=this.value,this.syncFormValue(this.value)}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}disconnectedCallback(){clearTimeout(this.valueAnimationTimer)}listenToClick(e){(this.disabled||this.readonly)&&e.target===this.el&&(e.preventDefault(),e.stopPropagation())}listenToReset(e){const r=e.target;(null==r?void 0:r.contains(this.el))&&(this.value=this.initialValue)}async configChanged(e){this.language=e.language,this.region=e.region}async setFocus(){var e,r;const i=this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl;null===(r=null===(e=null==i?void 0:i.shadowRoot)||void 0===e?void 0:e.querySelector("button"))||void 0===r||r.focus()}async getInputElement(){return this.disabled||this.readonly||this.value>=this.max?this.decreaseButtonEl:this.increaseButtonEl}clampToRange(){const e=F(this.value,this.min,this.max);e!==this.value&&(this.value=e)}syncFormValue(e){u(this.internals,String(e))}effectiveStep(){return!Number.isFinite(this.step)||this.step<=0?(this.stepWarned||(console.warn(`[ds-counter] \`step\` must be a positive number, got ${this.step}. Falling back to 1.`),this.stepWarned=!0),1):this.step}commit(e){this.animateValueChange(e),this.value=e,this.dsInput.emit(e),this.dsChange.emit(e)}animateValueChange(e){e!==this.value&&(this.previousValue=this.value,this.valueDirection=e>this.value?"increase":"decrease",clearTimeout(this.valueAnimationTimer),this.valueAnimationTimer=setTimeout((()=>{this.previousValue=null,this.valueDirection=null}),260))}render(){const e=w[this.language].decrease,r=w[this.language].increase,i=this.disabled||this.readonly||this.value<=this.min,t=this.disabled||this.readonly||this.value>=this.max;return n(m,{key:"282082964e12c3d53c20035b617ebbd7e173a424",disabled:this.disabled||this.readonly,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},n("div",Object.assign({key:"4eafc01fe942902d72a9db63e73b345785b1f15a",id:"counter",part:"counter",onKeyDown:this.handleKeyDown},this.inheritedAttributes),n("ds-button",{key:"165a93be231c9054fc6cf19f82c0a52fdcee6afc",ref:e=>this.decreaseButtonEl=e,part:"decrease","data-testid":"ds-counter-decrease",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"minus",a11yLabel:e,a11yTitle:e,disabled:i,onClick:this.handleDecrease,onDsFocus:this.handleFocusDecrease,onDsBlur:this.handleBlurDecrease}),n("span",{key:"df30901c4494a28a78a8738f8ad863b6255d4b92",id:"value",part:"value","data-testid":"ds-counter-value"},null!==this.previousValue&&n("span",{key:`prev-${this.previousValue}`,"aria-hidden":"true",class:{"value-slide":!0,"value-out":!0,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.previousValue)),n("span",{key:`current-${this.value}`,class:{"value-slide":!0,"value-in":null!==this.previousValue,"is-increase":"increase"===this.valueDirection,"is-decrease":"decrease"===this.valueDirection}},h(this.value))),n("ds-button",{key:"c6273e0b8351d7b9e63a37430ac2f4456acda82f",ref:e=>this.increaseButtonEl=e,part:"increase","data-testid":"ds-counter-increase",color:this.invalid?"danger":"danger"===this.color||"warning"===this.color||"success"===this.color?this.color:"ghost",size:"sm",square:!0,icon:"plus",a11yLabel:r,a11yTitle:r,disabled:t,onClick:this.handleIncrease,onDsFocus:this.handleFocusIncrease,onDsBlur:this.handleBlurIncrease})))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],debounce:[{debounceChanged:0}]}}};s([d("counter"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],L.prototype,"createLogger",null),s([b("number"),l("design:type",Number)],L.prototype,"value",void 0),s([b("string"),l("design:type",String)],L.prototype,"name",void 0),s([b("string"),l("design:type",String)],L.prototype,"label",void 0),s([b("string"),l("design:type",String)],L.prototype,"description",void 0),s([p(v),l("design:type",String)],L.prototype,"color",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"invalid",void 0),s([b("string"),l("design:type",String)],L.prototype,"invalidText",void 0),s([b("number"),l("design:type",Number)],L.prototype,"min",void 0),s([b("number"),l("design:type",Number)],L.prototype,"max",void 0),s([b("number"),l("design:type",Number)],L.prototype,"step",void 0),s([b("number"),l("design:type",Number)],L.prototype,"debounce",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"disabled",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"readonly",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"required",void 0),s([b("boolean"),l("design:type",Boolean)],L.prototype,"autoInvalidOff",void 0),s([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],L.prototype,"configChanged",null);let S=0;L.style=":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_counter-gap:var(--counter-gap, var(--mod-counter-gap, 0.125rem));--_counter-value-min-width:var(--counter-value-min-width, var(--mod-counter-value-min-width, 3rem));--_counter-value-font-weight:var(--counter-value-font-weight, var(--mod-counter-value-font-weight, var(--ds-alias-text-weight-bold)));--_counter-value-font-family:var(--counter-value-font-family, var(--mod-counter-value-font-family, var(--ds-alias-text-family-text)));--_counter-value-color:var(--counter-value-color, var(--mod-counter-value-color, var(--ds-form-default-label-color)));--_counter-value-animation-duration:var(--counter-value-animation-duration, var(--mod-counter-value-animation-duration, 260ms));--_counter-value-animation-easing:var(--counter-value-animation-easing, var(--mod-counter-value-animation-easing, cubic-bezier(0.22, 1, 0.36, 1)))}:host{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;min-width:0;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host{display:block}:host #inner{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--_form-field-gap)}:host #container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host #counter{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:var(--_counter-gap)}:host [part=value]{display:inline-grid;grid-template-columns:1fr;min-width:var(--_counter-value-min-width);text-align:center;font-weight:var(--_counter-value-font-weight);font-family:var(--_counter-value-font-family);color:var(--_counter-value-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.value-slide{grid-area:1/1}@media (prefers-reduced-motion: no-preference){.value-slide.value-out.is-increase{-webkit-animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-out.is-decrease{-webkit-animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-out-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-increase{-webkit-animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-up var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}.value-slide.value-in.is-decrease{-webkit-animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards;animation:ds-counter-value-in-down var(--_counter-value-animation-duration) var(--_counter-value-animation-easing) forwards}}@-webkit-keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-out-up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-in-up{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@keyframes ds-counter-value-out-down{to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}}@-webkit-keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes ds-counter-value-in-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}:host(.is-danger){--mod-form-description-color:var(--ds-form-danger-description-color);--mod-counter-value-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-form-description-color:var(--ds-form-success-description-color)}:host(.is-warning){--mod-form-description-color:var(--ds-form-warning-description-color)}:host(.is-disabled){--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-counter-value-color:var(--ds-form-disabled-label-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #counter,:host(.is-disabled) [part=value]{pointer-events:none;cursor:default}";export{L as ds_counter}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{D as o,J as a,F as t,G as r,I as e}from"./p-vF16SDFF.js";import{_ as s,L as g,a as l}from"./p-nVdGbZYj.js";import{i as d}from"./p-ChyhE5ro.js";import{h as c}from"./p-DWaM_oN0.js";import{n as i}from"./p-B3VN_5Hp.js";import{T as n}from"./p-C2tiilHE.js";import{O as v}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";const m=class{constructor(t){o(this,t),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=d(this.el,["tabindex"])}render(){const o=i(this.size)||"";return t(r,{key:"f1b9c7ebe88c9732b543354e83abe042ba355657",class:{[`is-${this.color}`]:c(this.color),[`is-${o}`]:c(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},t("span",{key:"3994a65180a6acf580d00443a9910c467e992035",part:"label"},t("slot",{key:"34b3d1429dd3121591669c7825048af1414b6027"})),this.closable&&!this.disabled?t("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),l("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),l("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right"]),l("design:type",String)],m.prototype,"position",void 0),s([v(["sm","md","lg"]),l("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
|
|
4
|
+
import{D as o,J as a,F as t,G as r,I as e}from"./p-BZEWgXed.js";import{_ as s,L as g,a as l}from"./p-BZsCW9yV.js";import{i as d}from"./p-ChyhE5ro.js";import{h as c}from"./p-BYD3IPs8.js";import{n as i}from"./p-BPtibja3.js";import{T as n}from"./p-BaZBnuEF.js";import{O as v}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const m=class{constructor(t){o(this,t),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.disabled=!1,this.invalid=!1}createLogger(o){this.log=o}componentWillLoad(){this.inheritedAttributesClose=d(this.el,["tabindex"])}render(){const o=i(this.size)||"";return t(r,{key:"f1b9c7ebe88c9732b543354e83abe042ba355657",class:{[`is-${this.color}`]:c(this.color),[`is-${o}`]:c(this.size),"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},t("span",{key:"3994a65180a6acf580d00443a9910c467e992035",part:"label"},t("slot",{key:"34b3d1429dd3121591669c7825048af1414b6027"})),this.closable&&!this.disabled?t("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}};s([g("tag"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),l("design:type",Boolean)],m.prototype,"closable",void 0),s([v(["primary","disabled","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light"]),l("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),l("design:type",Boolean)],m.prototype,"invalid",void 0),s([v(["left","center","right"]),l("design:type",String)],m.prototype,"position",void 0),s([v(["sm","md","lg"]),l("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-gap:var(--tag-gap, var(--mod-tag-gap, var(--ds-tag-size-base-gap)));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-size-base-padding-x)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-size-base-padding-y)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-background)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, var(--ds-tag-line-height)));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-size-base-font-size)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-size-base-font-weight)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.ds-close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text);--mod-tag-color:var(--ds-tag-primary-color-text);--mod-tag-bg:var(--ds-tag-primary-color-background);--close-color-icon:var(--ds-tag-primary-color-text)}:host(.is-disabled){--icon-color:var(--ds-tag-disabled-color-text);--mod-tag-color:var(--ds-tag-disabled-color-text);--mod-tag-bg:var(--ds-tag-disabled-color-background);--close-color-icon:var(--ds-tag-disabled-color-text)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text);--mod-tag-color:var(--ds-tag-success-color-text);--mod-tag-bg:var(--ds-tag-success-color-background);--close-color-icon:var(--ds-tag-success-color-text)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text);--mod-tag-color:var(--ds-tag-info-color-text);--mod-tag-bg:var(--ds-tag-info-color-background);--close-color-icon:var(--ds-tag-info-color-text)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text);--mod-tag-color:var(--ds-tag-warning-color-text);--mod-tag-bg:var(--ds-tag-warning-color-background);--close-color-icon:var(--ds-tag-warning-color-text)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text);--mod-tag-color:var(--ds-tag-danger-color-text);--mod-tag-bg:var(--ds-tag-danger-color-background);--close-color-icon:var(--ds-tag-danger-color-text)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text);--mod-tag-color:var(--ds-tag-purple-color-text);--mod-tag-bg:var(--ds-tag-purple-color-background);--close-color-icon:var(--ds-tag-purple-color-text)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text);--mod-tag-color:var(--ds-tag-red-color-text);--mod-tag-bg:var(--ds-tag-red-color-background);--close-color-icon:var(--ds-tag-red-color-text)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text);--mod-tag-color:var(--ds-tag-yellow-color-text);--mod-tag-bg:var(--ds-tag-yellow-color-background);--close-color-icon:var(--ds-tag-yellow-color-text)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text);--mod-tag-color:var(--ds-tag-green-color-text);--mod-tag-bg:var(--ds-tag-green-color-background);--close-color-icon:var(--ds-tag-green-color-text)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text);--mod-tag-color:var(--ds-tag-purple-dark-color-text);--mod-tag-bg:var(--ds-tag-purple-dark-color-background);--close-color-icon:var(--ds-tag-purple-dark-color-text)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text);--mod-tag-color:var(--ds-tag-red-dark-color-text);--mod-tag-bg:var(--ds-tag-red-dark-color-background);--close-color-icon:var(--ds-tag-red-dark-color-text)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-color:var(--ds-tag-yellow-dark-color-text);--mod-tag-bg:var(--ds-tag-yellow-dark-color-background);--close-color-icon:var(--ds-tag-yellow-dark-color-text)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text);--mod-tag-color:var(--ds-tag-green-dark-color-text);--mod-tag-bg:var(--ds-tag-green-dark-color-background);--close-color-icon:var(--ds-tag-green-dark-color-text)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text);--mod-tag-color:var(--ds-tag-purple-light-color-text);--mod-tag-bg:var(--ds-tag-purple-light-color-background);--close-color-icon:var(--ds-tag-purple-light-color-text)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text);--mod-tag-color:var(--ds-tag-red-light-color-text);--mod-tag-bg:var(--ds-tag-red-light-color-background);--close-color-icon:var(--ds-tag-red-light-color-text)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text);--mod-tag-color:var(--ds-tag-yellow-light-color-text);--mod-tag-bg:var(--ds-tag-yellow-light-color-background);--close-color-icon:var(--ds-tag-yellow-light-color-text)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text);--mod-tag-color:var(--ds-tag-green-light-color-text);--mod-tag-bg:var(--ds-tag-green-light-color-background);--close-color-icon:var(--ds-tag-green-light-color-text)}:host(.is-primary){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-background-hover:var(--ds-close-inverted-color-background-hover);--close-color-background-active:var(--ds-close-inverted-color-background-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-tag-gap:var(--ds-tag-size-sm-gap);--mod-tag-py:var(--ds-tag-size-sm-padding-y);--mod-tag-px:var(--ds-tag-size-sm-padding-x);--mod-tag-font-size:var(--ds-tag-size-sm-font-size);--mod-tag-font-weight:var(--ds-tag-size-sm-font-weight)}:host(.is-sm)>.ds-close,:host(.is-sm)>ds-close{--close-padding:var(--ds-close-padding-sm);--close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-tag-gap:var(--ds-tag-size-md-gap);--mod-tag-py:var(--ds-tag-size-md-padding-y);--mod-tag-px:var(--ds-tag-size-md-padding-x);--mod-tag-font-size:var(--ds-tag-size-md-font-size);--mod-tag-font-weight:var(--ds-tag-size-md-font-weight)}:host(.is-lg){--mod-tag-gap:var(--ds-tag-size-lg-gap);--mod-tag-py:var(--ds-tag-size-lg-padding-y);--mod-tag-px:var(--ds-tag-size-lg-padding-x);--mod-tag-font-size:var(--ds-tag-size-lg-font-size);--mod-tag-font-weight:var(--ds-tag-size-lg-font-weight)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{D as a,J as n,E as r,F as s,G as o,I as t}from"./p-vF16SDFF.js";import{_ as i,L as c,a as e}from"./p-nVdGbZYj.js";import{s as b}from"./p-BwDOnHtD.js";import{h as d}from"./p-DWaM_oN0.js";import{s as k}from"./p-BNUaCToz.js";import{B as m}from"./p-B2Xeuprg.js";import{d as h}from"./p-DtLg8ChN.js";import{O as l}from"./p-Bo3ozMyW.js";import{T as g}from"./p-C2tiilHE.js";import{L as v}from"./p-DljpDnEC.js";import"./p-CnMdxr0m.js";import"./p-CZ_qlWWQ.js";import"./p-DQwXy0j5.js";const f=class{constructor(r){a(this,r),this.dsCloseClick=n(this,"dsCloseClick"),this.dsActionClick=n(this,"dsActionClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.isMobile=h.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){r((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,[`is-${this.color}`]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return t(this)}};i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],f.prototype,"createLogger",null),i([l(["primary","info","success","warning","danger"]),e("design:type",String)],f.prototype,"color",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"closable",void 0),i([g("string"),e("design:type",String)],f.prototype,"heading",void 0),i([g("string"),e("design:type",String)],f.prototype,"message",void 0),i([g("string"),e("design:type",String)],f.prototype,"icon",void 0),i([g("string"),e("design:type",String)],f.prototype,"svg",void 0),i([g("string"),e("design:type",String)],f.prototype,"action",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionIcon",void 0),i([l(m),e("design:type",String)],f.prototype,"actionTarget",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionHref",void 0),i([g("string"),e("design:type",String)],f.prototype,"alertId",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"visible",void 0),i([v(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),f.style=':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}';export{f as ds_snackbar}
|
|
4
|
+
import{D as a,J as n,E as r,F as s,G as o,I as t}from"./p-BZEWgXed.js";import{_ as i,L as c,a as e}from"./p-BZsCW9yV.js";import{s as b}from"./p-D4hbhLgQ.js";import{h as d}from"./p-BYD3IPs8.js";import{s as k}from"./p-DFgZk16R.js";import{B as m}from"./p-B2Xeuprg.js";import{d as h}from"./p-FibyOiqE.js";import{O as l}from"./p-DE5aqD5-.js";import{T as g}from"./p-BaZBnuEF.js";import{L as v}from"./p-CBGuu-I2.js";import"./p-C0WbBTf4.js";import"./p-GV5U_dO3.js";import"./p-BXt6QjIx.js";const f=class{constructor(r){a(this,r),this.dsCloseClick=n(this,"dsCloseClick"),this.dsActionClick=n(this,"dsActionClick"),this.dsDidLoad=n(this,"dsDidLoad"),this.isMobile=h.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){r((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),n=this.generateSvgContent();return s(o,{key:"31121766522b903d6163723a9e95584c5ee11099",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,[`is-${this.color}`]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&s("ds-button",{key:"c72adcdba7ed9e364dbbd874923a75b9ff7c59fb",id:"mobile-button",color:this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!n&&s("ds-icon",{key:"1003da7330255c64b75aa9fbfb8402947a6924a2",part:"icon",id:"icon",name:a,color:this.color,size:"md"}),n&&s("ds-brand-icon",{key:"95ddd092b49bf987f14d2d0e609789b241dec58a",id:"icon",part:"icon",svg:n,size:"sm"}),s("span",{key:"5294bd0f2f54dafbafe0e05d34db40c70141d4a1",part:"content",id:"content"},this.heading&&s("h2",{key:"5691d275814584cabe5a05837b0ccd8c34c2330b",part:"heading"},this.heading),s("span",{key:"b25aefffe6c14b6ce0177c7ba278a3e853884cf2",part:"message"},this.message,s("slot",{key:"9904bbcc527b37eee0b53bfbb852f3f7b8f4f410"}))),s("ds-button-group",{key:"579ec634a52323612d13ba84f0cb6ceb1f11a06a",part:"action",id:"action"},s("slot",{key:"8292813faef33e93891427297b0b9ed8f09deda3",name:"action"}),this.action&&s("ds-button",{key:"a522044535ca0d98c2b8e3737b646dfaf18a9399",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"d482bcf5106d9a9016effdb607a629334688e08f",button:!0,"button-color":"secondary",part:"close",onClick:a=>{b(a),this.close()}})))}get el(){return t(this)}};i([c("snackbar"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],f.prototype,"createLogger",null),i([l(["primary","info","success","warning","danger"]),e("design:type",String)],f.prototype,"color",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"closable",void 0),i([g("string"),e("design:type",String)],f.prototype,"heading",void 0),i([g("string"),e("design:type",String)],f.prototype,"message",void 0),i([g("string"),e("design:type",String)],f.prototype,"icon",void 0),i([g("string"),e("design:type",String)],f.prototype,"svg",void 0),i([g("string"),e("design:type",String)],f.prototype,"action",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionIcon",void 0),i([l(m),e("design:type",String)],f.prototype,"actionTarget",void 0),i([g("string"),e("design:type",String)],f.prototype,"actionHref",void 0),i([g("string"),e("design:type",String)],f.prototype,"alertId",void 0),i([g("boolean"),e("design:type",Boolean)],f.prototype,"visible",void 0),i([v(),e("design:type",Function),e("design:paramtypes",[Object]),e("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),f.style=':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-primary-color-background)));--_snackbar-border:var(--snackbar-border, var(--mod-snackbar-border, var(--ds-snackbar-primary-border)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-primary-color-body)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-snackbar-heading-font-family)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-snackbar-heading-font-weight)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-snackbar-heading-font-size)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-snackbar-heading-line-height)));--_snackbar-heading-color:var(--snackbar-heading-color, var(--mod-snackbar-heading-color, var(--ds-snackbar-primary-color-heading)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--_snackbar-heading-color)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-snackbar-body-font-family)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, var(--ds-snackbar-body-font-weight)));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-snackbar-body-font-size)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-snackbar-body-line-height)));--_snackbar-content-color:var(--snackbar-content-color, var(--mod-snackbar-content-color, var(--ds-snackbar-primary-color-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, var(--ds-snackbar-gap)));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, var(--ds-snackbar-padding)));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border:var(--_snackbar-border);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start;--icon-color:var(--_snackbar-heading-color)}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);color:var(--_snackbar-heading-color);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height);color:var(--_snackbar-content-color)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .ds-button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm-font-size);--button-min-height:2rem;--button-min-width:2rem;--button-px:0.75rem}:host .ds-close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-body);--mod-snackbar-border:var(--ds-snackbar-info-border);--mod-snackbar-bg:var(--ds-snackbar-info-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-info-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-info-color-body)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-body);--mod-snackbar-border:var(--ds-snackbar-success-border);--mod-snackbar-bg:var(--ds-snackbar-success-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-success-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-success-color-body)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-body);--mod-snackbar-border:var(--ds-snackbar-warning-border);--mod-snackbar-bg:var(--ds-snackbar-warning-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-warning-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-warning-color-body)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-body);--mod-snackbar-border:var(--ds-snackbar-danger-border);--mod-snackbar-bg:var(--ds-snackbar-danger-color-background);--mod-snackbar-heading-color:var(--ds-snackbar-danger-color-heading);--mod-snackbar-content-color:var(--ds-snackbar-danger-color-body)}';export{f as ds_snackbar}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
|
|
3
3
|
*/
|
|
4
|
-
import{D as i,J as o,x as t,h as s,K as e,F as r,I as a}from"./p-
|
|
4
|
+
import{D as i,J as o,x as t,h as s,K as e,F as r,I as a}from"./p-BZEWgXed.js";import{_ as n,L as l,a as d}from"./p-BZsCW9yV.js";import{a as h,s as p}from"./p-D4hbhLgQ.js";import{w as m}from"./p-CHZn7ODg.js";import{F as c}from"./p-Bwb-pdM2.js";import{I as f}from"./p-tQJW0EmK.js";import{R as g,a as b,b as v}from"./p-PVWPvXqj.js";import{T as y}from"./p-BaZBnuEF.js";import{O as u}from"./p-DE5aqD5-.js";import{L as w}from"./p-reH0cIhP.js";import"./p-BbGwCnDa.js";import"./p-Bo-aKWH3.js";import"./p-TfUKLdG8.js";import"./p-C0WbBTf4.js";const x=class{constructor(s){i(this,s),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.language=t.language,this.region=t.region,this.hasInvalidTextSlotContent=!1,this.inputId="ds-rg-"+_++,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.hideTrigger=!1,this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleSlotChange=()=>{this.passDownAttributes(),this.handleValueChange()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),h(this.internals,this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,h(this.internals,this.value),this.disconnectInvalidTextSlotWatcher=m(this.el,(i=>{this.hasInvalidTextSlotContent=i})),this.passDownAttributes()}disconnectedCallback(){var i;null===(i=this.disconnectInvalidTextSlotWatcher)||void 0===i||i.call(this)}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}componentDidLoad(){this.handleSlotChange()}listenToDsChange(i){s(this.el,i.target)&&p(i)}listenToDsFocus(i){const{target:o}=i;o&&s(this.el,o)&&e(o,"ds-radio")&&p(i)}listenToDsBlur(i){const{target:o}=i;o&&s(this.el,o)&&e(o,"ds-radio")&&p(i)}listenToFocusOut(i){const o=i.relatedTarget;o&&s(this.el,o)||this.dsBlur.emit(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),t=i.target.closest("ds-radio");if(t&&o.includes(t)){const s=o.findIndex((i=>i===t)),e=o[s];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=s===o.length-1?o[0]:o[s+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===s?o[o.length-1]:o[s-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),h(this.internals,this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:e.value,this.dsChange.emit(this.value),h(this.internals,this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){const i=this.invalid||this.hasInvalidTextSlotContent;this.getRadios().forEach((o=>{var t;void 0!==this.disabled&&(o.disabled=this.disabled),void 0!==this.readonly&&(o.readonly=this.readonly),o.invalid=i,o.labelPosition=this.labelPosition,o.tile=this.tile,o.hideTrigger=this.hideTrigger,o.tileColor=null!==(t=o.getAttribute("tile-color"))&&void 0!==t?t:this.tileColor,o.cols=this.cols,o.colsTablet=this.colsTablet,o.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),t=o.find((i=>!i.disabled)),s=o.find((o=>o.value===i&&!o.disabled));if(!t&&!s)return;const e=s||t;for(const i of o)i.setButtonTabindex(i===e?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return r(c,{key:"dad1d681bf1012ea5d3bf38d5a58b615b850d347",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},r("slot",{key:"2e6fe235c9381a6ec4f54561e8129e65446877b8",onSlotchange:this.handleSlotChange}))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{value:[{valueChanged:0}]}}};n([l("radio-group"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],x.prototype,"createLogger",null),n([y("boolean"),d("design:type",Boolean)],x.prototype,"allowEmptySelection",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"autoInvalidOff",void 0),n([u(f),d("design:type",String)],x.prototype,"color",void 0),n([u(g),d("design:type",Number)],x.prototype,"cols",void 0),n([u(g),d("design:type",Number)],x.prototype,"colsMobile",void 0),n([u(g),d("design:type",Number)],x.prototype,"colsTablet",void 0),n([y("string"),d("design:type",String)],x.prototype,"description",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"disabled",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"invalid",void 0),n([y("string"),d("design:type",String)],x.prototype,"invalidText",void 0),n([y("string"),d("design:type",String)],x.prototype,"label",void 0),n([u(b),d("design:type",String)],x.prototype,"labelPosition",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"loading",void 0),n([y("string"),d("design:type",String)],x.prototype,"name",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"readonly",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"required",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"tile",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"hideTrigger",void 0),n([u(v),d("design:type",String)],x.prototype,"tileColor",void 0),n([y("boolean"),d("design:type",Boolean)],x.prototype,"vertical",void 0),n([w(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],x.prototype,"configChanged",null);let _=0;x.style=":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-form-danger-description-color)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-form-disabled-label-color);--mod-radio-group-description-color:var(--ds-form-disabled-description-color)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}";export{x as ds_radio_group}
|