Updating production from Staging

live-editing/configs/BreadcrumbsConfigGenerator.ts

@@ -29,6 +29,12 @@ export class BreadcrumbsConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: "/layouts/breadcrumbs/"
         }));
 
+        configs.push(new Config({
+            component: 'BreadcrumbsDropdownComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/layouts/breadcrumbs/"
+        }));
+
         configs.push(new Config({
             component: 'BreadcrumbsCustomSeparatorComponent',
             appConfig: BaseAppConfig,

live-editing/configs/ButtonConfigGenerator.ts

@@ -79,15 +79,15 @@ export class ButtonConfigGenerator implements IConfigGenerator {
         // 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"],
+            additionalDependencies: ["tailwindcss", "@tailwindcss/postcss"],
+            additionalFiles: [".postcssrc.json"],
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/button/"
         }));

live-editing/configs/ButtonGroupConfigGenerator.ts

@@ -76,6 +76,8 @@ export class ButtonGroupConfigGenerator implements IConfigGenerator {
         // button group tailwind styling
         configs.push(new Config({
             component: 'ButtonGroupTailwindStylingComponent',
+            additionalDependencies: ["tailwindcss", "@tailwindcss/postcss"],
+            additionalFiles: [".postcssrc.json"],
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/buttonGroup/"
         }));

live-editing/configs/CardConfigGenerator.ts

@@ -1,11 +1,9 @@
 import { IgxAvatarModule } from 'igniteui-angular/avatar';
-import { IgxButtonModule, IgxDividerModule, IgxLayoutModule, IgxRippleModule } from 'igniteui-angular/directives';
+import { IgxButtonModule, IgxDividerModule, IgxRippleModule } from 'igniteui-angular/directives';
 import { IgxCardModule } from 'igniteui-angular/card';
 import { IgxChipsModule } from 'igniteui-angular/chips';
-import { IgxExpansionPanelModule } from 'igniteui-angular/expansion-panel';
 import { IgxIconModule } from 'igniteui-angular/icon';
-import { IgxListModule } from 'igniteui-angular/list';
-import { IgxSliderModule } from 'igniteui-angular/slider';
+import { IgxSwitchModule } from 'igniteui-angular/switch';
 import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'
 import { BaseAppConfig } from './BaseConfig';
 export class CardConfigGenerator implements IConfigGenerator {
@@ -14,63 +12,55 @@ export class CardConfigGenerator implements IConfigGenerator {
     public generateConfigs(): Config[] {
         const configs = new Array<Config>();
 
-        // card sample
+        // card overview
         configs.push(new Config({
-            component: 'CardComponent',
+            component: 'CardOverviewComponent',
             appConfig: BaseAppConfig,
-            additionalFiles: [
-                "/src/app/layouts/card/card.blueprint.ts"
-            ],
             shortenComponentPathBy: "/layouts/card/"
         }));
 
-        // card sample 1
+        // card actions
         configs.push(new Config({
-            component: 'CardSample1Component',
+            component: 'CardActionsComponent',
             appConfig: BaseAppConfig,
             additionalFiles: [
-                "/src/app/layouts/card/card.blueprint.ts"
+                "/src/app/layouts/card/card-actions/icons.ts"
             ],
             shortenComponentPathBy: "/layouts/card/"
         }));
 
-        // card sample 2
+        // card media
         configs.push(new Config({
-            component: 'CardSample2Component',
+            component: 'CardMediaComponent',
             appConfig: BaseAppConfig,
             additionalFiles: [
-                "/src/app/layouts/card/card.blueprint.ts"
+                "/src/app/layouts/card/card-media/icons.ts"
             ],
             shortenComponentPathBy: "/layouts/card/"
         }));
 
-        // card sample 3
+        // card media position
         configs.push(new Config({
-            component: 'CardSample3Component',
+            component: 'CardPositionComponent',
             appConfig: BaseAppConfig,
-            additionalFiles: [
-                "/src/app/layouts/card/card.blueprint.ts"
-            ],
             shortenComponentPathBy: "/layouts/card/"
         }));
 
-        // card sample 4
+        // card styling
         configs.push(new Config({
-            component: 'CardSample4Component',
+            component: 'CardStylingComponent',
             appConfig: BaseAppConfig,
-            additionalFiles: [
-                "/src/app/layouts/card/card.blueprint.ts"
-            ],
             shortenComponentPathBy: "/layouts/card/"
         }));
 
-        // card styling sample
+        // card tailwind styling
         configs.push(new Config({
-            component: 'CardStylingSampleComponent',
+            component: 'CardTailwindStylingComponent',
+            additionalDependencies: ["tailwindcss", "@tailwindcss/postcss"],
             appConfig: BaseAppConfig,
             additionalFiles: [
-                "/src/app/layouts/card/card.blueprint.ts",
-                "/src/app/layouts/card/card-styling-sample/layout.scss"
+                "/src/app/layouts/card/card-tailwind-styling/icons.ts",
+                ".postcssrc.json"
             ],
             shortenComponentPathBy: "/layouts/card/"
         }));

live-editing/configs/CheckboxConfigGenerator.ts

@@ -31,6 +31,8 @@ export class CheckboxConfigGenerator implements IConfigGenerator {
         // checkbox tailwind styling
         configs.push(new Config({
             component: 'CheckboxTailwindStylingComponent',
+            additionalDependencies: ["tailwindcss", "@tailwindcss/postcss"],
+            additionalFiles: [".postcssrc.json"],
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-entries/checkbox/"
         }));

live-editing/configs/ChipConfigGenerator.ts

@@ -10,7 +10,43 @@ export class ChipConfigGenerator implements IConfigGenerator {
         const configs = new Array<Config>();
 
         configs.push(new Config({
-            component: 'ChipSimpleComponent',
+            component: 'ChipOverviewComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        configs.push(new Config({
+            component: 'ChipLayoutComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        configs.push(new Config({
+            component: 'ChipTypesComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        configs.push(new Config({
+            component: 'ChipSizeComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        configs.push(new Config({
+            component: 'ChipInteractionStateComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        configs.push(new Config({
+            component: 'ChipStateComponent',
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-display/"
+        }));
+
+        configs.push(new Config({
+            component: 'ChipRemoveComponent',
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/"
         }));
@@ -28,14 +64,13 @@ export class ChipConfigGenerator implements IConfigGenerator {
         }));
 
         configs.push(new Config({
-            component: 'ChipAreaSampleComponent',
+            component: 'ChipAreaComponent',
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/"
         }));
 
         configs.push(new Config({
             component: 'ChipStylingSampleComponent',
-            additionalFiles: ["/src/app/data-display/chip/chip-styling/layout.scss"],
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/"
         }));

live-editing/configs/IconConfigGenerator.ts

@@ -15,40 +15,41 @@ export class IconConfigGenerator implements IConfigGenerator {
     public generateConfigs(): Config[] {
         const configs = new Array<Config>();
 
-        // icon sample 1
+        // icon overview
         configs.push(new Config({
-            component: 'IconSample1Component',
+            component: 'IconOverviewComponent',
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/icon/"
         }));
 
-        // SVG icon sample
+        // icon size
         configs.push(new Config({
-            component: 'SvgIconSampleComponent',
+            component: 'IconSizeComponent',
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/icon/"
         }));
 
-        // Icon Styling Sample
+        // icon styling
         configs.push(new Config({
-            component: 'IconStylingSampleComponent',
-            additionalFiles: ["/src/app/data-display/icon/icon-styling-sample/layout.scss"],
+            component: 'IconStylingComponent',
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/icon/"
         }));
 
-        // Icon Service Sample
+        // icon tailwind styling
         configs.push(new Config({
-            component: 'IconServiceSampleComponent',
+            component: 'IconTailwindStylingComponent',
+            additionalDependencies: ["tailwindcss", "@tailwindcss/postcss"],
+            additionalFiles: [".postcssrc.json"],
             appConfig: BaseAppConfig,
             shortenComponentPathBy: "/data-display/icon/"
         }));
 
-        // Material Symbols Sample
+        // Icon Service Sample
         configs.push(new Config({
-            component: 'MaterialSymbolsComponent',
+            component: 'IconServiceSampleComponent',
             appConfig: BaseAppConfig,
-            shortenComponentPathBy: "/data-display/material-symbols/"
+            shortenComponentPathBy: "/data-display/icon/"
         }));
 
         // Material icons extended sample

live-editing/configs/OverlayConfigGenerator.ts

@@ -25,11 +25,11 @@ export class OverlayConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             component: 'OverlaySampleMain2Component',
-            additionalFiles: ["/src/app/layouts/card/card-sample-1/card-sample-1.component.ts",
-            "/src/app/layouts/card/card-sample-1/card-sample-1.component.scss",
-            "/src/app/layouts/card/card-sample-1/card-sample-1.component.html",
-            "/src/app/layouts/card/card.blueprint.ts"],
-            appConfig: BaseAppConfig
+            additionalFiles: ["/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts",
+            "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.scss",
+            "/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.html"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/interactions/overlay/"
         }));
 
         configs.push(new Config({

live-editing/configs/RatingConfigGenerator.ts

@@ -0,0 +1,67 @@
+import { Config, IConfigGenerator } from 'igniteui-live-editing'
+import { BaseAppConfig } from './BaseConfig';
+export class RatingConfigGenerator implements IConfigGenerator {
+
+    public generateConfigs(): Config[] {
+        const configs = new Array<Config>();
+
+        // rating overview
+        configs.push(new Config({
+            component: 'RatingOverviewComponent',
+            additionalDependencies: ['igniteui-webcomponents'],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/rating/"
+        }));
+
+        // rating layout
+        configs.push(new Config({
+            component: 'RatingLayoutComponent',
+            additionalDependencies: ['igniteui-webcomponents'],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/rating/"
+        }));
+
+        // rating interaction states
+        configs.push(new Config({
+            component: 'RatingInteractionStatesComponent',
+            additionalDependencies: ['igniteui-webcomponents'],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/rating/"
+        }));
+
+        // rating states
+        configs.push(new Config({
+            component: 'RatingStatesComponent',
+            additionalDependencies: ['igniteui-webcomponents'],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/rating/"
+        }));
+
+        // rating size
+        configs.push(new Config({
+            component: 'RatingSizeComponent',
+            additionalDependencies: ['igniteui-webcomponents'],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/rating/"
+        }));
+
+        // rating styling
+        configs.push(new Config({
+            component: 'RatingStylingComponent',
+            additionalDependencies: ['igniteui-webcomponents'],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/rating/"
+        }));
+
+        // rating tailwind styling
+        configs.push(new Config({
+            component: 'RatingTailwindStylingComponent',
+            additionalDependencies: ['igniteui-webcomponents', 'tailwindcss', '@tailwindcss/postcss'],
+            additionalFiles: ['.postcssrc.json'],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/data-entries/rating/"
+        }));
+
+        return configs;
+    }
+}

live-editing/generators/ConfigGenerators.ts

@@ -44,6 +44,7 @@ import { NavbarConfigGenerator } from '../configs/NavbarConfigGenerator';
 import { NavdrawerConfigGenerator } from '../configs/NavDrawerConfigGenerator';
 import { OverlayConfigGenerator } from '../configs/OverlayConfigGenerator';
 import { RadioConfigGenerator } from '../configs/RadioConfigGenerator';
+import { RatingConfigGenerator } from '../configs/RatingConfigGenerator';
 import { RippleConfigGenerator } from '../configs/RippleConfigGenerator';
 import { SelectConfigGenerator } from '../configs/SelectConfigGenerator';
 import { SliderConfigGenerator } from '../configs/SliderConfigGenerator';
@@ -115,6 +116,7 @@ export const CONFIG_GENERATORS =
         MaskConfigGenerator,
         MonthPickerConfigGenerator,
         RadioConfigGenerator,
+        RatingConfigGenerator,
         SelectConfigGenerator,
         SliderConfigGenerator,
         SwitchConfigGenerator,