@everchron/ec-shards 6.1.5 → 6.2.0

package/dist/ec-shards.common.js

@@ -300,6 +300,17 @@ 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);
 
+/***/ }),
+
+/***/ "0629":
+/***/ (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_dialog_header_vue_vue_type_style_index_0_id_144fde54_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("dc37");
+/* 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_dialog_header_vue_vue_type_style_index_0_id_144fde54_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_dialog_header_vue_vue_type_style_index_0_id_144fde54_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0640":
@@ -10242,17 +10253,6 @@ $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
 });
 
 
-/***/ }),
-
-/***/ "ac8f":
-/***/ (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_dialog_header_vue_vue_type_style_index_0_id_0a569116_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("beb1");
-/* 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_dialog_header_vue_vue_type_style_index_0_id_0a569116_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_dialog_header_vue_vue_type_style_index_0_id_0a569116_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ad6d":
@@ -10450,6 +10450,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "af5f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "af8b":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -11001,6 +11008,17 @@ 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);
 
+/***/ }),
+
+/***/ "ba99":
+/***/ (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_state_icon_vue_vue_type_style_index_0_id_fcbd5232_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("af5f");
+/* 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_state_icon_vue_vue_type_style_index_0_id_fcbd5232_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_state_icon_vue_vue_type_style_index_0_id_fcbd5232_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "baaa":
@@ -11057,13 +11075,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
-/***/ "beb1":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "c04e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -12509,6 +12520,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "dc37":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "dc48":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -18818,12 +18836,12 @@ var data_list_item_component = normalizeComponent(
 )
 
 /* harmony default export */ var data_list_item = (data_list_item_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03ddda9c-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/dialog/dialog.vue?vue&type=template&id=20469a34&
-var dialogvue_type_template_id_20469a34_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.lazyLoad)?_c('dialog',{ref:"dialog",staticClass:"ecs-dialog",class:'ecs-dialog-' + _vm.size},[_c('div',{staticClass:"ecs-dialog-body"},[_vm._t("default")],2),_vm._v(" "),(_vm.$slots.actions)?_c('div',{staticClass:"ecs-dialog-footer",class:[_vm.stackedFooter ? 'ecs-dialog-footer-stacked' : '']},[_vm._t("actions")],2):_vm._e()]):_vm._e()}
-var dialogvue_type_template_id_20469a34_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03ddda9c-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/dialog/dialog.vue?vue&type=template&id=b02876ba&
+var dialogvue_type_template_id_b02876ba_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.lazyLoad)?_c('dialog',{ref:"dialog",staticClass:"ecs-dialog",class:'ecs-dialog-' + _vm.size},[_c('div',{staticClass:"ecs-dialog-body scrollbar scrollbar-sml"},[_vm._t("default")],2),_vm._v(" "),(_vm.$slots.actions)?_c('div',{staticClass:"ecs-dialog-footer",class:[_vm.stackedFooter ? 'ecs-dialog-footer-stacked' : '']},[_vm._t("actions")],2):_vm._e()]):_vm._e()}
+var dialogvue_type_template_id_b02876ba_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=template&id=20469a34&
+// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=template&id=b02876ba&
 
 // 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/dialog/dialog.vue?vue&type=script&lang=js&
 
@@ -18902,16 +18920,27 @@ var dialogvue_type_template_id_20469a34_staticRenderFns = []
         });
         document.removeEventListener('keyup', this.keyUpHandler);
       }
