@ldmjs/ui 1.0.38 → 1.0.40

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.
@@ -1,4 +1,4 @@
1
- .loader[data-v-364c8417]{width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity .15s linear}.loader__icon[data-v-364c8417]{vertical-align:middle;height:48px}.loader__icon-gray[data-v-364c8417]{color:var(--grey-l-5)}.loader .circle.small[data-v-364c8417]{width:calc(var(--font-size) + 4px);height:calc(var(--font-size) + 4px);border-width:3px}.loader .circle.big[data-v-364c8417]{width:calc(var(--font-size)*3);height:calc(var(--font-size)*3);border-width:3px}.loader .circle[data-v-364c8417]{animation:rotating-364c8417 .7s linear infinite;width:calc(var(--font-size)*2);height:calc(var(--font-size)*2);border-radius:50%;border:2px solid rgba(0,0,0,0)}.loader.loader__color-primary[data-v-364c8417]:not(.loader__transparent){background:rgba(255,255,255,.5)}.loader.loader__color-primary .circle[data-v-364c8417]{border-right-color:var(--primary);border-bottom-color:var(--primary)}.loader.loader__color-white[data-v-364c8417]{background:none}.loader.loader__color-white .circle[data-v-364c8417]{border-right-color:var(--white);border-bottom-color:var(--white)}.loader.loader__white-bg[data-v-364c8417]:not(.loader__transparent){background:#fff}.loading-mask-global[data-v-364c8417]{position:fixed !important;width:100vw !important;height:100vh !important}.loading-mask[data-v-364c8417]{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.loader__relative[data-v-364c8417]{position:relative}@-moz-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
1
+ .loader[data-v-364c8417]{width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity .15s linear}.loader__icon[data-v-364c8417]{vertical-align:middle;height:48px}.loader__icon-gray[data-v-364c8417]{color:var(--grey-l-5)}.loader .circle.small[data-v-364c8417]{width:calc(var(--font-size) + 4px);height:calc(var(--font-size) + 4px);border-width:3px}.loader .circle.big[data-v-364c8417]{width:calc(var(--font-size)*3);height:calc(var(--font-size)*3);border-width:3px}.loader .circle[data-v-364c8417]{animation:rotating-364c8417 .7s linear infinite;width:calc(var(--font-size)*2);height:calc(var(--font-size)*2);border-radius:50%;border:2px solid rgba(0,0,0,0)}.loader.loader__color-primary[data-v-364c8417]:not(.loader__transparent){background:hsla(0,0%,100%,.5)}.loader.loader__color-primary .circle[data-v-364c8417]{border-right-color:var(--primary);border-bottom-color:var(--primary)}.loader.loader__color-white[data-v-364c8417]{background:none}.loader.loader__color-white .circle[data-v-364c8417]{border-right-color:var(--white);border-bottom-color:var(--white)}.loader.loader__white-bg[data-v-364c8417]:not(.loader__transparent){background:#fff}.loading-mask-global[data-v-364c8417]{position:fixed !important;width:100vw !important;height:100vh !important}.loading-mask[data-v-364c8417]{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.loader__relative[data-v-364c8417]{position:relative}@-moz-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
2
2
  .ld-splitter[data-v-1efbeaf2]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-1efbeaf2]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-1efbeaf2]{display:flex;background-color:var(--white) !important;border-color:var(--grey-l-5);border-style:solid}.ld-splitter .splitter--hor[data-v-1efbeaf2]{justify-content:center;width:100%;height:7px;cursor:ns-resize;border-width:1px 0}.ld-splitter .splitter--hor.splitter--disabled[data-v-1efbeaf2]{height:1px;border-top:none}.ld-splitter .splitter--ver[data-v-1efbeaf2]{align-items:center;width:7px;height:100%;cursor:ew-resize;border-width:0 1px}.ld-splitter .splitter--ver.splitter--disabled[data-v-1efbeaf2]{width:1px;border-left:none}.ld-splitter .splitter--disabled[data-v-1efbeaf2]{cursor:default}.ld-splitter .splitter--disabled svg[data-v-1efbeaf2]{display:none}.ld-splitter.splitter[data-v-1efbeaf2]{width:100%;border-left:none;border-right:none}
