@everchron/ec-shards 4.3.0 → 4.4.1
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 +237 -30
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +237 -30
- 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/action-toolbar/action-toolbar.vue +2 -2
- package/src/components/index.js +2 -0
- package/src/stories/context-menu/context-menu.stories.js +1 -1
package/dist/ec-shards.common.js
CHANGED
|
@@ -393,6 +393,17 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
|
|
|
393
393
|
|
|
394
394
|
// extracted by mini-css-extract-plugin
|
|
395
395
|
|
|
396
|
+
/***/ }),
|
|
397
|
+
|
|
398
|
+
/***/ "0a83":
|
|
399
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
400
|
+
|
|
401
|
+
"use strict";
|
|
402
|
+
/* 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_context_menu_vue_vue_type_style_index_0_id_0f41fbe6_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("81a9");
|
|
403
|
+
/* 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_context_menu_vue_vue_type_style_index_0_id_0f41fbe6_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_context_menu_vue_vue_type_style_index_0_id_0f41fbe6_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
404
|
+
/* unused harmony reexport * */
|
|
405
|
+
|
|
406
|
+
|
|
396
407
|
/***/ }),
|
|
397
408
|
|
|
398
409
|
/***/ "0ace":
|
|
@@ -1513,17 +1524,6 @@ module.exports = function (METHOD_NAME) {
|
|
|
1513
1524
|
/* unused harmony reexport * */
|
|
1514
1525
|
|
|
1515
1526
|
|
|
1516
|
-
/***/ }),
|
|
1517
|
-
|
|
1518
|
-
/***/ "2017":
|
|
1519
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1520
|
-
|
|
1521
|
-
"use strict";
|
|
1522
|
-
/* 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_action_toolbar_vue_vue_type_style_index_0_id_47aeb6c7_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a948");
|
|
1523
|
-
/* 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_action_toolbar_vue_vue_type_style_index_0_id_47aeb6c7_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_action_toolbar_vue_vue_type_style_index_0_id_47aeb6c7_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
1524
|
-
/* unused harmony reexport * */
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
1527
|
/***/ }),
|
|
1528
1528
|
|
|
1529
1529
|
/***/ "206c":
|
|
@@ -1568,6 +1568,15 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
1568
1568
|
/* unused harmony reexport * */
|
|
1569
1569
|
|
|
1570
1570
|
|
|
1571
|
+
/***/ }),
|
|
1572
|
+
|
|
1573
|
+
/***/ "2103":
|
|
1574
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
1575
|
+
|
|
1576
|
+
!function(e,n){ true?module.exports=n():undefined}(this,function(){var e="__v-click-outside",n="undefined"!=typeof window,t="undefined"!=typeof navigator,i=n&&("ontouchstart"in window||t&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"];function r(n,t){var r=function(e){var n="function"==typeof e;if(!n&&"object"!=typeof e)throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:n?e:e.handler,middleware:e.middleware||function(e){return e},events:e.events||i,isActive:!(!1===e.isActive)}}(t.value),o=r.handler,d=r.middleware;r.isActive&&(n[e]=r.events.map(function(e){return{event:e,handler:function(e){return function(e){var n=e.el,t=e.event,i=e.handler,r=e.middleware;t.target!==n&&!n.contains(t.target)&&r(t,n)&&i(t,n)}({event:e,el:n,handler:o,middleware:d})}}}),n[e].forEach(function(e){var n=e.event,t=e.handler;return setTimeout(function(){return document.documentElement.addEventListener(n,t,!1)},0)}))}function o(n){(n[e]||[]).forEach(function(e){return document.documentElement.removeEventListener(e.event,e.handler,!1)}),delete n[e]}var d={bind:r,update:function(e,n){var t=n.value,i=n.oldValue;JSON.stringify(t)!==JSON.stringify(i)&&(o(e),r(e,{value:t}))},unbind:o};return{install:function(e){e.directive("click-outside",d)},directive:d}});
|
|
1577
|
+
//# sourceMappingURL=v-click-outside.min.min.umd.js.map
|
|
1578
|
+
|
|
1579
|
+
|
|
1571
1580
|
/***/ }),
|
|
1572
1581
|
|
|
1573
1582
|
/***/ "21a1":
|
|
@@ -7587,6 +7596,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
7587
7596
|
|
|
7588
7597
|
/***/ }),
|
|
7589
7598
|
|
|
7599
|
+
/***/ "81a9":
|
|
7600
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
7601
|
+
|
|
7602
|
+
// extracted by mini-css-extract-plugin
|
|
7603
|
+
|
|
7604
|
+
/***/ }),
|
|
7605
|
+
|
|
7590
7606
|
/***/ "81b3":
|
|
7591
7607
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
7592
7608
|
|
|
@@ -9795,13 +9811,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
9795
9811
|
|
|
9796
9812
|
/***/ }),
|
|
9797
9813
|
|
|
9798
|
-
/***/ "a948":
|
|
9799
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
9800
|
-
|
|
9801
|
-
// extracted by mini-css-extract-plugin
|
|
9802
|
-
|
|
9803
|
-
/***/ }),
|
|
9804
|
-
|
|
9805
9814
|
/***/ "a978":
|
|
9806
9815
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
9807
9816
|
|
|
@@ -10920,6 +10929,17 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
10920
10929
|
|
|
10921
10930
|
// extracted by mini-css-extract-plugin
|
|
10922
10931
|
|
|
10932
|
+
/***/ }),
|
|
10933
|
+
|
|
10934
|
+
/***/ "c0f4":
|
|
10935
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10936
|
+
|
|
10937
|
+
"use strict";
|
|
10938
|
+
/* 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_action_toolbar_vue_vue_type_style_index_0_id_033933ae_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c3e8");
|
|
10939
|
+
/* 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_action_toolbar_vue_vue_type_style_index_0_id_033933ae_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_action_toolbar_vue_vue_type_style_index_0_id_033933ae_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
10940
|
+
/* unused harmony reexport * */
|
|
10941
|
+
|
|
10942
|
+
|
|
10923
10943
|
/***/ }),
|
|
10924
10944
|
|
|
10925
10945
|
/***/ "c0f5":
|
|
@@ -11014,6 +11034,13 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
11014
11034
|
/* unused harmony reexport * */
|
|
11015
11035
|
|
|
11016
11036
|
|
|
11037
|
+
/***/ }),
|
|
11038
|
+
|
|
11039
|
+
/***/ "c3e8":
|
|
11040
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
11041
|
+
|
|
11042
|
+
// extracted by mini-css-extract-plugin
|
|
11043
|
+
|
|
11017
11044
|
/***/ }),
|
|
11018
11045
|
|
|
11019
11046
|
/***/ "c430":
|
|
@@ -13932,9 +13959,6 @@ if (typeof window !== 'undefined') {
|
|
|
13932
13959
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
|
|
13933
13960
|
var web_dom_collections_for_each = __webpack_require__("159b");
|
|
13934
13961
|
|
|
13935
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
|
|
13936
|
-
var es_array_iterator = __webpack_require__("e260");
|
|
13937
|
-
|
|
13938
13962
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
|
|
13939
13963
|
var es_object_to_string = __webpack_require__("d3b7");
|
|
13940
13964
|
|
|
@@ -14293,12 +14317,12 @@ var alert_component = normalizeComponent(
|
|
|
14293
14317
|
)
|
|
14294
14318
|
|
|
14295
14319
|
/* harmony default export */ var alert_alert = (alert_component.exports);
|
|
14296
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-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/action-toolbar/action-toolbar.vue?vue&type=template&id=
|
|
14297
|
-
var
|
|
14298
|
-
var
|
|
14320
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-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/action-toolbar/action-toolbar.vue?vue&type=template&id=033933ae&scoped=true&
|
|
14321
|
+
var action_toolbarvue_type_template_id_033933ae_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"action-bar"}},[_c('div',{staticClass:"ecs-action-toolbar"},[_vm._t("default")],2)])}
|
|
14322
|
+
var action_toolbarvue_type_template_id_033933ae_scoped_true_staticRenderFns = []
|
|
14299
14323
|
|
|
14300
14324
|
|
|
14301
|
-
// CONCATENATED MODULE: ./src/components/action-toolbar/action-toolbar.vue?vue&type=template&id=
|
|
14325
|
+
// CONCATENATED MODULE: ./src/components/action-toolbar/action-toolbar.vue?vue&type=template&id=033933ae&scoped=true&
|
|
14302
14326
|
|
|
14303
14327
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-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/checkbox/checkbox.vue?vue&type=template&id=d8bff96c&scoped=true&
|
|
14304
14328
|
var checkboxvue_type_template_id_d8bff96c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ecs-form-check',{class:[
|
|
@@ -14645,8 +14669,8 @@ var checkbox_component = normalizeComponent(
|
|
|
14645
14669
|
});
|
|
14646
14670
|
// CONCATENATED MODULE: ./src/components/action-toolbar/action-toolbar.vue?vue&type=script&lang=js&
|
|
14647
14671
|
/* harmony default export */ var action_toolbar_action_toolbarvue_type_script_lang_js_ = (action_toolbarvue_type_script_lang_js_);
|
|
14648
|
-
// EXTERNAL MODULE: ./src/components/action-toolbar/action-toolbar.vue?vue&type=style&index=0&id=
|
|
14649
|
-
var
|
|
14672
|
+
// EXTERNAL MODULE: ./src/components/action-toolbar/action-toolbar.vue?vue&type=style&index=0&id=033933ae&lang=scss&scoped=true&
|
|
14673
|
+
var action_toolbarvue_type_style_index_0_id_033933ae_lang_scss_scoped_true_ = __webpack_require__("c0f4");
|
|
14650
14674
|
|
|
14651
14675
|
// EXTERNAL MODULE: ./src/components/action-toolbar/action-toolbar.vue?vue&type=style&index=1&lang=scss&
|
|
14652
14676
|
var action_toolbarvue_type_style_index_1_lang_scss_ = __webpack_require__("e20e");
|
|
@@ -14663,11 +14687,11 @@ var action_toolbarvue_type_style_index_1_lang_scss_ = __webpack_require__("e20e"
|
|
|
14663
14687
|
|
|
14664
14688
|
var action_toolbar_component = normalizeComponent(
|
|
14665
14689
|
action_toolbar_action_toolbarvue_type_script_lang_js_,
|
|
14666
|
-
|
|
14667
|
-
|
|
14690
|
+
action_toolbarvue_type_template_id_033933ae_scoped_true_render,
|
|
14691
|
+
action_toolbarvue_type_template_id_033933ae_scoped_true_staticRenderFns,
|
|
14668
14692
|
false,
|
|
14669
14693
|
null,
|
|
14670
|
-
"
|
|
14694
|
+
"033933ae",
|
|
14671
14695
|
null
|
|
14672
14696
|
|
|
14673
14697
|
)
|
|
@@ -16471,6 +16495,185 @@ var citation_line_component = normalizeComponent(
|
|
|
16471
16495
|
)
|
|
16472
16496
|
|
|
16473
16497
|
/* harmony default export */ var citation_line = (citation_line_component.exports);
|
|
16498
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-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/context-menu/context-menu.vue?vue&type=template&id=0f41fbe6&scoped=true&
|
|
16499
|
+
var context_menuvue_type_template_id_0f41fbe6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(_vm.onClickOutside),expression:"onClickOutside"}],staticClass:"ecs-context-menu",class:_vm.opened ? ' opened': '',style:([_vm.postionStyles]),attrs:{"id":_vm.elementId}},[_c('ul',_vm._l((_vm.options),function(option,index){return _c('li',{key:index,class:[
|
|
16500
|
+
option.type === 'divider' ? 'ecs-context-menu-divider' : 'ecs-context-menu-item',
|
|
16501
|
+
option.type === 'danger' ? 'danger' : '',
|
|
16502
|
+
option.disabled ? 'disabled' : ''
|
|
16503
|
+
],on:{"click":function($event){$event.stopPropagation();_vm.optionClicked(option)}}},[(option.icon)?_c('ecs-icon',{attrs:{"type":option.icon,"size":"20"}}):_vm._e(),_vm._v(" "),(option.type != 'divider')?_c('span',[_vm._v(_vm._s(option.name))]):_vm._e()],1)}))])}
|
|
16504
|
+
var context_menuvue_type_template_id_0f41fbe6_scoped_true_staticRenderFns = []
|
|
16505
|
+
|
|
16506
|
+
|
|
16507
|
+
// CONCATENATED MODULE: ./src/components/context-menu/context-menu.vue?vue&type=template&id=0f41fbe6&scoped=true&
|
|
16508
|
+
|
|
16509
|
+
// EXTERNAL MODULE: ./node_modules/v-click-outside/dist/v-click-outside.min.umd.js
|
|
16510
|
+
var v_click_outside_min_umd = __webpack_require__("2103");
|
|
16511
|
+
var v_click_outside_min_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_outside_min_umd);
|
|
16512
|
+
|
|
16513
|
+
// 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/context-menu/context-menu.vue?vue&type=script&lang=js&
|
|
16514
|
+
//
|
|
16515
|
+
//
|
|
16516
|
+
//
|
|
16517
|
+
//
|
|
16518
|
+
//
|
|
16519
|
+
//
|
|
16520
|
+
//
|
|
16521
|
+
//
|
|
16522
|
+
//
|
|
16523
|
+
//
|
|
16524
|
+
//
|
|
16525
|
+
//
|
|
16526
|
+
//
|
|
16527
|
+
//
|
|
16528
|
+
//
|
|
16529
|
+
//
|
|
16530
|
+
//
|
|
16531
|
+
//
|
|
16532
|
+
//
|
|
16533
|
+
//
|
|
16534
|
+
|
|
16535
|
+
|
|
16536
|
+
external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(v_click_outside_min_umd_default.a);
|
|
16537
|
+
|
|
16538
|
+
/* harmony default export */ var context_menuvue_type_script_lang_js_ = ({
|
|
16539
|
+
components: {
|
|
16540
|
+
EcsIcon: icon
|
|
16541
|
+
},
|
|
16542
|
+
props: {
|
|
16543
|
+
/** Unique String that acts as the id for the menu. */
|
|
16544
|
+
elementId: {
|
|
16545
|
+
type: String,
|
|
16546
|
+
required: true
|
|
16547
|
+
},
|
|
16548
|
+
|
|
16549
|
+
/** Array of menu options to show. Component will use the `name` parameter as the label. Array needs to contain objects with the following structure:
|
|
16550
|
+
```{
|
|
16551
|
+
name: 'Duplicate',
|
|
16552
|
+
slug: 'duplicate',
|
|
16553
|
+
icon: 'evidence',
|
|
16554
|
+
disabled: false,
|
|
16555
|
+
type: ''
|
|
16556
|
+
}``` */
|
|
16557
|
+
options: {
|
|
16558
|
+
type: Array,
|
|
16559
|
+
required: true
|
|
16560
|
+
},
|
|
16561
|
+
|
|
16562
|
+
/** If passed, an icon will appear. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
|
|
16563
|
+
icon: {
|
|
16564
|
+
type: String
|
|
16565
|
+
}
|
|
16566
|
+
},
|
|
16567
|
+
data: function data() {
|
|
16568
|
+
return {
|
|
16569
|
+
item: null,
|
|
16570
|
+
menuWidth: null,
|
|
16571
|
+
menuHeight: null,
|
|
16572
|
+
opened: false,
|
|
16573
|
+
left: 0,
|
|
16574
|
+
top: 0
|
|
16575
|
+
};
|
|
16576
|
+
},
|
|
16577
|
+
computed: {
|
|
16578
|
+
postionStyles: function postionStyles() {
|
|
16579
|
+
return {
|
|
16580
|
+
left: this.left + 'px',
|
|
16581
|
+
top: this.top + 'px'
|
|
16582
|
+
};
|
|
16583
|
+
}
|
|
16584
|
+
},
|
|
16585
|
+
methods: {
|
|
16586
|
+
showMenu: function showMenu(event, item) {
|
|
16587
|
+
this.item = item;
|
|
16588
|
+
var menu = document.getElementById(this.elementId);
|
|
16589
|
+
|
|
16590
|
+
if (!menu) {
|
|
16591
|
+
return;
|
|
16592
|
+
}
|
|
16593
|
+
|
|
16594
|
+
if (!this.menuWidth || !this.menuHeight) {
|
|
16595
|
+
menu.style.visibility = "hidden";
|
|
16596
|
+
menu.style.display = "block";
|
|
16597
|
+
this.menuWidth = menu.offsetWidth;
|
|
16598
|
+
this.menuHeight = menu.offsetHeight;
|
|
16599
|
+
menu.removeAttribute("style");
|
|
16600
|
+
}
|
|
16601
|
+
|
|
16602
|
+
if (this.menuWidth + event.pageX >= window.innerWidth) {
|
|
16603
|
+
this.left = event.pageX - this.menuWidth + 2;
|
|
16604
|
+
} else {
|
|
16605
|
+
this.left = event.pageX - 2;
|
|
16606
|
+
}
|
|
16607
|
+
|
|
16608
|
+
if (this.menuHeight + event.pageY >= window.innerHeight) {
|
|
16609
|
+
this.top = event.pageY - this.menuHeight + 2;
|
|
16610
|
+
} else {
|
|
16611
|
+
this.top = event.pageY - 2;
|
|
16612
|
+
}
|
|
16613
|
+
|
|
16614
|
+
this.opened = true;
|
|
16615
|
+
},
|
|
16616
|
+
hideContextMenu: function hideContextMenu() {
|
|
16617
|
+
var element = document.getElementById(this.elementId);
|
|
16618
|
+
|
|
16619
|
+
if (element) {
|
|
16620
|
+
this.opened = false;
|
|
16621
|
+
/** Emitted when closing the context menu. */
|
|
16622
|
+
|
|
16623
|
+
this.$emit("menu-closed");
|
|
16624
|
+
}
|
|
16625
|
+
},
|
|
16626
|
+
onClickOutside: function onClickOutside() {
|
|
16627
|
+
this.hideContextMenu();
|
|
16628
|
+
},
|
|
16629
|
+
optionClicked: function optionClicked(option) {
|
|
16630
|
+
this.hideContextMenu();
|
|
16631
|
+
/** When a menu item is clicked, the component will emit an event with a value containing the clicked item and the menu option that was clicked. Register for this event to capture the selection result. */
|
|
16632
|
+
|
|
16633
|
+
this.$emit("option-clicked", {
|
|
16634
|
+
item: this.item,
|
|
16635
|
+
option: option
|
|
16636
|
+
});
|
|
16637
|
+
},
|
|
16638
|
+
onEscKeyRelease: function onEscKeyRelease(event) {
|
|
16639
|
+
if (event.keyCode === 27) {
|
|
16640
|
+
this.hideContextMenu();
|
|
16641
|
+
}
|
|
16642
|
+
}
|
|
16643
|
+
},
|
|
16644
|
+
mounted: function mounted() {
|
|
16645
|
+
document.body.addEventListener("keyup", this.onEscKeyRelease);
|
|
16646
|
+
},
|
|
16647
|
+
beforeDestroy: function beforeDestroy() {
|
|
16648
|
+
document.removeEventListener("keyup", this.onEscKeyRelease);
|
|
16649
|
+
}
|
|
16650
|
+
});
|
|
16651
|
+
// CONCATENATED MODULE: ./src/components/context-menu/context-menu.vue?vue&type=script&lang=js&
|
|
16652
|
+
/* harmony default export */ var context_menu_context_menuvue_type_script_lang_js_ = (context_menuvue_type_script_lang_js_);
|
|
16653
|
+
// EXTERNAL MODULE: ./src/components/context-menu/context-menu.vue?vue&type=style&index=0&id=0f41fbe6&lang=scss&scoped=true&
|
|
16654
|
+
var context_menuvue_type_style_index_0_id_0f41fbe6_lang_scss_scoped_true_ = __webpack_require__("0a83");
|
|
16655
|
+
|
|
16656
|
+
// CONCATENATED MODULE: ./src/components/context-menu/context-menu.vue
|
|
16657
|
+
|
|
16658
|
+
|
|
16659
|
+
|
|
16660
|
+
|
|
16661
|
+
|
|
16662
|
+
|
|
16663
|
+
/* normalize component */
|
|
16664
|
+
|
|
16665
|
+
var context_menu_component = normalizeComponent(
|
|
16666
|
+
context_menu_context_menuvue_type_script_lang_js_,
|
|
16667
|
+
context_menuvue_type_template_id_0f41fbe6_scoped_true_render,
|
|
16668
|
+
context_menuvue_type_template_id_0f41fbe6_scoped_true_staticRenderFns,
|
|
16669
|
+
false,
|
|
16670
|
+
null,
|
|
16671
|
+
"0f41fbe6",
|
|
16672
|
+
null
|
|
16673
|
+
|
|
16674
|
+
)
|
|
16675
|
+
|
|
16676
|
+
/* harmony default export */ var context_menu = (context_menu_component.exports);
|
|
16474
16677
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2aa51fb4-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/collapse/collapse.vue?vue&type=template&id=513d82c2&scoped=true&
|
|
16475
16678
|
var collapsevue_type_template_id_513d82c2_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ecs-collapsable",class:[_vm.borderTop ? "ecs-collapsable-border-top" : '',
|
|
16476
16679
|
_vm.borderBottom ? "ecs-collapsable-border-bottom" : '',
|
|
@@ -24921,6 +25124,9 @@ var es_symbol_description = __webpack_require__("e01a");
|
|
|
24921
25124
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.iterator.js
|
|
24922
25125
|
var es_symbol_iterator = __webpack_require__("d28b");
|
|
24923
25126
|
|
|
25127
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
|
|
25128
|
+
var es_array_iterator = __webpack_require__("e260");
|
|
25129
|
+
|
|
24924
25130
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
|
|
24925
25131
|
var es_string_iterator = __webpack_require__("3ca3");
|
|
24926
25132
|
|
|
@@ -26855,6 +27061,7 @@ var Components = {
|
|
|
26855
27061
|
EcsButtonToolbarGroup: button_toolbar_group,
|
|
26856
27062
|
EcsButtonToolbarIcon: button_toolbar_icon,
|
|
26857
27063
|
EcsCheckbox: checkbox_checkbox,
|
|
27064
|
+
EcsContextMenu: context_menu,
|
|
26858
27065
|
EcsCard: card,
|
|
26859
27066
|
EcsCitationLine: citation_line,
|
|
26860
27067
|
EcsCollapse: collapse,
|