feat: generate lazy component for content-include to be used in application shell

Author: dhhyi

src/app/shared/cms/components/content-include/content-include.component.ts

@@ -12,20 +12,24 @@ import { takeUntil } from 'rxjs/operators';
 
 import { CMSFacade } from 'ish-core/facades/cms.facade';
 import { ContentPageletEntryPointView } from 'ish-core/models/content-view/content-view.model';
+import { GenerateLazyComponent } from 'ish-core/utils/module-loader/generate-lazy-component.decorator';
 import { SfeMetadataWrapper } from 'ish-shared/cms/sfe-adapter/sfe-metadata-wrapper';
 
 /**
  * The Content Include Container Component renders the content of the include with the given 'includeId'.
- * For rendering is uses the {@link ContentPageletContainerComponent} for each sub pagelet.
+ * For rendering it uses the {@link ContentPageletContainerComponent} for each sub pagelet.
  *
  * @example
  * <ish-content-include includeId="pwa.include.homepage.pagelet2-Include"></ish-content-include>
+ * or with lazy loading within the application shell
+ * <ish-lazy-content-include includeId="include.footer.pagelet2-Include"></ish-lazy-content-include>
  */
 @Component({
   selector: 'ish-content-include',
   templateUrl: './content-include.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
+@GenerateLazyComponent()
 export class ContentIncludeComponent extends SfeMetadataWrapper implements OnInit, OnDestroy, OnChanges {
   /**
    * The ID of the Include whoes content is to be rendered.

src/app/shell/shared/.gitignore

@@ -0,0 +1 @@
+/lazy**

src/app/shell/shell.module.ts

@@ -35,6 +35,7 @@ import { ProductImageComponent } from './header/product-image/product-image.comp
 import { SearchBoxComponent } from './header/search-box/search-box.component';
 import { SubCategoryNavigationComponent } from './header/sub-category-navigation/sub-category-navigation.component';
 import { UserInformationMobileComponent } from './header/user-information-mobile/user-information-mobile.component';
+import { LazyContentIncludeComponent } from './shared/lazy-content-include/lazy-content-include.component';
 
 const importExportModules = [
   CaptchaExportsModule,
@@ -78,6 +79,7 @@ const exportedComponents = [
     HeaderNavigationComponent,
     HeaderSimpleComponent,
     LanguageSwitchComponent,
+    LazyContentIncludeComponent,
     LoginStatusComponent,
     MiniBasketComponent,
     ProductCompareStatusComponent,