igniteui-angular 17.1.0-beta.3 → 17.1.0-rc.0

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.component.d.ts

@@ -14,7 +14,7 @@ export type CarouselIndicatorsOrientation = (typeof CarouselIndicatorsOrientatio
 export declare class CarouselHammerConfig extends HammerGestureConfig {
     overrides: {
         pan: {
-            direction: 6;
+            direction: number;
         };
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselHammerConfig, never>;

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.1.0-beta.3",
+  "version": "17.1.0-rc.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,7 +81,17 @@
     "@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"
@@ -92,6 +100,7 @@
     "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": []