@everchron/ec-shards 1.4.1 → 1.5.0

package/dist/ec-shards.common.js

@@ -1064,6 +1064,17 @@ module.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "1892":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_overlay_vue_vue_type_style_index_0_id_9078bf6e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e1ec");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_overlay_vue_vue_type_style_index_0_id_9078bf6e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_overlay_vue_vue_type_style_index_0_id_9078bf6e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "18b9":
@@ -8468,17 +8479,6 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
 var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
 /* harmony default export */ __webpack_exports__["default"] = (symbol);
 
-/***/ }),
-
-/***/ "9c78":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_overlay_vue_vue_type_style_index_0_id_5718714d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c702");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_overlay_vue_vue_type_style_index_0_id_5718714d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_overlay_vue_vue_type_style_index_0_id_5718714d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9c8d":
@@ -10253,13 +10253,6 @@ var store = global[SHARED] || setGlobal(SHARED, {});
 module.exports = store;
 
 
-/***/ }),
-
-/***/ "c702":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "c735":
@@ -11876,6 +11869,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "e1ec":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "e20e":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -20295,12 +20295,12 @@ var multiselect_option_component = normalizeComponent(
 )
 
 /* harmony default export */ var multiselect_option = (multiselect_option_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/overlay/overlay.vue?vue&type=template&id=5718714d&scoped=true&
-var overlayvue_type_template_id_5718714d_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"fade"}},[(_vm.isShown)?_c('div',{staticClass:"ecs-overlay",style:({ top: _vm.offsetTop + 'px', height: 'calc(100vh - '+ _vm.offsetTop +'px' })},[_c('div',{staticClass:"ecs-overlay-header"},[_c('div',{staticClass:"ecs-overlay-titles"},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon,"width":"40","height":"40","color":"#B9BCC2"}}):_vm._e(),_vm._v(" "),_c('div',[_c('span',{staticClass:"title"},[(_vm.headerTitleEmphasized)?_c('span',{staticClass:"emphasized"},[_vm._v(_vm._s(_vm.headerTitleEmphasized))]):_vm._e(),_vm._v(" "+_vm._s(_vm.headerTitle))]),_vm._v(" "),(_vm.headerTitleSubline)?_c('span',{staticClass:"subline"},[_vm._v(_vm._s(_vm.headerTitleSubline))]):_vm._e()])],1),_vm._v(" "),(_vm.$slots.headercontrols)?_c('div',{staticClass:"ecs-overlay-header-controls"},[_vm._t("headercontrols")],2):_vm._e(),_vm._v(" "),(_vm.$slots.sidebar && _vm.width <= 1500)?_c('ecs-button-toolbar',{staticClass:"sidebar-button",attrs:{"icon":_vm.sidebarIcon,"title":_vm.showSidebar ? 'Hide ' + _vm.sidebarTitle : 'Show ' + _vm.sidebarTitle,"active":_vm.showSidebar,"badge":_vm.sidebarIconBadge,"badge-color":_vm.sidebarIconBadgeColor,"loading":_vm.sidebarIconLoading},on:{"click":_vm.sidebarToggle}}):_vm._e(),_vm._v(" "),_c('ecs-button-toolbar',{attrs:{"disabled":_vm.closeDisabled,"icon":"close"},on:{"click":function($event){_vm.$emit('close')}}},[_vm._v(_vm._s(_vm.closeText))])],1),_vm._v(" "),_c('div',{ref:"content",staticClass:"ecs-overlay-content scrollbar"},[(_vm.$slots.tabs)?_c('div',{staticClass:"ecs-overlay-tabs scrollbar scrollbar-sml"},[_vm._t("tabs")],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"ecs-overlay-content-inner scrollbar",class:_vm.sidebarOpenClass},[_c('div',{staticClass:"ecs-overlay-content-inner-inner",class:_vm.$slots.sidebar && !_vm.fullWidth && _vm.width > 1500  ? 'has-sidebar' : ' ',style:({ width: _vm.contentWidth, maxWidth: _vm.contentMaxWidth, minWidth: _vm.contentMinWidth })},[_vm._t("default")],2),_vm._v(" "),(_vm.$slots.sidebar && _vm.width > 1500)?_c('div',{staticClass:"ecs-overlay-sidebar ecs-overlay-sidebar-static"},[_vm._t("sidebar")],2):_vm._e(),_vm._v(" "),_c('transition',{attrs:{"name":"slide"}},[(_vm.$slots.sidebar && _vm.width <= 1500 && _vm.showSidebar)?_c('div',{staticClass:"ecs-overlay-sidebar ecs-overlay-sidebar-float scrollbar scrollbar-sml"},[_vm._t("sidebar")],2):_vm._e()])],1)]),_vm._v(" "),(_vm.$slots.footer)?_c('div',{staticClass:"ecs-overlay-footer"},[(_vm.$slots.tabs)?_c('div',{staticClass:"spacer-tabs"}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"ecs-overlay-footer-content"},[_c('div',{staticClass:"ecs-overlay-footer-content-inner",style:({ width: _vm.contentWidth, maxWidth: _vm.contentMaxWidth, minWidth: _vm.contentMinWidth })},[_vm._t("footer")],2),_vm._v(" "),(_vm.$slots.sidebar && _vm.width > 1500)?_c('div',{staticClass:"spacer-sidebar"}):_vm._e()])]):_vm._e()]):_vm._e()])}
-var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09bac6d7-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/overlay/overlay.vue?vue&type=template&id=9078bf6e&scoped=true&
+var overlayvue_type_template_id_9078bf6e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"fade"}},[(_vm.isShown)?_c('div',{staticClass:"ecs-overlay",style:({ top: _vm.offsetTop + 'px', height: 'calc(100vh - '+ _vm.offsetTop +'px' })},[_c('div',{staticClass:"ecs-overlay-header"},[_c('div',{staticClass:"ecs-overlay-titles"},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon,"width":"40","height":"40","color":"#B9BCC2"}}):_vm._e(),_vm._v(" "),_c('div',[_c('span',{staticClass:"title"},[(_vm.headerTitleEmphasized)?_c('span',{staticClass:"emphasized"},[_vm._v(_vm._s(_vm.headerTitleEmphasized))]):_vm._e(),_vm._v(" "+_vm._s(_vm.headerTitle))]),_vm._v(" "),(_vm.headerTitleSubline)?_c('span',{staticClass:"subline"},[_vm._v(_vm._s(_vm.headerTitleSubline))]):_vm._e()])],1),_vm._v(" "),(_vm.$slots.headercontrols)?_c('div',{staticClass:"ecs-overlay-header-controls"},[_vm._t("headercontrols")],2):_vm._e(),_vm._v(" "),(_vm.$slots.sidebar && _vm.width <= 1500)?_c('ecs-button-toolbar',{staticClass:"sidebar-button",attrs:{"icon":_vm.sidebarIcon,"title":_vm.showSidebar ? 'Hide ' + _vm.sidebarTitle : 'Show ' + _vm.sidebarTitle,"active":_vm.showSidebar,"badge":_vm.sidebarIconBadge,"badge-color":_vm.sidebarIconBadgeColor,"loading":_vm.sidebarIconLoading},on:{"click":_vm.sidebarToggle}}):_vm._e(),_vm._v(" "),_c('ecs-button-toolbar',{attrs:{"disabled":_vm.closeDisabled,"icon":"close"},on:{"click":function($event){_vm.$emit('close')}}},[_vm._v(_vm._s(_vm.closeText))])],1),_vm._v(" "),_c('div',{ref:"content",staticClass:"ecs-overlay-content scrollbar"},[(_vm.$slots.tabs)?_c('div',{staticClass:"ecs-overlay-tabs scrollbar scrollbar-sml"},[_vm._t("tabs")],2):_vm._e(),_vm._v(" "),_c('div',{ref:"innerContent",staticClass:"ecs-overlay-content-inner scrollbar",class:_vm.sidebarOpenClass},[_c('div',{staticClass:"ecs-overlay-content-inner-inner",class:_vm.$slots.sidebar && !_vm.fullWidth && _vm.width > 1500  ? 'has-sidebar' : ' ',style:({ width: _vm.contentWidth, maxWidth: _vm.contentMaxWidth, minWidth: _vm.contentMinWidth, paddingLeft: _vm.contentPadding, paddingRight: _vm.contentPadding })},[_vm._t("default")],2),_vm._v(" "),(_vm.$slots.sidebar && _vm.width > 1500)?_c('div',{staticClass:"ecs-overlay-sidebar ecs-overlay-sidebar-static"},[_vm._t("sidebar")],2):_vm._e(),_vm._v(" "),_c('transition',{attrs:{"name":"slide"}},[(_vm.$slots.sidebar && _vm.width <= 1500 && _vm.showSidebar)?_c('div',{staticClass:"ecs-overlay-sidebar ecs-overlay-sidebar-float scrollbar scrollbar-sml"},[_vm._t("sidebar")],2):_vm._e()])],1),_vm._v(" "),(_vm.blockContent)?_c('div',{staticClass:"ecs-overlay-content-block"}):_vm._e()]),_vm._v(" "),(_vm.$slots.footer)?_c('div',{staticClass:"ecs-overlay-footer"},[(_vm.$slots.tabs)?_c('div',{staticClass:"spacer-tabs"}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"ecs-overlay-footer-content"},[_c('div',{staticClass:"ecs-overlay-footer-content-inner",style:({ width: _vm.contentWidth, maxWidth: _vm.contentMaxWidth, minWidth: _vm.contentMinWidth, paddingLeft: _vm.contentPadding, paddingRight: _vm.contentPadding })},[_vm._t("footer")],2),_vm._v(" "),(_vm.$slots.sidebar && _vm.width > 1500)?_c('div',{staticClass:"spacer-sidebar"}):_vm._e(),_vm._v(" "),(_vm.footerScrollSpacer)?_c('div',{staticClass:"spacer-scrollbar"}):_vm._e()])]):_vm._e()]):_vm._e()])}
+var overlayvue_type_template_id_9078bf6e_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/overlay/overlay.vue?vue&type=template&id=5718714d&scoped=true&
+// CONCATENATED MODULE: ./src/components/overlay/overlay.vue?vue&type=template&id=9078bf6e&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/overlay/overlay.vue?vue&type=script&lang=js&
 
