igniteui-angular 22.1.0-beta.4 → 22.1.0-beta.6

package/lib/core/styles/components/button/_button-theme.scss

@@ -44,7 +44,24 @@
         --component-size: var(--ig-size, var(--ig-size-large));
         --ig-icon-size: #{$icon-in-button-size};
 
-        justify-content: center;
+        &:is(a, span) {
+            @include restore-properties(
+                display,
+                min-width,
+                min-height,
+                padding-inline,
+                padding-block,
+                border,
+                border-radius,
+                background,
+                color,
+                box-shadow,
+                cursor
+            );
+
+            justify-content: center;
+            text-decoration: none;
+        }
     }
 
     @each $key, $theme in meta.keywords($themes) {
@@ -476,11 +493,7 @@
                 &::after {
                     @extend %fluent-border;
 
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($flat-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($flat-theme, 'focus-visible-border-color');
                 }
             }
 
@@ -579,17 +592,9 @@
             }
 
             @if $variant == 'bootstrap' {
-                box-shadow: 0
-                    0
-                    0
-                    rem(4px)
-                    var-get($outlined-theme, 'shadow-color');
+                box-shadow: 0 0 0 rem(4px) var-get($outlined-theme, 'shadow-color');
             } @else if $variant == 'indigo' {
-                box-shadow: 0
-                    0
-                    0
-                    rem(3px)
-                    var-get($outlined-theme, 'shadow-color');
+                box-shadow: 0 0 0 rem(3px) var-get($outlined-theme, 'shadow-color');
             }
 
             &:hover {
@@ -624,11 +629,7 @@
                 &::after {
                     @extend %fluent-border;
 
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($outlined-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($outlined-theme, 'focus-visible-border-color');
                 }
             }
         }
@@ -719,11 +720,7 @@
                 &::after {
                     @extend %fluent-border;
 
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($contained-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($contained-theme, 'focus-visible-border-color');
                 }
             }
 
@@ -876,11 +873,7 @@
                     border-radius: calc(
                         #{var-get($fab-theme, 'border-radius')} - #{$btn-indent}
                     );
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($fab-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($fab-theme, 'focus-visible-border-color');
                 }
             }
 

package/lib/core/styles/components/icon-button/_icon-button-theme.scss

@@ -32,6 +32,27 @@
 
     .igx-icon-button {
         --ig-icon-size: #{$icon-in-button-size};
+
+        &:is(a, span) {
+            @include restore-properties(
+                position,
+                display,
+                align-items,
+                justify-content,
+                width,
+                height,
+                font-size,
+                border,
+                border-radius,
+                background,
+                color,
+                box-shadow,
+                cursor,
+                outline
+            );
+
+            text-decoration: none;
+        }
     }
 
     @each $key, $theme in meta.keywords($themes) {

package/lib/core/styles/spec/_mixins.spec.scss

@@ -2,6 +2,7 @@
 @use 'sass-true' as *;
 @use '../base' as *;
 @use '../components' as *;
+@use '../themes/scoping' as scoping;
 
 @include describe('Register Component') {
     $components: () !default;
@@ -12,6 +13,25 @@
     }
 }
 
+@include describe('Restore layered properties') {
+    @include it('should revert only the specified properties') {
+        @include assert() {
+            @include output() {
+                .test {
+                    @include scoping.restore-properties(display, color);
+                }
+            }
+
+            @include expect() {
+                .test {
+                    display: revert-layer;
+                    color: revert-layer;
+                }
+            }
+        }
+    }
+}
+
 @include describe('Generate color class') {
     @include it('should concatenate the name, variant, prefix, and suffix in the correct order.') {
         $name: primary;
@@ -28,7 +48,7 @@
             }
 
             @include expect() {
-                .#{$selector}{
+                .#{$selector} {
                     content: 'test'
                 }
             }

package/lib/core/styles/themes/_scoping.scss

@@ -11,6 +11,18 @@
         @content;
     }
 }
+
+/// Restores selected properties from the preceding cascade layer.
+/// This mixin is intended for narrowly scoped, unlayered component styles that need to
+/// reject generic unlayered element styles without unlayering the component's full ruleset.
+/// @access private
+/// @param {List} $properties - CSS property names to restore.
+@mixin restore-properties($properties...) {
+    @each $property in $properties {
+        #{$property}: revert-layer;
+    }
+}
+
 /// Gates the passed content behind the live `--ig-theme` / `--ig-theme-variant`
 /// custom properties, inside the shared components cascade layer. This is the
 /// single source of truth for coupling any emitted CSS (tokens or structural

