@everchron/ec-shards 0.7.56 → 0.7.57
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 +206 -0
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +206 -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/collection-control/collection-control.vue +199 -0
- package/src/components/index.js +2 -0
- package/src/stories/Introduction.stories.mdx +4 -4
- package/src/stories/collection-control/collection-control.stories.js +101 -0
- package/src/stories/collection-control/collection-control.stories.mdx +66 -0
package/dist/ec-shards.umd.js
CHANGED
|
@@ -5208,6 +5208,13 @@ module.exports = {
|
|
|
5208
5208
|
|
|
5209
5209
|
/***/ }),
|
|
5210
5210
|
|
|
5211
|
+
/***/ "5b39":
|
|
5212
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
5213
|
+
|
|
5214
|
+
// extracted by mini-css-extract-plugin
|
|
5215
|
+
|
|
5216
|
+
/***/ }),
|
|
5217
|
+
|
|
5211
5218
|
/***/ "5bd8":
|
|
5212
5219
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
5213
5220
|
|
|
@@ -8266,6 +8273,32 @@ var symbol = new _node_modules_svg_baker_runtime_browser_symbol_js__WEBPACK_IMPO
|
|
|
8266
8273
|
var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WEBPACK_IMPORTED_MODULE_1___default.a.add(symbol);
|
|
8267
8274
|
/* harmony default export */ __webpack_exports__["default"] = (symbol);
|
|
8268
8275
|
|
|
8276
|
+
/***/ }),
|
|
8277
|
+
|
|
8278
|
+
/***/ "a15b":
|
|
8279
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
8280
|
+
|
|
8281
|
+
"use strict";
|
|
8282
|
+
|
|
8283
|
+
var $ = __webpack_require__("23e7");
|
|
8284
|
+
var IndexedObject = __webpack_require__("44ad");
|
|
8285
|
+
var toIndexedObject = __webpack_require__("fc6a");
|
|
8286
|
+
var arrayMethodIsStrict = __webpack_require__("a640");
|
|
8287
|
+
|
|
8288
|
+
var nativeJoin = [].join;
|
|
8289
|
+
|
|
8290
|
+
var ES3_STRINGS = IndexedObject != Object;
|
|
8291
|
+
var STRICT_METHOD = arrayMethodIsStrict('join', ',');
|
|
8292
|
+
|
|
8293
|
+
// `Array.prototype.join` method
|
|
8294
|
+
// https://tc39.es/ecma262/#sec-array.prototype.join
|
|
8295
|
+
$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {
|
|
8296
|
+
join: function join(separator) {
|
|
8297
|
+
return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);
|
|
8298
|
+
}
|
|
8299
|
+
});
|
|
8300
|
+
|
|
8301
|
+
|
|
8269
8302
|
/***/ }),
|
|
8270
8303
|
|
|
8271
8304
|
/***/ "a15f":
|
|
@@ -9665,6 +9698,17 @@ module.exports = false;
|
|
|
9665
9698
|
/* unused harmony reexport * */
|
|
9666
9699
|
|
|
9667
9700
|
|
|
9701
|
+
/***/ }),
|
|
9702
|
+
|
|
9703
|
+
/***/ "c550":
|
|
9704
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
9705
|
+
|
|
9706
|
+
"use strict";
|
|
9707
|
+
/* 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_collection_control_vue_vue_type_style_index_0_id_f8b234b2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5b39");
|
|
9708
|
+
/* 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_collection_control_vue_vue_type_style_index_0_id_f8b234b2_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_collection_control_vue_vue_type_style_index_0_id_f8b234b2_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
9709
|
+
/* unused harmony reexport * */
|
|
9710
|
+
|
|
9711
|
+
|
|
9668
9712
|
/***/ }),
|
|
9669
9713
|
|
|
9670
9714
|
/***/ "c5f9":
|
|
@@ -10613,6 +10657,29 @@ module.exports = function (KEY, exec, FORCED, SHAM) {
|
|
|
10613
10657
|
/* unused harmony reexport * */
|
|
10614
10658
|
|
|
10615
10659
|
|
|
10660
|
+
/***/ }),
|
|
10661
|
+
|
|
10662
|
+
/***/ "d81d":
|
|
10663
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
10664
|
+
|
|
10665
|
+
"use strict";
|
|
10666
|
+
|
|
10667
|
+
var $ = __webpack_require__("23e7");
|
|
10668
|
+
var $map = __webpack_require__("b727").map;
|
|
10669
|
+
var arrayMethodHasSpeciesSupport = __webpack_require__("1dde");
|
|
10670
|
+
|
|
10671
|
+
var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
|
|
10672
|
+
|
|
10673
|
+
// `Array.prototype.map` method
|
|
10674
|
+
// https://tc39.es/ecma262/#sec-array.prototype.map
|
|
10675
|
+
// with adding support of @@species
|
|
10676
|
+
$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
|
|
10677
|
+
map: function map(callbackfn /* , thisArg */) {
|
|
10678
|
+
return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
|
|
10679
|
+
}
|
|
10680
|
+
});
|
|
10681
|
+
|
|
10682
|
+
|
|
10616
10683
|
/***/ }),
|
|
10617
10684
|
|
|
10618
10685
|
/***/ "d82c":
|
|
@@ -14318,6 +14385,143 @@ var collapse_component = normalizeComponent(
|
|
|
14318
14385
|
)
|
|
14319
14386
|
|
|
14320
14387
|
/* harmony default export */ var collapse = (collapse_component.exports);
|
|
14388
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e1d4f608-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/collection-control/collection-control.vue?vue&type=template&id=f8b234b2&scoped=true&
|
|
14389
|
+
var collection_controlvue_type_template_id_f8b234b2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-collection-control",class:[
|
|
14390
|
+
_vm.noBorder ? '' : 'bordered',
|
|
14391
|
+
_vm.isVisible ? '' : 'collapsed',
|
|
14392
|
+
_vm.size
|
|
14393
|
+
]},[_c('div',{staticClass:"ecs-collection-control-header",class:_vm.isVisible ? '' : 'collapsed',on:{"click":_vm.toggleCollapse}},[(_vm.icon)?_c('ecs-icon',{attrs:{"type":_vm.icon,"color":"#858E9E","width":_vm.iconSize,"height":_vm.iconSize}}):_vm._e(),_vm._v(" "),(_vm.label)?_c('div',{staticClass:"description"},[_vm._v(_vm._s(_vm.label))]):_vm._e(),_vm._v(" "),_c('div',{staticClass:"collection",attrs:{"title":_vm.fullTooltip}},_vm._l((_vm.collection),function(item){return (item.value)?_c('span',{key:item.name},[_vm._v(_vm._s(item.name))]):_vm._e()}))],1),_vm._v(" "),_c('div',{staticClass:"collapse",class:_vm.isVisible ? 'collapse-show' : 'collapse-hide'},[_c('div',{staticClass:"ecs-collection-control-list scrollbar scrollbar-sml",style:(_vm.listMaxHeight)},[_vm._t("default")],2)])])}
|
|
14394
|
+
var collection_controlvue_type_template_id_f8b234b2_scoped_true_staticRenderFns = []
|
|
14395
|
+
|
|
14396
|
+
|
|
14397
|
+
// CONCATENATED MODULE: ./src/components/collection-control/collection-control.vue?vue&type=template&id=f8b234b2&scoped=true&
|
|
14398
|
+
|
|
14399
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
|
|
14400
|
+
var es_array_join = __webpack_require__("a15b");
|
|
14401
|
+
|
|
14402
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.map.js
|
|
14403
|
+
var es_array_map = __webpack_require__("d81d");
|
|
14404
|
+
|
|
14405
|
+
// 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/collection-control/collection-control.vue?vue&type=script&lang=js&
|
|
14406
|
+
|
|
14407
|
+
|
|
14408
|
+
|
|
14409
|
+
|
|
14410
|
+
|
|
14411
|
+
//
|
|
14412
|
+
//
|
|
14413
|
+
//
|
|
14414
|
+
//
|
|
14415
|
+
//
|
|
14416
|
+
//
|
|
14417
|
+
//
|
|
14418
|
+
//
|
|
14419
|
+
//
|
|
14420
|
+
//
|
|
14421
|
+
//
|
|
14422
|
+
//
|
|
14423
|
+
//
|
|
14424
|
+
//
|
|
14425
|
+
//
|
|
14426
|
+
//
|
|
14427
|
+
//
|
|
14428
|
+
//
|
|
14429
|
+
//
|
|
14430
|
+
//
|
|
14431
|
+
//
|
|
14432
|
+
|
|
14433
|
+
/* harmony default export */ var collection_controlvue_type_script_lang_js_ = ({
|
|
14434
|
+
components: {
|
|
14435
|
+
EcsIcon: icon
|
|
14436
|
+
},
|
|
14437
|
+
props: {
|
|
14438
|
+
icon: {
|
|
14439
|
+
type: String
|
|
14440
|
+
},
|
|
14441
|
+
size: {
|
|
14442
|
+
type: String,
|
|
14443
|
+
validator: function validator(v) {
|
|
14444
|
+
return ['md', 'lg'].includes(v);
|
|
14445
|
+
},
|
|
14446
|
+
default: 'lg'
|
|
14447
|
+
},
|
|
14448
|
+
visible: {
|
|
14449
|
+
type: Boolean,
|
|
14450
|
+
default: false
|
|
14451
|
+
},
|
|
14452
|
+
label: {
|
|
14453
|
+
type: String
|
|
14454
|
+
},
|
|
14455
|
+
noBorder: {
|
|
14456
|
+
type: Boolean,
|
|
14457
|
+
default: false
|
|
14458
|
+
},
|
|
14459
|
+
collection: {
|
|
14460
|
+
type: Array,
|
|
14461
|
+
required: true
|
|
14462
|
+
},
|
|
14463
|
+
maxHeight: {
|
|
14464
|
+
type: Number,
|
|
14465
|
+
default: null
|
|
14466
|
+
}
|
|
14467
|
+
},
|
|
14468
|
+
data: function data() {
|
|
14469
|
+
return {
|
|
14470
|
+
isVisible: this.visible
|
|
14471
|
+
};
|
|
14472
|
+
},
|
|
14473
|
+
computed: {
|
|
14474
|
+
iconSize: function iconSize() {
|
|
14475
|
+
return this.size === 'md' ? '24px' : '30px';
|
|
14476
|
+
},
|
|
14477
|
+
fullTooltip: function fullTooltip() {
|
|
14478
|
+
// FIX ME: should only join items that are value true
|
|
14479
|
+
return this.collection.map(function (item) {
|
|
14480
|
+
return item.name;
|
|
14481
|
+
}).join(', ');
|
|
14482
|
+
},
|
|
14483
|
+
listMaxHeight: function listMaxHeight() {
|
|
14484
|
+
return this.maxHeight ? "max-height: ".concat(this.maxHeight, "px") : null;
|
|
14485
|
+
}
|
|
14486
|
+
},
|
|
14487
|
+
methods: {
|
|
14488
|
+
toggleCollapse: function toggleCollapse() {
|
|
14489
|
+
this.isVisible = !this.isVisible;
|
|
14490
|
+
this.$emit('toggled', this.id, this.isVisible);
|
|
14491
|
+
}
|
|
14492
|
+
},
|
|
14493
|
+
watch: {
|
|
14494
|
+
visible: function visible() {
|
|
14495
|
+
this.isVisible = this.visible;
|
|
14496
|
+
}
|
|
14497
|
+
}
|
|
14498
|
+
});
|
|
14499
|
+
// CONCATENATED MODULE: ./src/components/collection-control/collection-control.vue?vue&type=script&lang=js&
|
|
14500
|
+
/* harmony default export */ var collection_control_collection_controlvue_type_script_lang_js_ = (collection_controlvue_type_script_lang_js_);
|
|
14501
|
+
// EXTERNAL MODULE: ./src/components/collection-control/collection-control.vue?vue&type=style&index=0&id=f8b234b2&lang=scss&scoped=true&
|
|
14502
|
+
var collection_controlvue_type_style_index_0_id_f8b234b2_lang_scss_scoped_true_ = __webpack_require__("c550");
|
|
14503
|
+
|
|
14504
|
+
// CONCATENATED MODULE: ./src/components/collection-control/collection-control.vue
|
|
14505
|
+
|
|
14506
|
+
|
|
14507
|
+
|
|
14508
|
+
|
|
14509
|
+
|
|
14510
|
+
|
|
14511
|
+
/* normalize component */
|
|
14512
|
+
|
|
14513
|
+
var collection_control_component = normalizeComponent(
|
|
14514
|
+
collection_control_collection_controlvue_type_script_lang_js_,
|
|
14515
|
+
collection_controlvue_type_template_id_f8b234b2_scoped_true_render,
|
|
14516
|
+
collection_controlvue_type_template_id_f8b234b2_scoped_true_staticRenderFns,
|
|
14517
|
+
false,
|
|
14518
|
+
null,
|
|
14519
|
+
"f8b234b2",
|
|
14520
|
+
null
|
|
14521
|
+
|
|
14522
|
+
)
|
|
14523
|
+
|
|
14524
|
+
/* harmony default export */ var collection_control = (collection_control_component.exports);
|
|
14321
14525
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e1d4f608-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/comment/comment.vue?vue&type=template&id=43788158&scoped=true&
|
|
14322
14526
|
var commentvue_type_template_id_43788158_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-comment"},[_c('div',{staticClass:"ecs-comment-header"},[_c('div',{staticClass:"ecs-comment-autor"},[_c('ecs-avatar',{attrs:{"name":_vm.userName,"image":_vm.userImage,"size":30,"rounded":""}}),_vm._v(" "),_c('div',{staticClass:"ecs-comment-meta"},[_c('span',{staticClass:"ecs-comment-meta-name"},[_vm._v(_vm._s(_vm.userName))]),_vm._v(" "),_c('span',{staticClass:"ecs-comment-meta-time"},[_vm._t("commentdate")],2)])],1),_vm._v(" "),(_vm.canEdit)?_c('div',{staticClass:"ecs-comment-actions"},[_c('ecs-button',{attrs:{"type":"secondary","size":"xsml","icon":"edit","icon-only":"","title":"Edit Comment"},on:{"click":function($event){_vm.$emit('edit', $event)}}}),_vm._v(" "),_c('ecs-button',{attrs:{"type":"danger","size":"xsml","icon":"delete","icon-only":"","title":"Delete Comment"},on:{"click":function($event){_vm.$emit('delete', $event)}}})],1):_vm._e()]),_vm._v(" "),(!_vm.$slots.editform)?_c('ecs-formatted',{staticClass:"ecs-comment-body"},[_vm._t("default")],2):_c('div',{staticClass:"ecs-comment-edit"},[_vm._t("editform")],2)],1)}
|
|
14323
14527
|
var commentvue_type_template_id_43788158_scoped_true_staticRenderFns = []
|
|
@@ -21277,6 +21481,7 @@ var video_component = normalizeComponent(
|
|
|
21277
21481
|
|
|
21278
21482
|
|
|
21279
21483
|
|
|
21484
|
+
|
|
21280
21485
|
|
|
21281
21486
|
|
|
21282
21487
|
//import EcsCommentForm from "./comment-form/comment-form.vue"
|
|
@@ -21385,6 +21590,7 @@ var Components = {
|
|
|
21385
21590
|
EcsCheckbox: checkbox_checkbox,
|
|
21386
21591
|
EcsCard: card,
|
|
21387
21592
|
EcsCollapse: collapse,
|
|
21593
|
+
EcsCollectionControl: collection_control,
|
|
21388
21594
|
EcsComment: comment,
|
|
21389
21595
|
// EcsCommentForm,
|
|
21390
21596
|
EcsCommentList: comment_list,
|