3
3
  .label[data-v-12071c41]{word-wrap:break-word;max-width:100%;padding-bottom:2px;color:var(--label) !important;font-size:var(--font-size)}.label-wrapper[data-v-12071c41]{display:flex;align-items:center;min-height:var(--input-height)}.require[data-v-12071c41]::after{content:"*";display:inline-block;color:var(--error)}
4
4
  .ld-edit-text[data-v-e4dd6820]{min-width:100%}.input-class[data-v-e4dd6820]{height:var(--input-height);font-size:var(--font-size);max-width:100%;border-radius:var(--border-radius);border:1px solid var(--grey-l-5);padding:0 6px}.input-class[data-v-e4dd6820]:not(.disabled){background-color:var(--white)}.input-class[data-v-e4dd6820]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-e4dd6820]{position:absolute;top:3px;right:6px;color:var(--label)}
@@ -6,7 +6,7 @@
6
6
  .ld-tabs[data-v-bd490ea2]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-bd490ea2]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-bd490ea2]{height:100%}.ld-tabs .vertical-body[data-v-bd490ea2]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-bd490ea2]{background-color:var(--white);box-shadow:1px 0 var(--grey-l-5),-1px 0 0 var(--grey-l-5);overflow-y:auto;height:100%;width:100%}.vertical-window.v-window[data-v-bd490ea2]{padding:10px 12px;border-bottom:1px solid var(--grey-l-5);border-right:1px solid var(--grey-l-5);border-top:1px solid var(--grey-l-5)}.vertical-window.v-window--no-padding[data-v-bd490ea2]{padding:0 !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical{background:var(--grey-l-6)}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-bottom:none;border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab--selected{background-color:var(--white);border-right-color:rgba(0,0,0,0)}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-slide-group__content .v-btn__content{text-overflow:ellipsis;display:inline-flex;justify-content:flex-start;gap:4px;white-space:nowrap;overflow:hidden}[data-v-bd490ea2] .ld-tabs .v-tabs--horizontal .v-tab--selected{border-bottom:1px solid var(--primary)}[data-v-bd490ea2] .ld-tabs .v-tabs .v-tab--selected .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-bd490ea2] .ld-tabs .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;letter-spacing:0 !important}[data-v-bd490ea2] .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-bd490ea2] .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-bd490ea2] .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-bd490ea2] .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-bd490ea2] .v-slide-group__prev{display:none}[data-v-bd490ea2] .v-slide-group__next{display:none}[data-v-bd490ea2] .v-tabs-bar{flex:none;height:fit-content;height:-moz-max-content;max-height:fit-content;max-height:-moz-max-content;z-index:1}[data-v-bd490ea2] .v-window-item{height:100%}[data-v-bd490ea2] .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-bd490ea2] .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-bd490ea2] .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-bd490ea2] .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}
7
7
  .v-toolbar[data-v-79e04ede]{position:relative;background-color:var(--white);box-shadow:var(--shadow-1);z-index:1}.toolbar-wrapper[data-v-79e04ede]{display:grid;width:100%;height:100%;padding:0 12px}.toolbar-wrapper[data-v-79e04ede]:not(.--preview){grid-template-columns:100%;grid-template-rows:var(--input-height);row-gap:4px}.toolbar-wrapper.--preview[data-v-79e04ede]{grid-template-columns:1fr}.toolbar-inner[data-v-79e04ede]{display:grid;grid-template-rows:100%;grid-template-columns:1fr max-content;column-gap:8px}.toolbar-caption[data-v-79e04ede]{--left: calc(var(--input-height) + 8px);display:flex;align-items:center;position:absolute;height:100%;width:calc(100% - var(--left));top:0;left:var(--left)}
