@ldmjs/ui 1.0.0-dev-17 → 1.0.0-dev-19

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/README.md CHANGED
@@ -266,9 +266,12 @@ const items = [
266
266
  <template #tag="{ item, onRemove }">
267
267
  tag template
268
268
  </template>
269
- <template #option="{ item }">
269
+ <template #option="{ item, isSelected }">
270
270
  option template
271
271
  </template>
272
+ <template #option-icon="{ item, isSelected }">
273
+ option icon
274
+ </template>
272
275
  <template #option-hint="{ item }">
273
276
  option hint
274
277
  </template>
@@ -12,7 +12,7 @@
12
12
 
13
13
  .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)}
14
14
 
15
- .ld-select-list-box[data-v-5a9ca916]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-textbox-validate[data-v-5a9ca916]{overflow:hidden;height:20px}.ld-select-list-box .select-list-textbox-single[data-v-5a9ca916]{max-width:400px;border-radius:var(--border-radius)}.ld-select-list-box .select-list-textbox-loading[data-v-5a9ca916]{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-textbox-loading[data-v-5a9ca916]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-5a9ca916 1.4s linear;animation-iteration-count:infinite}@keyframes loading-5a9ca916{from{transform:translateX(-300%)}to{transform:translateX(500%)}}[data-v-5a9ca916] .ld-select-list-box.column{flex-flow:column}[data-v-5a9ca916] .ld-select-list-box.column .multiselect__tags-wrap{flex-flow:wrap;align-items:normal}
15
+ .ld-select-list-box[data-v-1cac121a]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-textbox-validate[data-v-1cac121a]{overflow:hidden;height:20px}.ld-select-list-box .select-list-textbox-single[data-v-1cac121a]{max-width:400px;border-radius:var(--border-radius)}.ld-select-list-box .select-list-textbox-loading[data-v-1cac121a]{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-textbox-loading[data-v-1cac121a]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-1cac121a 1.4s linear;animation-iteration-count:infinite}@keyframes loading-1cac121a{from{transform:translateX(-300%)}to{transform:translateX(500%)}}[data-v-1cac121a] .ld-select-list-box.column{flex-flow:column}[data-v-1cac121a] .ld-select-list-box.column .multiselect__tags-wrap{flex-flow:wrap;align-items:normal}
16
16
 
17
17
  .ld-checkbox{display:flex;align-items:center;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type='checkbox']+.v-icon{display:block;width:12px !important;height:12px !important;font-size:10px !important;background-color:var(--white);color:transparent;border:1px solid var(--grey-l-5)}.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']:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%;color:var(--label) !important}.checkbox-label--disabled{color:var(--grey-l-3) !important}
18
18
 
package/dist/index.js CHANGED
@@ -4517,25 +4517,25 @@ function ld_page_toolbar_reg(vue, options) {
4517
4517
  }
4518
4518
  /* harmony default export */ const src_ld_page_toolbar = (ld_page_toolbar_reg);
4519
4519
 
4520
- ;// 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[0]!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=5a9ca916&scoped=true&ts=true
4520
+ ;// 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[0]!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=1cac121a&scoped=true&ts=true
4521
4521
 
