@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,1647 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
exports.Direction = void 0;
|
|
7
|
-
(function(Direction) {
|
|
8
|
-
Direction["None"] = "0";
|
|
9
|
-
Direction["Left"] = "left";
|
|
10
|
-
Direction["Right"] = "right";
|
|
11
|
-
Direction["Up"] = "up";
|
|
12
|
-
Direction["Down"] = "down";
|
|
13
|
-
})(exports.Direction || (exports.Direction = {}));
|
|
14
|
-
const $a2188ba8c266b376$export$86ae6e8ac17a67c6 = Object.freeze({
|
|
15
|
-
Horizontal: [
|
|
16
|
-
exports.Direction.Left,
|
|
17
|
-
exports.Direction.Right
|
|
18
|
-
],
|
|
19
|
-
Vertical: [
|
|
20
|
-
exports.Direction.Up,
|
|
21
|
-
exports.Direction.Down
|
|
22
|
-
],
|
|
23
|
-
All: [
|
|
24
|
-
exports.Direction.Left,
|
|
25
|
-
exports.Direction.Right,
|
|
26
|
-
exports.Direction.Up,
|
|
27
|
-
exports.Direction.Down,
|
|
28
|
-
exports.Direction.None,
|
|
29
|
-
]
|
|
30
|
-
});
|
|
31
|
-
exports.GestureState = void 0;
|
|
32
|
-
(function(GestureState) {
|
|
33
|
-
GestureState["Inactive"] = "inactive";
|
|
34
|
-
GestureState["Active"] = "active";
|
|
35
|
-
GestureState["Blocked"] = "blocked";
|
|
36
|
-
})(exports.GestureState || (exports.GestureState = {}));
|
|
37
|
-
exports.PointerManagerState = void 0;
|
|
38
|
-
(function(PointerManagerState) {
|
|
39
|
-
PointerManagerState["NoPointer"] = "nopointer";
|
|
40
|
-
PointerManagerState["SinglePointer"] = "singlepointer";
|
|
41
|
-
PointerManagerState["DualPointer"] = "dualpointer";
|
|
42
|
-
})(exports.PointerManagerState || (exports.PointerManagerState = {}));
|
|
43
|
-
exports.PointerListenerState = void 0;
|
|
44
|
-
(function(PointerListenerState) {
|
|
45
|
-
PointerListenerState["NoActiveGesture"] = "noactivegesture";
|
|
46
|
-
PointerListenerState["ActiveGesture"] = "activegesture";
|
|
47
|
-
})(exports.PointerListenerState || (exports.PointerListenerState = {}));
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
class $07c7ab2351895186$export$baf26146a414f24a {
|
|
51
|
-
constructor(x, y){
|
|
52
|
-
this.x = x;
|
|
53
|
-
this.y = y;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
class $c0ee1a209fd4fc8d$export$9b781de7bf37bf48 {
|
|
60
|
-
// vector between 2 points: START(x,y) and END(x,y)
|
|
61
|
-
constructor(startPoint, endPoint){
|
|
62
|
-
this.startPoint = startPoint;
|
|
63
|
-
this.endPoint = endPoint;
|
|
64
|
-
this.direction = (exports.Direction).None;
|
|
65
|
-
this.deltaX = this.endPoint.x - this.startPoint.x;
|
|
66
|
-
this.deltaY = this.endPoint.y - this.startPoint.y;
|
|
67
|
-
this.x = this.deltaX;
|
|
68
|
-
this.y = this.deltaY;
|
|
69
|
-
// determine length
|
|
70
|
-
this.vectorLength = Math.sqrt(Math.pow(this.deltaX, 2) + Math.pow(this.deltaY, 2));
|
|
71
|
-
// determine direction
|
|
72
|
-
if (Math.abs(this.deltaX) > Math.abs(this.deltaY)) {
|
|
73
|
-
// left or right
|
|
74
|
-
if (this.startPoint.x < this.endPoint.x) this.direction = (exports.Direction).Right;
|
|
75
|
-
else if (this.startPoint.x > this.endPoint.x) this.direction = (exports.Direction).Left;
|
|
76
|
-
} else {
|
|
77
|
-
// up or down
|
|
78
|
-
if (this.startPoint.y < this.endPoint.y) this.direction = (exports.Direction).Down;
|
|
79
|
-
else if (this.startPoint.y > this.endPoint.y) this.direction = (exports.Direction).Up;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
class $1f7944f1763e45ce$export$2db6c17465f94a2 {
|
|
86
|
-
static getVector(startPointerEvent, endPointerEvent) {
|
|
87
|
-
const startPoint = new ($07c7ab2351895186$export$baf26146a414f24a)(startPointerEvent.clientX, startPointerEvent.clientY);
|
|
88
|
-
const endPoint = new ($07c7ab2351895186$export$baf26146a414f24a)(endPointerEvent.clientX, endPointerEvent.clientY);
|
|
89
|
-
const vector = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(startPoint, endPoint);
|
|
90
|
-
return vector;
|
|
91
|
-
}
|
|
92
|
-
// update speed. speed = distance / time
|
|
93
|
-
static getSpeed(vector, startTimestamp, endTimestamp) {
|
|
94
|
-
let speed = 0;
|
|
95
|
-
const timespan_ms = endTimestamp - startTimestamp;
|
|
96
|
-
const timespan_s = timespan_ms / 1000;
|
|
97
|
-
if (vector != null && timespan_s != 0) // px/s
|
|
98
|
-
speed = vector.vectorLength / timespan_s;
|
|
99
|
-
return speed;
|
|
100
|
-
}
|
|
101
|
-
/*
|
|
102
|
-
* CALCULATE ROTATION
|
|
103
|
-
* this is not a trivial problem
|
|
104
|
-
* required output is: angle and direction (cw //ccw)
|
|
105
|
-
* direction is relative to the first touch with two fingers, not absolute to the screens default coordinate system
|
|
106
|
-
* to determine rotation direction, 3 points on the circle - with timestamps - are required
|
|
107
|
-
* imagine a steering wheel
|
|
108
|
-
* - initial state is 0 deg (0)
|
|
109
|
-
* - if the wheel has been turned ccw, its state has a negative angle
|
|
110
|
-
* - if the wheel has been turned cw, its state has a positive angle
|
|
111
|
-
* - possible values for the angle: [-360,360]
|
|
112
|
-
*/ static calculateRotationAngle(vector_1, vector_2) {
|
|
113
|
-
// vector_ are vectors between 2 points in time, same finger
|
|
114
|
-
// angleAector_ are vectors between 2 fingers
|
|
115
|
-
const angleVector_1 = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(vector_1.startPoint, vector_2.startPoint); // in time: occured first
|
|
116
|
-
const angleVector_2 = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(vector_1.endPoint, vector_2.endPoint); // in time: occured second
|
|
117
|
-
const origin = new ($07c7ab2351895186$export$baf26146a414f24a)(0, 0);
|
|
118
|
-
// translate the points of the vector, so that their startPoints are attached to (0,0)
|
|
119
|
-
/*
|
|
120
|
-
|
|
121
|
-
^
|
|
122
|
-
/
|
|
123
|
-
/
|
|
124
|
-
/
|
|
125
|
-
x
|
|
126
|
-
0
|
|
127
|
-
|
|
128
|
-
*/ const translationVector_1 = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(angleVector_1.startPoint, origin);
|
|
129
|
-
const translatedEndPoint_1 = this.translatePoint(angleVector_1.endPoint, translationVector_1);
|
|
130
|
-
//var v_1_translated = new Vector(origin, translatedEndPoint_1);
|
|
131
|
-
const translationVector_2 = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(angleVector_2.startPoint, origin);
|
|
132
|
-
const translatedEndPoint_2 = this.translatePoint(angleVector_2.endPoint, translationVector_2);
|
|
133
|
-
//var v2_translated = new Vector(origin, translatedEndPoint_2);
|
|
134
|
-
// rotate the first angle vector so its y-coordinate becomes 0
|
|
135
|
-
/*
|
|
136
|
-
|
|
137
|
-
x------->
|
|
138
|
-
0
|
|
139
|
-
|
|
140
|
-
*/ const rotationAngle = this.calcAngleRad(translatedEndPoint_1) * -1;
|
|
141
|
-
// rottation matrix
|
|
142
|
-
//var x_1_rotated = ( translatedEndPoint_1.x * Math.cos(rotationAngle) ) - ( translatedEndPoint_1.y * Math.sin(rotationAngle) );
|
|
143
|
-
//var y_1_rotated = Math.round(( translatedEndPoint_1.x * Math.sin(rotationAngle) ) + ( translatedEndPoint_1.y * Math.cos(rotationAngle) )); // should be 0
|
|
144
|
-
//var v_1_rotated = new Vector(origin, new Point(x_1_rotated, y_1_rotated));
|
|
145
|
-
// rotate the second vector (in time: after 1st)
|
|
146
|
-
const x_2_rotated = translatedEndPoint_2.x * Math.cos(rotationAngle) - translatedEndPoint_2.y * Math.sin(rotationAngle);
|
|
147
|
-
const y_2_rotated = Math.round(translatedEndPoint_2.x * Math.sin(rotationAngle) + translatedEndPoint_2.y * Math.cos(rotationAngle));
|
|
148
|
-
//var v_2_rotated = new Vector(origin, new Point(x_2_rotated, y_2_rotated));
|
|
149
|
-
// calculate the angle between v_1 and v_2
|
|
150
|
-
const angleDeg = Math.atan2(y_2_rotated, x_2_rotated) * 180 / Math.PI;
|
|
151
|
-
return angleDeg;
|
|
152
|
-
}
|
|
153
|
-
static calculateVectorAngle(vector_1, vector_2) {
|
|
154
|
-
let angleDeg = 0;
|
|
155
|
-
if (vector_1.vectorLength > 0 && vector_2.vectorLength > 0) {
|
|
156
|
-
const cos = (vector_1.x * vector_2.x + vector_1.y * vector_2.y) / (vector_1.vectorLength * vector_2.vectorLength);
|
|
157
|
-
const angleRad = Math.acos(cos);
|
|
158
|
-
angleDeg = this.rad2deg(angleRad);
|
|
159
|
-
}
|
|
160
|
-
return angleDeg;
|
|
161
|
-
}
|
|
162
|
-
static translatePoint(point, vector) {
|
|
163
|
-
const newX = point.x + vector.x;
|
|
164
|
-
const newY = point.y + vector.y;
|
|
165
|
-
const translatedPoint = new ($07c7ab2351895186$export$baf26146a414f24a)(newX, newY);
|
|
166
|
-
return translatedPoint;
|
|
167
|
-
}
|
|
168
|
-
// return the counter-clockwise angle between the positive x-axis and a point.
|
|
169
|
-
// from 0 degrees to 360 degrees
|
|
170
|
-
// see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/atan2
|
|
171
|
-
static calcAngleDegrees(point) {
|
|
172
|
-
// angle in degrees between -180 and 180
|
|
173
|
-
let angle = Math.atan2(point.y, point.x) * 180 / Math.PI;
|
|
174
|
-
if (angle < 0) angle = 360 + angle;
|
|
175
|
-
return angle;
|
|
176
|
-
}
|
|
177
|
-
static calcAngleRad(point) {
|
|
178
|
-
let angle = Math.atan2(point.y, point.x); // [-PI, PI]
|
|
179
|
-
if (angle < 0) angle = 2 * Math.PI + angle;
|
|
180
|
-
return angle;
|
|
181
|
-
}
|
|
182
|
-
static deg2rad(angleDeg) {
|
|
183
|
-
const rad = Math.PI / 180 * angleDeg;
|
|
184
|
-
return rad;
|
|
185
|
-
}
|
|
186
|
-
static rad2deg(angleRad) {
|
|
187
|
-
const deg = angleRad / (Math.PI / 180);
|
|
188
|
-
return deg;
|
|
189
|
-
}
|
|
190
|
-
// DualPointerInput calculations
|
|
191
|
-
// center between start points
|
|
192
|
-
static getCenter(pointA, pointB) {
|
|
193
|
-
const centerX = (pointA.x + pointB.x) / 2;
|
|
194
|
-
const centerY = (pointA.y + pointB.y) / 2;
|
|
195
|
-
const center = new ($07c7ab2351895186$export$baf26146a414f24a)(centerX, centerY);
|
|
196
|
-
return center;
|
|
197
|
-
}
|
|
198
|
-
static getCenterMovementVector(vector_1, vector_2) {
|
|
199
|
-
// start point is the center between the starting points of the 2 vectors
|
|
200
|
-
const startPoint = this.getCenter(vector_1.startPoint, vector_2.startPoint);
|
|
201
|
-
// center between the end points of the vectors
|
|
202
|
-
const endPoint = this.getCenter(vector_1.endPoint, vector_2.endPoint);
|
|
203
|
-
const vectorBetweenCenterPoints = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(startPoint, endPoint);
|
|
204
|
-
return vectorBetweenCenterPoints;
|
|
205
|
-
}
|
|
206
|
-
static calculateDistanceChange(vector_1, vector_2) {
|
|
207
|
-
const vectorBetweenStartPoints = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(vector_1.startPoint, vector_2.startPoint);
|
|
208
|
-
const vectorBetweenEndPoints = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(vector_1.endPoint, vector_2.endPoint);
|
|
209
|
-
const distanceChange = vectorBetweenEndPoints.vectorLength - vectorBetweenStartPoints.vectorLength;
|
|
210
|
-
return distanceChange;
|
|
211
|
-
}
|
|
212
|
-
static calculateAbsoluteDistanceChange(vector_1, vector_2) {
|
|
213
|
-
const distanceChange = this.calculateDistanceChange(vector_1, vector_2);
|
|
214
|
-
const absoluteDistanceChange = Math.abs(distanceChange);
|
|
215
|
-
return absoluteDistanceChange;
|
|
216
|
-
}
|
|
217
|
-
static calculateRelativeDistanceChange(vector_1, vector_2) {
|
|
218
|
-
const vectorBetweenStartPoints = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(vector_1.startPoint, vector_2.startPoint);
|
|
219
|
-
const vectorBetweenEndPoints = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(vector_1.endPoint, vector_2.endPoint);
|
|
220
|
-
const relativeDistanceChange = vectorBetweenEndPoints.vectorLength / vectorBetweenStartPoints.vectorLength;
|
|
221
|
-
return relativeDistanceChange;
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
exports.PointerState = void 0;
|
|
227
|
-
(function(PointerState) {
|
|
228
|
-
PointerState["Active"] = "active";
|
|
229
|
-
PointerState["Removed"] = "removed";
|
|
230
|
-
PointerState["Canceled"] = "canceled";
|
|
231
|
-
})(exports.PointerState || (exports.PointerState = {}));
|
|
232
|
-
class $d25d2392b002d8dc$export$b56007f12edf0c17 {
|
|
233
|
-
constructor(pointerEvent, options){
|
|
234
|
-
this.options = {
|
|
235
|
-
DEBUG: false,
|
|
236
|
-
...options
|
|
237
|
-
};
|
|
238
|
-
this.DEBUG = this.options.DEBUG;
|
|
239
|
-
const now = new Date().getTime();
|
|
240
|
-
this.pointerId = pointerEvent.pointerId;
|
|
241
|
-
this.vectorTimespan = this.options.vectorTimespan ?? 100; // milliseconds
|
|
242
|
-
this.initialPointerEvent = pointerEvent;
|
|
243
|
-
this.currentPointerEvent = pointerEvent;
|
|
244
|
-
this.recognizedEvents = [
|
|
245
|
-
pointerEvent
|
|
246
|
-
];
|
|
247
|
-
this.state = exports.PointerState.Active;
|
|
248
|
-
const nullVector = ($1f7944f1763e45ce$export$2db6c17465f94a2).getVector(pointerEvent, pointerEvent);
|
|
249
|
-
const globalParameters = {
|
|
250
|
-
startX: this.initialPointerEvent.clientX,
|
|
251
|
-
startY: this.initialPointerEvent.clientY,
|
|
252
|
-
vector: nullVector,
|
|
253
|
-
deltaX: 0,
|
|
254
|
-
deltaY: 0,
|
|
255
|
-
startTimestampUTC: now,
|
|
256
|
-
startTimestamp: this.initialPointerEvent.timeStamp,
|
|
257
|
-
currentTimestamp: this.initialPointerEvent.timeStamp,
|
|
258
|
-
endTimestamp: null,
|
|
259
|
-
maximumSpeed: 0,
|
|
260
|
-
currentSpeed: 0,
|
|
261
|
-
distance: 0,
|
|
262
|
-
maximumDistance: 0,
|
|
263
|
-
averageSpeed: 0,
|
|
264
|
-
finalSpeed: 0,
|
|
265
|
-
traveledDistance: 0,
|
|
266
|
-
hasBeenMoved: false,
|
|
267
|
-
duration: 0
|
|
268
|
-
};
|
|
269
|
-
const liveParameters = {
|
|
270
|
-
duration: 0,
|
|
271
|
-
speed: 0,
|
|
272
|
-
vector: nullVector,
|
|
273
|
-
distance: 0,
|
|
274
|
-
isMoving: false
|
|
275
|
-
};
|
|
276
|
-
const parameters = {
|
|
277
|
-
global: globalParameters,
|
|
278
|
-
live: liveParameters
|
|
279
|
-
};
|
|
280
|
-
this.parameters = parameters;
|
|
281
|
-
}
|
|
282
|
-
getTarget() {
|
|
283
|
-
return this.initialPointerEvent.target;
|
|
284
|
-
}
|
|
285
|
-
reset() {}
|
|
286
|
-
onIdle() {
|
|
287
|
-
const now = new Date().getTime();
|
|
288
|
-
// currentTimestamp is not an UTC millisecond timestamp.
|
|
289
|
-
// this.globalParameters.currentTimestamp = now;
|
|
290
|
-
const duration = now - this.parameters.global.startTimestampUTC;
|
|
291
|
-
this.parameters.global.duration = duration;
|
|
292
|
-
}
|
|
293
|
-
onPointerMove(pointermoveEvent) {
|
|
294
|
-
this.parameters.global.hasBeenMoved = true;
|
|
295
|
-
this.parameters.live.isMoving = true;
|
|
296
|
-
this.update(pointermoveEvent);
|
|
297
|
-
}
|
|
298
|
-
onPointerUp(pointerupEvent) {
|
|
299
|
-
this.parameters.global.finalSpeed = this.parameters.live.speed;
|
|
300
|
-
this.parameters.live.speed = 0;
|
|
301
|
-
this.parameters.live.isMoving = false;
|
|
302
|
-
this.state = exports.PointerState.Removed;
|
|
303
|
-
this.parameters.global.endTimestamp = pointerupEvent.timeStamp;
|
|
304
|
-
this.update(pointerupEvent);
|
|
305
|
-
if (this.DEBUG === true) console.log(`[PointerInput] pointerdown ended. pointerdown duration: ${this.parameters.global.duration}ms`);
|
|
306
|
-
}
|
|
307
|
-
onPointerLeave(pointerleaveEvent) {
|
|
308
|
-
this.onPointerUp(pointerleaveEvent);
|
|
309
|
-
}
|
|
310
|
-
onPointerCancel(pointercancelEvent) {
|
|
311
|
-
this.update(pointercancelEvent);
|
|
312
|
-
this.parameters.live.speed = 0;
|
|
313
|
-
this.state = exports.PointerState.Canceled;
|
|
314
|
-
this.parameters.live.isMoving = false;
|
|
315
|
-
this.parameters.global.endTimestamp = pointercancelEvent.timeStamp;
|
|
316
|
-
if (this.DEBUG === true) console.log(`[PointerInput] canceled, pointerdown duration:${this.parameters.global.duration}ms`);
|
|
317
|
-
}
|
|
318
|
-
update(pointerEvent) {
|
|
319
|
-
// update general parameters
|
|
320
|
-
this.currentPointerEvent = pointerEvent;
|
|
321
|
-
this.recognizedEvents.push(pointerEvent);
|
|
322
|
-
// update liveParameters
|
|
323
|
-
// maybe check if clientX and clientY are present
|
|
324
|
-
const timedPointerEvents = this.getTimedPointerEvents();
|
|
325
|
-
const liveVector = ($1f7944f1763e45ce$export$2db6c17465f94a2).getVector(timedPointerEvents[0], timedPointerEvents[1]);
|
|
326
|
-
this.parameters.live.vector = liveVector;
|
|
327
|
-
this.parameters.live.distance = liveVector.vectorLength;
|
|
328
|
-
this.parameters.live.speed = ($1f7944f1763e45ce$export$2db6c17465f94a2).getSpeed(liveVector, timedPointerEvents[0].timeStamp, timedPointerEvents[1].timeStamp);
|
|
329
|
-
// update global parameters
|
|
330
|
-
if (this.parameters.live.speed > this.parameters.global.maximumSpeed) this.parameters.global.maximumSpeed = this.parameters.live.speed;
|
|
331
|
-
this.parameters.global.currentTimestamp = pointerEvent.timeStamp;
|
|
332
|
-
this.parameters.global.duration = pointerEvent.timeStamp - this.parameters.global.startTimestamp;
|
|
333
|
-
this.parameters.global.deltaX = liveVector.endPoint.x - this.parameters.global.startX;
|
|
334
|
-
this.parameters.global.deltaY = liveVector.endPoint.y - this.parameters.global.startY;
|
|
335
|
-
const globalVector = ($1f7944f1763e45ce$export$2db6c17465f94a2).getVector(this.initialPointerEvent, this.currentPointerEvent);
|
|
336
|
-
this.parameters.global.vector = globalVector;
|
|
337
|
-
this.parameters.global.distance = globalVector.vectorLength;
|
|
338
|
-
if (globalVector.vectorLength > this.parameters.global.maximumDistance) this.parameters.global.maximumDistance = globalVector.vectorLength;
|
|
339
|
-
if (this.DEBUG === true) {
|
|
340
|
-
console.log(`[PointerInput] current speed: ${this.parameters.live.speed}px/s`);
|
|
341
|
-
console.log(`[PointerInput] pointerdown duration: ${this.parameters.global.duration}ms`);
|
|
342
|
-
console.log(`[PointerInput] live vector length within vectorTimespan: ${this.parameters.live.vector.vectorLength}px`);
|
|
343
|
-
}
|
|
344
|
-
}
|
|
345
|
-
/*
|
|
346
|
-
* Get the two events which are necessary for vector calculation. This is based on this.vectorTimespan.
|
|
347
|
-
* vectorTimespan defines the timespan which actually defines the "live" vector
|
|
348
|
-
*/ getTimedPointerEvents() {
|
|
349
|
-
// if the duration is lower than the vectorTimespan, startPointerEvent would be null
|
|
350
|
-
// if so, use this.initialPointerEvent as a fallback
|
|
351
|
-
let startPointerEvent = this.initialPointerEvent;
|
|
352
|
-
const endPointerEvent = this.recognizedEvents[this.recognizedEvents.length - 1];
|
|
353
|
-
let startIndex = this.recognizedEvents.length - 1;
|
|
354
|
-
let elapsedTime = 0;
|
|
355
|
-
const endTimeStamp = endPointerEvent.timeStamp;
|
|
356
|
-
while(elapsedTime < this.vectorTimespan){
|
|
357
|
-
startIndex = startIndex - 1;
|
|
358
|
-
if (startIndex < 0) break;
|
|
359
|
-
startPointerEvent = this.recognizedEvents[startIndex];
|
|
360
|
-
elapsedTime = endTimeStamp - startPointerEvent.timeStamp;
|
|
361
|
-
}
|
|
362
|
-
const pointerEvents = [
|
|
363
|
-
startPointerEvent,
|
|
364
|
-
endPointerEvent
|
|
365
|
-
];
|
|
366
|
-
this.recognizedEvents = this.recognizedEvents.slice(-20);
|
|
367
|
-
return pointerEvents;
|
|
368
|
-
}
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
class $5fe7e4b452e08fad$export$bbcc47898202c6b8 {
|
|
374
|
-
constructor(pointer){
|
|
375
|
-
this.pointer = pointer;
|
|
376
|
-
this.parameters = pointer.parameters;
|
|
377
|
-
}
|
|
378
|
-
getTarget() {
|
|
379
|
-
return this.pointer.initialPointerEvent.target;
|
|
380
|
-
}
|
|
381
|
-
getCurrentPointerEvent() {
|
|
382
|
-
return this.pointer.currentPointerEvent;
|
|
383
|
-
}
|
|
384
|
-
// string is not good, it should be Direction
|
|
385
|
-
getCurrentDirection() {
|
|
386
|
-
return this.parameters.live.vector.direction;
|
|
387
|
-
}
|
|
388
|
-
onIdle() {}
|
|
389
|
-
onPointerMove(pointermoveEvent) {}
|
|
390
|
-
onPointerUp(pointerupEvent) {}
|
|
391
|
-
onPointerLeave(pointerleaveEvent) {}
|
|
392
|
-
onPointerCancel(pointercancelEvent) {}
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
const $24f1c062f8ef0b30$var$window = globalThis["window"];
|
|
399
|
-
let $24f1c062f8ef0b30$export$9d2aa32114ab0612;
|
|
400
|
-
if ($24f1c062f8ef0b30$var$window?.CustomEvent) // If we're in a browser environment forward the existing CustomEvent ctor
|
|
401
|
-
$24f1c062f8ef0b30$export$9d2aa32114ab0612 = $24f1c062f8ef0b30$var$window.CustomEvent;
|
|
402
|
-
else // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
403
|
-
$24f1c062f8ef0b30$export$9d2aa32114ab0612 = class _ extends Event {
|
|
404
|
-
constructor(type, eventInitDict){
|
|
405
|
-
super(type, eventInitDict);
|
|
406
|
-
this.detail = eventInitDict?.detail;
|
|
407
|
-
}
|
|
408
|
-
initCustomEvent() {
|
|
409
|
-
throw new Error("Unsupported deprecated method");
|
|
410
|
-
}
|
|
411
|
-
};
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
class $f752273e736c5336$export$6e9c3b1e1fa2b597 extends ($24f1c062f8ef0b30$export$9d2aa32114ab0612) {
|
|
415
|
-
}
|
|
416
|
-
class $f752273e736c5336$export$61ce360501d38a6f {
|
|
417
|
-
constructor(domElement, options){
|
|
418
|
-
this.state = (exports.GestureState).Inactive;
|
|
419
|
-
this.validPointerManagerState = null;
|
|
420
|
-
this.validPointerInputConstructor = ($5fe7e4b452e08fad$export$bbcc47898202c6b8);
|
|
421
|
-
this.domElement = domElement;
|
|
422
|
-
this.initialPointerEvent = null;
|
|
423
|
-
this.initialParameters = null;
|
|
424
|
-
this.activeStateParameters = null;
|
|
425
|
-
this.options = {
|
|
426
|
-
bubbles: true,
|
|
427
|
-
blocks: [],
|
|
428
|
-
supportedDirections: [],
|
|
429
|
-
supportedButtons: [],
|
|
430
|
-
DEBUG: false,
|
|
431
|
-
...options
|
|
432
|
-
};
|
|
433
|
-
this.DEBUG = this.options.DEBUG;
|
|
434
|
-
}
|
|
435
|
-
getEmptyGestureParameters() {
|
|
436
|
-
const nullRecognitionParameters = {
|
|
437
|
-
global: {
|
|
438
|
-
min: {},
|
|
439
|
-
max: {},
|
|
440
|
-
boolean: {}
|
|
441
|
-
},
|
|
442
|
-
live: {
|
|
443
|
-
min: {},
|
|
444
|
-
max: {},
|
|
445
|
-
boolean: {}
|
|
446
|
-
}
|
|
447
|
-
};
|
|
448
|
-
return nullRecognitionParameters;
|
|
449
|
-
}
|
|
450
|
-
getGestureParameters() {
|
|
451
|
-
let gestureParameters;
|
|
452
|
-
if (this.state == (exports.GestureState).Active) {
|
|
453
|
-
gestureParameters = this.activeStateParameters;
|
|
454
|
-
if (this.DEBUG == true) {
|
|
455
|
-
console.log(`[${this.eventBaseName}] validating using activeStateParameters`);
|
|
456
|
-
console.log(gestureParameters);
|
|
457
|
-
}
|
|
458
|
-
} else {
|
|
459
|
-
if (this.DEBUG == true) console.log(`[${this.eventBaseName}] validating using initialParameters`);
|
|
460
|
-
gestureParameters = this.initialParameters;
|
|
461
|
-
}
|
|
462
|
-
if (gestureParameters == null) throw new Error("[Gesture] no gesture parameters found. Do not call .getGestureParameters on abstract class Gesture");
|
|
463
|
-
return gestureParameters;
|
|
464
|
-
}
|
|
465
|
-
validateGestureParameters(pointerInput) {
|
|
466
|
-
const gestureParameters = this.getGestureParameters();
|
|
467
|
-
let isValid = true;
|
|
468
|
-
let timespan;
|
|
469
|
-
for(timespan in gestureParameters){
|
|
470
|
-
const timedGestureParameters = gestureParameters[timespan];
|
|
471
|
-
const timedPointerInputValues = pointerInput.parameters[timespan];
|
|
472
|
-
let minOrMaxOrBoolean;
|
|
473
|
-
for(minOrMaxOrBoolean in timedGestureParameters){
|
|
474
|
-
const evaluationParameters = timedGestureParameters[minOrMaxOrBoolean];
|
|
475
|
-
let gestureParameterName;
|
|
476
|
-
for(gestureParameterName in evaluationParameters){
|
|
477
|
-
const gestureParameter = evaluationParameters[gestureParameterName];
|
|
478
|
-
const pointerInputValue = timedPointerInputValues[gestureParameterName];
|
|
479
|
-
if (this.DEBUG == true) console.log(`[${this.eventBaseName}] validating ${timespan} ${minOrMaxOrBoolean}: required: ${gestureParameter}, pointer: ${pointerInputValue}`);
|
|
480
|
-
if (typeof gestureParameter == "boolean" && typeof pointerInputValue == "boolean") isValid = this.validateBooleanParameter(gestureParameter, pointerInputValue);
|
|
481
|
-
else if (typeof gestureParameter == "number" && typeof pointerInputValue == "number") isValid = this.validateMinMaxParameter(gestureParameter, pointerInputValue, minOrMaxOrBoolean);
|
|
482
|
-
if (isValid == false) {
|
|
483
|
-
if (this.DEBUG == true) console.log(`[${this.eventBaseName}] invalidated `);
|
|
484
|
-
return false;
|
|
485
|
-
}
|
|
486
|
-
}
|
|
487
|
-
}
|
|
488
|
-
}
|
|
489
|
-
return true;
|
|
490
|
-
}
|
|
491
|
-
validateBooleanParameter(gestureParameter, pointerInputValue) {
|
|
492
|
-
if (gestureParameter == null) return true;
|
|
493
|
-
else if (gestureParameter == pointerInputValue) {
|
|
494
|
-
if (this.DEBUG == true) console.log(`validated: required value: ${gestureParameter}, current value: ${pointerInputValue}`);
|
|
495
|
-
return true;
|
|
496
|
-
}
|
|
497
|
-
if (this.DEBUG == true) console.log(`dismissing ${this.eventBaseName}: required value: ${gestureParameter}, current value: ${pointerInputValue}`);
|
|
498
|
-
return false;
|
|
499
|
-
}
|
|
500
|
-
validateMinMaxParameter(gestureParameter, pointerInputValue, minOrMax) {
|
|
501
|
-
if (minOrMax == "min") {
|
|
502
|
-
if (pointerInputValue >= gestureParameter) return true;
|
|
503
|
-
} else if (minOrMax == "max") {
|
|
504
|
-
if (pointerInputValue <= gestureParameter) return true;
|
|
505
|
-
}
|
|
506
|
-
return false;
|
|
507
|
-
}
|
|
508
|
-
validateDirection(pointerInput) {
|
|
509
|
-
const currentDirection = pointerInput.getCurrentDirection();
|
|
510
|
-
if (this.options.supportedDirections.length && !this.options.supportedDirections.includes(currentDirection)) {
|
|
511
|
-
if (this.DEBUG == true) console.log(`[Gestures] dismissing ${this.eventBaseName}: supported directions: ${this.options.supportedDirections}, current direction: ${currentDirection}`);
|
|
512
|
-
return false;
|
|
513
|
-
}
|
|
514
|
-
return true;
|
|
515
|
-
}
|
|
516
|
-
validateGestureState() {
|
|
517
|
-
if (this.state == (exports.GestureState).Blocked) return false;
|
|
518
|
-
return true;
|
|
519
|
-
}
|
|
520
|
-
validatePointerManagerState(pointerManager) {
|
|
521
|
-
if (pointerManager.state == this.validPointerManagerState) return true;
|
|
522
|
-
if (this.DEBUG == true) console.log(`[Gesture] PointerManagerState invalidated ${this.eventBaseName}: ${pointerManager.state}`);
|
|
523
|
-
return false;
|
|
524
|
-
}
|
|
525
|
-
validatePointerInputConstructor(pointerInput) {
|
|
526
|
-
if (pointerInput instanceof this.validPointerInputConstructor) return true;
|
|
527
|
-
if (this.DEBUG == true) console.log(`[Gesture] PointerInputConstructor invalidated ${this.eventBaseName}: ${this.validPointerInputConstructor}`);
|
|
528
|
-
return false;
|
|
529
|
-
}
|
|
530
|
-
// validate pointerCount and GestureState.Blocked
|
|
531
|
-
validate(pointerManager) {
|
|
532
|
-
let isValid = this.validateGestureState();
|
|
533
|
-
if (isValid == true) isValid = this.validatePointerManagerState(pointerManager);
|
|
534
|
-
const pointerInput = pointerManager.activePointerInput;
|
|
535
|
-
if (isValid == true && pointerInput != null) {
|
|
536
|
-
isValid = this.validatePointerInputConstructor(pointerInput);
|
|
537
|
-
if (isValid == true) isValid = this.validateDirection(pointerInput);
|
|
538
|
-
if (isValid == true) isValid = this.validateGestureParameters(pointerInput);
|
|
539
|
-
}
|
|
540
|
-
return isValid;
|
|
541
|
-
}
|
|
542
|
-
recognize(pointerManager) {
|
|
543
|
-
const isValid = this.validate(pointerManager);
|
|
544
|
-
if (isValid == true && this.state == (exports.GestureState).Inactive) this.onStart(pointerManager);
|
|
545
|
-
if (isValid == true && this.state == (exports.GestureState).Active) {
|
|
546
|
-
if (this.initialPointerEvent == null) this.setInitialPointerEvent(pointerManager);
|
|
547
|
-
this.emit(pointerManager);
|
|
548
|
-
} else if (this.state == (exports.GestureState).Active && isValid == false) this.onEnd(pointerManager);
|
|
549
|
-
else if (this.DEBUG == true) console.log(`not firing event ${this.eventBaseName}. No SinglePointerInput found`);
|
|
550
|
-
}
|
|
551
|
-
/*
|
|
552
|
-
* The PointerInput for recognition has to be pointerManager.lastRemovedPointer if there is no active pointer left
|
|
553
|
-
*/ getPointerInput(pointerManager) {
|
|
554
|
-
if (pointerManager.hasPointersOnSurface() == true && pointerManager.activePointerInput instanceof this.validPointerInputConstructor) return pointerManager.activePointerInput;
|
|
555
|
-
else if (pointerManager.lastRemovedPointer instanceof ($d25d2392b002d8dc$export$b56007f12edf0c17)) {
|
|
556
|
-
const pointerInput = pointerManager.getlastRemovedPointerInput();
|
|
557
|
-
if (pointerInput instanceof this.validPointerInputConstructor) return pointerInput;
|
|
558
|
-
}
|
|
559
|
-
return null;
|
|
560
|
-
}
|
|
561
|
-
setInitialPointerEvent(pointerManager) {
|
|
562
|
-
const pointerInput = this.getPointerInput(pointerManager);
|
|
563
|
-
if (pointerInput instanceof this.validPointerInputConstructor) {
|
|
564
|
-
const pointerEvent = pointerInput.getCurrentPointerEvent();
|
|
565
|
-
this.initialPointerEvent = pointerEvent;
|
|
566
|
-
}
|
|
567
|
-
}
|
|
568
|
-
emit(pointerManager, eventName) {
|
|
569
|
-
// fire general event like "tap", "press", "pan"
|
|
570
|
-
eventName = eventName || this.eventBaseName;
|
|
571
|
-
if (this.DEBUG === true) console.log(`[Gestures] detected and firing event ${eventName}`);
|
|
572
|
-
const pointerInput = this.getPointerInput(pointerManager);
|
|
573
|
-
if (pointerInput != null) {
|
|
574
|
-
const target = pointerInput.getTarget();
|
|
575
|
-
if (target instanceof EventTarget) {
|
|
576
|
-
const eventData = this.getEventData(pointerInput, pointerManager);
|
|
577
|
-
const eventOptions = {
|
|
578
|
-
detail: eventData,
|
|
579
|
-
bubbles: this.options.bubbles
|
|
580
|
-
};
|
|
581
|
-
if (this.DEBUG === true) console.log(eventOptions);
|
|
582
|
-
const event = new $f752273e736c5336$export$6e9c3b1e1fa2b597(eventName, eventOptions);
|
|
583
|
-
if (eventOptions.bubbles == true) target.dispatchEvent(event);
|
|
584
|
-
else this.domElement.dispatchEvent(event);
|
|
585
|
-
// fire direction specific events
|
|
586
|
-
const currentDirection = eventData.live.direction;
|
|
587
|
-
const hasSupportedDirections = !!this.options.supportedDirections;
|
|
588
|
-
// do not fire events like "panendleft"
|
|
589
|
-
// only fire directional events if eventName == this.eventBaseName
|
|
590
|
-
if (hasSupportedDirections == true && currentDirection != (exports.Direction).None && (eventName == this.eventBaseName || eventName == "swipe")) for(let d = 0; d < this.options.supportedDirections.length; d++){
|
|
591
|
-
const direction = this.options.supportedDirections[d];
|
|
592
|
-
if (direction == currentDirection) {
|
|
593
|
-
const directionEventName = eventName + direction;
|
|
594
|
-
if (this.DEBUG == true) console.log(`[Gestures] detected and firing event ${directionEventName}`);
|
|
595
|
-
const directionEvent = new $f752273e736c5336$export$6e9c3b1e1fa2b597(directionEventName, eventOptions);
|
|
596
|
-
if (eventOptions.bubbles == true) target.dispatchEvent(directionEvent);
|
|
597
|
-
else this.domElement.dispatchEvent(directionEvent);
|
|
598
|
-
}
|
|
599
|
-
}
|
|
600
|
-
}
|
|
601
|
-
}
|
|
602
|
-
}
|
|
603
|
-
onStart(pointerManager) {
|
|
604
|
-
this.blockGestures();
|
|
605
|
-
this.state = (exports.GestureState).Active;
|
|
606
|
-
this.setInitialPointerEvent(pointerManager);
|
|
607
|
-
const eventName = `${this.eventBaseName}start`;
|
|
608
|
-
this.emit(pointerManager, eventName);
|
|
609
|
-
}
|
|
610
|
-
onEnd(pointerManager) {
|
|
611
|
-
this.unblockGestures();
|
|
612
|
-
if (this.DEBUG == true) console.log(`[${this.eventBaseName}] ended. Setting ${this.eventBaseName}.state = ${(exports.GestureState).Inactive}`);
|
|
613
|
-
this.state = (exports.GestureState).Inactive;
|
|
614
|
-
const eventName = `${this.eventBaseName}end`;
|
|
615
|
-
this.emit(pointerManager, eventName);
|
|
616
|
-
}
|
|
617
|
-
// provide the ability to react (eg block) to touch events
|
|
618
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */ onTouchStart(event) {}
|
|
619
|
-
onTouchMove(event) {}
|
|
620
|
-
onTouchEnd(event) {}
|
|
621
|
-
onTouchCancel(event) {}
|
|
622
|
-
/* eslint-enable @typescript-eslint/no-unused-vars */ block(gesture) {
|
|
623
|
-
if (this.options.blocks.indexOf(gesture) == -1) this.options.blocks.push(gesture);
|
|
624
|
-
}
|
|
625
|
-
unblock(gesture) {
|
|
626
|
-
if (this.options.blocks.indexOf(gesture) != -1) this.options.blocks.splice(this.options.blocks.indexOf(gesture), 1);
|
|
627
|
-
}
|
|
628
|
-
blockGestures() {
|
|
629
|
-
for(let g = 0; g < this.options.blocks.length; g++){
|
|
630
|
-
const gesture = this.options.blocks[g];
|
|
631
|
-
if (gesture.state == (exports.GestureState).Inactive) {
|
|
632
|
-
if (this.DEBUG == false) console.log(`[Gesture] blocking ${gesture.eventBaseName}`);
|
|
633
|
-
gesture.state = (exports.GestureState).Blocked;
|
|
634
|
-
}
|
|
635
|
-
}
|
|
636
|
-
}
|
|
637
|
-
unblockGestures() {
|
|
638
|
-
for(let g = 0; g < this.options.blocks.length; g++){
|
|
639
|
-
const gesture = this.options.blocks[g];
|
|
640
|
-
gesture.state = (exports.GestureState).Inactive;
|
|
641
|
-
}
|
|
642
|
-
}
|
|
643
|
-
getEventData(pointerInput, pointerManager) {
|
|
644
|
-
throw new Error("Gesture subclasses require a getEventData method()");
|
|
645
|
-
}
|
|
646
|
-
}
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
class $e8978caba4d46d00$export$718b85c80185d86e extends ($f752273e736c5336$export$61ce360501d38a6f) {
|
|
653
|
-
constructor(domElement, options){
|
|
654
|
-
super(domElement, options);
|
|
655
|
-
this.initialPointerEvent = null;
|
|
656
|
-
this.validPointerManagerState = (exports.PointerManagerState).SinglePointer;
|
|
657
|
-
const nullRecognitionParameters = this.getEmptyGestureParameters();
|
|
658
|
-
this.initialParameters = {
|
|
659
|
-
...nullRecognitionParameters
|
|
660
|
-
};
|
|
661
|
-
// a deep copy of the parameters is needed as they can have different values
|
|
662
|
-
this.activeStateParameters = JSON.parse(JSON.stringify({
|
|
663
|
-
...nullRecognitionParameters
|
|
664
|
-
}));
|
|
665
|
-
}
|
|
666
|
-
getEventData(singlePointerInput, pointerManager) {
|
|
667
|
-
// provide short-cuts to the values collected in the Contact object
|
|
668
|
-
// match this to the event used by hammer.js
|
|
669
|
-
const globalParameters = singlePointerInput.parameters.live;
|
|
670
|
-
const liveParameters = singlePointerInput.parameters.live;
|
|
671
|
-
let globalVector = globalParameters.vector;
|
|
672
|
-
let globalDuration = globalParameters.duration;
|
|
673
|
-
// gesture specific - dependant on the beginning of the gesture (when the gesture has initially been recognized)
|
|
674
|
-
if (this.initialPointerEvent != null) {
|
|
675
|
-
const globalStartPoint = new ($07c7ab2351895186$export$baf26146a414f24a)(this.initialPointerEvent.clientX, this.initialPointerEvent.clientY);
|
|
676
|
-
const globalEndPoint = new ($07c7ab2351895186$export$baf26146a414f24a)(singlePointerInput.pointer.currentPointerEvent.clientX, singlePointerInput.pointer.currentPointerEvent.clientY);
|
|
677
|
-
globalVector = new ($c0ee1a209fd4fc8d$export$9b781de7bf37bf48)(globalStartPoint, globalEndPoint);
|
|
678
|
-
globalDuration = singlePointerInput.pointer.currentPointerEvent.timeStamp - this.initialPointerEvent.timeStamp;
|
|
679
|
-
}
|
|
680
|
-
// global: global for this recognizer, not the Contact object
|
|
681
|
-
const globalGestureEventData = {
|
|
682
|
-
deltaX: globalVector.x,
|
|
683
|
-
deltaY: globalVector.y,
|
|
684
|
-
distance: globalVector.vectorLength,
|
|
685
|
-
speedX: globalVector.x / globalDuration,
|
|
686
|
-
speedY: globalVector.y / globalDuration,
|
|
687
|
-
speed: globalVector.vectorLength / globalDuration,
|
|
688
|
-
direction: globalVector.direction,
|
|
689
|
-
scale: 1,
|
|
690
|
-
rotation: 0,
|
|
691
|
-
center: {
|
|
692
|
-
x: globalParameters.vector.endPoint.x,
|
|
693
|
-
y: globalParameters.vector.endPoint.y
|
|
694
|
-
},
|
|
695
|
-
srcEvent: singlePointerInput.pointer.currentPointerEvent
|
|
696
|
-
};
|
|
697
|
-
const liveGestureEventData = {
|
|
698
|
-
deltaX: liveParameters.vector.x,
|
|
699
|
-
deltaY: liveParameters.vector.y,
|
|
700
|
-
distance: liveParameters.vector.vectorLength,
|
|
701
|
-
speedX: liveParameters.vector.x / singlePointerInput.pointer.vectorTimespan,
|
|
702
|
-
speedY: liveParameters.vector.y / singlePointerInput.pointer.vectorTimespan,
|
|
703
|
-
speed: liveParameters.speed,
|
|
704
|
-
direction: liveParameters.vector.direction,
|
|
705
|
-
scale: 1,
|
|
706
|
-
rotation: 0,
|
|
707
|
-
center: {
|
|
708
|
-
x: liveParameters.vector.endPoint.x,
|
|
709
|
-
y: liveParameters.vector.endPoint.y
|
|
710
|
-
},
|
|
711
|
-
srcEvent: singlePointerInput.pointer.currentPointerEvent /*,
|
|
712
|
-
target : primaryPointerInput.touch.target,
|
|
713
|
-
pointerType : ,
|
|
714
|
-
eventType : ,
|
|
715
|
-
isFirst : ,
|
|
716
|
-
isFinal :,
|
|
717
|
-
pointers : ,*/
|
|
718
|
-
};
|
|
719
|
-
const eventData = {
|
|
720
|
-
recognizer: this,
|
|
721
|
-
global: globalGestureEventData,
|
|
722
|
-
live: liveGestureEventData,
|
|
723
|
-
pointerManager: pointerManager
|
|
724
|
-
};
|
|
725
|
-
return eventData;
|
|
726
|
-
}
|
|
727
|
-
validateButton(pointerManager) {
|
|
728
|
-
if (this.options.supportedButtons.length > 0) {
|
|
729
|
-
const activePointerInput = pointerManager.activePointerInput;
|
|
730
|
-
const lastRemovedPointer = pointerManager.lastRemovedPointer;
|
|
731
|
-
let pointerEvent = null;
|
|
732
|
-
if (activePointerInput != null) pointerEvent = activePointerInput.getCurrentPointerEvent();
|
|
733
|
-
else if (lastRemovedPointer != null) pointerEvent = lastRemovedPointer.currentPointerEvent;
|
|
734
|
-
if (pointerEvent != null && pointerEvent.pointerType == "mouse" && this.options.supportedButtons.indexOf(pointerEvent.buttons) == -1) {
|
|
735
|
-
if (this.DEBUG == true) console.log(`dismissing ${this.eventBaseName}: supportedButtons: ${this.options.supportedButtons.toString()}, poinerEvent.buttons: ${pointerEvent.buttons}`);
|
|
736
|
-
return false;
|
|
737
|
-
}
|
|
738
|
-
}
|
|
739
|
-
return true;
|
|
740
|
-
}
|
|
741
|
-
validate(pointerManager) {
|
|
742
|
-
let isValid = this.validateButton(pointerManager);
|
|
743
|
-
if (isValid == true) isValid = super.validate(pointerManager);
|
|
744
|
-
return isValid;
|
|
745
|
-
}
|
|
746
|
-
}
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
class $b6ec4e8a6d9d51ec$export$4451a18ddc7083b7 extends ($e8978caba4d46d00$export$718b85c80185d86e) {
|
|
752
|
-
constructor(domElement, options){
|
|
753
|
-
super(domElement, options);
|
|
754
|
-
this.validPointerManagerState = (exports.PointerManagerState).NoPointer;
|
|
755
|
-
this.eventBaseName = "tap";
|
|
756
|
-
let globalMaxDuration = 499;
|
|
757
|
-
let liveMaxDistance = 30;
|
|
758
|
-
let globalMaxDistance = 30;
|
|
759
|
-
if (options) {
|
|
760
|
-
if ("maxDuration" in options) globalMaxDuration = options["maxDuration"];
|
|
761
|
-
if ("maxDistance" in options) {
|
|
762
|
-
liveMaxDistance = options["maxDistance"];
|
|
763
|
-
globalMaxDistance = options["maxDistance"];
|
|
764
|
-
}
|
|
765
|
-
}
|
|
766
|
-
this.initialParameters.global.max["duration"] = globalMaxDuration; // milliseconds. after a certain touch duration, it is not a TAP anymore
|
|
767
|
-
this.initialParameters.live.max["distance"] = liveMaxDistance; // if a certain distance is detected, TAP becomes impossible
|
|
768
|
-
this.initialParameters.global.max["distance"] = globalMaxDistance; // if a certain distance is detected, TAP becomes impossible
|
|
769
|
-
}
|
|
770
|
-
validateButton(pointerManager) {
|
|
771
|
-
if (this.options.supportedButtons.length > 0) {
|
|
772
|
-
const lastRemovedPointer = pointerManager.lastRemovedPointer;
|
|
773
|
-
if (lastRemovedPointer != null) {
|
|
774
|
-
const pointerEvent = lastRemovedPointer.currentPointerEvent;
|
|
775
|
-
// pointerEvent.button instead of pointerEvent.buttons
|
|
776
|
-
if (pointerEvent.pointerType == "mouse" && this.options.supportedButtons.indexOf(pointerEvent.button) == -1) {
|
|
777
|
-
if (this.DEBUG == true) console.log(`dismissing ${this.eventBaseName}: supportedButtons: ${this.options.supportedButtons.toString()}, poinerEvent.button: ${pointerEvent.button}`);
|
|
778
|
-
return false;
|
|
779
|
-
}
|
|
780
|
-
}
|
|
781
|
-
}
|
|
782
|
-
return true;
|
|
783
|
-
}
|
|
784
|
-
validate(pointerManager) {
|
|
785
|
-
let isValid = this.validateGestureState();
|
|
786
|
-
if (isValid == true) isValid = this.validatePointerManagerState(pointerManager);
|
|
787
|
-
if (isValid == true) isValid = this.validateButton(pointerManager);
|
|
788
|
-
if (isValid === true) {
|
|
789
|
-
if (pointerManager.lastInputSessionPointerCount != 1) return false;
|
|
790
|
-
else {
|
|
791
|
-
const singlePointerInput = pointerManager.getlastRemovedPointerInput();
|
|
792
|
-
if (singlePointerInput instanceof ($5fe7e4b452e08fad$export$bbcc47898202c6b8)) isValid = this.validateGestureParameters(singlePointerInput);
|
|
793
|
-
else isValid = false;
|
|
794
|
-
}
|
|
795
|
-
}
|
|
796
|
-
return isValid;
|
|
797
|
-
}
|
|
798
|
-
// do not set Tap.state = GestureState.active as Tap has no active state
|
|
799
|
-
onStart(pointerManager) {
|
|
800
|
-
this.setInitialPointerEvent(pointerManager);
|
|
801
|
-
this.emit(pointerManager);
|
|
802
|
-
}
|
|
803
|
-
}
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
class $5653a1f5fdc2db30$export$90610caf6d8d0242 extends ($e8978caba4d46d00$export$718b85c80185d86e) {
|
|
810
|
-
static minDuration = 500;
|
|
811
|
-
constructor(domElement, options){
|
|
812
|
-
super(domElement, options);
|
|
813
|
-
this.eventBaseName = "press";
|
|
814
|
-
let globalMinDuration = 500;
|
|
815
|
-
let globalMaxDistance = 10;
|
|
816
|
-
let globalMaxMaximumDistance = 20;
|
|
817
|
-
if (options) {
|
|
818
|
-
if ("minDuration" in options) globalMinDuration = options["minDuration"];
|
|
819
|
-
if ("maxDistance" in options) {
|
|
820
|
-
globalMaxMaximumDistance = options["maxDistance"];
|
|
821
|
-
globalMaxDistance = options["maxDistance"];
|
|
822
|
-
}
|
|
823
|
-
}
|
|
824
|
-
this.initialParameters.global.min["duration"] = globalMinDuration; // milliseconds. after a certain touch duration, it is not a TAP anymore
|
|
825
|
-
this.initialParameters.global.max["distance"] = globalMaxDistance; // if the pointer moved a certain distance, Press becomes impossible
|
|
826
|
-
this.initialParameters.global.max["maximumDistance"] = globalMaxMaximumDistance;
|
|
827
|
-
// only Press has this parameter
|
|
828
|
-
this.hasBeenEmitted = false;
|
|
829
|
-
}
|
|
830
|
-
recognize(pointerManager) {
|
|
831
|
-
const isValid = this.validate(pointerManager);
|
|
832
|
-
const singlePointerInput = this.getPointerInput(pointerManager);
|
|
833
|
-
// is this line really necessary? ESLint complains if it is not present, although its value is set in the constructor
|
|
834
|
-
// adding Object.freeze(this.initialParameters) in the constructor did not resolve the ESLint error
|
|
835
|
-
const minDuration = this.initialParameters.global.min["duration"] || $5653a1f5fdc2db30$export$90610caf6d8d0242.minDuration;
|
|
836
|
-
if (singlePointerInput instanceof ($5fe7e4b452e08fad$export$bbcc47898202c6b8)) {
|
|
837
|
-
if (isValid == true && this.hasBeenEmitted == false) {
|
|
838
|
-
this.setInitialPointerEvent(pointerManager);
|
|
839
|
-
this.emit(pointerManager);
|
|
840
|
-
this.hasBeenEmitted = true;
|
|
841
|
-
this.state = (exports.GestureState).Active;
|
|
842
|
-
this.blockGestures();
|
|
843
|
-
} else if (isValid == false && this.hasBeenEmitted == true) {
|
|
844
|
-
this.onEnd(pointerManager);
|
|
845
|
-
this.state = (exports.GestureState).Inactive;
|
|
846
|
-
this.hasBeenEmitted = false;
|
|
847
|
-
} else {
|
|
848
|
-
const duration = singlePointerInput.parameters.global.duration;
|
|
849
|
-
if (this.hasBeenEmitted == true && duration <= minDuration) this.hasBeenEmitted = false;
|
|
850
|
-
}
|
|
851
|
-
}
|
|
852
|
-
if (singlePointerInput == null) this.hasBeenEmitted = false;
|
|
853
|
-
}
|
|
854
|
-
}
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
class $7a0f7fd2f33d0212$export$f86166cd6057c2d1 extends ($e8978caba4d46d00$export$718b85c80185d86e) {
|
|
862
|
-
constructor(domElement, options){
|
|
863
|
-
super(domElement, options);
|
|
864
|
-
this.validPointerManagerState = (exports.PointerManagerState).SinglePointer;
|
|
865
|
-
this.eventBaseName = "pan";
|
|
866
|
-
this.initialParameters.global.min["duration"] = 0;
|
|
867
|
-
this.initialParameters.live.min["distance"] = 10;
|
|
868
|
-
this.initialParameters.global.boolean["hasBeenMoved"] = true;
|
|
869
|
-
this.swipeFinalSpeed = 600;
|
|
870
|
-
this.isSwipe = false;
|
|
871
|
-
this.options.supportedDirections = options?.supportedDirections ?? ($a2188ba8c266b376$export$86ae6e8ac17a67c6).All;
|
|
872
|
-
this.initialSupportedDirections = this.options.supportedDirections;
|
|
873
|
-
}
|
|
874
|
-
validate(pointerManager) {
|
|
875
|
-
// on second recognition allow all directions. otherwise, the "pan" mode would end if the finger was moved right and then down during "panleft" mode
|
|
876
|
-
if (this.state == (exports.GestureState).Active) this.options.supportedDirections = ($a2188ba8c266b376$export$86ae6e8ac17a67c6).All;
|
|
877
|
-
const isValid = super.validate(pointerManager);
|
|
878
|
-
return isValid;
|
|
879
|
-
}
|
|
880
|
-
onStart(pointerManager) {
|
|
881
|
-
this.isSwipe = false;
|
|
882
|
-
super.onStart(pointerManager);
|
|
883
|
-
}
|
|
884
|
-
// check if it was a swipe
|
|
885
|
-
onEnd(pointerManager) {
|
|
886
|
-
const singlePointerInput = pointerManager.getlastRemovedPointerInput();
|
|
887
|
-
if (singlePointerInput instanceof ($5fe7e4b452e08fad$export$bbcc47898202c6b8)) {
|
|
888
|
-
if (this.swipeFinalSpeed < singlePointerInput.parameters.global.finalSpeed && singlePointerInput.parameters.live.vector.direction != (exports.Direction).None) {
|
|
889
|
-
this.isSwipe = true;
|
|
890
|
-
this.emit(pointerManager, "swipe");
|
|
891
|
-
} else if (this.DEBUG == true) {
|
|
892
|
-
if (singlePointerInput.parameters.global.finalSpeed < this.swipeFinalSpeed) console.log(`[Pan] dismissing swipe. Final speed: ${singlePointerInput.parameters.global.finalSpeed} < ${this.swipeFinalSpeed}`);
|
|
893
|
-
else console.log(`[Pan] dismissing swipe. Direction: ${singlePointerInput.parameters.live.vector.direction}`);
|
|
894
|
-
}
|
|
895
|
-
}
|
|
896
|
-
super.onEnd(pointerManager);
|
|
897
|
-
this.options.supportedDirections = this.initialSupportedDirections;
|
|
898
|
-
}
|
|
899
|
-
onTouchMove(event) {
|
|
900
|
-
if (this.state == (exports.GestureState).Active) {
|
|
901
|
-
if (this.DEBUG == true) console.log("[Pan] preventing touchmove default");
|
|
902
|
-
event.preventDefault();
|
|
903
|
-
event.stopPropagation();
|
|
904
|
-
}
|
|
905
|
-
}
|
|
906
|
-
}
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
class $ba0aae203ff6b3f9$export$bdba51b3ce92d5f1 {
|
|
912
|
-
constructor(pointer_1, pointer_2){
|
|
913
|
-
this.pointerIds = new Set([
|
|
914
|
-
pointer_1.pointerId,
|
|
915
|
-
pointer_2.pointerId
|
|
916
|
-
]);
|
|
917
|
-
this.startTimestamp = new Date().getTime();
|
|
918
|
-
this.pointerMap = {};
|
|
919
|
-
this.pointerMap[pointer_1.pointerId] = pointer_1;
|
|
920
|
-
this.pointerMap[pointer_2.pointerId] = pointer_2;
|
|
921
|
-
this.pointer_1 = pointer_1;
|
|
922
|
-
this.pointer_2 = pointer_2;
|
|
923
|
-
this.initialPointerEvent = pointer_1.initialPointerEvent;
|
|
924
|
-
this.currentPointerEvent = pointer_1.initialPointerEvent;
|
|
925
|
-
const globalVector_1 = this.pointer_1.parameters.global.vector;
|
|
926
|
-
const globalVector_2 = this.pointer_2.parameters.global.vector;
|
|
927
|
-
const globalCenter = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenter(globalVector_1.startPoint, globalVector_2.startPoint);
|
|
928
|
-
const globalCenterMovementVector = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenterMovementVector(globalVector_1, globalVector_2);
|
|
929
|
-
const globalParameters = {
|
|
930
|
-
duration: 0,
|
|
931
|
-
center: globalCenter,
|
|
932
|
-
centerHasBeenMoved: false,
|
|
933
|
-
centerMovementDistance: 0,
|
|
934
|
-
centerMovementVector: globalCenterMovementVector,
|
|
935
|
-
absolutePointerDistanceChange: 0,
|
|
936
|
-
relativePointerDistanceChange: 0,
|
|
937
|
-
rotationAngle: 0,
|
|
938
|
-
absoluteRotationAngle: 0,
|
|
939
|
-
vectorAngle: 0,
|
|
940
|
-
absoluteVectorAngle: 0
|
|
941
|
-
};
|
|
942
|
-
const liveVector_1 = this.pointer_1.parameters.live.vector;
|
|
943
|
-
const liveVector_2 = this.pointer_2.parameters.live.vector;
|
|
944
|
-
const liveCenter = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenter(liveVector_1.startPoint, liveVector_2.startPoint);
|
|
945
|
-
const liveCenterMovementVector = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenterMovementVector(liveVector_1, liveVector_2);
|
|
946
|
-
const liveParameters = {
|
|
947
|
-
center: liveCenter,
|
|
948
|
-
centerIsMoving: false,
|
|
949
|
-
centerMovementDistance: 0,
|
|
950
|
-
centerMovementVector: liveCenterMovementVector,
|
|
951
|
-
absolutePointerDistanceChange: 0,
|
|
952
|
-
relativePointerDistanceChange: 0,
|
|
953
|
-
rotationAngle: 0,
|
|
954
|
-
absoluteRotationAngle: 0,
|
|
955
|
-
vectorAngle: 0,
|
|
956
|
-
absoluteVectorAngle: 0
|
|
957
|
-
};
|
|
958
|
-
const parameters = {
|
|
959
|
-
global: globalParameters,
|
|
960
|
-
live: liveParameters
|
|
961
|
-
};
|
|
962
|
-
this.parameters = parameters;
|
|
963
|
-
}
|
|
964
|
-
removePointer(pointerId) {
|
|
965
|
-
if (pointerId == this.pointer_1.pointerId) return this.pointer_2;
|
|
966
|
-
else if (pointerId == this.pointer_2.pointerId) return this.pointer_1;
|
|
967
|
-
else throw new Error(`[DualPointerInput] cannot remove Pointer #${pointerId}. The pointer is not part of this DualPointerInput`);
|
|
968
|
-
}
|
|
969
|
-
getTarget() {
|
|
970
|
-
return this.initialPointerEvent.target;
|
|
971
|
-
}
|
|
972
|
-
update(pointerEvent) {
|
|
973
|
-
if (pointerEvent instanceof PointerEvent) this.currentPointerEvent = pointerEvent;
|
|
974
|
-
const now = new Date().getTime();
|
|
975
|
-
this.parameters.global["duration"] = now - this.startTimestamp;
|
|
976
|
-
const globalVector_1 = this.pointer_1.parameters.global.vector;
|
|
977
|
-
const globalVector_2 = this.pointer_2.parameters.global.vector;
|
|
978
|
-
const globalCenter = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenter(globalVector_1.startPoint, globalVector_2.startPoint);
|
|
979
|
-
const globalCenterMovementVector = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenterMovementVector(globalVector_1, globalVector_2);
|
|
980
|
-
const globalAbsoluteDistanceChange = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateAbsoluteDistanceChange(globalVector_1, globalVector_2);
|
|
981
|
-
const globalRelativeDistanceChange = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateRelativeDistanceChange(globalVector_1, globalVector_2);
|
|
982
|
-
const globalRotationAngle = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateRotationAngle(globalVector_1, globalVector_2);
|
|
983
|
-
const globalVectorAngle = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateVectorAngle(globalVector_1, globalVector_2);
|
|
984
|
-
this.parameters.global["center"] = globalCenter;
|
|
985
|
-
this.parameters.global["centerMovementVector"] = globalCenterMovementVector;
|
|
986
|
-
this.parameters.global["centerMovementDistance"] = globalCenterMovementVector.vectorLength;
|
|
987
|
-
this.parameters.global["absolutePointerDistanceChange"] = globalAbsoluteDistanceChange;
|
|
988
|
-
this.parameters.global["relativePointerDistanceChange"] = globalRelativeDistanceChange;
|
|
989
|
-
this.parameters.global["rotationAngle"] = globalRotationAngle;
|
|
990
|
-
this.parameters.global["absoluteRotationAngle"] = Math.abs(globalRotationAngle);
|
|
991
|
-
this.parameters.global["vectorAngle"] = globalVectorAngle;
|
|
992
|
-
this.parameters.global["absoluteVectorAngle"] = Math.abs(globalVectorAngle);
|
|
993
|
-
const liveVector_1 = this.pointer_1.parameters.live.vector;
|
|
994
|
-
const liveVector_2 = this.pointer_2.parameters.live.vector;
|
|
995
|
-
const liveCenter = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenter(liveVector_1.startPoint, liveVector_2.startPoint);
|
|
996
|
-
const liveCenterMovementVector = ($1f7944f1763e45ce$export$2db6c17465f94a2).getCenterMovementVector(liveVector_1, liveVector_2);
|
|
997
|
-
const liveAbsoluteDistanceChange = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateAbsoluteDistanceChange(liveVector_1, liveVector_2);
|
|
998
|
-
const liveRelativeDistanceChange = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateRelativeDistanceChange(liveVector_1, liveVector_2);
|
|
999
|
-
// calculate rotation angle. imagine the user turning a wheel with 2 fingers
|
|
1000
|
-
const liveRotationAngle = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateRotationAngle(liveVector_1, liveVector_2);
|
|
1001
|
-
const liveVectorAngle = ($1f7944f1763e45ce$export$2db6c17465f94a2).calculateVectorAngle(liveVector_1, liveVector_2);
|
|
1002
|
-
if (liveCenterMovementVector.vectorLength > 0) {
|
|
1003
|
-
this.parameters.live.centerIsMoving = true;
|
|
1004
|
-
this.parameters.global.centerHasBeenMoved = true;
|
|
1005
|
-
} else this.parameters.live.centerIsMoving = false;
|
|
1006
|
-
this.parameters.live["center"] = liveCenter;
|
|
1007
|
-
this.parameters.live["centerMovementDistance"] = liveCenterMovementVector.vectorLength;
|
|
1008
|
-
this.parameters.live["centerMovementVector"] = liveCenterMovementVector;
|
|
1009
|
-
this.parameters.live["absolutePointerDistanceChange"] = liveAbsoluteDistanceChange;
|
|
1010
|
-
this.parameters.live["relativePointerDistanceChange"] = liveRelativeDistanceChange;
|
|
1011
|
-
this.parameters.live["rotationAngle"] = liveRotationAngle;
|
|
1012
|
-
this.parameters.live["absoluteRotationAngle"] = Math.abs(liveRotationAngle);
|
|
1013
|
-
this.parameters.live["vectorAngle"] = liveVectorAngle;
|
|
1014
|
-
this.parameters.live["absoluteVectorAngle"] = Math.abs(liveVectorAngle);
|
|
1015
|
-
}
|
|
1016
|
-
onPointerMove(pointermoveEvent) {
|
|
1017
|
-
this.update(pointermoveEvent);
|
|
1018
|
-
}
|
|
1019
|
-
onPointerUp(pointerupEvent) {
|
|
1020
|
-
this.update(pointerupEvent);
|
|
1021
|
-
}
|
|
1022
|
-
onPointerLeave(pointerleaveEvent) {
|
|
1023
|
-
this.update(pointerleaveEvent);
|
|
1024
|
-
}
|
|
1025
|
-
onPointerCancel(pointercancelEvent) {
|
|
1026
|
-
this.update(pointercancelEvent);
|
|
1027
|
-
}
|
|
1028
|
-
onIdle() {
|
|
1029
|
-
this.update();
|
|
1030
|
-
}
|
|
1031
|
-
// string is not good, it should be Direction
|
|
1032
|
-
getCurrentDirection() {
|
|
1033
|
-
return this.parameters.live.centerMovementVector.direction;
|
|
1034
|
-
}
|
|
1035
|
-
getCurrentPointerEvent() {
|
|
1036
|
-
return this.currentPointerEvent;
|
|
1037
|
-
}
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
class $a1a4c2869495e604$export$f9d89efe4b7795e7 extends ($f752273e736c5336$export$61ce360501d38a6f) {
|
|
1043
|
-
constructor(domElement, options){
|
|
1044
|
-
super(domElement, options);
|
|
1045
|
-
this.initialPointerEvent_1 = null;
|
|
1046
|
-
this.initialPointerEvent_2 = null;
|
|
1047
|
-
this.validPointerManagerState = (exports.PointerManagerState).DualPointer;
|
|
1048
|
-
this.validPointerInputConstructor = ($ba0aae203ff6b3f9$export$bdba51b3ce92d5f1);
|
|
1049
|
-
const nullRecognitionParameters = this.getEmptyGestureParameters();
|
|
1050
|
-
this.initialParameters = {
|
|
1051
|
-
...nullRecognitionParameters
|
|
1052
|
-
};
|
|
1053
|
-
this.activeStateParameters = JSON.parse(JSON.stringify({
|
|
1054
|
-
...nullRecognitionParameters
|
|
1055
|
-
}));
|
|
1056
|
-
}
|
|
1057
|
-
getEventData(dualPointerInput, pointerManager) {
|
|
1058
|
-
// provide short-cuts to the values collected in the Contact object
|
|
1059
|
-
// match this to the event used by hammer.js
|
|
1060
|
-
const globalParameters = dualPointerInput.parameters.global;
|
|
1061
|
-
const liveParameters = dualPointerInput.parameters.live;
|
|
1062
|
-
const globalGestureEventData = {
|
|
1063
|
-
deltaX: globalParameters.centerMovementVector.x,
|
|
1064
|
-
deltaY: globalParameters.centerMovementVector.y,
|
|
1065
|
-
distance: globalParameters.centerMovementDistance,
|
|
1066
|
-
speedX: globalParameters.centerMovementVector.x / globalParameters.duration,
|
|
1067
|
-
speedY: globalParameters.centerMovementVector.y / globalParameters.duration,
|
|
1068
|
-
speed: globalParameters.centerMovementVector.vectorLength / globalParameters.duration,
|
|
1069
|
-
direction: globalParameters.centerMovementVector.direction,
|
|
1070
|
-
scale: globalParameters.relativePointerDistanceChange,
|
|
1071
|
-
rotation: globalParameters.rotationAngle,
|
|
1072
|
-
center: globalParameters.center,
|
|
1073
|
-
srcEvent: dualPointerInput.currentPointerEvent
|
|
1074
|
-
};
|
|
1075
|
-
const liveGestureEventData = {
|
|
1076
|
-
deltaX: liveParameters.centerMovementVector.x,
|
|
1077
|
-
deltaY: liveParameters.centerMovementVector.y,
|
|
1078
|
-
distance: liveParameters.centerMovementDistance,
|
|
1079
|
-
speedX: liveParameters.centerMovementVector.x / globalParameters.duration,
|
|
1080
|
-
speedY: liveParameters.centerMovementVector.y / globalParameters.duration,
|
|
1081
|
-
speed: liveParameters.centerMovementVector.vectorLength / globalParameters.duration,
|
|
1082
|
-
direction: liveParameters.centerMovementVector.direction,
|
|
1083
|
-
scale: liveParameters.relativePointerDistanceChange,
|
|
1084
|
-
rotation: liveParameters.rotationAngle,
|
|
1085
|
-
center: {
|
|
1086
|
-
x: liveParameters.centerMovementVector.startPoint.x,
|
|
1087
|
-
y: liveParameters.centerMovementVector.startPoint.y
|
|
1088
|
-
},
|
|
1089
|
-
srcEvent: dualPointerInput.currentPointerEvent
|
|
1090
|
-
};
|
|
1091
|
-
const gestureEventData = {
|
|
1092
|
-
recognizer: this,
|
|
1093
|
-
global: globalGestureEventData,
|
|
1094
|
-
live: liveGestureEventData,
|
|
1095
|
-
pointerManager: pointerManager
|
|
1096
|
-
};
|
|
1097
|
-
return gestureEventData;
|
|
1098
|
-
}
|
|
1099
|
-
}
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
class $ed7931f1d96d5294$export$826ae541ddf1527b extends ($a1a4c2869495e604$export$f9d89efe4b7795e7) {
|
|
1103
|
-
constructor(domElement, options){
|
|
1104
|
-
super(domElement, options);
|
|
1105
|
-
this.eventBaseName = "pinch";
|
|
1106
|
-
this.initialParameters.live.min["centerMovementDistance"] = 0;
|
|
1107
|
-
this.initialParameters.live.max["centerMovementDistance"] = 50; //px
|
|
1108
|
-
this.initialParameters.live.min["absolutePointerDistanceChange"] = 5; // distance between 2 fingers
|
|
1109
|
-
this.initialParameters.live.max["absoluteRotationAngle"] = 20;
|
|
1110
|
-
this.initialParameters.live.min["absoluteVectorAngle"] = 10;
|
|
1111
|
-
}
|
|
1112
|
-
}
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
class $9fe2bb90b337f66c$export$152db69a76b6b79e extends ($a1a4c2869495e604$export$f9d89efe4b7795e7) {
|
|
1117
|
-
constructor(domElement, options){
|
|
1118
|
-
super(domElement, options);
|
|
1119
|
-
this.eventBaseName = "rotate";
|
|
1120
|
-
this.initialParameters.live.min["centerMovementDistance"] = 0;
|
|
1121
|
-
this.initialParameters.live.max["centerMovementDistance"] = 50;
|
|
1122
|
-
this.initialParameters.live.max["absolutePointerDistanceChange"] = 50;
|
|
1123
|
-
this.initialParameters.live.min["absoluteRotationAngle"] = 5;
|
|
1124
|
-
this.activeStateParameters.live.min["absoluteRotationAngle"] = 0;
|
|
1125
|
-
}
|
|
1126
|
-
}
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
class $59226122237c359c$export$8847187e02a498e8 extends ($a1a4c2869495e604$export$f9d89efe4b7795e7) {
|
|
1131
|
-
constructor(domElement, options){
|
|
1132
|
-
super(domElement, options);
|
|
1133
|
-
this.eventBaseName = "twofingerpan";
|
|
1134
|
-
this.initialParameters.live.min["centerMovementDistance"] = 10;
|
|
1135
|
-
this.initialParameters.live.max["absolutePointerDistanceChange"] = 50;
|
|
1136
|
-
this.initialParameters.live.max["absoluteVectorAngle"] = 150;
|
|
1137
|
-
this.activeStateParameters.live.min["centerMovementDistance"] = 0;
|
|
1138
|
-
}
|
|
1139
|
-
}
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
class $4f5a7b355079efa2$export$af6d1be017a420a {
|
|
1147
|
-
constructor(options){
|
|
1148
|
-
options = options || {};
|
|
1149
|
-
this.options = {
|
|
1150
|
-
DEBUG: false,
|
|
1151
|
-
...options
|
|
1152
|
-
};
|
|
1153
|
-
this.DEBUG = this.options.DEBUG;
|
|
1154
|
-
this.state = (exports.PointerManagerState).NoPointer;
|
|
1155
|
-
this.activePointerInput = null;
|
|
1156
|
-
this.lastRemovedPointer = null;
|
|
1157
|
-
this.lastInputSessionPointerCount = 0;
|
|
1158
|
-
this.pointerAllocation = {};
|
|
1159
|
-
this.unusedPointers = {}; // pointers on the surface that are not interpreted right now
|
|
1160
|
-
this.onSurfacePointers = {};
|
|
1161
|
-
}
|
|
1162
|
-
addPointer(pointerdownEvent) {
|
|
1163
|
-
if (this.DEBUG == true) console.log(`[PointerManager] adding Pointer #${pointerdownEvent.pointerId.toString()}`);
|
|
1164
|
-
const pointerOptions = {
|
|
1165
|
-
DEBUG: this.DEBUG
|
|
1166
|
-
};
|
|
1167
|
-
const pointer = new ($d25d2392b002d8dc$export$b56007f12edf0c17)(pointerdownEvent, pointerOptions);
|
|
1168
|
-
this.onSurfacePointers[pointer.pointerId] = pointer;
|
|
1169
|
-
if (this.activePointerInput == null) this.setActiveSinglePointerInput(pointer);
|
|
1170
|
-
else if (this.activePointerInput instanceof ($5fe7e4b452e08fad$export$bbcc47898202c6b8)) this.setActiveDualPointerInput(this.activePointerInput.pointer, pointer);
|
|
1171
|
-
else if (this.activePointerInput instanceof ($ba0aae203ff6b3f9$export$bdba51b3ce92d5f1)) this.unusedPointers[pointer.pointerId] = pointer;
|
|
1172
|
-
this.lastInputSessionPointerCount = this.currentPointerCount();
|
|
1173
|
-
}
|
|
1174
|
-
/**
|
|
1175
|
-
* called on the following events: pointerup, pointerleave(?), pointercancel
|
|
1176
|
-
* 1 -> 0 : SinglePointerInput -> null
|
|
1177
|
-
* 2 -> 1 : DualPointerInput -> SinglePointerInput
|
|
1178
|
-
* 3 -> 2 : DualPointerInput -> DualPointerInput (new combination or no change)
|
|
1179
|
-
*/ removePointer(pointerId) {
|
|
1180
|
-
if (this.DEBUG == true) {
|
|
1181
|
-
console.log(`[PointerManager] starting to remove Pointer #${pointerId}`);
|
|
1182
|
-
console.log(`[PointerManager] state: ${this.state}`);
|
|
1183
|
-
}
|
|
1184
|
-
const pointer = this.onSurfacePointers[pointerId];
|
|
1185
|
-
this.lastRemovedPointer = pointer;
|
|
1186
|
-
// remove from registries
|
|
1187
|
-
delete this.onSurfacePointers[pointerId];
|
|
1188
|
-
if (pointerId in this.unusedPointers) delete this.unusedPointers[pointerId];
|
|
1189
|
-
// set this.activePointerInput to null if the Pointer was part of it
|
|
1190
|
-
// DualPointerInput -> SinglePointerInput
|
|
1191
|
-
// OR DualPointerInput -> new DualPointerInput
|
|
1192
|
-
if (this.activePointerInput instanceof ($ba0aae203ff6b3f9$export$bdba51b3ce92d5f1)) {
|
|
1193
|
-
if (this.activePointerInput.pointerIds.has(pointerId)) {
|
|
1194
|
-
if (this.DEBUG == true) console.log(`[PointerManager] removing Pointer #${pointerId} from DualPointerInput`);
|
|
1195
|
-
const remainingPointer = this.activePointerInput.removePointer(pointerId);
|
|
1196
|
-
this.activePointerInput = null;
|
|
1197
|
-
// remainingPointer should be used for the next this.activePointerInput
|
|
1198
|
-
const unusedPointerInput = this.getUnusedPointer();
|
|
1199
|
-
if (unusedPointerInput instanceof ($d25d2392b002d8dc$export$b56007f12edf0c17)) this.setActiveDualPointerInput(remainingPointer, unusedPointerInput);
|
|
1200
|
-
else this.setActiveSinglePointerInput(remainingPointer);
|
|
1201
|
-
}
|
|
1202
|
-
// a 3rd pointer which has not been part of DualPointerInput has been removed
|
|
1203
|
-
} else if (this.activePointerInput instanceof ($5fe7e4b452e08fad$export$bbcc47898202c6b8)) {
|
|
1204
|
-
if (this.DEBUG == true) console.log(`[PointerManager] removing Pointer #${pointerId} from SinglePointerInput`);
|
|
1205
|
-
this.activePointerInput = null;
|
|
1206
|
-
this.state = (exports.PointerManagerState).NoPointer;
|
|
1207
|
-
// this should not be necessary
|
|
1208
|
-
if (Object.keys(this.unusedPointers).length > 0) {
|
|
1209
|
-
this.unusedPointers = {};
|
|
1210
|
-
throw new Error("[PointerManager] found unused Pointers although there should not be any");
|
|
1211
|
-
}
|
|
1212
|
-
if (Object.keys(this.onSurfacePointers).length > 0) {
|
|
1213
|
-
this.onSurfacePointers = {};
|
|
1214
|
-
throw new Error("[PointerManager] found onSurfacePointers although there should not be any");
|
|
1215
|
-
}
|
|
1216
|
-
}
|
|
1217
|
-
if (this.DEBUG == true) console.log(`[PointerManager] state: ${this.state}`);
|
|
1218
|
-
}
|
|
1219
|
-
setActiveSinglePointerInput(pointer) {
|
|
1220
|
-
pointer.reset();
|
|
1221
|
-
const singlePointerInput = new ($5fe7e4b452e08fad$export$bbcc47898202c6b8)(pointer);
|
|
1222
|
-
this.activePointerInput = singlePointerInput;
|
|
1223
|
-
this.pointerAllocation[pointer.pointerId] = singlePointerInput;
|
|
1224
|
-
delete this.unusedPointers[pointer.pointerId];
|
|
1225
|
-
this.state = (exports.PointerManagerState).SinglePointer;
|
|
1226
|
-
if (this.DEBUG == true) console.log(`[PointerManager] state: ${this.state}`);
|
|
1227
|
-
}
|
|
1228
|
-
setActiveDualPointerInput(pointer_1, pointer_2) {
|
|
1229
|
-
pointer_1.reset();
|
|
1230
|
-
pointer_2.reset();
|
|
1231
|
-
const dualPointerInput = new ($ba0aae203ff6b3f9$export$bdba51b3ce92d5f1)(pointer_1, pointer_2);
|
|
1232
|
-
this.activePointerInput = dualPointerInput;
|
|
1233
|
-
this.pointerAllocation[pointer_1.pointerId] = dualPointerInput;
|
|
1234
|
-
this.pointerAllocation[pointer_2.pointerId] = dualPointerInput;
|
|
1235
|
-
delete this.unusedPointers[pointer_1.pointerId];
|
|
1236
|
-
delete this.unusedPointers[pointer_2.pointerId];
|
|
1237
|
-
this.state = (exports.PointerManagerState).DualPointer;
|
|
1238
|
-
if (this.DEBUG == true) console.log(`[PointerManager] state: ${this.state}`);
|
|
1239
|
-
}
|
|
1240
|
-
hasPointersOnSurface() {
|
|
1241
|
-
if (Object.keys(this.onSurfacePointers).length > 0) return true;
|
|
1242
|
-
return false;
|
|
1243
|
-
}
|
|
1244
|
-
currentPointerCount() {
|
|
1245
|
-
return Object.keys(this.onSurfacePointers).length;
|
|
1246
|
-
}
|
|
1247
|
-
getUnusedPointer() {
|
|
1248
|
-
if (Object.keys(this.unusedPointers).length > 0) {
|
|
1249
|
-
const pointer = Object.values(this.unusedPointers)[0];
|
|
1250
|
-
return pointer;
|
|
1251
|
-
}
|
|
1252
|
-
return null;
|
|
1253
|
-
}
|
|
1254
|
-
getPointerFromId(pointerId) {
|
|
1255
|
-
if (pointerId in this.onSurfacePointers) return this.onSurfacePointers[pointerId];
|
|
1256
|
-
return null;
|
|
1257
|
-
}
|
|
1258
|
-
getlastRemovedPointerInput() {
|
|
1259
|
-
if (this.lastRemovedPointer instanceof ($d25d2392b002d8dc$export$b56007f12edf0c17)) return this.pointerAllocation[this.lastRemovedPointer.pointerId];
|
|
1260
|
-
return null;
|
|
1261
|
-
}
|
|
1262
|
-
onIdle() {
|
|
1263
|
-
for(const pointerId in this.onSurfacePointers){
|
|
1264
|
-
const pointer = this.onSurfacePointers[pointerId];
|
|
1265
|
-
pointer.onIdle();
|
|
1266
|
-
}
|
|
1267
|
-
this.activePointerInput?.onIdle();
|
|
1268
|
-
}
|
|
1269
|
-
/**
|
|
1270
|
-
* PointerEvent handlers
|
|
1271
|
-
* - the Pointer is always updated firs
|
|
1272
|
-
* - afterwards, the current activePointerInput is updated
|
|
1273
|
-
*/ onPointerMove(pointermoveEvent) {
|
|
1274
|
-
const pointer = this.getPointerFromId(pointermoveEvent.pointerId);
|
|
1275
|
-
if (pointer instanceof ($d25d2392b002d8dc$export$b56007f12edf0c17)) pointer.onPointerMove(pointermoveEvent);
|
|
1276
|
-
this.activePointerInput?.onPointerMove(pointermoveEvent);
|
|
1277
|
-
}
|
|
1278
|
-
onPointerUp(pointerupEvent) {
|
|
1279
|
-
if (this.DEBUG == true) console.log("[PointerManager] pointerup detected");
|
|
1280
|
-
const pointer = this.getPointerFromId(pointerupEvent.pointerId);
|
|
1281
|
-
if (pointer instanceof ($d25d2392b002d8dc$export$b56007f12edf0c17)) pointer.onPointerUp(pointerupEvent);
|
|
1282
|
-
this.activePointerInput?.onPointerUp(pointerupEvent);
|
|
1283
|
-
this.removePointer(pointerupEvent.pointerId);
|
|
1284
|
-
}
|
|
1285
|
-
/*onPointerOver(pointeroverEvent: PointerEvent): void {
|
|
1286
|
-
|
|
1287
|
-
}
|
|
1288
|
-
|
|
1289
|
-
onPointerLeave(pointerleaveEvent: PointerEvent): void {
|
|
1290
|
-
if (this.DEBUG == true) {
|
|
1291
|
-
console.log(`[PointerManager] pointerLeave detected`);
|
|
1292
|
-
}
|
|
1293
|
-
const pointer = this.getPointerFromId(pointerleaveEvent.pointerId);
|
|
1294
|
-
if (pointer instanceof Pointer) {
|
|
1295
|
-
pointer.onPointerLeave(pointerleaveEvent);
|
|
1296
|
-
}
|
|
1297
|
-
this.activePointerInput?.onPointerLeave(pointerleaveEvent);
|
|
1298
|
-
// pointerleave does not mean th pointer left the surface
|
|
1299
|
-
// the pointer left the bound element
|
|
1300
|
-
this.removePointer(pointerleaveEvent.pointerId);
|
|
1301
|
-
}
|
|
1302
|
-
|
|
1303
|
-
onPointerOut(pointeroutEvent: PointerEvent): void {
|
|
1304
|
-
if (this.DEBUG == true) {
|
|
1305
|
-
console.log(`[PointerManager] pointerout detected`);
|
|
1306
|
-
}
|
|
1307
|
-
const pointer = this.getPointerFromId(pointeroutEvent.pointerId);
|
|
1308
|
-
if (pointer instanceof Pointer) {
|
|
1309
|
-
pointer.onPointerLeave(pointeroutEvent);
|
|
1310
|
-
}
|
|
1311
|
-
this.activePointerInput?.onPointerLeave(pointeroutEvent);
|
|
1312
|
-
// pointerleave does not mean th pointer left the surface
|
|
1313
|
-
// the pointer left the bound element
|
|
1314
|
-
this.removePointer(pointeroutEvent.pointerId);
|
|
1315
|
-
}*/ onPointerCancel(pointercancelEvent) {
|
|
1316
|
-
if (this.DEBUG == true) console.log("[PointerManager] pointercancel detected");
|
|
1317
|
-
const pointer = this.getPointerFromId(pointercancelEvent.pointerId);
|
|
1318
|
-
if (pointer instanceof ($d25d2392b002d8dc$export$b56007f12edf0c17)) pointer.onPointerCancel(pointercancelEvent);
|
|
1319
|
-
this.activePointerInput?.onPointerCancel(pointercancelEvent);
|
|
1320
|
-
this.removePointer(pointercancelEvent.pointerId);
|
|
1321
|
-
}
|
|
1322
|
-
}
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
const $03c52e54621b9b86$var$ALL_GESTURE_CLASSES = [
|
|
1327
|
-
($b6ec4e8a6d9d51ec$export$4451a18ddc7083b7),
|
|
1328
|
-
($5653a1f5fdc2db30$export$90610caf6d8d0242),
|
|
1329
|
-
($7a0f7fd2f33d0212$export$f86166cd6057c2d1),
|
|
1330
|
-
($ed7931f1d96d5294$export$826ae541ddf1527b),
|
|
1331
|
-
($9fe2bb90b337f66c$export$152db69a76b6b79e),
|
|
1332
|
-
($59226122237c359c$export$8847187e02a498e8)
|
|
1333
|
-
];
|
|
1334
|
-
class $03c52e54621b9b86$export$9371bd96776f4e82 {
|
|
1335
|
-
constructor(domElement, options){
|
|
1336
|
-
this.state = (exports.PointerListenerState).NoActiveGesture;
|
|
1337
|
-
this.activeGestures = [];
|
|
1338
|
-
this.hadActiveGestureDuringCurrentContact = false;
|
|
1339
|
-
// registry for events like "pan", "rotate", which have to be removed on this.destroy();
|
|
1340
|
-
this.gestureEventHandlers = {};
|
|
1341
|
-
this.lastRecognitionTimestamp = null;
|
|
1342
|
-
this.idleRecognitionIntervalId = null;
|
|
1343
|
-
this.pointerEventHandlers = {};
|
|
1344
|
-
this.touchEventHandlers = {};
|
|
1345
|
-
options = options || {};
|
|
1346
|
-
this.options = {
|
|
1347
|
-
DEBUG: false,
|
|
1348
|
-
DEBUG_GESTURES: false,
|
|
1349
|
-
DEBUG_POINTERMANAGER: false,
|
|
1350
|
-
bubbles: true,
|
|
1351
|
-
handleTouchEvents: true,
|
|
1352
|
-
consecutiveGestures: true,
|
|
1353
|
-
simultaneousGestures: true,
|
|
1354
|
-
supportedGestures: [],
|
|
1355
|
-
...options
|
|
1356
|
-
};
|
|
1357
|
-
this.DEBUG = this.options.DEBUG;
|
|
1358
|
-
const supportedGestures = options.supportedGestures ?? $03c52e54621b9b86$var$ALL_GESTURE_CLASSES;
|
|
1359
|
-
// instantiate gesture classes on domElement and add them to this.options
|
|
1360
|
-
const instantiatedGestures = supportedGestures.map((GestureClass)=>{
|
|
1361
|
-
if (typeof GestureClass === "function") {
|
|
1362
|
-
const gestureOptions = {
|
|
1363
|
-
bubbles: this.options.bubbles,
|
|
1364
|
-
DEBUG: this.options.DEBUG_GESTURES
|
|
1365
|
-
};
|
|
1366
|
-
return new GestureClass(domElement, gestureOptions);
|
|
1367
|
-
}
|
|
1368
|
-
if (typeof GestureClass === "object") return GestureClass;
|
|
1369
|
-
throw new Error(`unsupported gesture type: ${typeof GestureClass}`);
|
|
1370
|
-
});
|
|
1371
|
-
// this.supportedGestures have to be instantiated gestures
|
|
1372
|
-
this.supportedGestures = instantiatedGestures;
|
|
1373
|
-
this.domElement = domElement;
|
|
1374
|
-
const pointerManagerOptions = {
|
|
1375
|
-
DEBUG: this.options.DEBUG_POINTERMANAGER
|
|
1376
|
-
};
|
|
1377
|
-
this.pointerManager = new ($4f5a7b355079efa2$export$af6d1be017a420a)(pointerManagerOptions);
|
|
1378
|
-
// disable context menu on long taps - this kills pointermove
|
|
1379
|
-
/*domElement.addEventListener("contextmenu", (event) => {
|
|
1380
|
-
event.preventDefault();
|
|
1381
|
-
return false;
|
|
1382
|
-
});*/ this.addPointerEventListeners();
|
|
1383
|
-
this.addTouchEventListeners();
|
|
1384
|
-
}
|
|
1385
|
-
/* PointerEvent handling */ addPointerEventListeners() {
|
|
1386
|
-
const domElement = this.domElement;
|
|
1387
|
-
// create references, so the listener can be removed at a later time
|
|
1388
|
-
// .bind(this): make sure that the instance of PointerListener is accessible in the EventHandler
|
|
1389
|
-
const onPointerDown = this.onPointerDown.bind(this);
|
|
1390
|
-
const onPointerMove = this.onPointerMove.bind(this);
|
|
1391
|
-
const onPointerUp = this.onPointerUp.bind(this);
|
|
1392
|
-
//const onPointerLeave = this.onPointerLeave.bind(this);
|
|
1393
|
-
//const onPointerOut = this.onPointerOut.bind(this);
|
|
1394
|
-
const onPointerCancel = this.onPointerCancel.bind(this);
|
|
1395
|
-
domElement.addEventListener("pointerdown", onPointerDown, {
|
|
1396
|
-
passive: true
|
|
1397
|
-
});
|
|
1398
|
-
domElement.addEventListener("pointermove", onPointerMove, {
|
|
1399
|
-
passive: true
|
|
1400
|
-
});
|
|
1401
|
-
domElement.addEventListener("pointerup", onPointerUp, {
|
|
1402
|
-
passive: true
|
|
1403
|
-
});
|
|
1404
|
-
/*
|
|
1405
|
-
* case: user presses mouse button and moves element. while moving, the cursor leaves the element (fires pointerout)
|
|
1406
|
-
* while outside the element, the mouse button is released. pointerup is not fired.
|
|
1407
|
-
* during pan, pan should not end if the pointer leaves the element.
|
|
1408
|
-
* MDN: Pointer capture allows events for a particular pointer event (PointerEvent) to be re-targeted to a particular element instead of the normal (or hit test) target at a pointer's location. This can be used to ensure that an element continues to receive pointer events even if the pointer device's contact moves off the element (such as by scrolling or panning).
|
|
1409
|
-
* this problem is solved by using setPointerCapture()
|
|
1410
|
-
*/ //domElement.addEventListener("pointerleave", onPointerLeave, { passive: true });
|
|
1411
|
-
//domElement.addEventListener("pointerout", onPointerOut, { passive: true });
|
|
1412
|
-
domElement.addEventListener("pointercancel", onPointerCancel, {
|
|
1413
|
-
passive: true
|
|
1414
|
-
});
|
|
1415
|
-
this.pointerEventHandlers = {
|
|
1416
|
-
pointerdown: onPointerDown,
|
|
1417
|
-
pointermove: onPointerMove,
|
|
1418
|
-
pointerup: onPointerUp,
|
|
1419
|
-
//pointerleave: onPointerLeave,
|
|
1420
|
-
//pointerout: onPointerOut,
|
|
1421
|
-
pointercancel: onPointerCancel
|
|
1422
|
-
};
|
|
1423
|
-
}
|
|
1424
|
-
// there may be more than one pointer. Each new pointer fires onPointerDown
|
|
1425
|
-
onPointerDown(pointerdownEvent) {
|
|
1426
|
-
if (this.DEBUG == true) console.log("[PointerListener] pointerdown event detected");
|
|
1427
|
-
// re-target all pointerevents to the current element
|
|
1428
|
-
// see https://developer.mozilla.org/en-US/docs/Web/API/Element/setPointerCapture
|
|
1429
|
-
// setPointerCapture on pointerdownEvent.target to not disable native click events on elements inside of the element pointerListener is bound to
|
|
1430
|
-
(pointerdownEvent.target || this.domElement).setPointerCapture(pointerdownEvent.pointerId);
|
|
1431
|
-
this.pointerManager.addPointer(pointerdownEvent);
|
|
1432
|
-
this.options.pointerdown?.(pointerdownEvent, this);
|
|
1433
|
-
// before starting a new interval, make sure the old one is stopped if present
|
|
1434
|
-
if (this.idleRecognitionIntervalId != null) this.clearIdleRecognitionInterval();
|
|
1435
|
-
this.idleRecognitionIntervalId = setInterval(()=>{
|
|
1436
|
-
this.onIdle();
|
|
1437
|
-
}, 100);
|
|
1438
|
-
}
|
|
1439
|
-
onPointerMove(pointermoveEvent) {
|
|
1440
|
-
// pointermove is also firing if the mouse button is not pressed
|
|
1441
|
-
if (this.pointerManager.hasPointersOnSurface() == true) {
|
|
1442
|
-
// this would disable vertical scrolling - which should only be disabled if a panup/down or swipeup/down listener has been triggered
|
|
1443
|
-
// event.preventDefault();
|
|
1444
|
-
this.pointerManager.onPointerMove(pointermoveEvent);
|
|
1445
|
-
this.recognizeGestures();
|
|
1446
|
-
this.options.pointermove?.(pointermoveEvent, this);
|
|
1447
|
-
}
|
|
1448
|
-
}
|
|
1449
|
-
onPointerUp(pointerupEvent) {
|
|
1450
|
-
if (this.DEBUG == true) console.log("[PointerListener] pointerup event detected");
|
|
1451
|
-
this.domElement.releasePointerCapture(pointerupEvent.pointerId);
|
|
1452
|
-
if (this.pointerManager.hasPointersOnSurface() == true) {
|
|
1453
|
-
this.pointerManager.onPointerUp(pointerupEvent);
|
|
1454
|
-
this.recognizeGestures();
|
|
1455
|
-
this.options.pointerup?.(pointerupEvent, this);
|
|
1456
|
-
}
|
|
1457
|
-
this.clearIdleRecognitionInterval();
|
|
1458
|
-
}
|
|
1459
|
-
/*private onPointerLeave(event: PointerEvent) {
|
|
1460
|
-
if (this.DEBUG == true) {
|
|
1461
|
-
console.log("[PointerListener] pointerleave detected");
|
|
1462
|
-
}
|
|
1463
|
-
|
|
1464
|
-
if (this.pointerManager.hasPointersOnSurface() == true) {
|
|
1465
|
-
this.pointerManager.onPointerLeave(event);
|
|
1466
|
-
this.recognizeGestures();
|
|
1467
|
-
}
|
|
1468
|
-
|
|
1469
|
-
this.clearIdleRecognitionInterval();
|
|
1470
|
-
}
|
|
1471
|
-
|
|
1472
|
-
private onPointerOut(pointeroutEvent: PointerEvent) {
|
|
1473
|
-
if (this.DEBUG == true) {
|
|
1474
|
-
console.log("[PointerListener] pointerout detected");
|
|
1475
|
-
}
|
|
1476
|
-
|
|
1477
|
-
if (this.pointerManager.hasPointersOnSurface() == true) {
|
|
1478
|
-
this.pointerManager.onPointerOut(pointeroutEvent);
|
|
1479
|
-
this.recognizeGestures();
|
|
1480
|
-
}
|
|
1481
|
-
|
|
1482
|
-
this.clearIdleRecognitionInterval();
|
|
1483
|
-
}*/ onPointerCancel(pointercancelEvent) {
|
|
1484
|
-
this.domElement.releasePointerCapture(pointercancelEvent.pointerId);
|
|
1485
|
-
if (this.DEBUG == true) console.log("[PointerListener] pointercancel detected");
|
|
1486
|
-
this.pointerManager.onPointerCancel(pointercancelEvent);
|
|
1487
|
-
this.recognizeGestures();
|
|
1488
|
-
this.clearIdleRecognitionInterval();
|
|
1489
|
-
this.options.pointercancel?.(pointercancelEvent, this);
|
|
1490
|
-
}
|
|
1491
|
-
removePointerEventListeners() {
|
|
1492
|
-
for(const event in this.pointerEventHandlers){
|
|
1493
|
-
const handler = this.pointerEventHandlers[event];
|
|
1494
|
-
this.domElement.removeEventListener(event, handler);
|
|
1495
|
-
}
|
|
1496
|
-
}
|
|
1497
|
-
// provide the ability to interact/prevent touch events
|
|
1498
|
-
// scrolling (touchmove event) results in pointerCancel event, stopping horizontal panning if user scrolls vertically
|
|
1499
|
-
// the better solution is using eg css: touch-action: pan-y;
|
|
1500
|
-
addTouchEventListeners() {
|
|
1501
|
-
if (this.options.handleTouchEvents == true) {
|
|
1502
|
-
const onTouchMove = this.onTouchMove.bind(this);
|
|
1503
|
-
// do NOT make the touchmove listener passive, as this listener might block touch events from
|
|
1504
|
-
// interfering with pan/swipe. Passive listeners make the promise not to block scrolling.
|
|
1505
|
-
this.domElement.addEventListener("touchmove", onTouchMove);
|
|
1506
|
-
this.touchEventHandlers["touchmove"] = onTouchMove;
|
|
1507
|
-
/*this.domElement.addEventListener("touchstart", (event) => {
|
|
1508
|
-
|
|
1509
|
-
}, { passive: true });*/ /*this.domElement.addEventListener("touchend", (event) => {
|
|
1510
|
-
}, { passive: true });
|
|
1511
|
-
|
|
1512
|
-
this.domElement.addEventListener("touchcancel", (event) => {
|
|
1513
|
-
}, { passive: true });*/ }
|
|
1514
|
-
}
|
|
1515
|
-
removeTouchEventListeners() {
|
|
1516
|
-
for(const event in this.touchEventHandlers){
|
|
1517
|
-
const handler = this.touchEventHandlers[event];
|
|
1518
|
-
this.domElement.removeEventListener(event, handler);
|
|
1519
|
-
}
|
|
1520
|
-
}
|
|
1521
|
-
onTouchMove(event) {
|
|
1522
|
-
// fire onTouchMove for all gestures
|
|
1523
|
-
for(let g = 0; g < this.supportedGestures.length; g++){
|
|
1524
|
-
const gesture = this.supportedGestures[g];
|
|
1525
|
-
gesture.onTouchMove(event);
|
|
1526
|
-
}
|
|
1527
|
-
}
|
|
1528
|
-
// to recognize Press, recognition has to be run if the user does nothing while having contact with the surface (no pointermove, no pointerup, no pointercancel)
|
|
1529
|
-
onIdle() {
|
|
1530
|
-
if (this.pointerManager.hasPointersOnSurface() == false) this.clearIdleRecognitionInterval();
|
|
1531
|
-
else {
|
|
1532
|
-
const now = new Date().getTime();
|
|
1533
|
-
let timedelta = null;
|
|
1534
|
-
if (this.lastRecognitionTimestamp != null) timedelta = now - this.lastRecognitionTimestamp;
|
|
1535
|
-
if (timedelta == null || timedelta > 100) {
|
|
1536
|
-
this.pointerManager.onIdle();
|
|
1537
|
-
if (this.DEBUG == true) console.log("[PointerListener] onIdle - running idle recognition");
|
|
1538
|
-
this.recognizeGestures();
|
|
1539
|
-
}
|
|
1540
|
-
}
|
|
1541
|
-
}
|
|
1542
|
-
clearIdleRecognitionInterval() {
|
|
1543
|
-
if (this.idleRecognitionIntervalId != null) {
|
|
1544
|
-
clearInterval(this.idleRecognitionIntervalId);
|
|
1545
|
-
this.idleRecognitionIntervalId = null;
|
|
1546
|
-
}
|
|
1547
|
-
}
|
|
1548
|
-
/**
|
|
1549
|
-
* respect the options "consecutiveGestures" and "simultaneousGestures"
|
|
1550
|
-
*/ recognizeGestures() {
|
|
1551
|
-
this.lastRecognitionTimestamp = new Date().getTime();
|
|
1552
|
-
let gesturesForRecognition = this.supportedGestures;
|
|
1553
|
-
if (this.options.simultaneousGestures == false && this.state == (exports.PointerListenerState).ActiveGesture) gesturesForRecognition = [
|
|
1554
|
-
this.activeGestures[0]
|
|
1555
|
-
];
|
|
1556
|
-
else if (this.options.consecutiveGestures == false && this.state == (exports.PointerListenerState).ActiveGesture) gesturesForRecognition = [
|
|
1557
|
-
this.activeGestures[0]
|
|
1558
|
-
];
|
|
1559
|
-
else if (this.options.consecutiveGestures == false && this.state == (exports.PointerListenerState).NoActiveGesture) {
|
|
1560
|
-
if (this.hadActiveGestureDuringCurrentContact == true && this.pointerManager.hasPointersOnSurface() == true) gesturesForRecognition = [];
|
|
1561
|
-
}
|
|
1562
|
-
for(let g = 0; g < gesturesForRecognition.length; g++){
|
|
1563
|
-
const gesture = gesturesForRecognition[g];
|
|
1564
|
-
gesture.recognize(this.pointerManager);
|
|
1565
|
-
this.updateActiveGestures(gesture);
|
|
1566
|
-
if (this.options.simultaneousGestures == false && this.state == (exports.PointerListenerState).ActiveGesture) break;
|
|
1567
|
-
}
|
|
1568
|
-
if (this.DEBUG == true) console.log(`[PointerListener] hadActiveGestureDuringCurrentContact: ${this.hadActiveGestureDuringCurrentContact}`);
|
|
1569
|
-
if (this.pointerManager.hasPointersOnSurface() == false) this.hadActiveGestureDuringCurrentContact = false;
|
|
1570
|
-
}
|
|
1571
|
-
updateActiveGestures(gesture) {
|
|
1572
|
-
if (gesture.state == (exports.GestureState).Active) {
|
|
1573
|
-
this.hadActiveGestureDuringCurrentContact = true;
|
|
1574
|
-
if (this.activeGestures.indexOf(gesture) < 0) this.activeGestures.push(gesture);
|
|
1575
|
-
} else {
|
|
1576
|
-
// remove from active gestures
|
|
1577
|
-
const index = this.activeGestures.indexOf(gesture);
|
|
1578
|
-
if (index >= 0) this.activeGestures.splice(index, 1);
|
|
1579
|
-
}
|
|
1580
|
-
if (this.activeGestures.length > 0) this.state = (exports.PointerListenerState).ActiveGesture;
|
|
1581
|
-
else this.state = (exports.PointerListenerState).NoActiveGesture;
|
|
1582
|
-
}
|
|
1583
|
-
/*
|
|
1584
|
-
* handler management
|
|
1585
|
-
* eventsString: one or more events: "tap" or "pan twofingerpan pinchend"
|
|
1586
|
-
* currently, it is not supported to add the same handlerReference twice (once with useCapture = true, and once with useCapture = false)
|
|
1587
|
-
* useCapture defaults to false
|
|
1588
|
-
*/ parseEventsString(eventsString) {
|
|
1589
|
-
return eventsString.trim().split(/\s+/g);
|
|
1590
|
-
}
|
|
1591
|
-
on(eventsString, handlerReference) {
|
|
1592
|
-
const eventTypes = this.parseEventsString(eventsString);
|
|
1593
|
-
for(let e = 0; e < eventTypes.length; e++){
|
|
1594
|
-
const eventType = eventTypes[e];
|
|
1595
|
-
if (!(eventType in this.gestureEventHandlers)) this.gestureEventHandlers[eventType] = [];
|
|
1596
|
-
if (this.gestureEventHandlers[eventType].indexOf(handlerReference) == -1) this.gestureEventHandlers[eventType].push(handlerReference);
|
|
1597
|
-
this.domElement.addEventListener(eventType, handlerReference, {
|
|
1598
|
-
capture: false,
|
|
1599
|
-
passive: true
|
|
1600
|
-
});
|
|
1601
|
-
}
|
|
1602
|
-
}
|
|
1603
|
-
off(eventsString, handlerReference) {
|
|
1604
|
-
const eventTypes = this.parseEventsString(eventsString);
|
|
1605
|
-
if (this.DEBUG == true) {
|
|
1606
|
-
console.log(`[PointerListener] turning off events: ${eventsString}`);
|
|
1607
|
-
console.log(this.gestureEventHandlers);
|
|
1608
|
-
}
|
|
1609
|
-
for(let e = 0; e < eventTypes.length; e++){
|
|
1610
|
-
const eventType = eventTypes[e];
|
|
1611
|
-
if (eventType in this.gestureEventHandlers) {
|
|
1612
|
-
const handlerList = this.gestureEventHandlers[eventType];
|
|
1613
|
-
const index = handlerList.indexOf(handlerReference);
|
|
1614
|
-
if (this.DEBUG == true) console.log(`[PointerListener] turning off ${eventType}. Index on handlerList: ${index}`);
|
|
1615
|
-
if (index >= 0) {
|
|
1616
|
-
handlerList.splice(index, 1);
|
|
1617
|
-
this.gestureEventHandlers[eventType] = handlerList;
|
|
1618
|
-
}
|
|
1619
|
-
this.domElement.removeEventListener(eventType, handlerReference, false);
|
|
1620
|
-
}
|
|
1621
|
-
}
|
|
1622
|
-
}
|
|
1623
|
-
destroy() {
|
|
1624
|
-
// remove all EventListeners from this.domElement
|
|
1625
|
-
for(const eventType in this.gestureEventHandlers){
|
|
1626
|
-
const handlerList = this.gestureEventHandlers[eventType];
|
|
1627
|
-
for(let h = 0; h < handlerList.length; h++){
|
|
1628
|
-
const handler = handlerList[h];
|
|
1629
|
-
this.domElement.removeEventListener(eventType, handler);
|
|
1630
|
-
}
|
|
1631
|
-
delete this.gestureEventHandlers[eventType];
|
|
1632
|
-
}
|
|
1633
|
-
this.removePointerEventListeners();
|
|
1634
|
-
this.removeTouchEventListeners();
|
|
1635
|
-
}
|
|
1636
|
-
}
|
|
1637
|
-
|
|
1638
|
-
exports.Directions = $a2188ba8c266b376$export$86ae6e8ac17a67c6;
|
|
1639
|
-
exports.Geometry = $1f7944f1763e45ce$export$2db6c17465f94a2;
|
|
1640
|
-
exports.GestureEvent = $f752273e736c5336$export$6e9c3b1e1fa2b597;
|
|
1641
|
-
exports.Pan = $7a0f7fd2f33d0212$export$f86166cd6057c2d1;
|
|
1642
|
-
exports.Pinch = $ed7931f1d96d5294$export$826ae541ddf1527b;
|
|
1643
|
-
exports.PointerListener = $03c52e54621b9b86$export$9371bd96776f4e82;
|
|
1644
|
-
exports.Press = $5653a1f5fdc2db30$export$90610caf6d8d0242;
|
|
1645
|
-
exports.Rotate = $9fe2bb90b337f66c$export$152db69a76b6b79e;
|
|
1646
|
-
exports.Tap = $b6ec4e8a6d9d51ec$export$4451a18ddc7083b7;
|
|
1647
|
-
exports.TwoFingerPan = $59226122237c359c$export$8847187e02a498e8;
|