package/lib/core/styles/themes/generators/_base.scss

@@ -151,7 +151,6 @@
 
     @if is-used('igx-calendar', $exclude) {
         @include std.component-tokens('igx-calendar', 'calendar', $schema);
-        @include std.component-tokens('igx-calendar-picker--standalone', 'calendar', $schema);
         @include std.component-tokens('igx-calendar-view--standalone', 'calendar', $schema);
         @include std.component-tokens('igx-days-view--standalone', 'calendar', $schema);
         @include std.component-tokens('igx-month-picker', 'calendar', $schema);

package/lib/grids/core/src/filtering/excel-style/themes/_derived.scss

@@ -39,7 +39,6 @@
                         var(--ig-btn-group-selected-bg, #{color($color: 'gray', $variant: 100)}),
                     ),
                     $item-hover-background: var(--item-selected-background),
-                    $item-hover-text-color: var(--_excel-filtering-foreground, #{color($color: 'gray', $variant: 700)}),
                     $item-active-border-color: transparent,
                     $item-selected-text-color: var(--_excel-filtering-accent-color, #{if(
                         $theme == 'indigo',
@@ -110,10 +109,12 @@
         );
 
         @if $theme == 'material' {
+            --_excel-filtering-secondary-background: #{dynamic-shade(var(--secondary-background, var(--ig-excel-filtering-secondary-background)), $lightness: 95, $offset: 3)};
+
             @include tokens(
                 input-group-theme(
                     $schema: $schema,
-                    $box-background: var(--_excel-filtering-background),
+                    $box-background: dynamic-shade(var(--_excel-filtering-background), $lightness: 95, $offset: 3),
                     $idle-bottom-line-color: var(--_excel-filtering-accent-color),
                     $idle-text-color: var(--_excel-filtering-foreground),
                     $placeholder-color: color-mix(in srgb, var(--_excel-filtering-foreground) 80%, var(--_excel-filtering-background)),

package/migrations/migration-collection.json

@@ -299,6 +299,13 @@
             "version": "22.1.0",
             "description": "Updates Ignite UI for Angular from v22.0.x to v22.1.0",
             "factory": "./update-22_1_0"
+        },
+        "migration-59": {
+            "version": "22.1.0",
+            "description": "Migrates imports for exports moved to new entry points (IgxSummaryOperand -> core, IGroupingDoneEventArgs -> grids/core)",
+            "factory": "./update-22_1_0_import-migration",
+            "recommended": true,
+            "optional": true
         }
     }
 }

package/migrations/update-22_1_0_import-migration/index.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from '@angular-devkit/schematics';
+export default function migrate(): Rule;

package/migrations/update-22_1_0_import-migration/index.js

@@ -0,0 +1,228 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = migrate;
+const ts = __importStar(require("typescript"));
+const tsUtils_1 = require("../common/tsUtils");
+const version = '22.1.0';
+// Exports that moved to a different entry point in 22.1.0.
+// Keyed by exported symbol -> { from: source entry point, to: target entry point }.
+const EXPORT_MOVES = new Map([
+    // IgxSummaryOperand definitions moved from grids/core to core
+    ['IgxSummaryOperand', { from: 'grids/core', to: 'core' }],
+    ['IgxNumberSummaryOperand', { from: 'grids/core', to: 'core' }],
+    ['IgxDateSummaryOperand', { from: 'grids/core', to: 'core' }],
+    ['IgxTimeSummaryOperand', { from: 'grids/core', to: 'core' }],
+    // Selection/transaction types moved from grids/core to core
+    ['GridSelectionRange', { from: 'grids/core', to: 'core' }],
+    ['ISelectionNode', { from: 'grids/core', to: 'core' }],
+    ['IMultiRowLayoutNode', { from: 'grids/core', to: 'core' }],
+    ['ISelectionKeyboardState', { from: 'grids/core', to: 'core' }],
+    ['ISelectionPointerState', { from: 'grids/core', to: 'core' }],
+    ['IColumnSelectionState', { from: 'grids/core', to: 'core' }],
+    ['SelectionState', { from: 'grids/core', to: 'core' }],
+    ['IgxGridTransaction', { from: 'grids/core', to: 'core' }],
+    // IGroupingDoneEventArgs moved from grids/grid to grids/core
+    ['IGroupingDoneEventArgs', { from: 'grids/grid', to: 'grids/core' }]
+]);
+// Distinct source entry points we need to inspect, e.g. 'grids/core', 'grids/grid'.
+const SOURCE_ENTRY_POINTS = [...new Set([...EXPORT_MOVES.values()].map(m => m.from))];
+/**
+ * Resolves an import module specifier to its base package and entry point,
+ * e.g. `igniteui-angular/grids/core` -> { basePackage: 'igniteui-angular', entry: 'grids/core' }.
+ * Returns null for specifiers that are not an Ignite UI entry point.
+ */
+function resolveEntryPoint(importPath) {
+    for (const basePackage of [tsUtils_1.IG_PACKAGE_NAME, tsUtils_1.IG_LICENSED_PACKAGE_NAME]) {
+        if (importPath.startsWith(`${basePackage}/`)) {
+            return { basePackage, entry: importPath.substring(basePackage.length + 1) };
+        }
+    }
+    return null;
+}
+/** Sorts specifiers alphabetically by their imported symbol name. */
+const sortByName = (a, b) => a.key < b.key ? -1 : a.key > b.key ? 1 : 0;
+/** Collects Ignite UI named imports from the file, in source order. */
+function collectIgImports(sourceFile) {
+    const imports = [];
+    const visit = (node) => {
+        if (ts.isImportDeclaration(node) && (0, tsUtils_1.igNamedImportFilter)(node)) {
+            const resolved = resolveEntryPoint(node.moduleSpecifier.text);
+            if (resolved) {
+                const namedBindings = node.importClause.namedBindings;
+                const specifiers = namedBindings.elements.map(element => {
+                    var _a;
+                    const name = element.name.text;
+                    const alias = (_a = element.propertyName) === null || _a === void 0 ? void 0 : _a.text;
+                    const importName = alias || name;
+                    const typePrefix = element.isTypeOnly ? 'type ' : '';
+                    const specifier = alias ? `${importName} as ${name}` : importName;
+                    return { key: importName, text: `${typePrefix}${specifier}` };
+                });
+                imports.push({
+                    node,
+                    basePackage: resolved.basePackage,
+                    entry: resolved.entry,
+                    isTypeOnly: node.importClause.phaseModifier === ts.SyntaxKind.TypeKeyword,
+                    specifiers
+                });
+            }
+        }
+        ts.forEachChild(node, visit);
+    };
+    visit(sourceFile);
+    return imports;
+}
+function migrateFile(filePath, content) {
+    const sourceFile = ts.createSourceFile(filePath, content, ts.ScriptTarget.Latest, true);
+    const imports = collectIgImports(sourceFile);
+    // The full module path a specifier ends up in, or null if it stays where it is.
+    const movedTo = (imp, spec) => {
+        const move = EXPORT_MOVES.get(spec.key);
+        return move && move.from === imp.entry ? `${imp.basePackage}/${move.to}` : null;
+    };
+    // A stable key per output import: its `type` modifier plus module path.
+    const importKey = (path, isTypeOnly) => `${isTypeOnly ? 'type ' : ''}${path}`;
+    // Imports (module path + type modifier) that gain a moved specifier.
+    const mergeTargets = new Set();
+    for (const imp of imports) {
+        for (const spec of imp.specifiers) {
+            const to = movedTo(imp, spec);
+            if (to) {
+                mergeTargets.add(importKey(to, imp.isTypeOnly));
+            }
+        }
+    }
+    // Nothing moves in this file.
+    if (mergeTargets.size === 0) {
+        return content;
+    }
+    // Rewrite imports that lose a specifier (sources) or receive one (merge targets).
+    const participating = imports.filter(imp => imp.specifiers.some(spec => movedTo(imp, spec)) ||
+        mergeTargets.has(importKey(`${imp.basePackage}/${imp.entry}`, imp.isTypeOnly)));
+    // Collect the surviving specifiers per output import, retained ones before moved ones.
+    const groups = new Map();
+    const add = (path, isTypeOnly, spec) => {
+        var _a;
+        const key = importKey(path, isTypeOnly);
+        ((_a = groups.get(key)) !== null && _a !== void 0 ? _a : groups.set(key, { path, isTypeOnly, specifiers: [] }).get(key)).specifiers.push(spec);
+    };
+    for (const imp of participating) {
+        const from = `${imp.basePackage}/${imp.entry}`;
+        for (const spec of imp.specifiers) {
+            if (!movedTo(imp, spec)) {
+                add(from, imp.isTypeOnly, spec);
+            }
+        }
+        for (const spec of imp.specifiers) {
+            const to = movedTo(imp, spec);
+            if (to) {
+                add(to, imp.isTypeOnly, spec);
+            }
+        }
+    }
+    const newImports = [...groups.values()].map(group => {
+        const typeModifier = group.isTypeOnly ? 'type ' : '';
+        const specifiers = group.specifiers.sort(sortByName).map(s => s.text).join(', ');
+        return `import ${typeModifier}{ ${specifiers} } from '${group.path}';`;
+    });
+    // Replace the first participating declaration with the merged imports; drop the rest.
+    const anchor = participating[0];
+    const changes = [
+        { start: anchor.node.getStart(sourceFile), end: anchor.node.getEnd(), replacement: newImports.join('\n') },
+        ...participating.slice(1).map(imp => ({
+            start: imp.node.getFullStart(),
+            end: imp.node.getEnd(),
+            replacement: ''
+        }))
+    ];
+    // Apply changes in reverse order to maintain positions.
+    changes.sort((a, b) => b.start - a.start);
+    let result = content;
+    for (const change of changes) {
+        result = result.substring(0, change.start) + change.replacement + result.substring(change.end);
+    }
+    return result;
+}
+/** Fast-path check: does the file import from any of the source entry points we migrate? */
+function hasRelevantImport(content) {
+    return SOURCE_ENTRY_POINTS.some(entry => [tsUtils_1.IG_PACKAGE_NAME, tsUtils_1.IG_LICENSED_PACKAGE_NAME].some(basePackage => content.includes(`from '${basePackage}/${entry}'`) ||
+        content.includes(`from "${basePackage}/${entry}"`)));
+}
+function migrate() {
+    return (host, context) => __awaiter(this, void 0, void 0, function* () {
+        context.logger.info(`Applying optional import migration for Ignite UI for Angular to version ${version}`);
+        context.logger.info('Migrating imports to new entry points...');
+        const visit = (filePath) => {
+            // Only process TypeScript files
+            if (!filePath.endsWith('.ts')) {
+                return;
+            }
+            // Skip node_modules and dist
+            if (filePath.includes('node_modules') || filePath.includes('dist')) {
+                return;
+            }
+            const content = host.read(filePath);
+            if (!content) {
+                return;
+            }
+            const originalContent = content.toString();
+            // Check if file imports from any migrated source entry point
+            if (!hasRelevantImport(originalContent)) {
+                return;
+            }
+            const migratedContent = migrateFile(filePath, originalContent);
+            if (migratedContent !== originalContent) {
+                host.overwrite(filePath, migratedContent);
+                context.logger.info(`  ✓ Migrated ${filePath}`);
+            }
+        };
+        host.visit(visit);
+        context.logger.info('Migration complete!');
+        context.logger.info('Breaking changes:');
+        for (const [symbol, move] of EXPORT_MOVES) {
+            context.logger.info(`  - ${symbol} moved from ${tsUtils_1.IG_PACKAGE_NAME}/${move.from} to ${tsUtils_1.IG_PACKAGE_NAME}/${move.to}`);
+        }
+    });
+}

package/migrations/update-22_1_0_import-migration/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/migrations/update-22_1_0_import-migration/index.spec.js

@@ -0,0 +1,188 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path = __importStar(require("path"));
+const index_js_1 = require("@angular-devkit/schematics/testing/index.js");
+const setup_spec_1 = require("../common/setup.spec");
+const version = '22.1.0';
+describe(`Update to ${version}`, () => {
+    let appTree;
+    const schematicRunner = new index_js_1.SchematicTestRunner('ig-migrate', path.join(__dirname, '../migration-collection.json'));
+    beforeEach(() => {
+        appTree = (0, setup_spec_1.setupTestTree)();
+    });
+    const migrationName = 'migration-59';
+    const filePath = '/testSrc/appPrefix/component/test.component.ts';
+    it('should move a single IgxSummaryOperand import from grids/core to core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxSummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should move all summary operand imports from grids/core to core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryOperand, IgxNumberSummaryOperand, IgxDateSummaryOperand, IgxTimeSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxDateSummaryOperand, IgxNumberSummaryOperand, IgxSummaryOperand, IgxTimeSummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should split mixed imports, keeping non-operand exports in grids/core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxGridComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxGridComponent } from 'igniteui-angular/grids/core';\n` +
+            `import { IgxNumberSummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should preserve aliased operand imports', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryOperand as SummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxSummaryOperand as SummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should migrate imports from the licensed package', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxTimeSummaryOperand } from '@infragistics/igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxTimeSummaryOperand } from '@infragistics/igniteui-angular/core';`);
+    }));
+    it('should NOT modify operand imports that already come from core', () => __awaiter(void 0, void 0, void 0, function* () {
+        const content = `import { IgxSummaryOperand } from 'igniteui-angular/core';`;
+        appTree.create(filePath, content);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath)).toEqual(content);
+    }));
+    it('should NOT modify grids/core imports that are not moved operands', () => __awaiter(void 0, void 0, void 0, function* () {
+        const content = `import { IgxGridComponent } from 'igniteui-angular/grids/core';`;
+        appTree.create(filePath, content);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath)).toEqual(content);
+    }));
+    it('should move selection and transaction types from grids/core to core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { GridSelectionRange, ISelectionNode, IMultiRowLayoutNode, ISelectionKeyboardState, ISelectionPointerState, IColumnSelectionState, SelectionState, IgxGridTransaction } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { GridSelectionRange, IColumnSelectionState, IMultiRowLayoutNode, ISelectionKeyboardState, ISelectionNode, ISelectionPointerState, IgxGridTransaction, SelectionState } from 'igniteui-angular/core';`);
+    }));
+    it('should split a mixed grids/core import, keeping non-moved exports in place', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxGridComponent, SelectionState, IgxSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxGridComponent } from 'igniteui-angular/grids/core';\n` +
+            `import { IgxSummaryOperand, SelectionState } from 'igniteui-angular/core';`);
+    }));
+    it('should move IGroupingDoneEventArgs from grids/grid to grids/core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/grid';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`);
+    }));
+    it('should move IGroupingDoneEventArgs from grids/grid to grids/core as type import', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import type { IGroupingDoneEventArgs } from 'igniteui-angular/grids/grid';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import type { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`);
+    }));
+    it('should preserve the type modifier when moving summary operands from grids/core to core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import type { IgxSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import type { IgxSummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should preserve a per-specifier inline type modifier when moving an export', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { type IGroupingDoneEventArgs, IgxGridComponent } from 'igniteui-angular/grids/grid';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxGridComponent } from 'igniteui-angular/grids/grid';\n` +
+            `import { type IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`);
+    }));
+    it('should migrate multiple separate import declarations in the same file', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryOperand } from 'igniteui-angular/grids/core';\n` +
+            `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/grid';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxSummaryOperand } from 'igniteui-angular/core';\n` +
+            `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`);
+    }));
+    it('should migrate multiple import type declarations in the same file', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import type { IMultiRowLayoutNode, ISelectionNode } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import type { IMultiRowLayoutNode, ISelectionNode } from 'igniteui-angular/core';`);
+    }));
+    it('should merge migrated import type declarations', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryResult } from 'igniteui-angular/core';\n` +
+            `import { IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core';`);
+    }));
+    it('should split IGroupingDoneEventArgs out of grids/grid, keeping other exports', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxGridComponent, IGroupingDoneEventArgs } from 'igniteui-angular/grids/grid';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxGridComponent } from 'igniteui-angular/grids/grid';\n` +
+            `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`);
+    }));
+    it('should NOT move IGroupingDoneEventArgs when imported from grids/core', () => __awaiter(void 0, void 0, void 0, function* () {
+        const content = `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`;
+        appTree.create(filePath, content);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath)).toEqual(content);
+    }));
+    it('should merge into an existing core import while leaving unrelated imports untouched', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { Component, OnInit, ViewChild } from '@angular/core';\n` +
+            `import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid';\n` +
+            `import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core';\n` +
+            `import { IgxSummaryResult } from 'igniteui-angular/core';\n` +
+            `import { SINGERS } from '../../data/singersData';\n` +
+            `import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { Component, OnInit, ViewChild } from '@angular/core';\n` +
+            `import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid';\n` +
+            `import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core';\n` +
+            `import { IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core';\n` +
+            `import { SINGERS } from '../../data/singersData';\n` +
+            `import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';`);
+    }));
+});