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

package/dist/index.js

@@ -2548,7 +2548,6 @@ class ValidatableMixin extends external_vue_property_decorator_.Vue {
         super(...arguments);
         this.myRules = [];
         this.validationMessage = '';
-        this.errorBucket = [];
         this.uid = uidGen(6, '0-9');
     }
     onRulesChanged(newVal) {
@@ -3333,7 +3332,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
         this.timeMenu = false;
         this.event = null;
         this.validationMesssage = '';
-        this.errorBucket = [];
         this.errorsHandler = [];
         this.isHours = true;
         this.isMinutes = false;
@@ -3410,7 +3408,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
         if (this.form) {
             this.form.register(this, null);
         }
-        this.fullErrorBucket();
     }
     unmounted() {
         window.removeEventListener('wheel', this.datepickerScrollHandler);
@@ -3695,30 +3692,17 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
         dt.setSeconds(0);
         this.emitInput(dt);
     }
-    /** Функции, отвечающие за работу валидации */
     validate() {
-        this.errorBucket = [];
         let funcResult = null;
         this.validationMesssage = '';
         this.validRules.forEach(func => {
             funcResult = func(this.date);
             if (funcResult !== true) {
                 this.validationMesssage = funcResult;
-                this.errorBucket.push(funcResult);
             }
         });
         return !this.validationMesssage;
     }
-    fullErrorBucket() {
-        this.errorBucket = [];
-        let funcResult = null;
-        this.validRules.forEach(func => {
-            funcResult = func(this.date);
-            if (funcResult !== true) {
-                this.errorBucket.push(funcResult);
-            }
-        });
-    }
     async setTimeMask() {
         if (this.isMobileGlobal) {
             return;
@@ -4517,33 +4501,33 @@ 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=1cac121a&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=f07bf04a&scoped=true&ts=true
 
-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 = {
+const ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-f07bf04a"), n = n(), _popScopeId(), n);
+const ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
+const ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_2 = {
     key: 0,
     class: "d-flex align-center"
 };
-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 = {
+const ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
+const ld_select_list_boxvue_type_template_id_f07bf04a_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_1cac121a_scoped_true_ts_true_hoisted_5 = {
-    key: 0,
-    class: "select-list-textbox-loading"
+const ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_5 = {
+    key: 1,
+    class: "select-list-box-loading"
 };
-const ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_6 = {
+const ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_6 = {
     key: 0,
-    class: "select-list-textbox-validate"
+    class: "select-list-box-validate"
 };
 const _hoisted_7 = {
     key: 0,
     class: "select-list-textbox-validate"
 };
-function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_select_list_boxvue_type_template_id_f07bf04a_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");
@@ -4610,7 +4594,11 @@ function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_ren
                                             onSearchChange: _ctx.getItems
                                         }, {
                                             tag: (0,external_vue_.withCtx)(({ option }) => [
-                                                (0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, onRemove: _ctx.onRemoveItem })), () => [
+                                                (0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({
+                                                    item: option,
+                                                    onRemove: _ctx.onRemoveItem,
+                                                    canRemove: _ctx.canRemove,
+                                                })), () => [
                                                     ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                                         key: JSON.stringify(option),
                                                         color: _ctx.disabled ? 'grey' : 'primary',
@@ -4618,7 +4606,7 @@ function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_ren
                                                         "onClick:close": ($event) => (_ctx.onRemoveItem(option))
                                                     }, {
                                                         default: (0,external_vue_.withCtx)(() => [
-                                                            (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)
+                                                            (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
                                                         ]),
                                                         _: 2
                                                     }, 1032, ["color", "closable", "onClick:close"]))
@@ -4633,7 +4621,7 @@ function ld_select_list_boxvue_type_template_id_1cac121a_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_1cac121a_scoped_true_ts_true_hoisted_2, [
+                                                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f07bf04a_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,
@@ -4648,13 +4636,13 @@ function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_ren
                                                                 }, [
                                                                     (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)(),
-                                                                    (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_hoisted_3, [
+                                                                    (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_f07bf04a_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_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f07bf04a_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)
@@ -4675,29 +4663,32 @@ function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_ren
                                             _: 3
                                         }, 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,
-                                            loading: _ctx.loading,
-                                            onClick: _ctx.onSelect
-                                        }, {
-                                            default: (0,external_vue_.withCtx)(() => [
-                                                ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-icon']), {
-                                                    color: _ctx.validationMessage && !_ctx.readonly && !_ctx.disabled ? 'error' : 'grey'
-                                                }, {
-                                                    default: (0,external_vue_.withCtx)(() => [
-                                                        (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.icon), 1)
-                                                    ]),
-                                                    _: 1
-                                                }, 8, ["color"]))
-                                            ]),
-                                            _: 1
-                                        }, 8, ["disabled", "loading", "onClick"]),
+                                        (!_ctx.disableDialog)
+                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+                                                key: 0,
+                                                variant: "outlined",
+                                                id: "selectButton",
+                                                color: "grey",
+                                                disabled: _ctx.readonly || _ctx.disabled,
+                                                loading: _ctx.loading,
+                                                onClick: _ctx.onSelect
+                                            }, {
+                                                default: (0,external_vue_.withCtx)(() => [
+                                                    ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-icon']), {
+                                                        color: _ctx.validationMessage && !_ctx.readonly && !_ctx.disabled ? 'error' : 'grey'
+                                                    }, {
+                                                        default: (0,external_vue_.withCtx)(() => [
+                                                            (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.icon), 1)
+                                                        ]),
+                                                        _: 1
+                                                    }, 8, ["color"]))
+                                                ]),
+                                                _: 1
+                                            }, 8, ["disabled", "loading", "onClick"]))
+                                            : (0,external_vue_.createCommentVNode)("", true),
                                         (0,external_vue_.createTextVNode)(),
                                         (_ctx.loading)
-                                            ? ((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_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_5))
                                             : (0,external_vue_.createCommentVNode)("", true)
                                     ]),
                                     _: 3
