@everchron/ec-shards 7.3.16 → 7.4.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 +38 -52
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +38 -52
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +1 -1
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/dialog/dialog.vue +16 -2
- package/src/components/modal/modal.vue +7 -70
- package/src/stories/Changelog.stories.mdx +15 -0
- package/src/stories/dialog/dialog.stories.js +10 -8
- package/src/stories/modal/modal.stories.js +10 -8
package/dist/ec-shards.common.js
CHANGED
|
@@ -3318,13 +3318,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
3318
3318
|
|
|
3319
3319
|
/***/ }),
|
|
3320
3320
|
|
|
3321
|
-
/***/ "2b6d":
|
|
3322
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
3323
|
-
|
|
3324
|
-
// extracted by mini-css-extract-plugin
|
|
3325
|
-
|
|
3326
|
-
/***/ }),
|
|
3327
|
-
|
|
3328
3321
|
/***/ "2c40":
|
|
3329
3322
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
3330
3323
|
|
|
@@ -8524,17 +8517,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
8524
8517
|
|
|
8525
8518
|
// extracted by mini-css-extract-plugin
|
|
8526
8519
|
|
|
8527
|
-
/***/ }),
|
|
8528
|
-
|
|
8529
|
-
/***/ "8c3b":
|
|
8530
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
8531
|
-
|
|
8532
|
-
"use strict";
|
|
8533
|
-
/* 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_cli_service_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_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_1_id_9b15c502_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2b6d");
|
|
8534
|
-
/* 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_cli_service_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_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_1_id_9b15c502_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_cli_service_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_cli_service_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_1_id_9b15c502_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
8535
|
-
/* unused harmony reexport * */
|
|
8536
|
-
|
|
8537
|
-
|
|
8538
8520
|
/***/ }),
|
|
8539
8521
|
|
|
8540
8522
|
/***/ "8c3e":
|
|
@@ -19971,12 +19953,12 @@ var data_list_item_component = normalizeComponent(
|
|
|
19971
19953
|
)
|
|
19972
19954
|
|
|
19973
19955
|
/* harmony default export */ var data_list_item = (data_list_item_component.exports);
|
|
19974
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f78c9e12-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/dialog/dialog.vue?vue&type=template&id=
|
|
19975
|
-
var
|
|
19976
|
-
var
|
|
19956
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f78c9e12-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/dialog/dialog.vue?vue&type=template&id=25574db6&
|
|
19957
|
+
var dialogvue_type_template_id_25574db6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.lazyLoad)?_c('dialog',{ref:"dialog",staticClass:"ecs-dialog",class:'ecs-dialog-' + _vm.size,on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.handleEnterKey.apply(null, arguments)}}},[_c('div',{staticClass:"ecs-dialog-body scrollbar scrollbar-sml"},[_vm._t("default")],2),(_vm.$slots.actions)?_c('div',{staticClass:"ecs-dialog-footer",class:[_vm.stackedFooter ? 'ecs-dialog-footer-stacked' : '']},[_vm._t("actions")],2):_vm._e()]):_vm._e()}
|
|
19958
|
+
var dialogvue_type_template_id_25574db6_staticRenderFns = []
|
|
19977
19959
|
|
|
19978
19960
|
|
|
19979
|
-
// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=template&id=
|
|
19961
|
+
// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=template&id=25574db6&
|
|
19980
19962
|
|
|
19981
19963
|
// 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/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/dialog/dialog.vue?vue&type=script&lang=js&
|
|
19982
19964
|
|
|
@@ -20030,7 +20012,7 @@ var dialogvue_type_template_id_4a14fcfa_staticRenderFns = []
|
|
|
20030
20012
|
this.$emit('toggled', this.id, this.isShown);
|
|
20031
20013
|
},
|
|
20032
20014
|
handleEnterKey: function handleEnterKey(event) {
|
|
20033
|
-
// If the user presses enter, we want to trigger the last button (always confirm) in the footer.
|
|
20015
|
+
// If the user presses enter, we want to trigger the last button (always confirm) in the footer, as long as it's not a destructive action.
|
|
20034
20016
|
if (event.key === 'Enter') {
|
|
20035
20017
|
var buttons = this.$el.querySelectorAll('.ecs-dialog-footer button');
|
|
20036
20018
|
var lastButton = buttons[buttons.length - 1];
|
|
@@ -20038,7 +20020,10 @@ var dialogvue_type_template_id_4a14fcfa_staticRenderFns = []
|
|
|
20038
20020
|
|
|
20039
20021
|
if (activeElement.tagName !== 'BUTTON' || !activeElement.closest('.ecs-dialog-footer')) {
|
|
20040
20022
|
event.preventDefault();
|
|
20041
|
-
|
|
20023
|
+
|
|
20024
|
+
if (!lastButton.classList.contains('ecs-dialog-footer-button-danger')) {
|
|
20025
|
+
lastButton.click();
|
|
20026
|
+
}
|
|
20042
20027
|
}
|
|
20043
20028
|
}
|
|
20044
20029
|
}
|
|
@@ -20087,7 +20072,20 @@ var dialogvue_type_template_id_4a14fcfa_staticRenderFns = []
|
|
|
20087
20072
|
|
|
20088
20073
|
_this3.$emit('cancel');
|
|
20089
20074
|
}
|
|
20090
|
-
};
|
|
20075
|
+
}; //when the show prop is set to true, set isShown to true and open the dialog.
|
|
20076
|
+
|
|
20077
|
+
|
|
20078
|
+
if (this.show) {
|
|
20079
|
+
this.isShown = true;
|
|
20080
|
+
this.lazyLoad = true;
|
|
20081
|
+
this.$nextTick(function () {
|
|
20082
|
+
_this3.$refs.dialog.showModal();
|
|
20083
|
+
|
|
20084
|
+
document.addEventListener('keyup', _this3.keyUpHandler);
|
|
20085
|
+
|
|
20086
|
+
_this3.$refs.dialog.focus();
|
|
20087
|
+
});
|
|
20088
|
+
}
|
|
20091
20089
|
}
|
|
20092
20090
|
});
|
|
20093
20091
|
// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=script&lang=js&
|
|
@@ -20106,8 +20104,8 @@ var dialogvue_type_style_index_0_lang_scss_ = __webpack_require__("642e");
|
|
|
20106
20104
|
|
|
20107
20105
|
var dialog_component = normalizeComponent(
|
|
20108
20106
|
dialog_dialogvue_type_script_lang_js_,
|
|
20109
|
-
|
|
20110
|
-
|
|
20107
|
+
dialogvue_type_template_id_25574db6_render,
|
|
20108
|
+
dialogvue_type_template_id_25574db6_staticRenderFns,
|
|
20111
20109
|
false,
|
|
20112
20110
|
null,
|
|
20113
20111
|
null,
|
|
@@ -24293,12 +24291,12 @@ var map_component = normalizeComponent(
|
|
|
24293
24291
|
)
|
|
24294
24292
|
|
|
24295
24293
|
/* harmony default export */ var map = (map_component.exports);
|
|
24296
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f78c9e12-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/modal/modal.vue?vue&type=template&id=
|
|
24297
|
-
var
|
|
24298
|
-
var
|
|
24294
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f78c9e12-vue-loader-template"}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options!./src/components/modal/modal.vue?vue&type=template&id=0978f89c&
|
|
24295
|
+
var modalvue_type_template_id_0978f89c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"dialog-fade"}},[(_vm.isShown)?_c('div',{staticClass:"ecs-modal",class:[_vm.typeClass, _vm.clickthrough ? 'ecs-modal-click-through' : '']},[_c('div',{staticClass:"ecs-modal-dialog ecs-modal-sheet",style:(_vm.fixedHeightStyle)},[(_vm.$slots.header)?_c('div',{staticClass:"ecs-modal-header-wrap"},[_vm._t("header")],2):_vm._e(),_c('div',{staticClass:"ecs-modal-content-wrap scrollbar"},[_vm._t("default")],2),(_vm.$slots.footer)?_c('div',{staticClass:"ecs-modal-footer-wrap"},[_vm._t("footer")],2):_vm._e()]),_c('div',{staticClass:"ecs-modal-backdrop ecs-modal-sheet-backdrop"})]):_vm._e()])}
|
|
24296
|
+
var modalvue_type_template_id_0978f89c_staticRenderFns = []
|
|
24299
24297
|
|
|
24300
24298
|
|
|
24301
|
-
// CONCATENATED MODULE: ./src/components/modal/modal.vue?vue&type=template&id=
|
|
24299
|
+
// CONCATENATED MODULE: ./src/components/modal/modal.vue?vue&type=template&id=0978f89c&
|
|
24302
24300
|
|
|
24303
24301
|
// EXTERNAL MODULE: ./src/components/modal-base/modal-base.vue?vue&type=style&index=0&lang=scss&
|
|
24304
24302
|
var modal_basevue_type_style_index_0_lang_scss_ = __webpack_require__("22f9");
|
|
@@ -24352,13 +24350,6 @@ var modal_base_component = normalizeComponent(
|
|
|
24352
24350
|
//
|
|
24353
24351
|
//
|
|
24354
24352
|
//
|
|
24355
|
-
//
|
|
24356
|
-
//
|
|
24357
|
-
//
|
|
24358
|
-
//
|
|
24359
|
-
//
|
|
24360
|
-
//
|
|
24361
|
-
//
|
|
24362
24353
|
|
|
24363
24354
|
/* harmony default export */ var modalvue_type_script_lang_js_ = ({
|
|
24364
24355
|
components: {
|
|
@@ -24389,17 +24380,11 @@ var modal_base_component = normalizeComponent(
|
|
|
24389
24380
|
/** Sets the modal height to a fixed pixel value. If not passed, the modal height will auto adapt it's height. The modal height will never exceed 90% height of viewport. */
|
|
24390
24381
|
fixedHeight: {
|
|
24391
24382
|
type: Number
|
|
24392
|
-
},
|
|
24393
|
-
|
|
24394
|
-
/** If set, there will be a dialog backdrop rendered within the modal, blocking all interactions besides the header. */
|
|
24395
|
-
innerDialog: {
|
|
24396
|
-
type: Boolean,
|
|
24397
|
-
default: false
|
|
24398
24383
|
}
|
|
24399
24384
|
},
|
|
24400
24385
|
data: function data() {
|
|
24401
24386
|
return {
|
|
24402
|
-
isShown:
|
|
24387
|
+
isShown: false
|
|
24403
24388
|
};
|
|
24404
24389
|
},
|
|
24405
24390
|
computed: {
|
|
@@ -24422,6 +24407,11 @@ var modal_base_component = normalizeComponent(
|
|
|
24422
24407
|
show: function show() {
|
|
24423
24408
|
this.isShown = this.show;
|
|
24424
24409
|
}
|
|
24410
|
+
},
|
|
24411
|
+
mounted: function mounted() {
|
|
24412
|
+
if (this.show) {
|
|
24413
|
+
this.isShown = true;
|
|
24414
|
+
}
|
|
24425
24415
|
}
|
|
24426
24416
|
});
|
|
24427
24417
|
// CONCATENATED MODULE: ./src/components/modal/modal.vue?vue&type=script&lang=js&
|
|
@@ -24429,9 +24419,6 @@ var modal_base_component = normalizeComponent(
|
|
|
24429
24419
|
// EXTERNAL MODULE: ./src/components/modal/modal.vue?vue&type=style&index=0&lang=scss&
|
|
24430
24420
|
var modalvue_type_style_index_0_lang_scss_ = __webpack_require__("b1d4");
|
|
24431
24421
|
|
|
24432
|
-
// EXTERNAL MODULE: ./src/components/modal/modal.vue?vue&type=style&index=1&id=9b15c502&lang=scss&scoped=true&
|
|
24433
|
-
var modalvue_type_style_index_1_id_9b15c502_lang_scss_scoped_true_ = __webpack_require__("8c3b");
|
|
24434
|
-
|
|
24435
24422
|
// CONCATENATED MODULE: ./src/components/modal/modal.vue
|
|
24436
24423
|
|
|
24437
24424
|
|
|
@@ -24439,16 +24426,15 @@ var modalvue_type_style_index_1_id_9b15c502_lang_scss_scoped_true_ = __webpack_r
|
|
|
24439
24426
|
|
|
24440
24427
|
|
|
24441
24428
|
|
|
24442
|
-
|
|
24443
24429
|
/* normalize component */
|
|
24444
24430
|
|
|
24445
24431
|
var modal_component = normalizeComponent(
|
|
24446
24432
|
modal_modalvue_type_script_lang_js_,
|
|
24447
|
-
|
|
24448
|
-
|
|
24433
|
+
modalvue_type_template_id_0978f89c_render,
|
|
24434
|
+
modalvue_type_template_id_0978f89c_staticRenderFns,
|
|
24449
24435
|
false,
|
|
24450
24436
|
null,
|
|
24451
|
-
|
|
24437
|
+
null,
|
|
24452
24438
|
null
|
|
24453
24439
|
|
|
24454
24440
|
)
|