feat(main): Add base theme: This is the falcon theme out of the box.

This is falcon v3.1.2

_dev/js/theme/components/sliders/SwiperSlider.js

@@ -0,0 +1,124 @@
+import Swiper, {
+  Navigation, Pagination, Autoplay,
+} from 'swiper';
+
+import DynamicImportSwiperModule from '@js/theme/components/sliders/DynamicImportSwiperModule';
+
+/* eslint-disable */
+const dynamicModulesMap = {
+  thumbs: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/thumbs/thumbs.js'),
+    ],
+  ),
+  virtual: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/virtual/virtual.js'),
+      import('@node_modules/swiper/modules/virtual/virtual.scss'),
+    ],
+  ),
+  keyboard: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/keyboard/keyboard.js'),
+    ],
+  ),
+  mousewheel: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/mousewheel/mousewheel.js'),
+    ],
+  ),
+  scrollbar: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/scrollbar/scrollbar.js'),
+      import('@node_modules/swiper/modules/scrollbar/scrollbar.scss'),
+    ],
+  ),
+  parallax: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/parallax/parallax.js'),
+    ],
+  ),
+  zoom: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/zoom/zoom.js'),
+      import('@node_modules/swiper/modules/zoom/zoom.scss'),
+    ],
+  ),
+  freeMode: new DynamicImportSwiperModule(
+    () => [
+      import('@node_modules/swiper/modules/free-mode/free-mode.js'),
+      import('@node_modules/swiper/modules/free-mode/free-mode.scss'),
+    ],
+  ),
+  controller: new DynamicImportSwiperModule(
+      () => [
+        import('@node_modules/swiper/modules/controller/controller.js'),
+        import('@node_modules/swiper/modules/controller/controller.scss'),
+      ],
+  ),
+};
+/* eslint-enable */
+
+const defaultModules = [Navigation, Pagination, Autoplay];
+
+class SwiperSlider {
+  constructor(target, options) {
+    this.target = target;
+    this.options = options;
+    this.modules = defaultModules;
+    this._modulesToFetch = [];
+    this.SwiperInstance = null;
+  }
+
+  async initSlider() {
+    this.findNeededModulesToFetch();
+    await this.fetchNeededModules();
+    await this.initSwiper();
+
+    return this.SwiperInstance;
+  }
+
+  initSwiper() {
+    this.SwiperInstance = new Swiper(this.target, {
+      ...this.options,
+      modules: this.modules,
+    });
+  }
+
+  async fetchNeededModules() {
+    if (this._modulesToFetch.length > 0) {
+      const modulesPromisesArray = [];
+
+      for (const module of this._modulesToFetch) {
+        modulesPromisesArray.push(module.getFiles());
+      }
+
+      const allPromises = Promise.all(
+        modulesPromisesArray.map((innerModulesPromisesArray) => Promise.all(innerModulesPromisesArray)),
+      );
+
+      return allPromises.then((arrayOfModules) => {
+        for (const moduleImported of arrayOfModules) {
+          for (const module of moduleImported) {
+            if (typeof module.default !== 'undefined') {
+              this.modules = [...this.modules, module.default];
+            }
+          }
+        }
+      });
+    }
+
+    return Promise.resolve();
+  }
+
+  findNeededModulesToFetch() {
+    for (const dynamicModuleProp in dynamicModulesMap) {
+      if (Object.prototype.hasOwnProperty.call(dynamicModulesMap, dynamicModuleProp)
+          && typeof this.options[dynamicModuleProp] !== 'undefined') {
+        this._modulesToFetch.push(dynamicModulesMap[dynamicModuleProp]);
+      }
+    }
+  }
+}
+
+export default SwiperSlider;