@@ -4707,7 +4698,7 @@ function ld_select_list_boxvue_type_template_id_1cac121a_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_1cac121a_scoped_true_ts_true_hoisted_6, [
+                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f07bf04a_scoped_true_ts_true_hoisted_6, [
                                 (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
                                     default: (0,external_vue_.withCtx)(() => [
                                         (_ctx.showHint)
@@ -4759,11 +4750,52 @@ function ld_select_list_boxvue_type_template_id_1cac121a_scoped_true_ts_true_ren
     }));
 }
 
-;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=1cac121a&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=f07bf04a&scoped=true&ts=true
 
 // EXTERNAL MODULE: external "./multiselect.js"
 var external_multiselect_js_ = __webpack_require__(9225);
 var external_multiselect_js_default = /*#__PURE__*/__webpack_require__.n(external_multiselect_js_);
+// EXTERNAL MODULE: external "./floating.js"
+var external_floating_js_ = __webpack_require__(3654);
+;// CONCATENATED MODULE: ./src/mixins/floatingUI.mixin.ts
+
+
+class FloatingUI extends external_vue_class_component_.Vue {
+    mounted() {
+        this.addPosWatcher();
+    }
+    beforeUnmount() {
+        this.removePosWatcher();
+    }
+    addPosWatcher() {
+        const referenceEl = this.$refs.multiselect.$el;
+        const dropdownEl = referenceEl.querySelector('.multiselect__content-wrapper');
+        if (!dropdownEl || !referenceEl || !window.ResizeObserver) {
+            return;
+        }
+        FloatingUI.CleanupPosWatcher = (0,external_floating_js_.autoUpdate)(referenceEl, dropdownEl, async () => {
+            const { y, strategy } = await (0,external_floating_js_.computePosition)(referenceEl, dropdownEl, {
+                strategy: 'fixed',
+                middleware: [
+                    (0,external_floating_js_.autoPlacement)({
+                        allowedPlacements: ['top', 'bottom'],
+                    }),
+                ],
+            });
+            dropdownEl.style.position = strategy;
+            dropdownEl.style.top = `${y}px`;
+            dropdownEl.style.maxWidth = `${referenceEl.clientWidth}px`;
+        });
+    }
+    removePosWatcher() {
+        if (FloatingUI.CleanupPosWatcher) {
+            FloatingUI.CleanupPosWatcher();
+        }
+        FloatingUI.CleanupPosWatcher = null;
+    }
+}
+FloatingUI.CleanupPosWatcher = null;
+
 ;// CONCATENATED MODULE: ./node_modules/lodash-es/_listCacheClear.js
 /**
  * Removes all key-value entries from the list cache.
@@ -7049,52 +7081,6 @@ function isEqual(value, other) {
 
 /* harmony default export */ const lodash_es_isEqual = (isEqual);
 
-// EXTERNAL MODULE: external "./floating.js"
-var external_floating_js_ = __webpack_require__(3654);
-;// CONCATENATED MODULE: ./src/ld-select-list-box/floatingUI.mixin.ts
-
-
-class FloatingUI extends external_vue_class_component_.Vue {
-    constructor() {
-        super(...arguments);
-        this.cleanupPosWatcher = null;
-    }
-    mounted() {
-        this.addPosWatcher();
-    }
-    beforeUnmount() {
-        this.removePosWatcher();
-    }
-    addPosWatcher() {
-        const referenceEl = this.$refs.multiselect.$el;
-        const dropdownEl = referenceEl.querySelector('.multiselect__content-wrapper');
-        if (!dropdownEl || !referenceEl || !window.ResizeObserver) {
-            return;
-        }
-        this.cleanupPosWatcher = (0,external_floating_js_.autoUpdate)(referenceEl, dropdownEl, async () => {
-            const { y, strategy } = await (0,external_floating_js_.computePosition)(referenceEl, dropdownEl, {
-                strategy: 'fixed',
-                middleware: [
-                    (0,external_floating_js_.autoPlacement)({
-                        allowedPlacements: ['top', 'bottom'],
-                    }),
-                ],
-            });
-            Object.assign(dropdownEl.style, {
-                top: `${y}px`,
-                position: strategy,
-                'max-width': `${referenceEl.clientWidth}px`,
-            });
-        });
-    }
-    removePosWatcher() {
-        if (this.cleanupPosWatcher) {
-            this.cleanupPosWatcher();
-        }
-        this.cleanupPosWatcher = null;
-    }
-}
-
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-select-list-box/ld-select-list-box.ts?vue&type=script&lang=ts&external
 var ld_select_list_boxvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -7184,15 +7170,6 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
             this.loading = false;
         }
     }
-    async onShowInputChange(newVal) {
-        if (newVal && !this.cleanupPosWatcher) {
-            await this.$nextTick();
-            this.addPosWatcher();
-        }
-        else {
-            this.removePosWatcher();
-        }
-    }
     created() {
         this.messagesBucket = {
             ...this.messagesBucket,
@@ -7203,7 +7180,6 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         if (this.form) {
             this.form.register(this, null);
         }
-        this.fullErrorBucket();
     }
     mounted() {
         if (this.autofocus) {
@@ -7236,6 +7212,9 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
             }
         }
         else {
+            if (!this.hasItems) {
+                await this.fetchData();
+            }
             this.optionsList = this.filterOptions(searchTerm);
         }
     }
