@semcore/scroll-area - npm Package Compare versions

Comparing version 2.3.1 to 2.3.2

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [2.3.2] - 2019-12-10
+
+### Fixed
+
+- Расчет размера контейнера, когда обертка не доступна
+
 ## [2.3.1] - 2019-12-09
@@ -7,0 +13,0 @@

lib/index.es.js

@@ -36,3 +36,3 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
     var prevStyle = head.querySelector('._css-style');
-    var css = "._scroll-area_5hw44_3{position:relative;overflow:hidden;width:100%;height:100%}._scroll-area--shadow_5hw44_10{position:relative}._scroll-area--shadow_5hw44_10:after,._scroll-area--shadow_5hw44_10:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}._scroll-area--shadow_left_5hw44_23:before,._scroll-area--shadow_right_5hw44_24:after{top:0;display:block;width:5px;height:100%}._scroll-area--shadow_left_5hw44_23:before{left:0;background:-webkit-gradient(linear,right top,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(270deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_right_5hw44_24:after{right:0;background:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(90deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_5hw44_46:after,._scroll-area--shadow_top_5hw44_45:before{left:0;display:block;width:100%;height:5px}._scroll-area--shadow_top_5hw44_45:before{top:0;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(0deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_5hw44_46:after{bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.1))}";
+    var css = "._scroll-area_7ospf_3{position:relative;overflow:hidden;width:100%;height:100%}._scroll-area--shadow_7ospf_10{position:relative}._scroll-area--shadow_7ospf_10:after,._scroll-area--shadow_7ospf_10:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}._scroll-area--shadow_left_7ospf_23:before,._scroll-area--shadow_right_7ospf_24:after{top:0;display:block;width:5px;height:100%}._scroll-area--shadow_left_7ospf_23:before{left:0;background:-webkit-gradient(linear,right top,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(270deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_right_7ospf_24:after{right:0;background:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(90deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_7ospf_46:after,._scroll-area--shadow_top_7ospf_45:before{left:0;display:block;width:100%;height:5px}._scroll-area--shadow_top_7ospf_45:before{top:0;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(0deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_7ospf_46:after{bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.1))}";
 
@@ -51,3 +51,3 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block() {
-  return '_scroll-area_5hw44_3';
+  return '_scroll-area_7ospf_3';
 }
@@ -57,7 +57,7 @@
   return {
-    "block": "_scroll-area--shadow_5hw44_10",
-    "left": "_scroll-area--shadow_left_5hw44_23",
-    "right": "_scroll-area--shadow_right_5hw44_24",
-    "top": "_scroll-area--shadow_top_5hw44_45",
-    "bottom": "_scroll-area--shadow_bottom_5hw44_46"
+    "block": "_scroll-area--shadow_7ospf_10",
+    "left": "_scroll-area--shadow_left_7ospf_23",
+    "right": "_scroll-area--shadow_right_7ospf_24",
+    "top": "_scroll-area--shadow_top_7ospf_45",
+    "bottom": "_scroll-area--shadow_bottom_7ospf_46"
   }[value || 'block'];
