Updating Production from Staging

.github/workflows/build-app-crm.yml

@@ -46,4 +46,8 @@ jobs:
       - name: 'Generate live editing and build samples'
         run: npm run build:app-crm
         env:
+          # esbuild is a Go binary: Node heap flags do not limit it, GOMEMLIMIT/GOGC do.
+          # Without this the app build OOM-kills the runner ("The operation was canceled").
+          GOMEMLIMIT: '6GiB'
+          GOGC: '50'
           NODE_OPTIONS: "--max_old_space_size=4096"

.github/workflows/build-app-lob.yml

@@ -48,4 +48,8 @@ jobs:
       - name: 'Generate live editing and build samples'
         run: npm run build:app-lob
         env:
+          # esbuild is a Go binary: Node heap flags do not limit it, GOMEMLIMIT/GOGC do.
+          # Without this the app build OOM-kills the runner ("The operation was canceled").
+          GOMEMLIMIT: '6GiB'
+          GOGC: '50'
           NODE_OPTIONS: "--max_old_space_size=4096"

.github/workflows/build-app.yml

@@ -46,4 +46,8 @@ jobs:
       - name: 'Generate live editing and build samples'
         run: npm run build
         env:
+          # esbuild is a Go binary: Node heap flags do not limit it, GOMEMLIMIT/GOGC do.
+          # Without this the app build OOM-kills the runner ("The operation was canceled").
+          GOMEMLIMIT: '6GiB'
+          GOGC: '50'
           NODE_OPTIONS: "--max_old_space_size=4096"

angular.json

@@ -19,7 +19,12 @@
             "tsConfig": "src/tsconfig.app.json",
             "assets": [
               "src/assets",
-              "src/favicon.ico"
+              "src/favicon.ico",
+              {
+                "glob": "igniteui-{angular,angular-dark,fluent-light,fluent-dark,bootstrap-light,bootstrap-dark,indigo-light,indigo-dark}.css",
+                "input": "node_modules/igniteui-angular/styles",
+                "output": "assets/themes"
+              }
             ],
             "styles": [
               "src/styles.scss"

live-editing/configs/AccordionConfigGenerator.ts

@@ -31,6 +31,12 @@ export class AccordionConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: '/layouts/accordion/'
         }));
 