@@ -7247,7 +7226,7 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
     async onSelect() {
         if (this.handlers.select instanceof Function) {
             const selected = await this.handlers.select();
-            if (selected && selected.length) {
+            if (Array.isArray(selected) && selected.length || !Array.isArray(selected) && selected) {
                 this.selected = selected;
                 this.onInput();
                 this.validate();
@@ -7255,37 +7234,31 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         }
     }
     validate() {
-        this.errorBucket = [];
-        let funcResult = requiredRule()(this.selectedToArray);
-        if (funcResult !== true) {
-            this.validationMessage = this.messagesBucket.validation || funcResult;
-            return false;
+        this.validationMessage = '';
+        let funcResult = true;
+        if (this.required) {
+            funcResult = requiredRule()(this.selectedToArray);
+            if (funcResult !== true) {
+                this.validationMessage = this.messagesBucket.validation || funcResult;
+                return false;
+            }
         }
-        this.validRules.forEach(func => {
+        this.myRules.forEach(func => {
             funcResult = func(this.selectedToArray);
             if (funcResult !== true) {
                 this.validationMessage = funcResult;
-                if (!this.selected)
-                    this.errorBucket.push(funcResult);
             }
         });
         return !this.validationMessage;
     }
-    fullErrorBucket() {
-        this.errorBucket = [];
-        let funcResult = null;
-        this.validRules.forEach(func => {
-            funcResult = func(this.selectedToArray);
-            if (funcResult !== true) {
-                this.errorBucket.push(funcResult);
-            }
-        });
-    }
     onInput() {
         this.$nextTick(() => {
             this.checkedItems = [...this.selectedIds];
         });
         this.emitUpdate();
+        if (this.required) {
+            this.validate();
+        }
     }
     onCheckItem(checked, item) {
         if (Array.isArray(this.selected)) {
@@ -7317,6 +7290,9 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
             this.readedItems = await this.handlers.fetchData();
         }
     }
+    get hasItems() {
+        return this.readedItems.length > 0;
+    }
     get showHint() {
         return this.validationMessage || Boolean(this.inputHint && this.persistentHint);
     }
@@ -7330,7 +7306,7 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         return this.validationMessage ? this.validationMessage : this.inputHint;
     }
     get hasError() {
-        return Boolean(this.validationMessage) || this.errorBucket.length > 0;
+        return Boolean(this.validationMessage);
     }
     get singeItem() {
         return this.toSingleItem(this.selected);
@@ -7344,9 +7320,6 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         }
         return this.selectedToArray.map(item => this.itemIdentity(item));
     }
-    get showInput() {
-        return this.multiselect || !this.selectedIds.length;
-    }
     get canRemove() {
         const result = !this.readonly && !this.disabled;
         if (!result) {
@@ -7430,7 +7403,7 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Number)
 ], SelectListBoxComponent.prototype, "limit", void 0);
 ld_select_list_boxvue_type_script_lang_ts_external_decorate([
-    (0,external_vue_property_decorator_.Prop)({ default: true }),
+    (0,external_vue_property_decorator_.Prop)({ default: false }),
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
 ], SelectListBoxComponent.prototype, "disableDialog", void 0);
 ld_select_list_boxvue_type_script_lang_ts_external_decorate([
@@ -7445,10 +7418,6 @@ 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)
@@ -7493,12 +7462,6 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object]),
     ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:returntype", Promise)
 ], SelectListBoxComponent.prototype, "onValueChanged", null);
-ld_select_list_boxvue_type_script_lang_ts_external_decorate([
-    (0,external_vue_property_decorator_.Watch)('showInput'),
-    ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Function),
-    ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Boolean]),
-    ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:returntype", Promise)
-], SelectListBoxComponent.prototype, "onShowInputChange", null);
 SelectListBoxComponent = ld_select_list_boxvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Options)({
         components: {
@@ -7519,7 +7482,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_1cac121a_scoped_true_ts_true_render],['__scopeId',"data-v-1cac121a"]])
+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_f07bf04a_scoped_true_ts_true_render],['__scopeId',"data-v-f07bf04a"]])
 
 /* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
 ;// CONCATENATED MODULE: ./src/ld-select-list-box/index.ts
@@ -7788,20 +7751,20 @@ function ld_checkbox_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_checkbox = (ld_checkbox_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-radiobutton/ld-radiobutton.vue?vue&type=template&id=5bb8c592&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-radiobutton/ld-radiobutton.vue?vue&type=template&id=2d8a7abd&scoped=true&ts=true
 
-const ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-5bb8c592"), n = n(), _popScopeId(), n);
-const ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_hoisted_1 = {
+const ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-2d8a7abd"), n = n(), _popScopeId(), n);
+const ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_hoisted_1 = {
     key: 1,
     class: "text-color w-auto",
     style: {}
 };
-const ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_hoisted_2 = {
+const ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_hoisted_2 = {
     class: "mr-1 d-flex flex-grow-0 align-center",
     style: { "max-width": "100%" }
 };
-const ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_hoisted_3 = ["value", "id", "disabled", "checked"];
-function ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_hoisted_3 = ["value", "id", "disabled", "checked"];
+function ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip");
     return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
         class: (0,external_vue_.normalizeClass)(["ld-radiobutton", {
@@ -7830,15 +7793,15 @@ function ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_render(
                     ]),
                     _: 1
                 }))
-                : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.label), 1))
+                : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.label), 1))
         ]),
         (0,external_vue_.createTextVNode)(),
-        (0,external_vue_.createElementVNode)("div", ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_hoisted_2, [
+        (0,external_vue_.createElementVNode)("div", ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_hoisted_2, [
             (0,external_vue_.createElementVNode)("input", {
                 ref: "radioInput",
                 type: "radio",
                 style: { "height": "var(--font-size)" },
-                class: (0,external_vue_.normalizeClass)({ checked: _ctx.isActive }),
+                class: (0,external_vue_.normalizeClass)({ checked: _ctx.isActive, 'cursor-pointer': !_ctx.isDisabled }),
                 value: _ctx.value,
                 id: `radiobutton-${_ctx.uid}`,
                 disabled: _ctx.isDisabled,
@@ -7847,12 +7810,12 @@ function ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_render(
                 onBlur: _cache[2] || (_cache[2] =
                     //@ts-ignore
                     (...args) => (_ctx.emitBlur && _ctx.emitBlur(...args)))
-            }, null, 42, ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_hoisted_3)
+            }, null, 42, ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_hoisted_3)
         ])
     ], 2));
 }
 
-;// CONCATENATED MODULE: ./src/ld-radiobutton/ld-radiobutton.vue?vue&type=template&id=5bb8c592&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-radiobutton/ld-radiobutton.vue?vue&type=template&id=2d8a7abd&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-radiobutton/ld-radiobutton.ts?vue&type=script&lang=ts&external
 var ld_radiobuttonvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -7947,7 +7910,7 @@ ld_radiobuttonvue_type_script_lang_ts_external_decorate([
 ;
 
 
-const ld_radiobutton_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(RadiobuttonComponent, [['render',ld_radiobuttonvue_type_template_id_5bb8c592_scoped_true_ts_true_render],['__scopeId',"data-v-5bb8c592"]])
+const ld_radiobutton_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(RadiobuttonComponent, [['render',ld_radiobuttonvue_type_template_id_2d8a7abd_scoped_true_ts_true_render],['__scopeId',"data-v-2d8a7abd"]])
 
 /* harmony default export */ const ld_radiobutton = (ld_radiobutton_exports_);
 ;// CONCATENATED MODULE: ./src/ld-radiobutton/index.ts
