@ldmjs/ui 1.0.0-dev-16 → 1.0.0-dev-18

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (C) 2024 by LANIT <nevezhin@lanit.ru>
+Copyright (C) 2024 by ldmjs
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -266,9 +266,12 @@ const items = [
   <template #tag="{ item, onRemove }">
     tag template
   </template>
-  <template #option="{ item }">
+  <template #option="{ item, isSelected }">
     option template
   </template>
+  <template #option-icon="{ item, isSelected }">
+    option icon
+  </template>
   <template #option-hint="{ item }">
     option hint
   </template>

package/dist/css/index.css

@@ -12,7 +12,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)}
 
-.ld-select-list-box[data-v-9fce65ba]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-textbox-validate[data-v-9fce65ba]{overflow:hidden;height:20px}.ld-select-list-box .select-list-textbox-single[data-v-9fce65ba]{max-width:400px;border-radius:var(--border-radius)}.ld-select-list-box .select-list-textbox-loading[data-v-9fce65ba]{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-9fce65ba]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-9fce65ba 1.4s linear;animation-iteration-count:infinite}@keyframes loading-9fce65ba{from{transform:translateX(-300%)}to{transform:translateX(500%)}}[data-v-9fce65ba] .ld-select-list-box.column{flex-flow:column}[data-v-9fce65ba] .ld-select-list-box.column .multiselect__tags-wrap{flex-flow:wrap;align-items:normal}
+.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}
 
 .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}
 

package/dist/index.d.ts

@@ -11,6 +11,7 @@ declare function deepValueGetter(obj: Record<string, unknown>, path: string): un
 declare function isObjectEmpty(obj: Record<string, unknown>): boolean;
 declare const datetime: {
   dateLocalToISO: (value: string) => string;
+  toServerString: (value: Date) => string;
 }
 declare class ValidateMixin extends Vue {
   inputs: Array<IInput>;

package/dist/index.js

@@ -3790,7 +3790,12 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
                 this.emitUpdateModelValue(value instanceof Date ? value : new Date(value));
             }
             if (typeof this.modelValue === 'string') {
-                this.emitUpdateModelValue(typeof value === 'string' ? value : value.toISOString());
+                if (typeof value === 'string') {
+                    this.emitUpdateModelValue(value);
+                }
+                else {
+                    this.emitUpdateModelValue(this.$utils.datetime.toServerString(value));
+                }
             }
         }
     }
@@ -4512,25 +4517,25 @@ function ld_page_toolbar_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_page_toolbar = (ld_page_toolbar_reg);
 
-;// 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=9fce65ba&scoped=true&ts=true
+;// 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
 
-const ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-9fce65ba"), n = n(), _popScopeId(), n);
-const ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
-const ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_2 = {
+const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-1cac121a"), n = n(), _popScopeId(), n);
+const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
+const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_2 = {
     key: 0,
     class: "d-flex align-center"
 };
-const ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column ml-2 justify-center" };
-const ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_4 = {
+const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
+const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_4 = {
     key: 0,
     class: "grey--text",
     style: { "font-size": "var(--font-size--1)" }
 };
-const ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_5 = {
+const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_5 = {
     key: 0,
     class: "select-list-textbox-loading"
 };
-const ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_6 = {
+const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_6 = {
     key: 0,
     class: "select-list-textbox-validate"
 };
@@ -4538,7 +4543,7 @@ const _hoisted_7 = {
     key: 0,
     class: "select-list-textbox-validate"
 };
-function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
     const _component_small_chip = (0,external_vue_.resolveComponent)("small-chip");
     const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
@@ -4590,7 +4595,7 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                                             "select-label": '',
                                             options: _ctx.optionsList,
                                             searchable: true,
-                                            "internal-search": false,
+                                            "internal-search": _ctx.internalSearch,
                                             "clear-on-select": true,
                                             "close-on-select": !_ctx.multiselect,
                                             "options-limit": 300,
@@ -4600,6 +4605,7 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                                             disabled: _ctx.readonly || _ctx.disabled,
                                             limit: _ctx.limit,
                                             tabindex: _ctx.tabIndex,
+                                            allowEmpty: _ctx.allowEmpty,
                                             onClose: _ctx.dropdownClose,
                                             onSearchChange: _ctx.getItems
                                         }, {
@@ -4608,11 +4614,11 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                                                     ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                                         key: JSON.stringify(option),
                                                         color: _ctx.disabled ? 'grey' : 'primary',
-                                                        closable: _ctx.multiselect && !_ctx.readonly && !_ctx.disabled,
+                                                        closable: _ctx.canRemove,
                                                         "onClick:close": ($event) => (_ctx.onRemoveItem(option))
                                                     }, {
                                                         default: (0,external_vue_.withCtx)(() => [
-                                                            (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemText)), 1)
+                                                            (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)
                                                         ]),
                                                         _: 2
                                                     }, 1032, ["color", "closable", "onClick:close"]))