@@ -158,3 +158,7 @@ };
     value: function calculateSizeContainer() {
-      if (!this.$container || !this.$wrapper) return;
+      var size = {
+        width: '',
+        height: ''
+      };
+      if (!this.$container || !this.$wrapper) return size;
       var _this$$container2 = this.$container,
@@ -166,6 +170,2 @@ scrollWidth = _this$$container2.scrollWidth,
       var maxHeight = Number.parseInt(style['max-height']);
-      var size = {
-        width: '',
-        height: ''
-      };
 
@@ -247,3 +247,3 @@ if (maxWidth) {
     var prevStyle = head.querySelector('._css-style');
-    var css = "._scroll-container_f2x6r_3{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._scroll-container_f2x6r_3::-webkit-scrollbar{display:none}";
+    var css = "._scroll-container_1cwsy_3{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._scroll-container_1cwsy_3::-webkit-scrollbar{display:none}";
 
@@ -262,7 +262,7 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$1() {
-  return '_scroll-container_f2x6r_3';
+  return '_scroll-container_1cwsy_3';
 }
 
 function inner() {
-  return '_scroll-container__inner_f2x6r_22';
+  return '_scroll-container__inner_1cwsy_22';
 }
@@ -334,3 +334,3 @@
     var prevStyle = head.querySelector('._css-style');
-    var css = "._scroll-bar_1d6eh_3{position:absolute;display:-webkit-box;display:flex}._scroll-bar--hide_1d6eh_8{display:none}._scroll-bar--orientation_vertical_1d6eh_12{top:4px;right:0;width:8px;height:calc(100% - 8px);-webkit-box-pack:center;justify-content:center}._scroll-bar--orientation_horizontal_1d6eh_20{bottom:0;left:4px;height:12px;width:calc(100% - 8px);-webkit-box-align:center;align-items:center}._scroll-bar__slider_1d6eh_28{cursor:pointer;width:6px;height:6px}._scroll-bar__slider--theme_default_1d6eh_34{border-radius:2px;background-color:rgba(0,0,0,.2)}";
+    var css = "._scroll-bar_1t2kl_3{position:absolute;display:-webkit-box;display:flex}._scroll-bar--hide_1t2kl_8{display:none}._scroll-bar--orientation_vertical_1t2kl_12{top:4px;right:0;width:8px;height:calc(100% - 8px);-webkit-box-pack:center;justify-content:center}._scroll-bar--orientation_horizontal_1t2kl_20{bottom:0;left:4px;height:12px;width:calc(100% - 8px);-webkit-box-align:center;align-items:center}._scroll-bar__slider_1t2kl_28{cursor:pointer;width:6px;height:6px}._scroll-bar__slider--theme_default_1t2kl_34{border-radius:2px;background-color:rgba(0,0,0,.2)}";
 
@@ -349,3 +349,3 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$2() {
-  return '_scroll-bar_1d6eh_3';
+  return '_scroll-bar_1t2kl_3';
 }
@@ -355,3 +355,3 @@
   return {
-    "block": "_scroll-bar--hide_1d6eh_8"
+    "block": "_scroll-bar--hide_1t2kl_8"
   }[value || 'block'];
@@ -362,4 +362,4 @@ };
   return {
-    "vertical": "_scroll-bar--orientation_vertical_1d6eh_12",
-    "horizontal": "_scroll-bar--orientation_horizontal_1d6eh_20"
+    "vertical": "_scroll-bar--orientation_vertical_1t2kl_12",
+    "horizontal": "_scroll-bar--orientation_horizontal_1t2kl_20"
   }[value || 'block'];
@@ -369,3 +369,3 @@ };
 function slider() {
-  return '_scroll-bar__slider_1d6eh_28';
+  return '_scroll-bar__slider_1t2kl_28';
 }
@@ -375,3 +375,3 @@
   return {
-    "default": "_scroll-bar__slider--theme_default_1d6eh_34"
+    "default": "_scroll-bar__slider--theme_default_1t2kl_34"
   }[value || 'block'];
@@ -378,0 +378,0 @@ };

lib/index.js

@@ -42,3 +42,3 @@ 'use strict';
     var prevStyle = head.querySelector('._css-style');
-    var css = "._scroll-area_5hw44_3{position:relative;overflow:hidden;width:100%;height:100%}._scroll-area--shadow_5hw44_10{position:relative}._scroll-area--shadow_5hw44_10:after,._scroll-area--shadow_5hw44_10:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}._scroll-area--shadow_left_5hw44_23:before,._scroll-area--shadow_right_5hw44_24:after{top:0;display:block;width:5px;height:100%}._scroll-area--shadow_left_5hw44_23:before{left:0;background:-webkit-gradient(linear,right top,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(270deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_right_5hw44_24:after{right:0;background:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(90deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_5hw44_46:after,._scroll-area--shadow_top_5hw44_45:before{left:0;display:block;width:100%;height:5px}._scroll-area--shadow_top_5hw44_45:before{top:0;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(0deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_5hw44_46:after{bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.1))}";
+    var css = "._scroll-area_7ospf_3{position:relative;overflow:hidden;width:100%;height:100%}._scroll-area--shadow_7ospf_10{position:relative}._scroll-area--shadow_7ospf_10:after,._scroll-area--shadow_7ospf_10:before{content:\"\";position:absolute;display:none;pointer-events:none;z-index:1}._scroll-area--shadow_left_7ospf_23:before,._scroll-area--shadow_right_7ospf_24:after{top:0;display:block;width:5px;height:100%}._scroll-area--shadow_left_7ospf_23:before{left:0;background:-webkit-gradient(linear,right top,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(270deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_right_7ospf_24:after{right:0;background:-webkit-gradient(linear,left top,right top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(90deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_7ospf_46:after,._scroll-area--shadow_top_7ospf_45:before{left:0;display:block;width:100%;height:5px}._scroll-area--shadow_top_7ospf_45:before{top:0;background:-webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(0deg,transparent,rgba(0,0,0,.1))}._scroll-area--shadow_bottom_7ospf_46:after{bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.1)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.1))}";
 
@@ -57,3 +57,3 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block() {
-  return '_scroll-area_5hw44_3';
+  return '_scroll-area_7ospf_3';
 }
