@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.umd.js
CHANGED
|
@@ -3327,13 +3327,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
3327
3327
|
|
|
3328
3328
|
/***/ }),
|
|
3329
3329
|
|
|
3330
|
-
/***/ "2b6d":
|
|
3331
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
3332
|
-
|
|
3333
|
-
// extracted by mini-css-extract-plugin
|
|
3334
|
-
|
|
3335
|
-
/***/ }),
|
|
3336
|
-
|
|
3337
3330
|
/***/ "2c40":
|
|
3338
3331
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
3339
3332
|
|
|
@@ -8533,17 +8526,6 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
|
|
|
8533
8526
|
|
|
8534
8527
|
// extracted by mini-css-extract-plugin
|
|
8535
8528
|
|
|
8536
|
-
/***/ }),
|
|
8537
|
-
|
|
8538
|
-
/***/ "8c3b":
|
|
8539
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
8540
|
-
|
|
8541
|
-
"use strict";
|
|
8542
|
-
/* 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");
|
|
8543
|
-
/* 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__);
|
|
8544
|
-
/* unused harmony reexport * */
|
|
8545
|
-
|
|
8546
|
-
|
|
8547
8529
|
/***/ }),
|
|
8548
8530
|
|
|
8549
8531
|
/***/ "8c3e":
|
|
@@ -19980,12 +19962,12 @@ var data_list_item_component = normalizeComponent(
|
|
|
19980
19962
|
)
|
|
19981
19963
|
|
|
19982
19964
|
/* harmony default export */ var data_list_item = (data_list_item_component.exports);
|
|
19983
|
-
// 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=
|
|
19984
|
-
var
|
|
19985
|
-
var
|
|
19965
|
+
// 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&
|
|
19966
|
+
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()}
|
|
19967
|
+
var dialogvue_type_template_id_25574db6_staticRenderFns = []
|
|
19986
19968
|
|
|
19987
19969
|
|
|
19988
|
-
// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=template&id=
|
|
19970
|
+
// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=template&id=25574db6&
|
|
19989
19971
|
|
|
19990
19972
|
// 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&
|
|
19991
19973
|
|
|
@@ -20039,7 +20021,7 @@ var dialogvue_type_template_id_4a14fcfa_staticRenderFns = []
|
|
|
20039
20021
|
this.$emit('toggled', this.id, this.isShown);
|
|
20040
20022
|
},
|
|
20041
20023
|
handleEnterKey: function handleEnterKey(event) {
|
|
20042
|
-
// If the user presses enter, we want to trigger the last button (always confirm) in the footer.
|
|
20024
|
+
// 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.
|
|
20043
20025
|
if (event.key === 'Enter') {
|
|
20044
20026
|
var buttons = this.$el.querySelectorAll('.ecs-dialog-footer button');
|
|
20045
20027
|
var lastButton = buttons[buttons.length - 1];
|
|
@@ -20047,7 +20029,10 @@ var dialogvue_type_template_id_4a14fcfa_staticRenderFns = []
|
|
|
20047
20029
|
|
|
20048
20030
|
if (activeElement.tagName !== 'BUTTON' || !activeElement.closest('.ecs-dialog-footer')) {
|
|
20049
20031
|
event.preventDefault();
|
|
20050
|
-
|
|
20032
|
+
|
|
20033
|
+
if (!lastButton.classList.contains('ecs-dialog-footer-button-danger')) {
|
|
20034
|
+
lastButton.click();
|
|
20035
|
+
}
|
|
20051
20036
|
}
|
|
20052
20037
|
}
|
|
20053
20038
|
}
|
|
@@ -20096,7 +20081,20 @@ var dialogvue_type_template_id_4a14fcfa_staticRenderFns = []
|
|
|
20096
20081
|
|
|
20097
20082
|
_this3.$emit('cancel');
|
|
20098
20083
|
}
|
|
20099
|
-
};
|
|
20084
|
+
}; //when the show prop is set to true, set isShown to true and open the dialog.
|
|
20085
|
+
|
|
20086
|
+
|
|
20087
|
+
if (this.show) {
|
|
20088
|
+
this.isShown = true;
|
|
20089
|
+
this.lazyLoad = true;
|
|
20090
|
+
this.$nextTick(function () {
|
|
20091
|
+
_this3.$refs.dialog.showModal();
|
|
20092
|
+
|
|
20093
|
+
document.addEventListener('keyup', _this3.keyUpHandler);
|
|
20094
|
+
|
|
20095
|
+
_this3.$refs.dialog.focus();
|
|
20096
|
+
});
|
|
20097
|
+
}
|
|
20100
20098
|
}
|
|
20101
20099
|
});
|
|
20102
20100
|
// CONCATENATED MODULE: ./src/components/dialog/dialog.vue?vue&type=script&lang=js&
|
|
@@ -20115,8 +20113,8 @@ var dialogvue_type_style_index_0_lang_scss_ = __webpack_require__("642e");
|
|
|
20115
20113
|
|
|
20116
20114
|
var dialog_component = normalizeComponent(
|
|
20117
20115
|
dialog_dialogvue_type_script_lang_js_,
|
|
20118
|
-
|
|
20119
|
-
|
|
20116
|
+
dialogvue_type_template_id_25574db6_render,
|
|
20117
|
+
dialogvue_type_template_id_25574db6_staticRenderFns,
|
|
20120
20118
|
false,
|
|
20121
20119
|
null,
|
|
20122
20120
|
null,
|
|
@@ -24302,12 +24300,12 @@ var map_component = normalizeComponent(
|
|
|
24302
24300
|
)
|
|
24303
24301
|
|
|
24304
24302
|
/* harmony default export */ var map = (map_component.exports);
|
|
24305
|
-
// 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=
|
|
24306
|
-
var
|
|
24307
|
-
var
|
|
24303
|
+
// 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&
|
|
24304
|
+
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()])}
|
|
24305
|
+
var modalvue_type_template_id_0978f89c_staticRenderFns = []
|
|
24308
24306
|
|
|
24309
24307
|
|
|
24310
|
-
// CONCATENATED MODULE: ./src/components/modal/modal.vue?vue&type=template&id=
|
|
24308
|
+
// CONCATENATED MODULE: ./src/components/modal/modal.vue?vue&type=template&id=0978f89c&
|
|
24311
24309
|
|
|
24312
24310
|
// EXTERNAL MODULE: ./src/components/modal-base/modal-base.vue?vue&type=style&index=0&lang=scss&
|
|
24313
24311
|
var modal_basevue_type_style_index_0_lang_scss_ = __webpack_require__("22f9");
|
|
@@ -24361,13 +24359,6 @@ var modal_base_component = normalizeComponent(
|
|
|
24361
24359
|
//
|
|
24362
24360
|
//
|
|
24363
24361
|
//
|
|
24364
|
-
//
|
|
24365
|
-
//
|
|
24366
|
-
//
|
|
24367
|
-
//
|
|
24368
|
-
//
|
|
24369
|
-
//
|
|
24370
|
-
//
|
|
24371
24362
|
|
|
24372
24363
|
/* harmony default export */ var modalvue_type_script_lang_js_ = ({
|
|
24373
24364
|
components: {
|
|
@@ -24398,17 +24389,11 @@ var modal_base_component = normalizeComponent(
|
|
|
24398
24389
|
/** 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. */
|
|
24399
24390
|
fixedHeight: {
|
|
24400
24391
|
type: Number
|
|
24401
|
-
},
|
|
24402
|
-
|
|
24403
|
-
/** If set, there will be a dialog backdrop rendered within the modal, blocking all interactions besides the header. */
|
|
24404
|
-
innerDialog: {
|
|
24405
|
-
type: Boolean,
|
|
24406
|
-
default: false
|
|
24407
24392
|
}
|
|
24408
24393
|
},
|
|
24409
24394
|
data: function data() {
|
|
24410
24395
|
return {
|
|
24411
|
-
isShown:
|
|
24396
|
+
isShown: false
|
|
24412
24397
|
};
|
|
24413
24398
|
},
|
|
24414
24399
|
computed: {
|
|
@@ -24431,6 +24416,11 @@ var modal_base_component = normalizeComponent(
|
|
|
24431
24416
|
show: function show() {
|
|
24432
24417
|
this.isShown = this.show;
|
|
24433
24418
|
}
|
|
24419
|
+
},
|
|
24420
|
+
mounted: function mounted() {
|
|
24421
|
+
if (this.show) {
|
|
24422
|
+
this.isShown = true;
|
|
24423
|
+
}
|
|
24434
24424
|
}
|
|
24435
24425
|
});
|
|
24436
24426
|
// CONCATENATED MODULE: ./src/components/modal/modal.vue?vue&type=script&lang=js&
|
|
@@ -24438,9 +24428,6 @@ var modal_base_component = normalizeComponent(
|
|
|
24438
24428
|
// EXTERNAL MODULE: ./src/components/modal/modal.vue?vue&type=style&index=0&lang=scss&
|
|
24439
24429
|
var modalvue_type_style_index_0_lang_scss_ = __webpack_require__("b1d4");
|
|
24440
24430
|
|
|
24441
|
-
// EXTERNAL MODULE: ./src/components/modal/modal.vue?vue&type=style&index=1&id=9b15c502&lang=scss&scoped=true&
|
|
24442
|
-
var modalvue_type_style_index_1_id_9b15c502_lang_scss_scoped_true_ = __webpack_require__("8c3b");
|
|
24443
|
-
|
|
24444
24431
|
// CONCATENATED MODULE: ./src/components/modal/modal.vue
|
|
24445
24432
|
|
|
24446
24433
|
|
|
@@ -24448,16 +24435,15 @@ var modalvue_type_style_index_1_id_9b15c502_lang_scss_scoped_true_ = __webpack_r
|
|
|
24448
24435
|
|
|
24449
24436
|
|
|
24450
24437
|
|
|
24451
|
-
|
|
24452
24438
|
/* normalize component */
|
|
24453
24439
|
|
|
24454
24440
|
var modal_component = normalizeComponent(
|
|
24455
24441
|
modal_modalvue_type_script_lang_js_,
|
|
24456
|
-
|
|
24457
|
-
|
|
24442
|
+
modalvue_type_template_id_0978f89c_render,
|
|
24443
|
+
modalvue_type_template_id_0978f89c_staticRenderFns,
|
|
24458
24444
|
false,
|
|
24459
24445
|
null,
|
|
24460
|
-
|
|
24446
|
+
null,
|
|
24461
24447
|
null
|
|
24462
24448
|
|
|
24463
24449
|
)
|