@@ -4627,7 +4633,7 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                                                         (0,external_vue_.createVNode)(_component_v_col, { class: "d-flex align-center" }, {
                                                             default: (0,external_vue_.withCtx)(() => [
                                                                 (_ctx.multiselect)
-                                                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_2, [
+                                                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_2, [
                                                                         ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-checkbox']), {
                                                                             key: JSON.stringify(option),
                                                                             "model-value": _ctx.checkedItems,
@@ -4637,19 +4643,25 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                                                                     ]))
                                                                     : (0,external_vue_.createCommentVNode)("", true),
                                                                 (0,external_vue_.createTextVNode)(),
-                                                                (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_3, [
-                                                                    (0,external_vue_.renderSlot)(_ctx.$slots, "option", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), () => [
-                                                                        (0,external_vue_.createElementVNode)("div", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, _ctx.itemTitle)), 1)
-                                                                    ], true),
+                                                                (0,external_vue_.createElementVNode)("div", {
+                                                                    class: (0,external_vue_.normalizeClass)(["d-flex align-center", { 'ml-1': _ctx.multiselect }])
+                                                                }, [
+                                                                    (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),
                                                                     (0,external_vue_.createTextVNode)(),
-                                                                    (_ctx.optionHint)
-                                                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_4, [
-                                                                            (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), () => [
-                                                                                (0,external_vue_.createTextVNode)("\r\n                        no slot \"option-hint\" found\r\n                      ")
-                                                                            ], true)
-                                                                        ]))
-                                                                        : (0,external_vue_.createCommentVNode)("", true)
-                                                                ])
+                                                                    (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_3, [
+                                                                        (0,external_vue_.renderSlot)(_ctx.$slots, "option", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), () => [
+                                                                            (0,external_vue_.createElementVNode)("div", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, _ctx.itemTitle)), 1)
+                                                                        ], true),
+                                                                        (0,external_vue_.createTextVNode)(),
+                                                                        (_ctx.optionHint)
+                                                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_4, [
+                                                                                (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), () => [
+                                                                                    (0,external_vue_.createTextVNode)("\r\n                          no slot \"option-hint\" found\r\n                        ")
+                                                                                ], true)
+                                                                            ]))
+                                                                            : (0,external_vue_.createCommentVNode)("", true)
+                                                                    ])
+                                                                ], 2)
                                                             ]),
                                                             _: 2
                                                         }, 1024)
@@ -4658,15 +4670,16 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                                                 }, 1024)
                                             ]),
                                             noResult: (0,external_vue_.withCtx)(() => [
-                                                (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.notFoundMessage), 1)
+                                                (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.message), 1)
                                             ]),
                                             _: 3
