@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.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/LICENSE +9 -0
- package/components/all.d.ts +56 -0
- package/components/all.js +84 -0
- package/components/ds-accordion.js +1 -1
- package/components/ds-alert-container.js +1 -1
- package/components/ds-app.js +1 -1
- package/components/ds-badge.js +1 -1
- package/components/ds-button-group.js +1 -1
- package/components/ds-button.js +1 -1
- package/components/ds-card-actions.js +1 -1
- package/components/ds-card-content.js +1 -1
- package/components/ds-card-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.d.ts +11 -0
- package/components/ds-carousel-item.js +4 -0
- package/components/ds-carousel.d.ts +11 -0
- package/components/ds-carousel.js +4 -0
- 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-data-item.d.ts +11 -0
- package/components/ds-data-item.js +4 -0
- package/components/ds-data-label.d.ts +11 -0
- package/components/ds-data-label.js +4 -0
- package/components/ds-data-value.d.ts +11 -0
- package/components/ds-data-value.js +4 -0
- package/components/ds-data.d.ts +11 -0
- package/components/ds-data.js +4 -0
- package/components/ds-date.d.ts +11 -0
- package/components/ds-date.js +4 -0
- package/components/ds-divider.js +1 -1
- package/components/ds-drawer.d.ts +11 -0
- package/components/ds-drawer.js +4 -0
- package/components/ds-file-upload.d.ts +11 -0
- package/components/ds-file-upload.js +4 -0
- package/components/ds-footer.d.ts +11 -0
- package/components/ds-footer.js +4 -0
- package/components/ds-heading.js +1 -1
- package/components/ds-hint-text.d.ts +11 -0
- package/components/ds-hint-text.js +4 -0
- package/components/ds-hint-title.d.ts +11 -0
- package/components/ds-hint-title.js +4 -0
- package/components/ds-hint.d.ts +11 -0
- package/components/ds-hint.js +4 -0
- 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.d.ts +11 -0
- package/components/ds-modal-body.js +4 -0
- package/components/ds-modal-header.d.ts +11 -0
- package/components/ds-modal-header.js +4 -0
- package/components/ds-modal.d.ts +11 -0
- package/components/ds-modal.js +4 -0
- package/components/ds-navbar.d.ts +11 -0
- package/components/ds-navbar.js +4 -0
- package/components/ds-notification.js +1 -1
- package/components/ds-number-input.js +1 -1
- package/components/ds-pagination.js +1 -1
- package/components/ds-popup.d.ts +11 -0
- package/components/ds-popup.js +4 -0
- 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-segment-item.js +1 -1
- package/components/ds-segment.js +1 -1
- package/components/ds-select-optgroup.d.ts +11 -0
- package/components/ds-select-optgroup.js +4 -0
- package/components/ds-select-option.d.ts +11 -0
- package/components/ds-select-option.js +4 -0
- package/components/ds-select.d.ts +11 -0
- package/components/ds-select.js +4 -0
- package/components/ds-shape.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.d.ts +11 -0
- package/components/ds-step-panel.js +4 -0
- package/components/ds-step.d.ts +11 -0
- package/components/ds-step.js +4 -0
- package/components/ds-steps.d.ts +11 -0
- package/components/ds-steps.js +4 -0
- package/components/ds-tab-panel.d.ts +11 -0
- package/components/ds-tab-panel.js +4 -0
- package/components/ds-tab.d.ts +11 -0
- package/components/ds-tab.js +4 -0
- package/components/ds-tabs.d.ts +11 -0
- package/components/ds-tabs.js +4 -0
- 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.d.ts +11 -0
- package/components/ds-tooltip.js +4 -0
- package/components/index.js +1 -1
- package/components/p-3Mi9vpmB.js +4 -0
- package/components/p-B-en4B17.js +4 -0
- package/components/p-B1gnrQ9b.js +4 -0
- package/components/p-BU0dY8pq.js +4 -0
- package/components/p-BfXZJ1Fe.js +4 -0
- package/components/p-BgzU1loG.js +4 -0
- package/components/p-BhbWmCTu.js +4 -0
- package/components/p-BqY0KzJC.js +4 -0
- package/components/p-BrIcCcce.js +4 -0
- package/components/p-BrJFPhMA.js +4 -0
- package/components/p-Btdh3fq7.js +4 -0
- package/components/{p-Urcs7-vS.js → p-BwfAXfmz.js} +1 -1
- package/components/p-ByX1_7SF.js +4 -0
- package/components/p-C1jqbZdf.js +4 -0
- package/{dist/design-system/p-15bc012833.entry.js → components/p-CA7G72wZ.js} +1 -1
- package/components/p-CQHwI4iD.js +4 -0
- package/components/p-CYWn3X22.js +4 -0
- package/components/p-CjIxf5zy.js +4 -0
- package/components/p-Ctnm_MBD.js +4 -0
- package/components/p-CvaNxQtw.js +4 -0
- package/components/p-D9ILiUgm.js +4 -0
- package/components/{p-BATOumsf.js → p-D9YYP2SG.js} +1 -1
- package/components/p-DAYd9ty0.js +4 -0
- package/components/p-DIK6Zkg6.js +4 -0
- package/{dist/design-system/p-BkESlUMc.js → components/p-DQBzmbR6.js} +1 -1
- package/components/{p-z1jJgtep.js → p-DU7t9H9h.js} +1 -1
- package/components/p-DYTOWDAA.js +4 -0
- package/components/p-DYlqkAWn.js +4 -0
- package/components/p-DbM7ALm9.js +14 -0
- package/{dist/design-system/p-D2tr7015.js → components/p-DbY6Pfeh.js} +1 -1
- package/components/{p-DZqqelPH.js → p-DcSNuA8W.js} +1 -1
- package/components/p-DenZRIeA.js +4 -0
- package/components/p-DokkRjWC.js +4 -0
- package/{dist/design-system/p-BwrOVItb.js → components/p-Dr4MUfss.js} +1 -1
- package/components/p-DsvYY32v.js +4 -0
- package/components/p-Du7QOHtz.js +5 -0
- package/components/{p-E8U6M5ii.js → p-FBQaJyH0.js} +1 -1
- package/components/{p-Dr4dquer.js → p-J0mxIuTt.js} +1 -1
- package/{dist/design-system/p-DJxr2Dcd.js → components/p-UCeQ1JCs.js} +1 -1
- package/components/p-Uy_dVz21.js +4 -0
- package/components/p-WO0X5Vmy.js +4 -0
- package/components/p-bGV2P6rT.js +4 -0
- package/components/{p-Bt20CEww.js → p-n3_2KEz0.js} +1 -1
- package/dist/cjs/array-CioNm_V1.js +1985 -0
- package/dist/cjs/{breakpoints.decorator-qaoHOU6Q.js → breakpoints.decorator-C-Qm21UK.js} +1 -1
- package/dist/cjs/{breakpoints.subject-DhAN_ZAn.js → breakpoints.subject-XNcGwhzh.js} +3 -3
- package/dist/cjs/{button.interfaces-BueDWsuH.js → button.interfaces-CqlUGR-N.js} +1 -1
- package/dist/cjs/carousel.interfaces-BFQpUNrw.js +12 -0
- package/dist/cjs/{config.decorator-Qmrq4ZYj.js → config.decorator-ThGLtT-3.js} +1 -1
- package/dist/cjs/{config.utils-Cv4cx_Xa.js → config.utils-MhZvq4Qm.js} +1 -1
- package/dist/cjs/create-validator-decorator-BIgFqrMJ.js +212 -0
- package/dist/cjs/design-system.cjs.js +3 -3
- package/dist/cjs/{device-CptgCtVc.js → device-BnjBOLnP.js} +1 -1
- package/dist/cjs/ds-accordion.cjs.entry.js +30 -34
- package/dist/cjs/ds-alert-container.cjs.entry.js +12 -15
- package/dist/cjs/ds-app.cjs.entry.js +16 -6
- package/dist/cjs/ds-badge.cjs.entry.js +32 -25
- package/dist/cjs/ds-button-group.cjs.entry.js +14 -17
- package/dist/cjs/ds-button_2.cjs.entry.js +58 -73
- package/dist/cjs/ds-card-actions.cjs.entry.js +6 -8
- package/dist/cjs/ds-card-content.cjs.entry.js +2 -2
- package/dist/cjs/ds-card-header.cjs.entry.js +8 -5
- package/dist/cjs/ds-card-subtitle.cjs.entry.js +13 -13
- package/dist/cjs/ds-card-title.cjs.entry.js +11 -7
- package/dist/cjs/ds-card.cjs.entry.js +30 -42
- package/dist/cjs/ds-carousel-item.cjs.entry.js +128 -0
- package/dist/cjs/ds-carousel.cjs.entry.js +473 -0
- package/dist/cjs/ds-checkbox-group.cjs.entry.js +41 -2012
- package/dist/cjs/ds-checkbox.cjs.entry.js +23 -19
- package/dist/cjs/ds-content_2.cjs.entry.js +330 -0
- package/dist/cjs/ds-data-item.cjs.entry.js +146 -0
- package/dist/cjs/ds-data-label.cjs.entry.js +41 -0
- package/dist/cjs/ds-data-value.cjs.entry.js +31 -0
- package/dist/cjs/ds-data.cjs.entry.js +43 -0
- package/dist/cjs/ds-date.cjs.entry.js +5334 -0
- package/dist/cjs/{ds-logo.cjs.entry.js → ds-divider_2.cjs.entry.js} +130 -25
- package/dist/cjs/ds-drawer_2.cjs.entry.js +602 -0
- package/dist/cjs/ds-file-upload.cjs.entry.js +515 -0
- package/dist/cjs/ds-footer.cjs.entry.js +159 -0
- package/dist/cjs/ds-heading.cjs.entry.js +21 -19
- package/dist/cjs/ds-hint-text.cjs.entry.js +28 -0
- package/dist/cjs/ds-hint-title.cjs.entry.js +31 -0
- package/dist/cjs/ds-hint.cjs.entry.js +243 -0
- package/dist/cjs/ds-icon_2.cjs.entry.js +78 -70
- package/dist/cjs/ds-input.cjs.entry.js +45 -43
- package/dist/cjs/ds-item.cjs.entry.js +29 -34
- package/dist/cjs/ds-label.cjs.entry.js +22 -30
- package/dist/cjs/ds-list.cjs.entry.js +6 -12
- package/dist/cjs/ds-modal-body.cjs.entry.js +34 -0
- package/dist/cjs/ds-modal-header.cjs.entry.js +31 -0
- package/dist/cjs/ds-modal.cjs.entry.js +201 -0
- package/dist/cjs/ds-navbar.cjs.entry.js +359 -0
- package/dist/cjs/ds-notification.cjs.entry.js +19 -27
- package/dist/cjs/ds-number-input.cjs.entry.js +128 -45
- package/dist/cjs/ds-pagination.cjs.entry.js +41 -37
- package/dist/cjs/ds-progress-bar.cjs.entry.js +25 -29
- package/dist/cjs/ds-radio-group.cjs.entry.js +30 -29
- package/dist/cjs/ds-radio.cjs.entry.js +26 -33
- package/dist/cjs/ds-segment-item.cjs.entry.js +9 -9
- package/dist/cjs/ds-segment.cjs.entry.js +29 -117
- package/dist/cjs/ds-select-optgroup.cjs.entry.js +49 -0
- package/dist/cjs/ds-select-option.cjs.entry.js +57 -0
- package/dist/cjs/ds-select.cjs.entry.js +2772 -0
- package/dist/cjs/ds-shape.cjs.entry.js +10 -16
- package/dist/cjs/ds-snackbar.cjs.entry.js +40 -57
- package/dist/cjs/ds-step-panel.cjs.entry.js +55 -0
- package/dist/cjs/ds-step.cjs.entry.js +170 -0
- package/dist/cjs/ds-steps.cjs.entry.js +227 -0
- package/dist/cjs/ds-tab-panel.cjs.entry.js +55 -0
- package/dist/cjs/ds-tab.cjs.entry.js +120 -0
- package/dist/cjs/ds-tabs.cjs.entry.js +364 -0
- package/dist/cjs/ds-tag-group.cjs.entry.js +3 -3
- package/dist/cjs/ds-tag.cjs.entry.js +19 -26
- package/dist/cjs/ds-text.cjs.entry.js +28 -32
- package/dist/cjs/ds-textarea.cjs.entry.js +32 -31
- package/dist/cjs/ds-toast.cjs.entry.js +40 -54
- package/dist/cjs/ds-toggle.cjs.entry.js +22 -21
- package/dist/cjs/ds-tooltip.cjs.entry.js +182 -0
- package/dist/cjs/{field.util-RjuvTLNZ.js → field.util-L-DkeMVk.js} +1 -1
- package/dist/cjs/floating-ui.dom-Cu3dZdFD.js +1628 -0
- package/dist/cjs/focus-D3VVgpM7.js +1958 -0
- package/dist/cjs/footer.i18n-CpGxizgm.js +162 -0
- package/dist/cjs/{form-control-Bno2tBGf.js → form-control-CtMcJUuC.js} +2 -2
- package/dist/cjs/has-value-DK0oRqXI.js +12 -0
- package/dist/cjs/{index-CdD-TT_n.js → index-sC3JnTlJ.js} +497 -175
- package/dist/cjs/index.cjs.js +26 -8283
- package/dist/cjs/keyboard-C7y0jXYb.js +23 -0
- package/dist/cjs/{listener-DgVWqfa1.js → listener-BwB_xent.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/luxon-q23LOWrr.js +8137 -0
- package/dist/cjs/one-of-BZGRIMtQ.js +30 -0
- package/dist/cjs/popup.interfaces-B-mwd9rh.js +23 -0
- package/dist/cjs/required-COz3Unzu.js +38 -0
- package/dist/cjs/resize.decorator-DWM_fQgv.js +98 -0
- package/dist/cjs/scroll-CUuEh4xd.js +89 -0
- package/dist/cjs/svg-D9RbiR8R.js +2443 -0
- package/dist/cjs/{tslib.es6-BTi-SLnA.js → tslib.es6-CxyosZMg.js} +1 -1
- package/dist/cjs/type-hmc4CJcO.js +33 -0
- package/dist/collection/collection-manifest.json +30 -2
- package/dist/collection/components/accordion/accordion.host.css +1 -1
- package/dist/collection/components/accordion/accordion.js +22 -29
- package/dist/collection/components/alert/alert-container.js +8 -14
- package/dist/collection/components/alert/alert.controller.js +1 -1
- package/dist/collection/components/alert/snackbar/snackbar.js +30 -53
- package/dist/collection/components/alert/toast/toast.js +32 -53
- package/dist/collection/components/app/app.js +11 -3
- package/dist/collection/components/badge/badge.interfaces.js +1 -1
- package/dist/collection/components/badge/badge.js +28 -25
- package/dist/collection/components/button/button-group/button-group.js +8 -14
- package/dist/collection/components/button/button.host.css +1 -1
- package/dist/collection/components/button/button.interfaces.js +1 -1
- package/dist/collection/components/button/button.js +44 -54
- package/dist/collection/components/card/card-actions/card-actions.js +3 -6
- package/dist/collection/components/card/card-header/card-header.js +4 -3
- package/dist/collection/components/card/card-subtitle/card-subtitle.js +8 -11
- package/dist/collection/components/card/card-title/card-title.js +6 -5
- package/dist/collection/components/card/card.host.css +1 -1
- package/dist/collection/components/card/card.js +25 -38
- package/dist/collection/components/carousel/carousel/carousel.host.css +1 -0
- package/dist/collection/components/carousel/carousel/carousel.i18n.js +65 -0
- package/dist/collection/components/carousel/carousel/carousel.js +631 -0
- package/dist/collection/components/carousel/carousel-item/carousel-item.host.css +1 -0
- package/dist/collection/components/carousel/carousel-item/carousel-item.js +313 -0
- package/dist/collection/components/carousel/carousel.interfaces.js +6 -0
- package/dist/collection/components/carousel/test/carousel.a11y.play.js +34 -0
- package/dist/collection/components/carousel/test/carousel.component.play.js +57 -0
- package/dist/collection/components/carousel/test/carousel.visual.play.js +24 -0
- package/dist/collection/components/checkbox/checkbox-group/checkbox-group.host.css +1 -1
- package/dist/collection/components/checkbox/checkbox-group/checkbox-group.js +25 -26
- package/dist/collection/components/checkbox/checkbox.js +18 -18
- package/dist/collection/components/close/close.js +10 -21
- package/dist/collection/components/content/content.js +38 -52
- package/dist/collection/components/data/data-item.host.css +1 -0
- package/dist/collection/components/data/data-item.i18n.js +35 -0
- package/dist/collection/components/data/data-item.js +244 -0
- package/dist/collection/components/data/data-label.host.css +1 -0
- package/dist/collection/components/data/data-label.js +72 -0
- package/dist/collection/components/data/data-value.host.css +1 -0
- package/dist/collection/components/data/data-value.js +38 -0
- package/dist/collection/components/data/data.host.css +1 -0
- package/dist/collection/components/data/data.js +75 -0
- package/dist/collection/components/data/test/data.a11y.play.js +31 -0
- package/dist/collection/components/data/test/data.component.play.js +104 -0
- package/dist/collection/components/data/test/data.visual.play.js +25 -0
- package/dist/collection/components/date/date.host.css +1 -0
- package/dist/collection/components/date/date.i18n.js +105 -0
- package/dist/collection/components/date/date.interfaces.js +4 -0
- package/dist/collection/components/date/date.js +1241 -0
- package/dist/collection/components/date/date.mask.js +189 -0
- package/dist/collection/components/date/date.picker.js +536 -0
- package/dist/collection/components/date/test/date.a11y.play.js +27 -0
- package/dist/collection/components/date/test/date.component.play.js +69 -0
- package/dist/collection/components/date/test/date.visual.play.js +43 -0
- package/dist/collection/components/divider/divider.host.css +1 -1
- package/dist/collection/components/divider/divider.js +11 -24
- package/dist/collection/components/drawer/drawer.host.css +1 -0
- package/dist/collection/{utils/property-checkers/constants.js → components/drawer/drawer.interfaces.js} +1 -1
- package/dist/collection/components/drawer/drawer.js +492 -0
- package/dist/collection/components/drawer/test/drawer.a11y.play.js +39 -0
- package/dist/collection/components/drawer/test/drawer.component.play.js +131 -0
- package/dist/collection/components/drawer/test/drawer.visual.play.js +31 -0
- package/dist/collection/components/file-upload/file-upload.host.css +1 -0
- package/dist/collection/components/file-upload/file-upload.i18n.js +55 -0
- package/dist/collection/components/file-upload/file-upload.interfaces.js +10 -0
- package/dist/collection/components/file-upload/file-upload.js +1030 -0
- package/dist/collection/components/file-upload/test/file-upload.a11y.play.js +52 -0
- package/dist/collection/components/file-upload/test/file-upload.component.play.js +124 -0
- package/dist/collection/components/file-upload/test/file-upload.visual.play.js +18 -0
- package/dist/collection/components/file-upload/utils/file-list.util.js +13 -0
- package/dist/collection/components/file-upload/utils/file-size.util.js +10 -0
- package/dist/collection/components/file-upload/utils/file-validation.util.js +48 -0
- package/dist/collection/components/footer/footer.host.css +1 -0
- package/dist/collection/components/footer/footer.i18n.js +155 -0
- package/dist/collection/components/footer/footer.interfaces.js +4 -0
- package/dist/collection/components/footer/footer.js +350 -0
- package/dist/collection/components/footer/test/footer.a11y.play.js +17 -0
- package/dist/collection/components/footer/test/footer.component.play.js +74 -0
- package/dist/collection/components/footer/test/footer.visual.play.js +16 -0
- package/dist/collection/components/form/test/form.visual.play.js +13 -1
- package/dist/collection/components/heading/heading.js +16 -17
- package/dist/collection/components/hint/hint-text/hint-text.js +28 -0
- package/dist/collection/components/hint/hint-title/hint-title.js +31 -0
- package/dist/collection/components/hint/hint.host.css +1 -0
- package/dist/collection/components/hint/hint.i18n.js +35 -0
- package/dist/collection/components/hint/hint.interfaces.js +1 -0
- package/dist/collection/components/hint/hint.js +410 -0
- package/dist/collection/components/hint/test/hint.a11y.play.js +41 -0
- package/dist/collection/components/hint/test/hint.component.play.js +110 -0
- package/dist/collection/components/hint/test/hint.visual.play.js +39 -0
- package/dist/collection/components/icon/icon.host.css +1 -1
- package/dist/collection/components/icon/icon.interfaces.js +1 -0
- package/dist/collection/components/icon/icon.js +73 -42
- package/dist/collection/components/icon/test/icon.component.play.js +23 -1
- package/dist/collection/components/input/clear-button.i18n.js +35 -0
- package/dist/collection/components/input/clear-button.util.js +11 -0
- package/dist/collection/components/input/input.host.css +1 -1
- package/dist/collection/components/input/input.js +36 -37
- package/dist/collection/components/input/test/input.component.play.js +1 -1
- package/dist/collection/components/input/trigger-button.i18n.js +45 -0
- package/dist/collection/components/label/label.js +16 -28
- package/dist/collection/components/list/item/item.host.css +1 -1
- package/dist/collection/components/list/item/item.interfaces.js +1 -1
- package/dist/collection/components/list/item/item.js +27 -34
- package/dist/collection/components/list/list.js +3 -10
- package/dist/collection/components/list/test/list.visual.play.js +30 -0
- package/dist/collection/components/logo/logo.js +11 -18
- package/dist/collection/components/modal/modal-body/modal-body.host.css +1 -0
- package/dist/collection/components/modal/modal-body/modal-body.js +41 -0
- package/dist/collection/components/modal/modal-header/modal-header.js +32 -0
- package/dist/collection/components/modal/modal.controller.js +31 -0
- package/dist/collection/components/modal/modal.host.css +1 -0
- package/dist/collection/components/modal/modal.interfaces.js +1 -0
- package/dist/collection/components/modal/modal.js +461 -0
- package/dist/collection/components/modal/test/modal.a11y.play.js +59 -0
- package/dist/collection/components/modal/test/modal.component.play.js +196 -0
- package/dist/collection/components/modal/test/modal.visual.play.js +36 -0
- package/dist/collection/components/navbar/navbar.host.css +1 -0
- package/dist/collection/components/navbar/navbar.i18n.js +65 -0
- package/dist/collection/components/navbar/navbar.interfaces.js +6 -0
- package/dist/collection/components/navbar/navbar.js +544 -0
- package/dist/collection/components/navbar/test/navbar.a11y.play.js +26 -0
- package/dist/collection/components/navbar/test/navbar.component.play.js +76 -0
- package/dist/collection/components/navbar/test/navbar.visual.play.js +14 -0
- package/dist/collection/components/notification/notification.js +14 -26
- package/dist/collection/components/number-input/number-input.host.css +1 -1
- package/dist/collection/components/number-input/number-input.js +23 -24
- package/dist/collection/components/pagination/pagination.host.css +1 -1
- package/dist/collection/components/pagination/pagination.js +29 -28
- package/dist/collection/components/popup/popup.host.css +1 -0
- package/dist/collection/components/popup/popup.interfaces.js +18 -0
- package/dist/collection/components/popup/popup.js +869 -0
- package/dist/collection/components/popup/test/popup.a11y.play.js +50 -0
- package/dist/collection/components/popup/test/popup.component.play.js +168 -0
- package/dist/collection/components/popup/test/popup.visual.play.js +33 -0
- package/dist/collection/components/progress-bar/progress-bar.host.css +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +13 -20
- package/dist/collection/components/radio/radio-group/radio-group.host.css +1 -1
- package/dist/collection/components/radio/radio-group/radio-group.js +22 -23
- package/dist/collection/components/radio/radio.js +19 -20
- package/dist/collection/components/segment/segment/segment.host.css +1 -1
- package/dist/collection/components/segment/segment/segment.js +19 -20
- package/dist/collection/components/segment/segment-item.js +6 -7
- package/dist/collection/components/select/select-optgroup.host.css +1 -0
- package/dist/collection/components/select/select-optgroup.js +82 -0
- package/dist/collection/components/select/select-option.host.css +1 -0
- package/dist/collection/components/select/select-option.js +112 -0
- package/dist/collection/components/select/select.host.css +1 -0
- package/dist/collection/components/select/select.i18n.js +45 -0
- package/dist/collection/components/select/select.interfaces.js +4 -0
- package/dist/collection/components/select/select.js +1024 -0
- package/dist/collection/components/select/select.picker.js +276 -0
- package/dist/collection/components/select/test/select.a11y.play.js +81 -0
- package/dist/collection/components/select/test/select.component.play.js +184 -0
- package/dist/collection/components/select/test/select.visual.play.js +70 -0
- package/dist/collection/components/shape/shape.js +7 -14
- package/dist/collection/components/spinner/spinner.js +18 -26
- package/dist/collection/components/stack/stack.host.css +1 -1
- package/dist/collection/components/stack/stack.js +41 -153
- package/dist/collection/components/steps/step/step.host.css +1 -0
- package/dist/collection/components/steps/step/step.js +431 -0
- package/dist/collection/components/steps/step-panel/step-panel.host.css +1 -0
- package/dist/collection/components/steps/step-panel/step-panel.js +104 -0
- package/dist/collection/components/steps/steps/steps.host.css +1 -0
- package/dist/collection/components/steps/steps/steps.js +356 -0
- package/dist/collection/components/steps/steps.interfaces.js +4 -0
- package/dist/collection/components/steps/test/steps.a11y.play.js +73 -0
- package/dist/collection/components/steps/test/steps.component.play.js +182 -0
- package/dist/collection/components/steps/test/steps.visual.play.js +18 -0
- package/dist/collection/components/tabs/tab/tab.host.css +1 -0
- package/dist/collection/components/tabs/tab/tab.js +278 -0
- package/dist/collection/components/tabs/tab-panel/tab-panel.host.css +1 -0
- package/dist/collection/components/tabs/tab-panel/tab-panel.js +104 -0
- package/dist/collection/components/tabs/tabs/tabs.host.css +1 -0
- package/dist/collection/components/tabs/tabs/tabs.i18n.js +45 -0
- package/dist/collection/components/tabs/tabs/tabs.js +552 -0
- package/dist/collection/components/tabs/tabs.interfaces.js +12 -0
- package/dist/collection/components/tabs/test/tabs.a11y.play.js +60 -0
- package/dist/collection/components/tabs/test/tabs.component.play.js +129 -0
- package/dist/collection/components/tabs/test/tabs.visual.play.js +31 -0
- package/dist/collection/components/tag/tag-group/tag-group.js +1 -1
- package/dist/collection/components/tag/tag.js +15 -26
- package/dist/collection/components/text/text.js +23 -30
- package/dist/collection/components/textarea/textarea.host.css +1 -1
- package/dist/collection/components/textarea/textarea.js +24 -25
- package/dist/collection/components/time-input/test/time-input.visual.play.js +18 -0
- package/dist/collection/components/toggle/toggle.js +19 -20
- package/dist/collection/components/tooltip/test/tooltip.a11y.play.js +32 -0
- package/dist/collection/components/tooltip/test/tooltip.component.play.js +51 -0
- package/dist/collection/components/tooltip/test/tooltip.visual.play.js +16 -0
- package/dist/collection/components/tooltip/tooltip.host.css +1 -0
- package/dist/collection/components/tooltip/tooltip.interfaces.js +4 -0
- package/dist/collection/components/tooltip/tooltip.js +407 -0
- package/dist/collection/foundation/colors.visual.play.js +18 -0
- package/dist/collection/global/config/config.const.js +11 -0
- package/dist/collection/global/config/config.default.js +92 -42
- package/dist/collection/global/config/config.js +1 -1
- package/dist/collection/global/config/config.meta.js +27 -0
- package/dist/collection/global/config/index.js +1 -0
- package/dist/collection/global/config/initialize.js +2 -1
- package/dist/collection/global/constants/tags.constant.js +29 -1
- package/dist/collection/global/constants/version.constant.js +1 -1
- package/dist/collection/global/index.js +0 -1
- package/dist/collection/global/initialize.js +2 -0
- package/dist/collection/index.js +5 -20
- package/dist/collection/utils/attributes.js +0 -15
- package/dist/collection/utils/focus.js +72 -0
- package/dist/collection/utils/form-control.js +1 -1
- package/dist/collection/utils/has-value.js +7 -0
- package/dist/collection/utils/helpers.js +14 -74
- package/dist/collection/utils/index.js +7 -5
- package/dist/collection/utils/{property-checkers/is-value-empty.js → is-value-empty.js} +1 -1
- package/dist/collection/utils/number.js +6 -25
- package/dist/collection/utils/property-decorators/array-of.js +25 -0
- package/dist/collection/utils/property-decorators/bound.js +79 -0
- package/dist/collection/utils/property-decorators/create-validator-decorator.js +212 -0
- package/dist/collection/utils/property-decorators/date.js +24 -0
- package/dist/collection/utils/property-decorators/index.js +12 -0
- package/dist/collection/utils/property-decorators/iso-date.js +24 -0
- package/dist/collection/utils/property-decorators/one-of.js +25 -0
- package/dist/collection/utils/property-decorators/pattern.js +25 -0
- package/dist/collection/utils/property-decorators/required.js +44 -0
- package/dist/collection/utils/property-decorators/type.js +28 -0
- package/dist/collection/utils/property-decorators/url.js +32 -0
- package/dist/collection/utils/property-types.js +1 -0
- package/dist/collection/utils/svg.js +19 -0
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/index.esm.js +1 -1
- package/dist/design-system/p-01430d5c28.entry.js +4 -0
- package/dist/design-system/p-014d464627.entry.js +4 -0
- package/dist/design-system/p-0663d7c0f1.entry.js +4 -0
- package/dist/design-system/p-0bd2ce2da3.entry.js +4 -0
- package/dist/design-system/p-0ff0be5b83.entry.js +4 -0
- package/dist/design-system/p-10c136d00d.entry.js +4 -0
- package/dist/design-system/p-11f34d0c7d.entry.js +4 -0
- package/dist/design-system/p-13d1ce3158.entry.js +4 -0
- package/dist/design-system/p-163d606781.entry.js +4 -0
- package/dist/design-system/p-1VXOIrN2.js +4 -0
- package/dist/design-system/p-202ecb8f01.entry.js +4 -0
- package/dist/design-system/p-27d181c5ac.entry.js +4 -0
- package/dist/design-system/p-2a35e0b9b0.entry.js +4 -0
- package/dist/design-system/p-2f51e1d39b.entry.js +4 -0
- package/dist/design-system/p-3134821ac6.entry.js +4 -0
- package/dist/design-system/p-3292ae6a05.entry.js +4 -0
- package/dist/design-system/p-372bf379f9.entry.js +4 -0
- package/dist/design-system/p-3895178b39.entry.js +4 -0
- package/dist/design-system/p-3c6b7a2967.entry.js +4 -0
- package/dist/design-system/p-3ef4bd1c59.entry.js +4 -0
- package/dist/design-system/p-493b18cc46.entry.js +4 -0
- package/dist/design-system/p-4a99464dae.entry.js +4 -0
- package/dist/design-system/p-4e6638d14e.entry.js +4 -0
- package/dist/design-system/p-53dda5d400.entry.js +4 -0
- package/dist/design-system/p-5d17209d91.entry.js +4 -0
- package/dist/design-system/p-5e51fa8df4.entry.js +4 -0
- package/dist/design-system/p-60d29d8b8e.entry.js +4 -0
- package/dist/design-system/p-62cb503015.entry.js +4 -0
- package/dist/design-system/p-650289138a.entry.js +4 -0
- package/dist/design-system/p-65c221261c.entry.js +4 -0
- package/dist/design-system/p-68c9f4f630.entry.js +4 -0
- package/dist/design-system/p-68ebed7eee.entry.js +4 -0
- package/dist/design-system/p-6b6531379b.entry.js +4 -0
- package/dist/design-system/p-6d168ba9ad.entry.js +4 -0
- package/dist/design-system/p-6ef31a3c07.entry.js +4 -0
- package/dist/design-system/p-774b89ed0b.entry.js +4 -0
- package/dist/design-system/p-787bd92bcc.entry.js +4 -0
- package/{components/p-E1SnOz0L.js → dist/design-system/p-78NZc8PM.js} +1 -1
- package/dist/design-system/p-7c353652a9.entry.js +4 -0
- package/dist/design-system/p-7c8bf0f33e.entry.js +4 -0
- package/dist/design-system/p-7e702193fc.entry.js +4 -0
- package/dist/design-system/p-8353961d39.entry.js +4 -0
- package/dist/design-system/{p-1d312498a6.entry.js → p-8406f6faf1.entry.js} +1 -1
- package/dist/design-system/p-9f2dd0b55b.entry.js +4 -0
- package/dist/design-system/p-B-en4B17.js +4 -0
- package/dist/design-system/p-B1e0kNRJ.js +14 -0
- package/dist/design-system/p-B8KVoKrH.js +5 -0
- package/dist/design-system/p-BAY6Z8bT.js +4 -0
- package/dist/design-system/p-BLGVE-7Z.js +4 -0
- package/dist/design-system/{p-C7EnKCpl.js → p-BMM6Nxeh.js} +1 -1
- package/{components/p-Diz11uvt.js → dist/design-system/p-BPGfTrrM.js} +1 -1
- package/dist/design-system/p-BhdSNuGP.js +4 -0
- package/dist/design-system/p-BkTv_bQR.js +4 -0
- package/dist/design-system/p-BqY0KzJC.js +4 -0
- package/dist/design-system/p-BrJFPhMA.js +4 -0
- package/dist/design-system/p-BvEM6oCl.js +4 -0
- package/dist/design-system/p-C1jqbZdf.js +4 -0
- package/dist/design-system/p-C6MVahkC.js +5 -0
- package/dist/design-system/{p-DCf2fJmI.js → p-C7i6xLTJ.js} +1 -1
- package/dist/design-system/p-CvTcEsXg.js +4 -0
- package/dist/design-system/p-CwCAiaMq.js +4 -0
- package/{components/p-5Sp1eJOt.js → dist/design-system/p-DTxLRTYr.js} +1 -1
- package/dist/design-system/{p-Dnjznncd.js → p-DgVaaZT_.js} +1 -1
- package/dist/design-system/{p-CAcwu8uP.js → p-Dm2lqE3-.js} +1 -1
- package/dist/design-system/p-HwbqEzpk.js +4 -0
- package/dist/design-system/p-LCY5n5tq.js +4 -0
- package/dist/design-system/p-Uy_dVz21.js +4 -0
- package/dist/design-system/p-a465c1acce.entry.js +4 -0
- package/dist/design-system/p-a62b7985a0.entry.js +4 -0
- package/dist/design-system/p-a8de98dd7b.entry.js +4 -0
- package/dist/design-system/p-ad2b17b0a0.entry.js +4 -0
- package/dist/design-system/p-afd8bbe699.entry.js +4 -0
- package/dist/design-system/{p-7e6ed497e7.entry.js → p-b68bc14064.entry.js} +1 -1
- package/dist/design-system/p-b955a93959.entry.js +4 -0
- package/dist/design-system/p-c37f266740.entry.js +4 -0
- package/dist/design-system/p-caad93b943.entry.js +4 -0
- package/dist/design-system/p-cca79bfeb1.entry.js +4 -0
- package/dist/design-system/p-d5f8d8f5e1.entry.js +4 -0
- package/dist/design-system/p-dcb749efc7.entry.js +4 -0
- package/dist/design-system/p-dd38f8f206.entry.js +4 -0
- package/dist/design-system/p-ddf2a7dfee.entry.js +4 -0
- package/dist/design-system/p-df5899b930.entry.js +4 -0
- package/dist/design-system/p-e7472337ed.entry.js +4 -0
- package/dist/design-system/p-e85c92ca1a.entry.js +4 -0
- package/dist/design-system/p-f0119fe693.entry.js +4 -0
- package/dist/design-system/p-f4958b9e97.entry.js +4 -0
- package/dist/design-system/p-f62643c33d.entry.js +4 -0
- package/dist/design-system/p-fa9568abce.entry.js +4 -0
- package/dist/design-system/p-fcd98f22b7.entry.js +4 -0
- package/dist/design-system/p-feeef4a8cb.entry.js +4 -0
- package/dist/design-system/{p-BLPSziW-.js → p-hLAmwHiq.js} +1 -1
- package/dist/design-system/p-ij4OEkzJ.js +4 -0
- package/dist/design-system/p-tl_BegdE.js +4 -0
- package/dist/esm/array-dJH4dfMr.js +1983 -0
- package/dist/esm/{breakpoints.decorator-L2xeP46f.js → breakpoints.decorator-DZ0xN4Np.js} +1 -1
- package/dist/esm/{breakpoints.subject-BhbzG-rl.js → breakpoints.subject-BNnXcKMw.js} +3 -3
- package/dist/esm/{button.interfaces-BkESlUMc.js → button.interfaces-BPGfTrrM.js} +1 -1
- package/dist/esm/carousel.interfaces-B-en4B17.js +8 -0
- package/dist/esm/{config.decorator-BQNIja4k.js → config.decorator-ZQ0_Zx5y.js} +1 -1
- package/dist/esm/{config.utils-COlKFRlV.js → config.utils-D9o7rffC.js} +1 -1
- package/dist/esm/create-validator-decorator-DovxquEu.js +208 -0
- package/dist/esm/design-system.js +4 -4
- package/dist/esm/{device-Dhwt3m7W.js → device-CRuIJzXR.js} +1 -1
- package/dist/esm/ds-accordion.entry.js +30 -34
- package/dist/esm/ds-alert-container.entry.js +12 -15
- package/dist/esm/ds-app.entry.js +16 -6
- package/dist/esm/ds-badge.entry.js +32 -25
- package/dist/esm/ds-button-group.entry.js +14 -17
- package/dist/esm/ds-button_2.entry.js +58 -73
- package/dist/esm/ds-card-actions.entry.js +6 -8
- package/dist/esm/ds-card-content.entry.js +2 -2
- package/dist/esm/ds-card-header.entry.js +8 -5
- package/dist/esm/ds-card-subtitle.entry.js +13 -13
- package/dist/esm/ds-card-title.entry.js +11 -7
- package/dist/esm/ds-card.entry.js +30 -42
- package/dist/esm/ds-carousel-item.entry.js +126 -0
- package/dist/esm/ds-carousel.entry.js +471 -0
- package/dist/esm/ds-checkbox-group.entry.js +40 -2011
- package/dist/esm/ds-checkbox.entry.js +23 -19
- package/dist/esm/ds-content_2.entry.js +327 -0
- package/dist/esm/ds-data-item.entry.js +144 -0
- package/dist/esm/ds-data-label.entry.js +39 -0
- package/dist/esm/ds-data-value.entry.js +29 -0
- package/dist/esm/ds-data.entry.js +41 -0
- package/dist/esm/ds-date.entry.js +5332 -0
- package/dist/esm/{ds-logo.entry.js → ds-divider_2.entry.js} +130 -26
- package/dist/esm/ds-drawer_2.entry.js +599 -0
- package/dist/esm/ds-file-upload.entry.js +513 -0
- package/dist/esm/ds-footer.entry.js +157 -0
- package/dist/esm/ds-heading.entry.js +21 -19
- package/dist/esm/ds-hint-text.entry.js +26 -0
- package/dist/esm/ds-hint-title.entry.js +29 -0
- package/dist/esm/ds-hint.entry.js +241 -0
- package/dist/esm/ds-icon_2.entry.js +78 -70
- package/dist/esm/ds-input.entry.js +46 -44
- package/dist/esm/ds-item.entry.js +29 -34
- package/dist/esm/ds-label.entry.js +22 -30
- package/dist/esm/ds-list.entry.js +6 -12
- package/dist/esm/ds-modal-body.entry.js +32 -0
- package/dist/esm/ds-modal-header.entry.js +29 -0
- package/dist/esm/ds-modal.entry.js +199 -0
- package/dist/esm/ds-navbar.entry.js +357 -0
- package/dist/esm/ds-notification.entry.js +19 -27
- package/dist/esm/ds-number-input.entry.js +129 -46
- package/dist/esm/ds-pagination.entry.js +41 -37
- package/dist/esm/ds-progress-bar.entry.js +25 -29
- package/dist/esm/ds-radio-group.entry.js +31 -30
- package/dist/esm/ds-radio.entry.js +25 -32
- package/dist/esm/ds-segment-item.entry.js +9 -9
- package/dist/esm/ds-segment.entry.js +28 -116
- package/dist/esm/ds-select-optgroup.entry.js +47 -0
- package/dist/esm/ds-select-option.entry.js +55 -0
- package/dist/esm/ds-select.entry.js +2770 -0
- package/dist/esm/ds-shape.entry.js +10 -16
- package/dist/esm/ds-snackbar.entry.js +40 -57
- package/dist/esm/ds-step-panel.entry.js +53 -0
- package/dist/esm/ds-step.entry.js +168 -0
- package/dist/esm/ds-steps.entry.js +225 -0
- package/dist/esm/ds-tab-panel.entry.js +53 -0
- package/dist/esm/ds-tab.entry.js +118 -0
- package/dist/esm/ds-tabs.entry.js +362 -0
- package/dist/esm/ds-tag-group.entry.js +3 -3
- package/dist/esm/ds-tag.entry.js +19 -26
- package/dist/esm/ds-text.entry.js +28 -32
- package/dist/esm/ds-textarea.entry.js +33 -32
- package/dist/esm/ds-toast.entry.js +40 -54
- package/dist/esm/ds-toggle.entry.js +22 -21
- package/dist/esm/ds-tooltip.entry.js +180 -0
- package/dist/esm/{field.util-BXxRO7CD.js → field.util-BjZzAi09.js} +1 -1
- package/dist/esm/floating-ui.dom-BqY0KzJC.js +1621 -0
- package/dist/esm/focus-ZxHImoOj.js +1956 -0
- package/dist/esm/footer.i18n-BrJFPhMA.js +159 -0
- package/dist/esm/{form-control-D2O-sb65.js → form-control-DvJo0GKN.js} +2 -2
- package/dist/esm/has-value-DU9L2JaI.js +10 -0
- package/dist/esm/{index-CuwLeg-T.js → index-C6MVahkC.js} +496 -175
- package/dist/esm/index.js +13 -8273
- package/dist/esm/{input.interfaces-C7EnKCpl.js → input.interfaces-BMM6Nxeh.js} +1 -1
- package/dist/esm/keyboard-Uy_dVz21.js +20 -0
- package/dist/esm/{listener-C_kjUVTE.js → listener-DHP2OPMZ.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/luxon-C1jqbZdf.js +8133 -0
- package/dist/esm/one-of-CKPv0Nqm.js +28 -0
- package/dist/esm/popup.interfaces-BAY6Z8bT.js +20 -0
- package/dist/esm/required-Dqsbx5fH.js +36 -0
- package/dist/esm/resize.decorator-B8h8D676.js +96 -0
- package/dist/esm/scroll-CsH7NHo5.js +87 -0
- package/dist/esm/svg-B8KVoKrH.js +2440 -0
- package/dist/esm/{tslib.es6-tdchDLyb.js → tslib.es6-C9GKXw-5.js} +1 -1
- package/dist/esm/type-DzkhLOG_.js +31 -0
- package/dist/types/components/accordion/accordion.d.ts +0 -5
- package/dist/types/components/alert/alert-container.d.ts +0 -5
- package/dist/types/components/alert/snackbar/snackbar.d.ts +0 -5
- package/dist/types/components/alert/toast/toast.d.ts +0 -5
- package/dist/types/components/badge/badge.d.ts +1 -3
- package/dist/types/components/badge/badge.interfaces.d.ts +1 -1
- package/dist/types/components/button/button-group/button-group.d.ts +0 -5
- package/dist/types/components/button/button.d.ts +1 -3
- package/dist/types/components/button/button.interfaces.d.ts +1 -1
- package/dist/types/components/card/card-actions/card-actions.d.ts +0 -1
- package/dist/types/components/card/card-subtitle/card-subtitle.d.ts +0 -1
- package/dist/types/components/card/card.d.ts +1 -3
- package/dist/types/components/carousel/carousel/carousel.d.ts +114 -0
- package/dist/types/components/carousel/carousel/carousel.i18n.d.ts +9 -0
- package/dist/types/components/carousel/carousel-item/carousel-item.d.ts +70 -0
- package/dist/types/components/carousel/carousel.interfaces.d.ts +14 -0
- package/dist/types/components/carousel/test/carousel.a11y.play.d.ts +1 -0
- package/dist/types/components/carousel/test/carousel.component.play.d.ts +1 -0
- package/dist/types/components/carousel/test/carousel.visual.play.d.ts +1 -0
- package/dist/types/components/close/close.d.ts +1 -3
- package/dist/types/components/content/content.d.ts +2 -5
- package/dist/types/components/data/data-item.d.ts +43 -0
- package/dist/types/components/data/data-item.i18n.d.ts +6 -0
- package/dist/types/components/data/data-item.interfaces.d.ts +4 -0
- package/dist/types/components/data/data-label.d.ts +19 -0
- package/dist/types/components/data/data-label.interfaces.d.ts +3 -0
- package/dist/types/components/data/data-value.d.ts +15 -0
- package/dist/types/components/data/data-value.interfaces.d.ts +5 -0
- package/dist/types/components/data/data.d.ts +19 -0
- package/dist/types/components/data/data.interfaces.d.ts +4 -0
- package/dist/types/components/data/test/data.a11y.play.d.ts +1 -0
- package/dist/types/components/data/test/data.component.play.d.ts +1 -0
- package/dist/types/components/data/test/data.visual.play.d.ts +1 -0
- package/dist/types/components/date/date.d.ts +214 -0
- package/dist/types/components/date/date.i18n.d.ts +13 -0
- package/dist/types/components/date/date.interfaces.d.ts +18 -0
- package/dist/types/components/date/date.mask.d.ts +29 -0
- package/dist/types/components/date/date.picker.d.ts +67 -0
- package/dist/types/components/date/test/date.a11y.play.d.ts +1 -0
- package/dist/types/components/date/test/date.component.play.d.ts +1 -0
- package/dist/types/components/date/test/date.visual.play.d.ts +1 -0
- package/dist/types/components/divider/divider.d.ts +1 -3
- package/dist/types/components/drawer/drawer.d.ts +102 -0
- package/dist/types/components/drawer/drawer.interfaces.d.ts +8 -0
- package/dist/types/components/drawer/test/drawer.a11y.play.d.ts +1 -0
- package/dist/types/components/drawer/test/drawer.component.play.d.ts +1 -0
- package/dist/types/components/drawer/test/drawer.visual.play.d.ts +1 -0
- package/dist/types/components/file-upload/file-upload.d.ts +192 -0
- package/dist/types/components/file-upload/file-upload.i18n.d.ts +8 -0
- package/dist/types/components/file-upload/file-upload.interfaces.d.ts +24 -0
- package/dist/types/components/file-upload/test/file-upload.a11y.play.d.ts +1 -0
- package/dist/types/components/file-upload/test/file-upload.component.play.d.ts +1 -0
- package/dist/types/components/file-upload/test/file-upload.visual.play.d.ts +1 -0
- package/dist/types/components/file-upload/utils/file-list.util.d.ts +2 -0
- package/dist/types/components/file-upload/utils/file-size.util.d.ts +1 -0
- package/dist/types/components/file-upload/utils/file-validation.util.d.ts +13 -0
- package/dist/types/components/footer/footer.d.ts +68 -0
- package/dist/types/components/footer/footer.i18n.d.ts +7 -0
- package/dist/types/components/footer/footer.interfaces.d.ts +19 -0
- package/dist/types/components/footer/test/footer.a11y.play.d.ts +1 -0
- package/dist/types/components/footer/test/footer.component.play.d.ts +1 -0
- package/dist/types/components/footer/test/footer.visual.play.d.ts +1 -0
- package/dist/types/components/hint/hint-text/hint-text.d.ts +15 -0
- package/dist/types/components/hint/hint-title/hint-title.d.ts +16 -0
- package/dist/types/components/hint/hint.d.ts +87 -0
- package/dist/types/components/hint/hint.i18n.d.ts +6 -0
- package/dist/types/components/hint/hint.interfaces.d.ts +4 -0
- package/dist/types/components/hint/test/hint.a11y.play.d.ts +1 -0
- package/dist/types/components/hint/test/hint.component.play.d.ts +1 -0
- package/dist/types/components/hint/test/hint.visual.play.d.ts +1 -0
- package/dist/types/components/icon/icon.d.ts +7 -3
- package/dist/types/components/icon/icon.interfaces.d.ts +1 -1
- package/dist/types/components/input/clear-button.i18n.d.ts +6 -0
- package/dist/types/components/input/clear-button.util.d.ts +10 -0
- package/dist/types/components/input/trigger-button.i18n.d.ts +7 -0
- package/dist/types/components/label/label.d.ts +3 -5
- package/dist/types/components/list/item/item.d.ts +0 -5
- package/dist/types/components/list/item/item.interfaces.d.ts +1 -1
- package/dist/types/components/list/list.d.ts +0 -5
- package/dist/types/components/list/test/list.visual.play.d.ts +1 -0
- package/dist/types/components/logo/logo.d.ts +1 -2
- package/dist/types/components/modal/modal-body/modal-body.d.ts +15 -0
- package/dist/types/components/modal/modal-header/modal-header.d.ts +17 -0
- package/dist/types/components/modal/modal.controller.d.ts +3 -0
- package/dist/types/components/modal/modal.d.ts +97 -0
- package/dist/types/components/modal/modal.interfaces.d.ts +15 -0
- package/dist/types/components/modal/test/modal.a11y.play.d.ts +1 -0
- package/dist/types/components/modal/test/modal.component.play.d.ts +1 -0
- package/dist/types/components/modal/test/modal.visual.play.d.ts +1 -0
- package/dist/types/components/navbar/navbar.d.ts +128 -0
- package/dist/types/components/navbar/navbar.i18n.d.ts +9 -0
- package/dist/types/components/navbar/navbar.interfaces.d.ts +10 -0
- package/dist/types/components/navbar/test/navbar.a11y.play.d.ts +1 -0
- package/dist/types/components/navbar/test/navbar.component.play.d.ts +1 -0
- package/dist/types/components/navbar/test/navbar.visual.play.d.ts +1 -0
- package/dist/types/components/notification/notification.d.ts +1 -3
- package/dist/types/components/pagination/pagination.d.ts +0 -5
- package/dist/types/components/popup/popup.d.ts +152 -0
- package/dist/types/components/popup/popup.interfaces.d.ts +14 -0
- package/dist/types/components/popup/test/popup.a11y.play.d.ts +1 -0
- package/dist/types/components/popup/test/popup.component.play.d.ts +1 -0
- package/dist/types/components/popup/test/popup.visual.play.d.ts +1 -0
- package/dist/types/components/progress-bar/progress-bar.d.ts +0 -5
- package/dist/types/components/select/select-optgroup.d.ts +28 -0
- package/dist/types/components/select/select-option.d.ts +34 -0
- package/dist/types/components/select/select.d.ts +193 -0
- package/dist/types/components/select/select.i18n.d.ts +7 -0
- package/dist/types/components/select/select.interfaces.d.ts +16 -0
- package/dist/types/components/select/select.picker.d.ts +57 -0
- package/dist/types/components/select/test/select.a11y.play.d.ts +1 -0
- package/dist/types/components/select/test/select.component.play.d.ts +1 -0
- package/dist/types/components/select/test/select.visual.play.d.ts +1 -0
- package/dist/types/components/shape/shape.d.ts +2 -7
- package/dist/types/components/spinner/spinner.d.ts +0 -2
- package/dist/types/components/stack/stack.d.ts +7 -19
- package/dist/types/components/steps/step/step.d.ts +89 -0
- package/dist/types/components/steps/step-panel/step-panel.d.ts +34 -0
- package/dist/types/components/steps/steps/steps.d.ts +77 -0
- package/dist/types/components/steps/steps.interfaces.d.ts +10 -0
- package/dist/types/components/steps/test/steps.a11y.play.d.ts +1 -0
- package/dist/types/components/steps/test/steps.component.play.d.ts +1 -0
- package/dist/types/components/steps/test/steps.visual.play.d.ts +1 -0
- package/dist/types/components/tabs/tab/tab.d.ts +67 -0
- package/dist/types/components/tabs/tab-panel/tab-panel.d.ts +34 -0
- package/dist/types/components/tabs/tabs/tabs.d.ts +97 -0
- package/dist/types/components/tabs/tabs/tabs.i18n.d.ts +7 -0
- package/dist/types/components/tabs/tabs.interfaces.d.ts +12 -0
- package/dist/types/components/tabs/test/tabs.a11y.play.d.ts +1 -0
- package/dist/types/components/tabs/test/tabs.component.play.d.ts +1 -0
- package/dist/types/components/tabs/test/tabs.visual.play.d.ts +1 -0
- package/dist/types/components/tag/tag.d.ts +1 -3
- package/dist/types/components/text/text.d.ts +2 -7
- package/dist/types/components/time-input/test/time-input.visual.play.d.ts +1 -0
- package/dist/types/components/tooltip/test/tooltip.a11y.play.d.ts +1 -0
- package/dist/types/components/tooltip/test/tooltip.component.play.d.ts +1 -0
- package/dist/types/components/tooltip/test/tooltip.visual.play.d.ts +1 -0
- package/dist/types/components/tooltip/tooltip.d.ts +85 -0
- package/dist/types/components/tooltip/tooltip.interfaces.d.ts +10 -0
- package/dist/types/components.d.ts +4913 -1926
- package/dist/types/foundation/colors.visual.play.d.ts +1 -0
- package/dist/types/global/config/config.const.d.ts +3 -0
- package/dist/types/global/config/config.default.d.ts +0 -40
- package/dist/types/global/config/config.meta.d.ts +2 -0
- package/dist/types/global/config/config.types.d.ts +27 -0
- package/dist/types/global/config/index.d.ts +1 -0
- package/dist/types/global/index.d.ts +0 -1
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/carousel.po.d.ts +12 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/data-item.po.d.ts +16 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/data.po.d.ts +12 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/date.po.d.ts +15 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/drawer.po.d.ts +11 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/file-upload.po.d.ts +16 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/footer.po.d.ts +16 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/hint.po.d.ts +10 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/index.d.ts +15 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/modal.po.d.ts +15 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/navbar.po.d.ts +13 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/popup.po.d.ts +11 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/select.po.d.ts +24 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/steps.po.d.ts +13 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/tabs.po.d.ts +13 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/tooltip.po.d.ts +6 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/page/utils/goto.d.ts +1 -1
- package/dist/types/index.d.ts +4 -1
- package/dist/types/stencil-public-runtime.d.ts +1 -0
- package/dist/types/utils/attributes.d.ts +0 -8
- package/dist/types/utils/focus.d.ts +18 -0
- package/dist/types/utils/form-control.d.ts +2 -2
- package/dist/types/utils/has-value.d.ts +1 -0
- package/dist/types/utils/index.d.ts +7 -5
- package/dist/types/utils/number.d.ts +0 -3
- package/dist/types/utils/property-decorators/array-of.d.ts +9 -0
- package/dist/types/utils/property-decorators/bound.d.ts +36 -0
- package/dist/types/utils/property-decorators/create-validator-decorator.d.ts +48 -0
- package/dist/types/utils/property-decorators/date.d.ts +6 -0
- package/dist/types/utils/property-decorators/index.d.ts +9 -0
- package/dist/types/utils/property-decorators/iso-date.d.ts +6 -0
- package/dist/types/utils/property-decorators/one-of.d.ts +8 -0
- package/dist/types/utils/property-decorators/pattern.d.ts +8 -0
- package/dist/types/utils/property-decorators/required.d.ts +17 -0
- package/dist/types/utils/property-decorators/type.d.ts +9 -0
- package/dist/types/utils/property-decorators/url.d.ts +6 -0
- package/dist/types/utils/svg.d.ts +2 -0
- package/docs/cem.json +17659 -0
- package/docs/components.json +38767 -17409
- package/docs/html.html-data.json +1529 -147
- package/docs/tags.json +29 -1
- package/package.json +45 -38
- package/sbom.cdx.json +54391 -0
- package/README.md +0 -33
- package/components/p-82RSSk25.js +0 -4
- package/components/p-BEngECpF.js +0 -4
- package/components/p-BMBthpLd.js +0 -4
- package/components/p-BNY3JzuV.js +0 -4
- package/components/p-BOTkpyFe.js +0 -5
- package/components/p-BOgMmRCt.js +0 -4
- package/components/p-CDYlUuhB.js +0 -4
- package/components/p-Cb75Rr6o.js +0 -4
- package/components/p-CojUmpFm.js +0 -4
- package/components/p-DHeVI6dR.js +0 -4
- package/components/p-DTPbL3uY.js +0 -4
- package/components/p-DnnGnukM.js +0 -4
- package/components/p-DtuTnY5l.js +0 -4
- package/components/p-JZ1uDtZv.js +0 -4
- package/components/p-cSbDziZm.js +0 -4
- package/components/p-gA-94RPS.js +0 -4
- package/components/p-xDEngwqW.js +0 -4
- package/dist/cjs/contact-SPfz2A_q.js +0 -1647
- package/dist/cjs/ds-content.cjs.entry.js +0 -154
- package/dist/cjs/ds-divider.cjs.entry.js +0 -131
- package/dist/cjs/ds-stack.cjs.entry.js +0 -224
- package/dist/cjs/isEmpty-BmKp4bH4.js +0 -99
- package/dist/cjs/stack.interfaces-6vlKvBmb.js +0 -68
- package/dist/cjs/svg-D7Mwbcvp.js +0 -1482
- package/dist/cjs/validate.decorator-C9-9HA0Y.js +0 -115
- package/dist/collection/global/constants/icons.constant.js +0 -42
- package/dist/collection/utils/element-states/element-states.decorator.js +0 -23
- package/dist/collection/utils/element-states/element-states.listener.js +0 -55
- package/dist/collection/utils/element-states/element-states.subject.js +0 -24
- package/dist/collection/utils/element-states/index.js +0 -5
- package/dist/collection/utils/keyboard/index.js +0 -6
- package/dist/collection/utils/keyboard/keyboard.decorator.js +0 -23
- package/dist/collection/utils/keyboard/keyboard.listener.js +0 -34
- package/dist/collection/utils/keyboard/keyboard.subject.js +0 -24
- package/dist/collection/utils/property-checkers/check-array-of.js +0 -13
- package/dist/collection/utils/property-checkers/check-date.js +0 -18
- package/dist/collection/utils/property-checkers/check-iso-date.js +0 -14
- package/dist/collection/utils/property-checkers/check-one-of.js +0 -13
- package/dist/collection/utils/property-checkers/check-pattern.js +0 -13
- package/dist/collection/utils/property-checkers/check-type.js +0 -20
- package/dist/collection/utils/property-checkers/check-url.js +0 -20
- package/dist/collection/utils/property-checkers/empty-or.js +0 -15
- package/dist/collection/utils/property-checkers/index.js +0 -57
- package/dist/collection/utils/property-checkers/required-and.js +0 -20
- package/dist/collection/utils/swipe/index.js +0 -6
- package/dist/collection/utils/swipe/swipe.decorator.js +0 -23
- package/dist/collection/utils/swipe/swipe.listener.js +0 -33
- package/dist/collection/utils/swipe/swipe.subject.js +0 -28
- package/dist/collection/utils/validate.decorator.js +0 -203
- package/dist/design-system/p-03bbcdf9de.entry.js +0 -4
- package/dist/design-system/p-1154323457.entry.js +0 -4
- package/dist/design-system/p-1f0601a4f4.entry.js +0 -4
- package/dist/design-system/p-21b080a49a.entry.js +0 -4
- package/dist/design-system/p-27c34c4e5f.entry.js +0 -4
- package/dist/design-system/p-2b91de302f.entry.js +0 -4
- package/dist/design-system/p-31c1235ac5.entry.js +0 -4
- package/dist/design-system/p-3259acaa64.entry.js +0 -4
- package/dist/design-system/p-339d85cca0.entry.js +0 -4
- package/dist/design-system/p-35e63b52e7.entry.js +0 -4
- package/dist/design-system/p-363f3a7ab4.entry.js +0 -4
- package/dist/design-system/p-3d901720f7.entry.js +0 -4
- package/dist/design-system/p-40ba8b9812.entry.js +0 -4
- package/dist/design-system/p-432430e14f.entry.js +0 -4
- package/dist/design-system/p-487807f228.entry.js +0 -4
- package/dist/design-system/p-4a049d1b7f.entry.js +0 -4
- package/dist/design-system/p-4f4cce8ce4.entry.js +0 -4
- package/dist/design-system/p-5a901a9b8e.entry.js +0 -4
- package/dist/design-system/p-5d3330bf93.entry.js +0 -4
- package/dist/design-system/p-640223834c.entry.js +0 -4
- package/dist/design-system/p-6b9aab417f.entry.js +0 -4
- package/dist/design-system/p-799705af3a.entry.js +0 -4
- package/dist/design-system/p-82RSSk25.js +0 -4
- package/dist/design-system/p-8e0872fef0.entry.js +0 -4
- package/dist/design-system/p-9617d56181.entry.js +0 -4
- package/dist/design-system/p-BaIoYrFa.js +0 -5
- package/dist/design-system/p-Cb75Rr6o.js +0 -4
- package/dist/design-system/p-CqZ6YSy9.js +0 -4
- package/dist/design-system/p-CqzM3doy.js +0 -4
- package/dist/design-system/p-CuwLeg-T.js +0 -5
- package/dist/design-system/p-DTPbL3uY.js +0 -4
- package/dist/design-system/p-aff68865ee.entry.js +0 -4
- package/dist/design-system/p-b3c6327744.entry.js +0 -4
- package/dist/design-system/p-be9023a38b.entry.js +0 -4
- package/dist/design-system/p-c031d1dce5.entry.js +0 -4
- package/dist/design-system/p-c3ae96e220.entry.js +0 -4
- package/dist/design-system/p-d430812a57.entry.js +0 -4
- package/dist/design-system/p-de1354f022.entry.js +0 -4
- package/dist/design-system/p-e3d0c82e2a.entry.js +0 -4
- package/dist/design-system/p-ea1a5e1f75.entry.js +0 -4
- package/dist/design-system/p-ea7169501c.entry.js +0 -4
- package/dist/design-system/p-eab397e041.entry.js +0 -4
- package/dist/design-system/p-ecba4deb9a.entry.js +0 -4
- package/dist/design-system/p-fe0dbd4b03.entry.js +0 -4
- package/dist/design-system/p-ng5ZzTOj.js +0 -4
- package/dist/esm/contact-Cb75Rr6o.js +0 -1636
- package/dist/esm/ds-content.entry.js +0 -152
- package/dist/esm/ds-divider.entry.js +0 -129
- package/dist/esm/ds-stack.entry.js +0 -222
- package/dist/esm/isEmpty-DmZYZqE9.js +0 -97
- package/dist/esm/stack.interfaces-ng5ZzTOj.js +0 -62
- package/dist/esm/svg-BaIoYrFa.js +0 -1480
- package/dist/esm/validate.decorator-82RSSk25.js +0 -110
- package/dist/types/global/constants/icons.constant.d.ts +0 -38
- package/dist/types/utils/element-states/element-states.decorator.d.ts +0 -3
- package/dist/types/utils/element-states/element-states.interfaces.d.ts +0 -10
- package/dist/types/utils/element-states/element-states.listener.d.ts +0 -15
- package/dist/types/utils/element-states/element-states.subject.d.ts +0 -8
- package/dist/types/utils/element-states/index.d.ts +0 -2
- package/dist/types/utils/keyboard/index.d.ts +0 -3
- package/dist/types/utils/keyboard/keyboard.decorator.d.ts +0 -3
- package/dist/types/utils/keyboard/keyboard.interfaces.d.ts +0 -8
- package/dist/types/utils/keyboard/keyboard.listener.d.ts +0 -9
- package/dist/types/utils/keyboard/keyboard.subject.d.ts +0 -8
- package/dist/types/utils/property-checkers/check-array-of.d.ts +0 -2
- package/dist/types/utils/property-checkers/check-date.d.ts +0 -1
- package/dist/types/utils/property-checkers/check-iso-date.d.ts +0 -1
- package/dist/types/utils/property-checkers/check-one-of.d.ts +0 -1
- package/dist/types/utils/property-checkers/check-pattern.d.ts +0 -1
- package/dist/types/utils/property-checkers/check-type.d.ts +0 -2
- package/dist/types/utils/property-checkers/check-url.d.ts +0 -1
- package/dist/types/utils/property-checkers/constants.d.ts +0 -1
- package/dist/types/utils/property-checkers/empty-or.d.ts +0 -1
- package/dist/types/utils/property-checkers/index.d.ts +0 -19
- package/dist/types/utils/property-checkers/required-and.d.ts +0 -1
- package/dist/types/utils/swipe/index.d.ts +0 -3
- package/dist/types/utils/swipe/swipe.decorator.d.ts +0 -5
- package/dist/types/utils/swipe/swipe.interfaces.d.ts +0 -10
- package/dist/types/utils/swipe/swipe.listener.d.ts +0 -10
- package/dist/types/utils/swipe/swipe.subject.d.ts +0 -11
- package/dist/types/utils/validate.decorator.d.ts +0 -114
- /package/dist/collection/{utils/element-states/element-states.interfaces.js → components/data/data-item.interfaces.js} +0 -0
- /package/dist/collection/{utils/keyboard/keyboard.interfaces.js → components/data/data-label.interfaces.js} +0 -0
- /package/dist/collection/{utils/property-checkers/property-types.js → components/data/data-value.interfaces.js} +0 -0
- /package/dist/collection/{utils/swipe/swipe.interfaces.js → components/data/data.interfaces.js} +0 -0
- /package/dist/collection/utils/{property-checkers/is-iso-date.js → is-iso-date.js} +0 -0
- /package/dist/collection/utils/{keyboard/keyboard.helpers.js → keyboard.js} +0 -0
- /package/dist/types/utils/{property-checkers/is-iso-date.d.ts → is-iso-date.d.ts} +0 -0
- /package/dist/types/utils/{property-checkers/is-value-empty.d.ts → is-value-empty.d.ts} +0 -0
- /package/dist/types/utils/{keyboard/keyboard.helpers.d.ts → keyboard.d.ts} +0 -0
- /package/dist/types/utils/{property-checkers/property-types.d.ts → property-types.d.ts} +0 -0
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import { DsSwipeSubject } from "./swipe.subject";
|
|
5
|
-
export function ListenToSwipe(options = { mobileOnly: false }) {
|
|
6
|
-
return function (target, _propertyKey, _descriptor) {
|
|
7
|
-
const { connectedCallback, disconnectedCallback } = target;
|
|
8
|
-
target.connectedCallback = function () {
|
|
9
|
-
if (!this['_dsSwipeSubject']) {
|
|
10
|
-
this['_dsSwipeSubject'] = new DsSwipeSubject(options);
|
|
11
|
-
this['_dsSwipeSubject'].attach(this);
|
|
12
|
-
}
|
|
13
|
-
return connectedCallback && connectedCallback.call(this);
|
|
14
|
-
};
|
|
15
|
-
target.disconnectedCallback = function () {
|
|
16
|
-
if (this['_dsSwipeSubject']) {
|
|
17
|
-
this['_dsSwipeSubject'].detach();
|
|
18
|
-
this['_dsSwipeSubject'] = undefined;
|
|
19
|
-
}
|
|
20
|
-
return disconnectedCallback && disconnectedCallback.call(this);
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import { rOnLoad } from "../helpers";
|
|
5
|
-
import { ListenerAbstract } from "../types/listener";
|
|
6
|
-
export class DsSwipeListener extends ListenerAbstract {
|
|
7
|
-
async connect(el) {
|
|
8
|
-
super.connect(el);
|
|
9
|
-
await this.loadLib();
|
|
10
|
-
if (this.PointerListenerLib) {
|
|
11
|
-
this.pointerListener = new this.PointerListenerLib(el, { handleTouchEvents: false });
|
|
12
|
-
this.pointerListener.on('swipeleft', () => this.notify({ left: true, right: false }));
|
|
13
|
-
this.pointerListener.on('swiperight', () => this.notify({ left: false, right: true }));
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
disconnect() {
|
|
17
|
-
var _a;
|
|
18
|
-
super.disconnect();
|
|
19
|
-
(_a = this.pointerListener) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
20
|
-
}
|
|
21
|
-
async loadLib() {
|
|
22
|
-
return new Promise((resolve, reject) => {
|
|
23
|
-
rOnLoad(async () => {
|
|
24
|
-
import(/* @vite-ignore */ 'contactjs')
|
|
25
|
-
.then(module => {
|
|
26
|
-
this.PointerListenerLib = module.PointerListener;
|
|
27
|
-
resolve();
|
|
28
|
-
})
|
|
29
|
-
.catch(reject);
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import { dsDevice } from "../device";
|
|
5
|
-
import { SingleSubject } from "../types/signal";
|
|
6
|
-
import { DsSwipeListener } from "./swipe.listener";
|
|
7
|
-
export class DsSwipeSubject extends SingleSubject {
|
|
8
|
-
constructor(options = { mobileOnly: false }) {
|
|
9
|
-
super((observer, data) => {
|
|
10
|
-
if (data) {
|
|
11
|
-
observer.listenToSwipe(data);
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
this.options = options;
|
|
15
|
-
this.listener = new DsSwipeListener();
|
|
16
|
-
}
|
|
17
|
-
attach(observer) {
|
|
18
|
-
if ((this.options.mobileOnly === true && dsDevice.isMobile) || this.options.mobileOnly !== true) {
|
|
19
|
-
super.attach(observer);
|
|
20
|
-
this.listener.connect(observer.el);
|
|
21
|
-
this.listener.add(info => super.notify(info));
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
detach() {
|
|
25
|
-
super.detach();
|
|
26
|
-
this.listener.disconnect();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import { checkEmptyOrOneOf, checkEmptyOrType, checkOneOf, checkType, checkEmptyOrPattern, checkEmptyOrUrl, checkEmptyOrArrayOf, checkEmptyOrDate, checkRequiredAndOneOf, checkRequiredAndPattern, checkRequiredAndType, checkRequiredAndUrl, checkRequiredAndArrayOf, checkIsoDate, } from "./property-checkers";
|
|
5
|
-
export const VALIDATE_METADATA = Symbol('validate-metadata');
|
|
6
|
-
/**
|
|
7
|
-
* Property decorator for declaring validation rules on @Prop properties.
|
|
8
|
-
* Validation runs automatically in connectedCallback() when setupValidation() is called.
|
|
9
|
-
*
|
|
10
|
-
* The validator should be the final validation function: (component, prop) => void
|
|
11
|
-
* Created by calling a curried checker with all its arguments.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```ts
|
|
15
|
-
* @Prop()
|
|
16
|
-
* @Validate(checkEmptyOrOneOf(['primary', 'secondary']))
|
|
17
|
-
* readonly color: DS.ButtonColor = 'primary'
|
|
18
|
-
*
|
|
19
|
-
* connectedCallback() {
|
|
20
|
-
* setupValidation(this)
|
|
21
|
-
* }
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export function Validate(validator) {
|
|
25
|
-
return function (target, propertyKey) {
|
|
26
|
-
// Store validation metadata on the prototype
|
|
27
|
-
if (!target[VALIDATE_METADATA]) {
|
|
28
|
-
target[VALIDATE_METADATA] = {};
|
|
29
|
-
}
|
|
30
|
-
target[VALIDATE_METADATA][propertyKey] = {
|
|
31
|
-
validator,
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Internal helper to set validation metadata
|
|
37
|
-
*/
|
|
38
|
-
function setValidationMetadata(target, propertyKey, validator) {
|
|
39
|
-
if (!target[VALIDATE_METADATA]) {
|
|
40
|
-
target[VALIDATE_METADATA] = {};
|
|
41
|
-
}
|
|
42
|
-
target[VALIDATE_METADATA][propertyKey] = { validator };
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Call this in connectedCallback() to run all @Validate() validators for the component.
|
|
46
|
-
*/
|
|
47
|
-
export function setupValidation(component) {
|
|
48
|
-
const metadata = component.constructor.prototype[VALIDATE_METADATA] || {};
|
|
49
|
-
if (Object.keys(metadata).length === 0)
|
|
50
|
-
return;
|
|
51
|
-
// Run all validators on init
|
|
52
|
-
Object.entries(metadata).forEach(([propName, config]) => {
|
|
53
|
-
config.validator(component, propName);
|
|
54
|
-
});
|
|
55
|
-
// Store validators for easy access in custom watchers (optional)
|
|
56
|
-
component.__validators = metadata;
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* Call this in a custom @Watch handler to run validation for that specific property.
|
|
60
|
-
* Use when you need both business logic AND validation in the same watcher.
|
|
61
|
-
*
|
|
62
|
-
* @example
|
|
63
|
-
* ```ts
|
|
64
|
-
* @Watch('size')
|
|
65
|
-
* sizeChanged(newValue: DS.ButtonSize) {
|
|
66
|
-
* this.size = normalizeDeprecatedTShirtSize(newValue) // business logic
|
|
67
|
-
* validateProperty(this, 'size')
|
|
68
|
-
* }
|
|
69
|
-
* ```
|
|
70
|
-
*/
|
|
71
|
-
export function validateProperty(component, propName) {
|
|
72
|
-
const metadata = component.constructor.prototype[VALIDATE_METADATA] || {};
|
|
73
|
-
const config = metadata[propName];
|
|
74
|
-
if (config) {
|
|
75
|
-
config.validator(component, propName);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Validate that prop is empty or one of the specified values
|
|
80
|
-
* @example @ValidateEmptyOrOneOf(['sm', 'md', 'lg'])
|
|
81
|
-
*/
|
|
82
|
-
export function ValidateEmptyOrOneOf(...values) {
|
|
83
|
-
return (target, propertyKey) => {
|
|
84
|
-
setValidationMetadata(target, propertyKey, checkEmptyOrOneOf(values));
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* Validate that prop is empty or of the specified type
|
|
89
|
-
* @example @ValidateEmptyOrType('string')
|
|
90
|
-
*/
|
|
91
|
-
export function ValidateEmptyOrType(type) {
|
|
92
|
-
return (target, propertyKey) => {
|
|
93
|
-
setValidationMetadata(target, propertyKey, checkEmptyOrType(type));
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
/**
|
|
97
|
-
* Validate that prop is one of the specified values
|
|
98
|
-
* @example @ValidateOneOf(['primary', 'secondary'])
|
|
99
|
-
*/
|
|
100
|
-
export function ValidateOneOf(...values) {
|
|
101
|
-
return (target, propertyKey) => {
|
|
102
|
-
setValidationMetadata(target, propertyKey, checkOneOf(values));
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
/**
|
|
106
|
-
* Validate that prop is of the specified type
|
|
107
|
-
* @example @ValidateType('string')
|
|
108
|
-
*/
|
|
109
|
-
export function ValidateType(type) {
|
|
110
|
-
return (target, propertyKey) => {
|
|
111
|
-
setValidationMetadata(target, propertyKey, checkType(type));
|
|
112
|
-
};
|
|
113
|
-
}
|
|
114
|
-
/**
|
|
115
|
-
* Validate that prop is empty or matches the pattern
|
|
116
|
-
* @example @ValidateEmptyOrPattern('^[a-z]+$')
|
|
117
|
-
*/
|
|
118
|
-
export function ValidateEmptyOrPattern(pattern) {
|
|
119
|
-
return (target, propertyKey) => {
|
|
120
|
-
setValidationMetadata(target, propertyKey, checkEmptyOrPattern(pattern));
|
|
121
|
-
};
|
|
122
|
-
}
|
|
123
|
-
/**
|
|
124
|
-
* Validate that prop is empty or is a valid URL
|
|
125
|
-
* @example @ValidateEmptyOrUrl()
|
|
126
|
-
*/
|
|
127
|
-
export function ValidateEmptyOrUrl() {
|
|
128
|
-
return (target, propertyKey) => {
|
|
129
|
-
setValidationMetadata(target, propertyKey, checkEmptyOrUrl());
|
|
130
|
-
};
|
|
131
|
-
}
|
|
132
|
-
/**
|
|
133
|
-
* Validate that prop is empty or is an array of the specified type
|
|
134
|
-
* @example @ValidateEmptyOrArrayOf('string')
|
|
135
|
-
*/
|
|
136
|
-
export function ValidateEmptyOrArrayOf(type) {
|
|
137
|
-
return (target, propertyKey) => {
|
|
138
|
-
setValidationMetadata(target, propertyKey, checkEmptyOrArrayOf(type));
|
|
139
|
-
};
|
|
140
|
-
}
|
|
141
|
-
/**
|
|
142
|
-
* Validate that prop is empty or is a valid date
|
|
143
|
-
* @example @ValidateEmptyOrDate()
|
|
144
|
-
*/
|
|
145
|
-
export function ValidateEmptyOrDate() {
|
|
146
|
-
return (target, propertyKey) => {
|
|
147
|
-
setValidationMetadata(target, propertyKey, checkEmptyOrDate());
|
|
148
|
-
};
|
|
149
|
-
}
|
|
150
|
-
/**
|
|
151
|
-
* Validate that prop is required and one of the specified values
|
|
152
|
-
* @example @ValidateRequiredAndOneOf(['primary', 'secondary'])
|
|
153
|
-
*/
|
|
154
|
-
export function ValidateRequiredAndOneOf(...values) {
|
|
155
|
-
return (target, propertyKey) => {
|
|
156
|
-
setValidationMetadata(target, propertyKey, checkRequiredAndOneOf(values));
|
|
157
|
-
};
|
|
158
|
-
}
|
|
159
|
-
/**
|
|
160
|
-
* Validate that prop is required and matches the pattern
|
|
161
|
-
* @example @ValidateRequiredAndPattern('^[a-z]+$')
|
|
162
|
-
*/
|
|
163
|
-
export function ValidateRequiredAndPattern(pattern) {
|
|
164
|
-
return (target, propertyKey) => {
|
|
165
|
-
setValidationMetadata(target, propertyKey, checkRequiredAndPattern(pattern));
|
|
166
|
-
};
|
|
167
|
-
}
|
|
168
|
-
/**
|
|
169
|
-
* Validate that prop is required and of the specified type
|
|
170
|
-
* @example @ValidateRequiredAndType('string')
|
|
171
|
-
*/
|
|
172
|
-
export function ValidateRequiredAndType(type) {
|
|
173
|
-
return (target, propertyKey) => {
|
|
174
|
-
setValidationMetadata(target, propertyKey, checkRequiredAndType(type));
|
|
175
|
-
};
|
|
176
|
-
}
|
|
177
|
-
/**
|
|
178
|
-
* Validate that prop is required and is a valid URL
|
|
179
|
-
* @example @ValidateRequiredAndUrl()
|
|
180
|
-
*/
|
|
181
|
-
export function ValidateRequiredAndUrl() {
|
|
182
|
-
return (target, propertyKey) => {
|
|
183
|
-
setValidationMetadata(target, propertyKey, checkRequiredAndUrl());
|
|
184
|
-
};
|
|
185
|
-
}
|
|
186
|
-
/**
|
|
187
|
-
* Validate that prop is required and is an array of the specified type
|
|
188
|
-
* @example @ValidateRequiredAndArrayOf('string')
|
|
189
|
-
*/
|
|
190
|
-
export function ValidateRequiredAndArrayOf(type) {
|
|
191
|
-
return (target, propertyKey) => {
|
|
192
|
-
setValidationMetadata(target, propertyKey, checkRequiredAndArrayOf(type));
|
|
193
|
-
};
|
|
194
|
-
}
|
|
195
|
-
/**
|
|
196
|
-
* Validate that prop is an ISO date string
|
|
197
|
-
* @example @ValidateIsoDate()
|
|
198
|
-
*/
|
|
199
|
-
export function ValidateIsoDate() {
|
|
200
|
-
return (target, propertyKey) => {
|
|
201
|
-
setValidationMetadata(target, propertyKey, checkIsoDate());
|
|
202
|
-
};
|
|
203
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as i,E as d,F as r,G as e}from"./p-CuwLeg-T.js";import{_ as a,L as v,a as s}from"./p-Dnjznncd.js";import{n as o}from"./p-DR5LIaCn.js";import{s as t,a as l,V as c}from"./p-82RSSk25.js";const m=class{constructor(d){i(this,d),this.layout="horizontal",this.space="none",this.color="grey",this.dashed=!1}createLogger(i){this.log=i}spaceChanged(i){this.space=o(i)||"none"}connectedCallback(){t(this),this.space=o(this.space)||"none"}render(){return d(r,{key:"009701e26c4848801eea3d8435398eedf8d95e51",role:"separator",class:{divider:!0,[`is-${this.layout}`]:!!this.layout,[`is-${this.color}`]:!!this.color,[`has-space-${this.space}`]:!!this.space,"is-dashed":this.dashed}})}get el(){return e(this)}static get watchers(){return{space:[{spaceChanged:0}]}}};a([v("divider"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],m.prototype,"createLogger",null),a([l("horizontal","vertical",""),s("design:type",String)],m.prototype,"layout",void 0),a([l("none","2xs","xs","sm","base","md","lg","xl","2xl","3xl","xx-small","x-small","small","normal","medium","large","x-large","xx-large","xxx-large",""),s("design:type",String)],m.prototype,"space",void 0),a([l("primary","primary-light","primary-dark","grey-light","grey","grey-dark","warning","success","danger","danger-dark","danger-darker","white","light-blue"),s("design:type",String)],m.prototype,"color",void 0),a([c("boolean"),s("design:type",Boolean)],m.prototype,"dashed",void 0),m.style=":host{--_divider-position:var(--divider-position, var(--mod-divider-position, static));--_divider-top:var(--divider-top, var(--mod-divider-top));--_divider-right:var(--divider-right, var(--mod-divider-right));--_divider-bottom:var(--divider-bottom, var(--mod-divider-bottom));--_divider-left:var(--divider-left, var(--mod-divider-left));position:var(--_divider-position);top:var(--_divider-top);right:var(--_divider-right);bottom:var(--_divider-bottom);left:var(--_divider-left);--_divider-m:var(--divider-m, var(--mod-divider-m, 0));--_divider-my:var(--divider-my, var(--mod-divider-my));--_divider-mx:var(--divider-mx, var(--mod-divider-mx));--_divider-ml:var(--divider-ml, var(--mod-divider-ml));--_divider-mr:var(--divider-mr, var(--mod-divider-mr));--_divider-mt:var(--divider-mt, var(--mod-divider-mt));--_divider-mb:var(--divider-mb, var(--mod-divider-mb));margin:var(--_divider-m);margin-inline:var(--_divider-mx);margin-block:var(--_divider-my);margin-left:var(--_divider-ml);margin-right:var(--_divider-mr);margin-top:var(--_divider-mt);margin-bottom:var(--_divider-mb);--_divider-color:var(--divider-color, var(--mod-divider-color, var(--ds-divider-color-base)));--_divider-width:var(--divider-width, var(--mod-divider-width, var(--ds-divider-width)));--_divider-radius:var(--divider-radius, var(--mod-divider-radius, var(--ds-divider-radius)));--_divider-space:var(--divider-space, var(--mod-divider-space, 0))}#divider{display:block;padding:0;margin:0;border:none;border-radius:var(--_divider-radius);height:var(--_divider-width);background-color:var(--_divider-color)}#divider:not(.is-vertical),#divider.is-horizontal{-ms-flex:1 0 100%;flex:1 0 100%;width:100%;min-height:var(--_divider-width);height:var(--_divider-width);margin-top:var(--_divider-space);margin-bottom:var(--_divider-space)}#divider.is-vertical{height:auto;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:stretch;align-self:stretch;width:var(--_divider-width);margin-left:var(--_divider-space);margin-right:var(--_divider-space)}#divider.is-primary{--mod-divider-color:var(--ds-divider-color-primary)}#divider.is-primary-light{--mod-divider-color:var(--ds-divider-color-primary-light)}#divider.is-primary-dark{--mod-divider-color:var(--ds-divider-color-primary-dark)}#divider.is-grey-light{--mod-divider-color:var(--ds-divider-color-grey-light)}#divider.is-grey{--mod-divider-color:var(--ds-divider-color-grey)}#divider.is-grey-dark{--mod-divider-color:var(--ds-divider-color-grey-dark)}#divider.is-warning{--mod-divider-color:var(--ds-divider-color-warning)}#divider.is-success{--mod-divider-color:var(--ds-divider-color-success)}#divider.is-danger{--mod-divider-color:var(--ds-divider-color-danger)}#divider.is-danger-dark{--mod-divider-color:var(--ds-divider-color-danger-dark)}#divider.is-danger-darker{--mod-divider-color:var(--ds-divider-color-danger-darker)}#divider.is-white{--mod-divider-color:var(--ds-divider-color-white)}#divider.is-light-blue{--mod-divider-color:var(--ds-divider-color-light-blue)}#divider.has-space-none{--mod-divider-space:var(--ds-alias-space-none-device)}#divider.has-space-2xs{--mod-divider-space:var(--ds-alias-space-2xs-device)}#divider.has-space-xs{--mod-divider-space:var(--ds-alias-space-xs-device)}#divider.has-space-sm{--mod-divider-space:var(--ds-alias-space-sm-device)}#divider.has-space-base{--mod-divider-space:var(--ds-alias-space-base-device)}#divider.has-space-md{--mod-divider-space:var(--ds-alias-space-md-device)}#divider.has-space-lg{--mod-divider-space:var(--ds-alias-space-lg-device)}#divider.has-space-xl{--mod-divider-space:var(--ds-alias-space-xl-device)}#divider.has-space-2xl{--mod-divider-space:var(--ds-alias-space-2xl-device)}#divider.has-space-3xl{--mod-divider-space:var(--ds-alias-space-3xl-device)}#divider.is-dashed:not(.is-vertical){background:repeating-linear-gradient(90deg, var(--_divider-color) 0, var(--_divider-color) 8px, transparent 8px, transparent 16px)}#divider.is-dashed.is-vertical{background:repeating-linear-gradient(180deg, var(--_divider-color) 0, var(--_divider-color) 8px, transparent 8px, transparent 16px)}:host{display:block}";export{m as ds_divider}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{J as e,d as t,K as i,B as s,I as o,x as n,f as a,E as r,G as l}from"./p-CuwLeg-T.js";import{_ as d,L as c,a as g}from"./p-Dnjznncd.js";import{s as m}from"./p-DCf2fJmI.js";import{s as h,V as p}from"./p-82RSSk25.js";import{F as v}from"./p-CqZ6YSy9.js";import{L as b,a as u}from"./p-BLPSziW-.js";import{L as f}from"./p-CqzM3doy.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-BwrOVItb.js";class w extends b{constructor(){super(...arguments),this.debouncedNotify=e((e=>this.notify(e)),42)}connect(e){var i;super.connect(e),"undefined"!=typeof ResizeObserver&&(void 0!==this.resizeObserver&&(null===(i=this.resizeObserver)||void 0===i||i.disconnect(),this.resizeObserver=void 0),this.resizeObserver=new ResizeObserver((e=>{t.hasWindow&&window.requestAnimationFrame((()=>{if(!Array.isArray(e)||!e.length)return;const t=e[0];if(void 0===this.lastWidth&&void 0===this.lastHeight)this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height;else{const e=this.lastWidth!==t.contentRect.width,i=this.lastHeight!==t.contentRect.height;(e||i)&&(this.debouncedNotify({width:e,height:i}),this.lastWidth=t.contentRect.width,this.lastHeight=t.contentRect.height)}}))})),this.resizeObserver.observe(e))}disconnect(){var e;super.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=void 0}}class _ extends u{constructor(){super(((e,t)=>{i((()=>t&&e.listenToResize(t)))})),this.listener=new w}attach(e){super.attach(e),this.listener.connect(e.el),this.listener.add((e=>super.notify(e)))}detach(){super.detach(),this.listener.disconnect()}}const y=class{constructor(e){s(this,e),this.dsBlur=o(this,"dsBlur"),this.dsChange=o(this,"dsChange"),this.dsFocus=o(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+k++,this.language=n.language,this.region=n.region,this.items=[],this.autoVertical=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),this.internals.setFormValue(this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),this.internals.setFormValue(null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!s)return;const o=i.querySelector("label:has(input:checked)");o?(s.style.display="block",s.style.left=`${o.offsetLeft}px`,s.style.top=`${o.offsetTop}px`,s.style.width=`${o.offsetWidth}px`,s.style.height=`${o.offsetHeight}px`):s.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){h(this),this.initialValue=this.value,this.internals.setFormValue(this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){a(this.el,e.target)&&(m(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){return r(v,{key:"d0113590623adfa8b32c1e285b234ae8aa56c0bc",role:"fieldset",disabled:this.disabled,color:"primary",invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},r("div",{key:"ee84e754aae796c8183a11b770b1fc2ee3e53aea",id:"group"},r("div",{key:"6025f5aa2f55e158a29ad1a638b24f89ffa58d8d",id:"pill"}),this.items.map((e=>r("label",Object.assign({key:e.value,class:{"is-selected":e.value===this.value},"aria-invalid":this.invalid?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${e.label}${e.description?`- ${e.description}`:""}`,title:`${e.label}${e.description?`- ${e.description}`:""}`}:{}),r("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:e.value,checked:e.value===this.value,onClick:t=>this.handleInputClick(t,e.value),onChange:()=>this.handleInputChange(e.value),"aria-invalid":this.invalid?"true":null}),e.icon&&r("ds-icon",{name:e.icon}),e.svg&&r("ds-icon",{svg:e.svg}),!this.iconOnly&&r("span",{id:"content"},r("span",{class:"label"},e.label),e.description&&r("span",{class:"description"},e.description)))))),r("div",{key:"5267fa323b929cf760a0485c8c716eee5cacaaf9"},r("slot",{key:"b4d7511d571d8de3b20198d6661b0a552a85b0ff",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return l(this)}};d([c("segment"),g("design:type",Function),g("design:paramtypes",[Function]),g("design:returntype",void 0)],y.prototype,"createLogger",null),d([p("boolean"),g("design:type",Boolean)],y.prototype,"allowEmptySelection",void 0),d([p("string"),g("design:type",String)],y.prototype,"description",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"disabled",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"iconOnly",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"invalid",void 0),d([p("string"),g("design:type",String)],y.prototype,"invalidText",void 0),d([p("string"),g("design:type",String)],y.prototype,"label",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"loading",void 0),d([p("string"),g("design:type",String)],y.prototype,"name",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"readonly",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"required",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"vertical",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"verticalOnMobile",void 0),d([p("boolean"),g("design:type",Boolean)],y.prototype,"wide",void 0),d([f(),g("design:type",Function),g("design:paramtypes",[Object]),g("design:returntype",Promise)],y.prototype,"configChanged",null),d([function(e){const{connectedCallback:t,disconnectedCallback:i}=e;e.connectedCallback=function(){return this._dsResizeSubject||(this._dsResizeSubject=new _,this._dsResizeSubject.attach(this)),t&&t.call(this)},e.disconnectedCallback=function(){return this._dsResizeSubject&&(this._dsResizeSubject.detach(),this._dsResizeSubject=void 0),i&&i.call(this)}},g("design:type",Function),g("design:paramtypes",[]),g("design:returntype",Promise)],y.prototype,"listenToResize",null);let k=0;y.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-padding:var(--segment-padding, var(--mod-segment-padding, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-padding-inline:var(--segment-item-padding-inline, var(--mod-segment-item-padding-inline, var(--ds-segment-item-padding-inline)));--_segment-item-padding-block:var(--segment-item-padding-block, var(--mod-segment-item-padding-block, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-focus-color:var(--segment-focus-color, var(--mod-segment-focus-color, var(--ds-segment-focus-color)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_segment-label-color:var(--segment-label-color, var(--mod-segment-label-color, var(--ds-input-label-color-base)));--_segment-label-family:var(--segment-label-family, var(--mod-segment-label-family, var(--ds-input-label-family)));--_segment-label-weight:var(--segment-label-weight, var(--mod-segment-label-weight, var(--ds-input-label-weight)));--_segment-label-line-height:var(--segment-label-line-height, var(--mod-segment-label-line-height, var(--ds-input-label-line-height)));--_segment-label-size:var(--segment-label-size, var(--mod-segment-label-size, var(--ds-input-label-size-device)));--_segment-description-color:var(--segment-description-color, var(--mod-segment-description-color, var(--ds-input-description-color-base)));--_segment-description-family:var(--segment-description-family, var(--mod-segment-description-family, var(--ds-input-description-family)));--_segment-description-weight:var(--segment-description-weight, var(--mod-segment-description-weight, var(--ds-input-description-weight)));--_segment-description-line-height:var(--segment-description-line-height, var(--mod-segment-description-line-height, var(--ds-input-description-line-height)));--_segment-description-size:var(--segment-description-size, var(--mod-segment-description-size, var(--ds-input-description-size-device)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_segment-label-color);font-family:var(--_segment-label-family);font-weight:var(--_segment-label-weight);font-size:var(--_segment-label-size);line-height:var(--_segment-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_segment-description-color);font-family:var(--_segment-description-family);font-weight:var(--_segment-description-weight);font-size:var(--_segment-description-size);line-height:var(--_segment-description-line-height)}:host #description ds-icon{--icon-color:var(--_segment-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-padding);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-padding-block));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-padding-inline);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer}#group label input[type=radio]:focus-visible{outline:var(--ds-alias-interaction-focus-width, 2px) solid var(--_segment-focus-color);outline-offset:2px;border-radius:inherit}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-padding-inline);padding-inline-start:var(--_segment-item-padding-inline);-webkit-padding-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-padding-inline) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-padding-inline)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{y as ds_segment}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as e,E as s,F as t,G as n}from"./p-CuwLeg-T.js";import{_ as a,L as r,a as o}from"./p-Dnjznncd.js";import{s as c,a as i}from"./p-82RSSk25.js";import{d}from"./p-BlyIAln5.js";const p=class{constructor(s){e(this,s),this.align=""}createLogger(e){this.log=e}connectedCallback(){c(this)}render(){return s(t,{key:"75304b2e410be460cca67efb13df4552739365d2",role:"contentinfo"},s("ds-button-group",{key:"b1e817de2723c754c9bdf41e6c475c6265e9324e",class:"m-none",align:this.align},s("slot",{key:"67ff203887251545b1def6dabac2f63c9599d594"})))}get el(){return n(this)}};a([r("card-actions"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],p.prototype,"createLogger",null),a([i(...d),o("design:type",String)],p.prototype,"align",void 0);export{p as ds_card_actions}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as t,E as e,F as o,G as i}from"./p-CuwLeg-T.js";import{_ as s,L as a,a as r}from"./p-Dnjznncd.js";import{s as d,a as x,V as l}from"./p-82RSSk25.js";const h=class{constructor(e){t(this,e),this.align="",this.bold=!1,this.color="",this.disabled=!1,this.heading=!1,this.hovered=!1,this.inline=!1,this.invalid=!1,this.inverted=!1,this.noWrap=!1,this.pressed=!1,this.shadow=!1,this.space="",this.subtitle=!1}createLogger(t){this.log=t}connectedCallback(){d(this)}parseColor(){return this.disabled?"grey":this.invalid?this.pressed?"danger-darker":this.hovered?"danger-dark":"danger":this.pressed?"primary-dark":this.hovered?"light-blue":this.inverted?"white":"info"===this.color?"primary":this.color}render(){const t=this.inline?"span":"p",i=this.parseColor();return e(o,{key:"9999aa5b3cdcea488d9f8677dbc619e3feefaac4",class:{[`is-${i}`]:!!i,"is-bold":this.bold,"has-shadow":this.shadow,"is-inline":this.inline,"is-heading":this.heading,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,[`has-space-${this.space}`]:!!this.space,[`is-${this.size}`]:!!this.size}},e(t,{key:"5e55b5842bf00b3b9ee1ed2d050b122b06cd0b07",id:"text",part:"text",class:{[`is-${this.align}`]:!!this.align}},e("slot",{key:"5c60c4098c62e5b3fa41e35ae27ccbe335a5defe"})))}get el(){return i(this)}};s([a("text"),r("design:type",Function),r("design:paramtypes",[Function]),r("design:returntype",void 0)],h.prototype,"createLogger",null),s([x("","left","right","center","justify"),r("design:type",String)],h.prototype,"align",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"bold",void 0),s([x("light-blue","blue-dark","blue-light","primary-light","white","black","grey","primary","blue","info","success","warning","danger",""),r("design:type",String)],h.prototype,"color",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"disabled",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"heading",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"hovered",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"inline",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"invalid",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"inverted",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"noWrap",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"pressed",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"shadow",void 0),s([x("xs","sm","base","md","lg","xl","2xl","3xl","4xl","5xl","small","lead","block",""),r("design:type",String)],h.prototype,"size",void 0),s([x("none","bottom","top","all",""),r("design:type",String)],h.prototype,"space",void 0),s([l("boolean"),r("design:type",Boolean)],h.prototype,"subtitle",void 0),h.style=":host{--_text-position:var(--text-position, var(--mod-text-position, static));--_text-top:var(--text-top, var(--mod-text-top));--_text-right:var(--text-right, var(--mod-text-right));--_text-bottom:var(--text-bottom, var(--mod-text-bottom));--_text-left:var(--text-left, var(--mod-text-left));position:var(--_text-position);top:var(--_text-top);right:var(--_text-right);bottom:var(--_text-bottom);left:var(--_text-left);--_text-m:var(--text-m, var(--mod-text-m, 0));--_text-my:var(--text-my, var(--mod-text-my));--_text-mx:var(--text-mx, var(--mod-text-mx));--_text-ml:var(--text-ml, var(--mod-text-ml));--_text-mr:var(--text-mr, var(--mod-text-mr));--_text-mt:var(--text-mt, var(--mod-text-mt));--_text-mb:var(--text-mb, var(--mod-text-mb));margin:var(--_text-m);margin-inline:var(--_text-mx);margin-block:var(--_text-my);margin-left:var(--_text-ml);margin-right:var(--_text-mr);margin-top:var(--_text-mt);margin-bottom:var(--_text-mb);--_text-color:var(--text-color, var(--mod-text-color, inherit));--_text-align:var(--text-align, var(--mod-text-align, inherit));--_text-family:var(--text-family, var(--mod-text-family, var(--ds-body-family)));--_text-weight:var(--text-weight, var(--mod-text-weight, var(--ds-body-weight)));--_text-line-height:var(--text-line-height, var(--mod-text-line-height, var(--ds-body-line-height)));--_text-size:var(--text-size, var(--mod-text-size, var(--ds-text-size-base-device)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, var(--ds-alias-shadow-text)));--_text-space:var(--text-space, var(--mod-text-space, var(--ds-body-space)));--_text-shadow:var(--text-shadow, var(--mod-text-shadow, none))}#text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;text-align:var(--_text-align);color:var(--_text-color);font-family:var(--_text-family);font-weight:var(--_text-weight);line-height:var(--_text-line-height);font-size:var(--_text-size);text-shadow:var(--_text-shadow)}#text b,#text strong,#text .is-bold{font-weight:var(--ds-text-weight-bold)}:host(.has-no-wrap) #text.is-centered{--mod-text-align:center}:host(.has-no-wrap) #text.is-right{--mod-text-align:right}:host(.has-no-wrap) #text.is-justified{--mod-text-align:justify}:host(.has-no-wrap) #text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.is-bold){--mod-text-weight:var(--ds-text-weight-bold)}:host(.has-shadow){--mod-text-shadow:var(--ds-text-shadow)}:host(.is-inline){display:inline}:host(.is-white){--mod-text-color:var(--ds-text-color-white)}:host(.is-black){--mod-text-color:var(--ds-text-color-black)}:host(.is-primary){--mod-text-color:var(--ds-text-color-primary)}:host(.is-primary-hover){--mod-text-color:var(--ds-text-color-primary-hover)}:host(.is-primary-active){--mod-text-color:var(--ds-text-color-primary-active)}:host(.is-inverted-primary){--mod-text-color:var(--ds-text-color-inverted-primary)}:host(.is-inverted-primary-hover){--mod-text-color:var(--ds-text-color-inverted-primary-hover)}:host(.is-inverted-primary-active){--mod-text-color:var(--ds-text-color-inverted-primary-active)}:host(.is-primary-light){--mod-text-color:var(--ds-text-color-primary-light)}:host(.is-hint){--mod-text-color:var(--ds-text-color-hint)}:host(.is-grey-light){--mod-text-color:var(--ds-text-color-grey-light)}:host(.is-grey){--mod-text-color:var(--ds-text-color-grey)}:host(.is-grey-dark){--mod-text-color:var(--ds-text-color-grey-dark)}:host(.is-disabled){--mod-text-color:var(--ds-text-color-disabled)}:host(.is-inverted-disabled){--mod-text-color:var(--ds-text-color-inverted-disabled)}:host(.is-info){--mod-text-color:var(--ds-text-color-info)}:host(.is-warning){--mod-text-color:var(--ds-text-color-warning)}:host(.is-success){--mod-text-color:var(--ds-text-color-success)}:host(.is-danger){--mod-text-color:var(--ds-text-color-danger)}:host(.is-danger-hover){--mod-text-color:var(--ds-text-color-danger-hover)}:host(.is-danger-active){--mod-text-color:var(--ds-text-color-danger-active)}:host(.is-xs){--mod-text-size:var(--ds-text-size-xs-device)}:host(.is-sm){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-base){--mod-text-size:var(--ds-text-size-base-device)}:host(.is-md){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-lg){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-xl){--mod-text-size:var(--ds-text-size-xl-device)}:host(.is-2xl){--mod-text-size:var(--ds-text-size-2xl-device)}:host(.is-3xl){--mod-text-size:var(--ds-text-size-3xl-device)}:host(.is-4xl){--mod-text-size:var(--ds-text-size-4xl-device)}:host(.is-5xl){--mod-text-size:var(--ds-text-size-5xl-device)}:host(.is-small){--mod-text-size:var(--ds-text-size-sm-device)}:host(.is-lead){--mod-text-size:var(--ds-text-size-lg-device)}:host(.is-block){--mod-text-size:var(--ds-text-size-md-device)}:host(.is-heading){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-bold);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.is-subtitle){--mod-text-family:var(--ds-text-family-heading);--mod-text-weight:var(--ds-text-weight-light);--mod-text-line-height:var(--ds-text-line-height-heading)}:host(.has-space-all){--text-mt:var(--_text-space);--text-mb:var(--_text-space)}:host(.has-space-top){--text-mt:var(--_text-space);--text-mb:0}:host(.has-space-bottom){--text-mt:0;--text-mb:var(--_text-space)}:host(.has-space-none){--text-mt:0;--text-mb:0}:host{display:block}";export{h as ds_text}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{E as o,B as t,r as i,F as s,G as a}from"./p-CuwLeg-T.js";import{_ as e,L as r,a as l}from"./p-Dnjznncd.js";import{n as h}from"./p-DR5LIaCn.js";import{s as g,V as n,a as m}from"./p-82RSSk25.js";import{d}from"./p-CAcwu8uP.js";import{L as v}from"./p-D2tr7015.js";import{L as p}from"./p-CqzM3doy.js";import"./p-BLPSziW-.js";import"./p-DJxr2Dcd.js";import"./p-BwrOVItb.js";const c=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:1084/204*i,height:i,viewBox:(!0===t?"230":"0")+" 0 1084 204",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52,97.92c-3.36,3.36-3.36,8.8,0,12.15l91.41,91.41c3.36,3.36,8.8,3.36,12.15,0l50.72-50.72-30.87-30.87-25.93,25.93-41.81-41.81,41.81-41.81,72.69,72.69,24.8-24.8c3.36-3.36,3.36-8.8,0-12.15L106.08,6.52c-3.36-3.36-8.8-3.36-12.15,0L2.52,97.92ZM352.2,101.98v73.06h-36.42v-65.86c0-12.43-8.5-19.63-19.41-19.63s-19.85,7.85-19.85,18.32v67.17h-36.42V15.62h36.42v51.9c7.85-6.32,18.32-10.25,30.97-10.25,27.04,0,44.71,18.32,44.71,44.71ZM403.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM453.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM503.97,175.04V15.62h36.42v159.42h-36.42ZM638.52,60.11h37.51l-40.78,114.93h-42.53l-40.78-114.93h37.51l24.42,79.16,24.64-79.16ZM712.23,128.37c3.71,12.87,13.96,19.85,27.7,19.85,12.87,0,19.19-4.36,23.77-11.99l27.26,18.1c-9.16,11.99-23.55,23.55-52.12,23.55-37.95,0-61.93-25.95-61.93-60.19s26.61-60.41,59.75-60.41c37.51,0,59.75,29.66,59.75,58.01,0,5.67-.44,10.03-.87,13.08h-83.31ZM762.6,105.69c-3.05-13.08-11.78-21.15-25.08-21.15s-22.68,7.2-25.73,21.15h50.81ZM867.71,175.04c-29.66,0-44.71-17.66-44.71-44.27v-39.69h-19.19v-30.97h9.16c8.07,0,12.21-4.36,12.21-12.87v-17.66h35.33v30.53h26.17v30.97h-27.48v35.33c0,11.12,5.89,17.01,16.14,17.01h11.99v31.62h-19.63ZM902.6,22.46c0-12.87,10.03-22.46,22.9-22.46s22.9,9.6,22.9,22.46-10.03,22.24-22.9,22.24-22.9-9.16-22.9-22.24ZM907.18,175.04V60.11h36.42v114.93h-36.42ZM1050.42,60.11h33.58v114.93h-33.58v-10.47c-8.07,8.5-18.97,13.3-33.15,13.3-33.37,0-57.35-25.73-57.35-60.19s23.99-58.01,57.35-58.01c14.18,0,25.08,4.36,33.15,12.43v-11.99ZM1049.11,117.68c0-16.79-10.69-28.35-26.61-28.35s-26.39,11.99-26.39,28.35,10.9,28.13,26.39,28.13,26.61-11.56,26.61-28.13Z",fill:"#000D6E"})),C=({onlyText:t,height:i})=>o("svg",{focusable:"false","aria-hidden":"true",width:4.9375*i,height:i,viewBox:(!0===t?"36":"0")+" 0 158 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M112.351 3.52166C112.351 1.47065 114.09 0 116.118 0C118.146 0 119.727 1.47065 119.727 3.52166C119.727 5.57268 118.146 7.00945 116.118 7.00945C114.09 7.00945 112.351 5.57324 112.351 3.52166ZM113.231 9.43647H118.97V27.4547H113.231V9.43647ZM82.5903 2.46199H88.33V27.4541H82.5903V2.46199ZM48.3558 27.8995C53.6142 27.8995 57.3602 23.8647 57.3602 18.4631C57.3602 13.0609 53.7175 9.0266 48.4915 9.02715C46.5342 9.02715 44.8845 9.60807 43.5786 10.7022V2.46255H37.839V27.4547H43.132V25.9163C44.4378 27.1814 46.1908 27.8995 48.3558 27.8995ZM47.5312 14.02C49.9368 14.02 51.6893 15.8989 51.6893 18.4631C51.6893 21.0272 49.9368 22.8733 47.5312 22.8733C45.0224 22.8733 43.3034 21.0611 43.3034 18.4631C43.3034 15.8317 44.9877 14.02 47.5312 14.02ZM78.8057 27.4547V9.43647H73.5127V11.317C72.2409 10.0524 70.522 9.36815 68.2889 9.36815C63.0305 9.36815 59.2498 13.0614 59.2498 18.4631C59.2498 23.8647 63.0305 27.8995 68.2889 27.8995C70.5226 27.8995 72.2409 27.1464 73.5127 25.8135V27.4547H78.8057ZM69.114 14.02C71.6229 14.02 73.3072 15.83 73.3072 18.4631C73.3072 21.0617 71.6224 22.8733 69.114 22.8733C66.6744 22.8733 64.9554 21.0256 64.9554 18.4631C64.9554 15.9005 66.7084 14.02 69.114 14.02ZM100.74 9.02659C94.9667 9.02659 90.8422 13.0609 90.8422 18.463C90.8422 23.8308 94.9684 27.8995 100.74 27.8995C106.549 27.8995 110.673 23.8308 110.673 18.463C110.673 13.0609 106.546 9.02659 100.74 9.02659ZM100.774 14.0867C103.283 14.0867 104.899 15.8644 104.899 18.4286C104.899 21.0272 103.249 22.8389 100.774 22.8394C98.2656 22.8394 96.6159 20.9928 96.6159 18.463C96.6159 15.8639 98.2656 14.0867 100.774 14.0867ZM126.05 21.2666L121.307 23.0788C122.373 26.2267 125.294 27.8995 129.382 27.8962C134.159 27.8962 137.183 25.6397 137.183 21.9125C137.183 17.823 133.59 16.8788 130.834 16.1549C129.121 15.7047 127.732 15.3397 127.732 14.3566C127.732 13.6046 128.316 13.1603 129.484 13.1603C130.687 13.1603 131.547 13.7412 131.959 14.8697L136.705 13.0231C135.983 10.4945 133.302 9.02437 129.59 9.02437C125.019 9.02437 122.132 11.1465 122.132 14.6337C122.132 18.3232 125.492 19.3268 128.205 20.1373C130.043 20.6862 131.584 21.1465 131.584 22.2924C131.584 23.1127 130.896 23.6253 129.59 23.6253C127.734 23.6253 126.531 22.7711 126.05 21.2666ZM157.6 18.0871C157.6 13.644 154.094 8.99216 148.183 8.99216C142.959 8.99216 138.766 13.2686 138.766 18.463C138.766 23.8308 142.546 27.8995 148.527 27.8995C152.473 27.8995 154.804 26.3867 156.201 24.6616L152.901 21.3716C151.87 22.6401 150.726 23.2493 148.698 23.2493C146.533 23.2493 144.918 22.1552 144.334 20.1392H157.462C157.557 19.4593 157.603 18.7735 157.6 18.0871ZM144.264 16.5825C144.746 14.3943 146.223 13.2658 148.32 13.2658C150.416 13.2658 151.791 14.531 152.272 16.5825H144.264ZM16.7228 1.02356L31.1352 15.3613C31.2611 15.4866 31.3609 15.6354 31.4289 15.7991C31.497 15.9628 31.5319 16.1383 31.5318 16.3155C31.5316 16.4926 31.4964 16.668 31.428 16.8316C31.3597 16.9953 31.2596 17.1439 31.1335 17.269L27.2256 21.1566L15.7648 9.75525L9.17152 16.3143L15.7648 22.8733L19.8525 18.8063L24.7206 23.6486L16.7256 31.605C16.5997 31.7302 16.4503 31.8296 16.2859 31.8973C16.1215 31.9651 15.9453 32 15.7673 32C15.5893 32 15.4131 31.9651 15.2486 31.8973C15.0842 31.8296 14.9348 31.7302 14.809 31.605L0.396538 17.2673C0.142626 17.0145 0 16.6717 0 16.3143C0 15.9569 0.142626 15.6141 0.396538 15.3613L14.8062 1.02356C14.932 0.898338 15.0814 0.799001 15.2458 0.731227C15.4103 0.663454 15.5865 0.628572 15.7645 0.628572C15.9425 0.628572 16.1187 0.663454 16.2831 0.731227C16.4475 0.799001 16.5969 0.898338 16.7228 1.02356Z",fill:"#000D6E"})),f=class{constructor(o){t(this,o),this.isTouch=d.isTouch,this.doesConfigAllowAnimation=!0,this.configBrand="baloise",this.animated=!1,this.brand="",this.color="primary",this.size=""}createLogger(o){this.log=o}animatedChanged(){this.isAnimated||this.destroyAnimation()}sizeChanged(o){this.size=h(o)}connectedCallback(){g(this),this.size=h(this.size),this.animatedChanged()}componentDidUpdate(){this.resetAnimation()}componentDidLoad(){this.resetAnimation()}disconnectedCallback(){this.el&&!this.el.isConnected&&this.destroyAnimation()}listenToBreakpoint(o){this.isTouch=o.touch}async configChanged(o){this.doesConfigAllowAnimation=o.animated,this.configBrand=o.brand}get isAnimated(){return this.doesConfigAllowAnimation&&this.animated}async resetAnimation(){this.destroyAnimation(),this.animated&&(await this.loadAnimation(),this.animationFunction&&(this.destroyAnimation(),this.animationItem=this.animationFunction(this.animatedLogoElement,this.getColor(),!1)))}async loadAnimation(){return new Promise(((o,t)=>{if(this.animationFunction)return o();i((async()=>{import("./p-Br3Spw-v.js").then((t=>{this.animationFunction=t.animate,o()})).catch(t)}))}))}destroyAnimation(){this.animated&&this.animationItem&&this.animationItem.destroy&&this.animationItem.destroy(),this.animatedLogoElement&&(this.animatedLogoElement.innerHTML="")}getColor(){return"white"===this.color?"#ffffff":"#151f6d"}getHeight(){return"sm"===this.size?22:"lg"===this.size?this.isTouch?32:48:this.isTouch?22:32}render(){const t=o("helvetia"===this.brand||""===this.brand&&"helvetia"===this.configBrand?c:C,{onlyText:this.animated,height:this.getHeight()});return o(s,{key:"ac324310cb087df2dab4ae68f10b29750d51f4da",class:{"is-animated":this.isAnimated,"is-white":"white"===this.color,"is-sm":"sm"===this.size,"is-lg":"lg"===this.size}},o("div",{key:"91aac5fbf1a66d6706be717f514fc62ac9cfc1b3",id:"animated",part:"animated",ref:o=>this.animatedLogoElement=o,"aria-hidden":"true",style:{display:this.isAnimated?"block":"none",width:this.getHeight()+"px",height:this.getHeight()+"px"}}),t)}get el(){return a(this)}static get watchers(){return{animated:[{animatedChanged:0}],size:[{sizeChanged:0}]}}};e([r("logo"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],f.prototype,"createLogger",null),e([n("boolean"),l("design:type",Boolean)],f.prototype,"animated",void 0),e([m("baloise","helvetia",""),l("design:type",String)],f.prototype,"brand",void 0),e([m("primary","white"),l("design:type",String)],f.prototype,"color",void 0),e([m("lg","sm","","large","small"),l("design:type",String)],f.prototype,"size",void 0),e([v(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),e([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],f.prototype,"configChanged",null),f.style=":host{--_logo-position:var(--logo-position, var(--mod-logo-position, static));--_logo-top:var(--logo-top, var(--mod-logo-top));--_logo-right:var(--logo-right, var(--mod-logo-right));--_logo-bottom:var(--logo-bottom, var(--mod-logo-bottom));--_logo-left:var(--logo-left, var(--mod-logo-left));position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);--_logo-m:var(--logo-m, var(--mod-logo-m, 0));--_logo-my:var(--logo-my, var(--mod-logo-my));--_logo-mx:var(--logo-mx, var(--mod-logo-mx));--_logo-ml:var(--logo-ml, var(--mod-logo-ml));--_logo-mr:var(--logo-mr, var(--mod-logo-mr));--_logo-mt:var(--logo-mt, var(--mod-logo-mt));--_logo-mb:var(--logo-mb, var(--mod-logo-mb));margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);--_logo-color:var(--logo-color, var(--mod-logo-color, var(--ds-global-color-primary-5)));--_logo-height:var(--logo-height, var(--mod-logo-height, 22px))}:host{margin:var(--_logo-m);margin-inline:var(--_logo-mx);margin-block:var(--_logo-my);margin-left:var(--_logo-ml);margin-right:var(--_logo-mr);margin-top:var(--_logo-mt);margin-bottom:var(--_logo-mb);position:var(--_logo-position);top:var(--_logo-top);right:var(--_logo-right);bottom:var(--_logo-bottom);left:var(--_logo-left);position:static;display:grid;grid-template-columns:1fr;gap:4px}:host svg{-webkit-transform:unset !important;transform:unset !important}:host svg svg,:host svg g,:host svg path,:host svg circle{fill:var(--_logo-color)}:host{height:var(--_logo-height)}:host>div{height:var(--_logo-height)}@media screen and (min-width: 1024px){:host{--mod-logo-height:32px}}:host #animated{display:none;width:0;height:0}:host(.is-animated){grid-template-columns:auto 1fr}:host(.is-animated) #animated{display:block;width:var(--_logo-height);height:var(--_logo-height)}:host(.is-white){--mod-logo-color:var(--ds-global-color-white)}:host(.is-sm){--mod-logo-height:22px}@media screen and (min-width: 1024px){:host(.is-sm){--mod-logo-height:22px}}:host(.is-lg){--mod-logo-height:32px}@media screen and (min-width: 1024px){:host(.is-lg){--mod-logo-height:48px}}";export{f as ds_logo}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as t,E as o,F as r,G as s}from"./p-CuwLeg-T.js";import{_ as n,L as u,a as e}from"./p-Dnjznncd.js";import{s as i,a,V as g}from"./p-82RSSk25.js";import{a as p,b}from"./p-BkESlUMc.js";const m=class{constructor(o){t(this,o),this.align="",this.direction="auto",this.reverse=!1,this.wide=!1}createLogger(t){this.log=t}connectedCallback(){i(this)}render(){return o(r,{key:"11109463f62a27a338a6e33d8e18bbdd0d696fe7"},o("div",{key:"e5031617931b98e819dc84c5d45c42af092389f8",id:"group",part:"group",class:{"as-col":"column"===this.direction,"as-row":"row"===this.direction,"is-reverse":this.reverse,"is-wide":this.wide,"is-left":"left"===this.align,"is-center":"center"===this.align,"is-right":"right"===this.align}},o("slot",{key:"81ff03c84219c3f11e85d58e4cb63e29bceca85b"})))}get el(){return s(this)}};n([u("button-group"),e("design:type",Function),e("design:paramtypes",[Function]),e("design:returntype",void 0)],m.prototype,"createLogger",null),n([a(...p),e("design:type",String)],m.prototype,"align",void 0),n([a(...b),e("design:type",String)],m.prototype,"direction",void 0),n([g("boolean"),e("design:type",Boolean)],m.prototype,"reverse",void 0),n([g("boolean"),e("design:type",Boolean)],m.prototype,"wide",void 0),m.style=":host{--_button-group-position:var(--button-group-position, var(--mod-button-group-position, static));--_button-group-top:var(--button-group-top, var(--mod-button-group-top));--_button-group-right:var(--button-group-right, var(--mod-button-group-right));--_button-group-bottom:var(--button-group-bottom, var(--mod-button-group-bottom));--_button-group-left:var(--button-group-left, var(--mod-button-group-left));position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left);--_button-group-m:var(--button-group-m, var(--mod-button-group-m, 0));--_button-group-my:var(--button-group-my, var(--mod-button-group-my));--_button-group-mx:var(--button-group-mx, var(--mod-button-group-mx));--_button-group-ml:var(--button-group-ml, var(--mod-button-group-ml));--_button-group-mr:var(--button-group-mr, var(--mod-button-group-mr));--_button-group-mt:var(--button-group-mt, var(--mod-button-group-mt));--_button-group-mb:var(--button-group-mb, var(--mod-button-group-mb));margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);display:block;margin:var(--_button-group-m);margin-inline:var(--_button-group-mx);margin-block:var(--_button-group-my);margin-left:var(--_button-group-ml);margin-right:var(--_button-group-mr);margin-top:var(--_button-group-mt);margin-bottom:var(--_button-group-mb);position:var(--_button-group-position);top:var(--_button-group-top);right:var(--_button-group-right);bottom:var(--_button-group-bottom);left:var(--_button-group-left)}:host #group{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){:host #group ::slotted(.button:not(.is-square,.is-circle)),:host #group .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}:host #group ::slotted(ds-button:not(.is-square,.is-circle)),:host #group ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host #group.as-col-reverse{--mod-buttons-direction:column-reverse}:host #group.as-row-reverse{--mod-buttons-direction:row-reverse}:host #group.as-row{--mod-buttons-direction:row}:host #group.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){:host #group.as-col ::slotted(.button),:host #group.as-col .button,:host #group.as-col ::slotted(ds-button),:host #group.as-col ds-button,:host #group.as-col-reverse ::slotted(.button),:host #group.as-col-reverse .button,:host #group.as-col-reverse ::slotted(ds-button),:host #group.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){:host #group.as-col.is-center,:host #group.as-col.is-centered,:host #group.as-col-reverse.is-center,:host #group.as-col-reverse.is-centered{--mod-buttons-align-items:center}:host #group.as-col.is-left,:host #group.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}:host #group.as-col.is-right,:host #group.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){:host #group.as-row.is-center,:host #group.as-row.is-centered,:host #group.is-center:not(.as-col),:host #group.is-centered:not(.as-col){--mod-buttons-justify-content:center}:host #group.as-row.is-left,:host #group.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}:host #group.as-row.is-right,:host #group.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){:host #group.is-wide ::slotted(.button:not(.is-square,.is-circle)),:host #group.is-wide .button:not(.is-square,.is-circle),:host #group.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),:host #group.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}";export{m as ds_button_group}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as t,I as e,J as i,E as s,F as n,G as r}from"./p-CuwLeg-T.js";import{_ as o,L as a,a as d}from"./p-Dnjznncd.js";import{s as g,V as p}from"./p-82RSSk25.js";const c=class{constructor(i){t(this,i),this.dsWillUpdate=e(this,"dsWillUpdate"),this.description="",this.icon="",this.label="",this.svg=""}createLogger(t){this.log=t}connectedCallback(){g(this),this.debouncedWillUpdate=i((()=>this.dsWillUpdate.emit()),20)}componentWillUpdate(){var t;null===(t=this.debouncedWillUpdate)||void 0===t||t.call(this)}render(){return s(n,{key:"e962948a552dfca1086033d2e228abf0f896f5c4","aria-hidden":"true"})}static get formAssociated(){return!0}get el(){return r(this)}};o([a("segment-item"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],c.prototype,"createLogger",null),o([p("string"),d("design:type",String)],c.prototype,"description",void 0),o([p("string"),d("design:type",String)],c.prototype,"icon",void 0),o([p("string"),d("design:type",String)],c.prototype,"label",void 0),o([p("string"),d("design:type",String)],c.prototype,"svg",void 0),c.style=":host{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}";export{c as ds_segment_item}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as t,w as a,D as i,E as e,F as s,G as n}from"./p-CuwLeg-T.js";import{_ as r,L as o,a as c}from"./p-Dnjznncd.js";import{s as d,V as l,a as m}from"./p-82RSSk25.js";const h=class{constructor(a){t(this,a),this.alerts=[],this.maxVisibleItems=5,this.animationDurationMs=300,this.alertTimers={},this.animated=!1,this.container="",this.type="toast"}createLogger(t){this.log=t}connectedCallback(){d(this)}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 a(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 a(this.animationDurationMs),this.alerts=[]}activeTimer(t,a){"infinite"!==a&&(this.alertTimers[t]=function(t,a){let i,e=0,s=a;function n(){e=Date.now(),i=window.setTimeout(t,s)}return n(),{pause:function(){i&&(clearTimeout(i),s-=Date.now()-e)},resume:n,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){i((()=>{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 e(s,{key:"239044a2e90d54e30f0a0d9335872571de743b82",class:{"is-toast":"toast"===this.type,"is-snackbar":"snackbar"===this.type}},e("div",{key:"0356a057666edc0b1cc174de6476179085e71878",id:"wrapper",class:{container:"toast"===this.type}},t.map((t=>e(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 n(this)}};r([o("alert-container"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],h.prototype,"createLogger",null),r([l("boolean"),c("design:type",Boolean)],h.prototype,"animated",void 0),r([m("","fluid","detail-page","compact","blog-page","wide"),c("design:type",String)],h.prototype,"container",void 0),r([m("toast","snackbar"),c("design:type",String)],h.prototype,"type",void 0),h.style=".container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device)}@media screen and (min-width: 1024px){.container{max-width:var(--ds-alias-container-width-base)}}.container.is-fluid{max-width:var(--ds-alias-container-width-fluid) !important}.container.is-compact{max-width:var(--ds-alias-container-width-compact) !important}:host{--alert-container-top:1rem;position:fixed;pointer-events:none}:host #wrapper{display:-ms-flexbox;display:flex;gap:.5rem}:host(.is-toast){z-index:var(--ds-alias-z-index-toast);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(--ds-alias-z-index-toast) - 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}}";export{h as ds_alert_container}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as o,I as a,E as r,F as t,G as e}from"./p-CuwLeg-T.js";import{_ as s,L as g,a as c}from"./p-Dnjznncd.js";import{i as l}from"./p-B62ocg4Q.js";import{n as i}from"./p-DR5LIaCn.js";import{s as d,V as n,a as v}from"./p-82RSSk25.js";const m=class{constructor(r){o(this,r),this.dsCloseClick=a(this,"dsCloseClick"),this.inheritedAttributesClose={},this.closable=!1,this.color="",this.disabled=!1,this.invalid=!1,this.position="",this.shape="",this.size=""}createLogger(o){this.log=o}sizeChanged(o){this.size=i(o)}connectedCallback(){d(this),this.size=i(this.size)}componentWillLoad(){this.inheritedAttributesClose=l(this.el,["tabindex"])}render(){return r(t,{key:"3741b170ad658fde5052fded5b2555e52132ce6e",class:{[`is-${this.color}`]:""==this.color,[`is-shape-${this.shape}`]:""==this.shape,"is-closable":this.closable,"is-disabled":this.disabled,"is-invalid":this.invalid}},r("span",{key:"abc4f7fb1bbc1b5736f2ec72c7972a6fc5174156",part:"label"},r("slot",{key:"569a1dd2729db40686a981554b9cdc3cf5b3fa4a"})),this.closable&&!this.disabled?r("ds-close",Object.assign({},this.inheritedAttributesClose,{onClick:o=>this.dsCloseClick.emit(o)})):"")}get el(){return e(this)}static get watchers(){return{size:[{sizeChanged:0}]}}};s([g("tag"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],m.prototype,"createLogger",null),s([n("boolean"),c("design:type",Boolean)],m.prototype,"closable",void 0),s([v("primary","grey","success","info","warning","danger","purple","red","yellow","green","purple-dark","red-dark","yellow-dark","green-dark","purple-light","red-light","yellow-light","green-light",""),c("design:type",String)],m.prototype,"color",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"disabled",void 0),s([n("boolean"),c("design:type",Boolean)],m.prototype,"invalid",void 0),s([v("left","center","right",""),c("design:type",String)],m.prototype,"position",void 0),s([v("square","pill",""),c("design:type",String)],m.prototype,"shape",void 0),s([v("sm","md","lg","small","medium","large",""),c("design:type",String)],m.prototype,"size",void 0),m.style=":host{--_tag-position:var(--tag-position, var(--mod-tag-position, static));--_tag-top:var(--tag-top, var(--mod-tag-top));--_tag-right:var(--tag-right, var(--mod-tag-right));--_tag-bottom:var(--tag-bottom, var(--mod-tag-bottom));--_tag-left:var(--tag-left, var(--mod-tag-left));position:var(--_tag-position);top:var(--_tag-top);right:var(--_tag-right);bottom:var(--_tag-bottom);left:var(--_tag-left);--_tag-m:var(--tag-m, var(--mod-tag-m, 0));--_tag-my:var(--tag-my, var(--mod-tag-my));--_tag-mx:var(--tag-mx, var(--mod-tag-mx));--_tag-ml:var(--tag-ml, var(--mod-tag-ml));--_tag-mr:var(--tag-mr, var(--mod-tag-mr));--_tag-mt:var(--tag-mt, var(--mod-tag-mt));--_tag-mb:var(--tag-mb, var(--mod-tag-mb));margin:var(--_tag-m);margin-inline:var(--_tag-mx);margin-block:var(--_tag-my);margin-left:var(--_tag-ml);margin-right:var(--_tag-mr);margin-top:var(--_tag-mt);margin-bottom:var(--_tag-mb);--_tag-min-height:var(--tag-min-height, var(--mod-tag-min-height, 2rem));--_tag-gap:var(--tag-gap, var(--mod-tag-gap, 0.25rem));--_tag-px:var(--tag-px, var(--mod-tag-px, var(--ds-tag-space-padding-x-base)));--_tag-py:var(--tag-py, var(--mod-tag-py, var(--ds-tag-space-padding-y-base)));--_tag-radius:var(--tag-radius, var(--mod-tag-radius, var(--ds-tag-radius-base)));--_tag-color:var(--tag-color, var(--mod-tag-color, var(--ds-tag-default-color-text-base)));--_tag-bg:var(--tag-bg, var(--mod-tag-bg, var(--ds-tag-default-color-bg-base)));--_tag-line-height:var(--tag-line-height, var(--mod-tag-line-height, 1));--_tag-font-family:var(--tag-font-family, var(--mod-tag-font-family, var(--ds-tag-font-family)));--_tag-font-size:var(--tag-font-size, var(--mod-tag-font-size, var(--ds-tag-font-size-base)));--_tag-font-weight:var(--tag-font-weight, var(--mod-tag-font-weight, var(--ds-tag-font-weight-base)));--_tag-close-mr:var(--tag-close-mr, var(--mod-tag-close-mr, -0.25rem))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:bottom;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_tag-gap);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:var(--_tag-min-height);padding-block:var(--_tag-py);padding-inline:var(--_tag-px);border-radius:var(--_tag-radius);color:var(--_tag-color);background-color:var(--_tag-bg);font-family:var(--_tag-font-family);line-height:var(--_tag-line-height);font-size:var(--_tag-font-size);font-weight:var(--_tag-font-weight)}:host>.close,:host>ds-close{--close-mr:var(--_tag-close-mr)}:host>ds-icon{--icon-size:0.875rem}:host::part(label){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--_tag-gap)}:host(.is-primary){--icon-color:var(--ds-tag-primary-color-text-base);--mod-tag-color:var(--ds-tag-primary-color-text-base);--mod-tag-bg:var(--ds-tag-primary-color-bg-base)}:host(.is-grey){--icon-color:var(--ds-tag-grey-color-text-base);--mod-tag-color:var(--ds-tag-grey-color-text-base);--mod-tag-bg:var(--ds-tag-grey-color-bg-base)}:host(.is-success){--icon-color:var(--ds-tag-success-color-text-base);--mod-tag-color:var(--ds-tag-success-color-text-base);--mod-tag-bg:var(--ds-tag-success-color-bg-base)}:host(.is-info){--icon-color:var(--ds-tag-info-color-text-base);--mod-tag-color:var(--ds-tag-info-color-text-base);--mod-tag-bg:var(--ds-tag-info-color-bg-base)}:host(.is-warning){--icon-color:var(--ds-tag-warning-color-text-base);--mod-tag-color:var(--ds-tag-warning-color-text-base);--mod-tag-bg:var(--ds-tag-warning-color-bg-base)}:host(.is-danger){--icon-color:var(--ds-tag-danger-color-text-base);--mod-tag-color:var(--ds-tag-danger-color-text-base);--mod-tag-bg:var(--ds-tag-danger-color-bg-base)}:host(.is-purple){--icon-color:var(--ds-tag-purple-color-text-base);--mod-tag-color:var(--ds-tag-purple-color-text-base);--mod-tag-bg:var(--ds-tag-purple-color-bg-base)}:host(.is-red){--icon-color:var(--ds-tag-red-color-text-base);--mod-tag-color:var(--ds-tag-red-color-text-base);--mod-tag-bg:var(--ds-tag-red-color-bg-base)}:host(.is-yellow){--icon-color:var(--ds-tag-yellow-color-text-base);--mod-tag-color:var(--ds-tag-yellow-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-color-bg-base)}:host(.is-green){--icon-color:var(--ds-tag-green-color-text-base);--mod-tag-color:var(--ds-tag-green-color-text-base);--mod-tag-bg:var(--ds-tag-green-color-bg-base)}:host(.is-purple-dark){--icon-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-color:var(--ds-tag-purple-dark-color-text-base);--mod-tag-bg:var(--ds-tag-purple-dark-color-bg-base)}:host(.is-red-dark){--icon-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-color:var(--ds-tag-red-dark-color-text-base);--mod-tag-bg:var(--ds-tag-red-dark-color-bg-base)}:host(.is-yellow-dark){--icon-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-color:var(--ds-tag-yellow-dark-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-dark-color-bg-base)}:host(.is-green-dark){--icon-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-color:var(--ds-tag-green-dark-color-text-base);--mod-tag-bg:var(--ds-tag-green-dark-color-bg-base)}:host(.is-purple-light){--icon-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-color:var(--ds-tag-purple-light-color-text-base);--mod-tag-bg:var(--ds-tag-purple-light-color-bg-base)}:host(.is-red-light){--icon-color:var(--ds-tag-red-light-color-text-base);--mod-tag-color:var(--ds-tag-red-light-color-text-base);--mod-tag-bg:var(--ds-tag-red-light-color-bg-base)}:host(.is-yellow-light){--icon-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-color:var(--ds-tag-yellow-light-color-text-base);--mod-tag-bg:var(--ds-tag-yellow-light-color-bg-base)}:host(.is-green-light){--icon-color:var(--ds-tag-green-light-color-text-base);--mod-tag-color:var(--ds-tag-green-light-color-text-base);--mod-tag-bg:var(--ds-tag-green-light-color-bg-base)}:host(.is-primary){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-grey){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-info){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-success){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-danger){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-purple-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-red-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-yellow-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-green-dark){--close-color-icon:var(--ds-close-color-icon-inverted);--close-color-background-hover:var(--ds-close-color-background-inverted-hover);--close-color-background-active:var(--ds-close-color-background-inverted-active);--close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-square){--mod-tag-radius:var(--ds-tag-radius-square)}:host(.is-pill){--mod-tag-radius:var(--ds-tag-radius-pill)}:host(.is-sm){--mod-tag-min-height:1.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-sm);--mod-tag-px:var(--ds-tag-space-padding-x-sm);--mod-tag-font-size:var(--ds-tag-font-size-sm);--mod-tag-font-weight:var(--ds-tag-font-weight-sm)}:host(.is-sm)>.close,:host(.is-sm)>ds-close{--close-padding:0.25rem;--close-size-icon:10px}:host(.is-md){--mod-tag-min-height:2.5rem;--mod-tag-py:var(--ds-tag-space-padding-y-md);--mod-tag-px:var(--ds-tag-space-padding-x-md);--mod-tag-font-size:var(--ds-tag-font-size-md);--mod-tag-font-weight:var(--ds-tag-font-weight-md)}:host(.is-lg){--mod-tag-min-height:3rem;--mod-tag-py:var(--ds-tag-space-padding-y-lg);--mod-tag-px:var(--ds-tag-space-padding-x-lg);--mod-tag-font-size:var(--ds-tag-font-size-lg);--mod-tag-font-weight:var(--ds-tag-font-weight-lg)}:host{display:-ms-inline-flexbox;display:inline-flex}";export{m as ds_tag}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as e,d as a,E as i,F as h,G as d}from"./p-CuwLeg-T.js";import{_ as n,L as s,a as t}from"./p-Dnjznncd.js";import{s as o,a as g,V as r}from"./p-82RSSk25.js";import{c as l,b as v,d as m,H as c}from"./p-Ceu7FIWM.js";const p={display:"h1","display-2":"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",span:"span",p:"p","5xl":"h1","4xl":"h1","3xl":"h1","2xl":"h1",xl:"h2",lg:"h3",md:"h4",base:"h5"},b=["5xl","4xl","3xl","2xl","xl","lg","md","base"],x={display:"5xl","display-2":"4xl",h1:"3xl",h2:"2xl",h3:"xl",h4:"lg",h5:"base",p:"base",span:"base","5xl":"5xl","4xl":"4xl","3xl":"3xl","2xl":"2xl",xl:"xl",lg:"lg",md:"md",base:"base"},f={primary:"primary",info:"primary",blue:"primary",success:"success",warning:"warning",danger:"danger",white:"white"},w=class{constructor(a){e(this,a),this.level="h1",this.visualLevel="",this.autoLevel="",this.noWrap=!1,this.subtitle=!1,this.space="",this.color="",this.inverted=!1,this.shadow=!1}createLogger(e){this.log=e}levelChanged(){this.updateAutoFontSize()}visualLevelChanged(){this.updateAutoFontSize()}autoLevelChanged(){this.updateAutoFontSize()}connectedCallback(){o(this),this.updateAutoFontSize()}componentDidRender(){if(this.autoLevel&&this.autoFontSize&&this.rows>1&&x[this.autoLevel]!==this.autoFontSize){const e=b.indexOf(this.autoFontSize)+1;this.autoFontSize=b[e]}}updateAutoFontSize(){this.autoFontSize=this.fontSize}get rows(){if(this.headingEl&&a.hasWindow){const e=window.getComputedStyle(this.headingEl),a=parseInt(e.lineHeight.slice(0,-2),10);return this.headingEl.offsetHeight/a}return 1}get fontColor(){return this.inverted?"white":f[this.color]}get fontSize(){return x[this.visualLevel?this.visualLevel:this.level]}get tag(){return p[this.level]}render(){const e=this.tag;return i(h,{key:"0b502ee9b85add9b3276695e5eb2b6497ba339f2",class:{[`is-${this.autoFontSize}`]:void 0!==this.autoFontSize,[`is-${this.fontColor}`]:void 0!==this.fontColor,"is-subtitle":this.subtitle,"has-no-wrap":this.noWrap,"has-shadow":this.shadow,[`has-space-${this.space}`]:!!this.space}},i(e,{key:"c88498ebc2531d6060c9aec68cb33c051b0ef336",id:"heading",part:"heading",ref:e=>this.headingEl=e},i("slot",{key:"51db87f89bcea927d039e4d2cc6b12c1c04ec19b"})))}get el(){return d(this)}static get watchers(){return{level:[{levelChanged:0}],visualLevel:[{visualLevelChanged:0}],autoLevel:[{autoLevelChanged:0}]}}};n([s("heading"),t("design:type",Function),t("design:paramtypes",[Function]),t("design:returntype",void 0)],w.prototype,"createLogger",null),n([g(...l),t("design:type",String)],w.prototype,"level",void 0),n([g(...v),t("design:type",String)],w.prototype,"visualLevel",void 0),n([g(...v),t("design:type",String)],w.prototype,"autoLevel",void 0),n([r("boolean"),t("design:type",Boolean)],w.prototype,"noWrap",void 0),n([r("boolean"),t("design:type",Boolean)],w.prototype,"subtitle",void 0),n([g(...m),t("design:type",String)],w.prototype,"space",void 0),n([g(...c),t("design:type",String)],w.prototype,"color",void 0),n([r("boolean"),t("design:type",Boolean)],w.prototype,"inverted",void 0),n([r("boolean"),t("design:type",Boolean)],w.prototype,"shadow",void 0),w.style=":host{--_heading-position:var(--heading-position, var(--mod-heading-position, static));--_heading-top:var(--heading-top, var(--mod-heading-top));--_heading-right:var(--heading-right, var(--mod-heading-right));--_heading-bottom:var(--heading-bottom, var(--mod-heading-bottom));--_heading-left:var(--heading-left, var(--mod-heading-left));position:var(--_heading-position);top:var(--_heading-top);right:var(--_heading-right);bottom:var(--_heading-bottom);left:var(--_heading-left);--_heading-m:var(--heading-m, var(--mod-heading-m, 0));--_heading-my:var(--heading-my, var(--mod-heading-my));--_heading-mx:var(--heading-mx, var(--mod-heading-mx));--_heading-ml:var(--heading-ml, var(--mod-heading-ml));--_heading-mr:var(--heading-mr, var(--mod-heading-mr));--_heading-mt:var(--heading-mt, var(--mod-heading-mt));--_heading-mb:var(--heading-mb, var(--mod-heading-mb));margin:var(--_heading-m);margin-inline:var(--_heading-mx);margin-block:var(--_heading-my);margin-left:var(--_heading-ml);margin-right:var(--_heading-mr);margin-top:var(--_heading-mt);margin-bottom:var(--_heading-mb);--_heading-color:var(--heading-color, var(--mod-heading-color, inherit));--_heading-family:var(--heading-family, var(--mod-heading-family, var(--ds-heading-family)));--_heading-weight:var(--heading-weight, var(--mod-heading-weight, var(--ds-heading-weight)));--_heading-line-height:var(--heading-line-height, var(--mod-heading-line-height, var(--ds-heading-line-height)));--_heading-font-size:var(--heading-font-size, var(--mod-heading-font-size, var(--ds-heading-1-size-device)));--_heading-space:var(--heading-space, var(--mod-heading-space, var(--ds-heading-1-space)));--_heading-shadow:var(--heading-shadow, var(--mod-heading-shadow, none));--_heading-text-align:var(--heading-text-align, var(--mod-heading-text-align, inherit))}#heading{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--_heading-color);font-family:var(--_heading-family);font-weight:var(--_heading-weight);font-size:var(--_heading-font-size);line-height:var(--_heading-line-height);text-align:var(--_heading-text-align);text-shadow:var(--_heading-shadow)}#heading em:not(.text),#heading span:not(.text){font-weight:inherit}#heading b,#heading strong,#heading .is-bold{font-weight:var(--ds-text-weight-bold)}:host(.has-no-wrap) #heading{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host(.has-shadow){--mod-heading-shadow:var(--ds-heading-shadow)}:host(.is-subtitle){--mod-heading-family:var(--ds-heading-subtitle-family);--mod-heading-weight:var(--ds-heading-subtitle-weight);--mod-heading-line-height:var(--ds-heading-subtitle-line-height)}:host(.is-primary){--mod-heading-color:var(--ds-heading-color-primary)}:host(.is-success){--mod-heading-color:var(--ds-heading-color-success)}:host(.is-warning){--mod-heading-color:var(--ds-heading-color-warning)}:host(.is-danger){--mod-heading-color:var(--ds-heading-color-danger)}:host(.is-white){--mod-heading-color:var(--ds-heading-color-white)}:host(.is-black){--mod-heading-color:var(--ds-heading-color-black)}:host(.is-3xl){--mod-heading-font-size:var(--ds-heading-1-size-device);--mod-heading-space:var(--ds-heading-1-space)}:host(.is-2xl){--mod-heading-font-size:var(--ds-heading-2-size-device);--mod-heading-space:var(--ds-heading-2-space)}:host(.is-xl){--mod-heading-font-size:var(--ds-heading-3-size-device);--mod-heading-space:var(--ds-heading-3-space)}:host(.is-lg){--mod-heading-font-size:var(--ds-heading-4-size-device);--mod-heading-space:var(--ds-heading-4-space)}:host(.is-base){--mod-heading-font-size:var(--ds-heading-5-size-device);--mod-heading-space:var(--ds-heading-5-space)}:host(.is-5xl){--mod-heading-font-size:var(--ds-heading-display1-size-device);--mod-heading-space:var(--ds-heading-display1-space)}:host(.is-4xl){--mod-heading-font-size:var(--ds-heading-display2-size-device);--mod-heading-space:var(--ds-heading-display2-space)}:host(.has-space-all){--heading-mt:var(--_heading-space);--heading-mb:var(--_heading-space)}:host(.has-space-top){--heading-mt:var(--_heading-space);--heading-mb:0}:host(.has-space-bottom){--heading-mt:0;--heading-mb:var(--_heading-space)}:host(.has-space-none){--heading-mt:0;--heading-mb:0}:host{display:block}";export{w as ds_heading}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as t,I as o,D as a,E as s,F as r,G as i}from"./p-CuwLeg-T.js";import{_ as e,L as n,a as d}from"./p-Dnjznncd.js";import{s as c}from"./p-DCf2fJmI.js";import{s as g}from"./p-BaIoYrFa.js";import{s as h,a as m,V as l,b}from"./p-82RSSk25.js";import{L as v}from"./p-CqzM3doy.js";import"./p-BwrOVItb.js";const p=class{constructor(a){t(this,a),this.dsCloseClick=o(this,"dsCloseClick"),this.dsActionClick=o(this,"dsActionClick"),this.dsDidLoad=o(this,"dsDidLoad"),this.dsDidPause=o(this,"dsDidPause"),this.dsDidResume=o(this,"dsDidResume"),this.animated=!1,this.didLoad=!1,this.didPause=!1,this.color="base",this.closable=!1,this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.duration=0,this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{void 0!==this.svg&&this.svg.length>0&&(this.svgContent=g(this.svg))},this.generateIconName=()=>{if(void 0!==this.icon&&this.icon.length>0)this.iconName=this.icon;else switch(this.color){case"info":this.iconName="information";break;case"success":this.iconName="check";break;case"warning":case"danger":this.iconName="alert";break;default:this.iconName="bell"}}}createLogger(t){this.log=t}iconChanged(){this.generateIconName()}svgChanged(){this.generateSvgContent()}connectedCallback(){h(this),this.generateIconName(),this.generateSvgContent()}componentDidLoad(){a((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}async configChanged(t){this.animated=t.animated}render(){const t=void 0!==this.duration&&"infinite"!==this.duration&&this.duration>0,o=t?{"--toast-progress-duration":`${this.duration}ms`}:{};return s(r,{key:"42b20febf8b87b5c7b1fa83a60b8b874a76f3812",role:"alert","aria-live":"assertive","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-paused":this.didPause,"is-visible":this.visible,"has-progress-bar":this.visible&&this.didLoad&&t&&this.animated,"is-closable":this.closable,"is-action":void 0!==this.action,[`is-${this.color}`]:void 0!==this.color},style:o,onMouseEnter:()=>{this.didPause=!0,this.dsDidPause.emit()},onMouseLeave:()=>{this.didPause=!1,this.dsDidResume.emit()}},!this.svgContent&&s("ds-icon",{key:"f658e9777ee272f244acb654ff5d8e0df616fbb9",id:"icon",part:"icon",name:this.iconName||"warning"===this.color||"danger"===this.color?"alert":"success"===this.color?"check":"info"===this.color?"information":"bell",color:this.color,size:"md",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),this.svgContent&&s("ds-icon",{key:"d8e9cce343cb3fe70cd6fafa4910477a2ce64255",id:"icon",part:"icon",svg:this.svgContent}),s("span",{key:"342b90fc44ba264fd9a0ca4d3bdaba2957fa710a",part:"content",id:"content"},this.heading&&s("h2",{key:"e28d833393858378b03b06c9849bbdb618e9ad54",part:"heading"},this.heading),s("span",{key:"1e68ac398df27183efa45b9698222ea039799c4a",part:"message"},this.message,s("slot",{key:"4a9a6c06780863b49f431a2c63dc01ca6ddfb540"}))),this.action&&s("ds-button",{key:"eb1fbc8586a2c86d4e954a95cf387e6db2eda5a9",id:"action",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:t=>{c(t),this.dsActionClick.emit(t),this.actionHandler(this.alertId)}},this.action),this.closable&&s("ds-close",{key:"429e2b06d53b4bd7b38f91b0ae0f0fbd10599cb3",part:"close",onClick:t=>{c(t),this.close()}}))}get el(){return i(this)}static get watchers(){return{icon:[{iconChanged:0}],svg:[{svgChanged:0}]}}};e([n("toast"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],p.prototype,"createLogger",null),e([m("base","info","success","warning","danger"),d("design:type",String)],p.prototype,"color",void 0),e([l("boolean"),d("design:type",Boolean)],p.prototype,"closable",void 0),e([b("string"),d("design:type",String)],p.prototype,"heading",void 0),e([b("string"),d("design:type",String)],p.prototype,"message",void 0),e([l("string"),d("design:type",String)],p.prototype,"icon",void 0),e([l("string"),d("design:type",String)],p.prototype,"svg",void 0),e([l("string"),d("design:type",String)],p.prototype,"action",void 0),e([l("string"),d("design:type",String)],p.prototype,"actionIcon",void 0),e([m("_blank","_parent","_self","_top"),d("design:type",String)],p.prototype,"actionTarget",void 0),e([l("string"),d("design:type",String)],p.prototype,"actionHref",void 0),e([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],p.prototype,"configChanged",null),p.style=':host{--_toast-position:var(--toast-position, var(--mod-toast-position, static));--_toast-top:var(--toast-top, var(--mod-toast-top));--_toast-right:var(--toast-right, var(--mod-toast-right));--_toast-bottom:var(--toast-bottom, var(--mod-toast-bottom));--_toast-left:var(--toast-left, var(--mod-toast-left));position:var(--_toast-position);top:var(--_toast-top);right:var(--_toast-right);bottom:var(--_toast-bottom);left:var(--_toast-left);--_toast-m:var(--toast-m, var(--mod-toast-m, 0));--_toast-my:var(--toast-my, var(--mod-toast-my));--_toast-mx:var(--toast-mx, var(--mod-toast-mx));--_toast-ml:var(--toast-ml, var(--mod-toast-ml));--_toast-mr:var(--toast-mr, var(--mod-toast-mr));--_toast-mt:var(--toast-mt, var(--mod-toast-mt));--_toast-mb:var(--toast-mb, var(--mod-toast-mb));margin:var(--_toast-m);margin-inline:var(--_toast-mx);margin-block:var(--_toast-my);margin-left:var(--_toast-ml);margin-right:var(--_toast-mr);margin-top:var(--_toast-mt);margin-bottom:var(--_toast-mb);--_toast-shadow:var(--toast-shadow, var(--mod-toast-shadow, var(--ds-alias-shadow-box-base)));--_toast-radius:var(--toast-radius, var(--mod-toast-radius, var(--ds-toast-radius)));--_toast-bg:var(--toast-bg, var(--mod-toast-bg, var(--ds-toast-default-color-bg-base)));--_toast-color:var(--toast-color, var(--mod-toast-color, var(--ds-toast-default-color-text-base)));--_toast-icon-color:var(--toast-icon-color, var(--mod-toast-icon-color, var(--ds-toast-default-color-icon-base)));--_toast-progress-duration:var(--toast-progress-duration, var(--mod-toast-progress-duration, 0));--_toast-progress-bar-bg:var(--toast-progress-bar-bg, var(--mod-toast-progress-bar-bg, var(--ds-toast-default-color-progress-bar-base)));--_toast-progress-bg:var(--toast-progress-bg, var(--mod-toast-progress-bg, var(--ds-toast-default-color-progress-bg-base)));--_toast-heading-font-family:var(--toast-heading-font-family, var(--mod-toast-heading-font-family, var(--ds-text-family-heading)));--_toast-heading-font-weight:var(--toast-heading-font-weight, var(--mod-toast-heading-font-weight, var(--ds-text-weight-bold)));--_toast-heading-font-size:var(--toast-heading-font-size, var(--mod-toast-heading-font-size, var(--ds-text-size-base-device)));--_toast-heading-line-height:var(--toast-heading-line-height, var(--mod-toast-heading-line-height, var(--ds-text-line-height-heading)));--_toast-content-font-family:var(--toast-content-font-family, var(--mod-toast-content-font-family, var(--ds-text-family-body)));--_toast-content-font-weight:var(--toast-content-font-weight, var(--mod-toast-content-font-weight, inherit));--_toast-content-font-size:var(--toast-content-font-size, var(--mod-toast-content-font-size, var(--ds-text-size-sm-device)));--_toast-content-line-height:var(--toast-content-line-height, var(--mod-toast-content-line-height, var(--ds-text-line-height-body)));--_toast-gap:var(--toast-gap, var(--mod-toast-gap, 0.125rem));--_toast-p:var(--toast-p, var(--mod-toast-p, 1rem));--_toast-animation-start-opacity:var(--toast-animation-start-opacity, var(--mod-toast-animation-start-opacity, 1));--_toast-animation-start-transform:var(--toast-animation-start-transform, var(--mod-toast-animation-start-transform, none));--_toast-animation-transition:var(--toast-animation-transition, var(--mod-toast-animation-transition, none));--_toast-animation-end-opacity:var(--toast-animation-end-opacity, var(--mod-toast-animation-end-opacity, 1));--_toast-animation-end-transform:var(--toast-animation-end-transform, var(--mod-toast-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{opacity:var(--_toast-animation-start-opacity);-webkit-transform:var(--_toast-animation-start-transform);transform:var(--_toast-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_toast-color);background:var(--_toast-bg);border-radius:var(--_toast-radius);-webkit-box-shadow:var(--_toast-shadow);box-shadow:var(--_toast-shadow);padding:var(--_toast-p);-webkit-column-gap:calc(var(--_toast-gap)*4);-moz-column-gap:calc(var(--_toast-gap)*4);column-gap:calc(var(--_toast-gap)*4);row-gap:var(--_toast-gap);-ms-flex-align:center;align-items:center;width:100%}:host ds-icon:not([name]){--icon-color:null;--icon-size:var(--ds-icon-size-lg)}:host #icon{grid-area:icon}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_toast-heading-font-family);font-weight:var(--_toast-heading-font-weight);line-height:var(--_toast-heading-line-height);font-size:var(--_toast-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_toast-content-font-family);font-size:var(--_toast-content-font-size);font-weight:var(--_toast-content-font-weight);line-height:var(--_toast-content-line-height)}:host ds-button,:host .button{--button-mt:0;grid-area:action;align-self:center}:host .close,:host ds-close{grid-area:close;align-self:center}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content"}:host(.is-closable:not(.is-action)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close"}:host(.is-action:not(.is-closable)){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content action"}:host(.is-action.is-closable){grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon content action close"}:host(.is-ready){-webkit-transition:var(--_toast-animation-transition);transition:var(--_toast-animation-transition)}:host(.is-visible){opacity:var(--_toast-animation-end-opacity);-webkit-transform:var(--_toast-animation-end-transform);transform:var(--_toast-animation-end-transform)}:host(.has-progress-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_toast-progress-bg);border-bottom-left-radius:var(--_toast-radius);border-bottom-right-radius:var(--_toast-radius)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-info){--mod-toast-color:var(--ds-toast-info-color-text-base);--mod-toast-border-color:var(--ds-toast-info-color-border-base);--mod-toast-bg:var(--ds-toast-info-color-bg-base);--mod-toast-icon-color:var(--ds-toast-info-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-info-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-info-color-progress-bg-base)}:host(.is-success){--mod-toast-color:var(--ds-toast-success-color-text-base);--mod-toast-border-color:var(--ds-toast-success-color-border-base);--mod-toast-bg:var(--ds-toast-success-color-bg-base);--mod-toast-icon-color:var(--ds-toast-success-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-success-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-success-color-progress-bg-base)}:host(.is-warning){--mod-toast-color:var(--ds-toast-warning-color-text-base);--mod-toast-border-color:var(--ds-toast-warning-color-border-base);--mod-toast-bg:var(--ds-toast-warning-color-bg-base);--mod-toast-icon-color:var(--ds-toast-warning-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-warning-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-warning-color-progress-bg-base)}:host(.is-danger){--mod-toast-color:var(--ds-toast-danger-color-text-base);--mod-toast-border-color:var(--ds-toast-danger-color-border-base);--mod-toast-bg:var(--ds-toast-danger-color-bg-base);--mod-toast-icon-color:var(--ds-toast-danger-color-icon-base);--mod-toast-progress-bar-bg:var(--ds-toast-danger-color-progress-bar-base);--mod-toast-progress-bg:var(--ds-toast-danger-color-progress-bg-base)}:host(.has-progress-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_toast-progress-bar-bg);border-bottom-left-radius:var(--_toast-radius);-webkit-animation:progress var(--_toast-progress-duration) linear forwards;animation:progress var(--_toast-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_toast-radius)}}';export{p as ds_toast}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{d as r,B as s,x as e,D as o,E as i,F as a,G as t}from"./p-CuwLeg-T.js";import{_ as n,L as d,a as g}from"./p-Dnjznncd.js";import{s as p,a as l,V as h}from"./p-82RSSk25.js";import{W as c,i as b}from"./p-CAcwu8uP.js";import{a as u}from"./p-BLPSziW-.js";import{L as m}from"./p-D2tr7015.js";import{L as k}from"./p-CqzM3doy.js";import"./p-DJxr2Dcd.js";import"./p-BwrOVItb.js";class v extends u{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new c}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new v;const y={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},w=class{constructor(r){s(this,r),this.language=e.language,this.animated=!0,this.isTouch=b.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}connectedCallback(){p(this)}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&o((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return i(a,{key:"3a3a5ca051766fb90b5da4421eac744d91908314",role:"progressbar","aria-label":`${y[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":"light"===this.background,"is-dark":"dark"===this.background,"is-primary":"primary"===this.color,"is-purple":"purple"===this.color,"is-yellow":"yellow"===this.color,"is-red":"red"===this.color,"is-green":"green"===this.color}},i("div",{key:"742d598fcf33bdf697c546c47c7d89c36d2b09e9",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return t(this)}};n([d("progress-bar"),g("design:type",Function),g("design:paramtypes",[Function]),g("design:returntype",void 0)],w.prototype,"createLogger",null),n([l("light","dark"),g("design:type",String)],w.prototype,"background",void 0),n([l("primary","purple","yellow","red","green"),g("design:type",String)],w.prototype,"color",void 0),n([h("number"),g("design:type",Number)],w.prototype,"value",void 0),n([m(),g("design:type",Function),g("design:paramtypes",[Object]),g("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),n([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new v,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},g("design:type",Function),g("design:paramtypes",[]),g("design:returntype",void 0)],w.prototype,"listenToWindowResize",null),n([k(),g("design:type",Function),g("design:paramtypes",[Object]),g("design:returntype",Promise)],w.prototype,"configChanged",null),w.style=":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}";export{w as ds_progress_bar}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
import{B as t,E as r,F as a,G as i}from"./p-CuwLeg-T.js";import{_ as e,L as d,a as l}from"./p-Dnjznncd.js";import{V as o,a as c}from"./p-82RSSk25.js";import{a as m,b as v}from"./p-Ceu7FIWM.js";const n=class{constructor(r){t(this,r),this.inverted=!1,this.level="h3",this.visualLevel=""}createLogger(t){this.log=t}render(){return r(a,{key:"aeac068e023309dd036cfea151ef2ddb92069a1d"},r("ds-heading",{key:"0f9474d643852320d2c36148ca5f47d50eae6927",level:this.level,visualLevel:this.visualLevel,space:"none",inverted:this.inverted},r("slot",{key:"083f738ac0e155f2522896211ba9dee2ada3bfb3"})))}get el(){return i(this)}};e([d("card-title"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],n.prototype,"createLogger",null),e([o("boolean"),l("design:type",Boolean)],n.prototype,"inverted",void 0),e([c(...m),l("design:type",String)],n.prototype,"level",void 0),e([c(...v),l("design:type",String)],n.prototype,"visualLevel",void 0),n.style=":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{grid-area:title;text-align:inherit}";export{n as ds_card_title}
|