@@ -7957,22 +7920,22 @@ function ld_radiobutton_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_radiobutton = (ld_radiobutton_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-radiogroup/ld-radiogroup.vue?vue&type=template&id=0aee9d13&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-radiogroup/ld-radiogroup.vue?vue&type=template&id=1c1e9efc&scoped=true&ts=true
 
-const ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-0aee9d13"), n = n(), _popScopeId(), n);
-const ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_hoisted_1 = {
+const ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-1c1e9efc"), n = n(), _popScopeId(), n);
+const ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_hoisted_1 = {
     key: 1,
     class: "d-flex flex-wrap"
 };
-const ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_hoisted_2 = {
+const ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_hoisted_2 = {
     key: 2,
     class: "validate"
 };
-const ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_hoisted_3 = {
+const ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_hoisted_3 = {
     key: 0,
     class: "error--text"
 };
-function ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
     const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
     const _component_v_row = (0,external_vue_.resolveComponent)("v-row");
@@ -8001,7 +7964,7 @@ function ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_render(_
                                 return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-radiobutton']), (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)(el)), null, 16));
                             }), 256))
                         ], true)
-                        : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_hoisted_1, [
+                        : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_hoisted_1, [
                             (0,external_vue_.renderSlot)(_ctx.$slots, "default", {}, () => [
                                 ((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.values, (el) => {
                                     return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-radiobutton']), (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)(el)), null, 16));
@@ -8010,11 +7973,11 @@ function ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_render(_
                         ])),
                     (0,external_vue_.createTextVNode)(),
                     (!_ctx.hideDetails)
-                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_hoisted_2, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_hoisted_2, [
                             (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
                                 default: (0,external_vue_.withCtx)(() => [
                                     (_ctx.hasError)
-                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.validationMesssage), 1))
+                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.validationMessage), 1))
                                         : (0,external_vue_.createCommentVNode)("", true)
                                 ]),
                                 _: 1
@@ -8029,7 +7992,7 @@ function ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_render(_
     }, 8, ["class"]));
 }
 
-;// CONCATENATED MODULE: ./src/ld-radiogroup/ld-radiogroup.vue?vue&type=template&id=0aee9d13&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-radiogroup/ld-radiogroup.vue?vue&type=template&id=1c1e9efc&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-radiogroup/ld-radiogroup.ts?vue&type=script&lang=ts&external
 var ld_radiogroupvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -8065,13 +8028,9 @@ let RadioGroupComponent = class RadioGroupComponent extends (0,external_vue_clas
             disabled: this.disabled,
         };
         this.radiogroup = null;
-        this.validationMessage = '';
         this.radios = [];
         this.internalValue = null;
         this.hasInput = false;
