create-sitecore-jss 22.6.0-canary.12 → 22.6.0-canary.14

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

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

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

@@ -1,38 +1,38 @@
-<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>
-</div>
+<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>
+</div>

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_component.scss

@@ -1,48 +1,48 @@
-.component-content {
-  @include respond-to(mobile-large) {
-    .row {
-      padding: 0;
-      margin: 0;
-    }
-  }
-}
-@include respond-to(mobile-large) {
-  .row {
-    margin: 0;
-    padding: 0;
-    > * {
-      padding: 0;
-      margin: 0;
-    }
-  }
-}
-
-.hero-banner {
-  .component-content {
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    height: 800px;
-
-    @include respond-to(mobile-large) {
-      height: 300px;
-    }
-  }
-  .sc-image-wrapper {
-    opacity: 0;
-  }
-  &.scEnabledChrome {
-    &.hero-banner-empty {
-      .sc-image-wrapper {
-        display: block;
-        width: 100%;
-  
-        .scEmptyImage {
-          max-height: 800px;
-          max-width: 100%;
-          width: 100%;
-        }
-      }
-    }
-  }
-}
+.component-content {
+  @include respond-to(mobile-large) {
+    .row {
+      padding: 0;
+      margin: 0;
+    }
+  }
+}
+@include respond-to(mobile-large) {
+  .row {
+    margin: 0;
+    padding: 0;
+    > * {
+      padding: 0;
+      margin: 0;
+    }
+  }
+}
+
+.hero-banner {
+  .component-content {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 800px;
+
+    @include respond-to(mobile-large) {
+      height: 300px;
+    }
+  }
+  .sc-image-wrapper {
+    opacity: 0;
+  }
+  &.scEnabledChrome {
+    &.hero-banner-empty {
+      .sc-image-wrapper {
+        display: block;
+        width: 100%;
+  
+        .scEmptyImage {
+          max-height: 800px;
+          max-width: 100%;
+          width: 100%;
+        }
+      }
+    }
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_container.scss

@@ -1,64 +1,64 @@
-@import "sass/abstracts/mixins";
-@import "variables";
-
-body {
-  font-family: Roboto;
-  color: $main-color;
-}
-
-
-@media (min-width: 1400px) {
-  .container {
-    max-width: 1250px;
-  }
-}
-
-main {
-  .main-header {
-    margin-top: 55px;
-    margin-bottom: 30px;
-
-    @include respond-to(mobile-large) {
-      margin-bottom: 0;
-    }
-
-    h4 {
-      font-size: $text-size-50;
-      font-weight: 500;
-      line-height: 70px;
-    }
-  }
-
-  .main-news-header {
-    margin-top: 60px;
-
-    h2 {
-      font-size: $text-size-36;
-      line-height: 43px;
-    }
-  }
-
-  @include respond-to(mobile-large) {
-    padding-top: 0;
-    margin-bottom: 0;
-
-    .main-header {
-      margin-top: 10px;
-
-      h4 {
-        font-size: $text-size-24;
-        line-height: 32px;
-      }
-    }
-    
-    .main-news-header {
-      padding-bottom: 35px;
-
-      h2 {
-        margin-top: 0;
-        font-size: $text-size-18;
-        line-height: 22px;
-      }
-    }
-  }
-}
+@import "sass/abstracts/mixins";
+@import "variables";
+
+body {
+  font-family: Roboto;
+  color: $main-color;
+}
+
+
+@media (min-width: 1400px) {
+  .container {
+    max-width: 1250px;
+  }
+}
+
+main {
+  .main-header {
+    margin-top: 55px;
+    margin-bottom: 30px;
+
+    @include respond-to(mobile-large) {
+      margin-bottom: 0;
+    }
+
+    h4 {
+      font-size: $text-size-50;
+      font-weight: 500;
+      line-height: 70px;
+    }
+  }
+
+  .main-news-header {
+    margin-top: 60px;
+
+    h2 {
+      font-size: $text-size-36;
+      line-height: 43px;
+    }
+  }
+
+  @include respond-to(mobile-large) {
+    padding-top: 0;
+    margin-bottom: 0;
+
+    .main-header {
+      margin-top: 10px;
+
+      h4 {
+        font-size: $text-size-24;
+        line-height: 32px;
+      }
+    }
+    
+    .main-news-header {
+      padding-bottom: 35px;
+
+      h2 {
+        margin-top: 0;
+        font-size: $text-size-18;
+        line-height: 22px;
+      }
+    }
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_fonts.scss

@@ -1,3 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
-/* FontAwesome */
-@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+/* FontAwesome */
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_footer.scss

@@ -1,31 +1,31 @@
-@import "sass/abstracts/mixins";
-@import "variables";
-
-footer {
-  @include respond-to(mobile-large) {
-    padding-top: 0;
-  }
-  .container-dark-background {
-    background-color: #262626;
-  }
-
-  .contacts {
-    font-size: $text-size-14;
-
-    a {
-      color: $text-white;
-    }
-
-    p, span {
-      color: $text-white;
-    }
-  }
-
-  .indent-inner {
-    padding: 65px;
-
-    @include respond-to(mobile-large) {
-      padding: 40px 0;
-    }
-  }
-}
+@import "sass/abstracts/mixins";
+@import "variables";
+
+footer {
+  @include respond-to(mobile-large) {
+    padding-top: 0;
+  }
+  .container-dark-background {
+    background-color: #262626;
+  }
+
+  .contacts {
+    font-size: $text-size-14;
+
+    a {
+      color: $text-white;
+    }
+
+    p, span {
+      color: $text-white;
+    }
+  }
+
+  .indent-inner {
+    padding: 65px;
+
+    @include respond-to(mobile-large) {
+      padding: 40px 0;
+    }
+  }
+}

package/dist/templates/angular-xmcloud/src/assets/styles/basic/_header.scss

@@ -1,51 +1,51 @@
-@import "sass/abstracts/vars/colors";
-@import "sass/abstracts/mixins";
-@import "variables";
-
-.prod-mode {
-  #header {
-    display: flex;
-
-    @include respond-to(mobile-large) {
-      padding-bottom: 0;
-      sc-placeholder {
-        flex-direction: column-reverse;
-      }
-    }
-  }
-}
-
-header {
-  #header {
-    .bs-title {
-      padding-left: 50px;
-
-      h1 {
-        font-size: $text-size-24;
-        font-weight: 600;
-        line-height: 18px;
-        padding-top: 40px;
-        margin: 0;
-      }
-    }
-
-    @include respond-to(mobile-large) {
-      padding-bottom: 0;
-      padding-top: 0;
-      flex-direction: column-reverse;
-
-      .bs-title {
-        padding-left: 0;
-        text-align: center;
-        margin-top: -5px;
-
-        h1 {
-          font-weight: 500;
-          line-height: 29px;
-          padding-top: 0;
-          margin-bottom: 10px;
-        }
-      }
-    }
-  }
-}
+@import "sass/abstracts/vars/colors";
+@import "sass/abstracts/mixins";
+@import "variables";
+
+.prod-mode {
+  #header {
+    display: flex;
+
+    @include respond-to(mobile-large) {
+      padding-bottom: 0;
+      sc-placeholder {
+        flex-direction: column-reverse;
+      }
+    }
+  }
+}
+
+header {
+  #header {
+    .bs-title {
+      padding-left: 50px;
+
+      h1 {
+        font-size: $text-size-24;
+        font-weight: 600;
+        line-height: 18px;
+        padding-top: 40px;
+        margin: 0;
+      }
+    }
+
+    @include respond-to(mobile-large) {
+      padding-bottom: 0;
+      padding-top: 0;
+      flex-direction: column-reverse;
+
+      .bs-title {
+        padding-left: 0;
+        text-align: center;
+        margin-top: -5px;
+
+        h1 {
+          font-weight: 500;
+          line-height: 29px;
+          padding-top: 0;
+          margin-bottom: 10px;
+        }
+      }
+    }
+  }
+}