4522
- const ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-5a9ca916"), n = n(), _popScopeId(), n);
4523
- const ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
4524
- const ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_2 = {
4522
+ const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-1cac121a"), n = n(), _popScopeId(), n);
4523
+ const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
4524
+ const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_2 = {
4525
4525
  key: 0,
4526
4526
  class: "d-flex align-center"
4527
4527
  };
4528
- const ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column ml-2 justify-center" };
4529
- const ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_4 = {
4528
+ const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
4529
+ const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_4 = {
4530
4530
  key: 0,
4531
4531
  class: "grey--text",
4532
4532
  style: { "font-size": "var(--font-size--1)" }
4533
4533
  };
4534
- const ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_5 = {
4534
+ const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_5 = {
4535
4535
  key: 0,
4536
4536
  class: "select-list-textbox-loading"
4537
4537
  };
4538
- const ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_6 = {
4538
+ const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_6 = {
4539
4539
  key: 0,
4540
4540
  class: "select-list-textbox-validate"
4541
4541
  };
@@ -4543,7 +4543,7 @@ const _hoisted_7 = {
4543
4543
  key: 0,
4544
4544
  class: "select-list-textbox-validate"
4545
4545
  };
4546
- function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
4546
+ function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
4547
4547
  const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
4548
4548
  const _component_small_chip = (0,external_vue_.resolveComponent)("small-chip");
4549
4549
  const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
@@ -4595,7 +4595,7 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4595
4595
  "select-label": '',
4596
4596
  options: _ctx.optionsList,
4597
4597
  searchable: true,
4598
- "internal-search": false,
4598
+ "internal-search": _ctx.internalSearch,
4599
4599
  "clear-on-select": true,
4600
4600
  "close-on-select": !_ctx.multiselect,
4601
4601
  "options-limit": 300,
@@ -4605,6 +4605,7 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4605
4605
  disabled: _ctx.readonly || _ctx.disabled,
4606
4606
  limit: _ctx.limit,
4607
4607
  tabindex: _ctx.tabIndex,
4608
+ allowEmpty: _ctx.allowEmpty,
4608
4609
  onClose: _ctx.dropdownClose,
4609
4610
  onSearchChange: _ctx.getItems
4610
4611
  }, {
@@ -4613,11 +4614,11 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4613
4614
  ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
4614
4615
  key: JSON.stringify(option),
4615
4616
  color: _ctx.disabled ? 'grey' : 'primary',
4616
- closable: _ctx.multiselect && !_ctx.readonly && !_ctx.disabled,
4617
+ closable: _ctx.canRemove,
4617
4618
  "onClick:close": ($event) => (_ctx.onRemoveItem(option))
4618
4619
  }, {
4619
4620
  default: (0,external_vue_.withCtx)(() => [
4620
- (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
4621
+ (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
4621
4622
  ]),
4622
4623
  _: 2
4623
4624
  }, 1032, ["color", "closable", "onClick:close"]))
@@ -4632,7 +4633,7 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4632
4633
  (0,external_vue_.createVNode)(_component_v_col, { class: "d-flex align-center" }, {
4633
4634
  default: (0,external_vue_.withCtx)(() => [
4634
4635
  (_ctx.multiselect)
4635
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_2, [
4636
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_2, [
4636
4637
  ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-checkbox']), {
4637
4638
  key: JSON.stringify(option),
4638
4639
  "model-value": _ctx.checkedItems,
@@ -4642,19 +4643,25 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4642
4643
  ]))
4643
4644
  : (0,external_vue_.createCommentVNode)("", true),
4644
4645
  (0,external_vue_.createTextVNode)(),
4645
- (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_3, [
4646
- (0,external_vue_.renderSlot)(_ctx.$slots, "option", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), () => [
4647
- (0,external_vue_.createElementVNode)("div", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, _ctx.itemTitle)), 1)
4648
- ], true),
4646
+ (0,external_vue_.createElementVNode)("div", {
4647
+ class: (0,external_vue_.normalizeClass)(["d-flex align-center", { 'ml-1': _ctx.multiselect }])
4648
+ }, [
4649
+ (0,external_vue_.renderSlot)(_ctx.$slots, "option-icon", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), undefined, true),
4649
4650
  (0,external_vue_.createTextVNode)(),
4650
- (_ctx.optionHint)
4651
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_4, [
4652
- (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), () => [
4653
- (0,external_vue_.createTextVNode)("\r\n no slot \"option-hint\" found\r\n ")
4654
- ], true)
4655
- ]))
4656
- : (0,external_vue_.createCommentVNode)("", true)
4657
- ])
4651
+ (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_3, [
4652
+ (0,external_vue_.renderSlot)(_ctx.$slots, "option", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), () => [
4653
+ (0,external_vue_.createElementVNode)("div", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, _ctx.itemTitle)), 1)
4654
+ ], true),
4655
+ (0,external_vue_.createTextVNode)(),
4656
+ (_ctx.optionHint)
4657
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_4, [
4658
+ (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), () => [
4659
+ (0,external_vue_.createTextVNode)("\r\n no slot \"option-hint\" found\r\n ")
4660
+ ], true)
4661
+ ]))
4662
+ : (0,external_vue_.createCommentVNode)("", true)
4663
+ ])
4664
+ ], 2)
4658
4665
  ]),
4659
4666
  _: 2
4660
4667
  }, 1024)
@@ -4663,15 +4670,16 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4663
4670
  }, 1024)
4664
4671
  ]),
4665
4672
  noResult: (0,external_vue_.withCtx)(() => [
4666
- (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.notFoundMessage), 1)
4673
+ (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.message), 1)
4667
4674
  ]),
4668
4675
  _: 3
4669
- }, 8, ["modelValue", "multiple", "placeholder", "options", "close-on-select", "disabled", "limit", "tabindex", "onClose", "onSearchChange", "onUpdate:modelValue"]),
4676
+ }, 8, ["modelValue", "multiple", "placeholder", "options", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allowEmpty", "onClose", "onSearchChange", "onUpdate:modelValue"]),
4670
4677
  (0,external_vue_.createTextVNode)(),
4671
4678
  (0,external_vue_.createVNode)(_component_square_button, {
4672
4679
  variant: "outlined",
4680
+ id: "selectButton",
4673
4681
  color: "grey",
4674
- disabled: _ctx.readonly || _ctx.disabled || !_ctx.disableDialog,
4682
+ disabled: _ctx.readonly || _ctx.disabled || _ctx.disableDialog,
4675
4683
  loading: _ctx.loading,
4676
4684
  onClick: _ctx.onSelect
4677
4685
  }, {
@@ -4689,7 +4697,7 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4689
4697
  }, 8, ["disabled", "loading", "onClick"]),
4690
4698
  (0,external_vue_.createTextVNode)(),
4691
4699
  (_ctx.loading)
4692
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_5))
4700
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_5))
4693
4701
  : (0,external_vue_.createCommentVNode)("", true)
