@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.7
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 +58 -0
- package/components/all.js +87 -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-slider.d.ts +11 -0
- package/components/ds-input-slider.js +4 -0
- 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--EKmxaBS.js +4 -0
- package/components/p-3Mi9vpmB.js +4 -0
- package/components/p-ABj0eATe.js +4 -0
- package/components/p-B-en4B17.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-Urcs7-vS.js → p-BwfAXfmz.js} +1 -1
- package/components/p-BwwAKEvn.js +4 -0
- 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-CWDuQL1i.js +4 -0
- package/components/p-CvaNxQtw.js +4 -0
- package/components/p-D5zw5ezD.js +4 -0
- package/components/p-D9ILiUgm.js +4 -0
- package/{dist/design-system/p-BATOumsf.js → components/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-DSeYzuO7.js +4 -0
- package/components/{p-z1jJgtep.js → p-DU7t9H9h.js} +1 -1
- package/components/p-DY0y8uLL.js +4 -0
- 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/{dist/design-system/p-BwrOVItb.js → components/p-Dr4MUfss.js} +1 -1
- 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-VsWv65bD.js +4 -0
- package/components/p-WO0X5Vmy.js +4 -0
- package/components/p-gz0Nxl39.js +4 -0
- package/components/{p-Bt20CEww.js → p-n3_2KEz0.js} +1 -1
- package/components/p-qaSW94OG.js +4 -0
- package/components/p-u5aa74vh.js +4 -0
- package/dist/cjs/{_getTag-B468r9bu.js → _getTag-DxZgmSPS.js} +1 -1
- package/dist/cjs/array-CYn4ALBt.js +1986 -0
- package/dist/cjs/{breakpoints.decorator-qaoHOU6Q.js → breakpoints.decorator-DY5iYsA5.js} +1 -1
- package/dist/cjs/{breakpoints.subject-DhAN_ZAn.js → breakpoints.subject-CzhLlIwN.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-C64wi-MA.js} +1 -1
- package/dist/cjs/{config.utils-Cv4cx_Xa.js → config.utils-BhWbrVRz.js} +1 -1
- package/dist/cjs/create-validator-decorator-Ctd288ve.js +212 -0
- package/dist/cjs/design-system.cjs.js +3 -3
- package/dist/cjs/{device-CptgCtVc.js → device-CIliLOe9.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 +33 -26
- 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 +3 -3
- 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 +32 -43
- 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 +60 -2013
- package/dist/cjs/ds-checkbox.cjs.entry.js +33 -20
- 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 +516 -0
- package/dist/cjs/ds-footer.cjs.entry.js +159 -0
- package/dist/cjs/ds-heading.cjs.entry.js +22 -20
- 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 +82 -73
- package/dist/cjs/ds-input-slider.cjs.entry.js +2885 -0
- 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 +23 -31
- 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 +20 -28
- package/dist/cjs/ds-number-input.cjs.entry.js +107 -119
- 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 +48 -30
- package/dist/cjs/ds-radio.cjs.entry.js +36 -34
- 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 +41 -58
- 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 +29 -33
- package/dist/cjs/ds-textarea.cjs.entry.js +32 -31
- package/dist/cjs/ds-toast.cjs.entry.js +41 -55
- 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-g9nhtuZH.js} +1 -1
- package/dist/cjs/floating-ui.dom-Cu3dZdFD.js +1628 -0
- package/dist/cjs/focus-BUszBnbl.js +1958 -0
- package/dist/cjs/footer.i18n-CpGxizgm.js +162 -0
- package/dist/cjs/{form-control-Bno2tBGf.js → form-control-B4Qf8fg-.js} +2 -2
- package/dist/cjs/has-value-rj502MLA.js +12 -0
- package/dist/cjs/{index-CdD-TT_n.js → index-CqInh7Vc.js} +502 -175
- package/dist/cjs/index.cjs.js +26 -8283
- package/dist/cjs/isArray-DvQst6zQ.js +42 -0
- package/dist/cjs/isNaN-DOSPWDkt.js +106 -0
- package/dist/cjs/{isObjectLike-h-ta_ikf.js → isObjectLike-BNz6hnAu.js} +0 -37
- package/dist/cjs/keyboard-C7y0jXYb.js +23 -0
- package/dist/cjs/{listener-DgVWqfa1.js → listener-1PZJDuOW.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/luxon-q23LOWrr.js +8137 -0
- package/dist/cjs/one-of-BotLfpAZ.js +30 -0
- package/dist/cjs/popup.interfaces-B-mwd9rh.js +23 -0
- package/dist/cjs/required-BAhZ8oRM.js +38 -0
- package/dist/cjs/resize.decorator-Sqefy8ta.js +98 -0
- package/dist/cjs/scroll--5tnvpG1.js +89 -0
- package/dist/cjs/svg-D9RbiR8R.js +2443 -0
- package/dist/cjs/{tslib.es6-BTi-SLnA.js → tslib.es6-BIB10hMZ.js} +1 -1
- package/dist/cjs/type-Br_NbeTX.js +33 -0
- package/dist/collection/collection-manifest.json +31 -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.host.css +1 -1
- package/dist/collection/components/alert/snackbar/snackbar.js +30 -53
- package/dist/collection/components/alert/toast/toast.host.css +1 -1
- 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.host.css +1 -1
- 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-content/card-content.host.css +1 -1
- 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 +30 -42
- 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 +63 -27
- package/dist/collection/components/checkbox/checkbox.host.css +1 -1
- package/dist/collection/components/checkbox/checkbox.js +47 -18
- package/dist/collection/components/checkbox/test/checkbox.visual.play.js +3 -0
- 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.host.css +1 -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/input-slider/input-slider.host.css +1 -0
- package/dist/collection/components/input-slider/input-slider.interfaces.js +4 -0
- package/dist/collection/components/input-slider/input-slider.js +961 -0
- package/dist/collection/components/input-slider/input-slider.picker.js +124 -0
- package/dist/collection/components/input-slider/input-slider.utils.js +32 -0
- package/dist/collection/components/input-slider/test/input-slider.a11y.play.js +36 -0
- package/dist/collection/components/input-slider/test/input-slider.component.play.js +87 -0
- package/dist/collection/components/input-slider/test/input-slider.visual.play.js +27 -0
- package/dist/collection/components/label/label.host.css +1 -1
- 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.host.css +1 -1
- 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 +60 -24
- package/dist/collection/components/radio/radio.host.css +1 -1
- package/dist/collection/components/radio/radio.js +48 -20
- package/dist/collection/components/radio/test/radio.visual.play.js +3 -0
- 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.host.css +1 -1
- 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 +30 -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-00e6b1b780.entry.js +4 -0
- package/dist/design-system/p-0bf3d4d939.entry.js +4 -0
- package/dist/design-system/p-0ea6cdd218.entry.js +4 -0
- package/dist/design-system/p-0f2a87fa39.entry.js +4 -0
- package/dist/design-system/p-138be1f0cc.entry.js +4 -0
- package/dist/design-system/p-16b03e0b02.entry.js +4 -0
- package/dist/design-system/p-1750b3c4f1.entry.js +4 -0
- package/dist/design-system/p-1A9jKraP.js +4 -0
- package/dist/design-system/p-1b1e3ad99c.entry.js +4 -0
- package/dist/design-system/p-24c85e99f5.entry.js +4 -0
- package/dist/design-system/p-2b038255c5.entry.js +4 -0
- package/dist/design-system/p-2bb98dfa2f.entry.js +4 -0
- package/dist/design-system/p-2eb6067210.entry.js +4 -0
- package/dist/design-system/p-32e156bc72.entry.js +4 -0
- package/dist/design-system/p-3824068ae7.entry.js +4 -0
- package/dist/design-system/p-3aa3841834.entry.js +4 -0
- package/dist/design-system/p-3d2539929c.entry.js +4 -0
- package/dist/design-system/p-3d675c6507.entry.js +4 -0
- package/dist/design-system/p-3e3a6799d6.entry.js +4 -0
- package/dist/design-system/p-3e43fa2bc6.entry.js +4 -0
- package/dist/design-system/p-4284d6d646.entry.js +4 -0
- package/dist/design-system/{p-1d312498a6.entry.js → p-44981aaf8d.entry.js} +1 -1
- package/dist/design-system/p-4b2a59576c.entry.js +4 -0
- package/dist/design-system/p-4bfc094a03.entry.js +4 -0
- package/dist/design-system/p-53d9a40010.entry.js +4 -0
- package/dist/design-system/p-564ee4d78f.entry.js +4 -0
- package/dist/design-system/p-599a693db3.entry.js +4 -0
- package/dist/design-system/p-5a6c6959fa.entry.js +4 -0
- package/dist/design-system/p-5d4a5d0b61.entry.js +4 -0
- package/dist/design-system/p-5ded2b6438.entry.js +4 -0
- package/dist/design-system/p-5f1a8be21c.entry.js +4 -0
- package/dist/design-system/p-5f28436626.entry.js +4 -0
- package/dist/design-system/p-6c60833550.entry.js +4 -0
- package/dist/design-system/p-7246bfb9a0.entry.js +4 -0
- package/dist/design-system/p-77e7a6a068.entry.js +4 -0
- package/dist/design-system/p-78112e7b35.entry.js +4 -0
- package/dist/design-system/p-7ebdd14afc.entry.js +4 -0
- package/dist/design-system/p-7f42c18249.entry.js +4 -0
- package/dist/design-system/p-85bf3794f9.entry.js +4 -0
- package/dist/design-system/p-8a9d617f75.entry.js +4 -0
- package/dist/design-system/p-908e7b073a.entry.js +4 -0
- package/dist/design-system/p-9f9364d7df.entry.js +4 -0
- package/dist/design-system/p-B-en4B17.js +4 -0
- package/dist/design-system/p-B-v2Wm-V.js +5 -0
- package/dist/design-system/p-B8KVoKrH.js +5 -0
- package/dist/design-system/p-B8PCdo6e.js +4 -0
- package/dist/design-system/p-BAY6Z8bT.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-BqY0KzJC.js +4 -0
- package/dist/design-system/p-BrJFPhMA.js +4 -0
- package/dist/design-system/p-C1jqbZdf.js +4 -0
- package/dist/design-system/{p-DCf2fJmI.js → p-C5Rtikeh.js} +1 -1
- package/dist/design-system/p-CDhvZoCt.js +4 -0
- package/dist/design-system/p-CGHN-3RC.js +4 -0
- package/dist/design-system/{p-CAcwu8uP.js → p-CfgwSore.js} +1 -1
- package/dist/design-system/p-ChSKXFK5.js +4 -0
- package/dist/design-system/{p-BLPSziW-.js → p-Chgme2NJ.js} +1 -1
- package/{components/p-5Sp1eJOt.js → dist/design-system/p-CrYAd3JT.js} +1 -1
- package/dist/design-system/p-CziF75uh.js +4 -0
- package/dist/design-system/p-DJBD4skP.js +14 -0
- package/{components/p-E1SnOz0L.js → dist/design-system/p-DOvdnojj.js} +1 -1
- package/dist/design-system/p-DYPX3A8m.js +4 -0
- package/dist/design-system/p-DiUgZKWs.js +4 -0
- package/dist/design-system/p-Dk0GEN2t.js +4 -0
- package/dist/design-system/p-DkhJaoXg.js +4 -0
- package/dist/design-system/p-DoHCSvjl.js +4 -0
- package/dist/design-system/p-DypNSUAh.js +4 -0
- package/dist/design-system/p-Uy_dVz21.js +4 -0
- package/dist/design-system/{p-Dnjznncd.js → p-Y0rKqVvm.js} +1 -1
- package/dist/design-system/p-Z0zrglhd.js +4 -0
- package/dist/design-system/p-a42ecb68a0.entry.js +4 -0
- package/dist/design-system/p-a782c877ea.entry.js +4 -0
- package/dist/design-system/p-a8df8f067b.entry.js +4 -0
- package/dist/design-system/p-aa3aee2591.entry.js +4 -0
- package/dist/design-system/p-aa3c0ff536.entry.js +4 -0
- package/dist/design-system/p-ab8bee7022.entry.js +4 -0
- package/dist/design-system/p-adc58b2821.entry.js +4 -0
- package/dist/design-system/p-b390490b0d.entry.js +4 -0
- package/dist/design-system/p-b44641ec28.entry.js +4 -0
- package/dist/design-system/p-b4738dc266.entry.js +4 -0
- package/dist/design-system/p-b851a43fff.entry.js +4 -0
- package/dist/design-system/p-b8669a617c.entry.js +4 -0
- package/dist/design-system/p-b8f626bf28.entry.js +4 -0
- package/dist/design-system/p-bd543e1baf.entry.js +4 -0
- package/dist/design-system/p-ce67cbbed5.entry.js +4 -0
- package/dist/design-system/p-d3a80b8422.entry.js +4 -0
- package/dist/design-system/p-d4d9205dda.entry.js +4 -0
- package/dist/design-system/p-dbd3d3b3d3.entry.js +4 -0
- package/{components/p-BATOumsf.js → dist/design-system/p-dziB1ufg.js} +1 -1
- package/dist/design-system/p-e0b2d6e296.entry.js +4 -0
- package/dist/design-system/p-e94ee7391c.entry.js +4 -0
- package/dist/design-system/p-ee76bf354e.entry.js +4 -0
- package/dist/design-system/p-f7be5b6114.entry.js +4 -0
- package/dist/design-system/p-fa613cd0d1.entry.js +4 -0
- package/dist/design-system/p-faf75173db.entry.js +4 -0
- package/dist/design-system/p-fff38e1ca7.entry.js +4 -0
- package/dist/design-system/p-x2KazRjl.js +4 -0
- package/dist/esm/{_getTag-DFxL3s3h.js → _getTag-BkweuRJc.js} +1 -1
- package/dist/esm/array-BJZA868l.js +1984 -0
- package/dist/esm/{breakpoints.decorator-L2xeP46f.js → breakpoints.decorator-D9M4v98c.js} +1 -1
- package/dist/esm/{breakpoints.subject-BhbzG-rl.js → breakpoints.subject-DHZ7TzYV.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-CRYVBTkX.js} +1 -1
- package/dist/esm/{config.utils-COlKFRlV.js → config.utils-CR4Xudpz.js} +1 -1
- package/dist/esm/create-validator-decorator-fUav5byo.js +208 -0
- package/dist/esm/design-system.js +4 -4
- package/dist/esm/{device-Dhwt3m7W.js → device-CapioAfe.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 +33 -26
- 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 +3 -3
- 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 +32 -43
- 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 +59 -2012
- package/dist/esm/ds-checkbox.entry.js +33 -20
- 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 +514 -0
- package/dist/esm/ds-footer.entry.js +157 -0
- package/dist/esm/ds-heading.entry.js +22 -20
- 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 +80 -71
- package/dist/esm/ds-input-slider.entry.js +2883 -0
- 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 +23 -31
- 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 +20 -28
- package/dist/esm/ds-number-input.entry.js +102 -114
- 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 +49 -31
- package/dist/esm/ds-radio.entry.js +35 -33
- 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 +41 -58
- 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 +29 -33
- package/dist/esm/ds-textarea.entry.js +33 -32
- package/dist/esm/ds-toast.entry.js +41 -55
- 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-neIQBS-h.js} +1 -1
- package/dist/esm/floating-ui.dom-BqY0KzJC.js +1621 -0
- package/dist/esm/focus-6OAqvfus.js +1956 -0
- package/dist/esm/footer.i18n-BrJFPhMA.js +159 -0
- package/dist/esm/{form-control-D2O-sb65.js → form-control-DhinyMa9.js} +2 -2
- package/dist/esm/has-value-Dmsj8ZQw.js +10 -0
- package/dist/esm/{index-CuwLeg-T.js → index-B-v2Wm-V.js} +501 -175
- package/dist/esm/index.js +13 -8273
- package/dist/esm/{input.interfaces-C7EnKCpl.js → input.interfaces-BMM6Nxeh.js} +1 -1
- package/dist/esm/isArray-B8PCdo6e.js +40 -0
- package/dist/esm/isNaN-BrbqGXXw.js +104 -0
- package/dist/esm/{isObjectLike-BAYao9w7.js → isObjectLike-BnBXjF_n.js} +1 -37
- package/dist/esm/keyboard-Uy_dVz21.js +20 -0
- package/dist/esm/{listener-C_kjUVTE.js → listener-DIZDQOuO.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/luxon-C1jqbZdf.js +8133 -0
- package/dist/esm/one-of-CjRvS2Tk.js +28 -0
- package/dist/esm/popup.interfaces-BAY6Z8bT.js +20 -0
- package/dist/esm/required-Dtml5IID.js +36 -0
- package/dist/esm/resize.decorator-eogZBBk6.js +96 -0
- package/dist/esm/scroll-v2MaEkiZ.js +87 -0
- package/dist/esm/svg-B8KVoKrH.js +2440 -0
- package/dist/esm/{tslib.es6-tdchDLyb.js → tslib.es6-n47B6oUi.js} +1 -1
- package/dist/esm/type-7qEQcw90.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 +2 -4
- 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/checkbox/checkbox-group/checkbox-group.d.ts +6 -0
- package/dist/types/components/checkbox/checkbox.d.ts +4 -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/input-slider/input-slider.d.ts +186 -0
- package/dist/types/components/input-slider/input-slider.interfaces.d.ts +18 -0
- package/dist/types/components/input-slider/input-slider.picker.d.ts +37 -0
- package/dist/types/components/input-slider/input-slider.utils.d.ts +18 -0
- package/dist/types/components/input-slider/test/input-slider.a11y.play.d.ts +1 -0
- package/dist/types/components/input-slider/test/input-slider.component.play.d.ts +1 -0
- package/dist/types/components/input-slider/test/input-slider.visual.play.d.ts +1 -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/radio/radio-group/radio-group.d.ts +6 -0
- package/dist/types/components/radio/radio.d.ts +4 -0
- 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 +5162 -1870
- 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 +16 -0
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/playwright/src/lib/components/input-slider.po.d.ts +18 -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 +18228 -0
- package/docs/components.json +39621 -17240
- package/docs/html.html-data.json +1664 -159
- package/docs/tags.json +30 -1
- package/package.json +46 -38
- package/sbom.cdx.json +58887 -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-7e6ed497e7.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-DHeVI6dR.js +0 -4
- 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;
|