@everchron/ec-shards 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ec-shards.common.js +191 -0
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +191 -0
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +2 -2
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/index.js +2 -0
- package/src/components/legend-item/legend-item.vue +176 -0
- package/src/stories/Changelog.stories.mdx +6 -0
- package/src/stories/legend-item/legend-item.stories.js +50 -0
package/dist/ec-shards.common.js
CHANGED
|
@@ -354,6 +354,17 @@ module.exports = function (originalArray) {
|
|
|
354
354
|
|
|
355
355
|
// extracted by mini-css-extract-plugin
|
|
356
356
|
|
|
357
|
+
/***/ }),
|
|
358
|
+
|
|
359
|
+
/***/ "0c1c":
|
|
360
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
361
|
+
|
|
362
|
+
"use strict";
|
|
363
|
+
/* 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_legend_item_vue_vue_type_style_index_0_id_2015b46f_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d4d1");
|
|
364
|
+
/* 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_legend_item_vue_vue_type_style_index_0_id_2015b46f_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_legend_item_vue_vue_type_style_index_0_id_2015b46f_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
365
|
+
/* unused harmony reexport * */
|
|
366
|
+
|
|
367
|
+
|
|
357
368
|
/***/ }),
|
|
358
369
|
|
|
359
370
|
/***/ "0c1e":
|
|
@@ -5510,6 +5521,22 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
|
|
|
5510
5521
|
var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
|
|
5511
5522
|
/* harmony default export */ __webpack_exports__["default"] = (symbol);
|
|
5512
5523
|
|
|
5524
|
+
/***/ }),
|
|
5525
|
+
|
|
5526
|
+
/***/ "5e89":
|
|
5527
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
5528
|
+
|
|
5529
|
+
var isObject = __webpack_require__("861d");
|
|
5530
|
+
|
|
5531
|
+
var floor = Math.floor;
|
|
5532
|
+
|
|
5533
|
+
// `Number.isInteger` method implementation
|
|
5534
|
+
// https://tc39.es/ecma262/#sec-number.isinteger
|
|
5535
|
+
module.exports = function isInteger(it) {
|
|
5536
|
+
return !isObject(it) && isFinite(it) && floor(it) === it;
|
|
5537
|
+
};
|
|
5538
|
+
|
|
5539
|
+
|
|
5513
5540
|
/***/ }),
|
|
5514
5541
|
|
|
5515
5542
|
/***/ "5eed":
|
|
@@ -7705,6 +7732,21 @@ module.exports = function (S, index, unicode) {
|
|
|
7705
7732
|
|
|
7706
7733
|
// extracted by mini-css-extract-plugin
|
|
7707
7734
|
|
|
7735
|
+
/***/ }),
|
|
7736
|
+
|
|
7737
|
+
/***/ "8ba4":
|
|
7738
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
7739
|
+
|
|
7740
|
+
var $ = __webpack_require__("23e7");
|
|
7741
|
+
var isInteger = __webpack_require__("5e89");
|
|
7742
|
+
|
|
7743
|
+
// `Number.isInteger` method
|
|
7744
|
+
// https://tc39.es/ecma262/#sec-number.isinteger
|
|
7745
|
+
$({ target: 'Number', stat: true }, {
|
|
7746
|
+
isInteger: isInteger
|
|
7747
|
+
});
|
|
7748
|
+
|
|
7749
|
+
|
|
7708
7750
|
/***/ }),
|
|
7709
7751
|
|
|
7710
7752
|
/***/ "8bbf":
|
|
@@ -10938,6 +10980,13 @@ module.exports = function (it, TAG, STATIC) {
|
|
|
10938
10980
|
};
|
|
10939
10981
|
|
|
10940
10982
|
|
|
10983
|
+
/***/ }),
|
|
10984
|
+
|
|
10985
|
+
/***/ "d4d1":
|
|
10986
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
10987
|
+
|
|
10988
|
+
// extracted by mini-css-extract-plugin
|
|
10989
|
+
|
|
10941
10990
|
/***/ }),
|
|
10942
10991
|
|
|
10943
10992
|
/***/ "d501":
|
|
@@ -19697,6 +19746,146 @@ var layout_data_table_component = normalizeComponent(
|
|
|
19697
19746
|
)
|
|
19698
19747
|
|
|
19699
19748
|
/* harmony default export */ var layout_data_table = (layout_data_table_component.exports);
|
|
19749
|
+
// 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/legend-item/legend-item.vue?vue&type=template&id=2015b46f&scoped=true&
|
|
19750
|
+
var legend_itemvue_type_template_id_2015b46f_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ecs-flex-row',{staticClass:"ecs-legend-item",class:[
|
|
19751
|
+
_vm.sizeClass,
|
|
19752
|
+
_vm.hover ? 'hover' : '',
|
|
19753
|
+
_vm.highlight ? 'highlighted' : ''
|
|
19754
|
+
],attrs:{"gap":8}},[_c('div',{staticClass:"ecs-legend-item-color",class:_vm.type,style:({backgroundColor: _vm.validColor})}),_vm._v(" "),_c('div',{staticClass:"ecs-legend-item-label"},[_vm._v(_vm._s(_vm.label))]),_vm._v(" "),(_vm.count)?_c('div',{staticClass:"ecs-legend-item-count"},[_vm._v(_vm._s(_vm.count))]):_vm._e(),_vm._v(" "),(_vm.percentage)?_c('div',{staticClass:"ecs-legend-item-percentage"},[_vm._v(_vm._s(_vm.percentageLabel))]):_vm._e(),_vm._v(" "),(_vm.highlight || _vm.hover)?_c('div',{staticClass:"ecs-legend-item-highlight",style:({backgroundColor: _vm.validColor})}):_vm._e()])}
|
|
19755
|
+
var legend_itemvue_type_template_id_2015b46f_scoped_true_staticRenderFns = []
|
|
19756
|
+
|
|
19757
|
+
|
|
19758
|
+
// CONCATENATED MODULE: ./src/components/legend-item/legend-item.vue?vue&type=template&id=2015b46f&scoped=true&
|
|
19759
|
+
|
|
19760
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.is-integer.js
|
|
19761
|
+
var es_number_is_integer = __webpack_require__("8ba4");
|
|
19762
|
+
|
|
19763
|
+
// 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/legend-item/legend-item.vue?vue&type=script&lang=js&
|
|
19764
|
+
|
|
19765
|
+
|
|
19766
|
+
|
|
19767
|
+
//
|
|
19768
|
+
//
|
|
19769
|
+
//
|
|
19770
|
+
//
|
|
19771
|
+
//
|
|
19772
|
+
//
|
|
19773
|
+
//
|
|
19774
|
+
//
|
|
19775
|
+
//
|
|
19776
|
+
//
|
|
19777
|
+
//
|
|
19778
|
+
//
|
|
19779
|
+
//
|
|
19780
|
+
//
|
|
19781
|
+
//
|
|
19782
|
+
//
|
|
19783
|
+
//
|
|
19784
|
+
|
|
19785
|
+
/* harmony default export */ var legend_itemvue_type_script_lang_js_ = ({
|
|
19786
|
+
components: {
|
|
19787
|
+
EcsFlexRow: flex_row
|
|
19788
|
+
},
|
|
19789
|
+
props: {
|
|
19790
|
+
/** Determines the type of legend message. */
|
|
19791
|
+
type: {
|
|
19792
|
+
type: String,
|
|
19793
|
+
validator: function validator(v) {
|
|
19794
|
+
return ['fill', 'line'].includes(v);
|
|
19795
|
+
},
|
|
19796
|
+
default: 'fill'
|
|
19797
|
+
},
|
|
19798
|
+
|
|
19799
|
+
/** Determines the size of the legend item. */
|
|
19800
|
+
size: {
|
|
19801
|
+
type: String,
|
|
19802
|
+
validator: function validator(v) {
|
|
19803
|
+
return ['sml', 'md'].includes(v);
|
|
19804
|
+
},
|
|
19805
|
+
default: 'md'
|
|
19806
|
+
},
|
|
19807
|
+
|
|
19808
|
+
/** The main legend item label. */
|
|
19809
|
+
label: {
|
|
19810
|
+
type: String,
|
|
19811
|
+
required: true
|
|
19812
|
+
},
|
|
19813
|
+
|
|
19814
|
+
/** Determines the color value of the legend item. This should exactly match the color this item represent in data visualization. */
|
|
19815
|
+
color: {
|
|
19816
|
+
type: String,
|
|
19817
|
+
required: true
|
|
19818
|
+
},
|
|
19819
|
+
|
|
19820
|
+
/** Displays a count next to the label. */
|
|
19821
|
+
count: {
|
|
19822
|
+
type: [String, Number]
|
|
19823
|
+
},
|
|
19824
|
+
|
|
19825
|
+
/** Displays a percentage value next to the count/label. */
|
|
19826
|
+
percentage: {
|
|
19827
|
+
type: [String, Number]
|
|
19828
|
+
},
|
|
19829
|
+
|
|
19830
|
+
/** Adds a background color to highlight the legend item. */
|
|
19831
|
+
highlight: {
|
|
19832
|
+
type: Boolean,
|
|
19833
|
+
default: false
|
|
19834
|
+
},
|
|
19835
|
+
|
|
19836
|
+
/** Determines if the legend item should have a hover state. */
|
|
19837
|
+
hover: {
|
|
19838
|
+
type: Boolean,
|
|
19839
|
+
default: false
|
|
19840
|
+
}
|
|
19841
|
+
},
|
|
19842
|
+
computed: {
|
|
19843
|
+
validColor: function validColor() {
|
|
19844
|
+
if (CSS.supports('color', this.color)) {
|
|
19845
|
+
return this.color;
|
|
19846
|
+
} else {
|
|
19847
|
+
console.warn('The passed color value is not a valid color.');
|
|
19848
|
+
return this.color;
|
|
19849
|
+
}
|
|
19850
|
+
},
|
|
19851
|
+
percentageLabel: function percentageLabel() {
|
|
19852
|
+
if (Number.isInteger(this.percentage)) {
|
|
19853
|
+
return this.percentage + '%';
|
|
19854
|
+
} else {
|
|
19855
|
+
return this.percentage;
|
|
19856
|
+
}
|
|
19857
|
+
},
|
|
19858
|
+
sizeClass: function sizeClass() {
|
|
19859
|
+
return "ecs-legend-item-".concat(this.size);
|
|
19860
|
+
}
|
|
19861
|
+
}
|
|
19862
|
+
});
|
|
19863
|
+
// CONCATENATED MODULE: ./src/components/legend-item/legend-item.vue?vue&type=script&lang=js&
|
|
19864
|
+
/* harmony default export */ var legend_item_legend_itemvue_type_script_lang_js_ = (legend_itemvue_type_script_lang_js_);
|
|
19865
|
+
// EXTERNAL MODULE: ./src/components/legend-item/legend-item.vue?vue&type=style&index=0&id=2015b46f&lang=scss&scoped=true&
|
|
19866
|
+
var legend_itemvue_type_style_index_0_id_2015b46f_lang_scss_scoped_true_ = __webpack_require__("0c1c");
|
|
19867
|
+
|
|
19868
|
+
// CONCATENATED MODULE: ./src/components/legend-item/legend-item.vue
|
|
19869
|
+
|
|
19870
|
+
|
|
19871
|
+
|
|
19872
|
+
|
|
19873
|
+
|
|
19874
|
+
|
|
19875
|
+
/* normalize component */
|
|
19876
|
+
|
|
19877
|
+
var legend_item_component = normalizeComponent(
|
|
19878
|
+
legend_item_legend_itemvue_type_script_lang_js_,
|
|
19879
|
+
legend_itemvue_type_template_id_2015b46f_scoped_true_render,
|
|
19880
|
+
legend_itemvue_type_template_id_2015b46f_scoped_true_staticRenderFns,
|
|
19881
|
+
false,
|
|
19882
|
+
null,
|
|
19883
|
+
"2015b46f",
|
|
19884
|
+
null
|
|
19885
|
+
|
|
19886
|
+
)
|
|
19887
|
+
|
|
19888
|
+
/* harmony default export */ var legend_item = (legend_item_component.exports);
|
|
19700
19889
|
// 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/log-message/log-message.vue?vue&type=template&id=12b0d458&scoped=true&
|
|
19701
19890
|
var log_messagevue_type_template_id_12b0d458_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ecs-flex-row',{staticClass:"ecs-log-message",class:[_vm.type, _vm.highlight ? 'highlighted' : ''],style:(_vm.padding),attrs:{"align":"start"}},[(_vm.type != 'blank')?_c('ecs-sticker',{attrs:{"type":_vm.type}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"ecs-log-message-content"},[_vm._t("default")],2),_vm._v(" "),(_vm.meta)?_c('div',{staticClass:"ecs-log-message-meta"},[_vm._v("\n "+_vm._s(_vm.meta)+"\n ")]):_vm._e()],1)}
|
|
19702
19891
|
var log_messagevue_type_template_id_12b0d458_scoped_true_staticRenderFns = []
|
|
@@ -24446,6 +24635,7 @@ var video_component = normalizeComponent(
|
|
|
24446
24635
|
|
|
24447
24636
|
|
|
24448
24637
|
|
|
24638
|
+
|
|
24449
24639
|
|
|
24450
24640
|
|
|
24451
24641
|
//import EcsTiptap from "./tiptap/tiptap.vue"
|
|
@@ -24527,6 +24717,7 @@ var Components = {
|
|
|
24527
24717
|
EcsLayoutIndex: layout_index,
|
|
24528
24718
|
EcsLayoutDirectory: layout_directory,
|
|
24529
24719
|
EcsLayoutDataTable: layout_data_table,
|
|
24720
|
+
EcsLegendItem: legend_item,
|
|
24530
24721
|
EcsLogMessage: log_message,
|
|
24531
24722
|
EcsMap: map,
|
|
24532
24723
|
EcsModal: modal,
|