@everchron/ec-shards 7.4.16 → 7.5.1

package/dist/ec-shards.common.js

@@ -10889,6 +10889,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "b009":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "b013":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -12752,6 +12759,17 @@ module.exports = function (it, TAG, STATIC) {
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "d4fb":
+/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_banner_vue_vue_type_style_index_0_id_9c01424c_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b009");
+/* 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_cli_service_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_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_banner_vue_vue_type_style_index_0_id_9c01424c_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_cli_service_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_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_banner_vue_vue_type_style_index_0_id_9c01424c_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "d501":
@@ -15963,6 +15981,145 @@ var avatar_component = normalizeComponent(
 )
 
 /* harmony default export */ var avatar = (avatar_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"aa91ff80-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/banner/banner.vue?vue&type=template&id=9c01424c&scoped=true&
+var bannervue_type_template_id_9c01424c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('div',{staticClass:"ecs-banner",class:[_vm.type, { fixed: _vm.fixed }],attrs:{"role":"alert"}},[_vm._t("default"),(_vm.dismissable)?_c('button',{staticClass:"close",style:(_vm.dismissButtonStyle),attrs:{"aria-label":"Dismiss"},on:{"click":_vm.dismiss}},[_c('ecs-icon',{attrs:{"type":"close","size":"20"}}),_c('ecs-focus-ring')],1):_vm._e()],2):_vm._e()}
+var bannervue_type_template_id_9c01424c_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/banner/banner.vue?vue&type=template&id=9c01424c&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/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/banner/banner.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var bannervue_type_script_lang_js_ = ({
+  components: {
+    EcsIcon: icon,
+    EcsFocusRing: focus_ring
+  },
+  props: {
+    /** The alert variant, which defines it's background color. */
+    type: {
+      type: String,
+      validator: function validator(v) {
+        return ['success', 'info', 'error', 'warning', 'important'].includes(v);
+      },
+      default: 'warning'
+    },
+
+    /** When set to true, a close button is displayed which allows the user to dismiss the alert. */
+    dismissable: {
+      type: Boolean,
+      default: false
+    },
+
+    /** If true, the alert will have no rounded corners and no margins. This is usefull when the alert directly touches other UI elements. */
+    fixed: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data: function data() {
+    return {
+      dismissed: false
+    };
+  },
+  computed: {
+    show: function show() {
+      return !this.dismissed;
+    },
+    // Returns color and background color for the dismiss button. Based on the type prop.
+    // Refactor me with css variables.
+    dismissButtonStyle: function dismissButtonStyle() {
+      switch (this.type) {
+        case 'success':
+          return {
+            color: '#004925',
+            backgroundColor: '#76E2AD'
+          };
+
+        case 'info':
+          return {
+            color: '#2A2D3D',
+            backgroundColor: '#A1A6B0'
+          };
+
+        case 'error':
+          return {
+            color: '#940014',
+            backgroundColor: '#FF99A6'
+          };
+
+        case 'warning':
+          return {
+            color: '#664B29',
+            backgroundColor: '#F1B251'
+          };
+
+        case 'important':
+          return {
+            color: '#003992',
+            backgroundColor: '#6BAFFF'
+          };
+      }
+    }
+  },
+  methods: {
+    dismiss: function dismiss() {
+      this.dismissed = true;
+      /** Emitted when the banner has been dismissed manually by the user. */
+
+      this.$emit('dismiss');
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/banner/banner.vue?vue&type=script&lang=js&
+ /* harmony default export */ var banner_bannervue_type_script_lang_js_ = (bannervue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/banner/banner.vue?vue&type=style&index=0&id=9c01424c&lang=scss&scoped=true&
+var bannervue_type_style_index_0_id_9c01424c_lang_scss_scoped_true_ = __webpack_require__("d4fb");
+
+// CONCATENATED MODULE: ./src/components/banner/banner.vue
+
+
+
+
+
+
+/* normalize component */
+
+var banner_component = normalizeComponent(
+  banner_bannervue_type_script_lang_js_,
+  bannervue_type_template_id_9c01424c_scoped_true_render,
+  bannervue_type_template_id_9c01424c_scoped_true_staticRenderFns,
+  false,
+  null,
+  "9c01424c",
+  null
+  
+)
+
+/* harmony default export */ var banner = (banner_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"aa91ff80-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/breadcrumb/breadcrumb.vue?vue&type=template&id=42f3849a&scoped=true&
 var breadcrumbvue_type_template_id_42f3849a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"ecs-breadcrumb",class:_vm.sizeClass,attrs:{"aria-label":"breadcrumb"}},[_vm._t("default")],2)}
 var breadcrumbvue_type_template_id_42f3849a_scoped_true_staticRenderFns = []
@@ -29589,6 +29746,7 @@ var video_component = normalizeComponent(
 
 
 
+
 
 
  //import EcsCommentForm from "./comment-form/comment-form.vue"
@@ -29708,6 +29866,7 @@ var Components = {
   EcsActionToolbar: action_toolbar,
   EcsAudio: audio,
   EcsAvatar: avatar,
+  EcsBanner: banner,
   EcsBreadcrumb: breadcrumb,
   EcsBreadcrumbButton: breadcrumb_button,
   EcsBreadcrumbTitle: breadcrumb_title,