create-sitecore-jss 22.2.0-canary.4 → 22.2.0-canary.6

package/dist/common/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.installPrePushHook = exports.lintFix = exports.installPackages = exports.nextSteps = exports.transform = exports.removeFile = exports.saveConfiguration = exports.getBaseTemplates = exports.getAllTemplates = exports.writePackageJson = exports.openPackageJson = exports.isDevEnvironment = exports.styleguidePrompts = exports.missingAddonMsg = exports.incompatibleAddonsMsg = exports.DEFAULT_APPNAME = exports.clientAppPrompts = void 0;
+exports.installPrePushHook = exports.lintFix = exports.installPackages = exports.nextSteps = exports.transform = exports.removeFile = exports.saveConfiguration = exports.getBaseTemplates = exports.getAllTemplates = exports.writeJsonFile = exports.openJsonFile = exports.isDevEnvironment = exports.styleguidePrompts = exports.missingAddonMsg = exports.incompatibleAddonsMsg = exports.DEFAULT_APPNAME = exports.clientAppPrompts = void 0;
 var base_1 = require("./prompts/base");
 Object.defineProperty(exports, "clientAppPrompts", { enumerable: true, get: function () { return base_1.clientAppPrompts; } });
 Object.defineProperty(exports, "DEFAULT_APPNAME", { enumerable: true, get: function () { return base_1.DEFAULT_APPNAME; } });
@@ -10,8 +10,8 @@ var styleguide_1 = require("./prompts/styleguide");
 Object.defineProperty(exports, "styleguidePrompts", { enumerable: true, get: function () { return styleguide_1.styleguidePrompts; } });
 var helpers_1 = require("./utils/helpers");
 Object.defineProperty(exports, "isDevEnvironment", { enumerable: true, get: function () { return helpers_1.isDevEnvironment; } });
-Object.defineProperty(exports, "openPackageJson", { enumerable: true, get: function () { return helpers_1.openPackageJson; } });
-Object.defineProperty(exports, "writePackageJson", { enumerable: true, get: function () { return helpers_1.writePackageJson; } });
+Object.defineProperty(exports, "openJsonFile", { enumerable: true, get: function () { return helpers_1.openJsonFile; } });
+Object.defineProperty(exports, "writeJsonFile", { enumerable: true, get: function () { return helpers_1.writeJsonFile; } });
 Object.defineProperty(exports, "getAllTemplates", { enumerable: true, get: function () { return helpers_1.getAllTemplates; } });
 Object.defineProperty(exports, "getBaseTemplates", { enumerable: true, get: function () { return helpers_1.getBaseTemplates; } });
 Object.defineProperty(exports, "saveConfiguration", { enumerable: true, get: function () { return helpers_1.saveConfiguration; } });

package/dist/common/processes/install.js