-                                        }, 8, ["modelValue", "multiple", "placeholder", "options", "close-on-select", "disabled", "limit", "tabindex", "onClose", "onSearchChange", "onUpdate:modelValue"]),
+                                        }, 8, ["modelValue", "multiple", "placeholder", "options", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allowEmpty", "onClose", "onSearchChange", "onUpdate:modelValue"]),
                                         (0,external_vue_.createTextVNode)(),
                                         (0,external_vue_.createVNode)(_component_square_button, {
                                             variant: "outlined",
+                                            id: "selectButton",
                                             color: "grey",
-                                            disabled: _ctx.readonly || _ctx.disabled || !_ctx.disableDialog,
+                                            disabled: _ctx.readonly || _ctx.disabled || _ctx.disableDialog,
                                             loading: _ctx.loading,
                                             onClick: _ctx.onSelect
                                         }, {
@@ -4684,7 +4697,7 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                                         }, 8, ["disabled", "loading", "onClick"]),
                                         (0,external_vue_.createTextVNode)(),
                                         (_ctx.loading)
-                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_5))
+                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_5))
                                             : (0,external_vue_.createCommentVNode)("", true)
                                     ]),
                                     _: 3
@@ -4694,7 +4707,7 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                         }),
                         (0,external_vue_.createTextVNode)(),
                         (!_ctx.hideDetails)
-                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_hoisted_6, [
+                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_6, [
                                 (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
                                     default: (0,external_vue_.withCtx)(() => [
                                         (_ctx.showHint)
@@ -4723,12 +4736,12 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
                         (0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: _ctx.singeItem, onRemove: _ctx.onRemoveItem })), () => [
                             ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                 key: JSON.stringify(_ctx.selected),
-                                closable: !_ctx.readonly && !_ctx.disabled,
+                                closable: _ctx.canRemove,
                                 color: _ctx.disabled ? 'grey' : 'primary',
                                 "onClick:close": _cache[1] || (_cache[1] = ($event) => (_ctx.onRemoveItem(_ctx.singeItem)))
                             }, {
                                 default: (0,external_vue_.withCtx)(() => [
-                                    (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(_ctx.singeItem, this.itemText)), 1)
+                                    (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(_ctx.singeItem, this.itemTitle)), 1)
                                 ]),
                                 _: 1
                             }, 8, ["closable", "color"]))
@@ -4746,7 +4759,7 @@ function ld_select_list_boxvue_type_template_id_9fce65ba_scoped_true_ts_true_ren
     }));
 }
 
-;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=9fce65ba&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=1cac121a&scoped=true&ts=true
 
 // EXTERNAL MODULE: external "./multiselect.js"
 var external_multiselect_js_ = __webpack_require__(9225);