@@ -63,7 +63,7 @@
   return {
-    "block": "_scroll-area--shadow_5hw44_10",
-    "left": "_scroll-area--shadow_left_5hw44_23",
-    "right": "_scroll-area--shadow_right_5hw44_24",
-    "top": "_scroll-area--shadow_top_5hw44_45",
-    "bottom": "_scroll-area--shadow_bottom_5hw44_46"
+    "block": "_scroll-area--shadow_7ospf_10",
+    "left": "_scroll-area--shadow_left_7ospf_23",
+    "right": "_scroll-area--shadow_right_7ospf_24",
+    "top": "_scroll-area--shadow_top_7ospf_45",
+    "bottom": "_scroll-area--shadow_bottom_7ospf_46"
   }[value || 'block'];
@@ -164,3 +164,7 @@ };
     value: function calculateSizeContainer() {
-      if (!this.$container || !this.$wrapper) return;
+      var size = {
+        width: '',
+        height: ''
+      };
+      if (!this.$container || !this.$wrapper) return size;
       var _this$$container2 = this.$container,
@@ -172,6 +176,2 @@ scrollWidth = _this$$container2.scrollWidth,
       var maxHeight = Number.parseInt(style['max-height']);
-      var size = {
-        width: '',
-        height: ''
-      };
 
@@ -253,3 +253,3 @@ if (maxWidth) {
     var prevStyle = head.querySelector('._css-style');
-    var css = "._scroll-container_f2x6r_3{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._scroll-container_f2x6r_3::-webkit-scrollbar{display:none}";
+    var css = "._scroll-container_1cwsy_3{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._scroll-container_1cwsy_3::-webkit-scrollbar{display:none}";
 
@@ -268,7 +268,7 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$1() {
-  return '_scroll-container_f2x6r_3';
+  return '_scroll-container_1cwsy_3';
 }
 
 function inner() {
-  return '_scroll-container__inner_f2x6r_22';
+  return '_scroll-container__inner_1cwsy_22';
 }
@@ -340,3 +340,3 @@
     var prevStyle = head.querySelector('._css-style');
-    var css = "._scroll-bar_1d6eh_3{position:absolute;display:-webkit-box;display:flex}._scroll-bar--hide_1d6eh_8{display:none}._scroll-bar--orientation_vertical_1d6eh_12{top:4px;right:0;width:8px;height:calc(100% - 8px);-webkit-box-pack:center;justify-content:center}._scroll-bar--orientation_horizontal_1d6eh_20{bottom:0;left:4px;height:12px;width:calc(100% - 8px);-webkit-box-align:center;align-items:center}._scroll-bar__slider_1d6eh_28{cursor:pointer;width:6px;height:6px}._scroll-bar__slider--theme_default_1d6eh_34{border-radius:2px;background-color:rgba(0,0,0,.2)}";
+    var css = "._scroll-bar_1t2kl_3{position:absolute;display:-webkit-box;display:flex}._scroll-bar--hide_1t2kl_8{display:none}._scroll-bar--orientation_vertical_1t2kl_12{top:4px;right:0;width:8px;height:calc(100% - 8px);-webkit-box-pack:center;justify-content:center}._scroll-bar--orientation_horizontal_1t2kl_20{bottom:0;left:4px;height:12px;width:calc(100% - 8px);-webkit-box-align:center;align-items:center}._scroll-bar__slider_1t2kl_28{cursor:pointer;width:6px;height:6px}._scroll-bar__slider--theme_default_1t2kl_34{border-radius:2px;background-color:rgba(0,0,0,.2)}";
 
@@ -355,3 +355,3 @@ if (prevStyle && prevStyle.insertAdjacentText) {
 function block$2() {
-  return '_scroll-bar_1d6eh_3';
+  return '_scroll-bar_1t2kl_3';
 }
@@ -361,3 +361,3 @@
   return {
-    "block": "_scroll-bar--hide_1d6eh_8"
+    "block": "_scroll-bar--hide_1t2kl_8"
   }[value || 'block'];
@@ -368,4 +368,4 @@ };
   return {
-    "vertical": "_scroll-bar--orientation_vertical_1d6eh_12",
-    "horizontal": "_scroll-bar--orientation_horizontal_1d6eh_20"
+    "vertical": "_scroll-bar--orientation_vertical_1t2kl_12",
+    "horizontal": "_scroll-bar--orientation_horizontal_1t2kl_20"
   }[value || 'block'];
@@ -375,3 +375,3 @@ };
 function slider() {
-  return '_scroll-bar__slider_1d6eh_28';
+  return '_scroll-bar__slider_1t2kl_28';
 }
@@ -381,3 +381,3 @@
   return {
-    "default": "_scroll-bar__slider--theme_default_1d6eh_34"
+    "default": "_scroll-bar__slider--theme_default_1t2kl_34"
   }[value || 'block'];
@@ -384,0 +384,0 @@ };

package.json

 {
   "name": "@semcore/scroll-area",
   "description": "SEMRush ScrollArea Component",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "module": "lib/index.es.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

167004

increased by0.11%

No dependency changes