create-sitecore-jss 22.10.0-canary.9 → 22.10.0

package/dist/templates/angular-xmcloud/src/app/components/richtext/richtext.component.html

@@ -1,8 +1,7 @@
 <div class="component-content">
-  <ng-container *ngIf="text; else emptyHint">
+  @if (text) {
     <div *scRichText="text"></div>
-  </ng-container>
-  <ng-template #emptyHint>
+  } @else {
     <span class="is-empty-hint">Rich text</span>
-  </ng-template>
+  }
 </div>

package/dist/templates/angular-xmcloud/src/app/components/richtext/richtext.component.ts

@@ -1,10 +1,13 @@
 import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { JssModule } from '@sitecore-jss/sitecore-jss-angular';
 import { Field } from '@sitecore-jss/sitecore-jss-angular';
 import { SxaComponent } from '../sxa.component';
 
 @Component({
   selector: 'app-richtext',
   templateUrl: './richtext.component.html',
+  imports: [CommonModule, JssModule],
   host: {
     'class': 'component rich-text',
     '[class]': "styles",

package/dist/templates/angular-xmcloud/src/app/components/row-splitter/row-splitter.component.html

@@ -1,11 +1,12 @@
-<div
-  *ngFor="let ph of enabledPlaceholders"
-  class="container-fluid"
-  [ngClass]="getRowClass(+ph - 1)"
->
-  <div>
-    <div class="row">
-      <sc-placeholder [name]="getPlaceholderName(ph)" [rendering]="rendering"> </sc-placeholder>
+@for (ph of enabledPlaceholders; track ph) {
+  <div
+    class="container-fluid"
+    [ngClass]="getRowClass(+ph - 1)"
+  >
+    <div>
+      <div class="row">
+        <sc-placeholder [name]="getPlaceholderName(ph)" [rendering]="rendering"> </sc-placeholder>
+      </div>
     </div>
   </div>
-</div>
+}

package/dist/templates/angular-xmcloud/src/app/components/row-splitter/row-splitter.component.ts

@@ -1,9 +1,12 @@
 import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { JssModule } from '@sitecore-jss/sitecore-jss-angular';
 import { SxaComponent } from '../sxa.component';
 
 @Component({
   selector: 'app-row-splitter',
   templateUrl: './row-splitter.component.html',
+  imports: [CommonModule, JssModule],
   host: {
     "class": "component row-splitter",
     "[class]": "rowSplitterStyles",

package/dist/templates/angular-xmcloud/src/app/components/title/title.component.html

@@ -1,10 +1,9 @@
 <div clas="component-content">
   <div class="field-title">
-    <ng-container *ngIf="!pageEditing; else textOnly">
+    @if (!pageEditing) {
       <a *scGenericLink="link"></a>
-    </ng-container>
+    } @else {
+      <span *scText="text"></span>
+    }
   </div>
 </div>
-<ng-template #textOnly>
-  <span *scText="text"></span>
-</ng-template>

package/dist/templates/angular-xmcloud/src/app/components/title/title.component.ts

@@ -1,4 +1,6 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { JssModule } from '@sitecore-jss/sitecore-jss-angular';
 import { LinkField, SxaTitleFields, TextField } from '@sitecore-jss/sitecore-jss-angular';
 import { SxaComponent } from '../sxa.component';
 import { Subscription } from 'rxjs';
@@ -7,6 +9,7 @@ import { JssContextService } from '../../jss-context.service';
 @Component({
   selector: 'app-title',
   templateUrl: './title.component.html',
+  imports: [CommonModule, JssModule],
   host: {
     'class': 'component title',
     '[class]': 'styles',
@@ -19,10 +22,7 @@ export class TitleComponent extends SxaComponent<SxaTitleFields> implements OnIn
   pageEditing?: boolean;
   
   private contextSubscription: Subscription;
-
-  constructor(private jssContext: JssContextService) {
-    super();
-  }
+  private jssContext = inject(JssContextService);
 
   ngOnInit() {
     super.ngOnInit();

package/dist/templates/angular-xmcloud/src/app/jss-link.service.ts

@@ -1,4 +1,4 @@
-import { Inject, Injectable } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 import { HTMLLink } from '@sitecore-jss/sitecore-jss-angular';
 
@@ -6,7 +6,7 @@ import { HTMLLink } from '@sitecore-jss/sitecore-jss-angular';
   providedIn: 'root',
 })
 export class JssLinkService {
-  constructor(@Inject(DOCUMENT) private document: Document) {}
+  private document = inject(DOCUMENT);
 
   /**
    * Adds link element in the document head.

package/dist/templates/angular-xmcloud/src/app/routing/layout/layout.component.html

@@ -1,38 +1,40 @@
 <div class="{{ mainClassPageEditing }}">
-  <ng-container *ngIf="state === LayoutState.Layout">
-    <app-scripts></app-scripts>
-    <header>
-      <div id="header">    
-        <sc-placeholder
-          name="headless-header"
-          [rendering]="route"
-          (loaded)="onPlaceholderLoaded($event)"
-        ></sc-placeholder>
-      </div>
-    </header>
-    <main>
-      <div id="content">
-        <sc-placeholder
-          name="headless-main"
-          [rendering]="route"
-          (loaded)="onPlaceholderLoaded($event)"
-        ></sc-placeholder>
-      </div>
-    </main>
-    <footer>
-      <div id="footer">
-        <sc-placeholder
-          name="headless-footer"
-          [rendering]="route"
-          (loaded)="onPlaceholderLoaded($event)"
-        ></sc-placeholder>
-      </div>
-    </footer>
-  </ng-container>
-
-  <app-not-found
-    *ngIf="state === LayoutState.NotFound"
-    [errorContextData]="errorContextData"
-  ></app-not-found>
-  <app-server-error *ngIf="state === LayoutState.Error"></app-server-error>
+  @if (state === LayoutState.Layout) {
+    <ng-container>
+      <app-scripts></app-scripts>
+      <header>
+        <div id="header">    
+          <sc-placeholder
+            name="headless-header"
+            [rendering]="route"
+            (loaded)="onPlaceholderLoaded($event)"
+          ></sc-placeholder>
+        </div>
+      </header>
+      <main>
+        <div id="content">
+          <sc-placeholder
+            name="headless-main"
+            [rendering]="route"
+            (loaded)="onPlaceholderLoaded($event)"
+          ></sc-placeholder>
+        </div>
+      </main>
+      <footer>
+        <div id="footer">
+          <sc-placeholder
+            name="headless-footer"
+            [rendering]="route"
+            (loaded)="onPlaceholderLoaded($event)"
+          ></sc-placeholder>
+        </div>
+      </footer>
+    </ng-container>
+  }
+  @if (state === LayoutState.NotFound) {
+    <app-not-found [errorContextData]="errorContextData"></app-not-found>
+  }
+  @if (state === LayoutState.Error) {
+    <app-server-error></app-server-error>
+  }
 </div>

package/dist/templates/angular-xmcloud/src/app/routing/layout/layout.component.ts

@@ -1,17 +1,22 @@
 /* eslint-disable no-shadow, no-console */
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, inject } from '@angular/core';
 import {
   RouteData,
   Field,
   LayoutServiceContextData,
   getContentStylesheetLink,
+  JssModule,
 } from '@sitecore-jss/sitecore-jss-angular';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { JssState } from '../../JssState';
 import { JssMetaService } from '../../jss-meta.service';
 import { JssLinkService } from '../../jss-link.service';
+import { NotFoundComponent } from '../not-found/not-found.component';
+import { ServerErrorComponent } from '../server-error/server-error.component';
+import { ScriptsComponent } from '../scripts/scripts.component';
 import { environment as env } from '../../../environments/environment';
+import { CommonModule } from '@angular/common';
 
 enum LayoutState {
   Layout,
@@ -27,6 +32,7 @@ interface RouteFields {
 @Component({
   selector: 'app-layout',
   templateUrl: './layout.component.html',
+  imports: [CommonModule, JssModule, NotFoundComponent, ServerErrorComponent, ScriptsComponent],
 })
 export class LayoutComponent implements OnInit, OnDestroy {
   route: RouteData<RouteFields>;
@@ -36,11 +42,9 @@ export class LayoutComponent implements OnInit, OnDestroy {
   errorContextData: LayoutServiceContextData;
   mainClassPageEditing: string;
 
-  constructor(
-    private activatedRoute: ActivatedRoute,
-    private readonly meta: JssMetaService,
-    private linkService: JssLinkService
-  ) {}
+  private activatedRoute = inject(ActivatedRoute);
+  private readonly meta = inject(JssMetaService);
+  private linkService = inject(JssLinkService);
 
   ngOnInit() {
     // route data is populated by the JssRouteResolver

package/dist/templates/angular-xmcloud/src/app/routing/scripts/cdp-page-view.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy, inject } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { isServer, CdpHelper, LayoutServicePageState } from '@sitecore-jss/sitecore-jss-angular';
 import { pageView, PageViewData } from '@sitecore-cloudsdk/events/browser';
@@ -18,8 +18,7 @@ import { environment } from '../../../environments/environment';
 })
 export class CdpPageViewComponent implements OnInit, OnDestroy {
   private contextSubscription: Subscription;
-
-  constructor(private jssContext: JssContextService) {}
+  private jssContext = inject(JssContextService);
 
   ngOnInit(): void {
     if (!isServer()) {

package/dist/templates/angular-xmcloud/src/app/routing/scripts/cloud-sdk-init.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, inject } from '@angular/core';
 import { take } from 'rxjs/operators';
 import { CloudSDK } from '@sitecore-cloudsdk/core/browser';
 import '@sitecore-cloudsdk/events/browser';
@@ -15,7 +15,7 @@ import { JssState } from '../../JssState';
   template: '',
 })
 export class CloudSdkInitComponent implements OnInit {
-  constructor(private jssContext: JssContextService) {}
+  private jssContext = inject(JssContextService);
 
   ngOnInit(): void {
     if (!isServer() && environment.production) {

package/dist/templates/angular-xmcloud/src/app/routing/scripts/scripts.component.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { JssModule } from '@sitecore-jss/sitecore-jss-angular';
+import { CloudSdkInitComponent } from './cloud-sdk-init.component';
+import { CdpPageViewComponent } from './cdp-page-view.component';
+
+@Component({
+  selector: 'app-scripts',
+  templateUrl: './scripts.component.html',
+  imports: [CommonModule, JssModule, CloudSdkInitComponent, CdpPageViewComponent]
+})
+export class ScriptsComponent {}
+

package/dist/templates/angular-xmcloud/src/app/routing/scripts/scripts.module.ts

@@ -5,8 +5,7 @@ import { CloudSdkInitComponent } from './cloud-sdk-init.component';
 import { CdpPageViewComponent } from './cdp-page-view.component';
 
 @NgModule({
+  imports: [JssModule, ScriptsComponent, CloudSdkInitComponent, CdpPageViewComponent],
   exports: [ScriptsComponent],
-  imports: [JssModule],
-  declarations: [ScriptsComponent, CloudSdkInitComponent, CdpPageViewComponent],
 })
 export class ScriptsModule {}

package/dist/templates/nextjs/public/sc_logo.svg

@@ -1,52 +1,52 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg width="221px" height="48px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 668 143.7" style="enable-background:new 0 0 668 143.7;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#EB1F1F;}
-</style>
-<path d="M645.5,98.1V85.8h-27.6V73.5h24.7V62h-24.7V50.8H644V38.7h-39.9v59.4C604.1,98.1,645.5,98.1,645.5,98.1z M570.7,60.6
-	c-0.6,0.9-1.5,1.7-2.5,2.2c-1.1,0.5-2.2,0.8-3.4,1s-2.4,0.3-3.6,0.3h-6.8V50.3h7.7c1.1,0,2.2,0.1,3.3,0.2c1.1,0.2,2.1,0.5,3.1,1
-	c0.9,0.5,1.7,1.2,2.3,2c0.6,1,0.9,2.2,0.9,3.4C571.7,58.2,571.4,59.5,570.7,60.6 M589,98.1l-15.5-25.4c3.6-1,6.8-3,9.1-5.9
-	c2.2-2.9,3.4-6.5,3.3-10.2c0.1-2.9-0.6-5.9-1.9-8.5c-1.2-2.2-3-4.1-5.2-5.5s-4.7-2.5-7.3-3c-2.7-0.6-5.5-0.9-8.3-0.9h-22.6v59.4h14
-	V74.5h4.9l12.9,23.6H589z M508.1,75.6c-0.8,2.1-2,4.1-3.5,5.8c-1.5,1.6-3.4,2.9-5.4,3.8c-4.4,1.9-9.4,1.9-13.8,0
-	c-2-0.9-3.8-2.2-5.3-3.8c-1.5-1.7-2.7-3.7-3.5-5.8c-1.7-4.7-1.7-9.9,0-14.6c0.7-2.1,1.9-4.1,3.5-5.7c3.2-3.3,7.6-5.2,12.2-5.2
-	c2.4,0,4.7,0.4,6.9,1.4c2,0.9,3.9,2.2,5.4,3.8c1.5,1.7,2.7,3.6,3.5,5.7c0.9,2.3,1.3,4.7,1.3,7.2C509.4,70.7,509,73.2,508.1,75.6
-	 M522.3,55.3c-1.5-3.7-3.8-7.1-6.8-9.8s-6.5-4.8-10.3-6.2c-8.4-2.9-17.4-2.9-25.8,0c-3.8,1.4-7.2,3.5-10.2,6.2
-	c-2.9,2.8-5.2,6.1-6.8,9.8c-1.7,4.1-2.5,8.5-2.4,12.9c0,4.4,0.8,8.7,2.4,12.8c1.5,3.8,3.8,7.2,6.8,10c2.9,2.8,6.4,5,10.2,6.4
-	c8.3,3,17.5,3,25.8,0c3.8-1.4,7.3-3.6,10.3-6.4c2.9-2.8,5.2-6.2,6.8-10c1.7-4.1,2.5-8.5,2.4-12.9C524.8,63.7,523.9,59.4,522.3,55.3
-	 M451.4,89.8l-10-9.4c-1.4,1.8-3.1,3.3-5.1,4.4c-2.3,1.2-4.9,1.7-7.5,1.7c-2.3,0-4.6-0.4-6.8-1.3c-2-0.9-3.8-2.1-5.3-3.7
-	c-1.5-1.7-2.7-3.6-3.5-5.7c-0.9-2.4-1.3-4.9-1.3-7.4s0.4-4.9,1.3-7.2c0.8-2.1,2-4.1,3.5-5.8c1.5-1.6,3.4-2.9,5.4-3.8
-	c2.2-0.9,4.5-1.4,6.9-1.4c2.3,0,4.6,0.5,6.7,1.3c2.1,0.9,4,2.3,5.3,4.2l9.7-9.7c-2.7-3-6.1-5.2-9.9-6.5c-8.1-2.9-16.9-2.9-25,0
-	c-3.8,1.3-7.3,3.4-10.3,6.2c-2.9,2.8-5.3,6.2-6.8,9.9c-1.7,4.1-2.5,8.5-2.5,12.9c-0.1,4.4,0.8,8.7,2.4,12.7
-	c3.1,7.6,9.2,13.5,16.9,16.4c4.1,1.5,8.4,2.3,12.7,2.3c4.6,0.1,9.1-0.8,13.3-2.6C445.3,95.5,448.6,92.9,451.4,89.8 M383,98.1V85.8
-	h-27.6V73.5H380V62h-24.6V50.8h26.1V38.7h-39.9v59.4L383,98.1z M325.8,50.9V38.7h-47.9v12.2h16.8V98H309V50.9H325.8z M262.2,38.7
-	h-14.4v59.4h14.4V38.7z M230.3,44.5c-2.7-2.4-5.8-4.3-9.2-5.4c-3.3-1.2-6.8-1.8-10.3-1.8c-2.8,0-5.6,0.3-8.3,1
-	c-2.6,0.7-5.1,1.8-7.4,3.4c-2.2,1.5-4,3.5-5.3,5.8c-1.4,2.6-2.1,5.5-2,8.5c-0.2,4.4,1.5,8.6,4.7,11.6c1.4,1.3,3.1,2.4,4.9,3.2
-	c1.8,0.8,3.7,1.6,5.6,2.2c2,0.6,3.7,1.2,5.2,1.7c1.4,0.4,2.7,1,3.9,1.8c0.9,0.6,1.7,1.3,2.4,2.1c0.6,0.8,0.9,1.8,0.8,2.8
-	c0,1-0.2,2.1-0.7,3c-0.4,0.8-1,1.5-1.8,2s-1.7,0.9-2.6,1.1c-1,0.2-2.1,0.3-3.1,0.3c-2.5,0-4.9-0.6-7.1-1.8c-2.2-1.1-4.2-2.6-5.7-4.5
-	l-9.4,9.6c2.8,2.8,6.2,5,9.9,6.3c3.9,1.5,8.1,2.3,12.3,2.3c2.9,0,5.7-0.4,8.5-1.2c2.6-0.7,5.1-2,7.3-3.6c2.1-1.7,3.8-3.8,5-6.2
-	c1.3-2.7,2-5.8,1.9-8.8c0.1-2.6-0.5-5.2-1.8-7.4c-1.1-1.9-2.6-3.6-4.4-5c-1.8-1.4-3.8-2.4-5.9-3.2c-2.2-0.8-4.3-1.6-6.3-2.2
-	c-1.4-0.4-2.7-0.9-3.8-1.3c-1-0.4-2-0.8-2.9-1.4c-1.5-0.9-2.5-2.5-2.4-4.3c0-1,0.2-2,0.8-2.9c0.5-0.7,1.2-1.4,2-1.8
-	c0.8-0.5,1.7-0.8,2.6-1c1-0.2,1.9-0.2,2.9-0.2c4.1,0.1,7.9,2,10.5,5.1L230.3,44.5z"/>
-<path class="st0" d="M68.6,104.8c5.6-0.7,11.1-2.4,16-5.2c12.1-6.8,19.1-18.4,19.7-32.7l0.1-1.2h16.8c-1-8.3-4.2-16.2-9.1-23
-	L94.9,53.6c5.2,7.9,5.9,17.9,1.9,26.4C92.1,90.8,81,100.2,68.6,104.8"/>
-<path class="st0" d="M121.4,68.2h-14.6c-1,14.5-8.6,26.7-21,33.6c-7.2,3.9-15.2,6-23.4,5.9c-6.5,0-13-1.2-19.1-3.5
-	c7.3,4.7,15.9,7.2,24.6,7.2H68c15.7,0,30.1-8.5,37.7-22.3l0.7-1.2l9.8,6.2c3.5-6.9,5.4-14.6,5.4-22.4
-	C121.5,70.6,121.5,69.4,121.4,68.2"/>
-<path class="st0" d="M68,114L68,114c-15.7,0-30.4-7.8-40.9-21.1c11.6,24.8,41.2,35.5,65.9,23.8c9.2-4.3,16.9-11.4,22-20.2l-7.6-4.8
-	C99.1,105.6,84.2,114.1,68,114"/>
-<path class="st0" d="M71.9,124c-28.8,0-52.2-23.4-52.2-52.2s23.4-52.2,52.2-52.2s52.2,23.4,52.2,52.2l0,0l0,0
-	C124.1,100.6,100.8,124,71.9,124C72,124,72,124,71.9,124L71.9,124L71.9,124 M71.9,0C32.2,0,0,32.1,0,71.8s32.1,71.9,71.8,71.9
-	s71.9-32.1,71.9-71.8v-0.1C143.7,32.2,111.6,0,71.9,0L71.9,0L71.9,0"/>
-<path d="M660.9,44.3v-1.9h1.1c0.3,0,0.6,0.1,0.9,0.2c0.3,0.1,0.4,0.4,0.4,0.7c0,0.4-0.2,0.7-0.5,0.8c-0.3,0.1-0.6,0.2-1,0.2H660.9z
-	 M659.7,48h1.2v-2.8h0.8l1.5,2.8h1.4l-1.8-2.9c0.5-0.1,0.8-0.3,1.1-0.6c0.3-0.3,0.4-0.7,0.4-1.2c0-0.4-0.1-0.7-0.2-0.9
-	c-0.1-0.2-0.3-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.3c-0.3-0.1-0.6-0.1-0.9-0.1h-2.3V48z M657.5,42.8c0.3-0.6,0.6-1.1,1.1-1.6
-	c0.4-0.4,1-0.8,1.6-1.1c0.6-0.3,1.2-0.4,1.9-0.4c0.7,0,1.3,0.1,1.9,0.4c0.6,0.3,1.1,0.6,1.6,1.1c0.4,0.4,0.8,1,1.1,1.6
-	c0.3,0.6,0.4,1.2,0.4,1.9c0,0.7-0.1,1.3-0.4,1.9c-0.3,0.6-0.6,1.1-1.1,1.6c-0.4,0.5-1,0.8-1.6,1.1c-0.6,0.3-1.2,0.4-1.9,0.4
-	c-0.7,0-1.3-0.1-1.9-0.4c-0.6-0.3-1.1-0.6-1.6-1.1c-0.4-0.5-0.8-1-1.1-1.6c-0.3-0.6-0.4-1.2-0.4-1.9C657.1,44,657.2,43.4,657.5,42.8
-	 M656.6,47c0.3,0.7,0.7,1.3,1.3,1.8c0.5,0.5,1.2,0.9,1.9,1.2c0.7,0.3,1.5,0.4,2.3,0.4s1.6-0.1,2.3-0.4c0.7-0.3,1.3-0.7,1.9-1.2
-	c0.5-0.5,1-1.1,1.3-1.8c0.3-0.7,0.5-1.5,0.5-2.3s-0.2-1.6-0.5-2.3c-0.3-0.7-0.7-1.3-1.3-1.9c-0.5-0.5-1.2-0.9-1.9-1.2
-	c-0.7-0.3-1.5-0.5-2.3-0.5s-1.6,0.2-2.3,0.5c-0.7,0.3-1.3,0.7-1.9,1.2c-0.5,0.5-1,1.1-1.3,1.9c-0.3,0.7-0.5,1.5-0.5,2.3
-	S656.3,46.3,656.6,47"/>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg width="221px" height="48px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 668 143.7" style="enable-background:new 0 0 668 143.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EB1F1F;}
+</style>
+<path d="M645.5,98.1V85.8h-27.6V73.5h24.7V62h-24.7V50.8H644V38.7h-39.9v59.4C604.1,98.1,645.5,98.1,645.5,98.1z M570.7,60.6
+	c-0.6,0.9-1.5,1.7-2.5,2.2c-1.1,0.5-2.2,0.8-3.4,1s-2.4,0.3-3.6,0.3h-6.8V50.3h7.7c1.1,0,2.2,0.1,3.3,0.2c1.1,0.2,2.1,0.5,3.1,1
+	c0.9,0.5,1.7,1.2,2.3,2c0.6,1,0.9,2.2,0.9,3.4C571.7,58.2,571.4,59.5,570.7,60.6 M589,98.1l-15.5-25.4c3.6-1,6.8-3,9.1-5.9
+	c2.2-2.9,3.4-6.5,3.3-10.2c0.1-2.9-0.6-5.9-1.9-8.5c-1.2-2.2-3-4.1-5.2-5.5s-4.7-2.5-7.3-3c-2.7-0.6-5.5-0.9-8.3-0.9h-22.6v59.4h14
+	V74.5h4.9l12.9,23.6H589z M508.1,75.6c-0.8,2.1-2,4.1-3.5,5.8c-1.5,1.6-3.4,2.9-5.4,3.8c-4.4,1.9-9.4,1.9-13.8,0
+	c-2-0.9-3.8-2.2-5.3-3.8c-1.5-1.7-2.7-3.7-3.5-5.8c-1.7-4.7-1.7-9.9,0-14.6c0.7-2.1,1.9-4.1,3.5-5.7c3.2-3.3,7.6-5.2,12.2-5.2
+	c2.4,0,4.7,0.4,6.9,1.4c2,0.9,3.9,2.2,5.4,3.8c1.5,1.7,2.7,3.6,3.5,5.7c0.9,2.3,1.3,4.7,1.3,7.2C509.4,70.7,509,73.2,508.1,75.6
+	 M522.3,55.3c-1.5-3.7-3.8-7.1-6.8-9.8s-6.5-4.8-10.3-6.2c-8.4-2.9-17.4-2.9-25.8,0c-3.8,1.4-7.2,3.5-10.2,6.2
+	c-2.9,2.8-5.2,6.1-6.8,9.8c-1.7,4.1-2.5,8.5-2.4,12.9c0,4.4,0.8,8.7,2.4,12.8c1.5,3.8,3.8,7.2,6.8,10c2.9,2.8,6.4,5,10.2,6.4
+	c8.3,3,17.5,3,25.8,0c3.8-1.4,7.3-3.6,10.3-6.4c2.9-2.8,5.2-6.2,6.8-10c1.7-4.1,2.5-8.5,2.4-12.9C524.8,63.7,523.9,59.4,522.3,55.3
+	 M451.4,89.8l-10-9.4c-1.4,1.8-3.1,3.3-5.1,4.4c-2.3,1.2-4.9,1.7-7.5,1.7c-2.3,0-4.6-0.4-6.8-1.3c-2-0.9-3.8-2.1-5.3-3.7
+	c-1.5-1.7-2.7-3.6-3.5-5.7c-0.9-2.4-1.3-4.9-1.3-7.4s0.4-4.9,1.3-7.2c0.8-2.1,2-4.1,3.5-5.8c1.5-1.6,3.4-2.9,5.4-3.8
+	c2.2-0.9,4.5-1.4,6.9-1.4c2.3,0,4.6,0.5,6.7,1.3c2.1,0.9,4,2.3,5.3,4.2l9.7-9.7c-2.7-3-6.1-5.2-9.9-6.5c-8.1-2.9-16.9-2.9-25,0
+	c-3.8,1.3-7.3,3.4-10.3,6.2c-2.9,2.8-5.3,6.2-6.8,9.9c-1.7,4.1-2.5,8.5-2.5,12.9c-0.1,4.4,0.8,8.7,2.4,12.7
+	c3.1,7.6,9.2,13.5,16.9,16.4c4.1,1.5,8.4,2.3,12.7,2.3c4.6,0.1,9.1-0.8,13.3-2.6C445.3,95.5,448.6,92.9,451.4,89.8 M383,98.1V85.8
+	h-27.6V73.5H380V62h-24.6V50.8h26.1V38.7h-39.9v59.4L383,98.1z M325.8,50.9V38.7h-47.9v12.2h16.8V98H309V50.9H325.8z M262.2,38.7
+	h-14.4v59.4h14.4V38.7z M230.3,44.5c-2.7-2.4-5.8-4.3-9.2-5.4c-3.3-1.2-6.8-1.8-10.3-1.8c-2.8,0-5.6,0.3-8.3,1
+	c-2.6,0.7-5.1,1.8-7.4,3.4c-2.2,1.5-4,3.5-5.3,5.8c-1.4,2.6-2.1,5.5-2,8.5c-0.2,4.4,1.5,8.6,4.7,11.6c1.4,1.3,3.1,2.4,4.9,3.2
+	c1.8,0.8,3.7,1.6,5.6,2.2c2,0.6,3.7,1.2,5.2,1.7c1.4,0.4,2.7,1,3.9,1.8c0.9,0.6,1.7,1.3,2.4,2.1c0.6,0.8,0.9,1.8,0.8,2.8
+	c0,1-0.2,2.1-0.7,3c-0.4,0.8-1,1.5-1.8,2s-1.7,0.9-2.6,1.1c-1,0.2-2.1,0.3-3.1,0.3c-2.5,0-4.9-0.6-7.1-1.8c-2.2-1.1-4.2-2.6-5.7-4.5
+	l-9.4,9.6c2.8,2.8,6.2,5,9.9,6.3c3.9,1.5,8.1,2.3,12.3,2.3c2.9,0,5.7-0.4,8.5-1.2c2.6-0.7,5.1-2,7.3-3.6c2.1-1.7,3.8-3.8,5-6.2
+	c1.3-2.7,2-5.8,1.9-8.8c0.1-2.6-0.5-5.2-1.8-7.4c-1.1-1.9-2.6-3.6-4.4-5c-1.8-1.4-3.8-2.4-5.9-3.2c-2.2-0.8-4.3-1.6-6.3-2.2
+	c-1.4-0.4-2.7-0.9-3.8-1.3c-1-0.4-2-0.8-2.9-1.4c-1.5-0.9-2.5-2.5-2.4-4.3c0-1,0.2-2,0.8-2.9c0.5-0.7,1.2-1.4,2-1.8
+	c0.8-0.5,1.7-0.8,2.6-1c1-0.2,1.9-0.2,2.9-0.2c4.1,0.1,7.9,2,10.5,5.1L230.3,44.5z"/>
+<path class="st0" d="M68.6,104.8c5.6-0.7,11.1-2.4,16-5.2c12.1-6.8,19.1-18.4,19.7-32.7l0.1-1.2h16.8c-1-8.3-4.2-16.2-9.1-23
+	L94.9,53.6c5.2,7.9,5.9,17.9,1.9,26.4C92.1,90.8,81,100.2,68.6,104.8"/>
+<path class="st0" d="M121.4,68.2h-14.6c-1,14.5-8.6,26.7-21,33.6c-7.2,3.9-15.2,6-23.4,5.9c-6.5,0-13-1.2-19.1-3.5
+	c7.3,4.7,15.9,7.2,24.6,7.2H68c15.7,0,30.1-8.5,37.7-22.3l0.7-1.2l9.8,6.2c3.5-6.9,5.4-14.6,5.4-22.4
+	C121.5,70.6,121.5,69.4,121.4,68.2"/>
+<path class="st0" d="M68,114L68,114c-15.7,0-30.4-7.8-40.9-21.1c11.6,24.8,41.2,35.5,65.9,23.8c9.2-4.3,16.9-11.4,22-20.2l-7.6-4.8
+	C99.1,105.6,84.2,114.1,68,114"/>
+<path class="st0" d="M71.9,124c-28.8,0-52.2-23.4-52.2-52.2s23.4-52.2,52.2-52.2s52.2,23.4,52.2,52.2l0,0l0,0
+	C124.1,100.6,100.8,124,71.9,124C72,124,72,124,71.9,124L71.9,124L71.9,124 M71.9,0C32.2,0,0,32.1,0,71.8s32.1,71.9,71.8,71.9
+	s71.9-32.1,71.9-71.8v-0.1C143.7,32.2,111.6,0,71.9,0L71.9,0L71.9,0"/>
+<path d="M660.9,44.3v-1.9h1.1c0.3,0,0.6,0.1,0.9,0.2c0.3,0.1,0.4,0.4,0.4,0.7c0,0.4-0.2,0.7-0.5,0.8c-0.3,0.1-0.6,0.2-1,0.2H660.9z
+	 M659.7,48h1.2v-2.8h0.8l1.5,2.8h1.4l-1.8-2.9c0.5-0.1,0.8-0.3,1.1-0.6c0.3-0.3,0.4-0.7,0.4-1.2c0-0.4-0.1-0.7-0.2-0.9
+	c-0.1-0.2-0.3-0.4-0.6-0.6c-0.2-0.2-0.5-0.3-0.8-0.3c-0.3-0.1-0.6-0.1-0.9-0.1h-2.3V48z M657.5,42.8c0.3-0.6,0.6-1.1,1.1-1.6
+	c0.4-0.4,1-0.8,1.6-1.1c0.6-0.3,1.2-0.4,1.9-0.4c0.7,0,1.3,0.1,1.9,0.4c0.6,0.3,1.1,0.6,1.6,1.1c0.4,0.4,0.8,1,1.1,1.6
+	c0.3,0.6,0.4,1.2,0.4,1.9c0,0.7-0.1,1.3-0.4,1.9c-0.3,0.6-0.6,1.1-1.1,1.6c-0.4,0.5-1,0.8-1.6,1.1c-0.6,0.3-1.2,0.4-1.9,0.4
+	c-0.7,0-1.3-0.1-1.9-0.4c-0.6-0.3-1.1-0.6-1.6-1.1c-0.4-0.5-0.8-1-1.1-1.6c-0.3-0.6-0.4-1.2-0.4-1.9C657.1,44,657.2,43.4,657.5,42.8
+	 M656.6,47c0.3,0.7,0.7,1.3,1.3,1.8c0.5,0.5,1.2,0.9,1.9,1.2c0.7,0.3,1.5,0.4,2.3,0.4s1.6-0.1,2.3-0.4c0.7-0.3,1.3-0.7,1.9-1.2
+	c0.5-0.5,1-1.1,1.3-1.8c0.3-0.7,0.5-1.5,0.5-2.3s-0.2-1.6-0.5-2.3c-0.3-0.7-0.7-1.3-1.3-1.9c-0.5-0.5-1.2-0.9-1.9-1.2
+	c-0.7-0.3-1.5-0.5-2.3-0.5s-1.6,0.2-2.3,0.5c-0.7,0.3-1.3,0.7-1.9,1.2c-0.5,0.5-1,1.1-1.3,1.9c-0.3,0.7-0.5,1.5-0.5,2.3
+	S656.3,46.3,656.6,47"/>
+</svg>

package/dist/templates/nextjs-styleguide/data/component-content/Styleguide/ContentReuse/LoremIpsumContentBlock/en.yml

@@ -1,9 +1,9 @@
-# We can reuse this content definition in multiple places because it:
-# - has an ID
-# - is under component-content (normally) or content
-# Reuse is accomplished by referencing the content by ID in a route definition.
-id: lorem-ipsum-content-block
-componentName: ContentBlock
-displayName: Lorem Ipsum Dolor Sit Amet
-fields:
-  content: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque felis mauris, pretium id neque vitae, vulputate pellentesque tortor. Mauris hendrerit dolor et ipsum lobortis bibendum non finibus neque. Morbi volutpat aliquam magna id posuere. Duis commodo cursus dui, nec interdum velit congue nec. Aliquam erat volutpat. Aliquam facilisis, sapien quis fringilla tincidunt, magna nulla feugiat neque, a consectetur arcu orci eu augue.</p>
+# We can reuse this content definition in multiple places because it:
+# - has an ID
+# - is under component-content (normally) or content
+# Reuse is accomplished by referencing the content by ID in a route definition.
+id: lorem-ipsum-content-block
+componentName: ContentBlock
+displayName: Lorem Ipsum Dolor Sit Amet
+fields:
+  content: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque felis mauris, pretium id neque vitae, vulputate pellentesque tortor. Mauris hendrerit dolor et ipsum lobortis bibendum non finibus neque. Morbi volutpat aliquam magna id posuere. Duis commodo cursus dui, nec interdum velit congue nec. Aliquam erat volutpat. Aliquam facilisis, sapien quis fringilla tincidunt, magna nulla feugiat neque, a consectetur arcu orci eu augue.</p>

package/dist/templates/nextjs-styleguide/data/content/Styleguide/ContentListField/Item1/en.yml

@@ -1,6 +1,6 @@
-id: styleguide-content-list-field-shared-1
-displayName: Styleguide Content List Item 1 (Shared)
-# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
-template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ContentList-Item-Template
-fields:
-  textField: ContentList Demo (Shared) Item 1 Text Field
+id: styleguide-content-list-field-shared-1
+displayName: Styleguide Content List Item 1 (Shared)
+# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
+template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ContentList-Item-Template
+fields:
+  textField: ContentList Demo (Shared) Item 1 Text Field

package/dist/templates/nextjs-styleguide/data/content/Styleguide/ContentListField/Item2/en.yml

@@ -1,6 +1,6 @@
-id: styleguide-content-list-field-shared-2
-displayName: Styleguide Content List Item 2 (Shared)
-# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
-template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ContentList-Item-Template
-fields:
-  textField: ContentList Demo (Shared) Item 2 Text Field
+id: styleguide-content-list-field-shared-2
+displayName: Styleguide Content List Item 2 (Shared)
+# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ContentList-Template.sitecore.js
+template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ContentList-Item-Template
+fields:
+  textField: ContentList Demo (Shared) Item 2 Text Field

package/dist/templates/nextjs-styleguide/data/content/Styleguide/EditFrameDemo/Item1/en.yml

@@ -1,6 +1,6 @@
-id: styleguide-edit-frame-list-item-1
-displayName: EditFrame Demo List Item 1
-# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-EditFrame-ListItem-Template.ts
-template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-EditFrame-ListItem-Template
-fields:
-  title: Edit Frame Demo List Item 1
+id: styleguide-edit-frame-list-item-1
+displayName: EditFrame Demo List Item 1
+# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-EditFrame-ListItem-Template.ts
+template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-EditFrame-ListItem-Template
+fields:
+  title: Edit Frame Demo List Item 1

package/dist/templates/nextjs-styleguide/data/content/Styleguide/EditFrameDemo/Item2/en.yml

@@ -1,6 +1,6 @@
-id: styleguide-edit-frame-list-item-2
-displayName: EditFrame Demo List Item 2
-# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-EditFrame-ListItem-Template.ts
-template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-EditFrame-ListItem-Template
-fields:
-  title: Edit Frame Demo List Item 2
+id: styleguide-edit-frame-list-item-2
+displayName: EditFrame Demo List Item 2
+# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-EditFrame-ListItem-Template.ts
+template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-EditFrame-ListItem-Template
+fields:
+  title: Edit Frame Demo List Item 2

package/dist/templates/nextjs-styleguide/data/content/Styleguide/ItemLinkField/Item1/en.yml

@@ -1,6 +1,6 @@
-id: styleguide-item-link-field-shared-1
-displayName: Styleguide Item Link Item 1 (Shared)
-# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
-template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ItemLink-Item-Template
-fields:
-  textField: ItemLink Demo (Shared) Item 1 Text Field
+id: styleguide-item-link-field-shared-1
+displayName: Styleguide Item Link Item 1 (Shared)
+# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
+template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ItemLink-Item-Template
+fields:
+  textField: ItemLink Demo (Shared) Item 1 Text Field

package/dist/templates/nextjs-styleguide/data/content/Styleguide/ItemLinkField/Item2/en.yml

@@ -1,6 +1,6 @@
-id: styleguide-item-link-field-shared-2
-displayName: Styleguide Item Link Item 2 (Shared)
-# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
-template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ItemLink-Item-Template
-fields:
-  textField: ItemLink Demo (Shared) Item 2 Text Field
+id: styleguide-item-link-field-shared-2
+displayName: Styleguide Item Link Item 2 (Shared)
+# Template defines the available fields. See /sitecore/definitions/templates/Styleguide-ItemLink-Template.sitecore.js
+template: <%- helper.getAppPrefix(appPrefix, appName) %>Styleguide-ItemLink-Item-Template
+fields:
+  textField: ItemLink Demo (Shared) Item 2 Text Field

package/dist/templates/nextjs-styleguide/data/dictionary/en.yml

@@ -1,4 +1,4 @@
-styleguide-sample: This is a dictionary entry in English as a demonstration
-Documentation: Documentation
-Styleguide: Styleguide
-GraphQL: GraphQL
+styleguide-sample: This is a dictionary entry in English as a demonstration
+Documentation: Documentation
+Styleguide: Styleguide
+GraphQL: GraphQL

package/dist/templates/nextjs-styleguide/data/dictionary/{{language}}.yml

@@ -1,4 +1,4 @@
-styleguide-sample: '[<%- language %>] This is a dictionary entry in English as a demonstration'
-Documentation: '[<%- language %>] Documentation'
-Styleguide: '[<%- language %>] Styleguide'
-GraphQL: '[<%- language %>] GraphQL'
+styleguide-sample: '[<%- language %>] This is a dictionary entry in English as a demonstration'
+Documentation: '[<%- language %>] Documentation'
+Styleguide: '[<%- language %>] Styleguide'
+GraphQL: '[<%- language %>] GraphQL'