@@ -7092,7 +7105,8 @@ var ld_select_list_boxvue_type_script_lang_ts_external_decorate = (undefined &&
 var ld_select_list_boxvue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-var ld_select_list_boxvue_type_script_lang_ts_external_a, ld_select_list_boxvue_type_script_lang_ts_external_b;
+var ld_select_list_boxvue_type_script_lang_ts_external_a;
+
 
 
 
@@ -7117,7 +7131,12 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         this.getItems = null;
         this.myRules = [];
         this.errors = [];
-        this.notFoundMessage = '';
+        this.messagesBucket = {
+            search: 'Идет поиск...',
+            empty: 'Поиск не дал результатов',
+            validation: ''
+        };
+        this.message = '';
         this.loading = false;
     }
     emitUpdateValue() {
@@ -7175,7 +7194,11 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         }
     }
     created() {
-        this.notFoundMessage = 'Идёт поиск...';
+        this.messagesBucket = {
+            ...this.messagesBucket,
+            ...this.messages,
+        };
+        this.message = this.messagesBucket.search;
         this.getItems = lodash_es_debounce(this.goSearch.bind(this), 600);
         if (this.form) {
             this.form.register(this, null);
@@ -7199,11 +7222,11 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         if (!searchTerm) {
             return;
         }
-        if (this.handlers.serverSearch instanceof Function) {
+        if (this.handlers.serverSearch instanceof Function && !this.internalSearch) {
             try {
                 const options = await this.handlers.serverSearch(searchTerm);
                 if (!options || !options.length) {
-                    this.notFoundMessage = 'Поиск не дал результатов';
+                    this.message = this.messagesBucket.empty;
                 }
                 this.optionsList = options;
             }
@@ -7233,13 +7256,17 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
     }
     validate() {
         this.errorBucket = [];
-        let funcResult = null;
-        this.validationMessage = '';
+        let funcResult = requiredRule()(this.selectedToArray);
+        if (funcResult !== true) {
+            this.validationMessage = this.messagesBucket.validation || funcResult;
+            return false;
+        }
         this.validRules.forEach(func => {
             funcResult = func(this.selectedToArray);
             if (funcResult !== true) {
                 this.validationMessage = funcResult;
-                this.errorBucket.push(funcResult);
+                if (!this.selected)
+                    this.errorBucket.push(funcResult);
             }
         });
         return !this.validationMessage;
@@ -7320,6 +7347,16 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
     get showInput() {
         return this.multiselect || !this.selectedIds.length;
     }
+    get canRemove() {
+        const result = !this.readonly && !this.disabled;
+        if (!result) {
+            return false;
+        }
+        if (!this.allowEmpty && this.multiselect && Array.isArray(this.selected)) {
+            return this.selected.length > 1;
+        }
+        return result;
+    }
     emitUpdate() {
         this.emitUpdateValue();
         this.emitUpdateItems();
@@ -7373,9 +7410,9 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", String)
 ], SelectListBoxComponent.prototype, "itemValue", void 0);
 ld_select_list_boxvue_type_script_lang_ts_external_decorate([
-    (0,external_vue_property_decorator_.Prop)(),
-    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)
-], SelectListBoxComponent.prototype, "gridColumns", void 0);
+    (0,external_vue_property_decorator_.Prop)({ type: Object, default: () => ({}) }),
+    ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Object)
+], SelectListBoxComponent.prototype, "messages", void 0);
 ld_select_list_boxvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Prop)(),
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", String)
@@ -7400,6 +7437,18 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ default: 'more_horiz' }),
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", String)
 ], SelectListBoxComponent.prototype, "icon", void 0);
+ld_select_list_boxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], SelectListBoxComponent.prototype, "internalSearch", void 0);
+ld_select_list_boxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], SelectListBoxComponent.prototype, "allowEmpty", void 0);
+ld_select_list_boxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], SelectListBoxComponent.prototype, "setFocus", void 0);
 ld_select_list_boxvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ default: () => ({}) }),
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Object)
@@ -7470,7 +7519,7 @@ SelectListBoxComponent = ld_select_list_boxvue_type_script_lang_ts_external_deco
 ;
 
 
-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_9fce65ba_scoped_true_ts_true_render],['__scopeId',"data-v-9fce65ba"]])
+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"]])
 
 /* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
 ;// CONCATENATED MODULE: ./src/ld-select-list-box/index.ts
@@ -8831,8 +8880,25 @@ function dateLocalToISO(value) {
     }
     return '';
 }
+/**
+ * Преобразует дату к формату yyyy-MM-ddThh:mm:ss+hh:mm (например, 2020-11-24T12:47:45+03:00)
+ * @param dt Date
+ */
+function toServerString(dt) {
+    if (!dt) {
+        return null;
+    }
+    const tzo = -dt.getTimezoneOffset();
+    const dif = tzo >= 0 ? '+' : '-';
+    const pad = function (num) {
+        const norm = Math.abs(Math.floor(num));
+        return (norm < 10 ? '0' : '') + norm;
+    };
+    return `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(dt.getDate())}T${pad(dt.getHours())}:${pad(dt.getMinutes())}:${pad(dt.getSeconds())}${dif}${pad(tzo / 60)}:${pad(tzo % 60)}`;
+}
 const datetime = {
-    dateLocalToISO
+    dateLocalToISO,
+    toServerString
 };
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.0-dev-16",
+  "version": "1.0.0-dev-18",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {