Merge branch '20.0.x' into ikitanov/fix-15839

Author: IvanKitanov17

.github/workflows/nodejs.yml

@@ -42,8 +42,7 @@ jobs:
         run: npm run build:migrations
       - name: Build TypeDoc & SassDoc
         run: |
-            npm run build:typedoc:en:production
-            npm run build:sassdoc:en:production
+            npm run build:docs
       - name: Test
         run: |
             npm run test:lib

.gitignore

@@ -48,7 +48,8 @@ src/**/*.js
 src/**/*.js.map
 src/**/*.css.map
 
-# Typedoc Theme
+# Typedoc and SassDoc Themes
+extras/sassdoc/**/*
 extras/docs/themes/typedoc/bin
 extras/docs/themes/sassdoc/node_modules
 extras/docs/themes/sassdoc/sassdoc/*

CHANGELOG.md

@@ -2,6 +2,45 @@
 
 All notable changes for each version of this project will be documented in this file.
 
+## 20.0.2
+
+### New Features
+- **Separating Button and Icon Button Themes** - The `button-theme` and `icon-button-theme` functions are still available, but for more targeted customization, you can now use the specific theme function for each button type.
+- **Component Themes Enchancements** - Component themes have been improved to automatically calculate all necessary states (e.g., hover, focus, active) based on just a few key values. For example, customizing a contained button requires only a background color:
+```scss
+    $custom-contained-button: contained-button-theme(
+        $background: #09f;
+    );
+```
+
+## 20.0.0
+
+### General
+- **Angular 20 Compatibility** - Ignite UI for Angular now plays nice with Angular 20! Upgrade your apps and enjoy the latest features.
+- `IgxActionStrip`
+    - **Behavioral Changes** - When using the Action Strip standalone, outside of Grid, scenarios the component is no longer initially visible and the `hidden` property now defaults to `true`.
+- `IgxChip`
+    - **Behavioral Change** The `variant` is now strictly typed with the union of supported options and no longer accepts invalid values for the default state, provide no value (nullish) instead is needed.
+
+### New Features
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`, `IgxPivotGrid`
+  - Added a new `igxGridEmpty` template directive that allows assigning the `emptyGridTemplate` declaratively, without the need to get and assign reference, like other grid templates like:
+    ```html
+    <igx-grid>
+      <ng-template igxGridEmpty>
+        <!-- content to show when the grid is empty -->
+      </ng-template>
+    </igx-grid>
+    ```
+  - Added a new `igxGridLoading` template directive that allows assigning the `loadingGridTemplate` declaratively, without the need to get and assign reference, like other grid templates like:
+    ```html
+    <igx-grid>
+      <ng-template igxGridLoading>
+        <!-- content to show when the grid is loading -->
+      </ng-template>
+    </igx-grid>
+    ```
+
 ## 19.2.0
 
 ### General

angular.json

@@ -323,7 +323,7 @@
               ],
               "outputHashing": "none",
               "optimization": true,
-              "externalDependencies": ["lit-html"]
+              "externalDependencies": ["lit"]
             },
             "development": {
               "optimization": false,

gulpfile.js

@@ -1,19 +1,11 @@
 'use strict';
 
-const del = require('del');
 const gulp = require('gulp');
 const process = require('process');
 const fs = require('fs');
-const argv = require('yargs').argv;
-const sassdoc = require('sassdoc');
 const path = require('path');
-const { series } = require('gulp');
-const slash = require('slash');
-
-const DOCS_OUTPUT_PATH = slash(path.join(__dirname, 'dist', 'igniteui-angular', 'docs'));
 
 module.exports.copyGitHooks = async (cb) => {
-
     if (process.env.AZURE_PIPELINES || process.env.TRAVIS || process.env.CI || !fs.existsSync('.git')) {
         return;
     }
@@ -88,93 +80,6 @@ module.exports.copySchematics = (cb) => {
 };
 
 
-function createDocsOutputDirFn(cb) {
-    !fs.existsSync(DOCS_OUTPUT_PATH) && fs.mkdirSync(DOCS_OUTPUT_PATH);
-    cb();
-}
-
-const SASSDOC = {
-    PROJECT_PATHS: [
-        `${path.join(__dirname, 'projects', 'igniteui-angular', 'src', 'lib', 'core', 'styles')}/**/*.scss`,
-        `${path.join(__dirname, 'node_modules', 'igniteui-theming', 'sass')}/**/*.scss`
-    ],
-    DEST: path.join(DOCS_OUTPUT_PATH, 'sass'),
-    OPTIONS: path.join(__dirname, '.sassdocrc'),
-};
-
-const sassdocCleanOutputDir = (cb) => {
-    del.sync(SASSDOC.DEST);
-    cb();
-}
-
-function sassdocBuildJson(cb) {
-    const options = JSON.parse(fs.readFileSync(SASSDOC.OPTIONS, 'utf8'));
-
-    const { convert, exportDir } = argv;
-
-    options.convert = convert;
-    options.exportDir = exportDir;
-
-    gulp.src(SASSDOC.PROJECT_PATHS)
-        .pipe(sassdoc(options));
-
-    cb();
-
-}
-
-function sassdocImportJson(cb) {
-    const options = JSON.parse(fs.readFileSync(SASSDOC.OPTIONS, 'utf8'));
-
-    const { render, importDir } = argv;
-
-    options.render = render;
-    options.json_dir = importDir;
-    options.shellStringsPath = path.join(__dirname, 'extras', 'template', 'strings', 'shell-strings.json');
-
-    gulp.src(SASSDOC.PROJECT_PATHS)
-        .pipe(sassdoc(options));
-
-    cb();
-}
-
-function sassdocBuildJA(cb) {
-    const pathTranslations = path.join(__dirname, 'i18nRepo', 'sassdoc', 'ja');
-    const options = JSON.parse(fs.readFileSync(SASSDOC.OPTIONS, 'utf8'));
-
-    options.lang = 'jp';
-    options.render = argv.render;
-    options.json_dir = pathTranslations;
-    options.shellStringsPath = path.join(__dirname, 'extras', 'template', 'strings', 'shell-strings.json');
-
-    gulp.src(SASSDOC.PROJECT_PATHS)
-        .pipe(sassdoc(options));
-
-    cb();
-}
-
-function sassdocBuildEN(cb) {
-    const options = JSON.parse(fs.readFileSync(SASSDOC.OPTIONS, 'utf8'));
-
-    options.lang = 'en';
-    options.shellStringsPath = path.join(__dirname, 'extras', 'template', 'strings', 'shell-strings.json');
-
-    gulp.src(SASSDOC.PROJECT_PATHS)
-        .pipe(sassdoc(options));
-
-    cb();
-}
-
-module.exports.createDocsOutputDir = createDocsOutputDirFn;
-
-/**
- * Sassdoc build tasks
- */
-module.exports.sassdocCleanOutputDir = sassdocCleanOutputDir;
-module.exports.sassdocImportJson = sassdocImportJson;
-module.exports.sassdocBuildJson = sassdocBuildJson;
-module.exports.sassdocBuildJA = series(sassdocCleanOutputDir, sassdocBuildJA);
-module.exports.sassdocBuildEN = series(sassdocCleanOutputDir, sassdocBuildEN);
-
 module.exports.copyPackageForElements = (cb) => {
     return gulp.src([
         path.join(__dirname, 'projects/igniteui-angular-elements/package.json')