@everchron/ec-shards 1.6.4 → 1.6.5

package/dist/ec-shards.common.js

@@ -3740,6 +3740,17 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "3dc5":
+/***/ (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_5875086b_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f0b8");
+/* 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_5875086b_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_5875086b_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3e83":
@@ -6019,17 +6030,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "6d55":
-/***/ (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_10aafc23_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e12c");
-/* 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_10aafc23_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_10aafc23_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "6d66":
@@ -11853,13 +11853,6 @@ return BrowserSpriteSymbol;
 
 /***/ }),
 
-/***/ "e12c":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "e163":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -12376,6 +12369,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
 
 /***/ }),
 
+/***/ "f0b8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f0e9":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -23511,12 +23511,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":"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/swatches-picker/swatches-picker.vue?vue&type=template&id=10aafc23&scoped=true&
-var swatches_pickervue_type_template_id_10aafc23_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_10aafc23_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/swatches-picker/swatches-picker.vue?vue&type=template&id=5875086b&scoped=true&
+var swatches_pickervue_type_template_id_5875086b_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_5875086b_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=template&id=10aafc23&scoped=true&
+// CONCATENATED MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=template&id=5875086b&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.find-index.js
 var es_array_find_index = __webpack_require__("c740");
@@ -23551,17 +23551,60 @@ 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
-    },
-
-    /** The available color swatches the user can choose from. Array structure: contains Objects with `id`, `title`, `hex`. */
-    swatches: {
-      type: Array,
-      required: true
+      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);
+      }
     }
   },
   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: ''
     };
@@ -23574,7 +23617,12 @@ var es_array_find_index = __webpack_require__("c740");
   },
   methods: {
     emitSelected: function emitSelected() {
-      /** Returns the selected color value as HEX. */
+      /** Returns the selected color value and title as Object.
+      this.$emit('input', {
+        color: this.selectedColor,
+        title: this.selectedTitle
+      })
+      */
       this.$emit('input', this.selectedColor);
     }
   },
@@ -23583,7 +23631,7 @@ var es_array_find_index = __webpack_require__("c740");
       var _this = this;
 
       this.selectedTitle = this.swatches[this.swatches.findIndex(function (x) {
-        return x.hex === _this.selectedColor;
+        return x.color === _this.selectedColor;
       })].title;
       this.emitSelected();
     }
@@ -23591,8 +23639,8 @@ var es_array_find_index = __webpack_require__("c740");
 });
 // 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=10aafc23&lang=scss&scoped=true&
-var swatches_pickervue_type_style_index_0_id_10aafc23_lang_scss_scoped_true_ = __webpack_require__("6d55");
+// EXTERNAL MODULE: ./src/components/swatches-picker/swatches-picker.vue?vue&type=style&index=0&id=5875086b&lang=scss&scoped=true&
+var swatches_pickervue_type_style_index_0_id_5875086b_lang_scss_scoped_true_ = __webpack_require__("3dc5");
 
 // CONCATENATED MODULE: ./src/components/swatches-picker/swatches-picker.vue
 
@@ -23605,11 +23653,11 @@ var swatches_pickervue_type_style_index_0_id_10aafc23_lang_scss_scoped_true_ = _
 
 var swatches_picker_component = normalizeComponent(
   swatches_picker_swatches_pickervue_type_script_lang_js_,
-  swatches_pickervue_type_template_id_10aafc23_scoped_true_render,
-  swatches_pickervue_type_template_id_10aafc23_scoped_true_staticRenderFns,
+  swatches_pickervue_type_template_id_5875086b_scoped_true_render,
+  swatches_pickervue_type_template_id_5875086b_scoped_true_staticRenderFns,
   false,
   null,
-  "10aafc23",
+  "5875086b",
   null
   
 )