Slider's thumbs are not clickable/dragable in angular 11 with core-js@3

[Exlord]

:beetle: Bug report

Describe the bug

Slider's thumbs are not clickable/dragable in angular 11 with core-js@3

Minimal Reproduction

Steps to reproduce the behavior: https://stackblitz.com/edit/angular-11-alyleui-slider

Which versions of Angular, Alyle UI, OS, TypeScript, browsers are affected?

Alyle UI Version: "@alyle/ui": "^10.4.0",

Angular Version:

Angular CLI: 11.0.5
Node: 14.15.0
OS: win32 x64

Angular: 11.0.5
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1100.5
@angular-devkit/build-angular   0.1100.5
@angular-devkit/core            11.0.5
@angular-devkit/schematics      11.0.5
@angular/cdk                    11.0.3
@angular/material               11.0.3
@schematics/angular             11.0.5
@schematics/update              0.1100.5
rxjs                            6.6.3
typescript                      4.0.5

If I change the core-js to v2 it works in the demo, but angular 11 installs core-js@3

[janhocevar]

Have this been worked on? Also not working with Angular v12.0.0-next.8

[janhocevar]

This is fixed if you import hammerjs package wherever in the app

import 'hammer.js';

[Exlord]

This is fixed if you import hammerjs package wherever in the app

import 'hammer.js';

I already had hammer.js imported

[ncanino]

Solved? I have a similar problem. When importing carousel as remote on Shell, touch doesn't work

[Enlcxx]

Solved? I have a similar problem. When importing carousel as remote on Shell, touch doesn't work

@ncanino What version of Angular and Alyle UI are you using?

[ncanino]

Angular 15.2.7 This is both on the remote and on the Shell. The nice thing is that even if I don't use the remote and move the component on the Shell the touch doesn't work. It would be best not to apply the ng-reflect

[Enlcxx]

@ncanino carousel seems to have problems importing hammer js in remote or in shell. So the only solution for carousel is not to use the touch or replace the hammer js with a native one so that the touch works.

[ncanino]

@Enlcxx Thanks so much for the information. Where do I find directions for using a native one? Should I replace hammer.js from remote or import to shell?

[Enlcxx]

@ncanino You can try importing hammerjs to the shell, if it doesn't work I will have to make internal changes to the carousel, just as I did with the slider, the slider no longer depends on hammer.js