@@ -85,5 +85,5 @@ const installPrePushHook = (destination, silent) => __awaiter(void 0, void 0, vo
 exports.installPrePushHook = installPrePushHook;
 const getPackageJson = (projectFolder) => {
     const packagePath = path_1.default.join(projectFolder, 'package.json');
-    return (0, helpers_1.openPackageJson)(packagePath);
+    return (0, helpers_1.openJsonFile)(packagePath);
 };

package/dist/common/processes/transform.js

@@ -233,13 +233,13 @@ const transform = (templatePath, answers, options = {}) => __awaiter(void 0, voi
                 fs_extra_1.default.copySync(pathToTemplate, pathToNewFile);
                 continue;
             }
-            if (file.endsWith('package.json') && fs_extra_1.default.existsSync(pathToNewFile)) {
-                // we treat package.json a bit differently
-                // read the current package.json and the template package.json (rendered with ejs)
-                const currentPkg = (0, helpers_1.openPackageJson)(pathToNewFile);
-                const templatePkg = JSON.parse(yield (0, ejs_1.renderFile)(path_1.default.resolve(pathToTemplate), ejsData));
+            if (file.endsWith('.json') && fs_extra_1.default.existsSync(pathToNewFile)) {
+                // we treat a .json a bit differently
+                // read the current .json and the template .json (rendered with ejs)
+                const currentJson = (0, helpers_1.openJsonFile)(pathToNewFile);
+                const templateJson = JSON.parse(yield (0, ejs_1.renderFile)(path_1.default.resolve(pathToTemplate), ejsData));
                 // merge them and set the result to str which will then go through diff
-                const merged = (0, exports.merge)(currentPkg, templatePkg);
+                const merged = (0, exports.merge)(currentJson, templateJson);
                 str = JSON.stringify(merged, null, 2);
             }
             if (file.endsWith('.env') && fs_extra_1.default.existsSync(pathToNewFile)) {

package/dist/common/utils/helpers.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,10 +12,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeFile = exports.writeFileToPath = exports.getAppPrefix = exports.getBaseTemplates = exports.getAllTemplates = exports.sortKeys = exports.saveConfiguration = exports.writePackageJson = exports.openPackageJson = exports.getPascalCaseName = exports.isDevEnvironment = void 0;
+exports.removeFile = exports.writeFileToPath = exports.getAppPrefix = exports.getBaseTemplates = exports.getAllTemplates = exports.sortKeys = exports.saveConfiguration = exports.writeJsonFile = exports.openJsonFile = exports.getPascalCaseName = exports.isDevEnvironment = void 0;
 const chalk_1 = __importDefault(require("chalk"));
 const fs_1 = __importDefault(require("fs"));
-const path_1 = __importStar(require("path"));
+const path_1 = __importDefault(require("path"));
 const InitializerFactory_1 = require("../../InitializerFactory");
 /**
  * Determines whether you are in a dev environment.
@@ -61,46 +38,44 @@ const getPascalCaseName = (name) => {
 };
 exports.getPascalCaseName = getPascalCaseName;
 /**
- * Provides `package.json` data
- * @param {string} [pkgPath] path to `package.json`. Default is './package.json'.
- * @returns `package.json` data
+ * Provides json data from a file
+ * @param {string} jsonFilePath path to the .json file.
+ * @returns json data
  */
-const openPackageJson = (pkgPath) => {
-    const filePath = path_1.default.resolve(pkgPath !== null && pkgPath !== void 0 ? pkgPath : `.${path_1.sep}package.json`);
+const openJsonFile = (jsonFilePath) => {
     try {
-        const data = fs_1.default.readFileSync(filePath, 'utf8');
+        const data = fs_1.default.readFileSync(jsonFilePath, 'utf8');
         return data ? JSON.parse(data) : undefined;
     }
     catch (error) {
-        console.log(chalk_1.default.red(`The following error occurred while trying to read ${filePath}:`));
+        console.log(chalk_1.default.red(`The following error occurred while trying to read ${jsonFilePath}:`));
         console.log(chalk_1.default.red(error));
     }
 };
-exports.openPackageJson = openPackageJson;
+exports.openJsonFile = openJsonFile;
 /**
- * Creates `package.json` file and inserts provided data
- * @param {Object} data data to be written into package.json
- * @param {string} [pkgPath] a path to a file. Default is './package.json'.
+ * Creates a .json file and inserts provided data
+ * @param {Object} data data to be written into the .json file
+ * @param {string} jsonFilePath a path to a file.
  */
-const writePackageJson = (data, pkgPath) => {
-    const filePath = path_1.default.resolve(pkgPath !== null && pkgPath !== void 0 ? pkgPath : `.${path_1.sep}package.json`);
+const writeJsonFile = (data, jsonFilePath) => {
     try {
-        fs_1.default.writeFileSync(filePath, JSON.stringify(data, null, 2), { encoding: 'utf8' });
+        fs_1.default.writeFileSync(jsonFilePath, JSON.stringify(data, null, 2), { encoding: 'utf8' });
     }
     catch (error) {
-        console.log(chalk_1.default.red(`The following error occurred while trying to write ${filePath}:`));
+        console.log(chalk_1.default.red(`The following error occurred while trying to write ${jsonFilePath}:`));
         console.log(chalk_1.default.red(error));
     }
 };
-exports.writePackageJson = writePackageJson;
+exports.writeJsonFile = writeJsonFile;
 /**
  * Save configuration params to the package.json
  * @param {string[]} templates templates applied to the sample
  * @param {string} [pkgPath] path to the package.json
  */
 const saveConfiguration = (templates, pkgPath) => {
-    const pkg = (0, exports.openPackageJson)(pkgPath);
-    (0, exports.writePackageJson)(Object.assign(Object.assign({}, pkg), { config: Object.assign(Object.assign({}, pkg.config), { templates }) }), pkgPath);
+    const pkg = (0, exports.openJsonFile)(pkgPath);
+    (0, exports.writeJsonFile)(Object.assign(Object.assign({}, pkg), { config: Object.assign(Object.assign({}, pkg.config), { templates }) }), pkgPath);
 };
 exports.saveConfiguration = saveConfiguration;
 const sortKeys = (obj) => {

package/dist/initializers/angular-sxp/index.js

@@ -41,7 +41,7 @@ class AngularSxpInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/angular-sxp');
             yield (0, common_1.transform)(templatePath, mergedArgs);

package/dist/initializers/angular-xmcloud/index.js

@@ -41,7 +41,7 @@ class AngularXmCloudInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/angular-xmcloud');
             yield (0, common_1.transform)(templatePath, mergedArgs);

package/dist/initializers/nextjs/index.js

@@ -105,9 +105,9 @@ class NextjsInitializer {
             }
             if (!addInitializers.includes('nextjs-styleguide') &&
                 !args.templates.includes('nextjs-styleguide')) {
-                const pkg = (0, common_1.openPackageJson)(pkgPath);
+                const pkg = (0, common_1.openJsonFile)(pkgPath);
                 pkg.scripts.bootstrap = pkg.scripts.bootstrap.replace(' && graphql-let', '');
-                (0, common_1.writePackageJson)(pkg, pkgPath);
+                (0, common_1.writeJsonFile)(pkg, pkgPath);
             }
             const response = {
                 nextSteps: [`* Connect to Sitecore with ${chalk_1.default.green('jss setup')} (optional)`],

package/dist/initializers/nextjs/remove-dev-dependencies.js

@@ -10,10 +10,10 @@ const common_1 = require("../../common");
 const removeDevDependencies = (projectPath) => {
     // remove `next-transpile-modules` dependency
     const packagePath = path_1.default.join(projectPath, 'package.json');
-    const pkg = (0, common_1.openPackageJson)(packagePath);
+    const pkg = (0, common_1.openJsonFile)(packagePath);
     if (pkg === null || pkg === void 0 ? void 0 : pkg.devDependencies['next-transpile-modules']) {
         delete pkg.devDependencies['next-transpile-modules'];
-        (0, common_1.writePackageJson)(pkg, packagePath);
+        (0, common_1.writeJsonFile)(pkg, packagePath);
     }
     // remove monorepo next.config.js plugin
     const monorepoPlugin = path_1.default.join(projectPath, 'src/lib/next-config/plugins/monorepo.js');

package/dist/initializers/nextjs-multisite/index.js

@@ -41,7 +41,7 @@ class NextjsMultisiteInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-multisite');
             yield (0, common_1.transform)(templatePath, mergedArgs);

package/dist/initializers/nextjs-styleguide/index.js

@@ -46,7 +46,7 @@ class NextjsStyleguideInitializer {
     init(args) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const answers = yield inquirer_1.default.prompt(common_1.styleguidePrompts, args);
             const mergedArgs = Object.assign(Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false }), answers);
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-styleguide');

package/dist/initializers/nextjs-styleguide-tracking/index.js

@@ -41,7 +41,7 @@ class NextjsStyleguideInitializer {
     init(args) {
         var _a, _b, _c, _d, _e, _f;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-styleguide-tracking');
             yield (0, common_1.transform)(templatePath, mergedArgs);

package/dist/initializers/nextjs-sxa/index.js

@@ -41,7 +41,7 @@ class NextjsSxaInitializer {
     init(args) {
         var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             // TODO: prompts for SXA
             // const answers = await prompt<StyleguideAnswer>(styleguidePrompts, args);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });

package/dist/initializers/nextjs-xmcloud/index.js

@@ -42,7 +42,7 @@ class NextjsXMCloudInitializer {
     init(args) {
         var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
-            const pkg = (0, common_1.openPackageJson)(`${args.destination}${path_1.sep}package.json`);
+            const pkg = (0, common_1.openJsonFile)(`${args.destination}${path_1.sep}package.json`);
             const mergedArgs = Object.assign(Object.assign({}, args), { appName: args.appName || ((_a = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _a === void 0 ? void 0 : _a.appName) || common_1.DEFAULT_APPNAME, appPrefix: args.appPrefix || ((_b = pkg === null || pkg === void 0 ? void 0 : pkg.config) === null || _b === void 0 ? void 0 : _b.prefix) || false });
             const templatePath = path_1.default.resolve(__dirname, '../../templates/nextjs-xmcloud');
             yield (0, common_1.transform)(templatePath, mergedArgs);

package/dist/initializers/react/index.js

@@ -52,7 +52,7 @@ class ReactInitializer {
             yield (0, common_1.transform)(templatePath, mergedArgs);
             const isDev = (0, common_1.isDevEnvironment)(args.destination);
             const pkgPath = path_1.default.resolve(`${args.destination}${path_1.sep}package.json`);
-            const pkg = (0, common_1.openPackageJson)(pkgPath);
+            const pkg = (0, common_1.openJsonFile)(pkgPath);
             if (isDev) {
                 Object.entries(pkg.scripts).forEach(([key, value]) => {
                     // Can't rewire `eject` script
@@ -61,14 +61,14 @@ class ReactInitializer {
                     // It's required to start each command using `react-app-rewired`, to solve duplicate `react` issue
                     pkg.scripts[key] = value.replace('react-scripts', 'react-app-rewired');
                 });
-                (0, common_1.writePackageJson)(pkg, pkgPath);
+                (0, common_1.writeJsonFile)(pkg, pkgPath);
             }
             else {
                 // Don't need to rewire anything if we are not in the dev env
                 delete pkg.devDependencies['react-app-rewired'];
                 // Remove webpack overrides
                 (0, common_1.removeFile)(path_1.default.resolve(`${args.destination}${path_1.sep}config-overrides.js`));
-                (0, common_1.writePackageJson)(pkg, pkgPath);
+                (0, common_1.writeJsonFile)(pkg, pkgPath);
             }
             const response = {
                 nextSteps: [`* Connect to Sitecore with ${chalk_1.default.green('jss setup')} (optional)`],

package/dist/templates/angular-xmcloud/angular.json

@@ -0,0 +1,34 @@
+{
+  "projects": {
+    "<%- appName %>": {
+      "architect": {
+        "build": {
+          "options": {
+            "styles": [
+              "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "src/styles.css",
+              "src/assets/styles/main.scss"
+            ],
+            "stylePreprocessorOptions": {
+              "includePaths": ["src/assets/styles", "node_modules"]
+            }
+          }
+        },
+        "test": {
+          "options": {
+            "styles": ["src/styles.css", "src/assets/styles/main.scss"],
+            "stylePreprocessorOptions": {
+              "includePaths": ["src/assets/styles", "node_modules"]
+            }
+          }
+        }
+      }
+    }
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "app",
+      "style": "scss"
+    }
+  }
+}

package/dist/templates/angular-xmcloud/package.json

@@ -1,10 +1,15 @@
-{
-  "config": {
-    "sitecoreDistPath": "/dist"
-  },
-  "scripts": {
-    "postbuild:server": "npm-run-all --serial prepare:build prepare:proxy-build",
-    "prepare:build": "move-cli ./dist/main.js ./dist/server.bundle.js",
-    "prepare:proxy-build": "ts-node --project src/tsconfig.webpack-server.json ./scripts/proxy-build.ts"
-  }
-}
+{
+  "config": {
+    "sitecoreDistPath": "/dist"
+  },
+  "scripts": {
+    "postbuild:server": "npm-run-all --serial prepare:build prepare:proxy-build",
+    "prepare:build": "move-cli ./dist/main.js ./dist/server.bundle.js",
+    "prepare:proxy-build": "ts-node --project src/tsconfig.webpack-server.json ./scripts/proxy-build.ts"
+  },
+  "dependencies": {
+    "font-awesome": "^4.7.0",
+    "sass": "^1.52.3",
+    "sass-alias": "^1.0.5"
+  }
+}

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

@@ -0,0 +1,13 @@
+<div
+  class="component rich-text {{ styles }}"
+  [attr.id]="id"
+>
+  <div class="component-content">
+    <ng-container *ngIf="text; else emptyHint">
+      <div *scRichText="text"></div>
+    </ng-container>
+    <ng-template #emptyHint>
+      <span class="is-empty-hint">Rich text</span>
+    </ng-template>
+  </div>
+</div>

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

@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { Field } from '@sitecore-jss/sitecore-jss-angular';
+import { SxaComponent } from '../sxa.component';
+
+@Component({
+  selector: 'app-richtext',
+  templateUrl: './richtext.component.html',
+})
+export class RichTextComponent extends SxaComponent implements OnInit {
+  text?: Field<string>;
+
+  ngOnInit() {
+    super.ngOnInit();
+    this.text = this.rendering.fields?.Text as Field<string>;
+  }
+}

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

@@ -0,0 +1,15 @@
+import { OnInit, Input, Directive } from '@angular/core';
+import { ComponentRendering } from '@sitecore-jss/sitecore-jss-angular';
+
+@Directive()
+export abstract class SxaComponent implements OnInit {
+  @Input() rendering: ComponentRendering;
+
+  id?: string;
+  styles?: string;
+
+  ngOnInit() {
+    this.id = this.rendering.params?.RenderingIdentifier;
+    this.styles = this.rendering.params?.styles;
+  }
+}

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

@@ -0,0 +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%;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +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;
+      }
+    }
+  }
+}

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

@@ -0,0 +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');

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

@@ -0,0 +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;
+    }
+  }
+}

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

@@ -0,0 +1,49 @@
+@import "sass/abstracts/vars/colors";
+@import "sass/abstracts/mixins";
+@import "variables";
+
+.prod-mode {
+  #header {
+    display: flex;
+
+    @include respond-to(mobile-large) {
+      padding-bottom: 0;
+      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;
+        }
+      }
+    }
+  }
+}