From 1b4d57ac36346582f504dd8146fcb5d8af8e9b3f Mon Sep 17 00:00:00 2001
From: dmh <dmytro.hrynevych@gmail.com>
Date: Fri, 8 Jun 2018 14:54:19 +0300
Subject: [PATCH] [TASK] use object-fit-images as a component in felayout

---
 felayout_t3kit/dev/js/components.js   |  6 ++++++
 felayout_t3kit/dev/js/main.js         |  2 --
 felayout_t3kit/dev/js/main/general.js |  4 ++++
 felayout_t3kit/package-lock.json      | 10 +++++-----
 felayout_t3kit/package.json           |  2 +-
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/felayout_t3kit/dev/js/components.js b/felayout_t3kit/dev/js/components.js
index 0e9c791f..faa3e032 100644
--- a/felayout_t3kit/dev/js/components.js
+++ b/felayout_t3kit/dev/js/components.js
@@ -41,3 +41,9 @@
 //==============================================================================
 @import '../../node_modules/jquery-touchswipe/jquery.touchSwipe.min.js';
 //==============================================================================
+
+// Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari
+// https://github.com/bfred-it/object-fit-images
+//==============================================================================
+@import '../../node_modules/object-fit-images/dist/ofi.js';
+//==============================================================================
diff --git a/felayout_t3kit/dev/js/main.js b/felayout_t3kit/dev/js/main.js
index 899b9060..d897854d 100644
--- a/felayout_t3kit/dev/js/main.js
+++ b/felayout_t3kit/dev/js/main.js
@@ -17,6 +17,4 @@
 
 @import 'main/suggest.js';
 
-@import 'main/ofi.js';
-
 @import 'main/general.js';
diff --git a/felayout_t3kit/dev/js/main/general.js b/felayout_t3kit/dev/js/main/general.js
index 7f98277b..083ce5b3 100644
--- a/felayout_t3kit/dev/js/main/general.js
+++ b/felayout_t3kit/dev/js/main/general.js
@@ -1,5 +1,6 @@
 // ########## general.js ###########
 /* global jQuery */
+/* global objectFitImages */
 
 ;(function ($) {
   'use strict'
@@ -29,6 +30,9 @@
       })
     })
   }
+
+  // call object-fit-images plugin
+  objectFitImages()
 })(jQuery)
 
 // ^^^^^^^^^^ general.js ^^^^^^^^^^^
diff --git a/felayout_t3kit/package-lock.json b/felayout_t3kit/package-lock.json
index b406e9b7..e2a3a3e2 100644
--- a/felayout_t3kit/package-lock.json
+++ b/felayout_t3kit/package-lock.json
@@ -6847,11 +6847,6 @@
       "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=",
       "dev": true
     },
-    "object-fit-images": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/object-fit-images/-/object-fit-images-3.2.3.tgz",
-      "integrity": "sha1-QIn20AcKO1Vj08Grbxso1hMx8Kw="
-    },
     "object-copy": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
@@ -6874,6 +6869,11 @@
         }
       }
     },
+    "object-fit-images": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/object-fit-images/-/object-fit-images-3.2.3.tgz",
+      "integrity": "sha1-QIn20AcKO1Vj08Grbxso1hMx8Kw="
+    },
     "object-keys": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.11.tgz",
diff --git a/felayout_t3kit/package.json b/felayout_t3kit/package.json
index bab30e7d..fedef184 100644
--- a/felayout_t3kit/package.json
+++ b/felayout_t3kit/package.json
@@ -14,7 +14,7 @@
     "jarallax": "1.9.3",
     "jquery": "3.3.1",
     "jquery-touchswipe": "1.6.18",
-    "object-fit-images": "^3.2.3",
+    "object-fit-images": "3.2.3",
     "simplelightbox": "1.12.1",
     "smtlk-dotdotdot": "1.8.3",
     "swiper": "3.4.2"