4694
4702
  ]),
4695
4703
  _: 3
@@ -4699,7 +4707,7 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4699
4707
  }),
4700
4708
  (0,external_vue_.createTextVNode)(),
4701
4709
  (!_ctx.hideDetails)
4702
- ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_hoisted_6, [
4710
+ ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_6, [
4703
4711
  (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
4704
4712
  default: (0,external_vue_.withCtx)(() => [
4705
4713
  (_ctx.showHint)
@@ -4728,7 +4736,7 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4728
4736
  (0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: _ctx.singeItem, onRemove: _ctx.onRemoveItem })), () => [
4729
4737
  ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
4730
4738
  key: JSON.stringify(_ctx.selected),
4731
- closable: !_ctx.readonly && !_ctx.disabled,
4739
+ closable: _ctx.canRemove,
4732
4740
  color: _ctx.disabled ? 'grey' : 'primary',
4733
4741
  "onClick:close": _cache[1] || (_cache[1] = ($event) => (_ctx.onRemoveItem(_ctx.singeItem)))
4734
4742
  }, {
@@ -4751,7 +4759,7 @@ function ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_ren
4751
4759
  }));
4752
4760
  }
4753
4761
 
4754
- ;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=5a9ca916&scoped=true&ts=true
4762
+ ;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=1cac121a&scoped=true&ts=true
4755
4763
 
4756
4764
  // EXTERNAL MODULE: external "./multiselect.js"
4757
4765
  var external_multiselect_js_ = __webpack_require__(9225);
@@ -7097,7 +7105,8 @@ var ld_select_list_boxvue_type_script_lang_ts_external_decorate = (undefined &&
7097
7105
  var ld_select_list_boxvue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
7098
7106
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
7099
7107
  };
7100
- var ld_select_list_boxvue_type_script_lang_ts_external_a, ld_select_list_boxvue_type_script_lang_ts_external_b;
7108
+ var ld_select_list_boxvue_type_script_lang_ts_external_a;
7109
+
7101
7110
 
7102
7111
 
7103
7112
 
@@ -7122,7 +7131,12 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
7122
7131
  this.getItems = null;
7123
7132
  this.myRules = [];
7124
7133
  this.errors = [];
7125
- this.notFoundMessage = '';
7134
+ this.messagesBucket = {
7135
+ search: 'Идет поиск...',
7136
+ empty: 'Поиск не дал результатов',
7137
+ validation: ''
7138
+ };
7139
+ this.message = '';
7126
7140
  this.loading = false;
7127
7141
  }
7128
7142
  emitUpdateValue() {
@@ -7180,7 +7194,11 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
7180
7194
  }
7181
7195
  }
