From fa5dcc07b8f9d7fad86bf67580160d1e5518a224 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Fri, 31 Dec 2021 13:34:54 +0100
Subject: [PATCH] Add getStylePreview

---
 src/style_manager/model/PropertyStack.js | 11 +++++++++++
 src/style_manager/view/LayerView.js      |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/style_manager/model/PropertyStack.js b/src/style_manager/model/PropertyStack.js
index fb528fd4c..be4cdb15c 100644
--- a/src/style_manager/model/PropertyStack.js
+++ b/src/style_manager/model/PropertyStack.js
@@ -213,6 +213,17 @@ export default class PropertyStack extends PropertyComposite {
       : style;
   }
 
+  getStylePreview(layer, opts = {}) {
+    let result = {};
+    const preview = this.get('preview');
+
+    if (preview) {
+      result = this.getStyleFromLayer(layer, opts);
+    }
+
+    return result;
+  }
+
   /**
    * Get layer separator.
    * @return {RegExp}
diff --git a/src/style_manager/view/LayerView.js b/src/style_manager/view/LayerView.js
index bcd849fad..edb78459a 100644
--- a/src/style_manager/view/LayerView.js
+++ b/src/style_manager/view/LayerView.js
@@ -112,7 +112,7 @@ export default View.extend({
 
     if (pModel.get('preview')) {
       const prvEl = this.getPreviewEl();
-      const style = pModel.getStyleFromLayer(model, { number: { min: -3, max: 3 } });
+      const style = pModel.getStylePreview(model, { number: { min: -3, max: 3 } });
       const styleStr = keys(style)
         .map(k => `${k}:${style[k]}`)
         .join(';');