@@ -20367,6 +20367,8 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
 //
 //
 //
+//
+//
 
 
 /* harmony default export */ var overlayvue_type_script_lang_js_ = ({
@@ -20425,6 +20427,12 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
       type: Number,
       default: 41
     },
+
+    /** Adds a half-transparent layer on top of the entire content area, that blocks any user interactions. */
+    blockContent: {
+      type: Boolean,
+      default: false
+    },
     // Props for additional slide-in sidbar
 
     /** Sets the icon for the sidebar icon button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). Note: the button is only visible when the sidebar is collapsed on smaller screens. */
@@ -20461,7 +20469,10 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
     return {
       isShown: this.show,
       showSidebar: false,
-      width: window.innerWidth
+      width: window.innerWidth,
+      elementsHeight: null,
+      scrollsHeight: null,
+      footerScrollSpacer: false
     };
   },
   computed: {
@@ -20476,7 +20487,7 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
       if (this.fullWidth && !this.$slots.tabs) {
         return '100%';
       } else {
-        return '920px';
+        return '952px';
       }
     },
     contentMinWidth: function contentMinWidth() {
@@ -20485,13 +20496,20 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
       } else if (this.fullWidth && this.$slots.tabs) {
         return 'calc(100vw - 260px)';
       } else {
-        return '780px';
+        return '821px';
       }
     },
     sidebarOpenClass: function sidebarOpenClass() {
       if (this.showSidebar && this.width < 1500) {
         return 'sidebar-open';
       }
+    },
+    contentPadding: function contentPadding() {
+      if (!this.fullWidth) {
+        return '16px';
+      } else {
+        return '0';
+      }
     }
   },
   mounted: function mounted() {
@@ -20499,10 +20517,12 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
 
     this.$nextTick(function () {
       window.addEventListener('resize', _this.windowWidth);
+      window.addEventListener('resize', _this.setScrollPaddings);
     });
   },
   beforeDestroy: function beforeDestroy() {
     window.removeEventListener('resize', this.windowWidth);
+    window.removeEventListener('resize', this.setScrollPaddings);
   },
   methods: {
     toggleShow: function toggleShow() {
@@ -20512,6 +20532,18 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
     windowWidth: function windowWidth() {
       this.width = window.innerWidth;
     },
+    setScrollPaddings: function setScrollPaddings() {
+      if (this.isShown) {
+        this.elementsHeight = this.$refs.innerContent.clientHeight;
+        this.scrollsHeight = this.$refs.innerContent.scrollHeight;
+
+        if (this.elementsHeight < this.scrollsHeight) {
+          this.footerScrollSpacer = true;
+        } else {
+          this.footerScrollSpacer = false;
+        }
+      }
+    },
     sidebarToggle: function sidebarToggle() {
       var _this2 = this;
 
@@ -20524,14 +20556,21 @@ var overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns = []
   },
   watch: {
     show: function show() {
+      var _this3 = this;
+
       this.isShown = this.show;
+      setTimeout(function () {
+        if (_this3.isShown) {
+          _this3.setScrollPaddings();
+        }
+      }, 10);
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/overlay/overlay.vue?vue&type=script&lang=js&
  /* harmony default export */ var overlay_overlayvue_type_script_lang_js_ = (overlayvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/overlay/overlay.vue?vue&type=style&index=0&id=5718714d&lang=scss&scoped=true&
-var overlayvue_type_style_index_0_id_5718714d_lang_scss_scoped_true_ = __webpack_require__("9c78");
+// EXTERNAL MODULE: ./src/components/overlay/overlay.vue?vue&type=style&index=0&id=9078bf6e&lang=scss&scoped=true&
+var overlayvue_type_style_index_0_id_9078bf6e_lang_scss_scoped_true_ = __webpack_require__("1892");
 
 // CONCATENATED MODULE: ./src/components/overlay/overlay.vue
 
@@ -20544,11 +20583,11 @@ var overlayvue_type_style_index_0_id_5718714d_lang_scss_scoped_true_ = __webpack
 
 var overlay_component = normalizeComponent(
   overlay_overlayvue_type_script_lang_js_,
-  overlayvue_type_template_id_5718714d_scoped_true_render,
-  overlayvue_type_template_id_5718714d_scoped_true_staticRenderFns,
+  overlayvue_type_template_id_9078bf6e_scoped_true_render,
+  overlayvue_type_template_id_9078bf6e_scoped_true_staticRenderFns,
   false,
   null,
-  "5718714d",
+  "9078bf6e",
   null
   
 )