+        configs.push(new Config({
+            component: 'AccordionProgrammaticExpansionComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: '/layouts/accordion/'
+        }));
+
         configs.push(new Config({
             component: 'AccordionStyleComponent',
             additionalFiles: ["/src/app/layouts/accordion/accordion-style/layout.scss"],

live-editing/configs/ButtonConfigGenerator.ts

@@ -1,48 +1,95 @@
-import { IgxButtonGroupModule } from 'igniteui-angular/button-group';
-import { IgxButtonModule, IgxRippleModule } from 'igniteui-angular/directives';
-import { IgxIconModule } from 'igniteui-angular/icon';
-import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'
+import { Config, IConfigGenerator } from 'igniteui-live-editing'
 import { BaseAppConfig } from './BaseConfig';
-import { ButtonsRoundnessComponent } from '../../src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample';
 export class ButtonConfigGenerator implements IConfigGenerator {
 
 
     public generateConfigs(): Config[] {
         const configs = new Array<Config>();
 
-        // buttons sample 1
+        // button overview
         configs.push(new Config({
-            component: 'ButtonsSample1Component',
+            component: 'ButtonOverviewComponent',
             appConfig: BaseAppConfig,
-            shortenComponentPathBy: "/data-entries/buttons/"
+            shortenComponentPathBy: "/data-entries/button/"
         }));
 
-        // buttons roundness
+        // flat button
         configs.push(new Config({
-            component: 'ButtonsDisabledComponent',
+            component: 'ButtonFlatComponent',
             appConfig: BaseAppConfig,
-            shortenComponentPathBy: "/data-entries/buttons/"
+            shortenComponentPathBy: "/data-entries/button/"
         }));
 
-        // buttons display density
+        // button interaction states
         configs.push(new Config({
-            component: 'ButtonsDisplayDensityComponent',
+            component: 'ButtonInteractionStatesComponent',
             appConfig: BaseAppConfig,
-            shortenComponentPathBy: "/data-entries/buttons/"
+            shortenComponentPathBy: "/data-entries/button/"
         }));
 
+        // button layout
         configs.push(new Config({
-            component: 'ButtonsRoundnessComponent',
+            component: 'ButtonLayoutComponent',
             appConfig: BaseAppConfig,
-            shortenComponentPathBy: "/data-entries/buttons/"
+            shortenComponentPathBy: "/data-entries/button/"
         }));
 
-        // button style
+        // contained button
         configs.push(new Config({
-            component: 'ButtonsStyleComponent',
-            additionalFiles: ["/src/app/data-entries/buttons/buttons-style/layout.scss"],
+            component: 'ButtonContainedComponent',
             appConfig: BaseAppConfig,
-            shortenComponentPathBy: "/data-entries/buttons/"
+            shortenComponentPathBy: "/data-entries/button/"
+        }));
+
+        // floating action button
+        configs.push(new Config({
+            component: 'ButtonFabComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/button/"
+        }));
+
+        // outlined button
+        configs.push(new Config({
+            component: 'ButtonOutlinedComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/button/"
+        }));
+
+        // button states
+        configs.push(new Config({
+            component: 'ButtonStatesComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/button/"
+        }));
+
+        // button size
+        configs.push(new Config({
+            component: 'ButtonSizeComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/button/"
+        }));
+
+        // download button
+        configs.push(new Config({
+            component: 'ButtonDownloadComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/button/"
+        }));
+
+        // button styling
+        configs.push(new Config({
+            component: 'ButtonStylingComponent',
+            additionalFiles: ["/src/app/data-entries/button/button-styling/layout.scss"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/button/"
+        }));
+
+        // button tailwind styling
+        configs.push(new Config({
+            component: 'ButtonTailwindStylingComponent',
+            additionalFiles: ["/src/app/data-entries/button/button-tailwind-styling/layout.scss"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/button/"
         }));
 
         return configs;

live-editing/configs/ButtonGroupConfigGenerator.ts

@@ -69,7 +69,6 @@ export class ButtonGroupConfigGenerator implements IConfigGenerator {
         // button group styling
         configs.push(new Config({
             component: 'ButtonGroupStylingComponent',
-            additionalFiles: ["/src/app/data-entries/buttonGroup/button-group-styling/layout.scss"],
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/buttonGroup/"
         }));

live-editing/configs/GridConfigGenerator.ts

@@ -574,6 +574,11 @@ export class GridConfigGenerator implements IConfigGenerator {
             additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/customers.ts', '/src/app/grid/grid-sample-pinning-styling/layout.scss'],
             appConfig: BaseAppConfig
         }));
+        configs.push(new Config({
+            component: 'GridThemingComponent',
+            additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'],
+            appConfig: BaseAppConfig
+        }));
         configs.push(new Config({
             component: 'GridGroupByStylingComponent',
             additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts', '/src/app/grid/grid-groupby-styling/layout.scss'],

live-editing/configs/PivotGridConfigGenerator.ts

@@ -83,7 +83,7 @@ export class PivotGridConfigGenerator implements IConfigGenerator {
         }));
 
         configs.push(new Config({
-            additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'],
+            additionalFiles: ['/src/app/data/pivot-data.ts', '/src/app/pivot-grid/pivot-styling/layout.scss'],
             appConfig: BaseAppConfig,
             component: 'PivotStylingComponent'
         }));

live-editing/configs/SwitchConfigGenerator.ts

@@ -7,24 +7,44 @@ export class SwitchConfigGenerator implements IConfigGenerator {
     public generateConfigs(): Config[] {
         const configs = new Array<Config>();
 
-        // switch sample 1
+        // switch overview
         configs.push(new Config({
-            component: 'SwitchSample1Component',
+            component: 'SwitchOverviewComponent',
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/switch/"
         }));
 
-        // switch sample 2
+        // switch enabled
         configs.push(new Config({
-            component: 'SwitchSample2Component',
+            component: 'SwitchEnabledComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/switch/"
+        }));
+
+        // switch disabled
+        configs.push(new Config({
+            component: 'SwitchDisabledComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/switch/"
+        }));
+
+        // switch selected
+        configs.push(new Config({
+            component: 'SwitchSelectedComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/switch/"
+        }));
+
+        // switch layout
+        configs.push(new Config({
+            component: 'SwitchLayoutComponent',
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/switch/"
         }));
 
         // switch styling
         configs.push(new Config({
             component: 'SwitchStylingComponent',
-            additionalFiles: ["/src/app/data-entries/switch/switch-styling/layout.scss"],
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/switch/"
         }));

live-editing/configs/ThemingConfigGenerator.ts

@@ -72,6 +72,22 @@ export class ThemingConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: '/theming/angular/'
         }));
 
+        configs.push(new Config({
+            component: 'GridThemePlaygroundComponent',
+            additionalFiles: [
+                '/src/app/theming/grid-theme-playground/theme-color-field.component.ts',
+                '/src/app/theming/grid-theme-playground/theme-color-field.component.html',
+                '/src/app/theming/grid-theme-playground/theme-color-field.component.scss',
+                '/src/app/theming/grid-theme-playground/color-utils.ts',
+                '/src/app/data/invoiceData.ts',
+                '/src/app/data/pivot-data.ts',
+                '/src/app/data/singersData.ts',
+                '/src/app/tree-grid/data/employees-flat-avatars.ts'
+            ],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: '/theming/grid-theme-playground/'
+        }));
+
         configs.push(new Config({
             component: 'TailwindSampleComponent',
             appConfig: BaseAppConfig,

live-editing/configs/VirtualScrollConfigGenerator.ts

@@ -0,0 +1,59 @@
+import {Config, IConfigGenerator} from 'igniteui-live-editing'
+import { BaseAppConfig } from './BaseConfig';
+export class VirtualScrollConfigGenerator implements IConfigGenerator {
+
+
+    public generateConfigs(): Config[] {
+        const configs = new Array<Config>();
+
+        // virtual scroll overview
+        configs.push(new Config({
+            component: 'VirtualScrollOverviewComponent',
+            additionalFiles: ["/src/app/data-display/virtual-scroll/employees.ts"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        // virtual scroll variable item size
+        configs.push(new Config({
+            component: 'VirtualScrollVariableSizeComponent',
+            additionalFiles: ["/src/app/data-display/virtual-scroll/employees.ts"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        // virtual scroll horizontal
+        configs.push(new Config({
+            component: 'VirtualScrollHorizontalComponent',
+            additionalFiles: ["/src/app/data-display/virtual-scroll/employees.ts"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        // virtual scroll scroll to index
+        configs.push(new Config({
+            component: 'VirtualScrollScrollToIndexComponent',
+            additionalFiles: ["/src/app/data-display/virtual-scroll/employees.ts"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        // virtual scroll infinite scroll
+        configs.push(new Config({
+            component: 'VirtualScrollInfiniteScrollComponent',
+            additionalFiles: ["/src/app/data-display/virtual-scroll/employees.ts"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        // virtual scroll paged data
+        configs.push(new Config({
+            component: 'VirtualScrollPagedDataComponent',
+            additionalFiles: ["/src/app/data-display/virtual-scroll/employees.ts"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        return configs;
+    }
+}

live-editing/generators/ConfigGenerators.ts

@@ -26,6 +26,7 @@ import { ExportCsvConfigGenerator } from '../configs/ExportCsvConfigGenerator';
 import { ExportExcelConfigGenerator } from '../configs/ExportExcelConfigGenerator';
 import { ExportPdfConfigGenerator } from '../configs/ExportPdfConfigGenerator';
 import { ForConfigGenerator } from '../configs/ForConfigGenerator';
+import { VirtualScrollConfigGenerator } from '../configs/VirtualScrollConfigGenerator';
 import { GridConfigGenerator } from '../configs/GridConfigGenerator';
 import { HierarchicalGridConfigGenerator } from '../configs/HierarchicalGridConfigGenerator';
 import { IconConfigGenerator } from '../configs/IconConfigGenerator';
@@ -128,6 +129,7 @@ export const CONFIG_GENERATORS =
         CircularProgressbarConfigGenerator,
         DividerConfigGenerator,
         ForConfigGenerator,
+        VirtualScrollConfigGenerator,
         IconConfigGenerator,
         OverlayConfigGenerator,
         LinearProgressbarConfigGenerator,