8
8
  .ld-select-list-box[data-v-2977fc13]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-2977fc13]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-2977fc13]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-select-list-box .select-list-box-loading[data-v-2977fc13]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-2977fc13 1.4s linear;animation-iteration-count:infinite}@keyframes loading-2977fc13{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
9
- .ld-checkbox{display:flex;align-items:center;position:relative;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.ld-checkbox input[type=checkbox]+.v-icon{display:flex;align-items:center;width:14px !important;height:15px !important;font-size:11px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}.ld-checkbox input[type=checkbox]:focus+.v-icon{background-color:var(--grey-l-6)}.ld-checkbox input[type=checkbox]:checked+.v-icon{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type=checkbox]:checked:focus+.v-icon{background-color:var(--primary-l-3)}.ld-checkbox input[type=checkbox]:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
9
+ .ld-checkbox{display:flex;align-items:center;position:relative;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.ld-checkbox input[type=checkbox]+.v-icon{display:flex;align-items:center;width:14px !important;height:15px !important;font-size:11px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}.ld-checkbox input[type=checkbox]:focus+.v-icon{background-color:var(--grey-l-6)}.ld-checkbox input[type=checkbox]:checked+.v-icon{background-color:var(--primary-l-2);border:1px solid var(--primary);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type=checkbox]:checked:focus+.v-icon{background-color:var(--primary-l-3)}.ld-checkbox input[type=checkbox]:checked:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
10
10
  .ld-radiobutton[data-v-2d8a7abd]{display:flex;align-items:center;font-size:var(--font-size)}
11
11
  .ld-ragiogroup .validate[data-v-bd740210]{overflow:hidden;height:20px}.ld-ragiogroup--row[data-v-bd740210] .ld-radiobutton:not(:first-child){margin-left:8px}
12
12
  .ld-textarea[data-v-5e5438c4]{display:flex;min-width:100%;max-width:100%;width:100%}[data-v-5e5438c4] .none-resizable textarea{resize:none}
package/dist/index.d.ts CHANGED
@@ -149,6 +149,7 @@ export declare const ValidateMixinOptions: Record<string, any>;
149
149
 
150
150
  export declare class DialogManager {
151
151
  static exec<T>(modal: Dialog, fetchData?: () => Promise<any>): Promise<T>;
152
+ static id: (value: string) => DialogManager
152
153
  }
153
154
 
154
155
  declare const ldmui: {
package/dist/index.js CHANGED
@@ -11263,14 +11263,17 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
11263
11263
  emitClick() {
11264
11264
  return true;
11265
11265
  }
11266
- async onValueChanged(value) {
11266
+ async onValueChanged(value, oldValue) {
11267
11267
  if (!this.$utils.isDefined(value)) {
11268
11268
  if (this.hasSelected) {
11269
11269
  this.clear();
11270
11270
  }
11271
11271
  return;
11272
11272
  }
11273
- let val = this.toArray(value);
11273
+ if (this.$utils.isDefined(value) && this.$utils.isDefined(oldValue) && lodash_es_isEqual(value, oldValue)) {
11274
+ return;
11275
+ }
11276
+ let val = Array.from(new Set(this.toArray(value)));
11274
11277
  if (lodash_es_isEqual(val, this.selectedIds)) {
11275
11278
  return;
11276
11279
  }
@@ -11642,7 +11645,7 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
11642
11645
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
11643
11646
  (0,external_vue_property_decorator_.Watch)('modelValue', { immediate: true }),
11644
11647
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Function),
11645
- ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object]),
11648
+ ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object, Object]),
11646
11649
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:returntype", Promise)
11647
11650
  ], SelectListBoxComponent.prototype, "onValueChanged", null);
11648
11651
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
@@ -11681,14 +11684,14 @@ function ld_select_list_box_reg(vue, options) {
11681
11684
  }
11682
11685
  /* harmony default export */ const src_ld_select_list_box = (ld_select_list_box_reg);
