@helvetia-design/core 0.0.5 → 0.0.6
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-Dz4gbncy.js → p-B1celIGd.js} +1 -1
- package/components/{p-AjhCP5sN.js → p-B4PwKlaW.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-j7VsKeVd.js → p-BI_5Zbrm.js} +1 -1
- package/components/{p-Dl7R2ZPs.js → p-BJ2D8QfA.js} +1 -1
- package/components/{p-xQf4GJxM.js → p-BJK2OSM1.js} +1 -1
- package/{dist/design-system/p-CZ_qlWWQ.js → components/p-BVNhJBnn.js} +1 -1
- package/components/{p-Bl_soFOX.js → p-BWrjPWjt.js} +1 -1
- package/components/{p-B8nj0zHa.js → p-Bd5NhwlZ.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-BUZBtnQL.js → p-CJycEnj5.js} +1 -1
- package/components/{p-Dl4u6w0V.js → p-C_1UxX8G.js} +1 -1
- package/components/{p-BfVlVhQa.js → p-Ce1uMkAI.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-CiZ4PMen.js → p-D6jvX9E6.js} +1 -1
- package/components/p-D8RaAucx.js +5 -0
- package/components/{p-BV65welS.js → p-DEnVBHne.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-VWxo1gxA.js → p-DgLUmdPH.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-El2snbN5.js +4 -0
- package/components/{p-Cpaj76bt.js → p-VnJFXLI2.js} +1 -1
- package/components/{p-CpxLBgza.js → p-VwgiuJog.js} +1 -1
- package/components/{p-CvM0ZzoU.js → p-kwr2iIN4.js} +1 -1
- package/{dist/design-system/p-bTeo6KbL.js → components/p-vUPe8Qmy.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 +2 -2
- 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 +6 -6
- package/dist/cjs/ds-brand-icon_3.cjs.entry.js +8 -8
- 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 +6 -6
- package/dist/cjs/ds-card-title.cjs.entry.js +6 -6
- 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 +6 -6
- package/dist/cjs/ds-counter.cjs.entry.js +8 -8
- 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 +9 -9
- package/dist/cjs/ds-divider_2.cjs.entry.js +12 -12
- package/dist/cjs/ds-drawer_2.cjs.entry.js +8 -8
- package/dist/cjs/ds-file-upload.cjs.entry.js +10 -10
- package/dist/cjs/ds-heading.cjs.entry.js +6 -6
- 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 +14 -12
- package/dist/cjs/ds-input.cjs.entry.js +10 -10
- 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 +10 -10
- package/dist/cjs/ds-pagination.cjs.entry.js +11 -11
- package/dist/cjs/ds-phone-input.cjs.entry.js +10 -10
- 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 +91 -137
- 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 +10 -10
- package/dist/cjs/ds-snackbar.cjs.entry.js +11 -11
- 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 +6 -6
- package/dist/cjs/ds-text.cjs.entry.js +6 -6
- package/dist/cjs/ds-textarea.cjs.entry.js +8 -8
- package/dist/cjs/ds-toast.cjs.entry.js +9 -9
- package/dist/cjs/ds-toggle.cjs.entry.js +7 -7
- 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/{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 +1 -1
- 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/{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/indicators/spinner/spinner.js +5 -3
- package/dist/collection/global/constants/version.constant.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/index.esm.js +1 -1
- package/dist/design-system/{p-ecfec0f033.entry.js → p-03f71b802d.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-03b95da587.entry.js → p-1832a8b10c.entry.js} +1 -1
- package/dist/design-system/{p-6722fff689.entry.js → p-199e5794f9.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-868cdfa283.entry.js → p-387808b33b.entry.js} +1 -1
- package/dist/design-system/{p-a5ddb670f6.entry.js → p-42bc0ecdea.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-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-7e0181bf02.entry.js → p-65913aa877.entry.js} +1 -1
- package/dist/design-system/{p-355ad7eb13.entry.js → p-68f1c98ef3.entry.js} +1 -1
- package/dist/design-system/{p-293c1d7f54.entry.js → p-6b6fdc57c1.entry.js} +1 -1
- package/dist/design-system/p-6c9ebf73a3.entry.js +4 -0
- 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-a4a063f280.entry.js → p-76551271c7.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-9cb2b5b812.entry.js → p-836ac75016.entry.js} +1 -1
- package/dist/design-system/{p-45f3014f29.entry.js → p-870e3c0138.entry.js} +1 -1
- package/dist/design-system/{p-3543892968.entry.js → p-8734bc6735.entry.js} +1 -1
- package/dist/design-system/{p-0b66853b5b.entry.js → p-89418d345c.entry.js} +1 -1
- package/dist/design-system/{p-c7943ebfc0.entry.js → p-8c18e03816.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-4859ab8eef.entry.js → p-94a2067cb2.entry.js} +1 -1
- package/dist/design-system/{p-fe1e907d10.entry.js → p-94a8f24fe1.entry.js} +1 -1
- package/dist/design-system/{p-e9c5ac32da.entry.js → p-97670520d2.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/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/{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-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-46bd8e78a8.entry.js → p-a4621dc9f7.entry.js} +1 -1
- package/dist/design-system/{p-14569675ee.entry.js → p-a6709bd6a4.entry.js} +1 -1
- package/dist/design-system/{p-ec64c341a0.entry.js → p-af756319ff.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-9be15dfb8d.entry.js → p-bcadbbe619.entry.js} +1 -1
- package/dist/design-system/p-bdbf9a394c.entry.js +4 -0
- package/dist/design-system/{p-6996c344f7.entry.js → p-bee20202e4.entry.js} +1 -1
- 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-21e0f63b01.entry.js → p-d12febf08e.entry.js} +1 -1
- package/dist/design-system/p-d429f6e937.entry.js +4 -0
- package/dist/design-system/{p-945c165b6b.entry.js → p-d5c0b5ddf3.entry.js} +1 -1
- package/dist/design-system/{p-82f48d1748.entry.js → p-d65c14d35e.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-503bfc3ac4.entry.js → p-f67413bb28.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 +3 -3
- 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 +6 -6
- package/dist/esm/ds-brand-icon_3.entry.js +8 -8
- 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 +6 -6
- package/dist/esm/ds-card-title.entry.js +6 -6
- 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 +6 -6
- package/dist/esm/ds-counter.entry.js +8 -8
- 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 +9 -9
- package/dist/esm/ds-divider_2.entry.js +12 -12
- package/dist/esm/ds-drawer_2.entry.js +8 -8
- package/dist/esm/ds-file-upload.entry.js +10 -10
- package/dist/esm/ds-heading.entry.js +6 -6
- 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 +14 -12
- package/dist/esm/ds-input.entry.js +10 -10
- 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 +10 -10
- package/dist/esm/ds-pagination.entry.js +11 -11
- package/dist/esm/ds-phone-input.entry.js +10 -10
- 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 +91 -137
- 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 +10 -10
- package/dist/esm/ds-snackbar.entry.js +11 -11
- 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 +6 -6
- package/dist/esm/ds-text.entry.js +6 -6
- package/dist/esm/ds-textarea.entry.js +8 -8
- package/dist/esm/ds-toast.entry.js +9 -9
- package/dist/esm/ds-toggle.entry.js +7 -7
- 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/{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 +2 -2
- 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/{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/docs/components.json +1 -1
- package/hydrate/index.js +496 -321
- package/hydrate/index.mjs +496 -321
- package/package.json +14 -14
- package/sbom.cdx.json +9086 -9578
- package/components/p-BKQaXv5U.js +0 -5
- package/components/p-CeFbrWv3.js +0 -14
- 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-7b3106cdba.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-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-a942075486.entry.js +0 -4
- package/dist/design-system/p-bAyVKTSh.js +0 -4
- package/dist/design-system/p-vF16SDFF.js +0 -6
package/README.md
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
<a href="https://helvetia-design.vercel.app" target="blank">
|
|
2
|
+
<img src="https://raw.githubusercontent.com/helvetia-design/system/main/apps/storybook/src/assets/images/banner.svg?sanitize=true" alt="Helvetia Design System" />
|
|
3
|
+
</a>
|
|
4
|
+
|
|
5
|
+
Built with accessibility and simplicity in mind, the Helvetia Design System provides UI components and a clearly defined visual style for building web applications.
|
|
6
|
+
|
|
7
|
+
## Core Principles
|
|
8
|
+
|
|
9
|
+
- **Accessibility** — WCAG 2.2 AA compliant, keyboard navigation, screen reader support
|
|
10
|
+
- **Simplicity** — HTML → CSS → JavaScript approach, minimal complexity
|
|
11
|
+
- **Responsiveness** — Works seamlessly from 320px to 2560px viewports
|
|
12
|
+
- **Standards Compliance** — W3C best practices, modern web standards
|
|
13
|
+
- **Compatibility** — Browser support verified via webstatus.dev and caniuse.com
|
|
14
|
+
- **Inclusion** — Designed for diverse abilities and technologies
|
|
15
|
+
|
|
16
|
+
## Installation
|
|
17
|
+
|
|
18
|
+
Install the core design system package via npm:
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
npm install @helvetia-design/core
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
Then import the CSS and component loader in your application:
|
|
25
|
+
|
|
26
|
+
```html
|
|
27
|
+
<link rel="stylesheet" href="node_modules/@helvetia-design/styles/dist/css/design-system.css" />
|
|
28
|
+
<script type="module" src="node_modules/@helvetia-design/core/dist/design-system/design-system.esm.js"></script>
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
For framework-specific integrations, see the [Quick Start guide](https://helvetia-design.vercel.app/?path=/docs/development-getting-started--documentation).
|
|
32
|
+
|
|
33
|
+
## Quick Start
|
|
34
|
+
|
|
35
|
+
Use any design system component in your HTML:
|
|
36
|
+
|
|
37
|
+
```html
|
|
38
|
+
<ds-button>Click me</ds-button>
|
|
39
|
+
<ds-card>
|
|
40
|
+
<ds-heading level="2">Welcome</ds-heading>
|
|
41
|
+
<p>Start building with the Helvetia Design System</p>
|
|
42
|
+
</ds-card>
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Explore all available components, design tokens, and examples in the [component library](https://helvetia-design.vercel.app).
|
|
46
|
+
|
|
47
|
+
## Contributing
|
|
48
|
+
|
|
49
|
+
We welcome contributions! Please read our [CONTRIBUTING.md](https://github.com/helvetia-design/system/blob/next/CONTRIBUTING.md) guide to learn about:
|
|
50
|
+
|
|
51
|
+
- Reporting bugs and requesting features
|
|
52
|
+
- Development setup and workflow
|
|
53
|
+
- Creating new components
|
|
54
|
+
- Testing and code quality standards
|
|
55
|
+
- Semantic versioning and changesets
|
|
56
|
+
|
|
57
|
+
Follow our [Code of Conduct](https://github.com/helvetia-design/system/blob/next/CODE_OF_CONDUCT.md) for all interactions.
|
|
58
|
+
|
|
59
|
+
## Learn More
|
|
60
|
+
|
|
61
|
+
- **[Documentation](https://helvetia-design.vercel.app)** — Component library, design tokens, and interactive examples in Storybook
|
|
62
|
+
- **[Quick Start](https://helvetia-design.vercel.app/?path=/docs/development-getting-started--documentation)** — Get started with the design system in your project
|
|
63
|
+
- **[llms.txt](https://helvetia-design.vercel.app/llms.txt)** / **[llms-full.txt](https://helvetia-design.vercel.app/llms-full.txt)** — Machine-readable component API and usage docs for AI coding tools ([llmstxt.org](https://llmstxt.org))
|
|
64
|
+
- **[CHANGELOG.md](https://github.com/helvetia-design/system/blob/next/CHANGELOG.md)** — Release notes, version history, and changes for each version
|
|
65
|
+
- **[ARCHITECTURE.md](https://github.com/helvetia-design/system/blob/next/docs/ARCHITECTURE.md)** — System design, workspace structure, component lifecycle, web components patterns, CSS variables, testing strategy
|
|
66
|
+
- **[DEVELOPMENT.md](https://github.com/helvetia-design/system/blob/next/docs/DEVELOPMENT.md)** — Local setup, dev servers, building, testing, troubleshooting
|
|
67
|
+
- **[CONTRIBUTING.md](https://github.com/helvetia-design/system/blob/next/CONTRIBUTING.md)** — Contribution workflow, PR process, component checklist, accessibility requirements
|
|
68
|
+
- **[STYLE_GUIDE.md](https://github.com/helvetia-design/system/blob/next/docs/STYLE_GUIDE.md)** — Code standards, naming conventions, best practices
|
|
69
|
+
- **[SECURITY.md](https://github.com/helvetia-design/system/blob/next/SECURITY.md)** — Security policy, vulnerability reporting, and compliance guidelines
|
|
70
|
+
- **[CODE_OF_CONDUCT.md](https://github.com/helvetia-design/system/blob/next/CODE_OF_CONDUCT.md)** — Community standards and expectations
|
|
71
|
+
|
|
72
|
+
## License
|
|
73
|
+
|
|
74
|
+
This project is licensed under the Apache License 2.0. See [LICENSE](https://github.com/helvetia-design/system/blob/next/LICENSE) for details.
|
|
@@ -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{A as o,d as s}from"./p-
|
|
4
|
+
import{A as o,d as s}from"./p-DgLUmdPH.js";const m=o,p=s;export{m as DsAccordion,p as defineCustomElement}
|
|
@@ -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{p as t,H as a,h as
|
|
4
|
+
import{p as t,H as a,h as i,c as e,t as n}from"./p-DOP4fM2o.js";import{_ as s,L as r,a as o}from"./p-C8OqQuJ7.js";import{w as c,r as d}from"./p-Dbt7_-_D.js";import{R as l}from"./p-VwgiuJog.js";import{T as m}from"./p-DEnVBHne.js";import{O as p}from"./p-DaqLtBr3.js";const h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.type="toast"}createLogger(t){this.log=t}async addAlert(t){if(this.hasDuplications(t))return"";const a=crypto.randomUUID(),i=this.getDuration(t),e=Object.assign(Object.assign({},t),{visible:!1,duration:i,alertId:a});return this.alerts=[...this.alerts,e],this.activeTimer(a,i),a}async removeAlert(t){this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!1}):a)),await c(this.animationDurationMs),this.alerts=this.alerts.filter((a=>a.alertId!==t))}async removeAll(){this.alerts=this.alerts.map((t=>Object.assign(Object.assign({},t),{visible:!1}))),await c(this.animationDurationMs),this.alerts=[]}activeTimer(t,a){"infinite"!==a&&(this.alertTimers[t]=function(t,a){let i,e=0,n=a;function s(){e=Date.now(),i=window.setTimeout(t,n)}return s(),{pause:function(){i&&(clearTimeout(i),n-=Date.now()-e)},resume:s,clear:function(){i&&clearTimeout(i)}}}((()=>{this.removeAlert(t)}),a+this.animationDurationMs))}getDuration(t){let a=4e3;return"infinite"===t.duration||0===t.duration?a="infinite":void 0===t.duration?"toast"===this.type?"danger"===t.color?a=7e3:"warning"===t.color&&(a=5e3):a="infinite":a=t.duration,a}present(t){d((()=>{this.alerts=this.alerts.map((a=>a.alertId===t?Object.assign(Object.assign({},a),{visible:!0}):a))}))}hasDuplications(t){return!!this.alerts.find((a=>a.color===t.color&&a.message===t.message&&a.heading===t.heading))}render(){const t=this.alerts.slice(0,this.maxVisibleItems),a="toast"===this.type?"ds-toast":"ds-snackbar";return i(e,{key:"677635874b51a2948e78c658053df458bf9c859a",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},i("div",{key:"60351d926c2f8907113c6264a38ab7b049fbcc73",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>i(a,{key:t.alertId,id:t.alertId,alertId:t.alertId,visible:t.visible,heading:t.heading,message:t.message,color:t.color,duration:t.duration,closable:t.closable,closeHandler:()=>t.closeHandler(t.alertId),action:t.action,actionIcon:t.actionIcon,actionTarget:t.actionTarget,actionHref:t.actionHref,actionHandler:()=>t.actionHandler(t.alertId),onDsCloseClick:()=>this.removeAlert(t.alertId),onDsDidLoad:()=>this.present(t.alertId),onDsDidPause:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].pause()},onDsDidResume:()=>{this.alertTimers[t.alertId]&&this.alertTimers[t.alertId].resume()}})))))}get el(){return this}static get style(){return"body{--_container-px:var(--container-px, var(--mod-container-px, var(--ds-device-container-space)));--_container-py:var(--container-py, var(--mod-container-py, 0))}.ds-container{--_container-max-width:var(--container-max-width, var(--mod-container-max-width, var(--ds-alias-container-width-default)));-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-block:var(--_container-py);padding-inline:var(--_container-px)}@media screen and (min-width: 1024px){.ds-container{max-width:var(--_container-max-width)}}.ds-container.is-fluid{--mod-container-max-width:var(--ds-alias-container-width-fluid)}.ds-container.is-compact{--mod-container-max-width:var(--ds-alias-container-width-compact)}:host{--alert-container-top:1rem;--_alert-container-z-index:var(--alert-container-z-index, var(--mod-alert-container-z-index, var(--ds-alias-z-index-toast)));position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--_alert-container-z-index);top:var(--alert-container-top);left:0;right:0;width:100%}:host(.is-toast) #wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host(.is-toast) #wrapper ds-toast{pointer-events:auto;width:100%;--toast-animation-start-opacity:0;--toast-animation-start-transform:translateY(-120%);--toast-animation-transition:transform 300ms ease, opacity 300ms ease;--toast-animation-end-opacity:1;--toast-animation-end-transform:translateY(0)}:host(.is-snackbar){z-index:calc(var(--_alert-container-z-index) - 1);right:1rem;bottom:1rem;left:1rem}:host(.is-snackbar) #wrapper{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}:host(.is-snackbar) #wrapper ds-snackbar{pointer-events:auto;width:100%;--snackbar-animation-start-opacity:0;--snackbar-animation-start-transform:translateX(120%);--snackbar-animation-transition:transform 300ms ease, opacity 300ms ease;--snackbar-animation-end-opacity:1;--snackbar-animation-end-transform:translateX(0)}@media screen and (min-width: 769px){:host(.is-snackbar) #wrapper ds-snackbar{min-width:27.5rem;max-width:27.5rem;width:27.5rem}}"}},[1,"ds-alert-container",{animated:[4],container:[1],type:[1],alerts:[32],addAlert:[64],removeAlert:[64],removeAll:[64]}]);s([r("alert-container"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],h.prototype,"createLogger",null),s([m("boolean"),o("design:type",Boolean)],h.prototype,"animated",void 0),s([p(["fluid","detail-page","compact","blog-page","wide"]),o("design:type",String)],h.prototype,"container",void 0),s([l(),p(["toast","snackbar"]),o("design:type",String)],h.prototype,"type",void 0);const f=h,u=function(){"undefined"!=typeof customElements&&["ds-alert-container"].forEach((t=>{"ds-alert-container"===t&&(customElements.get(n(t))||customElements.define(n(t),h))}))};export{f as DsAlertContainer,u as defineCustomElement}
|
|
@@ -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{p as o,H as a,e,h as t,c as r,t as i}from"./p-ZM4hf44X.js";import{_ as l,L as p,a as s}from"./p-C7Qb2sJV.js";import{i as n,A as f}from"./p-GSBsAft_.js";import{d as c}from"./p-CiZ4PMen.js";import{d}from"./p-Bl_soFOX.js";import{d as m}from"./p-Dl4u6w0V.js";import{d as g}from"./p-CKMUtsmn.js";import{O as v}from"./p-PmBBNJAS.js";import{T as b}from"./p-BV65welS.js";import{L as h}from"./p-DwoEAAFz.js";const k=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsLanguageChange=e(this,"dsLanguageChange"),this.brand=g.brand,this.language=g.language,this.region=g.region,this.allowedLanguages=g.allowedLanguages,this.hideLanguageSelection=!1,this.disableDefaultLinks=!1,this.disableDefaultSocialLinks=!1,this.legalText=void 0,this.handleLanguageChange=o=>{const a=o.target.value;this.language=a,this.dsLanguageChange.emit({language:a})}}createLogger(o){this.log=o}async configChanged(o){var a,e,t,r;this.brand=o.brand,this.language=o.language,this.region=o.region,this.allowedLanguages=o.allowedLanguages,this.legalLinksConfig=null===(a=o.legalLinks)||void 0===a?void 0:a[o.region],this.legalTextConfig=null===(t=null===(e=o.legalText)||void 0===e?void 0:e[o.region])||void 0===t?void 0:t[o.language],this.socialLinksConfig=null===(r=o.socialLinks)||void 0===r?void 0:r[o.region]}hasNamedSlot(o){return null!==this.el.querySelector(`[slot="${o}"]`)}getLanguageLabel(o){return n[this.language].languageLabels[o]||o.toUpperCase()}renderLogo(){return this.hasNamedSlot("logo")?t("slot",{name:"logo"}):t("ds-logo",{brand:this.brand,color:"inverted"})}renderLinkList(o,a){return t("ul",{class:a},o.map((o=>t("li",{key:`${o.href}-${o.label}`},t("a",{href:o.href,target:o.target,rel:o.rel},o.label)))))}renderSocialList(o){return t("ul",{class:"social-list","aria-label":"Social links"},o.map((o=>t("li",{key:`${o.href}-${o.icon}`},t("a",{href:o.href,target:o.target,rel:o.rel,"aria-label":o.ariaLabel||o.label,title:o.ariaLabel||o.label},t("ds-icon",{name:o.icon,"aria-hidden":"true"}))))))}render(){var o;const a=this.hasNamedSlot("links"),e=this.hasNamedSlot("social-links"),i=!this.disableDefaultLinks&&(null===(o=this.legalLinksConfig)||void 0===o?void 0:o[this.language]),l=!this.disableDefaultSocialLinks&&this.socialLinksConfig,p=this.legalText||this.legalTextConfig,s=a||i&&i.length>0,f=e||l&&l.length>0;return t(r,{key:"d66d7edab96d1a48545fb879e142e9b7f481418b"},t("footer",{key:"a9730ab5b83d53283b906b63c5a1e0a6dfc8d499",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},t("div",{key:"0f50773accdd420acb807f98920cb6bb2e547ffb",id:"top"},t("div",{key:"f2cec09d237210cdf47706b491558148989e758f",class:"logo-area"},this.renderLogo()),!this.hideLanguageSelection&&t("label",{key:"e3d6dbc5b3712bbebd69ebcb66e84ca7ed4c05cf",class:"language-picker","aria-label":n[this.language].languageSelector},t("ds-icon",{key:"eb825a5d21a25a23f4db9e4d3016a828dbcd79c3",name:"web","aria-hidden":"true"}),t("select",{key:"9455f090b73a89811cbd531ec1c29b178868f47a","data-testid":"app-footer-language-select",onChange:this.handleLanguageChange},this.allowedLanguages.map((o=>t("option",{key:o,value:o,selected:this.language===o},this.getLanguageLabel(o))))))),t("div",{key:"4cbb77d7ae38287d9365a43d38a17c77cf763704",id:"content"},t("slot",{key:"dacb0755e4ab239d0a09f29144dc37b528c4be3c"})),t("ds-divider",{key:"9a0927eddad55eafb532013a3684ff8568208049",space:"none",color:"secondary"}),t("div",{key:"e279a1ff525174403bcdee6892531ffd3cb29109",id:"bottom"},p&&t("p",{key:"f74c89dd648371e11d4ae2799fab2f4cdbfab399",class:"legal"},p),f&&t("nav",{key:"3609db723343641d000b61a8d186739745f73d01",class:"social","aria-label":"Social navigation"},t("slot",{key:"91c64c8dfc2377744696df7cffe5457abce5bbb5",name:"social-links"}),!e&&l&&this.renderSocialList(l)),s&&t("nav",{key:"4c969c78e989e2ef4969b7ceb23b160b414c32e9",class:"links","aria-label":"Footer links"},t("slot",{key:"fbe2d9ea108ca2a1287f62f07714690f9bf6a291",name:"links"}),!a&&i&&this.renderLinkList(i,"link-list")))))}get el(){return this}static get style(){return':host{--_app-footer-position:var(--app-footer-position, var(--mod-app-footer-position, static));--_app-footer-top:var(--app-footer-top, var(--mod-app-footer-top));--_app-footer-right:var(--app-footer-right, var(--mod-app-footer-right));--_app-footer-bottom:var(--app-footer-bottom, var(--mod-app-footer-bottom));--_app-footer-left:var(--app-footer-left, var(--mod-app-footer-left));position:var(--_app-footer-position);top:var(--_app-footer-top);right:var(--_app-footer-right);bottom:var(--_app-footer-bottom);left:var(--_app-footer-left);--_app-footer-m:var(--app-footer-m, var(--mod-app-footer-m, 0));--_app-footer-my:var(--app-footer-my, var(--mod-app-footer-my));--_app-footer-mx:var(--app-footer-mx, var(--mod-app-footer-mx));--_app-footer-ml:var(--app-footer-ml, var(--mod-app-footer-ml));--_app-footer-mr:var(--app-footer-mr, var(--mod-app-footer-mr));--_app-footer-mt:var(--app-footer-mt, var(--mod-app-footer-mt));--_app-footer-mb:var(--app-footer-mb, var(--mod-app-footer-mb));margin:var(--_app-footer-m);margin-inline:var(--_app-footer-mx);margin-block:var(--_app-footer-my);margin-left:var(--_app-footer-ml);margin-right:var(--_app-footer-mr);margin-top:var(--_app-footer-mt);margin-bottom:var(--_app-footer-mb);--_app-footer-color-background:var(--app-footer-color-background, var(--mod-app-footer-color-background, var(--ds-app-footer-color-background)));--_app-footer-color-text:var(--app-footer-color-text, var(--mod-app-footer-color-text, var(--ds-app-footer-color-text)));--_app-footer-font-family:var(--app-footer-font-family, var(--mod-app-footer-font-family, var(--ds-app-footer-typo-font-family)));--_app-footer-font-size:var(--app-footer-font-size, var(--mod-app-footer-font-size, var(--ds-app-footer-typo-font-size)));--_app-footer-font-weight:var(--app-footer-font-weight, var(--mod-app-footer-font-weight, var(--ds-app-footer-typo-font-weight)));--_app-footer-line-height:var(--app-footer-line-height, var(--mod-app-footer-line-height, var(--ds-app-footer-typo-line-height)));--_app-footer-gap:var(--app-footer-gap, var(--mod-app-footer-gap, var(--ds-app-footer-gap)));--_app-footer-py:var(--app-footer-py, var(--mod-app-footer-py, var(--ds-app-footer-padding-y)));--_app-footer-link-color:var(--app-footer-link-color, var(--mod-app-footer-link-color, var(--ds-app-footer-link-color-text-base)));--_app-footer-link-color-hover:var(--app-footer-link-color-hover, var(--mod-app-footer-link-color-hover, var(--ds-app-footer-link-color-text-hover)));--_app-footer-link-color-active:var(--app-footer-link-color-active, var(--mod-app-footer-link-color-active, var(--ds-app-footer-link-color-text-active)));--_app-footer-social-icon-size:var(--app-footer-social-icon-size, var(--mod-app-footer-social-icon-size, var(--ds-app-footer-social-icon-size)))}:host{margin:var(--_app-footer-m);margin-inline:var(--_app-footer-mx);margin-block:var(--_app-footer-my);margin-left:var(--_app-footer-ml);margin-right:var(--_app-footer-mr);margin-top:var(--_app-footer-mt);margin-bottom:var(--_app-footer-mb);position:var(--_app-footer-position);top:var(--_app-footer-top);right:var(--_app-footer-right);bottom:var(--_app-footer-bottom);left:var(--_app-footer-left);display:block;color:var(--_app-footer-color-text);background:var(--_app-footer-color-background);margin:0 auto;padding-block:var(--_app-footer-py);padding-inline:var(--_container-px, var(--ds-device-container-space));width:100%;max-width:var(--_container-max-width, var(--ds-alias-container-width-default))}:host.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host.is-compact{max-width:var(--ds-alias-container-width-compact)}footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-footer-gap);font-family:var(--_app-footer-font-family);font-size:var(--_app-footer-font-size);font-weight:var(--_app-footer-font-weight);line-height:var(--_app-footer-line-height)}#top{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--_app-footer-gap);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}#top .logo-area{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#top .logo-link{display:-ms-inline-flexbox;display:inline-flex;color:inherit}#top .logo-svg{display:-ms-inline-flexbox;display:inline-flex}#top .language-picker{-ms-flex-align:center;align-items:center;border:0;display:-ms-inline-flexbox;display:inline-flex;color:var(--_app-footer-color);font-weight:var(--ds-alias-text-weight-bold);gap:calc(var(--_app-footer-gap)/2);margin:0 0 0 auto;max-width:100%;width:auto}#top .language-picker ds-icon{--icon-color:currentColor;-ms-flex-negative:0;flex-shrink:0}#top .language-picker select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:rgba(0,0,0,0);border:0;border-radius:0;color:inherit;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;font:inherit;line-height:1.3;min-width:auto;padding:0;outline:none}#top .language-picker select:hover,#top .language-picker select:focus-visible{color:var(--_app-footer-link-color-hover)}#top .language-picker select:active{color:var(--_app-footer-link-color-active)}#bottom{display:grid;gap:var(--_app-footer-gap);grid-template-columns:1fr}#bottom .links,#bottom .social{min-width:0}#bottom .link-list,#bottom .social-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:calc(var(--_app-footer-gap)/2) calc(var(--_app-footer-gap));margin:0;padding:0}#bottom .link-list li,#bottom .social-list li{list-style:none}#bottom .links a,#bottom ::slotted([slot=links]){color:var(--_app-footer-link-color);text-decoration:none}#bottom .links a:hover,#bottom ::slotted([slot=links]:hover){color:var(--_app-footer-link-color-hover);text-decoration:underline}#bottom .links a:active,#bottom ::slotted([slot=links]:active){color:var(--_app-footer-link-color-active);text-decoration:underline}#bottom .social a,#bottom ::slotted([slot=social-links]){--icon-color:var(--ds-alias-text-color-white);--icon-size:var(--ds-icon-size-sm);-ms-flex-align:center;align-items:center;color:var(--_app-footer-link-color);display:-ms-inline-flexbox;display:inline-flex;height:var(--_app-footer-social-icon-size);-ms-flex-pack:center;justify-content:center;text-decoration:none;width:var(--_app-footer-social-icon-size)}#bottom .social a:hover,#bottom ::slotted([slot=social-links]:hover){--icon-color:var(--_app-footer-link-color-hover);color:var(--_app-footer-link-color-hover)}#bottom .social a:active,#bottom ::slotted([slot=social-links]:active){--icon-color:var(--_app-footer-link-color-active);color:var(--_app-footer-link-color-active)}#bottom ::slotted([slot=links]),#bottom ::slotted([slot=social-links]){margin-right:var(--_app-footer-gap)}@media screen and (min-width: 769px){#bottom{-ms-flex-align:start;align-items:start;grid-template-columns:1fr}.social,.links{justify-self:start}}@media screen and (min-width: 1024px){#bottom{-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto;grid-template-areas:"legal social" "links links"}.legal{align-self:center;grid-area:legal}.social{align-self:center;grid-area:social;justify-self:end}.links{grid-area:links;justify-self:stretch;width:100%}}'}},[257,"ds-app-footer",{container:[1],hideLanguageSelection:[4,"hide-language-selection"],disableDefaultLinks:[4,"disable-default-links"],disableDefaultSocialLinks:[4,"disable-default-social-links"],legalText:[1,"legal-text"],brand:[32],language:[32],region:[32],allowedLanguages:[32],legalLinksConfig:[32],legalTextConfig:[32],socialLinksConfig:[32],configChanged:[64]}]);l([p("app-footer"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),l([v(f),s("design:type",String)],k.prototype,"container",void 0),l([b("boolean"),s("design:type",Boolean)],k.prototype,"hideLanguageSelection",void 0),l([b("boolean"),s("design:type",Boolean)],k.prototype,"disableDefaultLinks",void 0),l([b("boolean"),s("design:type",Boolean)],k.prototype,"disableDefaultSocialLinks",void 0),l([b("string"),s("design:type",Object)],k.prototype,"legalText",void 0),l([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],k.prototype,"configChanged",null);const u=k,_=function(){"undefined"!=typeof customElements&&["ds-app-footer","ds-divider","ds-icon","ds-logo"].forEach((o=>{switch(o){case"ds-app-footer":customElements.get(i(o))||customElements.define(i(o),k);break;case"ds-divider":customElements.get(i(o))||c();break;case"ds-icon":customElements.get(i(o))||d();break;case"ds-logo":customElements.get(i(o))||m()}}))};export{u as DsAppFooter,_ as defineCustomElement}
|
|
4
|
+
import{p as o,H as a,e,h as t,c as r,t as i}from"./p-DOP4fM2o.js";import{_ as l,L as p,a as s}from"./p-C8OqQuJ7.js";import{i as n,A as f}from"./p-GSBsAft_.js";import{d as c}from"./p-D6jvX9E6.js";import{d}from"./p-BWrjPWjt.js";import{d as m}from"./p-C_1UxX8G.js";import{d as g}from"./p-CKMUtsmn.js";import{O as v}from"./p-DaqLtBr3.js";import{T as b}from"./p-DEnVBHne.js";import{L as h}from"./p-B9OReveE.js";const k=o(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsLanguageChange=e(this,"dsLanguageChange"),this.brand=g.brand,this.language=g.language,this.region=g.region,this.allowedLanguages=g.allowedLanguages,this.hideLanguageSelection=!1,this.disableDefaultLinks=!1,this.disableDefaultSocialLinks=!1,this.legalText=void 0,this.handleLanguageChange=o=>{const a=o.target.value;this.language=a,this.dsLanguageChange.emit({language:a})}}createLogger(o){this.log=o}async configChanged(o){var a,e,t,r;this.brand=o.brand,this.language=o.language,this.region=o.region,this.allowedLanguages=o.allowedLanguages,this.legalLinksConfig=null===(a=o.legalLinks)||void 0===a?void 0:a[o.region],this.legalTextConfig=null===(t=null===(e=o.legalText)||void 0===e?void 0:e[o.region])||void 0===t?void 0:t[o.language],this.socialLinksConfig=null===(r=o.socialLinks)||void 0===r?void 0:r[o.region]}hasNamedSlot(o){return null!==this.el.querySelector(`[slot="${o}"]`)}getLanguageLabel(o){return n[this.language].languageLabels[o]||o.toUpperCase()}renderLogo(){return this.hasNamedSlot("logo")?t("slot",{name:"logo"}):t("ds-logo",{brand:this.brand,color:"inverted"})}renderLinkList(o,a){return t("ul",{class:a},o.map((o=>t("li",{key:`${o.href}-${o.label}`},t("a",{href:o.href,target:o.target,rel:o.rel},o.label)))))}renderSocialList(o){return t("ul",{class:"social-list","aria-label":"Social links"},o.map((o=>t("li",{key:`${o.href}-${o.icon}`},t("a",{href:o.href,target:o.target,rel:o.rel,"aria-label":o.ariaLabel||o.label,title:o.ariaLabel||o.label},t("ds-icon",{name:o.icon,"aria-hidden":"true"}))))))}render(){var o;const a=this.hasNamedSlot("links"),e=this.hasNamedSlot("social-links"),i=!this.disableDefaultLinks&&(null===(o=this.legalLinksConfig)||void 0===o?void 0:o[this.language]),l=!this.disableDefaultSocialLinks&&this.socialLinksConfig,p=this.legalText||this.legalTextConfig,s=a||i&&i.length>0,f=e||l&&l.length>0;return t(r,{key:"d66d7edab96d1a48545fb879e142e9b7f481418b"},t("footer",{key:"a9730ab5b83d53283b906b63c5a1e0a6dfc8d499",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},t("div",{key:"0f50773accdd420acb807f98920cb6bb2e547ffb",id:"top"},t("div",{key:"f2cec09d237210cdf47706b491558148989e758f",class:"logo-area"},this.renderLogo()),!this.hideLanguageSelection&&t("label",{key:"e3d6dbc5b3712bbebd69ebcb66e84ca7ed4c05cf",class:"language-picker","aria-label":n[this.language].languageSelector},t("ds-icon",{key:"eb825a5d21a25a23f4db9e4d3016a828dbcd79c3",name:"web","aria-hidden":"true"}),t("select",{key:"9455f090b73a89811cbd531ec1c29b178868f47a","data-testid":"app-footer-language-select",onChange:this.handleLanguageChange},this.allowedLanguages.map((o=>t("option",{key:o,value:o,selected:this.language===o},this.getLanguageLabel(o))))))),t("div",{key:"4cbb77d7ae38287d9365a43d38a17c77cf763704",id:"content"},t("slot",{key:"dacb0755e4ab239d0a09f29144dc37b528c4be3c"})),t("ds-divider",{key:"9a0927eddad55eafb532013a3684ff8568208049",space:"none",color:"secondary"}),t("div",{key:"e279a1ff525174403bcdee6892531ffd3cb29109",id:"bottom"},p&&t("p",{key:"f74c89dd648371e11d4ae2799fab2f4cdbfab399",class:"legal"},p),f&&t("nav",{key:"3609db723343641d000b61a8d186739745f73d01",class:"social","aria-label":"Social navigation"},t("slot",{key:"91c64c8dfc2377744696df7cffe5457abce5bbb5",name:"social-links"}),!e&&l&&this.renderSocialList(l)),s&&t("nav",{key:"4c969c78e989e2ef4969b7ceb23b160b414c32e9",class:"links","aria-label":"Footer links"},t("slot",{key:"fbe2d9ea108ca2a1287f62f07714690f9bf6a291",name:"links"}),!a&&i&&this.renderLinkList(i,"link-list")))))}get el(){return this}static get style(){return':host{--_app-footer-position:var(--app-footer-position, var(--mod-app-footer-position, static));--_app-footer-top:var(--app-footer-top, var(--mod-app-footer-top));--_app-footer-right:var(--app-footer-right, var(--mod-app-footer-right));--_app-footer-bottom:var(--app-footer-bottom, var(--mod-app-footer-bottom));--_app-footer-left:var(--app-footer-left, var(--mod-app-footer-left));position:var(--_app-footer-position);top:var(--_app-footer-top);right:var(--_app-footer-right);bottom:var(--_app-footer-bottom);left:var(--_app-footer-left);--_app-footer-m:var(--app-footer-m, var(--mod-app-footer-m, 0));--_app-footer-my:var(--app-footer-my, var(--mod-app-footer-my));--_app-footer-mx:var(--app-footer-mx, var(--mod-app-footer-mx));--_app-footer-ml:var(--app-footer-ml, var(--mod-app-footer-ml));--_app-footer-mr:var(--app-footer-mr, var(--mod-app-footer-mr));--_app-footer-mt:var(--app-footer-mt, var(--mod-app-footer-mt));--_app-footer-mb:var(--app-footer-mb, var(--mod-app-footer-mb));margin:var(--_app-footer-m);margin-inline:var(--_app-footer-mx);margin-block:var(--_app-footer-my);margin-left:var(--_app-footer-ml);margin-right:var(--_app-footer-mr);margin-top:var(--_app-footer-mt);margin-bottom:var(--_app-footer-mb);--_app-footer-color-background:var(--app-footer-color-background, var(--mod-app-footer-color-background, var(--ds-app-footer-color-background)));--_app-footer-color-text:var(--app-footer-color-text, var(--mod-app-footer-color-text, var(--ds-app-footer-color-text)));--_app-footer-font-family:var(--app-footer-font-family, var(--mod-app-footer-font-family, var(--ds-app-footer-typo-font-family)));--_app-footer-font-size:var(--app-footer-font-size, var(--mod-app-footer-font-size, var(--ds-app-footer-typo-font-size)));--_app-footer-font-weight:var(--app-footer-font-weight, var(--mod-app-footer-font-weight, var(--ds-app-footer-typo-font-weight)));--_app-footer-line-height:var(--app-footer-line-height, var(--mod-app-footer-line-height, var(--ds-app-footer-typo-line-height)));--_app-footer-gap:var(--app-footer-gap, var(--mod-app-footer-gap, var(--ds-app-footer-gap)));--_app-footer-py:var(--app-footer-py, var(--mod-app-footer-py, var(--ds-app-footer-padding-y)));--_app-footer-link-color:var(--app-footer-link-color, var(--mod-app-footer-link-color, var(--ds-app-footer-link-color-text-base)));--_app-footer-link-color-hover:var(--app-footer-link-color-hover, var(--mod-app-footer-link-color-hover, var(--ds-app-footer-link-color-text-hover)));--_app-footer-link-color-active:var(--app-footer-link-color-active, var(--mod-app-footer-link-color-active, var(--ds-app-footer-link-color-text-active)));--_app-footer-social-icon-size:var(--app-footer-social-icon-size, var(--mod-app-footer-social-icon-size, var(--ds-app-footer-social-icon-size)))}:host{margin:var(--_app-footer-m);margin-inline:var(--_app-footer-mx);margin-block:var(--_app-footer-my);margin-left:var(--_app-footer-ml);margin-right:var(--_app-footer-mr);margin-top:var(--_app-footer-mt);margin-bottom:var(--_app-footer-mb);position:var(--_app-footer-position);top:var(--_app-footer-top);right:var(--_app-footer-right);bottom:var(--_app-footer-bottom);left:var(--_app-footer-left);display:block;color:var(--_app-footer-color-text);background:var(--_app-footer-color-background);margin:0 auto;padding-block:var(--_app-footer-py);padding-inline:var(--_container-px, var(--ds-device-container-space));width:100%;max-width:var(--_container-max-width, var(--ds-alias-container-width-default))}:host.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host.is-compact{max-width:var(--ds-alias-container-width-compact)}footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-footer-gap);font-family:var(--_app-footer-font-family);font-size:var(--_app-footer-font-size);font-weight:var(--_app-footer-font-weight);line-height:var(--_app-footer-line-height)}#top{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--_app-footer-gap);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}#top .logo-area{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#top .logo-link{display:-ms-inline-flexbox;display:inline-flex;color:inherit}#top .logo-svg{display:-ms-inline-flexbox;display:inline-flex}#top .language-picker{-ms-flex-align:center;align-items:center;border:0;display:-ms-inline-flexbox;display:inline-flex;color:var(--_app-footer-color);font-weight:var(--ds-alias-text-weight-bold);gap:calc(var(--_app-footer-gap)/2);margin:0 0 0 auto;max-width:100%;width:auto}#top .language-picker ds-icon{--icon-color:currentColor;-ms-flex-negative:0;flex-shrink:0}#top .language-picker select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:rgba(0,0,0,0);border:0;border-radius:0;color:inherit;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;font:inherit;line-height:1.3;min-width:auto;padding:0;outline:none}#top .language-picker select:hover,#top .language-picker select:focus-visible{color:var(--_app-footer-link-color-hover)}#top .language-picker select:active{color:var(--_app-footer-link-color-active)}#bottom{display:grid;gap:var(--_app-footer-gap);grid-template-columns:1fr}#bottom .links,#bottom .social{min-width:0}#bottom .link-list,#bottom .social-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:calc(var(--_app-footer-gap)/2) calc(var(--_app-footer-gap));margin:0;padding:0}#bottom .link-list li,#bottom .social-list li{list-style:none}#bottom .links a,#bottom ::slotted([slot=links]){color:var(--_app-footer-link-color);text-decoration:none}#bottom .links a:hover,#bottom ::slotted([slot=links]:hover){color:var(--_app-footer-link-color-hover);text-decoration:underline}#bottom .links a:active,#bottom ::slotted([slot=links]:active){color:var(--_app-footer-link-color-active);text-decoration:underline}#bottom .social a,#bottom ::slotted([slot=social-links]){--icon-color:var(--ds-alias-text-color-white);--icon-size:var(--ds-icon-size-sm);-ms-flex-align:center;align-items:center;color:var(--_app-footer-link-color);display:-ms-inline-flexbox;display:inline-flex;height:var(--_app-footer-social-icon-size);-ms-flex-pack:center;justify-content:center;text-decoration:none;width:var(--_app-footer-social-icon-size)}#bottom .social a:hover,#bottom ::slotted([slot=social-links]:hover){--icon-color:var(--_app-footer-link-color-hover);color:var(--_app-footer-link-color-hover)}#bottom .social a:active,#bottom ::slotted([slot=social-links]:active){--icon-color:var(--_app-footer-link-color-active);color:var(--_app-footer-link-color-active)}#bottom ::slotted([slot=links]),#bottom ::slotted([slot=social-links]){margin-right:var(--_app-footer-gap)}@media screen and (min-width: 769px){#bottom{-ms-flex-align:start;align-items:start;grid-template-columns:1fr}.social,.links{justify-self:start}}@media screen and (min-width: 1024px){#bottom{-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto;grid-template-areas:"legal social" "links links"}.legal{align-self:center;grid-area:legal}.social{align-self:center;grid-area:social;justify-self:end}.links{grid-area:links;justify-self:stretch;width:100%}}'}},[257,"ds-app-footer",{container:[1],hideLanguageSelection:[4,"hide-language-selection"],disableDefaultLinks:[4,"disable-default-links"],disableDefaultSocialLinks:[4,"disable-default-social-links"],legalText:[1,"legal-text"],brand:[32],language:[32],region:[32],allowedLanguages:[32],legalLinksConfig:[32],legalTextConfig:[32],socialLinksConfig:[32],configChanged:[64]}]);l([p("app-footer"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],k.prototype,"createLogger",null),l([v(f),s("design:type",String)],k.prototype,"container",void 0),l([b("boolean"),s("design:type",Boolean)],k.prototype,"hideLanguageSelection",void 0),l([b("boolean"),s("design:type",Boolean)],k.prototype,"disableDefaultLinks",void 0),l([b("boolean"),s("design:type",Boolean)],k.prototype,"disableDefaultSocialLinks",void 0),l([b("string"),s("design:type",Object)],k.prototype,"legalText",void 0),l([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],k.prototype,"configChanged",null);const u=k,_=function(){"undefined"!=typeof customElements&&["ds-app-footer","ds-divider","ds-icon","ds-logo"].forEach((o=>{switch(o){case"ds-app-footer":customElements.get(i(o))||customElements.define(i(o),k);break;case"ds-divider":customElements.get(i(o))||c();break;case"ds-icon":customElements.get(i(o))||d();break;case"ds-logo":customElements.get(i(o))||m()}}))};export{u as DsAppFooter,_ as defineCustomElement}
|
|
@@ -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{p as a,H as r,e as t,h as e,c as o,t as n}from"./p-ZM4hf44X.js";import{_ as i,L as s,a as p}from"./p-C7Qb2sJV.js";import{F as b}from"./p-CeFbrWv3.js";import{S as d}from"./p-BF-2xfmq.js";import{d as v}from"./p-Bl_soFOX.js";import{L as l}from"./p-H-j7GE58.js";import{d as c}from"./p-CKMUtsmn.js";import{d as u}from"./p-n8QXleYD.js";import{T as m}from"./p-BV65welS.js";import{O as h}from"./p-PmBBNJAS.js";import{L as g}from"./p-Br89jVgJ.js";import{L as f}from"./p-DwoEAAFz.js";const x={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},k=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsMenuOpenStart=t(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=t(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=t(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=t(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new d,this.focusHandler=new b,this.burgerModeThresholdWidth=null,this.language=c.language,this.region=c.region,this.isTouch=u.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkAppNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkAppNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkAppNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const t=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,t&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),t&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,t=x[this.language];return e(o,{key:"fd983e6a0096b913411b4371e4560f001f0892fa",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},e("nav",{key:"1d8749fd2b4fab90dbefcefa27c0ed6ff4f011e4",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":t.mainNavigation},e("div",{key:"52b02f1d0a4629e7f4f631854dd70cc62ac0be33",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},e("slot",{key:"17bda94de3b1da33a9a174bbb4b8d61b6e5084cf",name:"brand"}),e("slot",{key:"69859bb7268052683672796021892a9f3363e35e",name:"title"}),e("div",{key:"060f4309e06cf7bd74e3ac2599d6458d4e7cc862",id:"content"},!r&&e("div",{key:"454778981b3c13a0a0907267b67059d1c5461b50",id:"menu"},e("div",{key:"b7ce472e4193dcb69dab1109e3223cdebbc4e6aa",id:"menu-start"},e("slot",{key:"2fc79e8dd3a2ac61cc86e3072691623e0f69a954",name:"menu-start"})),e("div",{key:"33580eb28f109550ec88d1e428ac019df0003f23",id:"menu-end"},e("slot",{key:"88419fdc748e4fd16bcd8e778654c2523890d7ce",name:"menu-end"}))),e("div",{key:"23df02fa1c528bff6bf5354685a59950e9b2ecd2",id:"actions"},e("slot",{key:"91081f473af81b10683ce9c5de55cdccccbb8fbb",name:"actions"}),r&&e("button",{key:"8dd7dde6baa513af198a974682c5d4d4ef30e4e7",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?t.closeMenu:t.openMenu,"aria-label":a?t.closeMenu:t.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},e("ds-icon",{key:"4cacafea64e741a6314875eb91f53a549ea99a21",name:a?"close":"menu-bars",inverted:!0}))))),r&&e("aside",{key:"7b4cfcdf7ca756340a45732b83a21607e6e4a10c",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":t.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},e("div",{key:"7caaa89e7c8fce4224d1bab1e57395bcbd90d1ff",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),e("div",{key:"8b24f2b81808f288200c3328b4b84ac92f766a49",id:"sidebar-panel",tabindex:"-1"},e("div",{key:"793c86c52dc87f69b93276f9345d6c76fb1ce5af",id:"sidebar-content"},e("div",{key:"021cdc3e3389e5d71acbb1db9745d346ba0721f7",id:"sidebar-start"},e("slot",{key:"2b0e3ee3059a7f9920d548ba551f7b26f037038b",name:"menu-start"})),e("div",{key:"23561403321ce44cf3dab8e0b9a7c5ec7a749def",id:"sidebar-end"},e("slot",{key:"541ccc78fe6c640f5b86f7749a4974c446e05444",name:"menu-end"})))))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_app-navbar-background:var(--app-navbar-background, var(--mod-app-navbar-background, var(--ds-app-navbar-default-layout-background)));--_app-navbar-p:var(--app-navbar-p, var(--mod-app-navbar-p, var(--ds-app-navbar-default-layout-padding)));--_app-navbar-height:var(--app-navbar-height, var(--mod-app-navbar-height, var(--ds-app-navbar-default-layout-height)));--_app-navbar-shadow:var(--app-navbar-shadow, var(--mod-app-navbar-shadow, var(--ds-app-navbar-default-layout-shadow)));--_app-navbar-z-index:var(--app-navbar-z-index, var(--mod-app-navbar-z-index, var(--ds-app-navbar-default-layout-z-index)));--_app-navbar-brand-gap:var(--app-navbar-brand-gap, var(--mod-app-navbar-brand-gap, var(--ds-app-navbar-default-brand-gap)));--_app-navbar-brand-focus-radius:var(--app-navbar-brand-focus-radius, var(--mod-app-navbar-brand-focus-radius, var(--ds-app-navbar-default-brand-focus-radius)));--_app-navbar-title-color:var(--app-navbar-title-color, var(--mod-app-navbar-title-color, var(--ds-app-navbar-default-title-color)));--_app-navbar-title-font-family:var(--app-navbar-title-font-family, var(--mod-app-navbar-title-font-family, var(--ds-app-navbar-default-title-font-family)));--_app-navbar-title-font-size:var(--app-navbar-title-font-size, var(--mod-app-navbar-title-font-size, var(--ds-app-navbar-default-title-font-size)));--_app-navbar-title-font-weight:var(--app-navbar-title-font-weight, var(--mod-app-navbar-title-font-weight, var(--ds-app-navbar-default-title-font-weight)));--_app-navbar-hamburger-width:var(--app-navbar-hamburger-width, var(--mod-app-navbar-hamburger-width, var(--ds-app-navbar-default-hamburger-width)));--_app-navbar-hamburger-height:var(--app-navbar-hamburger-height, var(--mod-app-navbar-hamburger-height, var(--ds-app-navbar-default-hamburger-height)));--_app-navbar-hamburger-p:var(--app-navbar-hamburger-p, var(--mod-app-navbar-hamburger-p, var(--ds-app-navbar-default-hamburger-padding)));--_app-navbar-hamburger-radius:var(--app-navbar-hamburger-radius, var(--mod-app-navbar-hamburger-radius, var(--ds-app-navbar-default-hamburger-radius)));--_app-navbar-hamburger-transition-duration:var(--app-navbar-hamburger-transition-duration, var(--mod-app-navbar-hamburger-transition-duration, var(--ds-app-navbar-default-hamburger-transition-duration)));--_app-navbar-sidebar-max-width:var(--app-navbar-sidebar-max-width, var(--mod-app-navbar-sidebar-max-width, var(--ds-app-navbar-default-sidebar-max-width)));--_app-navbar-sidebar-slide-duration:var(--app-navbar-sidebar-slide-duration, var(--mod-app-navbar-sidebar-slide-duration, var(--ds-app-navbar-default-sidebar-slide-duration)));--_app-navbar-sidebar-backdrop-color:var(--app-navbar-sidebar-backdrop-color, var(--mod-app-navbar-sidebar-backdrop-color, var(--ds-app-navbar-default-sidebar-backdrop-color)));--_app-navbar-sidebar-backdrop-opacity:var(--app-navbar-sidebar-backdrop-opacity, var(--mod-app-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_app-navbar-sidebar-panel-background:var(--app-navbar-sidebar-panel-background, var(--mod-app-navbar-sidebar-panel-background, var(--ds-app-navbar-default-sidebar-panel-background)));--_app-navbar-sidebar-panel-shadow:var(--app-navbar-sidebar-panel-shadow, var(--mod-app-navbar-sidebar-panel-shadow, var(--ds-app-navbar-default-sidebar-panel-shadow)));--_app-navbar-sidebar-panel-border-top:var(--app-navbar-sidebar-panel-border-top, var(--mod-app-navbar-sidebar-panel-border-top, var(--ds-app-navbar-default-sidebar-panel-border-top)));--_app-navbar-sidebar-content-gap:var(--app-navbar-sidebar-content-gap, var(--mod-app-navbar-sidebar-content-gap, var(--ds-app-navbar-default-sidebar-content-gap)));--_app-navbar-sidebar-px:var(--app-navbar-sidebar-px, var(--mod-app-navbar-sidebar-px, var(--ds-app-navbar-default-sidebar-content-padding-inline)));--_app-navbar-sidebar-py:var(--app-navbar-sidebar-py, var(--mod-app-navbar-sidebar-py, var(--ds-app-navbar-default-sidebar-content-padding-block)));--_app-navbar-sidebar-item-min-height:var(--app-navbar-sidebar-item-min-height, var(--mod-app-navbar-sidebar-item-min-height, var(--ds-app-navbar-default-sidebar-item-min-height)));--_app-navbar-sidebar-item-py:var(--app-navbar-sidebar-item-py, var(--mod-app-navbar-sidebar-item-py, var(--ds-app-navbar-default-sidebar-item-padding-block)));--_app-navbar-sidebar-item-px:var(--app-navbar-sidebar-item-px, var(--mod-app-navbar-sidebar-item-px, var(--ds-app-navbar-default-sidebar-item-padding-inline)));--_app-navbar-sidebar-item-font-size:var(--app-navbar-sidebar-item-font-size, var(--mod-app-navbar-sidebar-item-font-size, var(--ds-app-navbar-default-sidebar-item-font-size)));--_app-navbar-sidebar-item-font-weight:var(--app-navbar-sidebar-item-font-weight, var(--mod-app-navbar-sidebar-item-font-weight, var(--ds-app-navbar-default-sidebar-item-font-weight)));--_app-navbar-sidebar-item-font-family:var(--app-navbar-sidebar-item-font-family, var(--mod-app-navbar-sidebar-item-font-family, var(--ds-app-navbar-default-sidebar-item-font-family)));--_app-navbar-sidebar-item-color:var(--app-navbar-sidebar-item-color, var(--mod-app-navbar-sidebar-item-color, var(--ds-app-navbar-default-sidebar-item-color-base)));--_app-navbar-sidebar-item-background-active:var(--app-navbar-sidebar-item-background-active, var(--mod-app-navbar-sidebar-item-background-active, var(--ds-app-navbar-default-sidebar-item-background-active)));--_app-navbar-sidebar-item-background-hover:var(--app-navbar-sidebar-item-background-hover, var(--mod-app-navbar-sidebar-item-background-hover, var(--ds-app-navbar-default-sidebar-item-background-hover)));--_app-navbar-sidebar-item-color-hover:var(--app-navbar-sidebar-item-color-hover, var(--mod-app-navbar-sidebar-item-color-hover, var(--ds-app-navbar-default-sidebar-item-color-hover)));--_app-navbar-sidebar-item-color-active:var(--app-navbar-sidebar-item-color-active, var(--mod-app-navbar-sidebar-item-color-active, var(--ds-app-navbar-default-sidebar-item-color-active)));--_app-navbar-sidebar-item-divider-color:var(--app-navbar-sidebar-item-divider-color, var(--mod-app-navbar-sidebar-item-divider-color, var(--ds-app-navbar-default-sidebar-item-divider-color)));--_app-navbar-sidebar-item-divider-color-active:var(--app-navbar-sidebar-item-divider-color-active, var(--mod-app-navbar-sidebar-item-divider-color-active, var(--ds-app-navbar-default-sidebar-item-divider-color-active)));--_app-navbar-sidebar-item-chevron-size:var(--app-navbar-sidebar-item-chevron-size, var(--mod-app-navbar-sidebar-item-chevron-size, var(--ds-app-navbar-default-sidebar-item-chevron-size)));--_app-navbar-sidebar-item-chevron-color:var(--app-navbar-sidebar-item-chevron-color, var(--mod-app-navbar-sidebar-item-chevron-color, var(--ds-app-navbar-default-sidebar-item-chevron-color)));--_app-navbar-menu-gap:var(--app-navbar-menu-gap, var(--mod-app-navbar-menu-gap, var(--ds-app-navbar-default-menu-gap)));--_app-navbar-menu-start-gap:var(--app-navbar-menu-start-gap, var(--mod-app-navbar-menu-start-gap, var(--ds-app-navbar-default-menu-start-gap)));--_app-navbar-menu-item-color:var(--app-navbar-menu-item-color, var(--mod-app-navbar-menu-item-color, var(--ds-app-navbar-default-menu-item-color-base)));--_app-navbar-menu-item-font-size:var(--app-navbar-menu-item-font-size, var(--mod-app-navbar-menu-item-font-size, var(--ds-app-navbar-default-menu-item-font-size)));--_app-navbar-menu-item-py:var(--app-navbar-menu-item-py, var(--mod-app-navbar-menu-item-py, var(--ds-app-navbar-default-menu-item-padding-block)));--_app-navbar-menu-item-px:var(--app-navbar-menu-item-px, var(--mod-app-navbar-menu-item-px, var(--ds-app-navbar-default-menu-item-padding-inline)));--_app-navbar-menu-item-border-radius:var(--app-navbar-menu-item-border-radius, var(--mod-app-navbar-menu-item-border-radius, var(--ds-app-navbar-default-menu-item-border-radius)));--_app-navbar-menu-item-color-hover:var(--app-navbar-menu-item-color-hover, var(--mod-app-navbar-menu-item-color-hover, var(--ds-app-navbar-default-menu-item-color-hover)));--_app-navbar-menu-item-color-selected:var(--app-navbar-menu-item-color-selected, var(--mod-app-navbar-menu-item-color-selected, var(--ds-app-navbar-default-menu-item-color-selected)));--_app-navbar-menu-item-color-selected-hover:var(--app-navbar-menu-item-color-selected-hover, var(--mod-app-navbar-menu-item-color-selected-hover, var(--ds-app-navbar-default-menu-item-color-selected-hover)));--_app-navbar-menu-item-color-active:var(--app-navbar-menu-item-color-active, var(--mod-app-navbar-menu-item-color-active, var(--ds-app-navbar-default-menu-item-color-active)));--_app-navbar-menu-item-underline-height:var(--app-navbar-menu-item-underline-height, var(--mod-app-navbar-menu-item-underline-height, var(--ds-global-dimension-border-2)));--_app-navbar-menu-item-underline-border-radius:var(--app-navbar-menu-item-underline-border-radius, var(--mod-app-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_app-navbar-menu-item-transition-duration:var(--app-navbar-menu-item-transition-duration, var(--mod-app-navbar-menu-item-transition-duration, var(--ds-app-navbar-default-menu-item-transition-duration)));--_app-navbar-menu-end-gap:var(--app-navbar-menu-end-gap, var(--mod-app-navbar-menu-end-gap, var(--ds-app-navbar-default-menu-end-gap)));--_app-navbar-container-gap:var(--app-navbar-container-gap, var(--mod-app-navbar-container-gap, var(--ds-app-navbar-default-container-gap)));--_app-navbar-content-gap:var(--app-navbar-content-gap, var(--mod-app-navbar-content-gap, var(--ds-app-navbar-default-content-gap)));--_app-navbar-button-color-text:var(--app-navbar-button-color-text, var(--mod-app-navbar-button-color-text, var(--ds-app-navbar-default-button-color-text-base)));--_app-navbar-button-color-background:var(--app-navbar-button-color-background, var(--mod-app-navbar-button-color-background, var(--ds-app-navbar-default-button-color-background-base)));--_app-navbar-button-color-border:var(--app-navbar-button-color-border, var(--mod-app-navbar-button-color-border, var(--ds-app-navbar-default-button-color-border-base)));--_app-navbar-button-color-text-hover:var(--app-navbar-button-color-text-hover, var(--mod-app-navbar-button-color-text-hover, var(--ds-app-navbar-default-button-color-text-hover)));--_app-navbar-button-color-background-hover:var(--app-navbar-button-color-background-hover, var(--mod-app-navbar-button-color-background-hover, var(--ds-app-navbar-default-button-color-background-hover)));--_app-navbar-button-color-border-hover:var(--app-navbar-button-color-border-hover, var(--mod-app-navbar-button-color-border-hover, var(--ds-app-navbar-default-button-color-border-hover)));--_app-navbar-button-color-text-active:var(--app-navbar-button-color-text-active, var(--mod-app-navbar-button-color-text-active, var(--ds-app-navbar-default-button-color-text-active)));--_app-navbar-button-color-background-active:var(--app-navbar-button-color-background-active, var(--mod-app-navbar-button-color-background-active, var(--ds-app-navbar-default-button-color-background-active)));--_app-navbar-button-color-border-active:var(--app-navbar-button-color-border-active, var(--mod-app-navbar-button-color-border-active, var(--ds-app-navbar-default-button-color-border-active)));--_app-navbar-focus-color-start:var(--app-navbar-focus-color-start, var(--mod-app-navbar-focus-color-start, var(--ds-app-navbar-default-focus-color-start)));--_app-navbar-focus-color-end:var(--app-navbar-focus-color-end, var(--mod-app-navbar-focus-color-end, var(--ds-app-navbar-default-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_app-navbar-z-index);width:100%;background-color:var(--_app-navbar-background);-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_app-navbar-height);max-height:var(--_app-navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_app-navbar-container-gap);padding-left:var(--ds-device-container-space);padding-right:var(--ds-device-container-space);width:100%;max-width:var(--ds-alias-container-width-default)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_app-navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_app-navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-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)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_app-navbar-title-color);font-family:var(--_app-navbar-title-font-family);font-size:var(--_app-navbar-title-font-size);font-weight:var(--_app-navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_app-navbar-hamburger-p);color:var(--_app-navbar-button-color-text);background-color:var(--_app-navbar-button-color-background);width:var(--_app-navbar-hamburger-width);height:var(--_app-navbar-hamburger-height);border-radius:var(--_app-navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_app-navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-hamburger-transition-duration);transition-duration:var(--_app-navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_app-navbar-button-color-text-hover);background-color:var(--_app-navbar-button-color-background-hover);--icon-color:var(--_app-navbar-button-color-text-hover)}#hamburger:active{color:var(--_app-navbar-button-color-text-active);background-color:var(--_app-navbar-button-color-background-active);--icon-color:var(--_app-navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_app-navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_app-navbar-sidebar-slide-duration) ease;transition:visibility var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_app-navbar-sidebar-slide-duration) ease;transition:opacity var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_app-navbar-sidebar-max-width);height:100%;background-color:var(--_app-navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow);border-top:var(--_app-navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease, -webkit-transform var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-sidebar-content-gap);padding-inline:var(--_app-navbar-sidebar-px);padding-block:var(--_app-navbar-sidebar-py);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.ds-link[slot=menu-start]){position:relative;color:var(--_app-navbar-sidebar-item-color);--icon-color:var(--_app-navbar-sidebar-item-color);font-size:var(--_app-navbar-sidebar-item-font-size);font-weight:var(--_app-navbar-sidebar-item-font-weight);font-family:var(--_app-navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_app-navbar-sidebar-item-min-height);padding-block:var(--_app-navbar-sidebar-item-py);padding-inline:var(--_app-navbar-sidebar-item-px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,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)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.ds-link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.ds-link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-size);border-radius:var(--ds-alias-radius-base);background-color:var(--_app-navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,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);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.ds-link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_app-navbar-sidebar-item-chevron-size);height:var(--_app-navbar-sidebar-item-chevron-size);background-color:var(--_app-navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_app-navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_app-navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_app-navbar-sidebar-item-background-hover);color:var(--_app-navbar-sidebar-item-color-hover);--icon-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_app-navbar-sidebar-item-background-active);color:var(--_app-navbar-sidebar-item-color-active);--icon-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-content-gap);margin-top:var(--ds-global-dimension-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.ds-button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.ds-link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-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;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_app-navbar-menu-item-color);font-size:var(--_app-navbar-menu-item-font-size);border-radius:var(--_app-navbar-menu-item-border-radius);padding-inline:var(--_app-navbar-menu-item-px);padding-block:var(--_app-navbar-menu-item-py);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-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:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_app-navbar-menu-item-underline-height);border-radius:var(--_app-navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_app-navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_app-navbar-menu-item-color-hover);--icon-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_app-navbar-menu-item-color-active);--icon-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start{-ms-touch-action:manipulation;touch-action:manipulation;-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:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.ds-button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.ds-button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-app-navbar-light-title-color);--mod-app-navbar-background:var(--ds-app-navbar-light-background);--mod-app-navbar-title-color:var(--ds-app-navbar-light-title-color);--_app-navbar-focus-color-start:var(--ds-app-navbar-light-focus-color-start);--_app-navbar-focus-color-end:var(--ds-app-navbar-light-focus-color-end);--mod-app-navbar-menu-item-color:var(--ds-app-navbar-light-menu-item-color-base);--mod-app-navbar-menu-item-color-hover:var(--ds-app-navbar-light-menu-item-color-hover);--mod-app-navbar-menu-item-color-active:var(--ds-app-navbar-light-menu-item-color-active);--mod-app-navbar-menu-item-color-selected:var(--ds-app-navbar-light-menu-item-color-selected);--mod-app-navbar-sidebar-panel-border-top:var(--ds-app-navbar-light-sidebar-panel-border-top);--mod-app-navbar-button-color-text:var(--ds-app-navbar-light-button-color-text-base);--mod-app-navbar-button-color-background:var(--ds-app-navbar-light-button-color-background-base);--mod-app-navbar-button-color-border:var(--ds-app-navbar-light-button-color-border-base);--mod-app-navbar-button-color-text-hover:var(--ds-app-navbar-light-button-color-text-hover);--mod-app-navbar-button-color-background-hover:var(--ds-app-navbar-light-button-color-background-hover);--mod-app-navbar-button-color-border-hover:var(--ds-app-navbar-light-button-color-border-hover);--mod-app-navbar-button-color-text-active:var(--ds-app-navbar-light-button-color-text-active);--mod-app-navbar-button-color-background-active:var(--ds-app-navbar-light-button-color-background-active);--mod-app-navbar-button-color-border-active:var(--ds-app-navbar-light-button-color-border-active)}'}},[257,"ds-app-navbar",{open:[516],light:[4],container:[1],language:[32],region:[32],isTouch:[32],isSidebarOpen:[32],isOverflowing:[32],configChanged:[64],listenToResize:[64],toggleSidebar:[64],openSidebar:[64],closeSidebar:[64]},void 0,{open:[{openChanged:0}]}]);i([s("app-navbar"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],k.prototype,"createLogger",null),i([m("boolean"),p("design:type",Boolean)],k.prototype,"open",void 0),i([m("boolean"),p("design:type",Boolean)],k.prototype,"light",void 0),i([h(["default","fluid","compact"]),p("design:type",String)],k.prototype,"container",void 0),i([g(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",void 0)],k.prototype,"listenToBreakpoint",null),i([f(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",Promise)],k.prototype,"configChanged",null),i([l(),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",Promise)],k.prototype,"listenToResize",null);const w=k,_=function(){"undefined"!=typeof customElements&&["ds-app-navbar","ds-icon"].forEach((a=>{switch(a){case"ds-app-navbar":customElements.get(n(a))||customElements.define(n(a),k);break;case"ds-icon":customElements.get(n(a))||v()}}))};export{w as DsAppNavbar,_ as defineCustomElement}
|
|
4
|
+
import{p as a,H as r,e as t,h as e,c as o,t as n}from"./p-DOP4fM2o.js";import{_ as i,L as s,a as p}from"./p-C8OqQuJ7.js";import{F as b}from"./p-3DnZqMoY.js";import{S as d}from"./p-CDNe0ZaI.js";import{d as v}from"./p-BWrjPWjt.js";import{L as l}from"./p-Dwybw1sf.js";import{d as c}from"./p-CKMUtsmn.js";import{d as u}from"./p-DpLrRYE7.js";import{T as m}from"./p-DEnVBHne.js";import{O as h}from"./p-DaqLtBr3.js";import{L as g}from"./p-Dq0RGuR5.js";import{L as f}from"./p-B9OReveE.js";const x={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},k=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsMenuOpenStart=t(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=t(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=t(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=t(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new d,this.focusHandler=new b,this.burgerModeThresholdWidth=null,this.language=c.language,this.region=c.region,this.isTouch=u.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkAppNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkAppNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkAppNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const t=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,t&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),t&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,t=x[this.language];return e(o,{key:"fd983e6a0096b913411b4371e4560f001f0892fa",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},e("nav",{key:"1d8749fd2b4fab90dbefcefa27c0ed6ff4f011e4",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":t.mainNavigation},e("div",{key:"52b02f1d0a4629e7f4f631854dd70cc62ac0be33",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},e("slot",{key:"17bda94de3b1da33a9a174bbb4b8d61b6e5084cf",name:"brand"}),e("slot",{key:"69859bb7268052683672796021892a9f3363e35e",name:"title"}),e("div",{key:"060f4309e06cf7bd74e3ac2599d6458d4e7cc862",id:"content"},!r&&e("div",{key:"454778981b3c13a0a0907267b67059d1c5461b50",id:"menu"},e("div",{key:"b7ce472e4193dcb69dab1109e3223cdebbc4e6aa",id:"menu-start"},e("slot",{key:"2fc79e8dd3a2ac61cc86e3072691623e0f69a954",name:"menu-start"})),e("div",{key:"33580eb28f109550ec88d1e428ac019df0003f23",id:"menu-end"},e("slot",{key:"88419fdc748e4fd16bcd8e778654c2523890d7ce",name:"menu-end"}))),e("div",{key:"23df02fa1c528bff6bf5354685a59950e9b2ecd2",id:"actions"},e("slot",{key:"91081f473af81b10683ce9c5de55cdccccbb8fbb",name:"actions"}),r&&e("button",{key:"8dd7dde6baa513af198a974682c5d4d4ef30e4e7",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?t.closeMenu:t.openMenu,"aria-label":a?t.closeMenu:t.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},e("ds-icon",{key:"4cacafea64e741a6314875eb91f53a549ea99a21",name:a?"close":"menu-bars",inverted:!0}))))),r&&e("aside",{key:"7b4cfcdf7ca756340a45732b83a21607e6e4a10c",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":t.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},e("div",{key:"7caaa89e7c8fce4224d1bab1e57395bcbd90d1ff",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),e("div",{key:"8b24f2b81808f288200c3328b4b84ac92f766a49",id:"sidebar-panel",tabindex:"-1"},e("div",{key:"793c86c52dc87f69b93276f9345d6c76fb1ce5af",id:"sidebar-content"},e("div",{key:"021cdc3e3389e5d71acbb1db9745d346ba0721f7",id:"sidebar-start"},e("slot",{key:"2b0e3ee3059a7f9920d548ba551f7b26f037038b",name:"menu-start"})),e("div",{key:"23561403321ce44cf3dab8e0b9a7c5ec7a749def",id:"sidebar-end"},e("slot",{key:"541ccc78fe6c640f5b86f7749a4974c446e05444",name:"menu-end"})))))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_app-navbar-background:var(--app-navbar-background, var(--mod-app-navbar-background, var(--ds-app-navbar-default-layout-background)));--_app-navbar-p:var(--app-navbar-p, var(--mod-app-navbar-p, var(--ds-app-navbar-default-layout-padding)));--_app-navbar-height:var(--app-navbar-height, var(--mod-app-navbar-height, var(--ds-app-navbar-default-layout-height)));--_app-navbar-shadow:var(--app-navbar-shadow, var(--mod-app-navbar-shadow, var(--ds-app-navbar-default-layout-shadow)));--_app-navbar-z-index:var(--app-navbar-z-index, var(--mod-app-navbar-z-index, var(--ds-app-navbar-default-layout-z-index)));--_app-navbar-brand-gap:var(--app-navbar-brand-gap, var(--mod-app-navbar-brand-gap, var(--ds-app-navbar-default-brand-gap)));--_app-navbar-brand-focus-radius:var(--app-navbar-brand-focus-radius, var(--mod-app-navbar-brand-focus-radius, var(--ds-app-navbar-default-brand-focus-radius)));--_app-navbar-title-color:var(--app-navbar-title-color, var(--mod-app-navbar-title-color, var(--ds-app-navbar-default-title-color)));--_app-navbar-title-font-family:var(--app-navbar-title-font-family, var(--mod-app-navbar-title-font-family, var(--ds-app-navbar-default-title-font-family)));--_app-navbar-title-font-size:var(--app-navbar-title-font-size, var(--mod-app-navbar-title-font-size, var(--ds-app-navbar-default-title-font-size)));--_app-navbar-title-font-weight:var(--app-navbar-title-font-weight, var(--mod-app-navbar-title-font-weight, var(--ds-app-navbar-default-title-font-weight)));--_app-navbar-hamburger-width:var(--app-navbar-hamburger-width, var(--mod-app-navbar-hamburger-width, var(--ds-app-navbar-default-hamburger-width)));--_app-navbar-hamburger-height:var(--app-navbar-hamburger-height, var(--mod-app-navbar-hamburger-height, var(--ds-app-navbar-default-hamburger-height)));--_app-navbar-hamburger-p:var(--app-navbar-hamburger-p, var(--mod-app-navbar-hamburger-p, var(--ds-app-navbar-default-hamburger-padding)));--_app-navbar-hamburger-radius:var(--app-navbar-hamburger-radius, var(--mod-app-navbar-hamburger-radius, var(--ds-app-navbar-default-hamburger-radius)));--_app-navbar-hamburger-transition-duration:var(--app-navbar-hamburger-transition-duration, var(--mod-app-navbar-hamburger-transition-duration, var(--ds-app-navbar-default-hamburger-transition-duration)));--_app-navbar-sidebar-max-width:var(--app-navbar-sidebar-max-width, var(--mod-app-navbar-sidebar-max-width, var(--ds-app-navbar-default-sidebar-max-width)));--_app-navbar-sidebar-slide-duration:var(--app-navbar-sidebar-slide-duration, var(--mod-app-navbar-sidebar-slide-duration, var(--ds-app-navbar-default-sidebar-slide-duration)));--_app-navbar-sidebar-backdrop-color:var(--app-navbar-sidebar-backdrop-color, var(--mod-app-navbar-sidebar-backdrop-color, var(--ds-app-navbar-default-sidebar-backdrop-color)));--_app-navbar-sidebar-backdrop-opacity:var(--app-navbar-sidebar-backdrop-opacity, var(--mod-app-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_app-navbar-sidebar-panel-background:var(--app-navbar-sidebar-panel-background, var(--mod-app-navbar-sidebar-panel-background, var(--ds-app-navbar-default-sidebar-panel-background)));--_app-navbar-sidebar-panel-shadow:var(--app-navbar-sidebar-panel-shadow, var(--mod-app-navbar-sidebar-panel-shadow, var(--ds-app-navbar-default-sidebar-panel-shadow)));--_app-navbar-sidebar-panel-border-top:var(--app-navbar-sidebar-panel-border-top, var(--mod-app-navbar-sidebar-panel-border-top, var(--ds-app-navbar-default-sidebar-panel-border-top)));--_app-navbar-sidebar-content-gap:var(--app-navbar-sidebar-content-gap, var(--mod-app-navbar-sidebar-content-gap, var(--ds-app-navbar-default-sidebar-content-gap)));--_app-navbar-sidebar-px:var(--app-navbar-sidebar-px, var(--mod-app-navbar-sidebar-px, var(--ds-app-navbar-default-sidebar-content-padding-inline)));--_app-navbar-sidebar-py:var(--app-navbar-sidebar-py, var(--mod-app-navbar-sidebar-py, var(--ds-app-navbar-default-sidebar-content-padding-block)));--_app-navbar-sidebar-item-min-height:var(--app-navbar-sidebar-item-min-height, var(--mod-app-navbar-sidebar-item-min-height, var(--ds-app-navbar-default-sidebar-item-min-height)));--_app-navbar-sidebar-item-py:var(--app-navbar-sidebar-item-py, var(--mod-app-navbar-sidebar-item-py, var(--ds-app-navbar-default-sidebar-item-padding-block)));--_app-navbar-sidebar-item-px:var(--app-navbar-sidebar-item-px, var(--mod-app-navbar-sidebar-item-px, var(--ds-app-navbar-default-sidebar-item-padding-inline)));--_app-navbar-sidebar-item-font-size:var(--app-navbar-sidebar-item-font-size, var(--mod-app-navbar-sidebar-item-font-size, var(--ds-app-navbar-default-sidebar-item-font-size)));--_app-navbar-sidebar-item-font-weight:var(--app-navbar-sidebar-item-font-weight, var(--mod-app-navbar-sidebar-item-font-weight, var(--ds-app-navbar-default-sidebar-item-font-weight)));--_app-navbar-sidebar-item-font-family:var(--app-navbar-sidebar-item-font-family, var(--mod-app-navbar-sidebar-item-font-family, var(--ds-app-navbar-default-sidebar-item-font-family)));--_app-navbar-sidebar-item-color:var(--app-navbar-sidebar-item-color, var(--mod-app-navbar-sidebar-item-color, var(--ds-app-navbar-default-sidebar-item-color-base)));--_app-navbar-sidebar-item-background-active:var(--app-navbar-sidebar-item-background-active, var(--mod-app-navbar-sidebar-item-background-active, var(--ds-app-navbar-default-sidebar-item-background-active)));--_app-navbar-sidebar-item-background-hover:var(--app-navbar-sidebar-item-background-hover, var(--mod-app-navbar-sidebar-item-background-hover, var(--ds-app-navbar-default-sidebar-item-background-hover)));--_app-navbar-sidebar-item-color-hover:var(--app-navbar-sidebar-item-color-hover, var(--mod-app-navbar-sidebar-item-color-hover, var(--ds-app-navbar-default-sidebar-item-color-hover)));--_app-navbar-sidebar-item-color-active:var(--app-navbar-sidebar-item-color-active, var(--mod-app-navbar-sidebar-item-color-active, var(--ds-app-navbar-default-sidebar-item-color-active)));--_app-navbar-sidebar-item-divider-color:var(--app-navbar-sidebar-item-divider-color, var(--mod-app-navbar-sidebar-item-divider-color, var(--ds-app-navbar-default-sidebar-item-divider-color)));--_app-navbar-sidebar-item-divider-color-active:var(--app-navbar-sidebar-item-divider-color-active, var(--mod-app-navbar-sidebar-item-divider-color-active, var(--ds-app-navbar-default-sidebar-item-divider-color-active)));--_app-navbar-sidebar-item-chevron-size:var(--app-navbar-sidebar-item-chevron-size, var(--mod-app-navbar-sidebar-item-chevron-size, var(--ds-app-navbar-default-sidebar-item-chevron-size)));--_app-navbar-sidebar-item-chevron-color:var(--app-navbar-sidebar-item-chevron-color, var(--mod-app-navbar-sidebar-item-chevron-color, var(--ds-app-navbar-default-sidebar-item-chevron-color)));--_app-navbar-menu-gap:var(--app-navbar-menu-gap, var(--mod-app-navbar-menu-gap, var(--ds-app-navbar-default-menu-gap)));--_app-navbar-menu-start-gap:var(--app-navbar-menu-start-gap, var(--mod-app-navbar-menu-start-gap, var(--ds-app-navbar-default-menu-start-gap)));--_app-navbar-menu-item-color:var(--app-navbar-menu-item-color, var(--mod-app-navbar-menu-item-color, var(--ds-app-navbar-default-menu-item-color-base)));--_app-navbar-menu-item-font-size:var(--app-navbar-menu-item-font-size, var(--mod-app-navbar-menu-item-font-size, var(--ds-app-navbar-default-menu-item-font-size)));--_app-navbar-menu-item-py:var(--app-navbar-menu-item-py, var(--mod-app-navbar-menu-item-py, var(--ds-app-navbar-default-menu-item-padding-block)));--_app-navbar-menu-item-px:var(--app-navbar-menu-item-px, var(--mod-app-navbar-menu-item-px, var(--ds-app-navbar-default-menu-item-padding-inline)));--_app-navbar-menu-item-border-radius:var(--app-navbar-menu-item-border-radius, var(--mod-app-navbar-menu-item-border-radius, var(--ds-app-navbar-default-menu-item-border-radius)));--_app-navbar-menu-item-color-hover:var(--app-navbar-menu-item-color-hover, var(--mod-app-navbar-menu-item-color-hover, var(--ds-app-navbar-default-menu-item-color-hover)));--_app-navbar-menu-item-color-selected:var(--app-navbar-menu-item-color-selected, var(--mod-app-navbar-menu-item-color-selected, var(--ds-app-navbar-default-menu-item-color-selected)));--_app-navbar-menu-item-color-selected-hover:var(--app-navbar-menu-item-color-selected-hover, var(--mod-app-navbar-menu-item-color-selected-hover, var(--ds-app-navbar-default-menu-item-color-selected-hover)));--_app-navbar-menu-item-color-active:var(--app-navbar-menu-item-color-active, var(--mod-app-navbar-menu-item-color-active, var(--ds-app-navbar-default-menu-item-color-active)));--_app-navbar-menu-item-underline-height:var(--app-navbar-menu-item-underline-height, var(--mod-app-navbar-menu-item-underline-height, var(--ds-global-dimension-border-2)));--_app-navbar-menu-item-underline-border-radius:var(--app-navbar-menu-item-underline-border-radius, var(--mod-app-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_app-navbar-menu-item-transition-duration:var(--app-navbar-menu-item-transition-duration, var(--mod-app-navbar-menu-item-transition-duration, var(--ds-app-navbar-default-menu-item-transition-duration)));--_app-navbar-menu-end-gap:var(--app-navbar-menu-end-gap, var(--mod-app-navbar-menu-end-gap, var(--ds-app-navbar-default-menu-end-gap)));--_app-navbar-container-gap:var(--app-navbar-container-gap, var(--mod-app-navbar-container-gap, var(--ds-app-navbar-default-container-gap)));--_app-navbar-content-gap:var(--app-navbar-content-gap, var(--mod-app-navbar-content-gap, var(--ds-app-navbar-default-content-gap)));--_app-navbar-button-color-text:var(--app-navbar-button-color-text, var(--mod-app-navbar-button-color-text, var(--ds-app-navbar-default-button-color-text-base)));--_app-navbar-button-color-background:var(--app-navbar-button-color-background, var(--mod-app-navbar-button-color-background, var(--ds-app-navbar-default-button-color-background-base)));--_app-navbar-button-color-border:var(--app-navbar-button-color-border, var(--mod-app-navbar-button-color-border, var(--ds-app-navbar-default-button-color-border-base)));--_app-navbar-button-color-text-hover:var(--app-navbar-button-color-text-hover, var(--mod-app-navbar-button-color-text-hover, var(--ds-app-navbar-default-button-color-text-hover)));--_app-navbar-button-color-background-hover:var(--app-navbar-button-color-background-hover, var(--mod-app-navbar-button-color-background-hover, var(--ds-app-navbar-default-button-color-background-hover)));--_app-navbar-button-color-border-hover:var(--app-navbar-button-color-border-hover, var(--mod-app-navbar-button-color-border-hover, var(--ds-app-navbar-default-button-color-border-hover)));--_app-navbar-button-color-text-active:var(--app-navbar-button-color-text-active, var(--mod-app-navbar-button-color-text-active, var(--ds-app-navbar-default-button-color-text-active)));--_app-navbar-button-color-background-active:var(--app-navbar-button-color-background-active, var(--mod-app-navbar-button-color-background-active, var(--ds-app-navbar-default-button-color-background-active)));--_app-navbar-button-color-border-active:var(--app-navbar-button-color-border-active, var(--mod-app-navbar-button-color-border-active, var(--ds-app-navbar-default-button-color-border-active)));--_app-navbar-focus-color-start:var(--app-navbar-focus-color-start, var(--mod-app-navbar-focus-color-start, var(--ds-app-navbar-default-focus-color-start)));--_app-navbar-focus-color-end:var(--app-navbar-focus-color-end, var(--mod-app-navbar-focus-color-end, var(--ds-app-navbar-default-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_app-navbar-z-index);width:100%;background-color:var(--_app-navbar-background);-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_app-navbar-height);max-height:var(--_app-navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_app-navbar-container-gap);padding-left:var(--ds-device-container-space);padding-right:var(--ds-device-container-space);width:100%;max-width:var(--ds-alias-container-width-default)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_app-navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_app-navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_app-navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-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)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_app-navbar-title-color);font-family:var(--_app-navbar-title-font-family);font-size:var(--_app-navbar-title-font-size);font-weight:var(--_app-navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_app-navbar-hamburger-p);color:var(--_app-navbar-button-color-text);background-color:var(--_app-navbar-button-color-background);width:var(--_app-navbar-hamburger-width);height:var(--_app-navbar-hamburger-height);border-radius:var(--_app-navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_app-navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_app-navbar-hamburger-transition-duration);transition-duration:var(--_app-navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_app-navbar-button-color-text-hover);background-color:var(--_app-navbar-button-color-background-hover);--icon-color:var(--_app-navbar-button-color-text-hover)}#hamburger:active{color:var(--_app-navbar-button-color-text-active);background-color:var(--_app-navbar-button-color-background-active);--icon-color:var(--_app-navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_app-navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_app-navbar-sidebar-slide-duration) ease;transition:visibility var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_app-navbar-sidebar-slide-duration) ease;transition:opacity var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_app-navbar-sidebar-max-width);height:100%;background-color:var(--_app-navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_app-navbar-shadow);box-shadow:var(--_app-navbar-shadow);border-top:var(--_app-navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease;transition:transform var(--_app-navbar-sidebar-slide-duration) ease, -webkit-transform var(--_app-navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-sidebar-content-gap);padding-inline:var(--_app-navbar-sidebar-px);padding-block:var(--_app-navbar-sidebar-py);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.ds-link[slot=menu-start]){position:relative;color:var(--_app-navbar-sidebar-item-color);--icon-color:var(--_app-navbar-sidebar-item-color);font-size:var(--_app-navbar-sidebar-item-font-size);font-weight:var(--_app-navbar-sidebar-item-font-weight);font-family:var(--_app-navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_app-navbar-sidebar-item-min-height);padding-block:var(--_app-navbar-sidebar-item-py);padding-inline:var(--_app-navbar-sidebar-item-px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,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)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.ds-link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.ds-link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-size);border-radius:var(--ds-alias-radius-base);background-color:var(--_app-navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,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);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.ds-link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_app-navbar-sidebar-item-chevron-size);height:var(--_app-navbar-sidebar-item-chevron-size);background-color:var(--_app-navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_app-navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_app-navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_app-navbar-sidebar-item-background-hover);color:var(--_app-navbar-sidebar-item-color-hover);--icon-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_app-navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_app-navbar-sidebar-item-background-active);color:var(--_app-navbar-sidebar-item-color-active);--icon-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_app-navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.ds-link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_app-navbar-content-gap);margin-top:var(--ds-global-dimension-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.ds-button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.ds-link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-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;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_app-navbar-menu-item-color);font-size:var(--_app-navbar-menu-item-font-size);border-radius:var(--_app-navbar-menu-item-border-radius);padding-inline:var(--_app-navbar-menu-item-px);padding-block:var(--_app-navbar-menu-item-py);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-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:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_app-navbar-menu-item-underline-height);border-radius:var(--_app-navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_app-navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_app-navbar-menu-item-color-hover);--icon-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_app-navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_app-navbar-menu-item-color-active);--icon-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_app-navbar-menu-item-color-active)}#menu #menu-start{-ms-touch-action:manipulation;touch-action:manipulation;-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:var(--_app-navbar-menu-item-transition-duration);transition-duration:var(--_app-navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.ds-link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_app-navbar-focus-color-start) 0 0 0 2px,var(--_app-navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.ds-button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_app-navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.ds-button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_app-navbar-focus-color-end);--button-color-text:var(--_app-navbar-button-color-text);--button-color-background:var(--_app-navbar-button-color-background);--button-color-border:var(--_app-navbar-button-color-border);--button-color-text-hover:var(--_app-navbar-button-color-text-hover);--button-color-background-hover:var(--_app-navbar-button-color-background-hover);--button-color-border-hover:var(--_app-navbar-button-color-border-hover);--button-color-text-active:var(--_app-navbar-button-color-text-active);--button-color-background-active:var(--_app-navbar-button-color-background-active);--button-color-border-active:var(--_app-navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-app-navbar-light-title-color);--mod-app-navbar-background:var(--ds-app-navbar-light-background);--mod-app-navbar-title-color:var(--ds-app-navbar-light-title-color);--_app-navbar-focus-color-start:var(--ds-app-navbar-light-focus-color-start);--_app-navbar-focus-color-end:var(--ds-app-navbar-light-focus-color-end);--mod-app-navbar-menu-item-color:var(--ds-app-navbar-light-menu-item-color-base);--mod-app-navbar-menu-item-color-hover:var(--ds-app-navbar-light-menu-item-color-hover);--mod-app-navbar-menu-item-color-active:var(--ds-app-navbar-light-menu-item-color-active);--mod-app-navbar-menu-item-color-selected:var(--ds-app-navbar-light-menu-item-color-selected);--mod-app-navbar-sidebar-panel-border-top:var(--ds-app-navbar-light-sidebar-panel-border-top);--mod-app-navbar-button-color-text:var(--ds-app-navbar-light-button-color-text-base);--mod-app-navbar-button-color-background:var(--ds-app-navbar-light-button-color-background-base);--mod-app-navbar-button-color-border:var(--ds-app-navbar-light-button-color-border-base);--mod-app-navbar-button-color-text-hover:var(--ds-app-navbar-light-button-color-text-hover);--mod-app-navbar-button-color-background-hover:var(--ds-app-navbar-light-button-color-background-hover);--mod-app-navbar-button-color-border-hover:var(--ds-app-navbar-light-button-color-border-hover);--mod-app-navbar-button-color-text-active:var(--ds-app-navbar-light-button-color-text-active);--mod-app-navbar-button-color-background-active:var(--ds-app-navbar-light-button-color-background-active);--mod-app-navbar-button-color-border-active:var(--ds-app-navbar-light-button-color-border-active)}'}},[257,"ds-app-navbar",{open:[516],light:[4],container:[1],language:[32],region:[32],isTouch:[32],isSidebarOpen:[32],isOverflowing:[32],configChanged:[64],listenToResize:[64],toggleSidebar:[64],openSidebar:[64],closeSidebar:[64]},void 0,{open:[{openChanged:0}]}]);i([s("app-navbar"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],k.prototype,"createLogger",null),i([m("boolean"),p("design:type",Boolean)],k.prototype,"open",void 0),i([m("boolean"),p("design:type",Boolean)],k.prototype,"light",void 0),i([h(["default","fluid","compact"]),p("design:type",String)],k.prototype,"container",void 0),i([g(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",void 0)],k.prototype,"listenToBreakpoint",null),i([f(),p("design:type",Function),p("design:paramtypes",[Object]),p("design:returntype",Promise)],k.prototype,"configChanged",null),i([l(),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",Promise)],k.prototype,"listenToResize",null);const w=k,_=function(){"undefined"!=typeof customElements&&["ds-app-navbar","ds-icon"].forEach((a=>{switch(a){case"ds-app-navbar":customElements.get(n(a))||customElements.define(n(a),k);break;case"ds-icon":customElements.get(n(a))||v()}}))};export{w as DsAppNavbar,_ as defineCustomElement}
|
package/components/ds-badge.js
CHANGED
|
@@ -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{p as a,H as e,h as d,c as o,t as r}from"./p-
|
|
4
|
+
import{p as a,H as e,h as d,c as o,t as r}from"./p-DOP4fM2o.js";import{_ as g,L as s,a as b}from"./p-C8OqQuJ7.js";import{h as i}from"./p-CEPnyz7c.js";import{n as t}from"./p-B3VN_5Hp.js";import{d as n}from"./p-BWrjPWjt.js";import{T as c}from"./p-DEnVBHne.js";import{O as l}from"./p-DaqLtBr3.js";const m=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.icon="",this.pulse=!1}createLogger(a){this.log=a}render(){const a=t(this.size)||"";return d(o,{key:"7a8c53f623e53f159de13b689c8eff0387144017",class:{["is-"+this.color]:i(this.color),["is-"+a]:i(this.size),"is-pulse":this.pulse}},d("span",{key:"c2e9b658b129c71d56c156eff75805da56cae750",id:"badge",part:"badge"},d("slot",{key:"3fa73da0bfa55e58096894aadbf8ea45680f8188"}),"sm"!==a&&i(this.icon)?d("ds-icon",{part:"icon",name:this.icon}):""))}get el(){return this}static get style(){return":host{--_badge-position:var(--badge-position, var(--mod-badge-position, static));--_badge-top:var(--badge-top, var(--mod-badge-top));--_badge-right:var(--badge-right, var(--mod-badge-right));--_badge-bottom:var(--badge-bottom, var(--mod-badge-bottom));--_badge-left:var(--badge-left, var(--mod-badge-left));position:var(--_badge-position);top:var(--_badge-top);right:var(--_badge-right);bottom:var(--_badge-bottom);left:var(--_badge-left);--_badge-m:var(--badge-m, var(--mod-badge-m, 0));--_badge-my:var(--badge-my, var(--mod-badge-my));--_badge-mx:var(--badge-mx, var(--mod-badge-mx));--_badge-ml:var(--badge-ml, var(--mod-badge-ml));--_badge-mr:var(--badge-mr, var(--mod-badge-mr));--_badge-mt:var(--badge-mt, var(--mod-badge-mt));--_badge-mb:var(--badge-mb, var(--mod-badge-mb));margin:var(--_badge-m);margin-inline:var(--_badge-mx);margin-block:var(--_badge-my);margin-left:var(--_badge-ml);margin-right:var(--_badge-mr);margin-top:var(--_badge-mt);margin-bottom:var(--_badge-mb);--_badge-font-family:var(--badge-font-family, var(--mod-badge-font-family, var(--ds-badge-typo-font-family)));--_badge-font-weight:var(--badge-font-weight, var(--mod-badge-font-weight, var(--ds-badge-typo-font-weight)));--_badge-line-height:var(--badge-line-height, var(--mod-badge-line-height, var(--ds-badge-typo-line-height)));--_badge-font-size:var(--badge-font-size, var(--mod-badge-font-size, var(--ds-badge-size-base-font)));--_badge-min-width:var(--badge-min-width, var(--mod-badge-min-width, var(--ds-badge-size-base-height)));--_badge-height:var(--badge-height, var(--mod-badge-height, var(--ds-badge-size-base-height)));--_badge-radius:var(--badge-radius, var(--mod-badge-radius, var(--ds-badge-size-base-radius)));--_badge-color-background:var(--badge-color-background, var(--mod-badge-color-background, var(--ds-badge-default-color-background)));--_badge-color-text:var(--badge-color-text, var(--mod-badge-color-text, var(--ds-badge-default-color-text)));--_badge-pulse-color:var(--badge-pulse-color, var(--mod-badge-pulse-color, var(--ds-badge-default-color-background)));--_badge-icon-size:var(--badge-icon-size, var(--mod-badge-icon-size, var(--ds-badge-size-base-icon)));--_badge-icon-color:var(--badge-icon-color, var(--mod-badge-icon-color, var(--ds-badge-default-color-text)));--_badge-gap:var(--badge-gap, var(--mod-badge-gap, var(--ds-badge-size-base-gap)));--_badge-px:var(--badge-px, var(--mod-badge-px, var(--ds-badge-size-base-padding)));--_badge-py:var(--badge-py, var(--mod-badge-py, var(--ds-badge-size-base-padding)))}: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;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-top;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--_badge-font-size);white-space:nowrap;line-height:var(--_badge-line-height);z-index:1;cursor:inherit;min-width:var(--_badge-min-width);height:var(--_badge-height);border-radius:var(--_badge-radius);background:var(--_badge-color-background);color:var(--_badge-color-text);font-family:var(--_badge-font-family);font-weight:var(--_badge-font-weight);gap:var(--_badge-gap);padding-inline:var(--_badge-px);padding-block:var(--_badge-py)}:host ds-icon{--icon-size:var(--_badge-icon-size);--icon-inner-size:var(--_badge-icon-size);--icon-color:var(--_badge-icon-color)}:host(.is-disabled){--mod-badge-color-text:var(--ds-badge-disabled-color-text);--mod-badge-color-background:var(--ds-badge-disabled-color-background);--mod-badge-pulse-color:var(--ds-badge-disabled-color-background);--mod-badge-icon-color:var(--ds-badge-disabled-color-text);--icon-color:var(--ds-badge-disabled-color-text)}:host(.is-info){--mod-badge-color-text:var(--ds-badge-info-color-text);--mod-badge-color-background:var(--ds-badge-info-color-background);--mod-badge-pulse-color:var(--ds-badge-info-color-background);--mod-badge-icon-color:var(--ds-badge-info-color-text);--icon-color:var(--ds-badge-info-color-text)}:host(.is-success){--mod-badge-color-text:var(--ds-badge-success-color-text);--mod-badge-color-background:var(--ds-badge-success-color-background);--mod-badge-pulse-color:var(--ds-badge-success-color-background);--mod-badge-icon-color:var(--ds-badge-success-color-text);--icon-color:var(--ds-badge-success-color-text)}:host(.is-warning){--mod-badge-color-text:var(--ds-badge-warning-color-text);--mod-badge-color-background:var(--ds-badge-warning-color-background);--mod-badge-pulse-color:var(--ds-badge-warning-color-background);--mod-badge-icon-color:var(--ds-badge-warning-color-text);--icon-color:var(--ds-badge-warning-color-text)}:host(.is-danger){--mod-badge-color-text:var(--ds-badge-danger-color-text);--mod-badge-color-background:var(--ds-badge-danger-color-background);--mod-badge-pulse-color:var(--ds-badge-danger-color-background);--mod-badge-icon-color:var(--ds-badge-danger-color-text);--icon-color:var(--ds-badge-danger-color-text)}:host(.is-sm){--mod-badge-radius:var(--ds-badge-size-sm-radius);--mod-badge-height:var(--ds-badge-size-sm-height);--mod-badge-min-width:var(--ds-badge-size-sm-height);--mod-badge-icon-size:var(--ds-badge-size-sm-icon);--mod-badge-font-size:var(--ds-badge-size-sm-font);--mod-badge-gap:var(--ds-badge-size-sm-gap);--mod-badge-px:var(--ds-badge-size-sm-padding);--mod-badge-py:var(--ds-badge-size-sm-padding);max-width:var(--ds-badge-size-sm-height);overflow:hidden}:host(.is-sm)>*{display:none}:host(.is-lg){--mod-badge-min-width:var(--ds-badge-size-lg-height);--mod-badge-height:var(--ds-badge-size-lg-height);--mod-badge-radius:var(--ds-badge-size-lg-radius);--mod-badge-font-size:var(--ds-badge-size-lg-font);--mod-badge-icon-size:var(--ds-badge-size-lg-icon);--mod-badge-gap:var(--ds-badge-size-lg-gap);--mod-badge-px:var(--ds-badge-size-lg-padding);--mod-badge-py:var(--ds-badge-size-lg-padding)}:host(.is-pulse){-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 var(--_badge-pulse-color);box-shadow:0 0 0 0 var(--_badge-pulse-color)}70%{-webkit-box-shadow:0 0 0 .5rem rgba(0,0,0,0);box-shadow:0 0 0 .5rem rgba(0,0,0,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}"}},[257,"ds-badge",{icon:[1],size:[513],color:[513],position:[513],pulse:[516]}]);g([s("badge"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],m.prototype,"createLogger",null),g([c("string"),b("design:type",String)],m.prototype,"icon",void 0),g([l(["sm","lg"]),b("design:type",String)],m.prototype,"size",void 0),g([l(["disabled","danger","warning","success"]),b("design:type",String)],m.prototype,"color",void 0),g([l(["card","button","tabs"]),b("design:type",String)],m.prototype,"position",void 0),g([c("boolean"),b("design:type",Boolean)],m.prototype,"pulse",void 0);const v=m,h=function(){"undefined"!=typeof customElements&&["ds-badge","ds-icon"].forEach((a=>{switch(a){case"ds-badge":customElements.get(r(a))||customElements.define(r(a),m);break;case"ds-icon":customElements.get(r(a))||n()}}))};export{v as DsBadge,h as defineCustomElement}
|
|
@@ -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{B as o,d as s}from"./p-
|
|
4
|
+
import{B as o,d as s}from"./p-Bd5NhwlZ.js";const p=o,r=s;export{p as DsBrandIcon,r as defineCustomElement}
|
|
@@ -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{B as
|
|
4
|
+
import{B as o,d as r}from"./p-BI_5Zbrm.js";const s=o,m=r;export{s as DsButtonGroup,m as defineCustomElement}
|
package/components/ds-button.js
CHANGED
|
@@ -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{B as o,d as
|
|
4
|
+
import{B as o,d as s}from"./p-VnJFXLI2.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}
|
|
@@ -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{p as
|
|
4
|
+
import{p as t,H as s,h as e,c as o,t as n}from"./p-DOP4fM2o.js";import{_ as c,L as r,a}from"./p-C8OqQuJ7.js";import{d}from"./p-Cyz0da0t.js";import{d as i}from"./p-BI_5Zbrm.js";import{O as p}from"./p-DaqLtBr3.js";const m=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}createLogger(t){this.log=t}render(){return e(o,{key:"30ff6e74f6f4e623917e2dfc7c46a12361744c09",role:"contentinfo"},e("ds-button-group",{key:"1c0c99d5603b91453f96952d5cc5262cb31db5dd",class:"m-none",align:this.align||void 0},e("slot",{key:"1a30af970f523b119d5729cc2aa00386b93abcdc"})))}get el(){return this}},[257,"ds-card-actions",{align:[1]}]);c([r("card-actions"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],m.prototype,"createLogger",null),c([p(d),a("design:type",String)],m.prototype,"align",void 0);const u=m,f=function(){"undefined"!=typeof customElements&&["ds-card-actions","ds-button-group"].forEach((t=>{switch(t){case"ds-card-actions":customElements.get(n(t))||customElements.define(n(t),m);break;case"ds-button-group":customElements.get(n(t))||i()}}))};export{u as DsCardActions,f as defineCustomElement}
|
|
@@ -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{p as t,H as e,h as a,c as n,t as s}from"./p-
|
|
4
|
+
import{p as t,H as e,h as a,c as n,t as s}from"./p-DOP4fM2o.js";import{_ as o,L as d,a as i}from"./p-C8OqQuJ7.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}createLogger(t){this.log=t}render(){return a(n,{key:"fa291737910745721236d14e38c54e7bf351b85e"},a("slot",{key:"c1446e3210223e5bfeddbffe1faea35b81cd6922"}))}get el(){return this}static get style(){return':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}:host h1.ds-subtitle,:host h2.ds-subtitle,:host h3.ds-subtitle,:host h4.ds-subtitle,:host h5.ds-subtitle,:host h6.ds-subtitle,:host ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}:host ds-heading:not(:last-child),:host h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}:host h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}:host ds-text:not(:last-child),:host p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}:host p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}:host{color:var(--_card-color-text)}'}},[257,"ds-card-content"]);o([d("card-content"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],r.prototype,"createLogger",null);const c=r,h=function(){"undefined"!=typeof customElements&&["ds-card-content"].forEach((t=>{"ds-card-content"===t&&(customElements.get(s(t))||customElements.define(s(t),r))}))};export{c as DsCardContent,h as defineCustomElement}
|
|
@@ -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{p as a,H as r,h as e,c as t,t as d}from"./p-
|
|
4
|
+
import{p as a,H as r,h as e,c as t,t as d}from"./p-DOP4fM2o.js";import{_ as o,L as s,a as i}from"./p-C8OqQuJ7.js";import{e as m}from"./p-Cyz0da0t.js";import{R as c}from"./p-VwgiuJog.js";import{O as h}from"./p-DaqLtBr3.js";const n=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.direction="row"}createLogger(a){this.log=a}render(){return e(t,{key:"3e02d40402c5649a2dcdf278d15fa1efd7375c25",role:"banner"},e("slot",{key:"ce3daf494388829d751a62fea59efb0805203945"}))}get el(){return this}static get style(){return":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}"}},[257,"ds-card-header",{direction:[1]}]);o([s("card-header"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],n.prototype,"createLogger",null),o([c(),h(m),i("design:type",String)],n.prototype,"direction",void 0);const g=n,l=function(){"undefined"!=typeof customElements&&["ds-card-header"].forEach((a=>{"ds-card-header"===a&&(customElements.get(d(a))||customElements.define(d(a),n))}))};export{g as DsCardHeader,l as defineCustomElement}
|
|
@@ -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{p as t,H as r,h as a,c as i,t as e}from"./p-
|
|
4
|
+
import{p as t,H as r,h as a,c as i,t as e}from"./p-DOP4fM2o.js";import{_ as s,L as d,a as o}from"./p-C8OqQuJ7.js";import{h as l}from"./p-CEPnyz7c.js";import{H as c}from"./p-QyQjrb1P.js";import{T as b}from"./p-DEnVBHne.js";import{O as m}from"./p-DaqLtBr3.js";const u=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.bold=!1}createLogger(t){this.log=t}render(){return a(i,{key:"d83be30191ce9a74ab17f0c477780984296c056c",class:{"ds-card-header":!0}},a("span",{key:"e9987cb8c3cc4f309e7da6a95dd5e1a6756aabb3",class:{"ds-text":!0,"is-bold":this.bold,["is-"+this.color]:l(this.color)&&!this.inverted,"is-inverted":this.inverted}},a("slot",{key:"a71f62b0939612064bfef861fa60239195479356"})))}get el(){return this}static get style(){return":host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle;grid-area:subtitle}"}},[257,"ds-card-subtitle",{inverted:[4],bold:[4],color:[1]}]);s([d("card-subtitle"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],u.prototype,"createLogger",null),s([b("boolean"),o("design:type",Boolean)],u.prototype,"inverted",void 0),s([b("boolean"),o("design:type",Boolean)],u.prototype,"bold",void 0),s([m(c),o("design:type",String)],u.prototype,"color",void 0);const n=u,v=function(){"undefined"!=typeof customElements&&["ds-card-subtitle"].forEach((t=>{"ds-card-subtitle"===t&&(customElements.get(e(t))||customElements.define(e(t),u))}))};export{n as DsCardSubtitle,v as defineCustomElement}
|
|
@@ -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{p as t,H as r,h as a,c as e,t as i}from"./p-
|
|
4
|
+
import{p as t,H as r,h as a,c as e,t as i}from"./p-DOP4fM2o.js";import{_ as l,L as d,a as o}from"./p-C8OqQuJ7.js";import{a as c,b as m}from"./p-QyQjrb1P.js";import{d as s}from"./p-B4PwKlaW.js";import{T as n}from"./p-DEnVBHne.js";import{R as v}from"./p-VwgiuJog.js";import{O as g}from"./p-DaqLtBr3.js";const p=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.inverted=!1,this.level="h3"}createLogger(t){this.log=t}render(){return a(e,{key:"0231eea9f93538a3c339c0c61dacb2daa7637049"},a("ds-heading",{key:"10ea0037fc72ffcbdea44e4bc7518643937104c5",level:this.level,visualLevel:this.visualLevel,space:"none",inverted:this.inverted},a("slot",{key:"1c98f4f26648766e559b9c2933b45906b694f311"})))}get el(){return this}static get style(){return":host{--_card-title-position:var(--card-title-position, var(--mod-card-title-position, static));--_card-title-top:var(--card-title-top, var(--mod-card-title-top));--_card-title-right:var(--card-title-right, var(--mod-card-title-right));--_card-title-bottom:var(--card-title-bottom, var(--mod-card-title-bottom));--_card-title-left:var(--card-title-left, var(--mod-card-title-left));position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left);--_card-title-m:var(--card-title-m, var(--mod-card-title-m, 0));--_card-title-my:var(--card-title-my, var(--mod-card-title-my));--_card-title-mx:var(--card-title-mx, var(--mod-card-title-mx));--_card-title-ml:var(--card-title-ml, var(--mod-card-title-ml));--_card-title-mr:var(--card-title-mr, var(--mod-card-title-mr));--_card-title-mt:var(--card-title-mt, var(--mod-card-title-mt));--_card-title-mb:var(--card-title-mb, var(--mod-card-title-mb));margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);display:-ms-flexbox;display:flex;margin:var(--_card-title-m);margin-inline:var(--_card-title-mx);margin-block:var(--_card-title-my);margin-left:var(--_card-title-ml);margin-right:var(--_card-title-mr);margin-top:var(--_card-title-mt);margin-bottom:var(--_card-title-mb);position:var(--_card-title-position);top:var(--_card-title-top);right:var(--_card-title-right);bottom:var(--_card-title-bottom);left:var(--_card-title-left)}:host{--mod-heading-color:var(--_card-color-text);grid-area:title;text-align:inherit}"}},[257,"ds-card-title",{inverted:[4],level:[1],visualLevel:[1,"visual-level"]}]);l([d("card-title"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],p.prototype,"createLogger",null),l([n("boolean"),o("design:type",Boolean)],p.prototype,"inverted",void 0),l([v(),g(c),o("design:type",String)],p.prototype,"level",void 0),l([g(m),o("design:type",String)],p.prototype,"visualLevel",void 0);const _=p,f=function(){"undefined"!=typeof customElements&&["ds-card-title","ds-heading"].forEach((t=>{switch(t){case"ds-card-title":customElements.get(i(t))||customElements.define(i(t),p);break;case"ds-heading":customElements.get(i(t))||s()}}))};export{_ as DsCardTitle,f as defineCustomElement}
|