7182
7196
  created() {
7183
- this.notFoundMessage = 'Идёт поиск...';
7197
+ this.messagesBucket = {
7198
+ ...this.messagesBucket,
7199
+ ...this.messages,
7200
+ };
7201
+ this.message = this.messagesBucket.search;
7184
7202
  this.getItems = lodash_es_debounce(this.goSearch.bind(this), 600);
7185
7203
  if (this.form) {
7186
7204
  this.form.register(this, null);
@@ -7204,11 +7222,11 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
7204
7222
  if (!searchTerm) {
7205
7223
  return;
7206
7224
  }
7207
- if (this.handlers.serverSearch instanceof Function) {
7225
+ if (this.handlers.serverSearch instanceof Function && !this.internalSearch) {
7208
7226
  try {
7209
7227
  const options = await this.handlers.serverSearch(searchTerm);
7210
7228
  if (!options || !options.length) {
7211
- this.notFoundMessage = 'Поиск не дал результатов';
7229
+ this.message = this.messagesBucket.empty;
7212
7230
  }
7213
7231
  this.optionsList = options;
7214
7232
  }
@@ -7229,7 +7247,7 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
7229
7247
  async onSelect() {
7230
7248
  if (this.handlers.select instanceof Function) {
7231
7249
  const selected = await this.handlers.select();
7232
- if (selected && selected.length) {
7250
+ if (Array.isArray(selected) && selected.length || !Array.isArray(selected) && selected) {
7233
7251
  this.selected = selected;
7234
7252
  this.onInput();
7235
7253
  this.validate();
@@ -7238,13 +7256,20 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
7238
7256
  }
7239
7257
  validate() {
7240
7258
  this.errorBucket = [];
7241
- let funcResult = null;
7242
- this.validationMessage = '';
7243
- this.validRules.forEach(func => {
7259
+ let funcResult = true;
7260
+ if (this.required) {
7261
+ funcResult = requiredRule()(this.selectedToArray);
7262
+ if (funcResult !== true) {
7263
+ this.validationMessage = this.messagesBucket.validation || funcResult;
7264
+ return false;
7265
+ }
7266
+ }
7267
+ this.myRules.forEach(func => {
7244
7268
  funcResult = func(this.selectedToArray);
7245
7269
  if (funcResult !== true) {
7246
7270
  this.validationMessage = funcResult;
7247
- this.errorBucket.push(funcResult);
7271
+ if (!this.selected)
7272
+ this.errorBucket.push(funcResult);
7248
7273
  }
7249
7274
  });
7250
7275
  return !this.validationMessage;
@@ -7325,6 +7350,16 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
7325
7350
  get showInput() {
7326
7351
  return this.multiselect || !this.selectedIds.length;
7327
7352
  }
7353
+ get canRemove() {
7354
+ const result = !this.readonly && !this.disabled;
7355
+ if (!result) {
7356
+ return false;
7357
+ }
7358
+ if (!this.allowEmpty && this.multiselect && Array.isArray(this.selected)) {
7359
+ return this.selected.length > 1;
7360
+ }
7361
+ return result;
7362
+ }
7328
7363
  emitUpdate() {
7329
7364
  this.emitUpdateValue();
7330
7365
  this.emitUpdateItems();
@@ -7378,9 +7413,9 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7378
7413
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", String)
7379
7414
  ], SelectListBoxComponent.prototype, "itemValue", void 0);
7380
7415
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7381
- (0,external_vue_property_decorator_.Prop)(),
7382
- ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", typeof (ld_select_list_boxvue_type_script_lang_ts_external_b = typeof Array !== "undefined" && Array) === "function" ? ld_select_list_boxvue_type_script_lang_ts_external_b : Object)
7383
- ], SelectListBoxComponent.prototype, "gridColumns", void 0);
7416
+ (0,external_vue_property_decorator_.Prop)({ type: Object, default: () => ({}) }),
7417
+ ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Object)
7418
+ ], SelectListBoxComponent.prototype, "messages", void 0);
7384
7419
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7385
7420
  (0,external_vue_property_decorator_.Prop)(),
7386
7421
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", String)
@@ -7398,13 +7433,25 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7398
7433
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Number)
7399
7434
  ], SelectListBoxComponent.prototype, "limit", void 0);
7400
7435
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7401
- (0,external_vue_property_decorator_.Prop)({ default: true }),
7436
+ (0,external_vue_property_decorator_.Prop)({ default: false }),
7402
7437
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
7403
7438
  ], SelectListBoxComponent.prototype, "disableDialog", void 0);
7404
7439
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7405
7440
  (0,external_vue_property_decorator_.Prop)({ default: 'more_horiz' }),
7406
7441
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", String)
7407
7442
  ], SelectListBoxComponent.prototype, "icon", void 0);
7443
+ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7444
+ (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
7445
+ ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
7446
+ ], SelectListBoxComponent.prototype, "internalSearch", void 0);
7447
+ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7448
+ (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
7449
+ ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
7450
+ ], SelectListBoxComponent.prototype, "allowEmpty", void 0);
7451
+ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7452
+ (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
7453
+ ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
7454
+ ], SelectListBoxComponent.prototype, "setFocus", void 0);
7408
7455
  ld_select_list_boxvue_type_script_lang_ts_external_decorate([
7409
7456
  (0,external_vue_property_decorator_.Prop)({ default: () => ({}) }),
7410
7457
  ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Object)
@@ -7475,7 +7522,7 @@ SelectListBoxComponent = ld_select_list_boxvue_type_script_lang_ts_external_deco
7475
7522
  ;
7476
7523
 
7477
7524
 
7478
- const ld_select_list_box_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_select_list_boxvue_type_script_lang_ts_external, [['render',ld_select_list_boxvue_type_template_id_5a9ca916_scoped_true_ts_true_render],['__scopeId',"data-v-5a9ca916"]])
7525
+ const ld_select_list_box_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_select_list_boxvue_type_script_lang_ts_external, [['render',ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_render],['__scopeId',"data-v-1cac121a"]])
7479
7526
 
7480
7527
  /* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
7481
7528
  ;// CONCATENATED MODULE: ./src/ld-select-list-box/index.ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ldmjs/ui",
3
- "version": "1.0.0-dev-17",
3
+ "version": "1.0.0-dev-19",
4
4
  "description": "ldm ui",
5
5
  "main": "dist/index.js",
6
6
  "engines": {