+    },
+    lazyLoad: function lazyLoad() {
+      var _this2 = this;
+
+      if (this.lazyLoad) {
+        this.$nextTick(function () {
+          _this2.$refs.dialog.addEventListener('cancel', function (event) {
+            event.preventDefault();
+          });
+        });
+      }
     }
   },
   mounted: function mounted() {
-    var _this2 = this;
+    var _this3 = this;
 
     this.keyUpHandler = function (e) {
-      if (_this2.isShown && e.key === 'Escape') {
+      if (_this3.isShown && e.key === 'Escape') {
         e.preventDefault();
 
-        _this2.$emit('cancel');
+        _this3.$emit('cancel');
       }
     };
   }
@@ -18932,8 +18961,8 @@ var dialogvue_type_style_index_0_lang_scss_ = __webpack_require__("642e");
 
 var dialog_component = normalizeComponent(
   dialog_dialogvue_type_script_lang_js_,
-  dialogvue_type_template_id_20469a34_render,
-  dialogvue_type_template_id_20469a34_staticRenderFns,
+  dialogvue_type_template_id_b02876ba_render,
+  dialogvue_type_template_id_b02876ba_staticRenderFns,
   false,
   null,
   null,
@@ -18942,13 +18971,70 @@ var dialog_component = normalizeComponent(
 )
 
 /* harmony default export */ var dialog = (dialog_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03ddda9c-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/dialog-header/dialog-header.vue?vue&type=template&id=0a569116&scoped=true&
-var dialog_headervue_type_template_id_0a569116_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.icon)?_c('h3',{staticClass:"ecs-dialog-headline",class:[_vm.iconClass, _vm.iconColorClass]},[_vm._t("default")],2):_c('h3',{staticClass:"ecs-dialog-headline-plain"},[_vm._t("default")],2)])}
-var dialog_headervue_type_template_id_0a569116_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03ddda9c-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/dialog-header/dialog-header.vue?vue&type=template&id=144fde54&scoped=true&
+var dialog_headervue_type_template_id_144fde54_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.icon)?_c('h3',{staticClass:"ecs-dialog-headline"},[_c('ecs-state-icon',{attrs:{"type":_vm.icon,"icon-color":_vm.iconColor}}),_vm._v(" "),_vm._t("default")],2):_c('h3',{staticClass:"ecs-dialog-headline-plain"},[_vm._t("default")],2)])}
+var dialog_headervue_type_template_id_144fde54_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/dialog-header/dialog-header.vue?vue&type=template&id=0a569116&scoped=true&
+// CONCATENATED MODULE: ./src/components/dialog-header/dialog-header.vue?vue&type=template&id=144fde54&scoped=true&
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"03ddda9c-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/state-icon/state-icon.vue?vue&type=template&id=fcbd5232&scoped=true&
+var state_iconvue_type_template_id_fcbd5232_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-state-icon",class:[_vm.type, _vm.iconColor],attrs:{"role":"presentation"}})}
+var state_iconvue_type_template_id_fcbd5232_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/state-icon/state-icon.vue?vue&type=template&id=fcbd5232&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/state-icon/state-icon.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+/* harmony default export */ var state_iconvue_type_script_lang_js_ = ({
+  props: {
+    /** The identifier of the icon which should show up. */
+    type: {
+      type: String,
+      required: true
+    },
+
+    /** The color of the circular background. */
+    iconColor: {
+      type: String,
+      validator: function validator(v) {
+        return ['vibrant', 'danger', 'neutral'].includes(v);
+      },
+      default: 'neutral'
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/state-icon/state-icon.vue?vue&type=script&lang=js&
+ /* harmony default export */ var state_icon_state_iconvue_type_script_lang_js_ = (state_iconvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/state-icon/state-icon.vue?vue&type=style&index=0&id=fcbd5232&lang=scss&scoped=true&
+var state_iconvue_type_style_index_0_id_fcbd5232_lang_scss_scoped_true_ = __webpack_require__("ba99");
+
+// CONCATENATED MODULE: ./src/components/state-icon/state-icon.vue
+
+
+
+
+
+
+/* normalize component */
+
+var state_icon_component = normalizeComponent(
+  state_icon_state_iconvue_type_script_lang_js_,
+  state_iconvue_type_template_id_fcbd5232_scoped_true_render,
+  state_iconvue_type_template_id_fcbd5232_scoped_true_staticRenderFns,
+  false,
+  null,
+  "fcbd5232",
+  null
+  
+)
+
+/* harmony default export */ var state_icon = (state_icon_component.exports);
 // 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/dialog-header/dialog-header.vue?vue&type=script&lang=js&
 
 //
@@ -18962,7 +19048,12 @@ var dialog_headervue_type_template_id_0a569116_scoped_true_staticRenderFns = []
 //
 //
 //
+//
+
 /* harmony default export */ var dialog_headervue_type_script_lang_js_ = ({
+  components: {
+    EcsStateIcon: state_icon
+  },
   props: {
     /** Adds an icon to the dialog header. The prop value must match a specific icons name. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). Only icons prefixed with `dialog` should be used here. */
     icon: {
@@ -18974,26 +19065,16 @@ var dialog_headervue_type_template_id_0a569116_scoped_true_staticRenderFns = []
     iconColor: {
       type: String,
       validator: function validator(v) {
-        return ['vibrant', 'danger', 'neutral', null].includes(v);
+        return ['vibrant', 'danger', 'neutral'].includes(v);
       },
       default: 'neutral'
     }
-  },
-  computed: {
-    iconClass: function iconClass() {
-      if (this.icon && this.icon !== '') return "ecs-dialog-headline-".concat(this.icon);
-      return this.icon;
-    },
-    iconColorClass: function iconColorClass() {
-      if (this.iconColor && this.iconColor !== '') return "ecs-dialog-headline-".concat(this.iconColor);
-      return this.iconColor;
-    }
   }
 });
 // CONCATENATED MODULE: ./src/components/dialog-header/dialog-header.vue?vue&type=script&lang=js&
  /* harmony default export */ var dialog_header_dialog_headervue_type_script_lang_js_ = (dialog_headervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/dialog-header/dialog-header.vue?vue&type=style&index=0&id=0a569116&lang=scss&scoped=true&
-var dialog_headervue_type_style_index_0_id_0a569116_lang_scss_scoped_true_ = __webpack_require__("ac8f");
+// EXTERNAL MODULE: ./src/components/dialog-header/dialog-header.vue?vue&type=style&index=0&id=144fde54&lang=scss&scoped=true&
+var dialog_headervue_type_style_index_0_id_144fde54_lang_scss_scoped_true_ = __webpack_require__("0629");
 
 // CONCATENATED MODULE: ./src/components/dialog-header/dialog-header.vue
 
@@ -19006,11 +19087,11 @@ var dialog_headervue_type_style_index_0_id_0a569116_lang_scss_scoped_true_ = __w
 
 var dialog_header_component = normalizeComponent(
   dialog_header_dialog_headervue_type_script_lang_js_,
-  dialog_headervue_type_template_id_0a569116_scoped_true_render,
-  dialog_headervue_type_template_id_0a569116_scoped_true_staticRenderFns,
+  dialog_headervue_type_template_id_144fde54_scoped_true_render,
+  dialog_headervue_type_template_id_144fde54_scoped_true_staticRenderFns,
   false,
   null,
-  "0a569116",
+  "144fde54",
   null
   
 )
@@ -27756,6 +27837,7 @@ var video_component = normalizeComponent(
 
 
 
+
 
 
 var Components = {
@@ -27872,6 +27954,7 @@ var Components = {
   EcsSidebarHeader: sidebar_header,
   EcsSkeletonLoader: skeleton_loader,
   EcsSortbutton: sortbutton,
+  EcsStateIcon: state_icon,
   EcsSticker: sticker,
   EcsStructuredContent: structured_content,
   EcsSwatchesPicker: swatches_picker,