igniteui-angular 17.1.0-beta.3 → 17.1.0

package/lib/calendar/calendar.d.ts

@@ -8,7 +8,7 @@ export declare const CalendarSelection: {
     RANGE: "range";
 };
 export type CalendarSelection = (typeof CalendarSelection)[keyof typeof CalendarSelection];
-export declare enum ScrollMonth {
+export declare const enum ScrollMonth {
     PREV = "prev",
     NEXT = "next",
     NONE = "none"

package/lib/calendar/years-view/years-view.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class CalendarHammerConfig extends HammerGestureConfig {
     overrides: {
         pan: {
-            direction: 24;
+            direction: number;
             threshold: number;
         };
     };

package/lib/carousel/carousel-base.d.ts

@@ -1,17 +1,12 @@
 import { AnimationReferenceMetadata } from '@angular/animations';
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { AnimationPlayer, AnimationService } from '../services/animation/animation';
+import { HorizontalAnimationType } from './enums';
 export declare enum Direction {
     NONE = 0,
     NEXT = 1,
     PREV = 2
 }
-export declare const HorizontalAnimationType: {
-    none: "none";
-    slide: "slide";
-    fade: "fade";
-};
-export type HorizontalAnimationType = (typeof HorizontalAnimationType)[keyof typeof HorizontalAnimationType];
 export interface CarouselAnimationSettings {
     enterAnimation: AnimationReferenceMetadata;
     leaveAnimation: AnimationReferenceMetadata;

package/lib/carousel/carousel.component.d.ts

@@ -3,18 +3,14 @@ import { HammerGestureConfig } from '@angular/platform-browser';
 import { ICarouselResourceStrings } from '../core/i18n/carousel-resources';
 import { IBaseEventArgs, PlatformUtil } from '../core/utils';
 import { AnimationService } from '../services/animation/animation';
-import { Direction, HorizontalAnimationType, IgxCarouselComponentBase } from './carousel-base';
+import { Direction, IgxCarouselComponentBase } from './carousel-base';
 import { IgxSlideComponent } from './slide.component';
+import { CarouselIndicatorsOrientation, HorizontalAnimationType } from './enums';
 import * as i0 from "@angular/core";
-export declare const CarouselIndicatorsOrientation: {
-    bottom: "bottom";
-    top: "top";
-};
-export type CarouselIndicatorsOrientation = (typeof CarouselIndicatorsOrientation)[keyof typeof CarouselIndicatorsOrientation];
 export declare class CarouselHammerConfig extends HammerGestureConfig {
     overrides: {
         pan: {
-            direction: 6;
+            direction: number;
         };
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselHammerConfig, never>;

package/lib/carousel/enums.d.ts

@@ -0,0 +1,11 @@
+export declare const HorizontalAnimationType: {
+    none: "none";
+    slide: "slide";
+    fade: "fade";
+};
+export type HorizontalAnimationType = (typeof HorizontalAnimationType)[keyof typeof HorizontalAnimationType];
+export declare const CarouselIndicatorsOrientation: {
+    bottom: "bottom";
+    top: "top";
+};
+export type CarouselIndicatorsOrientation = (typeof CarouselIndicatorsOrientation)[keyof typeof CarouselIndicatorsOrientation];

package/lib/carousel/public_api.d.ts

@@ -1,8 +1,9 @@
 import { IgxCarouselComponent } from './carousel.component';
 import { IgxCarouselIndicatorDirective, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective } from './carousel.directives';
 import { IgxSlideComponent } from './slide.component';
-export { Direction, HorizontalAnimationType, CarouselAnimationSettings } from './carousel-base';
+export { Direction, CarouselAnimationSettings } from './carousel-base';
 export * from './carousel.component';
 export * from './slide.component';
 export * from './carousel.directives';
+export { CarouselIndicatorsOrientation, HorizontalAnimationType } from './enums';
 export declare const IGX_CAROUSEL_DIRECTIVES: readonly [typeof IgxCarouselComponent, typeof IgxSlideComponent, typeof IgxCarouselIndicatorDirective, typeof IgxCarouselNextButtonDirective, typeof IgxCarouselPrevButtonDirective];

package/lib/combo/combo.common.d.ts

@@ -46,7 +46,7 @@ export interface IgxComboBase {
     setActiveDescendant(): void;
 }
 /** @hidden @internal */
-export declare enum DataTypes {
+export declare const enum DataTypes {
     EMPTY = "empty",
     PRIMITIVE = "primitive",
     COMPLEX = "complex",

package/lib/core/selection.d.ts

@@ -25,6 +25,11 @@ export declare class IgxSelectionAPIService {
      * @param componentID ID of the component.
      */
     clear(componentID: string): void;
+    /**
+     * Removes selection for a component.
+     * @param componentID
+     */
+    delete(componentID: string): void;
     /**
      * Get current component selection length.
      *

package/lib/core/touch-annotations.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Stripped-down HammerJS annotations.
+ */
+/**
+* @hidden
+* @internal
+*/
+export interface HammerInput {
+    preventDefault: () => void;
+    deltaX: number;
+    deltaY: number;
+    center: {
+        x: number;
+        y: number;
+    };
+    pointerType: string;
+    distance: number;
+}
+/**
+* @hidden
+* @internal
+*/
+export interface HammerStatic {
+    new (element: HTMLElement | SVGElement, options?: any): HammerManager;
+    Pan: Recognizer;
+    Swipe: Recognizer;
+    Tap: Recognizer;
+    TouchInput: HammerInput;
+    DIRECTION_HORIZONTAL: number;
+    DIRECTION_VERTICAL: number;
+}
+/**
+* @hidden
+* @internal
+*/
+export interface Recognizer {
+}
+/**
+* @hidden
+* @internal
+*/
+export interface HammerManager {
+    set(options: any): HammerManager;
+    off(events: string, handler?: (event: HammerInput) => void): void;
+    on(events: string, handler: (event: HammerInput) => void): void;
+    destroy(): void;
+    get(event: string): HammerManager;
+}
+/**
+* @hidden
+* @internal
+*/
+export interface HammerOptions {
+    cssProps?: {
+        [key: string]: string;
+    };
+    recognizers?: any[];
+    inputClass?: HammerInput;
+}

package/lib/core/touch.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="hammerjs" />
 import { NgZone } from '@angular/core';
 import { PlatformUtil } from './utils';
+import { HammerManager, HammerOptions, HammerStatic } from './touch-annotations';
 import * as i0 from "@angular/core";
 /**
  * Touch gestures manager based on Hammer.js
@@ -12,6 +12,7 @@ export declare class HammerGesturesManager {
     private _zone;
     private doc;
     private platformUtil;
+    static Hammer: HammerStatic;
     /**
      * Event option defaults for each recognizer, see http://hammerjs.github.io/api/ for API listing.
      */

package/lib/directives/text-highlight/text-highlight.service.d.ts

@@ -14,6 +14,10 @@ export declare class IgxTextHighlightService {
      * Clears any existing highlight.
      */
     clearActiveHighlight(groupName: any): void;
+    /**
+     * Destroys a highlight group.
+     */
+    destroyGroup(groupName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTextHighlightService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IgxTextHighlightService>;
 }

package/lib/grids/common/grid.interface.d.ts

@@ -1296,6 +1296,9 @@ export interface IgxHeadSelectorTemplateContext {
 export interface IgxSummaryTemplateContext {
     $implicit: IgxSummaryResult[];
 }
+export interface IgxGridPaginatorTemplateContext {
+    $implicit: GridType;
+}
 /**
  * An interface describing settings for row/column pinning position.
  */

package/lib/grids/hierarchical-grid/row-island.component.d.ts

@@ -11,7 +11,7 @@ import { IgxColumnComponent } from '../columns/column.component';
 import { IgxRowIslandAPIService } from './row-island-api.service';
 import { PlatformUtil } from '../../core/utils';
 import { IgxColumnResizingService } from '../resizing/resizing.service';
-import { GridType } from '../common/grid.interface';
+import { GridType, IgxGridPaginatorTemplateContext } from '../common/grid.interface';
 import { IgxGridToolbarTemplateContext } from '../toolbar/common';
 import { IgxActionStripToken } from '../../action-strip/token';
 import { IgxFlatTransactionFactory } from '../../services/transaction/transaction-factory.service';
@@ -42,10 +42,28 @@ export declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirect
      * @hidden
      */
     childColumns: QueryList<IgxColumnComponent>;
-    islandToolbarTemplate: TemplateRef<IgxGridToolbarTemplateContext>;
-    islandPaginatorTemplate: TemplateRef<any>;
+    /**
+     * @hidden
+     * @internal
+     */
+    protected toolbarDirectiveTemplate: TemplateRef<IgxGridToolbarTemplateContext>;
+    /**
+     * @hidden
+     * @internal
+     */
+    protected paginatorDirectiveTemplate: TemplateRef<any>;
+    /**
+     * Sets/Gets the toolbar template for each child grid created from this row island.
+    */
+    get toolbarTemplate(): TemplateRef<IgxGridToolbarTemplateContext>;
+    set toolbarTemplate(template: TemplateRef<IgxGridToolbarTemplateContext>);
+    /**
+     * Sets/Gets the paginator template for each child grid created from this row island.
+    */
+    get paginatorTemplate(): TemplateRef<IgxGridPaginatorTemplateContext>;
+    set paginatorTemplate(template: TemplateRef<IgxGridPaginatorTemplateContext>);
     /** @hidden @internal **/
-    actionStrips: QueryList<IgxActionStripToken>;
+    protected actionStrips: QueryList<IgxActionStripToken>;
     /**
      * @hidden
      */
@@ -89,6 +107,8 @@ export declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirect
     private ri_columnListDiffer;
     private layout_id;
     private isInit;
+    private _toolbarTemplate;
+    private _paginatorTemplate;
     /**
      * Sets if all immediate children of the grids for this `IgxRowIslandComponent` should be expanded/collapsed.
      * ```html
@@ -157,6 +177,6 @@ export declare class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirect
     protected updateChildren(): void;
     private cleanGridState;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxRowIslandComponent, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxRowIslandComponent, "igx-row-island", never, { "key": { "alias": "key"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; }, { "layoutChange": "layoutChange"; "gridCreated": "gridCreated"; "gridInitialized": "gridInitialized"; }, ["islandToolbarTemplate", "islandPaginatorTemplate", "children", "childColumns", "actionStrips"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxRowIslandComponent, "igx-row-island", never, { "key": { "alias": "key"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "paginatorTemplate": { "alias": "paginatorTemplate"; "required": false; }; "expandChildren": { "alias": "expandChildren"; "required": false; }; }, { "layoutChange": "layoutChange"; "gridCreated": "gridCreated"; "gridInitialized": "gridInitialized"; }, ["toolbarDirectiveTemplate", "paginatorDirectiveTemplate", "children", "childColumns", "actionStrips"], never, true, never>;
     static ngAcceptInputType_expandChildren: unknown;
 }

package/lib/grids/state.directive.d.ts

@@ -72,6 +72,9 @@ export interface IColumnState {
     parent: any;
     disableHiding: boolean;
     disablePinning: boolean;
+    collapsible?: boolean;
+    expanded?: boolean;
+    visibleWhenCollapsed?: boolean;
 }
 export type GridFeatures = keyof IGridStateOptions;
 export declare class IgxGridStateDirective {

package/lib/select/select.component.d.ts

@@ -277,10 +277,6 @@ export declare class IgxSelectComponent extends IgxDropDownComponent implements
     ngAfterViewInit(): void;
     /** @hidden @internal */
     ngAfterContentChecked(): void;
-    /**
-     * @hidden @internal
-     */
-    ngOnDestroy(): void;
     /**
      * @hidden @internal
      * Prevent input blur - closing the items container on Header/Footer Template click.

package/lib/splitter/splitter.component.d.ts

@@ -182,7 +182,6 @@ export declare class IgxSplitterComponent implements AfterContentInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxSplitterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxSplitterComponent, "igx-splitter", never, { "type": { "alias": "type"; "required": false; }; }, { "resizeStart": "resizeStart"; "resizing": "resizing"; "resizeEnd": "resizeEnd"; }, ["panes"], ["igx-splitter-pane"], true, never>;
 }
-export declare const SPLITTER_INTERACTION_KEYS: Set<string>;
 /**
  * @hidden @internal
  * Represents the draggable bar that visually separates panes and allows for changing their sizes.
@@ -238,6 +237,7 @@ export declare class IgxSplitBarComponent {
      * A temporary holder for the pointer coordinates.
      */
     private startPoint;
+    private interactionKeys;
     /**
      * @hidden @internal
      */

package/lib/stepper/stepper.common.d.ts

@@ -3,8 +3,9 @@ import { IBaseCancelableBrowserEventArgs, IBaseEventArgs } from '../core/utils';
 import { IgxStepperComponent } from './stepper.component';
 import { IgxStepComponent } from './step/step.component';
 import { IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepContentDirective, IgxStepIndicatorDirective, IgxStepInvalidIndicatorDirective } from './stepper.directive';
-import { Direction, HorizontalAnimationType, IgxCarouselComponentBase } from '../carousel/carousel-base';
+import { Direction, IgxCarouselComponentBase } from '../carousel/carousel-base';
 import { ToggleAnimationPlayer, ToggleAnimationSettings } from '../expansion-panel/toggle-animation-component';
+import { HorizontalAnimationType } from '../carousel/enums';
 export interface IgxStepper extends IgxCarouselComponentBase {
     steps: IgxStepComponent[];
     /** @hidden @internal */

package/lib/stepper/stepper.component.d.ts

@@ -1,11 +1,12 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { HorizontalAnimationType, IgxCarouselComponentBase } from '../carousel/carousel-base';
+import { IgxCarouselComponentBase } from '../carousel/carousel-base';
 import { ToggleAnimationSettings } from '../expansion-panel/toggle-animation-component';
 import { AnimationService } from '../services/animation/animation';
 import { IgxStepComponent } from './step/step.component';
 import { IgxStepper, IgxStepperOrientation, IgxStepperTitlePosition, IgxStepType, IStepChangedEventArgs, IStepChangingEventArgs, VerticalAnimationType } from './stepper.common';
 import { IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepInvalidIndicatorDirective } from './stepper.directive';
 import { IgxStepperService } from './stepper.service';
+import { HorizontalAnimationType } from '../carousel/enums';
 import * as i0 from "@angular/core";
 /**
  * IgxStepper provides a wizard-like workflow by dividing content into logical steps.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.1.0-beta.3",
+  "version": "17.1.0",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -69,8 +69,6 @@
     "tree"
   ],
   "dependencies": {
-    "@types/hammerjs": "^2.0.40",
-    "hammerjs": "^2.0.8",
     "fflate": "^0.8.1",
     "tslib": "^2.3.0",
     "igniteui-trial-watermark": "^3.0.2",
@@ -83,15 +81,26 @@
     "@angular/common": "17",
     "@angular/core": "17",
     "@angular/animations": "17",
-    "@angular/forms": "17"
+    "@angular/forms": "17",
+    "hammerjs": "^2.0.8",
+    "@types/hammerjs": "^2.0.40"
+  },
+  "peerDependenciesMeta": {
+    "hammerjs": {
+      "optional": true
+    },
+    "@types/hammerjs": {
+      "optional": true
+    }
   },
   "igxDevDependencies": {
-    "@igniteui/angular-schematics": "~17.1.1316-rc.0"
+    "@igniteui/angular-schematics": "~17.1.1316"
   },
   "ng-update": {
     "migrations": "./migrations/migration-collection.json",
     "packageGroup": [
       "igniteui-angular",
+      "igniteui-angular-extras",
       "igniteui-angular-i18n"
     ]
   },

package/schematics/interfaces/options.d.ts

@@ -2,4 +2,5 @@ export interface Options {
     [key: string]: any;
     polyfills: boolean;
     resetCss: boolean;
+    addHammer: boolean;
 }

package/schematics/ng-add/index.spec.js

@@ -76,7 +76,7 @@ describe('ng-add schematics', () => {
     it('should add packages to package.json dependencies', () => __awaiter(void 0, void 0, void 0, function* () {
         const expectedDeps = dependency_handler_1.DEPENDENCIES_MAP.filter(dep => dep.target === dependency_handler_1.PackageTarget.REGULAR).map(dep => dep.name);
         const expectedDevDeps = dependency_handler_1.DEPENDENCIES_MAP.filter(dep => dep.target === dependency_handler_1.PackageTarget.DEV).map(dep => dep.name);
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const pkgJsonData = JSON.parse(tree.readContent('/package.json'));
         expect(pkgJsonData.dependencies).toBeTruthy();
         expect(pkgJsonData.devDependencies).toBeTruthy();
@@ -94,33 +94,52 @@ describe('ng-add schematics', () => {
         yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
         const pkgJsonData = JSON.parse(tree.readContent('/package.json'));
         expect(pkgJsonData.dependencies['fflate']).toBeTruthy();
+        // hammer is optional now.
+        expect(pkgJsonData.dependencies['hammerjs']).toBeFalsy();
+    }));
+    it('should add hammerjs dependency to package.json dependencies if addHammer prompt is set.', () => __awaiter(void 0, void 0, void 0, function* () {
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
+        const pkgJsonData = JSON.parse(tree.readContent('/package.json'));
+        expect(pkgJsonData.dependencies['fflate']).toBeTruthy();
         expect(pkgJsonData.dependencies['hammerjs']).toBeTruthy();
     }));
     it('should NOT add hammer.js to the main.ts file', () => __awaiter(void 0, void 0, void 0, function* () {
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const mainTs = tree.read(`${sourceRoot}/main.ts`).toString();
         expect(mainTs).not.toContain('import \'hammerjs\';');
     }));
     it('should NOT add hammer.js to the test.ts file', () => __awaiter(void 0, void 0, void 0, function* () {
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const testTs = tree.read(`${sourceRoot}/test.ts`).toString();
         expect(testTs).not.toContain('import \'hammerjs\';');
     }));
-    it('should add hammer.js in angular.json build options under scripts', () => __awaiter(void 0, void 0, void 0, function* () {
+    // Hammer is optional now.
+    it('should not add hammer.js in angular.json build options under scripts', () => __awaiter(void 0, void 0, void 0, function* () {
         yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
         const ngJsonConfigResult = JSON.parse(tree.read('/angular.json').toString());
+        expect(ngJsonConfigResult.projects.testProj.architect.build.options.scripts).not.toContain('./node_modules/hammerjs/hammer.min.js');
+    }));
+    it('should add hammer.js in angular.json build options under scripts if addHammer prompt is set.', () => __awaiter(void 0, void 0, void 0, function* () {
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
+        const ngJsonConfigResult = JSON.parse(tree.read('/angular.json').toString());
         expect(ngJsonConfigResult.projects.testProj.architect.build.options.scripts).toContain('./node_modules/hammerjs/hammer.min.js');
     }));
-    it('should add hammer.js in angular.json test options under scripts', () => __awaiter(void 0, void 0, void 0, function* () {
+    // Hammer is optional now.
+    it('should not add hammer.js in angular.json test options under scripts', () => __awaiter(void 0, void 0, void 0, function* () {
         yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
         const ngJsonConfigResult = JSON.parse(tree.read('/angular.json').toString());
+        expect(ngJsonConfigResult.projects.testProj.architect.test.options.scripts).not.toContain('./node_modules/hammerjs/hammer.min.js');
+    }));
+    it('should add hammer.js in angular.json test options under scripts if addHammer prompt is set.', () => __awaiter(void 0, void 0, void 0, function* () {
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
+        const ngJsonConfigResult = JSON.parse(tree.read('/angular.json').toString());
         expect(ngJsonConfigResult.projects.testProj.architect.test.options.scripts).toContain('./node_modules/hammerjs/hammer.min.js');
     }));
     it('should NOT duplicate hammer.js if it exists in angular.json build options', () => __awaiter(void 0, void 0, void 0, function* () {
         const ngJsonConfig1 = JSON.parse(tree.read('/angular.json').toString());
         ngJsonConfig1.projects.testProj.architect.build.options.scripts.push('./node_modules/hammerjs/hammer.min.js');
         tree.overwrite('/angular.json', JSON.stringify(ngJsonConfig1));
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const ngJsonConfigResult = JSON.parse(tree.read('/angular.json').toString());
         expect(ngJsonConfigResult.projects.testProj.architect.build.options.scripts.length).toBe(1);
         expect(ngJsonConfigResult.projects.testProj.architect.build.options.scripts).toMatch('./node_modules/hammerjs/hammer.min.js');
@@ -129,7 +148,7 @@ describe('ng-add schematics', () => {
         const ngJsonConfig1 = JSON.parse(tree.read('/angular.json').toString());
         ngJsonConfig1.projects.testProj.architect.test.options.scripts.push('./node_modules/hammerjs/hammer.min.js');
         tree.overwrite('/angular.json', JSON.stringify(ngJsonConfig1));
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const ngJsonConfigResult = JSON.parse(tree.read('/angular.json').toString());
         expect(ngJsonConfigResult.projects.testProj.architect.test.options.scripts.length).toBe(1);
         expect(ngJsonConfigResult.projects.testProj.architect.test.options.scripts).toMatch('./node_modules/hammerjs/hammer.min.js');
@@ -138,7 +157,7 @@ describe('ng-add schematics', () => {
         const ngJsonConfig1 = JSON.parse(tree.read('/angular.json').toString());
         ngJsonConfig1.projects.testProj.architect.build.options.scripts.push('./node_modules/hammerjs/hammer.min.js');
         tree.overwrite('/angular.json', JSON.stringify(ngJsonConfig1));
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const newContent = tree.read(`${sourceRoot}/main.ts`).toString();
         expect(newContent).toMatch('// test comment');
     }));
@@ -146,20 +165,26 @@ describe('ng-add schematics', () => {
         const ngJsonConfig1 = JSON.parse(tree.read('/angular.json').toString());
         ngJsonConfig1.projects.testProj.architect.test.options.scripts.push('./node_modules/hammerjs/hammer.min.js');
         tree.overwrite('/angular.json', JSON.stringify(ngJsonConfig1));
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const newContent = tree.read(`${sourceRoot}/test.ts`).toString();
         expect(newContent).toMatch('// test comment');
     }));
-    it('should add hammer.js to package.json dependencies', () => __awaiter(void 0, void 0, void 0, function* () {
+    // Hammer is optional now.
+    it('should not add hammer.js to package.json dependencies', () => __awaiter(void 0, void 0, void 0, function* () {
         yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
         const pkgJsonData = JSON.parse(tree.readContent('/package.json'));
+        expect(pkgJsonData.dependencies['hammerjs']).toBeFalsy();
+    }));
+    it('should add hammer.js to package.json dependencies if addHammer prompt is set.', () => __awaiter(void 0, void 0, void 0, function* () {
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
+        const pkgJsonData = JSON.parse(tree.readContent('/package.json'));
         expect(pkgJsonData.dependencies['hammerjs']).toBeTruthy();
     }));
     it('should NOT add hammer.js to angular.json if it exists in main.ts options', () => __awaiter(void 0, void 0, void 0, function* () {
         const mainTsPath = `${sourceRoot}/main.ts`;
         const content = tree.read(mainTsPath).toString();
         tree.overwrite(mainTsPath, 'import \'hammerjs\';\n' + content);
-        yield runner.runSchematic('ng-add', { normalizeCss: false }, tree);
+        yield runner.runSchematic('ng-add', { normalizeCss: false, addHammer: true }, tree);
         const ngJsonConfigResult = JSON.parse(tree.read('/angular.json').toString());
         expect(ngJsonConfigResult.projects.testProj.architect.build.options.scripts.length).toBe(0);
         expect(ngJsonConfigResult.projects.testProj.architect.build.options.scripts).not.toContain('./node_modules/hammerjs/hammer.min.js');

package/schematics/ng-add/schema.json

@@ -9,6 +9,12 @@
             "description": "Add reset CSS lib",
             "default": true,
             "x-prompt": "Add CSS library to reset HTML element styles across browsers?"
+        },
+        "addHammer": {
+            "type": "boolean",
+            "description": "Add HammerJS",
+            "default": false,
+            "x-prompt": "Add HammerJS setup for touch-specific interactions support?"
         }
     },
     "required": []