@everchron/ec-shards 6.2.0 → 6.2.2

package/dist/ec-shards.umd.js

@@ -3108,6 +3108,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);
 
+/***/ }),
+
+/***/ "26cc":
+/***/ (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_0c50fc11_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6d2e");
+/* 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_0c50fc11_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_0c50fc11_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "26f2":
@@ -3531,13 +3542,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
-/***/ "3102":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "320b":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -6507,6 +6511,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "6d2e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6d66":
@@ -8072,6 +8083,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);
 
+/***/ }),
+
+/***/ "873b":
+/***/ (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_directory_entry_vue_vue_type_style_index_0_id_6e6d1d23_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ea7c");
+/* 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_directory_entry_vue_vue_type_style_index_0_id_6e6d1d23_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_directory_entry_vue_vue_type_style_index_0_id_6e6d1d23_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8773":
@@ -9178,17 +9200,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);
 
-/***/ }),
-
-/***/ "9d89":
-/***/ (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_directory_entry_vue_vue_type_style_index_0_id_7ced3786_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3102");
-/* 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_directory_entry_vue_vue_type_style_index_0_id_7ced3786_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_directory_entry_vue_vue_type_style_index_0_id_7ced3786_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9e34":
@@ -10459,13 +10470,6 @@ 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__) {
 
@@ -11017,17 +11021,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);
 
-/***/ }),
-
-/***/ "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":
@@ -13461,6 +13454,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "ea7c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "eaa7":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -18987,15 +18987,16 @@ var dialog_headervue_type_template_id_144fde54_scoped_true_staticRenderFns = []
 
 // 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: ./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=0c50fc11&scoped=true&
+var state_iconvue_type_template_id_0c50fc11_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],style:(_vm.iconStyle),attrs:{"role":"presentation"}})}
+var state_iconvue_type_template_id_0c50fc11_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/state-icon/state-icon.vue?vue&type=template&id=fcbd5232&scoped=true&
+// CONCATENATED MODULE: ./src/components/state-icon/state-icon.vue?vue&type=template&id=0c50fc11&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&
 
+
 //
 //
 //
@@ -19015,13 +19016,27 @@ var state_iconvue_type_template_id_fcbd5232_scoped_true_staticRenderFns = []
         return ['vibrant', 'danger', 'neutral'].includes(v);
       },
       default: 'neutral'
+    },
+
+    /** The size of the icon, in pixels. */
+    size: {
+      type: Number,
+      default: 60
+    }
+  },
+  computed: {
+    iconStyle: function iconStyle() {
+      return {
+        width: "".concat(this.size, "px"),
+        height: "".concat(this.size, "px")
+      };
     }
   }
 });
 // 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");
+// EXTERNAL MODULE: ./src/components/state-icon/state-icon.vue?vue&type=style&index=0&id=0c50fc11&lang=scss&scoped=true&
+var state_iconvue_type_style_index_0_id_0c50fc11_lang_scss_scoped_true_ = __webpack_require__("26cc");
 
 // CONCATENATED MODULE: ./src/components/state-icon/state-icon.vue
 
@@ -19034,11 +19049,11 @@ var state_iconvue_type_style_index_0_id_fcbd5232_lang_scss_scoped_true_ = __webp
 
 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,
+  state_iconvue_type_template_id_0c50fc11_scoped_true_render,
+  state_iconvue_type_template_id_0c50fc11_scoped_true_staticRenderFns,
   false,
   null,
-  "fcbd5232",
+  "0c50fc11",
   null
   
 )