-        this.myRules = [];
-        this.errorBucket = [];
-        this.validationMesssage = '';
         this.showInputHint = false;
     }
     emitUpdateModelValue(value) {
@@ -8102,7 +8061,6 @@ let RadioGroupComponent = class RadioGroupComponent extends (0,external_vue_clas
         if (this.form) {
             this.form.register(this, null);
         }
-        this.fullErrorBucket();
         this.radiogroup = {
             onRadioChange: () => {
                 this.emitUpdateModelValue(this.internalValue);
@@ -8140,14 +8098,12 @@ let RadioGroupComponent = class RadioGroupComponent extends (0,external_vue_clas
         }
     }
     validate() {
-        this.errorBucket = [];
-        this.validationMesssage = '';
+        this.validationMessage = '';
         const validationResult = requiredRule()(String(this.modelValue));
         if (validationResult !== true) {
-            this.validationMesssage = validationResult;
-            this.errorBucket.push(validationResult);
+            this.validationMessage = validationResult;
         }
-        return !this.validationMesssage;
+        return !this.validationMessage;
     }
     setActiveRadio() {
         for (let index = this.radios.length; --index >= 0; index) {
@@ -8159,18 +8115,11 @@ let RadioGroupComponent = class RadioGroupComponent extends (0,external_vue_clas
             radio.isActive = this.internalValue == radio.value || lodash_es_isEqual(this.internalValue, radio.value);
         }
     }
-    fullErrorBucket() {
-        this.errorBucket = [];
-        const validationResult = requiredRule()(this.modelValue);
-        if (validationResult !== true) {
-            this.errorBucket.push(validationResult);
-        }
-    }
     get showHint() {
-        return Boolean(this.validationMesssage || (this.inputHint && this.showInputHint));
+        return Boolean(this.validationMessage || (this.inputHint && this.showInputHint));
     }
     get hasError() {
-        return Boolean(this.validationMesssage) || this.errorBucket.length > 0;
+        return Boolean(this.validationMessage);
     }
 };
 ld_radiogroupvue_type_script_lang_ts_external_decorate([
@@ -8244,7 +8193,7 @@ RadioGroupComponent = ld_radiogroupvue_type_script_lang_ts_external_decorate([
 ;
 
 
-const ld_radiogroup_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_radiogroupvue_type_script_lang_ts_external, [['render',ld_radiogroupvue_type_template_id_0aee9d13_scoped_true_ts_true_render],['__scopeId',"data-v-0aee9d13"]])
+const ld_radiogroup_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_radiogroupvue_type_script_lang_ts_external, [['render',ld_radiogroupvue_type_template_id_1c1e9efc_scoped_true_ts_true_render],['__scopeId',"data-v-1c1e9efc"]])
 
 /* harmony default export */ const ld_radiogroup = (ld_radiogroup_exports_);
 ;// CONCATENATED MODULE: ./src/ld-radiogroup/index.ts
@@ -8494,17 +8443,17 @@ function ld_textarea_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_textarea = (ld_textarea_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/ld-select.vue?vue&type=template&id=6124ddba&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/ld-select.vue?vue&type=template&id=f3fdbf56&scoped=true&ts=true
 
-const ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-6124ddba"), n = n(), _popScopeId(), n);
-const ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
-const ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_2 = {
+const ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-f3fdbf56"), n = n(), _popScopeId(), n);
+const ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
+const ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_2 = {
     key: 1,
     class: "text-crop"
 };
-const ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_3 = { class: "justify mr-2 flex items-center" };
-const ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_4 = ["checked"];
-function ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_3 = { class: "justify mr-2 flex items-center" };
+const ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_4 = ["checked"];
+function ld_selectvue_type_template_id_f3fdbf56_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_icon = (0,external_vue_.resolveComponent)("v-icon");
@@ -8512,7 +8461,7 @@ function ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render(_ctx,
     const _component_v_select = (0,external_vue_.resolveComponent)("v-select");
     const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
     const _component_v_row = (0,external_vue_.resolveComponent)("v-row");
-    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_1, [
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_1, [
         (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
             default: (0,external_vue_.withCtx)(() => [
                 (_ctx.label)
@@ -8526,7 +8475,7 @@ function ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render(_ctx,
                     : (0,external_vue_.createCommentVNode)("", true),
                 (0,external_vue_.createTextVNode)(),
                 (0,external_vue_.createVNode)(_component_v_col, {
-                    class: (0,external_vue_.normalizeClass)([{ 'only-view': _ctx.readonly }, _ctx.inputSizeClasses])
+                    class: (0,external_vue_.normalizeClass)([_ctx.inputSizeClasses])
                 }, {
                     default: (0,external_vue_.withCtx)(() => [
                         (0,external_vue_.createVNode)(_component_v_select, {
@@ -8546,7 +8495,6 @@ function ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render(_ctx,
                             "error-messages": _ctx.validationMessage,
                             readonly: _ctx.readonly,
                             disabled: _ctx.disabled,
-                            "menu-icon": "arrow_drop_down",
                             onBlur: _ctx.onBlur,
                             onFocus: _ctx.onFocus
                         }, {
@@ -8580,7 +8528,7 @@ function ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render(_ctx,
                                                     : (0,external_vue_.createCommentVNode)("", true)
                                             ], 64))
                                     ], 64))
-                                    : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_2, (0,external_vue_.toDisplayString)(item.title), 1))
+                                    : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_2, (0,external_vue_.toDisplayString)(item.title), 1))
                             ]),
                             item: (0,external_vue_.withCtx)(({ item, props }) => [
                                 (0,external_vue_.createVNode)(_component_v_list_item, (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)(props)), (0,external_vue_.createSlots)({ _: 2 }, [
@@ -8588,13 +8536,13 @@ function ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render(_ctx,
                                         ? {
                                             name: "prepend",
                                             fn: (0,external_vue_.withCtx)(() => [
-                                                (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_3, [
+                                                (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_3, [
                                                     (0,external_vue_.createElementVNode)("input", {
                                                         ref: "checkbox",
                                                         type: "checkbox",
                                                         class: "d-none",
                                                         checked: _ctx.itemSelected(item.raw)
-                                                    }, null, 8, ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_hoisted_4),
+                                                    }, null, 8, ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_hoisted_4),
                                                     (0,external_vue_.createTextVNode)(),
                                                     (0,external_vue_.createVNode)(_component_v_icon, {
                                                         icon: "check",
@@ -8623,7 +8571,7 @@ function ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render(_ctx,
     ]));
 }
 
-;// CONCATENATED MODULE: ./src/ld-select/ld-select.vue?vue&type=template&id=6124ddba&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-select/ld-select.vue?vue&type=template&id=f3fdbf56&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-select/ld-select.ts?vue&type=script&lang=ts&external
 var ld_selectvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -8845,7 +8793,7 @@ SelectComponent = ld_selectvue_type_script_lang_ts_external_decorate([
 ;
 
 
-const ld_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_selectvue_type_script_lang_ts_external, [['render',ld_selectvue_type_template_id_6124ddba_scoped_true_ts_true_render],['__scopeId',"data-v-6124ddba"]])
+const ld_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_selectvue_type_script_lang_ts_external, [['render',ld_selectvue_type_template_id_f3fdbf56_scoped_true_ts_true_render],['__scopeId',"data-v-f3fdbf56"]])
 
 /* harmony default export */ const ld_select = (ld_select_exports_);
 ;// CONCATENATED MODULE: ./src/ld-select/index.ts
@@ -8855,6 +8803,653 @@ function ld_select_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_select = (ld_select_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-combobox/ld-combobox.vue?vue&type=template&id=7bbbdbd8&scoped=true&ts=true
+
+const ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-7bbbdbd8"), n = n(), _popScopeId(), n);
+const ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_1 = { class: "text-crop" };
+const ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_2 = {
+    key: 0,
+    class: "d-flex align-center"
+};
+const ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_3 = { class: "d-flex flex-column justify-center" };
+const ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_4 = {
+    key: 0,
+    class: "grey--text",
+    style: { "font-size": "var(--font-size--1)" }
+};
+const ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_5 = {
+    key: 0,
+    class: "combobox-loading"
+};
+const ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_6 = {
+    key: 0,
+    class: "combobox-validate"
+};
+function ld_comboboxvue_type_template_id_7bbbdbd8_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");
+    const _component_v_row = (0,external_vue_.resolveComponent)("v-row");
+    const _component_multiselect = (0,external_vue_.resolveComponent)("multiselect");
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_row, {
+        "no-gutters": "",
+        class: "ld-combobox"
+    }, {
+        default: (0,external_vue_.withCtx)(() => [
+            (_ctx.label)
+                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_label, {
+                    key: 0,
+                    class: (0,external_vue_.normalizeClass)([_ctx.labelSizeClasses]),
+                    label: _ctx.label,
+                    required: _ctx.required,
+                    "align-label-to-right": _ctx.alignLabelToRight
+                }, null, 8, ["class", "label", "required", "align-label-to-right"]))
+                : (0,external_vue_.createCommentVNode)("", true),
+            (0,external_vue_.createTextVNode)(),
+            (0,external_vue_.createVNode)(_component_v_col, {
+                class: (0,external_vue_.normalizeClass)(_ctx.inputSizeClasses)
+            }, {
+                default: (0,external_vue_.withCtx)(() => [
+                    (0,external_vue_.createVNode)(_component_v_row, {
+                        "no-gutters": "",
+                        style: { "border-radius": "var(--border-radius)", "overflow": "hidden" }
+                    }, {
+                        default: (0,external_vue_.withCtx)(() => [
+                            (0,external_vue_.createVNode)(_component_v_col, {
+                                class: "d-flex",
+                                style: { "position": "relative" }
+                            }, {
+                                default: (0,external_vue_.withCtx)(() => [
+                                    (0,external_vue_.createVNode)(_component_multiselect, {
+                                        ref: "multiselect",
+                                        modelValue: _ctx.selected,
+                                        "onUpdate:modelValue": [
+                                            _cache[0] || (_cache[0] = ($event) => ((_ctx.selected) = $event)),
+                                            _ctx.onInput
+                                        ],
+                                        "track-by": "id",
+                                        class: "multiselect--arrow",
+                                        multiple: _ctx.multiselect,
+                                        placeholder: _ctx.placeholder,
+                                        "select-label": '',
+                                        options: _ctx.optionsList,
+                                        searchable: true,
+                                        "internal-search": _ctx.internalSearch,
+                                        "clear-on-select": true,
+                                        "close-on-select": !_ctx.multiselect,
+                                        "options-limit": 300,
+                                        "max-height": 250,
+                                        "show-no-results": true,
+                                        "show-no-options": false,
+                                        disabled: _ctx.readonly || _ctx.disabled,
+                                        limit: _ctx.limit,
+                                        tabindex: _ctx.tabIndex,
+                                        allowEmpty: _ctx.allowEmpty,
+                                        onClose: _ctx.dropdownClose,
+                                        onOpen: _ctx.goSearch,
+                                        onSearchChange: _ctx.getItems
+                                    }, {
+                                        tag: (0,external_vue_.withCtx)(({ option }) => [
+                                            (0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({
+                                                item: option,
+                                                onRemove: _ctx.onRemoveItem,
+                                                canRemove: _ctx.canRemove,
+                                            })), () => [
+                                                ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
+                                                    key: JSON.stringify(option),
+                                                    color: _ctx.disabled ? 'grey' : 'primary',
+                                                    closable: _ctx.canRemove,
+                                                    "onClick:close": ($event) => (_ctx.onRemoveItem(option))
+                                                }, {
+                                                    default: (0,external_vue_.withCtx)(() => [
+                                                        (0,external_vue_.createElementVNode)("span", ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
+                                                    ]),
+                                                    _: 2
+                                                }, 1032, ["color", "closable", "onClick:close"]))
+                                            ], true)
+                                        ]),
+                                        option: (0,external_vue_.withCtx)(({ option }) => [
+                                            (0,external_vue_.createVNode)(_component_v_row, {
+                                                "no-gutters": "",
+                                                class: "mb-1"
+                                            }, {
+                                                default: (0,external_vue_.withCtx)(() => [
+                                                    (0,external_vue_.createVNode)(_component_v_col, { class: "d-flex align-center py-1" }, {
+                                                        default: (0,external_vue_.withCtx)(() => [
+                                                            (_ctx.multiselect)
+                                                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_7bbbdbd8_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,
+                                                                        "initial-value": _ctx.$utils.deepValueGetter(option, _ctx.itemValue),
+                                                                        "onUpdate:modelValue": ($event) => (_ctx.onCheckItem($event, option))
+                                                                    }, null, 8, ["model-value", "initial-value", "onUpdate:modelValue"]))
+                                                                ]))
+                                                                : (0,external_vue_.createCommentVNode)("", true),
+                                                            (0,external_vue_.createTextVNode)(),
+                                                            (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)(),
+                                                                (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_7bbbdbd8_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_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_4, [
+                                                                            (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), undefined, true)
+                                                                        ]))
+                                                                        : (0,external_vue_.createCommentVNode)("", true)
+                                                                ])
+                                                            ], 2)
+                                                        ]),
+                                                        _: 2
+                                                    }, 1024)
+                                                ]),
+                                                _: 2
+                                            }, 1024)
+                                        ]),
+                                        noResult: (0,external_vue_.withCtx)(() => [
+                                            (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.message), 1)
+                                        ]),
+                                        _: 3
+                                    }, 8, ["modelValue", "multiple", "placeholder", "options", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allowEmpty", "onClose", "onOpen", "onSearchChange", "onUpdate:modelValue"]),
+                                    (0,external_vue_.createTextVNode)(),
+                                    (_ctx.loading)
+                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_5))
+                                        : (0,external_vue_.createCommentVNode)("", true)
+                                ]),
+                                _: 3
+                            })
+                        ]),
+                        _: 3
+                    }),
+                    (0,external_vue_.createTextVNode)(),
+                    (!_ctx.hideDetails)
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_hoisted_6, [
+                            (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
+                                default: (0,external_vue_.withCtx)(() => [
+                                    (_ctx.showHint)
+                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
+                                            key: 0,
+                                            style: { "font-size": "var(--font-size--1)" },
+                                            class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.warningHint, 'grey--text': !_ctx.validationMessage })
+                                        }, (0,external_vue_.toDisplayString)(_ctx.displayingInputHint), 3))
+                                        : (0,external_vue_.createCommentVNode)("", true)
+                                ]),
+                                _: 1
+                            })
+                        ]))
+                        : (0,external_vue_.createCommentVNode)("", true)
+                ]),
+                _: 3
+            }, 8, ["class"])
+        ]),
+        _: 3
+    }));
+}
+
+;// CONCATENATED MODULE: ./src/ld-combobox/ld-combobox.vue?vue&type=template&id=7bbbdbd8&scoped=true&ts=true
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-combobox/ld-combobox.ts?vue&type=script&lang=ts&external
+var ld_comboboxvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_comboboxvue_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_comboboxvue_type_script_lang_ts_external_a, ld_comboboxvue_type_script_lang_ts_external_b;
+
+
+
+
+
+
+
+
+
+
+
+
+class InternalError extends Error {
+    constructor(message = 'internal error') {
+        super(message);
+    }
+}
+/**
+ * @displayName ld-combobox
+ */
+let ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vue_class_component_.mixins)(ValidatableMixin, GridMixin, InputMixin, FloatingUI) {
+    constructor() {
+        super(...arguments);
+        this.readedItems = [];
+        this.optionsList = [];
+        this.selected = [];
+        this.checkedItems = [];
+        this.getItems = null;
+        this.errors = [];
+        this.messagesBucket = {
+            search: 'Идет поиск...',
+            empty: 'Поиск не дал результатов',
+            validation: ''
+        };
+        this.message = '';
+        this.loading = false;
+    }
+    emitUpdateValue() {
+        if (this.multiselect) {
+            return this.selectedIds;
+        }
+        else {
+            return this.selectedIds.length ? this.selectedIds[0] : null;
+        }
+    }
+    emitUpdateItems() {
+        return this.selectedToArray;
+    }
+    emitInput() {
+        return true;
+    }
+    emitBlur(value) {
+        return value;
+    }
+    emitClick() {
+        return true;
+    }
+    async onValueChanged(value) {
+        if (!this.$utils.isDefined(value)) {
+            return;
+        }
+        let val = this.toArray(value);
+        if (lodash_es_isEqual(val, this.selectedIds)) {
+            return;
+        }
+        if (val.length) {
+            try {
+                await this.setSelected(val);
+            }
+            catch (e) {
+                this.throwError(e);
+            }
+        }
+        else if (!this.hasItems && !this.lazyLoad) {
+            try {
+                await this.fetchItems();
+            }
+            catch (e) {
+                this.throwError(e);
+            }
+        }
+    }
+    onItemsChanged() {
+        this.onValueChanged(this.modelValue);
+    }
+    created() {
+        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);
+        }
+    }
+    mounted() {
+        if (this.autofocus) {
+            const selectElem = this.$refs.multiselect.$el;
+            if (selectElem) {
+                selectElem.getElementsByClassName('multiselect__input')[0].focus();
+            }
+        }
+    }
+    unmounted() {
+        if (this.form) {
+            this.form.unregister(this, null);
+        }
+    }
+    async goSearch(searchTerm) {
+        if (this.hasItems || this.hasReadedItems) {
+            this.optionsList = this.filterOptions(searchTerm);
+            if (this.optionsList.length === 0) {
+                this.message = this.messagesBucket.empty;
+            }
+            return;
+        }
+        try {
+            this.loading = true;
+            await this.fetchItems(searchTerm);
+            this.optionsList = this.filterOptions(this.internalSearch ? searchTerm : null);
+        }
+        catch (e) {
+            this.throwError(e);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    dropdownClose() {
+        this.validate();
+        this.emitBlur(this.selectedToArray);
+    }
+    validate() {
+        this.validationMessage = '';
+        let funcResult = true;
+        if (this.required) {
+            funcResult = requiredRule()(this.selectedToArray);
+            if (funcResult !== true) {
+                this.validationMessage = this.messagesBucket.validation || funcResult;
+                return false;
+            }
+        }
+        this.myRules.forEach(func => {
+            funcResult = func(this.selectedToArray);
+            if (funcResult !== true) {
+                this.validationMessage = funcResult;
+            }
+        });
+        return !this.validationMessage;
+    }
+    onInput() {
+        this.$nextTick(() => {
+            this.checkedItems = [...this.selectedIds];
+        });
+        this.emitUpdate();
+        if (this.required) {
+            this.validate();
+        }
+    }
+    onCheckItem(checked, item) {
+        if (Array.isArray(this.selected)) {
+            const id = this.itemIdentity(item);
+            if (checked.includes(id)) {
+                this.selected = this.selected.filter(el => this.itemIdentity(el) !== id);
+            }
+            else {
+                this.selected.push({ ...item });
+            }
+            this.onInput();
+        }
+    }
+    onRemoveItem(item) {
+        const id = this.itemIdentity(item);
+        if (Array.isArray(this.selected)) {
+            this.selected = this.selected.filter(el => this.itemIdentity(el) !== id);
+        }
+        else {
+            this.selected = null;
+        }
+        this.onInput();
+    }
+    itemIdentity(item) {
+        return this.$utils.deepValueGetter(item, this.itemValue);
+    }
+    emitUpdate() {
+        this.emitUpdateValue();
+        this.emitUpdateItems();
+        this.emitInput();
+    }
+    async fetchItems(searchTerm = null) {
+        if (this.fetchData instanceof Function) {
+            try {
+                this.loading = true;
+                this.readedItems = await this.fetchData(searchTerm);
+            }
+            catch (e) {
+                /* eslint-disable no-console */
+                console.error(e);
+            }
+            finally {
+                this.loading = false;
+            }
+        }
+        else {
+            throw new InternalError();
+        }
+    }
+    async setSelected(ids) {
+        const func = (item) => {
+            const id = this.$utils.deepValueGetter(item, this.itemValue);
+            ;
+            return ids.includes(id);
+        };
+        const find = (items) => {
+            return this.multiselect ? items.filter(func) : items.find(func);
+        };
+        if (this.hasItems) {
+            this.selected = find(this.items);
+            this.onInput();
+            return;
+        }
+        if (this.itemsIsDefined) {
+            return;
+        }
+        if (!this.hasReadedItems) {
+            await this.fetchItems();
+        }
+        if (this.hasReadedItems) {
+            this.selected = find(this.readedItems);
+            this.onInput();
+        }
+    }
+    filterOptions(searchTerm) {
+        const func = (item) => {
+            if (this.itemTitle in item) {
+                const value = String(this.$utils.deepValueGetter(item, this.itemTitle));
+                return value.toLowerCase().indexOf(searchTerm.toLowerCase()) > -1;
+            }
+        };
+        if (this.hasItems) {
+            return searchTerm ? this.items.filter(func) : this.items;
+        }
+        if (this.hasReadedItems) {
+            return searchTerm ? this.readedItems.filter(func) : this.readedItems;
+        }
+        return [];
+    }
+    toArray(value) {
+        if (!this.$utils.isDefined(value)) {
+            return [];
+        }
+        if (Array.isArray(value)) {
+            return [...value];
+        }
+        return [value];
+    }
+    throwError(e) {
+        if (e instanceof InternalError || e.message === 'internal error') {
+            //
+        }
+        else {
+            /* eslint-disable no-console */
+            console.error(e);
+        }
+    }
+    get itemsIsDefined() {
+        return this.items !== undefined;
+    }
+    get hasItems() {
+        return Array.isArray(this.items) && this.items.length > 0;
+    }
+    get hasReadedItems() {
+        return Array.isArray(this.readedItems) && this.readedItems.length > 0;
+    }
+    get showHint() {
+        return this.validationMessage || Boolean(this.inputHint && this.persistentHint);
+    }
+    get warningHint() {
+        return Boolean(this.validationMessage) || this.errors.length > 0;
+    }
+    get displayingInputHint() {
+        if (this.errors.length) {
+            return this.errors[this.errors.length - 1];
+        }
+        return this.validationMessage ? this.validationMessage : this.inputHint;
+    }
+    get hasError() {
+        return Boolean(this.validationMessage);
+    }
+    get selectedToArray() {
+        return this.toArray(this.selected);
+    }
+    get selectedIds() {
+        if (!this.selectedToArray.length) {
+            return [];
+        }
+        return this.selectedToArray.map(item => this.itemIdentity(item));
+    }
+    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;
+    }
+};
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Object)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "modelValue", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Object)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "modelItems", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "multiselect", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: 'value' }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", String)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "itemTitle", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: 'id' }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", String)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "itemValue", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Object, default: () => ({}) }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Object)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "messages", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", String)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "inputHint", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "persistentHint", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "optionHint", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Number)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "limit", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "internalSearch", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "allowEmpty", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Array, default: undefined }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", typeof (ld_comboboxvue_type_script_lang_ts_external_b = typeof Array !== "undefined" && Array) === "function" ? ld_comboboxvue_type_script_lang_ts_external_b : Object)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "items", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "lazyLoad", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "fetchData", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Inject)({ from: 'form', default: null }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Object)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "form", void 0);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    Emit('update:model-value'),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:paramtypes", []),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "emitUpdateValue", null);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    Emit('update:model-items'),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:paramtypes", []),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "emitUpdateItems", null);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    Emit('input'),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:paramtypes", []),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "emitInput", null);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    Emit('blur'),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object]),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "emitBlur", null);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    Emit('click'),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:paramtypes", []),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "emitClick", null);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('modelValue', { deep: true, immediate: true }),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object]),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:returntype", Promise)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "onValueChanged", null);
+ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('items'),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:paramtypes", []),
+    ld_comboboxvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent.prototype, "onItemsChanged", null);
+ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent = ld_comboboxvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Options)({
+        components: {
+            'ld-label': ld_label,
+            'multiselect': (external_multiselect_js_default()),
+        },
+    })
+], ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent);
+/* harmony default export */ const ld_comboboxvue_type_script_lang_ts_external = (ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent);
+
+;// CONCATENATED MODULE: ./src/ld-combobox/ld-combobox.ts?vue&type=script&lang=ts&external
+ 
+;// CONCATENATED MODULE: ./src/ld-combobox/ld-combobox.vue
+
+
+
+
+;
+
+
+const ld_combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_comboboxvue_type_script_lang_ts_external, [['render',ld_comboboxvue_type_template_id_7bbbdbd8_scoped_true_ts_true_render],['__scopeId',"data-v-7bbbdbd8"]])
+
+/* harmony default export */ const ld_combobox = (ld_combobox_exports_);
+;// CONCATENATED MODULE: ./src/ld-combobox/index.ts
+
+function ld_combobox_reg(vue, options) {
+    vue.component(options.aliases['ld-combobox'], ld_combobox);
+}
+/* harmony default export */ const src_ld_combobox = (ld_combobox_reg);
+
 ;// CONCATENATED MODULE: ./src/utils/delay.ts
 async function delay(timeout) {
     return new Promise(resolve => setTimeout(() => resolve(), timeout));
@@ -9270,6 +9865,7 @@ const ActiveDirectiveOptions = {
 
 
 
+
 
 
 const ldmuiPlugin = {
@@ -9296,6 +9892,7 @@ const ldmuiPlugin = {
             'ld-radiogroup': options.aliases?.['ld-radiogroup'] ?? 'ld-radiogroup',
             'ld-textarea': options.aliases?.['ld-textarea'] ?? 'ld-textarea',
             'ld-select': options.aliases?.['ld-select'] ?? 'ld-select',
+            'ld-combobox': options.aliases?.['ld-combobox'] ?? 'ld-combobox',
         };
         vue.config.globalProperties.$utils = {
             ...utils_namespaceObject,
@@ -9328,6 +9925,7 @@ const ldmuiPlugin = {
         src_ld_radiogroup(vue, options);
         src_ld_textarea(vue, options);
         src_ld_select(vue, options);
+        src_ld_combobox(vue, options);
     },
 };
 /* harmony default export */ const src = (ldmuiPlugin);