Fixed HammerJS gestures.

gabrielbusarello · Jul 5, 2020 · 5ce4118 · 5ce4118
1 parent 42c70ee
commit 5ce4118
Show file tree

Hide file tree

Showing 21 changed files with 233 additions and 173 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [0.7.1] - 2020-07-05
+### Fixed
+- HammerJS gestures on slide.
+
 ## [0.7.0] - 2020-07-03
 ### Changed
 - Update Angular to new version.
@@ -93,6 +97,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Angular CLI files.
 - Demo application project.
 
+[0.7.1]: https://github.com/gabrielbusarello/material2-carousel/compare/v0.7.0...v0.7.1
 [0.7.0]: https://github.com/gbrlsnchs/material2-carousel/compare/master...gabrielbusarello:v0.7.0
 [0.6.0]: https://github.com/gbrlsnchs/material2-carousel/compare/v0.5.1...v0.6.0
 [0.5.1]: https://github.com/gbrlsnchs/material2-carousel/compare/v0.5.0...v0.5.1

diff --git a/angular.json b/angular.json
@@ -74,7 +74,10 @@
             "styles": [
               "projects/demo/src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [],
+            "allowedCommonJsDependencies": [
+              "hammerjs"
+            ]
           },
           "configurations": {
             "production": {

diff --git a/docs/3rdpartylicenses.txt b/docs/3rdpartylicenses.txt
diff --git a/docs/404.html b/docs/404.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <title>Material Carousel - Demo</title>
-    <base href="https://gbrlsnchs.github.io/material2-carousel/">
+    <base href="https://gabrielbusarello.github.io/material2-carousel/">
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link
@@ -18,8 +19,8 @@
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
       rel="stylesheet"
     />
-  <link rel="stylesheet" href="styles.14b69ed6694c22ad1255.css"></head>
+  <link rel="stylesheet" href="styles.20827dd30ef2b1c11d89.css"></head>
   <body>
     <app-root></app-root>
-  <script type="text/javascript" src="runtime.26209474bfa8dc87a77c.js"></script><script type="text/javascript" src="polyfills.7deb70c30fc4a10a948e.js"></script><script type="text/javascript" src="main.fa605d52cf03a4f28898.js"></script></body>
+  <script src="runtime.e227d1a0e31cbccbf8ec.js" defer></script><script src="polyfills-es5.9e6d003fb6d8451ce738.js" nomodule defer></script><script src="polyfills.f0a7b40a793ea8d61577.js" defer></script><script src="main.bd8c71135717c04c4df9.js" defer></script></body>
 </html>
diff --git a/docs/index.html b/docs/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <title>Material Carousel - Demo</title>
-    <base href="https://gbrlsnchs.github.io/material2-carousel/">
+    <base href="https://gabrielbusarello.github.io/material2-carousel/">
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link
@@ -18,8 +19,8 @@
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
       rel="stylesheet"
     />
-  <link rel="stylesheet" href="styles.14b69ed6694c22ad1255.css"></head>
+  <link rel="stylesheet" href="styles.20827dd30ef2b1c11d89.css"></head>
   <body>
     <app-root></app-root>
-  <script type="text/javascript" src="runtime.26209474bfa8dc87a77c.js"></script><script type="text/javascript" src="polyfills.7deb70c30fc4a10a948e.js"></script><script type="text/javascript" src="main.fa605d52cf03a4f28898.js"></script></body>
+  <script src="runtime.e227d1a0e31cbccbf8ec.js" defer></script><script src="polyfills-es5.9e6d003fb6d8451ce738.js" nomodule defer></script><script src="polyfills.f0a7b40a793ea8d61577.js" defer></script><script src="main.bd8c71135717c04c4df9.js" defer></script></body>
 </html>
diff --git a/docs/main.bd8c71135717c04c4df9.js b/docs/main.bd8c71135717c04c4df9.js
diff --git a/docs/main.fa605d52cf03a4f28898.js b/docs/main.fa605d52cf03a4f28898.js
diff --git a/docs/polyfills-es5.9e6d003fb6d8451ce738.js b/docs/polyfills-es5.9e6d003fb6d8451ce738.js
diff --git a/docs/polyfills.7deb70c30fc4a10a948e.js b/docs/polyfills.7deb70c30fc4a10a948e.js
diff --git a/docs/polyfills.f0a7b40a793ea8d61577.js b/docs/polyfills.f0a7b40a793ea8d61577.js
diff --git a/docs/runtime.26209474bfa8dc87a77c.js b/docs/runtime.26209474bfa8dc87a77c.js
diff --git a/docs/runtime.e227d1a0e31cbccbf8ec.js b/docs/runtime.e227d1a0e31cbccbf8ec.js
diff --git a/docs/styles.14b69ed6694c22ad1255.css b/docs/styles.14b69ed6694c22ad1255.css
diff --git a/docs/styles.20827dd30ef2b1c11d89.css b/docs/styles.20827dd30ef2b1c11d89.css
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
-    "ghpages": "ng build demo --prod --output-path docs --base-href \"https://gbrlsnchs.github.io/material2-carousel/\" && cp docs/index.html docs/404.html"
+    "ghpages": "ng build demo --prod --output-path docs --base-href \"https://gabrielbusarello.github.io/material2-carousel/\" && cp docs/index.html docs/404.html"
   },
   "private": true,
   "dependencies": {

diff --git a/projects/carousel/src/lib/carousel.module.ts b/projects/carousel/src/lib/carousel.module.ts
@@ -7,7 +7,8 @@ import { MatCarouselComponent } from './carousel.component';
 import { MatCarouselSlideComponent } from './carousel-slide/carousel-slide.component';
 import {
   HammerGestureConfig,
-  HAMMER_GESTURE_CONFIG
+  HAMMER_GESTURE_CONFIG,
+  HammerModule
 } from '@angular/platform-browser';
 import { ModuleWithProviders } from '@angular/compiler/src/core';
 
@@ -21,7 +22,7 @@ export class MatCarouselHammerConfig extends HammerGestureConfig {
 }
 @NgModule({
   declarations: [MatCarouselComponent, MatCarouselSlideComponent],
-  imports: [CommonModule, MatButtonModule, MatIconModule],
+  imports: [CommonModule, MatButtonModule, MatIconModule, HammerModule],
   exports: [MatCarouselComponent, MatCarouselSlideComponent]
 })
 export class MatCarouselModule {

diff --git a/projects/demo/src/app/app.component.html b/projects/demo/src/app/app.component.html
@@ -13,7 +13,7 @@
       (click)="copy()"
     >
       <mat-icon>assignment</mat-icon>
-      npm install @ngmodule/material-carousel
+      npm install @ngbmodule/material-carousel
     </button>
   </span>
 
@@ -23,7 +23,7 @@
     </button>
     <mat-menu #demoMenu="matMenu">
       <a
-        href="https://github.com/gbrlsnchs/material2-carousel"
+        href="https://github.com/gabrielbusarello/material2-carousel"
         target="_blank"
         mat-menu-item
       >

diff --git a/projects/demo/src/app/app.component.ts b/projects/demo/src/app/app.component.ts
@@ -5,7 +5,7 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 import {
   MatCarouselSlideComponent,
   Orientation
-} from '@ngmodule/material-carousel';
+} from '@ngbmodule/material-carousel';
 
 @Component({
   selector: 'app-root',
@@ -14,7 +14,7 @@ import {
 })
 export class AppComponent {
   private static readonly INSTALL_TEXT =
-    'npm install @ngmodule/material-carousel';
+    'npm install @ngbmodule/material-carousel';
 
   public slidesList = new Array<never>(5);
   public showContent = false;

diff --git a/projects/demo/src/app/app.module.ts b/projects/demo/src/app/app.module.ts
@@ -13,7 +13,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatCarouselModule } from '@ngmodule/material-carousel';
+import { MatCarouselModule } from '@ngbmodule/material-carousel';
 
 import { AppComponent } from './app.component';
 

diff --git a/projects/demo/src/main.ts b/projects/demo/src/main.ts
@@ -4,6 +4,8 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
 
+import "hammerjs";
+
 if (environment.production) {
   enableProdMode();
 }

diff --git a/tsconfig.json b/tsconfig.json
@@ -14,8 +14,8 @@
     "typeRoots": ["node_modules/@types"],
     "lib": ["es2018", "dom"],
     "paths": {
-      "@ngmodule/material-carousel": ["dist/carousel"],
-      "@ngmodule/material-carousel/*": ["dist/carousel/*"]
+      "@ngbmodule/material-carousel": ["dist/carousel"],
+      "@ngbmodule/material-carousel/*": ["dist/carousel/*"]
     },
     "plugins": [
       { "name": "@angular/language-service" },
@@ -30,7 +30,7 @@
     "strictInjectionParameters": true,
     "skipTemplateCodegen": true,
     "strictMetadataEmit": true,
-    "enableResourceInlining": true,
+    // "enableResourceInlining": true,
     "enableIvy": false
   }
 }