11683
11686
 
11684
- ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=068cc5f6&ts=true
11687
+ ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=3fbd6592&ts=true
11685
11688
 
11686
- const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_1 = {
11689
+ const ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_1 = {
11687
11690
  class: "d-flex align-center",
11688
11691
  style: { "position": "relative" }
11689
11692
  };
11690
- const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_2 = ["checked", "data-testid", "tabindex", "disabled"];
11691
- const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_3 = /*#__PURE__*/ (0,external_vue_.createElementVNode)("i", { class: "v-icon" }, [
11693
+ const ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_2 = ["checked", "data-testid", "tabindex", "disabled"];
11694
+ const ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_3 = /*#__PURE__*/ (0,external_vue_.createElementVNode)("i", { class: "v-icon" }, [
11692
11695
  /*#__PURE__*/ (0,external_vue_.createElementVNode)("svg", {
11693
11696
  width: "14",
11694
11697
  height: "15",
@@ -11705,7 +11708,7 @@ const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_3 = /*#__PURE__*/
11705
11708
  })
11706
11709
  ])
11707
11710
  ], -1);
11708
- function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
11711
+ function ld_checkboxvue_type_template_id_3fbd6592_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
11709
11712
  const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip");
11710
11713
  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
11711
11714
  class: (0,external_vue_.normalizeClass)(["ld-checkbox", { 'ld-checkbox--focused': _ctx.isFocused }])
@@ -11740,7 +11743,7 @@ function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $
11740
11743
  ]))
11741
11744
  : (0,external_vue_.createCommentVNode)("", true),
11742
11745
  (0,external_vue_.createTextVNode)(),
11743
- (0,external_vue_.createElementVNode)("label", ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_1, [
11746
+ (0,external_vue_.createElementVNode)("label", ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_1, [
11744
11747
  (0,external_vue_.createElementVNode)("input", {
11745
11748
  ref: "checkbox",
11746
11749
  type: "checkbox",
@@ -11757,9 +11760,9 @@ function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $
11757
11760
  onInput: _cache[3] || (_cache[3] =
11758
11761
  //@ts-ignore
11759
11762
  (...args) => (_ctx.onChange && _ctx.onChange(...args)))
11760
- }, null, 40, ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_2),
11763
+ }, null, 40, ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_2),
11761
11764
  (0,external_vue_.createTextVNode)(),
11762
- ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_3
11765
+ ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_3
11763
11766
  ]),
11764
11767
  (0,external_vue_.createTextVNode)(),
11765
11768
  (_ctx.label && !_ctx.labelOnLeft)
@@ -11795,7 +11798,7 @@ function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $
11795
11798
  ], 2));
11796
11799
  }
11797
11800
 
11798
- ;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=068cc5f6&ts=true
11801
+ ;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=3fbd6592&ts=true
11799
11802
 
11800
11803
  ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-checkbox/ld-checkbox.ts?vue&type=script&lang=ts&external
