create-sitecore-jss 22.2.0-canary.31 → 22.2.0-canary.33

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

@@ -0,0 +1,23 @@
+<div class="component promo {{ styles }}" [attr.id]="id">
+  <div class="component-content">
+    <ng-container *ngIf="rendering.fields; else empty">
+      <div class="field-promoicon">
+        <img *scImage="rendering.fields.PromoIcon" />
+      </div>
+      <div class="promo-text">
+        <div>
+          <div class="field-promotext">
+            <div *scRichText="rendering.fields.PromoText"></div>
+          </div>
+        </div>
+        <div class="field-promolink">
+          <a *scLink="rendering.fields.PromoLink"></a>
+        </div>
+      </div>
+    </ng-container>
+  </div>
+</div>
+
+<ng-template #empty>
+  <span className="is-empty-hint">Promo</span>
+</ng-template>

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

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+import { SxaComponent } from '../sxa.component';
+
+@Component({
+  selector: 'app-promo',
+  templateUrl: './promo.component.html',
+})
+export class PromoComponent extends SxaComponent {}

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

@@ -0,0 +1,10 @@
+<div class="component row-splitter" [ngClass]="rowSplitterStyles" [attr.id]="id">
+  <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>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,30 @@
+import { Component } from '@angular/core';
+import { SxaComponent } from '../sxa.component';
+
+@Component({
+  selector: 'app-row-splitter',
+  templateUrl: './row-splitter.component.html',
+})
+export class RowSplitterComponent extends SxaComponent {
+  get rowSplitterStyles(): string {
+    return `${this.rendering.params.GridParameters ?? ''} ${this.rendering.params.Styles ??
+      ''}`.trimEnd();
+  }
+
+  get rowStyles(): string[] {
+    return Array.from({ length: 8 }, (_, i) => this.rendering.params[`Styles${i + 1}`]);
+  }
+
+  get enabledPlaceholders(): string[] {
+    return this.rendering.params.EnabledPlaceholders.split(',');
+  }
+
+  getRowClass(index: number): string {
+    const styleClass = this.rowStyles[index] || '';
+    return `${styleClass}`.trim();
+  }
+
+  getPlaceholderName(ph: string): string {
+    return `row-${ph}-{*}`;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.2.0-canary.31",
+  "version": "22.2.0-canary.33",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -63,5 +63,5 @@
     "ts-node": "^10.9.1",
     "typescript": "~4.9.5"
   },
-  "gitHead": "7fba0bcdf1dc62589ca6fe799ad6b307d4dd1672"
+  "gitHead": "7c31699ed07f68f22eca9a7b252ed66ecda5d636"
 }