@@ -19106,13 +19121,64 @@ var dialog_header_component = normalizeComponent(
 )
 
 /* harmony default export */ var dialog_header = (dialog_header_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/directory-entry/directory-entry.vue?vue&type=template&id=7ced3786&scoped=true&
-var directory_entryvue_type_template_id_7ced3786_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-directory-entry"},[_c('ecs-icon',{attrs:{"type":_vm.icon,"color":"#A1A6B0"}}),_vm._v(" "),(_vm.indicator)?_c('div',{staticClass:"indicator",style:("background-color:"+_vm.indicator)}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"items"},[_vm._t("default")],2)],1)}
-var directory_entryvue_type_template_id_7ced3786_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/directory-entry/directory-entry.vue?vue&type=template&id=6e6d1d23&scoped=true&
+var directory_entryvue_type_template_id_6e6d1d23_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-directory-entry"},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon,"color":"#A1A6B0"}}):(_vm.favicon)?_c('ecs-favicon',{attrs:{"website":_vm.favicon}}):_vm._e(),_vm._v(" "),(_vm.indicator)?_c('div',{staticClass:"indicator",style:("background-color:"+_vm.indicator)}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"items"},[_vm._t("default")],2)],1)}
+var directory_entryvue_type_template_id_6e6d1d23_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/directory-entry/directory-entry.vue?vue&type=template&id=6e6d1d23&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/favicon/favicon.vue?vue&type=template&id=1f630bee&scoped=true&
+var faviconvue_type_template_id_1f630bee_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-favicon",class:this.website})}
+var faviconvue_type_template_id_1f630bee_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/favicon/favicon.vue?vue&type=template&id=1f630bee&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/favicon/favicon.vue?vue&type=script&lang=js&
+
+//
+//
+//
+//
+/* harmony default export */ var faviconvue_type_script_lang_js_ = ({
+  props: {
+    /** The identifier of the favicon which should show up. */
+    website: {
+      type: String,
+      validator: function validator(v) {
+        return ['facebook', 'github', 'instagram', 'linkedin', 'medium', 'pinterest', 'quora', 'reddit', 'tiktok', 'tumblr', 'twitter', 'vimeo', 'vkontakte', 'weibo', 'xing', 'youtube'].includes(v);
+      },
+      required: true
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/favicon/favicon.vue?vue&type=script&lang=js&
+ /* harmony default export */ var favicon_faviconvue_type_script_lang_js_ = (faviconvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/favicon/favicon.vue?vue&type=style&index=0&id=1f630bee&lang=scss&scoped=true&
+var faviconvue_type_style_index_0_id_1f630bee_lang_scss_scoped_true_ = __webpack_require__("fa92");
+
+// CONCATENATED MODULE: ./src/components/favicon/favicon.vue
+
+
 
 
-// CONCATENATED MODULE: ./src/components/directory-entry/directory-entry.vue?vue&type=template&id=7ced3786&scoped=true&
 
+
+/* normalize component */
+
+var favicon_component = normalizeComponent(
+  favicon_faviconvue_type_script_lang_js_,
+  faviconvue_type_template_id_1f630bee_scoped_true_render,
+  faviconvue_type_template_id_1f630bee_scoped_true_staticRenderFns,
+  false,
+  null,
+  "1f630bee",
+  null
+  
+)
+
+/* harmony default export */ var favicon = (favicon_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/directory-entry/directory-entry.vue?vue&type=script&lang=js&
 //
 //
@@ -19124,28 +19190,40 @@ var directory_entryvue_type_template_id_7ced3786_scoped_true_staticRenderFns = [
 //
 //
 //
+//
+
 
 /* harmony default export */ var directory_entryvue_type_script_lang_js_ = ({
   components: {
-    EcsIcon: icon
+    EcsIcon: icon,
+    EcsFavicon: favicon
   },
   props: {
     /** Adds an icon to the list item. 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). */
     icon: {
-      type: String,
-      required: true
+      type: String
+    },
+
+    /** Adds a website favicon to the list item. 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/images/favicons). */
+    favicon: {
+      type: String
     },
 
     /** Adds a small badge to the directory entry icon. Used to indicate online, or status states. The value must a color value (HEX, RGB, or shards variable). */
     indicator: {
       type: String
     }
+  },
+  mounted: function mounted() {
+    if (!this.icon && !this.favicon) {
+      console.warn('Icon or Favicon prop is required for ecs-directory-entry component');
+    }
   }
 });
 // CONCATENATED MODULE: ./src/components/directory-entry/directory-entry.vue?vue&type=script&lang=js&
  /* harmony default export */ var directory_entry_directory_entryvue_type_script_lang_js_ = (directory_entryvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/directory-entry/directory-entry.vue?vue&type=style&index=0&id=7ced3786&lang=scss&scoped=true&
-var directory_entryvue_type_style_index_0_id_7ced3786_lang_scss_scoped_true_ = __webpack_require__("9d89");
+// EXTERNAL MODULE: ./src/components/directory-entry/directory-entry.vue?vue&type=style&index=0&id=6e6d1d23&lang=scss&scoped=true&
+var directory_entryvue_type_style_index_0_id_6e6d1d23_lang_scss_scoped_true_ = __webpack_require__("873b");
 
 // CONCATENATED MODULE: ./src/components/directory-entry/directory-entry.vue
 
@@ -19158,11 +19236,11 @@ var directory_entryvue_type_style_index_0_id_7ced3786_lang_scss_scoped_true_ = _
 
 var directory_entry_component = normalizeComponent(
   directory_entry_directory_entryvue_type_script_lang_js_,
-  directory_entryvue_type_template_id_7ced3786_scoped_true_render,
-  directory_entryvue_type_template_id_7ced3786_scoped_true_staticRenderFns,
+  directory_entryvue_type_template_id_6e6d1d23_scoped_true_render,
+  directory_entryvue_type_template_id_6e6d1d23_scoped_true_staticRenderFns,
   false,
   null,
-  "7ced3786",
+  "6e6d1d23",
   null
   
 )
@@ -20130,57 +20208,6 @@ var excerpt_snippet_component = normalizeComponent(
 )
 
 /* harmony default export */ var excerpt_snippet = (excerpt_snippet_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/favicon/favicon.vue?vue&type=template&id=1f630bee&scoped=true&
-var faviconvue_type_template_id_1f630bee_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-favicon",class:this.website})}
-var faviconvue_type_template_id_1f630bee_scoped_true_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/favicon/favicon.vue?vue&type=template&id=1f630bee&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/favicon/favicon.vue?vue&type=script&lang=js&
-
-//
-//
-//
-//
-/* harmony default export */ var faviconvue_type_script_lang_js_ = ({
-  props: {
-    /** The identifier of the favicon which should show up. */
-    website: {
-      type: String,
-      validator: function validator(v) {
-        return ['facebook', 'github', 'instagram', 'linkedin', 'medium', 'pinterest', 'quora', 'reddit', 'tiktok', 'tumblr', 'twitter', 'vimeo', 'vkontakte', 'weibo', 'xing', 'youtube'].includes(v);
-      },
-      required: true
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/favicon/favicon.vue?vue&type=script&lang=js&
- /* harmony default export */ var favicon_faviconvue_type_script_lang_js_ = (faviconvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/favicon/favicon.vue?vue&type=style&index=0&id=1f630bee&lang=scss&scoped=true&
-var faviconvue_type_style_index_0_id_1f630bee_lang_scss_scoped_true_ = __webpack_require__("fa92");
-
-// CONCATENATED MODULE: ./src/components/favicon/favicon.vue
-
-
-
-
-
-
-/* normalize component */
-
-var favicon_component = normalizeComponent(
-  favicon_faviconvue_type_script_lang_js_,
-  faviconvue_type_template_id_1f630bee_scoped_true_render,
-  faviconvue_type_template_id_1f630bee_scoped_true_staticRenderFns,
-  false,
-  null,
-  "1f630bee",
-  null
-  
-)
-
-/* harmony default export */ var favicon = (favicon_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/file-icon/file-icon.vue?vue&type=template&id=01908b54&scoped=true&
 var file_iconvue_type_template_id_01908b54_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('i',{staticClass:"icon ecs-file-icon",class:_vm.typeClass,style:({ width: _vm.width + 'px', height: _vm.height + 'px' })})}
 var file_iconvue_type_template_id_01908b54_scoped_true_staticRenderFns = []