@everchron/ec-shards 0.9.1 → 0.9.2

package/dist/ec-shards.umd.js

@@ -1004,6 +1004,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);
 
+/***/ }),
+
+/***/ "156b":
+/***/ (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_swatches_picker_vue_vue_type_style_index_0_id_17d6a344_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7999");
+/* 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_swatches_picker_vue_vue_type_style_index_0_id_17d6a344_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_swatches_picker_vue_vue_type_style_index_0_id_17d6a344_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "159b":
@@ -5830,13 +5841,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "6c8a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "6d1d":
@@ -6362,6 +6366,13 @@ module.exports = [
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "7999":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "7a4c":
@@ -12408,17 +12419,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);
 
-/***/ }),
-
-/***/ "f91b":
-/***/ (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_swatches_picker_vue_vue_type_style_index_0_id_0be5c854_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6c8a");
-/* 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_swatches_picker_vue_vue_type_style_index_0_id_0be5c854_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_swatches_picker_vue_vue_type_style_index_0_id_0be5c854_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f92e":
@@ -21463,12 +21463,12 @@ var structured_content_component = normalizeComponent(
 )
 
 /* harmony default export */ var structured_content = (structured_content_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"46d9ae5f-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/swatches-picker/swatches-picker.vue?vue&type=template&id=0be5c854&scoped=true&
-var swatches_pickervue_type_template_id_0be5c854_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-swatches",class:_vm.sizeClass},_vm._l((_vm.swatches),function(item){return _c('div',{key:item.color,staticClass:"ecs-swatches-color",class:_vm.selectedColor == item.color ? 'active' : '',style:({backgroundColor: item.color, color: item.color}),attrs:{"title":item.title},on:{"click":function($event){_vm.selectedColor = item.color}}})}))}
-var swatches_pickervue_type_template_id_0be5c854_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"46d9ae5f-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/swatches-picker/swatches-picker.vue?vue&type=template&id=17d6a344&scoped=true&
+var swatches_pickervue_type_template_id_17d6a344_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-swatches",class:_vm.sizeClass},_vm._l((_vm.swatches),function(item){return _c('div',{key:item.id,staticClass:"ecs-swatches-color",class:_vm.selectedColor == item.hex ? 'active' : '',style:({backgroundColor: item.hex, color: item.hex}),attrs:{"title":item.title},on:{"click":function($event){_vm.selectedColor = item.hex}}})}))}
+var swatches_pickervue_type_template_id_17d6a344_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=template&id=0be5c854&scoped=true&
+// CONCATENATED MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=template&id=17d6a344&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
 var es_array_find_index = __webpack_require__("c740");
@@ -21503,60 +21503,17 @@ var es_array_find_index = __webpack_require__("c740");
 
     /** Sets the selected color value. Must be a HEX value that exists in the swatches (data) list. */
     selected: {
-      type: String,
-      validator: function validator(v) {
-        return ['#F9DF00', '#F3A100', '#B7EA80', '#48E4C2', '#489DFF', '#B877F0', '#FD78FD', '#858E9F', '#227FD3', '#C59465', '#5DAF00', '#A4927A', '#95989C', '#D78B21', '#EE5452', 'null', null].includes(v);
-      }
+      type: String
+    },
+
+    /** The available color swatches the user can choose from. Array structure: contains Objects with `id`, `title`, `hex`. */
+    swatches: {
+      type: Array,
+      required: true
     }
   },
   data: function data() {
     return {
-      swatches: [{
-        title: 'Yellow',
-        color: '#F9DF00'
-      }, {
-        title: 'Orange',
-        color: '#F3A100'
-      }, {
-        title: 'Lime',
-        color: '#B7EA80'
-      }, {
-        title: 'Cyan',
-        color: '#48E4C2'
-      }, {
-        title: 'Sky Blue',
-        color: '#489DFF'
-      }, {
-        title: 'Indigo',
-        color: '#B877F0'
-      }, {
-        title: 'Pink',
-        color: '#FD78FD'
-      }, {
-        title: 'Brown',
-        color: '#C59465'
-      }, {
-        title: 'Gray',
-        color: '#858E9F'
-      }, {
-        title: 'Red',
-        color: '#EE5452'
-      }, {
-        title: 'Dark Blue',
-        color: '#227FD3'
-      }, {
-        title: 'Green',
-        color: '#5DAF00'
-      }, {
-        title: 'Brass',
-        color: '#A4927A'
-      }, {
-        title: 'Silver',
-        color: '#95989C'
-      }, {
-        title: 'Gold',
-        color: '#D78B21'
-      }],
       selectedColor: this.selected,
       selectedTitle: ''
     };
@@ -21569,38 +21526,33 @@ var es_array_find_index = __webpack_require__("c740");
   },
   methods: {
     emitSelected: function emitSelected() {
-      /** Returns the selected color value and title as Object.
-      this.$emit('input', {
-        color: this.selectedColor,
-        title: this.selectedTitle
-      })
-      */
+      /** Returns the selected color value as HEX. */
       this.$emit('input', this.selectedColor);
     }
   },
-
-  /*
-  mounted () {
-    if (this.selected)
-      this.selectedTitle = this.swatches[this.swatches.findIndex(x => x.color === this.selectedColor)].title
-      this.emitSelected()
-  },
-  */
   watch: {
     selectedColor: function selectedColor() {
       var _this = this;
 
       this.selectedTitle = this.swatches[this.swatches.findIndex(function (x) {
-        return x.color === _this.selectedColor;
+        return x.hex === _this.selectedColor;
       })].title;
       this.emitSelected();
     }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
+    if (this.selected) this.selectedTitle = this.swatches[this.swatches.findIndex(function (x) {
+      return x.hex === _this2.selectedColor;
+    })].title;
+    this.emitSelected();
   }
 });
 // CONCATENATED MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=script&lang=js&
  /* harmony default export */ var swatches_picker_swatches_pickervue_type_script_lang_js_ = (swatches_pickervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=style&index=0&id=0be5c854&lang=scss&scoped=true&
-var swatches_pickervue_type_style_index_0_id_0be5c854_lang_scss_scoped_true_ = __webpack_require__("f91b");
+// EXTERNAL MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=style&index=0&id=17d6a344&lang=scss&scoped=true&
+var swatches_pickervue_type_style_index_0_id_17d6a344_lang_scss_scoped_true_ = __webpack_require__("156b");
 
 // CONCATENATED MODULE: ./src/components/swatches-picker/swatches-picker.vue
 
@@ -21613,11 +21565,11 @@ var swatches_pickervue_type_style_index_0_id_0be5c854_lang_scss_scoped_true_ = _
 
 var swatches_picker_component = normalizeComponent(
   swatches_picker_swatches_pickervue_type_script_lang_js_,
-  swatches_pickervue_type_template_id_0be5c854_scoped_true_render,
-  swatches_pickervue_type_template_id_0be5c854_scoped_true_staticRenderFns,
+  swatches_pickervue_type_template_id_17d6a344_scoped_true_render,
+  swatches_pickervue_type_template_id_17d6a344_scoped_true_staticRenderFns,
   false,
   null,
-  "0be5c854",
+  "17d6a344",
   null
   
 )