11801
11804
  var ld_checkboxvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -11968,7 +11971,7 @@ ld_checkboxvue_type_script_lang_ts_external_decorate([
11968
11971
  ;
11969
11972
 
11970
11973
 
11971
- const ld_checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(CheckboxComponent, [['render',ld_checkboxvue_type_template_id_068cc5f6_ts_true_render]])
11974
+ const ld_checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(CheckboxComponent, [['render',ld_checkboxvue_type_template_id_3fbd6592_ts_true_render]])
11972
11975
 
11973
11976
  /* harmony default export */ const ld_checkbox = (ld_checkbox_exports_);
11974
11977
  ;// CONCATENATED MODULE: ./src/ld-checkbox/index.ts
@@ -15488,10 +15491,10 @@ function ld_switch_reg(vue, options) {
15488
15491
  }
15489
15492
  /* harmony default export */ const src_ld_switch = (ld_switch_reg);
15490
15493
 
15491
- ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-dialog/ld-dialog.vue?vue&type=template&id=184339ee&ts=true
15494
+ ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-dialog/ld-dialog.vue?vue&type=template&id=a2e3c6ee&ts=true
15492
15495
 
15493
- const ld_dialogvue_type_template_id_184339ee_ts_true_hoisted_1 = { class: "ld-dialog" };
15494
- function ld_dialogvue_type_template_id_184339ee_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
15496
+ const ld_dialogvue_type_template_id_a2e3c6ee_ts_true_hoisted_1 = { class: "ld-dialog" };
15497
+ function ld_dialogvue_type_template_id_a2e3c6ee_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
15495
15498
  const _component_minimized = (0,external_vue_.resolveComponent)("minimized");
15496
15499
  const _component_v_spacer = (0,external_vue_.resolveComponent)("v-spacer");
15497
15500
  const _component_square_button = (0,external_vue_.resolveComponent)("square-button");
@@ -15501,13 +15504,14 @@ function ld_dialogvue_type_template_id_184339ee_ts_true_render(_ctx, _cache, $pr
15501
15504
  const _component_v_card_actions = (0,external_vue_.resolveComponent)("v-card-actions");
15502
15505
  const _component_v_card = (0,external_vue_.resolveComponent)("v-card");
15503
15506
  const _component_v_dialog = (0,external_vue_.resolveComponent)("v-dialog");
15504
- return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_dialogvue_type_template_id_184339ee_ts_true_hoisted_1, [
15507
+ return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_dialogvue_type_template_id_a2e3c6ee_ts_true_hoisted_1, [
15505
15508
  (0,external_vue_.createVNode)(_component_minimized, {
15509
+ id: _ctx.id,
15506
15510
  dialogs: _ctx.minimized,
15507
15511
  onMaximize: _cache[0] || (_cache[0] = ($event) => (_ctx.onMinimize($event))),
15508
15512
  onClose: _cache[1] || (_cache[1] = ($event) => (_ctx.handleCancel($event))),
15509
15513
  onCloseAll: _ctx.handleCancelAll
15510
- }, null, 8, ["dialogs", "onCloseAll"]),
15514
+ }, null, 8, ["id", "dialogs", "onCloseAll"]),
15511
15515
  (0,external_vue_.createTextVNode)(),
15512
15516
  ((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.modals, (modal) => {
15513
15517
  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
@@ -15735,7 +15739,7 @@ function ld_dialogvue_type_template_id_184339ee_ts_true_render(_ctx, _cache, $pr
15735
15739
  ]));
15736
15740
  }
15737
15741
 
15738
- ;// CONCATENATED MODULE: ./src/ld-dialog/ld-dialog.vue?vue&type=template&id=184339ee&ts=true
15742
+ ;// CONCATENATED MODULE: ./src/ld-dialog/ld-dialog.vue?vue&type=template&id=a2e3c6ee&ts=true
15739
15743
 
15740
15744
  // EXTERNAL MODULE: ./node_modules/@ldmjs/core/dist/index.js
15741
15745
  var dist = __webpack_require__(634);
@@ -15760,23 +15764,6 @@ const GAP = 17;
15760
15764
  const MARGIN_RIGHT = 25;
15761
15765
  const MARGIN_BOTTOM = 68;
15762
15766
  class DialogManager {
15763
- static exec(modal, fetchData) {
15764
- switch (modal.constructor.name) {
15765
- case 'AlertDialog':
15766
- return DialogManager.alert(modal);
15767
- case 'PromptDialog':
15768
- return DialogManager.prompt(modal);
15769
- case 'ConfirmDialog':
15770
- return DialogManager.confirm(modal);
15771
- case 'InfoDialog':
15772
- return DialogManager.info(modal, fetchData);
15773
- case 'SelectDialog':
15774
- return DialogManager.select(modal, fetchData);
15775
- case 'CreateEditDialog':
15776
- return DialogManager.createEdit(modal, fetchData);
15777
- }
15778
- return null;
15779
- }
15780
15767
  constructor() {
15781
15768
  this._visibled = [];
15782
15769
  this._minimized = [];
@@ -16016,18 +16003,41 @@ class DialogManager {
16016
16003
  uniqKey(info) {
16017
16004
  return `dlg-${info.id}`;
16018
16005
  }
16006
+ static id(value) {
16007
+ DialogManager._id = value;
16008
+ return DialogManager;
16009
+ }
16010
+ static exec(modal, fetchData) {
16011
+ switch (modal.constructor.name) {
16012
+ case 'AlertDialog':
16013
+ return DialogManager.alert(modal);
16014
+ case 'PromptDialog':
16015
+ return DialogManager.prompt(modal);
16016
+ case 'ConfirmDialog':
16017
+ return DialogManager.confirm(modal);
16018
+ case 'InfoDialog':
16019
+ return DialogManager.info(modal, fetchData);
16020
+ case 'SelectDialog':
16021
+ return DialogManager.select(modal, fetchData);
16022
+ case 'CreateEditDialog':
16023
+ return DialogManager.createEdit(modal, fetchData);
16024
+ }
16025
+ return null;
16026
+ }
16019
16027
  static alert(modal) {
16020
16028
  const modalInfo = {
16021
16029
  title: modal.title,
16022
16030
  content: modal.content,
16023
16031
  type: ModalType.Alert,
16032
+ managerId: DialogManager._id
16024
16033
  };
16025
16034
  return DialogManager.execAsync(modalInfo);
16026
16035
  }
16027
16036
  static prompt(modal) {
16028
16037
  const modalInfo = {
16029
16038
  ...modal,
16030
- type: ModalType.Prompt
16039
+ type: ModalType.Prompt,
16040
+ managerId: DialogManager._id
16031
16041
  };
16032
16042
  return DialogManager.execAsync(modalInfo);
16033
16043
  }
@@ -16037,6 +16047,7 @@ class DialogManager {
16037
16047
  content: modal.text,
16038
16048
  type: ModalType.Confirm,
16039
16049
  closable: true,
16050
+ managerId: DialogManager._id
16040
16051
  };
16041
16052
  return DialogManager.execAsync(modalInfo);
16042
16053
  }
@@ -16044,6 +16055,7 @@ class DialogManager {
16044
16055
  const modalInfo = {
16045
16056
  ...modal,
16046
16057
  type: ModalType.Info,
16058
+ managerId: DialogManager._id
16047
16059
  };
16048
16060
  if (!modalInfo.hostObject) {
16049
16061
  modalInfo.hostObject = {
@@ -16058,6 +16070,7 @@ class DialogManager {
16058
16070
  const modalInfo = {
16059
16071
  ...modal,
16060
16072
  type: ModalType.Select,
16073
+ managerId: DialogManager._id
16061
16074
  };
16062
16075
  if (!modalInfo.hostObject) {
16063
16076
  modalInfo.hostObject = {
@@ -16072,6 +16085,7 @@ class DialogManager {
16072
16085
  const modalInfo = {
16073
16086
  ...modal,
16074
16087
  type: ModalType.CreateEdit,
16088
+ managerId: DialogManager._id
16075
16089
  };
16076
16090
  if (!modalInfo.hostObject) {
16077
16091
  modalInfo.hostObject = {
@@ -16086,22 +16100,24 @@ class DialogManager {
16086
16100
  return new Promise(resolve => {
16087
16101
  modalInfo.resolveFunction = resolve;
16088
16102
  let fetchProps = null;
16103
+ const managerId = modalInfo.managerId || '';
16089
16104
  if (fetchData instanceof Function) {
16090
16105
  fetchProps = async (host) => {
16091
16106
  if (host.id === modalInfo.hostObject.id) {
16092
16107
  if (fetchData instanceof Function) {
16093
16108
  const props = await fetchData();
16094
- dist.eventBus.$off('dialog:created', fetchProps);
16095
- dist.eventBus.$emit('dialog:props', props, modalInfo.hostObject);
16109
+ dist.eventBus.$off('dialog:created' + managerId, fetchProps);
16110
+ dist.eventBus.$emit('dialog:props' + managerId, props, modalInfo.hostObject);
16096
16111
  }
16097
16112
  }
16098
16113
  };
16099
- dist.eventBus.$on('dialog:created', fetchProps);
16114
+ dist.eventBus.$on('dialog:created' + managerId, fetchProps);
16100
16115
  }
16101
- dist.eventBus.$emit('dialog:open', modalInfo);
16116
+ dist.eventBus.$emit('dialog:open' + managerId, modalInfo);
16102
16117
  });
16103
16118
  }
16104
16119
  }
16120
+ DialogManager._id = '';
16105
16121
 
16106
16122
  ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-dialog/dialog.minimized.vue?vue&type=template&id=719819aa&ts=true
16107
16123
 
@@ -16324,10 +16340,10 @@ var dialog_minimizedvue_type_script_lang_ts_external_a;
16324
16340
  let DialogMinimizedComponent = class DialogMinimizedComponent extends external_vue_property_decorator_.Vue {
16325
16341
  created() {
16326
16342
  this.maximizeHandler = this.onMaximize.bind(this);
16327
- dist.eventBus.$on('modal-maximize', this.maximizeHandler);
16343
+ dist.eventBus.$on('modal-maximize' + this.id, this.maximizeHandler);
16328
16344
  }
16329
16345
  beforeUnmount() {
16330
- dist.eventBus.$off('modal-maximize', this.maximizeHandler);
16346
+ dist.eventBus.$off('modal-maximize' + this.id, this.maximizeHandler);
16331
16347
  }
16332
16348
  onMaximize(item) {
16333
16349
  const dlg = this.dialogs.find(d => d.id === item.id);
@@ -16360,6 +16376,10 @@ let DialogMinimizedComponent = class DialogMinimizedComponent extends external_v
16360
16376
  return this.items.length && this.items.length < 5;
16361
16377
  }
16362
16378
  };
16379
+ dialog_minimizedvue_type_script_lang_ts_external_decorate([
16380
+ (0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
16381
+ dialog_minimizedvue_type_script_lang_ts_external_metadata("design:type", String)
16382
+ ], DialogMinimizedComponent.prototype, "id", void 0);
16363
16383
  dialog_minimizedvue_type_script_lang_ts_external_decorate([
16364
16384
  (0,external_vue_property_decorator_.Prop)(),
16365
16385
  dialog_minimizedvue_type_script_lang_ts_external_metadata("design:type", typeof (dialog_minimizedvue_type_script_lang_ts_external_a = typeof Array !== "undefined" && Array) === "function" ? dialog_minimizedvue_type_script_lang_ts_external_a : Object)
@@ -16525,15 +16545,15 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
16525
16545
  }
16526
16546
  mounted() {
16527
16547
  this.$nextTick(() => {
16528
- dist.eventBus.$on('dialog:open', this.open);
16529
- dist.eventBus.$on('dialog:props', this.onSetProps);
16530
- dist.eventBus.$on('dialog:close:all', this.closeAll);
16548
+ dist.eventBus.$on('dialog:open' + this.id, this.open);
16549
+ dist.eventBus.$on('dialog:props' + this.id, this.onSetProps);
16550
+ dist.eventBus.$on('dialog:close:all' + this.id, this.closeAll);
16531
16551
  });
16532
16552
  }
16533
16553
  beforeUnmount() {
16534
- dist.eventBus.$off('dialog:open', this.open);
16535
- dist.eventBus.$off('dialog:props', this.onSetProps);
16536
- dist.eventBus.$off('dialog:close:all', this.closeAll);
16554
+ dist.eventBus.$off('dialog:open' + this.id, this.open);
16555
+ dist.eventBus.$off('dialog:props' + this.id, this.onSetProps);
16556
+ dist.eventBus.$off('dialog:close:all' + this.id, this.closeAll);
16537
16557
  }
16538
16558
  async open(modalInfo) {
16539
16559
  if (modalInfo.hostObject) {
@@ -16639,7 +16659,7 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
16639
16659
  }
16640
16660
  }
16641
16661
  this.dialogManager.dialogCreated(modal);
16642
- dist.eventBus.$emit('dialog:created', modal.hostObject);
16662
+ dist.eventBus.$emit('dialog:created' + this.id, modal.hostObject);
16643
16663
  }
16644
16664
  }, 100);
16645
16665
  }
@@ -16647,6 +16667,9 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
16647
16667
  const result = [
16648
16668
  `${this.uniqKey(modal)} ${ModalType[modal.type]}`
16649
16669
  ];
16670
+ if (this.id) {
16671
+ result.push(`${ModalType[modal.type]}-${this.id}`);
16672
+ }
16650
16673
  if (this.isMobileGlobal) {
16651
16674
  return result;
16652
16675
  }
@@ -16802,7 +16825,7 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
16802
16825
  if (!modal.show) {
16803
16826
  this.remove(modal);
16804
16827
  this.listenerMap.remove(modal);
16805
- dist.eventBus.$emit('modal-cancel');
16828
+ dist.eventBus.$emit('modal-cancel' + this.id);
16806
16829
  }
16807
16830
  }
16808
16831
  }
@@ -16873,7 +16896,7 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
16873
16896
  onMinimize(modal) {
16874
16897
  modal.minimized = !modal.minimized;
16875
16898
  this.dialogManager.dialogMinimizeChanged(modal);
16876
- dist.eventBus.$emit('on-minimize', modal.minimized);
16899
+ dist.eventBus.$emit('on-minimize' + this.id, modal.minimized);
16877
16900
  }
16878
16901
  onActivate(modal) {
16879
16902
  modal.processingDescription = null;
@@ -17030,6 +17053,10 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
17030
17053
  };
17031
17054
  }
17032
17055
  };
17056
+ ld_dialogvue_type_script_lang_ts_external_decorate([
17057
+ (0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
17058
+ ld_dialogvue_type_script_lang_ts_external_metadata("design:type", String)
17059
+ ], DialogComponent.prototype, "id", void 0);
17033
17060
  ld_dialogvue_type_script_lang_ts_external_decorate([
17034
17061
  Emit('modal-in-focus'),
17035
17062
  ld_dialogvue_type_script_lang_ts_external_metadata("design:type", Function),
@@ -17059,7 +17086,7 @@ DialogComponent = ld_dialogvue_type_script_lang_ts_external_decorate([
17059
17086
 
17060
17087
 
17061
17088
  ;
17062
- const ld_dialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_dialogvue_type_script_lang_ts_external, [['render',ld_dialogvue_type_template_id_184339ee_ts_true_render]])
17089
+ const ld_dialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_dialogvue_type_script_lang_ts_external, [['render',ld_dialogvue_type_template_id_a2e3c6ee_ts_true_render]])
17063
17090
 
17064
17091
  /* harmony default export */ const ld_dialog = (ld_dialog_exports_);
17065
17092
  ;// CONCATENATED MODULE: ./src/ld-dialog/index.ts
@@ -26,6 +26,7 @@ export interface IModalInfo {
26
26
  description?: string | (() => string);
27
27
  processingDescription?: string | (() => string);
28
28
  el?: HTMLElement;
29
+ managerId?: string;
29
30
  hostObject?: IHostObject;
30
31
  /**
31
32
  * Окно немодальное - это начит окно отображается поверх контента страницы и не ограничивает пользователя
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ldmjs/ui",
3
- "version": "1.0.38",
3
+ "version": "1.0.40",
4
4
  "description": "ldm ui",
5
5
  "main": "dist/index.js",
6
6
  "engines": {