@ldmjs/ui 1.0.82 → 1.0.84

package/dist/css/index.css

@@ -1,6 +1,6 @@
 .ld-checkbox{display:flex;flex-direction:column;position:relative;min-height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.ld-checkbox input[type=checkbox]+.v-icon{display:flex;align-items:center;width:14px !important;height:15px !important;font-size:11px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}.ld-checkbox input[type=checkbox]:focus+.v-icon{background-color:var(--grey-l-6)}.ld-checkbox input[type=checkbox]:focus+.v-icon svg{opacity:0}.ld-checkbox input[type=checkbox]:checked+.v-icon{background-color:var(--primary-l-2);border:1px solid var(--primary);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type=checkbox]:checked+.v-icon svg{opacity:1}.ld-checkbox input[type=checkbox]:checked:focus+.v-icon{background-color:var(--primary-l-3)}.ld-checkbox input[type=checkbox]:checked:focus+.v-icon svg{opacity:1}.ld-checkbox input[type=checkbox]:checked:disabled+.v-icon{background-color:var(--grey-l-3);border:1px solid var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
 .label[data-v-2b5031ea]{word-wrap:break-word;max-width:100%;padding-bottom:2px;color:var(--label) !important;font-size:var(--font-size)}.label-wrapper[data-v-2b5031ea]{display:flex;align-items:center;min-height:var(--input-height)}.require[data-v-2b5031ea]::after{content:"*";display:inline-block;color:var(--error)}
-.ld-combobox[data-v-37aed791]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-37aed791]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-37aed791]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-combobox .combobox-loading[data-v-37aed791]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-37aed791 1.4s linear;animation-iteration-count:infinite}@keyframes loading-37aed791{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
+.ld-combobox[data-v-219a56fa]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-219a56fa]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-219a56fa]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-combobox .combobox-loading[data-v-219a56fa]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-219a56fa 1.4s linear;animation-iteration-count:infinite}@keyframes loading-219a56fa{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
 .ld-edit-list-box-validate[data-v-76c22520]{display:flex;align-items:center;overflow:hidden;height:20px}.ld-edit-list-box-validate>span[data-v-76c22520]{font-size:var(--font-size--1)}.edit-text-validate[data-v-76c22520]{overflow:hidden;height:20px;font-size:var(--font-size--1)}
 .ld-edit-masked-text[data-v-75b47890]{min-width:100%;font-size:inherit !important;display:flex}.ld-edit-masked-text .column[data-v-75b47890]{flex-flow:column}input[data-v-75b47890]{border:1px solid var(--grey-l-5);border-radius:var(--border-radius);width:100%;padding:0 8px;font-size:var(--font-size);height:var(--input-height)}input[data-v-75b47890]:focus,input[data-v-75b47890]:active{outline:none;border:1px solid var(--grey-l-4)}input[disabled][data-v-75b47890]{background-color:var(--grey-l-6);color:var(--grey)}.ld-edit-masked-text-validate[data-v-75b47890]{display:flex;align-items:center;overflow:hidden;height:20px;line-height:12px;font-size:var(--font-size--1)}
 .ld-edit-text[data-v-5f734745]{min-width:100%}.input-class[data-v-5f734745]{height:var(--input-height);font-size:var(--font-size);max-width:100%;border-radius:var(--border-radius);border:1px solid var(--grey-l-5);padding:0 6px}.input-class[data-v-5f734745]:not(.disabled){background-color:var(--white)}.input-class[data-v-5f734745]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-5f734745]{position:absolute;top:3px;right:6px;color:var(--label)}
@@ -8,8 +8,8 @@
 .v-toolbar[data-v-523d6f23]{position:relative;background-color:var(--white);box-shadow:var(--shadow-1);z-index:1}.toolbar-wrapper[data-v-523d6f23]{display:grid;width:100%;height:100%;padding:0 12px}.toolbar-wrapper[data-v-523d6f23]:not(.--preview){grid-template-columns:100%;grid-template-rows:var(--input-height);row-gap:4px}.toolbar-wrapper.--preview[data-v-523d6f23]{grid-template-columns:1fr}.toolbar-inner[data-v-523d6f23]{display:grid;grid-template-rows:100%;grid-template-columns:1fr max-content;column-gap:8px}.toolbar-caption[data-v-523d6f23]{--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-radiobutton[data-v-42a61559]{display:flex;align-items:center;font-size:var(--font-size)}
 .ld-ragiogroup .validate[data-v-572c2151]{overflow:hidden;height:20px}.ld-ragiogroup--row[data-v-572c2151] .ld-radiobutton:not(:first-child){margin-left:8px}
-.ld-select[data-v-04200e92]{position:relative;min-width:100%}.ld-select[data-v-04200e92] .v-field__append-inner{display:none}.ld-select[data-v-04200e92] .v-select{position:relative}.ld-select[data-v-04200e92] .v-select .v-input__control{position:relative}.ld-select[data-v-04200e92] .v-select .v-input__control:before{display:block;position:absolute;right:20px;top:calc(var(--input-height)/2);margin-top:-2px;color:var(--grey);border-style:solid;border-width:5px 5px 0;border-color:var(--grey) rgba(0,0,0,0) rgba(0,0,0,0);transition:transform .2s ease;content:"";z-index:1}.ld-select[data-v-04200e92] .v-input--readonly:before{opacity:.6}.ld-select[data-v-04200e92] .v-select--active-menu .v-input__control:before{transform:rotate(180deg)}input[type=checkbox]+.v-icon[data-v-04200e92]{display:block;width:12px !important;height:12px !important;font-size:10px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}input[type=checkbox]:checked+.v-icon[data-v-04200e92]{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.v-list-item--density-compact.v-list-item--one-line[data-v-04200e92]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-04200e92] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-04200e92] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
-.ld-select-list-box[data-v-0c366c23]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-0c366c23]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-0c366c23]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-select-list-box .select-list-box-loading[data-v-0c366c23]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-0c366c23 1.4s linear;animation-iteration-count:infinite}@keyframes loading-0c366c23{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
+.ld-select[data-v-40d979ed]{position:relative;min-width:100%}.ld-select[data-v-40d979ed] .v-field__append-inner{display:none}.ld-select[data-v-40d979ed] .v-select{position:relative}.ld-select[data-v-40d979ed] .v-select .v-input__control{position:relative}.ld-select[data-v-40d979ed] .v-select .v-input__control:before{display:block;position:absolute;right:20px;top:calc(var(--input-height)/2);margin-top:-2px;color:var(--grey);border-style:solid;border-width:5px 5px 0;border-color:var(--grey) rgba(0,0,0,0) rgba(0,0,0,0);transition:transform .2s ease;content:"";z-index:1}.ld-select[data-v-40d979ed] .v-input--readonly:before{opacity:.6}.ld-select[data-v-40d979ed] .v-select--active-menu .v-input__control:before{transform:rotate(180deg)}input[type=checkbox]+.v-icon[data-v-40d979ed]{display:block;width:12px !important;height:12px !important;font-size:10px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}input[type=checkbox]:checked+.v-icon[data-v-40d979ed]{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.v-list-item--density-compact.v-list-item--one-line[data-v-40d979ed]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-40d979ed] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-40d979ed] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
+.ld-select-list-box[data-v-6f40f6fe]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-6f40f6fe]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-6f40f6fe]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-select-list-box .select-list-box-loading[data-v-6f40f6fe]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-6f40f6fe 1.4s linear;animation-iteration-count:infinite}@keyframes loading-6f40f6fe{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
 .ld-splitter[data-v-57e95903]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-57e95903]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-57e95903]{display:flex;background-color:var(--white) !important;border-color:var(--grey-l-5);border-style:solid}.ld-splitter .splitter--hor[data-v-57e95903]{justify-content:center;width:100%;height:7px;cursor:ns-resize;border-width:1px 0}.ld-splitter .splitter--hor.splitter--disabled[data-v-57e95903]{height:1px;border-top:none}.ld-splitter .splitter--ver[data-v-57e95903]{align-items:center;width:7px;height:100%;cursor:ew-resize;border-width:0 1px}.ld-splitter .splitter--ver.splitter--disabled[data-v-57e95903]{width:1px;border-left:none}.ld-splitter .splitter--disabled[data-v-57e95903]{cursor:default}.ld-splitter .splitter--disabled svg[data-v-57e95903]{display:none}.ld-splitter.splitter[data-v-57e95903]{width:100%;border-left:none;border-right:none}
 .ld-switch[data-v-649de2c4] .v-switch{display:block}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control{min-height:var(--input-height) !important}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control .v-selection-control__wrapper{width:40px}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control:not(.v-selection-control--dirty) .v-selection-control__input{transform:translateX(-12px)}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control:not(.v-selection-control--dirty) .v-switch__track{color:var(--grey-l-4) !important;background-color:var(--grey-l-4) !important}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control .v-switch__track{opacity:1;width:40px}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control--dirty .v-selection-control__input{transform:translateX(12px)}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control--dirty .v-switch__thumb{color:var(--primary-l-3) !important;background-color:var(--primary-l-3) !important}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control--dirty .v-switch__track{opacity:1;background-color:var(--primary-l-2) !important}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control--dirty .v-label{color:var(--primary-l-2) !important}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control .v-switch__thumb{color:var(--white) !important}.ld-switch[data-v-649de2c4] .v-switch .v-selection-control .v-label{padding-inline-start:4px}
 .ld-tabs[data-v-d5bf82f0]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-d5bf82f0]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-d5bf82f0]{height:100%}.ld-tabs .vertical-body[data-v-d5bf82f0]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-d5bf82f0]{background-color:var(--white);box-shadow:1px 0 var(--grey-l-5),-1px 0 0 var(--grey-l-5);overflow-y:auto;height:100%;width:100%}.vertical-window.v-window[data-v-d5bf82f0]{padding:10px 12px;border-bottom:1px solid var(--grey-l-5);border-right:1px solid var(--grey-l-5);border-top:1px solid var(--grey-l-5)}.vertical-window.v-window--no-padding[data-v-d5bf82f0]{padding:0 !important}[data-v-d5bf82f0]  .ld-tabs .v-tabs--vertical{background:var(--grey-l-6)}[data-v-d5bf82f0]  .ld-tabs .v-tabs--vertical .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-bottom:none;border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-d5bf82f0]  .ld-tabs .v-tabs--vertical .v-tab--selected{background-color:var(--white);border-right-color:rgba(0,0,0,0)}[data-v-d5bf82f0]  .ld-tabs .v-tabs--vertical .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-d5bf82f0]  .ld-tabs .v-tabs--vertical .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-d5bf82f0]  .ld-tabs .v-tabs--vertical .v-slide-group__content .v-btn__content{text-overflow:ellipsis;display:inline-flex;justify-content:flex-start;gap:4px;white-space:nowrap;overflow:hidden}[data-v-d5bf82f0]  .ld-tabs .v-tabs--horizontal .v-tab--selected{border-bottom:1px solid var(--primary)}[data-v-d5bf82f0]  .ld-tabs .v-tabs .v-tab--selected .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-d5bf82f0]  .ld-tabs .v-tabs.v-tabs--vertical.no-header .v-tab:first-child{border-top:none}[data-v-d5bf82f0]  .ld-tabs .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;letter-spacing:0 !important}[data-v-d5bf82f0]  .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-d5bf82f0]  .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-d5bf82f0]  .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-d5bf82f0]  .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-d5bf82f0]  .v-slide-group__prev{display:none}[data-v-d5bf82f0]  .v-slide-group__next{display:none}[data-v-d5bf82f0]  .v-tabs-bar{flex:none;height:fit-content;height:-moz-max-content;max-height:fit-content;max-height:-moz-max-content;z-index:1}[data-v-d5bf82f0]  .v-window-item{height:100%}[data-v-d5bf82f0]  .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-d5bf82f0]  .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-d5bf82f0]  .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-d5bf82f0]  .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}

package/dist/index.js

@@ -1114,6 +1114,19 @@ class InputMixin extends external_vue_property_decorator_.Vue {
             this.validate();
         }
     }
+    mounted() {
+        if (this.$utils.isDefined(this.autofocus) && this.$el instanceof HTMLElement) {
+            const input = this.$el.querySelector('input[type="text"]');
+            if (input) {
+                input.setAttribute('autofocus', `${Boolean(this.autofocus)}`);
+                return;
+            }
+            const textarea = this.$el.querySelector('textarea');
+            if (textarea) {
+                textarea.setAttribute('autofocus', `${Boolean(this.autofocus)}`);
+            }
+        }
+    }
     get noDataPlaceholder() {
         return 'Нет данных';
     }
@@ -1147,7 +1160,7 @@ input_mixin_decorate([
     input_mixin_metadata("design:type", Object)
 ], InputMixin.prototype, "tabIndex", void 0);
 input_mixin_decorate([
-    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: undefined }),
     input_mixin_metadata("design:type", Boolean)
 ], InputMixin.prototype, "autofocus", void 0);
 input_mixin_decorate([
@@ -1167,7 +1180,7 @@ input_mixin_decorate([
     input_mixin_metadata("design:type", String)
 ], InputMixin.prototype, "prependInnerIcon", void 0);
 input_mixin_decorate([
-    (0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: 'off' }),
     input_mixin_metadata("design:type", String)
 ], InputMixin.prototype, "autocomplete", void 0);
 input_mixin_decorate([
@@ -1506,17 +1519,17 @@ function ld_chip_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_chip = (ld_chip_reg);
 
-;// ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-combobox/ld-combobox.vue?vue&type=template&id=37aed791&scoped=true&ts=true
+;// ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-combobox/ld-combobox.vue?vue&type=template&id=219a56fa&scoped=true&ts=true
 
-const ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_hoisted_1 = {
+const ld_comboboxvue_type_template_id_219a56fa_scoped_true_ts_true_hoisted_1 = {
     class: "w-full d-flex align-start overflow-hidden",
     style: { "border-radius": "var(--border-radius)" }
 };
-const ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_hoisted_2 = {
+const ld_comboboxvue_type_template_id_219a56fa_scoped_true_ts_true_hoisted_2 = {
     class: "w-full d-flex position-relative",
     style: { "flex-basis": "100%" }
 };
-const ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
+const ld_comboboxvue_type_template_id_219a56fa_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
 const _hoisted_4 = {
     key: 0,
     class: "d-flex align-center"
@@ -1539,7 +1552,7 @@ const _hoisted_9 = {
     key: 0,
     class: "combobox-validate"
 };
-function ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_comboboxvue_type_template_id_219a56fa_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");
@@ -1565,8 +1578,8 @@ function ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_render(_ct
                 class: (0,external_vue_.normalizeClass)(_ctx.inputSizeClasses)
             }, {
                 default: (0,external_vue_.withCtx)(() => [
-                    (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_hoisted_1, [
-                        (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_hoisted_2, [
+                    (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_219a56fa_scoped_true_ts_true_hoisted_1, [
+                        (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_219a56fa_scoped_true_ts_true_hoisted_2, [
                             (0,external_vue_.createVNode)(_component_multiselect, {
                                 ref: "multiselect",
                                 modelValue: _ctx.selected,
@@ -1592,6 +1605,7 @@ function ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_render(_ct
                                 limit: _ctx.limit,
                                 tabindex: _ctx.tabIndex,
                                 allowEmpty: _ctx.allowEmpty,
+                                autofocus: _ctx.autofocus,
                                 onClose: _ctx.dropdownClose,
                                 onOpen: _ctx.goSearch,
                                 onSearchChange: _ctx.getItems
@@ -1609,7 +1623,7 @@ function ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_render(_ct
                                             "onClick:close": ($event) => (_ctx.onRemoveItem(option))
                                         }, {
                                             default: (0,external_vue_.withCtx)(() => [
-                                                (0,external_vue_.createElementVNode)("span", ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
+                                                (0,external_vue_.createElementVNode)("span", ld_comboboxvue_type_template_id_219a56fa_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
                                             ]),
                                             _: 2
                                         }, 1032, ["color", "closable", "onClick:close"]))
@@ -1675,7 +1689,7 @@ function ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_render(_ct
                                     (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.message), 1)
                                 ]),
                                 _: 3
-                            }, 8, ["modelValue", "uid", "multiple", "placeholder", "options", "searchable", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allowEmpty", "onClose", "onOpen", "onSearchChange", "onUpdate:modelValue"]),
+                            }, 8, ["modelValue", "uid", "multiple", "placeholder", "options", "searchable", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allowEmpty", "autofocus", "onClose", "onOpen", "onSearchChange", "onUpdate:modelValue"]),
                             _cache[7] || (_cache[7] = (0,external_vue_.createTextVNode)()),
                             (_ctx.loading)
                                 ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", _hoisted_7))
@@ -1717,7 +1731,7 @@ function ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_render(_ct
     }));
 }
 
-;// ./src/ld-combobox/ld-combobox.vue?vue&type=template&id=37aed791&scoped=true&ts=true
+;// ./src/ld-combobox/ld-combobox.vue?vue&type=template&id=219a56fa&scoped=true&ts=true
 
 ;// ./node_modules/lodash-es/isObject.js
 /**
@@ -5244,7 +5258,7 @@ SelectListBoxComponent = ld_comboboxvue_type_script_lang_ts_external_decorate([
 ;
 
 
-const ld_combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_comboboxvue_type_script_lang_ts_external, [['render',ld_comboboxvue_type_template_id_37aed791_scoped_true_ts_true_render],['__scopeId',"data-v-37aed791"]])
+const ld_combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_comboboxvue_type_script_lang_ts_external, [['render',ld_comboboxvue_type_template_id_219a56fa_scoped_true_ts_true_render],['__scopeId',"data-v-219a56fa"]])
 
 /* harmony default export */ const ld_combobox = (ld_combobox_exports_);
 ;// ./src/ld-combobox/index.ts
@@ -11695,22 +11709,19 @@ function ld_radiogroup_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_radiogroup = (ld_radiogroup_reg);
 
-;// ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select/ld-select.vue?vue&type=template&id=04200e92&scoped=true&ts=true
+;// ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select/ld-select.vue?vue&type=template&id=40d979ed&scoped=true&ts=true
 
-const ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
-const ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_2 = { class: "d-flex align-start" };
-const ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_3 = {
-    key: 1,
-    class: "text-crop"
-};
-const ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_4 = { class: "justify mr-2 flex items-center" };
-const ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_5 = ["checked"];
-const ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_6 = {
+const ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
+const ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_2 = { class: "d-flex align-start" };
+const ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
+const ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_4 = { class: "justify mr-2 flex items-center" };
+const ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_5 = ["checked"];
+const ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_6 = {
     key: 0,
     class: "d-flex align-center",
     style: { "height": "var(--input-height)" }
 };
-function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_selectvue_type_template_id_40d979ed_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");
@@ -11719,7 +11730,7 @@ function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx,
     const _component_ld_help = (0,external_vue_.resolveComponent)("ld-help");
     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_04200e92_scoped_true_ts_true_hoisted_1, [
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_1, [
         (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
             default: (0,external_vue_.withCtx)(() => [
                 (_ctx.label)
@@ -11736,7 +11747,7 @@ function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx,
                     class: (0,external_vue_.normalizeClass)([_ctx.inputSizeClasses])
                 }, {
                     default: (0,external_vue_.withCtx)(() => [
-                        (0,external_vue_.createElementVNode)("div", ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_2, [
+                        (0,external_vue_.createElementVNode)("div", ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_2, [
                             (0,external_vue_.createVNode)(_component_v_select, {
                                 ref: "select",
                                 modelValue: _ctx.selected,
@@ -11754,6 +11765,7 @@ function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx,
                                 "error-messages": _ctx.validationMessage,
                                 readonly: _ctx.readonly,
                                 disabled: _ctx.disabled,
+                                autofocus: _ctx.autofocus,
                                 "menu-props": _ctx.multiselect
                                     ? {
                                         modelValue: _ctx.menu,
@@ -11774,7 +11786,12 @@ function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx,
                                                     "onClick:close": ($event) => (_ctx.onUnselect(item.raw))
                                                 }, {
                                                     default: (0,external_vue_.withCtx)(() => [
-                                                        (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(item.title), 1)
+                                                        (0,external_vue_.renderSlot)(_ctx.$slots, "title", {
+                                                            item: item,
+                                                            index: index
+                                                        }, () => [
+                                                            (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(item.title), 1)
+                                                        ], true)
                                                     ]),
                                                     _: 2
                                                 }, 1032, ["closable", "onClick:close"]))
@@ -11793,7 +11810,13 @@ function ld_selectvue_type_template_id_04200e92_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_04200e92_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(item.title), 1))
+                                        : (0,external_vue_.renderSlot)(_ctx.$slots, "title", {
+                                            key: 1,
+                                            item: item,
+                                            index: index
+                                        }, () => [
+                                            (0,external_vue_.createElementVNode)("span", ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(item.title), 1)
+                                        ], true)
                                 ]),
                                 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 }, [
@@ -11801,13 +11824,13 @@ function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx,
                                             ? {
                                                 name: "prepend",
                                                 fn: (0,external_vue_.withCtx)(() => [
-                                                    (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_4, [
+                                                    (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_4, [
                                                         (0,external_vue_.createElementVNode)("input", {
                                                             ref: "checkbox",
                                                             type: "checkbox",
                                                             class: "d-none",
                                                             checked: _ctx.itemSelected(item.raw)
-                                                        }, null, 8, ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_5),
+                                                        }, null, 8, ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_5),
                                                         _cache[1] || (_cache[1] = (0,external_vue_.createTextVNode)()),
                                                         (0,external_vue_.createVNode)(_component_v_icon, {
                                                             icon: "check",
@@ -11825,11 +11848,11 @@ function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx,
                                         class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.validationMessage, 'grey--text': !_ctx.validationMessage })
                                     }, (0,external_vue_.toDisplayString)(message), 3)
                                 ]),
-                                _: 1
-                            }, 8, ["modelValue", "item-value", "item-title", "items", "rules", "placeholder", "hide-details", "multiple", "return-object", "error", "error-messages", "readonly", "disabled", "menu-props", "onBlur", "onFocus", "onClick"]),
+                                _: 3
+                            }, 8, ["modelValue", "item-value", "item-title", "items", "rules", "placeholder", "hide-details", "multiple", "return-object", "error", "error-messages", "readonly", "disabled", "autofocus", "menu-props", "onBlur", "onFocus", "onClick"]),
                             _cache[4] || (_cache[4] = (0,external_vue_.createTextVNode)()),
                             (_ctx.$utils.isDefined(_ctx.help))
-                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_hoisted_6, [
+                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_hoisted_6, [
                                     (0,external_vue_.createVNode)(_component_ld_help, {
                                         tooltip: _ctx.help.tooltip,
                                         link: _ctx.help.link
@@ -11838,15 +11861,15 @@ function ld_selectvue_type_template_id_04200e92_scoped_true_ts_true_render(_ctx,
                                 : (0,external_vue_.createCommentVNode)("", true)
                         ])
                     ]),
-                    _: 1
+                    _: 3
                 }, 8, ["class"])
             ]),
-            _: 1
+            _: 3
         })
     ]));
 }
 
-;// ./src/ld-select/ld-select.vue?vue&type=template&id=04200e92&scoped=true&ts=true
+;// ./src/ld-select/ld-select.vue?vue&type=template&id=40d979ed&scoped=true&ts=true
 
 ;// ./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) {
@@ -12143,7 +12166,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_04200e92_scoped_true_ts_true_render],['__scopeId',"data-v-04200e92"]])
+const ld_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_selectvue_type_script_lang_ts_external, [['render',ld_selectvue_type_template_id_40d979ed_scoped_true_ts_true_render],['__scopeId',"data-v-40d979ed"]])
 
 /* harmony default export */ const ld_select = (ld_select_exports_);
 ;// ./src/ld-select/index.ts
@@ -12153,42 +12176,42 @@ function ld_select_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_select = (ld_select_reg);
 
-;// ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=0c366c23&scoped=true&ts=true
+;// ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=6f40f6fe&scoped=true&ts=true
 
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_1 = {
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_1 = {
     key: 0,
     class: "w-full d-flex align-start overflow-hidden",
     style: { "border-radius": "var(--border-radius)", "max-width": "100%" }
 };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_2 = { style: { "display": "block", "overflow": "hidden", "text-overflow": "ellipsis" } };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_3 = {
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_2 = { style: { "display": "block", "overflow": "hidden", "text-overflow": "ellipsis" } };
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_3 = {
     key: 0,
     class: "d-flex align-center"
 };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_4 = { class: "d-flex flex-column justify-center" };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_5 = {
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_4 = { class: "d-flex flex-column justify-center" };
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_5 = {
     key: 0,
     class: "grey--text",
     style: { "font-size": "var(--font-size--1)" }
 };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_6 = {
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_6 = {
     key: 1,
     class: "select-list-box-loading"
 };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_7 = {
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_7 = {
     class: "d-flex align-center",
     style: { "height": "var(--input-height)" }
 };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_8 = {
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_8 = {
     key: 1,
     class: "w-full",
     style: { "min-height": "var(--input-height)" }
 };
-const ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_9 = {
+const ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_9 = {
     key: 2,
     class: "select-list-box-validate"
 };
-function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_select_list_boxvue_type_template_id_6f40f6fe_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");
@@ -12216,7 +12239,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_ren
             }, {
                 default: (0,external_vue_.withCtx)(() => [
                     (_ctx.multiselect || _ctx.selectedToArray.length === 0)
-                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_1, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_1, [
                             (0,external_vue_.createElementVNode)("div", {
                                 class: "w-full d-flex position-relative",
                                 style: (0,external_vue_.normalizeStyle)({
@@ -12249,6 +12272,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_ren
                                     limit: _ctx.limit,
                                     tabindex: _ctx.tabIndex,
                                     "allow-empty": _ctx.allowEmpty,
+                                    autofocus: _ctx.autofocus,
                                     onClose: _ctx.dropdownClose,
                                     onSearchChange: _ctx.getItems
                                 }, {
@@ -12265,7 +12289,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_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_0c366c23_scoped_true_ts_true_hoisted_2, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
+                                                    (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_2, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
                                                 ]),
                                                 _: 2
                                             }, 1032, ["color", "closable", "onClick:close"]))
@@ -12293,7 +12317,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_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_0c366c23_scoped_true_ts_true_hoisted_3, [
+                                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_3, [
                                                                 ((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,
@@ -12308,13 +12332,13 @@ function ld_select_list_boxvue_type_template_id_0c366c23_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),
                                                             _cache[4] || (_cache[4] = (0,external_vue_.createTextVNode)()),
-                                                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_4, [
+                                                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_4, [
                                                                 (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),
                                                                 _cache[3] || (_cache[3] = (0,external_vue_.createTextVNode)()),
                                                                 (_ctx.optionHint)
-                                                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_5, [
+                                                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_5, [
                                                                         (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), () => [
                                                                             _cache[2] || (_cache[2] = (0,external_vue_.createTextVNode)(" no slot \"option-hint\" found ", -1))
                                                                         ], true)
@@ -12333,7 +12357,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_ren
                                         (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.message), 1)
                                     ]),
                                     _: 3
-                                }, 8, ["modelValue", "class", "style", "multiple", "placeholder", "options", "searchable", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allow-empty", "onClose", "onSearchChange", "onUpdate:modelValue"]),
+                                }, 8, ["modelValue", "class", "style", "multiple", "placeholder", "options", "searchable", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allow-empty", "autofocus", "onClose", "onSearchChange", "onUpdate:modelValue"]),
                                 _cache[9] || (_cache[9] = (0,external_vue_.createTextVNode)()),
                                 (!_ctx.isDialogDisabled)
                                     ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
@@ -12361,11 +12385,11 @@ function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_ren
                                     : (0,external_vue_.createCommentVNode)("", true),
                                 _cache[10] || (_cache[10] = (0,external_vue_.createTextVNode)()),
                                 (_ctx.loading)
-                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_6))
+                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_6))
                                     : (0,external_vue_.createCommentVNode)("", true)
                             ], 4),
                             _cache[11] || (_cache[11] = (0,external_vue_.createTextVNode)()),
-                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_7, [
+                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_7, [
                                 (_ctx.$utils.isDefined(_ctx.help))
                                     ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_help, {
                                         key: 0,
@@ -12378,7 +12402,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_ren
                         : (0,external_vue_.createCommentVNode)("", true),
                     _cache[12] || (_cache[12] = (0,external_vue_.createTextVNode)()),
                     (!_ctx.multiselect && _ctx.$utils.isDefined(_ctx.singleItem))
-                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_8, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_8, [
                             (0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: _ctx.singleItem, canRemove: _ctx.canRemove, onRemove: _ctx.onRemoveItem })), () => [
                                 ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                     key: JSON.stringify(_ctx.selected),
@@ -12396,7 +12420,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_ren
                         : (0,external_vue_.createCommentVNode)("", true),
                     _cache[13] || (_cache[13] = (0,external_vue_.createTextVNode)()),
                     (!_ctx.hideDetails)
-                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_hoisted_9, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_6f40f6fe_scoped_true_ts_true_hoisted_9, [
                             (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
                                 default: (0,external_vue_.withCtx)(() => [
                                     (_ctx.showHint)
@@ -12419,7 +12443,7 @@ function ld_select_list_boxvue_type_template_id_0c366c23_scoped_true_ts_true_ren
     }));
 }
 
-;// ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=0c366c23&scoped=true&ts=true
+;// ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=6f40f6fe&scoped=true&ts=true
 
 ;// ./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) {
@@ -12921,7 +12945,7 @@ ld_select_list_boxvue_type_script_lang_ts_external_SelectListBoxComponent = ld_s
 ;
 
 
-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_0c366c23_scoped_true_ts_true_render],['__scopeId',"data-v-0c366c23"]])
+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_6f40f6fe_scoped_true_ts_true_render],['__scopeId',"data-v-6f40f6fe"]])
 
 /* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
 ;// ./src/ld-select-list-box/index.ts

package/dist/lib/multiselect.js

@@ -1 +1 @@
-(function webpackUniversalModuleDefinition(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define(["vue"],t):"object"===typeof exports?exports["ldmui"]=t(require("vue")):e["ldmui"]=t(e["vue"])})(self,e=>(()=>{"use strict";var t={6262:(e,t)=>{t.A=(e,t)=>{const i=e.__vccOpts||e;for(const[e,s]of t)i[e]=s;return i}},2380:t=>{t.exports=e}},i={};function __webpack_require__(e){var s=i[e];if(void 0!==s)return s.exports;var l=i[e]={exports:{}};return t[e](l,l.exports,__webpack_require__),l.exports}(()=>{__webpack_require__.d=(e,t)=>{for(var i in t)__webpack_require__.o(t,i)&&!__webpack_require__.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})}})(),(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var s={};__webpack_require__.r(s),__webpack_require__.d(s,{default:()=>N});var l=__webpack_require__(2380);const o=["tabindex","aria-owns"],n={ref:"tags",class:"multiselect__tags"},r={class:"multiselect__tags-wrap"},a=["textContent"],h=["onKeypress","onMousedown"],p={class:"multiselect__tag"},c=["textContent"],u={class:"multiselect__spinner"},d=["name","id","placeholder","value","disabled","tabindex","aria-controls"],m=["id"],g={key:0},f={class:"multiselect__option"},b=["id","role"],y=["onClick","onMouseenter","data-select","data-selected","data-deselect"],w=["data-select","data-deselect","onMouseenter","onMousedown"],V={class:"multiselect__option"},v={class:"multiselect__option"};function render(e,t,i,s,_,S){return(0,l.openBlock)(),(0,l.createElementBlock)("div",{tabindex:e.searchable?-1:i.tabindex,class:(0,l.normalizeClass)([[e.uid?"multiselect"+e.uid:"",{"multiselect--active":e.isOpen,"multiselect--disabled":i.disabled,"multiselect--above":S.isAbove,"multiselect--has-options-group":S.hasOptionGroup,"multiselect--list-empty":e.isOpen&&!S.showNoResultsSlot&&!S.showNoOptionsSlot&&0===e.filteredOptions.length}],"multiselect"]),onFocus:t[12]||(t[12]=t=>e.activate()),onBlur:t[13]||(t[13]=t=>!e.searchable&&e.deactivate()),onKeydown:[t[14]||(t[14]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerForward(),["self","prevent"]),["down"])),t[15]||(t[15]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerBackward(),["self","prevent"]),["up"]))],onKeypress:t[16]||(t[16]=(0,l.withKeys)((0,l.withModifiers)(t=>e.addPointerElement(t),["stop","self"]),["enter","tab"])),onKeyup:t[17]||(t[17]=(0,l.withKeys)(t=>e.deactivate(),["esc"])),role:"combobox","aria-owns":"listbox-"+e.id},[(0,l.renderSlot)(e.$slots,"caret",{toggle:e.toggle},()=>[(0,l.createElementVNode)("div",{onMousedown:t[0]||(t[0]=(0,l.withModifiers)(t=>e.toggle(),["prevent","stop"])),class:"multiselect__select"},null,32)]),t[32]||(t[32]=(0,l.createTextVNode)()),(0,l.renderSlot)(e.$slots,"clear",{search:e.search}),t[33]||(t[33]=(0,l.createTextVNode)()),(0,l.createElementVNode)("div",n,[(0,l.renderSlot)(e.$slots,"selection",{search:e.search,remove:e.removeElement,values:S.visibleValues,isOpen:e.isOpen},()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",r,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(S.visibleValues,(i,s)=>(0,l.renderSlot)(e.$slots,"tag",{option:i,search:e.search,remove:e.removeElement},()=>[((0,l.openBlock)(),(0,l.createElementBlock)("span",{class:"multiselect__tag",key:s},[(0,l.createElementVNode)("span",{textContent:(0,l.toDisplayString)(e.getOptionLabel(i))},null,8,a),t[18]||(t[18]=(0,l.createTextVNode)()),(0,l.createElementVNode)("i",{tabindex:"1",onKeypress:(0,l.withKeys)((0,l.withModifiers)(t=>e.removeElement(i),["prevent"]),["enter"]),onMousedown:(0,l.withModifiers)(t=>e.removeElement(i),["prevent"]),class:"multiselect__tag-icon"},null,40,h)]))])),256)),t[19]||(t[19]=(0,l.createTextVNode)()),e.internalValue&&e.internalValue.length>i.limit?(0,l.renderSlot)(e.$slots,"tag-overflow",{key:0,limit:i.limit,count:e.internalValue.length},()=>[(0,l.createElementVNode)("span",p,[(0,l.createElementVNode)("strong",{class:"multiselect__strong",textContent:(0,l.toDisplayString)(i.limitText(e.internalValue.length-i.limit))},null,8,c)])]):(0,l.createCommentVNode)("",!0)],512),[[l.vShow,S.visibleValues.length>0]])]),t[20]||(t[20]=(0,l.createTextVNode)()),(0,l.createVNode)(l.Transition,{name:"multiselect__loading"},{default:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,"loading",{},()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",u,null,512),[[l.vShow,i.loading]])])]),_:3}),t[21]||(t[21]=(0,l.createTextVNode)()),e.searchable?((0,l.openBlock)(),(0,l.createElementBlock)("input",{key:0,ref:"search",name:i.name,id:e.id,type:"text",autocomplete:"off",spellcheck:"false",placeholder:e.placeholder,style:(0,l.normalizeStyle)(S.inputStyle),value:e.search,disabled:i.disabled,tabindex:i.tabindex,class:"multiselect__input","aria-controls":"listbox-"+e.id,onInput:t[1]||(t[1]=t=>e.updateSearch(t.target.value)),onFocus:t[2]||(t[2]=(0,l.withModifiers)(t=>e.activate(),["prevent"])),onKeyup:t[3]||(t[3]=(0,l.withKeys)(t=>e.deactivate(),["esc"])),onKeydown:[t[4]||(t[4]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerForward(),["prevent"]),["down"])),t[5]||(t[5]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerBackward(),["prevent"]),["up"])),t[7]||(t[7]=(0,l.withKeys)((0,l.withModifiers)(t=>e.removeLastElement(),["stop"]),["delete"]))],onKeypress:t[6]||(t[6]=(0,l.withKeys)((0,l.withModifiers)(t=>e.addPointerElement(t),["prevent","stop","self"]),["enter"]))},null,44,d)):(0,l.createCommentVNode)("",!0),t[22]||(t[22]=(0,l.createTextVNode)()),S.isSingleLabelVisible?((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:1,class:"multiselect__single",onMousedown:t[8]||(t[8]=(0,l.withModifiers)((...t)=>e.toggle&&e.toggle(...t),["prevent"]))},[(0,l.renderSlot)(e.$slots,"singleLabel",{option:S.singleValue},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.currentOptionLabel),1)])],32)):(0,l.createCommentVNode)("",!0),t[23]||(t[23]=(0,l.createTextVNode)()),S.isPlaceholderVisible?((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:2,class:"multiselect__placeholder",onMousedown:t[9]||(t[9]=(0,l.withModifiers)((...t)=>e.toggle&&e.toggle(...t),["prevent"]))},[(0,l.renderSlot)(e.$slots,"placeholder",{},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.placeholder),1)])],32)):(0,l.createCommentVNode)("",!0)],512),t[34]||(t[34]=(0,l.createTextVNode)()),(0,l.createVNode)(l.Transition,{name:"multiselect"},{default:(0,l.withCtx)(()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",{class:"multiselect__content-wrapper",onFocus:t[10]||(t[10]=(...t)=>e.activate&&e.activate(...t)),tabindex:"-1",onMousedown:t[11]||(t[11]=(0,l.withModifiers)(()=>{},["prevent"])),style:(0,l.normalizeStyle)({maxHeight:e.optimizedHeight+"px"}),ref:"list"},[(0,l.createElementVNode)("ul",{class:"multiselect__content",style:(0,l.normalizeStyle)(S.contentStyle),role:"listbox",id:"listbox-"+e.id},[(0,l.renderSlot)(e.$slots,"beforeList"),t[27]||(t[27]=(0,l.createTextVNode)()),e.multiple&&e.max===e.internalValue.length?((0,l.openBlock)(),(0,l.createElementBlock)("li",g,[(0,l.createElementVNode)("span",f,[(0,l.renderSlot)(e.$slots,"maxElements",{},()=>[(0,l.createTextVNode)("Maximum of "+(0,l.toDisplayString)(e.max)+" options selected. First remove a selected option to select another.",1)])])])):(0,l.createCommentVNode)("",!0),t[28]||(t[28]=(0,l.createTextVNode)()),!e.max||e.internalValue.length<e.max?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:1},(0,l.renderList)(e.filteredOptions,(i,s)=>((0,l.openBlock)(),(0,l.createElementBlock)("li",{class:"multiselect__element",key:s,id:e.id+"-"+s,role:i&&(i.$isLabel||i.$isDisabled)?null:"option"},[i&&(i.$isLabel||i.$isDisabled)?(0,l.createCommentVNode)("",!0):((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:0,class:(0,l.normalizeClass)([e.optionHighlight(s,i),"multiselect__option"]),onClick:(0,l.withModifiers)(t=>e.select(i),["stop"]),onMouseenter:(0,l.withModifiers)(t=>e.pointerSet(s),["self"]),"data-select":i&&i.isTag?e.tagPlaceholder:S.selectLabelText,"data-selected":S.selectedLabelText,"data-deselect":S.deselectLabelText},[(0,l.renderSlot)(e.$slots,"option",{option:i,search:e.search,index:s},()=>[(0,l.createElementVNode)("span",null,(0,l.toDisplayString)(e.getOptionLabel(i)),1)])],42,y)),t[24]||(t[24]=(0,l.createTextVNode)()),i&&(i.$isLabel||i.$isDisabled)?((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:1,"data-select":e.groupSelect&&S.selectGroupLabelText,"data-deselect":e.groupSelect&&S.deselectGroupLabelText,class:(0,l.normalizeClass)([e.groupHighlight(s,i),"multiselect__option"]),onMouseenter:(0,l.withModifiers)(t=>e.groupSelect&&e.pointerSet(s),["self"]),onMousedown:(0,l.withModifiers)(t=>e.selectGroup(i),["prevent"])},[(0,l.renderSlot)(e.$slots,"option",{option:i,search:e.search,index:s},()=>[(0,l.createElementVNode)("span",null,(0,l.toDisplayString)(e.getOptionLabel(i)),1)])],42,w)):(0,l.createCommentVNode)("",!0)],8,b))),128)):(0,l.createCommentVNode)("",!0),t[29]||(t[29]=(0,l.createTextVNode)()),(0,l.withDirectives)((0,l.createElementVNode)("li",null,[(0,l.createElementVNode)("span",V,[(0,l.renderSlot)(e.$slots,"noResult",{search:e.search},()=>[t[25]||(t[25]=(0,l.createTextVNode)("No elements found. Consider changing the search query.",-1))])])],512),[[l.vShow,S.showNoResultsSlot]]),t[30]||(t[30]=(0,l.createTextVNode)()),(0,l.withDirectives)((0,l.createElementVNode)("li",null,[(0,l.createElementVNode)("span",v,[(0,l.renderSlot)(e.$slots,"noOptions",{},()=>[t[26]||(t[26]=(0,l.createTextVNode)("List is empty.",-1))])])],512),[[l.vShow,S.showNoOptionsSlot]]),t[31]||(t[31]=(0,l.createTextVNode)()),(0,l.renderSlot)(e.$slots,"afterList")],12,m)],36),[[l.vShow,e.isOpen]])]),_:3})],42,o)}function isEmpty(e){return 0!==e&&(!(!Array.isArray(e)||0!==e.length)||!e)}function not(e){return(...t)=>!e(...t)}function includes(e,t){void 0===e&&(e="undefined"),null===e&&(e="null"),!1===e&&(e="false");const i=e.toString().toLowerCase();return-1!==i.indexOf(t.trim())}function filterOptions(e,t,i,s){return t?e.filter(e=>includes(s(e,i),t)).sort((e,t)=>s(e,i).length-s(t,i).length):e}function stripGroups(e){return e.filter(e=>!e.$isLabel)}function flattenOptions(e,t){return i=>i.reduce((i,s)=>s[e]&&s[e].length?(i.push({$groupLabel:s[t],$isLabel:!0}),i.concat(s[e])):i,[])}function filterGroups(e,t,i,s,l){return o=>o.map(o=>{if(!o[i])return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."),[];const n=filterOptions(o[i],e,t,l);return n.length?{[s]:o[s],[i]:n}:[]})}const flow=(...e)=>t=>e.reduce((e,t)=>t(e),t),_={data(){return{search:"",isOpen:!1,preferredOpenDirection:"below",optimizedHeight:this.maxHeight}},props:{uid:{type:String,default:""},internalSearch:{type:Boolean,default:!0},options:{type:Array,required:!0},multiple:{type:Boolean,default:!1},trackBy:{type:String},label:{type:String},searchable:{type:Boolean,default:!0},clearOnSelect:{type:Boolean,default:!0},hideSelected:{type:Boolean,default:!1},placeholder:{type:String,default:"Select option"},allowEmpty:{type:Boolean,default:!0},resetAfter:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:!0},customLabel:{type:Function,default(e,t){return isEmpty(e)?"":t?e[t]:e}},taggable:{type:Boolean,default:!1},tagPlaceholder:{type:String,default:"Press enter to create a tag"},tagPosition:{type:String,default:"top"},max:{type:[Number,Boolean],default:!1},id:{default:null},optionsLimit:{type:Number,default:1e3},groupValues:{type:String},groupLabel:{type:String},groupSelect:{type:Boolean,default:!1},blockKeys:{type:Array,default(){return[]}},preserveSearch:{type:Boolean,default:!1},preselectFirst:{type:Boolean,default:!1},preventAutofocus:{type:Boolean,default:!1}},mounted(){!this.multiple&&this.max&&console.warn("[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false."),this.preselectFirst&&!this.internalValue.length&&this.options.length&&this.select(this.filteredOptions[0])},computed:{internalValue(){return this.modelValue||0===this.modelValue?Array.isArray(this.modelValue)?this.modelValue:[this.modelValue]:[]},filteredOptions(){const e=this.search||"",t=e.toLowerCase().trim();let i=this.options.concat();return i=this.internalSearch?this.groupValues?this.filterAndFlat(i,t,this.label):filterOptions(i,t,this.label,this.customLabel):this.groupValues?flattenOptions(this.groupValues,this.groupLabel)(i):i,i=this.hideSelected?i.filter(not(this.isSelected)):i,this.taggable&&t.length&&!this.isExistingOption(t)&&("bottom"===this.tagPosition?i.push({isTag:!0,label:e}):i.unshift({isTag:!0,label:e})),i.slice(0,this.optionsLimit)},valueKeys(){return this.trackBy?this.internalValue.map(e=>e[this.trackBy]):this.internalValue},optionKeys(){const e=this.groupValues?this.flatAndStrip(this.options):this.options;return e.map(e=>this.customLabel(e,this.label).toString().toLowerCase())},currentOptionLabel(){return this.multiple?this.searchable?"":this.placeholder:this.internalValue.length?this.getOptionLabel(this.internalValue[0]):this.searchable?"":this.placeholder}},watch:{internalValue:{handler(){this.resetAfter&&this.internalValue.length&&(this.search="",this.$emit("update:modelValue",this.multiple?[]:null))},deep:!0},search(){this.$emit("search-change",this.search)}},emits:["open","search-change","close","select","update:modelValue","remove","tag"],methods:{getValue(){return this.multiple?this.internalValue:0===this.internalValue.length?null:this.internalValue[0]},filterAndFlat(e,t,i){return flow(filterGroups(t,i,this.groupValues,this.groupLabel,this.customLabel),flattenOptions(this.groupValues,this.groupLabel))(e)},flatAndStrip(e){return flow(flattenOptions(this.groupValues,this.groupLabel),stripGroups)(e)},updateSearch(e){this.search=e},isExistingOption(e){return!!this.options&&this.optionKeys.indexOf(e)>-1},isSelected(e){const t=this.trackBy?e[this.trackBy]:e;return this.valueKeys.indexOf(t)>-1},isOptionDisabled(e){return!!e.$isDisabled},getOptionLabel(e){if(isEmpty(e))return"";if(e.isTag)return e.label;if(e.$isLabel)return e.$groupLabel;const t=this.customLabel(e,this.label);return isEmpty(t)?"":t},select(e,t){if(e.$isLabel&&this.groupSelect)this.selectGroup(e);else if(!(-1!==this.blockKeys.indexOf(t)||this.disabled||e.$isDisabled||e.$isLabel)&&(!this.max||!this.multiple||this.internalValue.length!==this.max)&&("Tab"!==t||this.pointerDirty)){if(e.isTag)this.$emit("tag",e.label,this.id),this.search="",this.closeOnSelect&&!this.multiple&&this.deactivate();else{const i=this.isSelected(e);if(i)return void("Tab"!==t&&this.removeElement(e));this.multiple?this.$emit("update:modelValue",this.internalValue.concat([e])):this.$emit("update:modelValue",e),this.$emit("select",e,this.id),this.clearOnSelect&&(this.search="")}this.closeOnSelect&&this.deactivate()}},selectGroup(e){const t=this.options.find(t=>t[this.groupLabel]===e.$groupLabel);if(t){if(this.wholeGroupSelected(t)){this.$emit("remove",t[this.groupValues],this.id);const e=this.internalValue.filter(e=>-1===t[this.groupValues].indexOf(e));this.$emit("update:modelValue",e)}else{let e=t[this.groupValues].filter(e=>!(this.isOptionDisabled(e)||this.isSelected(e)));this.max&&e.splice(this.max-this.internalValue.length),this.$emit("select",e,this.id),this.$emit("update:modelValue",this.internalValue.concat(e))}this.closeOnSelect&&this.deactivate()}},wholeGroupSelected(e){return e[this.groupValues].every(e=>this.isSelected(e)||this.isOptionDisabled(e))},wholeGroupDisabled(e){return e[this.groupValues].every(this.isOptionDisabled)},removeElement(e,t=!0){if(this.disabled)return;if(e.$isDisabled)return;if(!this.allowEmpty&&this.internalValue.length<=1)return void this.deactivate();const i="object"===typeof e?this.valueKeys.indexOf(e[this.trackBy]):this.valueKeys.indexOf(e);if(this.multiple){const e=this.internalValue.slice(0,i).concat(this.internalValue.slice(i+1));this.$emit("update:modelValue",e)}else this.$emit("update:modelValue",null);this.$emit("remove",e,this.id),this.closeOnSelect&&t&&this.deactivate()},removeLastElement(){-1===this.blockKeys.indexOf("Delete")&&0===this.search.length&&Array.isArray(this.internalValue)&&this.internalValue.length&&this.removeElement(this.internalValue[this.internalValue.length-1],!1)},activate(){if(this.isOpen||this.disabled)return;this.adjustPosition(),this.groupValues&&0===this.pointer&&this.filteredOptions.length&&(this.pointer=1),this.isOpen=!0,this.searchable?(this.preserveSearch||(this.search=""),this.preventAutofocus||this.$nextTick(()=>this.$refs.search&&this.$refs.search.focus())):this.preventAutofocus||"undefined"!==typeof this.$el&&this.$el.focus(),this.$emit("open",this.id);const onMouseDown=e=>{if(e?.target){const t=this.uid?"multiselect"+this.uid:"multiselect",i=e.target.closest("."+t);Boolean(i)||(this.deactivate(),document.removeEventListener("mousedown",onMouseDown))}};setTimeout(()=>{document.addEventListener("mousedown",onMouseDown)},300)},deactivate(){this.isOpen&&(this.isOpen=!1,this.searchable?this.$refs.search&&this.$refs.search.blur():this.$el&&this.$el.blur(),this.preserveSearch||(this.search=""),this.$emit("close",this.getValue(),this.id))},toggle(){this.isOpen?this.deactivate():this.activate()},adjustPosition(){if("undefined"===typeof window)return;const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom,i=t>this.maxHeight;i||t>e||"below"===this.openDirection||"bottom"===this.openDirection?(this.preferredOpenDirection="below",this.optimizedHeight=Math.min(t-40,this.maxHeight)):(this.preferredOpenDirection="above",this.optimizedHeight=Math.min(e-40,this.maxHeight))}}},S={data(){return{pointer:0,pointerDirty:!1}},props:{showPointer:{type:Boolean,default:!0},optionHeight:{type:Number,default:40}},computed:{pointerPosition(){return this.pointer*this.optionHeight},visibleElements(){return this.optimizedHeight/this.optionHeight}},watch:{filteredOptions(){this.pointerAdjust()},isOpen(){this.pointerDirty=!1},pointer(){this.$refs.search&&this.$refs.search.setAttribute("aria-activedescendant",this.id+"-"+this.pointer.toString())}},methods:{optionHighlight(e,t){return{"multiselect__option--highlight":e===this.pointer&&this.showPointer,"multiselect__option--selected":this.isSelected(t)}},groupHighlight(e,t){if(!this.groupSelect)return["multiselect__option--disabled",{"multiselect__option--group":t.$isLabel}];const i=this.options.find(e=>e[this.groupLabel]===t.$groupLabel);return i&&!this.wholeGroupDisabled(i)?["multiselect__option--group",{"multiselect__option--highlight":e===this.pointer&&this.showPointer},{"multiselect__option--group-selected":this.wholeGroupSelected(i)}]:"multiselect__option--disabled"},addPointerElement({key:e}="Enter"){this.filteredOptions.length>0&&this.select(this.filteredOptions[this.pointer],e),this.pointerReset()},pointerForward(){this.pointer<this.filteredOptions.length-1&&(this.pointer++,this.$refs.list.scrollTop<=this.pointerPosition-(this.visibleElements-1)*this.optionHeight&&(this.$refs.list.scrollTop=this.pointerPosition-(this.visibleElements-1)*this.optionHeight),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()),this.pointerDirty=!0},pointerBackward(){this.pointer>0?(this.pointer--,this.$refs.list.scrollTop>=this.pointerPosition&&(this.$refs.list.scrollTop=this.pointerPosition),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerBackward()):this.filteredOptions[this.pointer]&&this.filteredOptions[0].$isLabel&&!this.groupSelect&&this.pointerForward(),this.pointerDirty=!0},pointerReset(){this.closeOnSelect&&(this.pointer=0,this.$refs.list&&(this.$refs.list.scrollTop=0))},pointerAdjust(){this.pointer>=this.filteredOptions.length-1&&(this.pointer=this.filteredOptions.length?this.filteredOptions.length-1:0),this.filteredOptions.length>0&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()},pointerSet(e){this.pointer=e,this.pointerDirty=!0}}},x={name:"vue-multiselect",mixins:[_,S],compatConfig:{MODE:3,ATTR_ENUMERATED_COERCION:!1},props:{name:{type:String,default:""},modelValue:{type:null,default(){return[]}},selectLabel:{type:String,default:"Press enter to select"},selectGroupLabel:{type:String,default:"Press enter to select group"},selectedLabel:{type:String,default:"Selected"},deselectLabel:{type:String,default:"Press enter to remove"},deselectGroupLabel:{type:String,default:"Press enter to deselect group"},showLabels:{type:Boolean,default:!0},limit:{type:Number,default:99999},maxHeight:{type:Number,default:300},limitText:{type:Function,default:e=>`and ${e} more`},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},openDirection:{type:String,default:""},showNoOptions:{type:Boolean,default:!0},showNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},computed:{hasOptionGroup(){return this.groupValues&&this.groupLabel&&this.groupSelect},isSingleLabelVisible(){return!1},isPlaceholderVisible(){return!this.internalValue.length&&(!this.searchable||!this.isOpen)},visibleValues(){return this.internalValue.slice(0,this.limit)},singleValue(){return this.internalValue[0]},deselectLabelText(){return this.showLabels?this.deselectLabel:""},deselectGroupLabelText(){return this.showLabels?this.deselectGroupLabel:""},selectLabelText(){return this.showLabels?this.selectLabel:""},selectGroupLabelText(){return this.showLabels?this.selectGroupLabel:""},selectedLabelText(){return this.showLabels?this.selectedLabel:""},inputStyle(){return this.searchable||this.multiple&&this.modelValue&&this.modelValue.length?this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}:""},contentStyle(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove(){return"above"===this.openDirection||"top"===this.openDirection||"below"!==this.openDirection&&"bottom"!==this.openDirection&&"above"===this.preferredOpenDirection},showSearchInput(){return this.searchable&&(!this.hasSingleSelectedSlot||!this.visibleSingleValue&&0!==this.visibleSingleValue||this.isOpen)},showNoResultsSlot(){return this.showNoResults&&0===this.filteredOptions.length&&this.search&&!this.loading},showNoOptionsSlot(){return this.showNoOptions&&(0===this.options.length||!0===this.hasOptionGroup&&0===this.filteredOptions.length)&&!this.search&&!this.loading}}};var O=__webpack_require__(6262);const L=(0,O.A)(x,[["render",render]]),$=L,N=$;return s})());
+(function webpackUniversalModuleDefinition(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define(["vue"],t):"object"===typeof exports?exports["ldmui"]=t(require("vue")):e["ldmui"]=t(e["vue"])})(self,e=>(()=>{"use strict";var t={6262:(e,t)=>{t.A=(e,t)=>{const i=e.__vccOpts||e;for(const[e,s]of t)i[e]=s;return i}},2380:t=>{t.exports=e}},i={};function __webpack_require__(e){var s=i[e];if(void 0!==s)return s.exports;var l=i[e]={exports:{}};return t[e](l,l.exports,__webpack_require__),l.exports}(()=>{__webpack_require__.d=(e,t)=>{for(var i in t)__webpack_require__.o(t,i)&&!__webpack_require__.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})}})(),(()=>{__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{__webpack_require__.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var s={};__webpack_require__.r(s),__webpack_require__.d(s,{default:()=>N});var l=__webpack_require__(2380);const o=["tabindex","aria-owns"],n={ref:"tags",class:"multiselect__tags"},r={class:"multiselect__tags-wrap"},a=["textContent"],h=["onKeypress","onMousedown"],p={class:"multiselect__tag"},c=["textContent"],u={class:"multiselect__spinner"},d=["name","id","placeholder","value","disabled","tabindex","aria-controls"],m=["id"],g={key:0},f={class:"multiselect__option"},b=["id","role"],y=["onClick","onMouseenter","data-select","data-selected","data-deselect"],w=["data-select","data-deselect","onMouseenter","onMousedown"],V={class:"multiselect__option"},v={class:"multiselect__option"};function render(e,t,i,s,_,S){return(0,l.openBlock)(),(0,l.createElementBlock)("div",{tabindex:e.searchable?-1:i.tabindex,class:(0,l.normalizeClass)([[e.uid?"multiselect"+e.uid:"",{"multiselect--active":e.isOpen,"multiselect--disabled":i.disabled,"multiselect--above":S.isAbove,"multiselect--has-options-group":S.hasOptionGroup,"multiselect--list-empty":e.isOpen&&!S.showNoResultsSlot&&!S.showNoOptionsSlot&&0===e.filteredOptions.length}],"multiselect"]),onFocus:t[12]||(t[12]=t=>e.activate()),onBlur:t[13]||(t[13]=t=>!e.searchable&&e.deactivate()),onKeydown:[t[14]||(t[14]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerForward(),["self","prevent"]),["down"])),t[15]||(t[15]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerBackward(),["self","prevent"]),["up"]))],onKeypress:t[16]||(t[16]=(0,l.withKeys)((0,l.withModifiers)(t=>e.addPointerElement(t),["stop","self"]),["enter","tab"])),onKeyup:t[17]||(t[17]=(0,l.withKeys)(t=>e.deactivate(),["esc"])),role:"combobox","aria-owns":"listbox-"+e.id},[(0,l.renderSlot)(e.$slots,"caret",{toggle:e.toggle},()=>[(0,l.createElementVNode)("div",{onMousedown:t[0]||(t[0]=(0,l.withModifiers)(t=>e.toggle(),["prevent","stop"])),class:"multiselect__select"},null,32)]),t[32]||(t[32]=(0,l.createTextVNode)()),(0,l.renderSlot)(e.$slots,"clear",{search:e.search}),t[33]||(t[33]=(0,l.createTextVNode)()),(0,l.createElementVNode)("div",n,[(0,l.renderSlot)(e.$slots,"selection",{search:e.search,remove:e.removeElement,values:S.visibleValues,isOpen:e.isOpen},()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",r,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(S.visibleValues,(i,s)=>(0,l.renderSlot)(e.$slots,"tag",{option:i,search:e.search,remove:e.removeElement},()=>[((0,l.openBlock)(),(0,l.createElementBlock)("span",{class:"multiselect__tag",key:s},[(0,l.createElementVNode)("span",{textContent:(0,l.toDisplayString)(e.getOptionLabel(i))},null,8,a),t[18]||(t[18]=(0,l.createTextVNode)()),(0,l.createElementVNode)("i",{tabindex:"1",onKeypress:(0,l.withKeys)((0,l.withModifiers)(t=>e.removeElement(i),["prevent"]),["enter"]),onMousedown:(0,l.withModifiers)(t=>e.removeElement(i),["prevent"]),class:"multiselect__tag-icon"},null,40,h)]))])),256)),t[19]||(t[19]=(0,l.createTextVNode)()),e.internalValue&&e.internalValue.length>i.limit?(0,l.renderSlot)(e.$slots,"tag-overflow",{key:0,limit:i.limit,count:e.internalValue.length},()=>[(0,l.createElementVNode)("span",p,[(0,l.createElementVNode)("strong",{class:"multiselect__strong",textContent:(0,l.toDisplayString)(i.limitText(e.internalValue.length-i.limit))},null,8,c)])]):(0,l.createCommentVNode)("",!0)],512),[[l.vShow,S.visibleValues.length>0]])]),t[20]||(t[20]=(0,l.createTextVNode)()),(0,l.createVNode)(l.Transition,{name:"multiselect__loading"},{default:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,"loading",{},()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",u,null,512),[[l.vShow,i.loading]])])]),_:3}),t[21]||(t[21]=(0,l.createTextVNode)()),e.searchable?((0,l.openBlock)(),(0,l.createElementBlock)("input",{key:0,ref:"search",name:i.name,id:e.id||e.uid,type:"text",autocomplete:"off",spellcheck:"false",placeholder:e.placeholder,style:(0,l.normalizeStyle)(S.inputStyle),value:e.search,disabled:i.disabled,tabindex:i.tabindex,class:"multiselect__input","aria-controls":"listbox-"+e.id,onInput:t[1]||(t[1]=t=>e.updateSearch(t.target.value)),onFocus:t[2]||(t[2]=(0,l.withModifiers)(t=>e.activate(),["prevent"])),onKeyup:t[3]||(t[3]=(0,l.withKeys)(t=>e.deactivate(),["esc"])),onKeydown:[t[4]||(t[4]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerForward(),["prevent"]),["down"])),t[5]||(t[5]=(0,l.withKeys)((0,l.withModifiers)(t=>e.pointerBackward(),["prevent"]),["up"])),t[7]||(t[7]=(0,l.withKeys)((0,l.withModifiers)(t=>e.removeLastElement(),["stop"]),["delete"]))],onKeypress:t[6]||(t[6]=(0,l.withKeys)((0,l.withModifiers)(t=>e.addPointerElement(t),["prevent","stop","self"]),["enter"]))},null,44,d)):(0,l.createCommentVNode)("",!0),t[22]||(t[22]=(0,l.createTextVNode)()),S.isSingleLabelVisible?((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:1,class:"multiselect__single",onMousedown:t[8]||(t[8]=(0,l.withModifiers)((...t)=>e.toggle&&e.toggle(...t),["prevent"]))},[(0,l.renderSlot)(e.$slots,"singleLabel",{option:S.singleValue},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.currentOptionLabel),1)])],32)):(0,l.createCommentVNode)("",!0),t[23]||(t[23]=(0,l.createTextVNode)()),S.isPlaceholderVisible?((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:2,class:"multiselect__placeholder",onMousedown:t[9]||(t[9]=(0,l.withModifiers)((...t)=>e.toggle&&e.toggle(...t),["prevent"]))},[(0,l.renderSlot)(e.$slots,"placeholder",{},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.placeholder),1)])],32)):(0,l.createCommentVNode)("",!0)],512),t[34]||(t[34]=(0,l.createTextVNode)()),(0,l.createVNode)(l.Transition,{name:"multiselect"},{default:(0,l.withCtx)(()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",{class:"multiselect__content-wrapper",onFocus:t[10]||(t[10]=(...t)=>e.activate&&e.activate(...t)),tabindex:"-1",onMousedown:t[11]||(t[11]=(0,l.withModifiers)(()=>{},["prevent"])),style:(0,l.normalizeStyle)({maxHeight:e.optimizedHeight+"px"}),ref:"list"},[(0,l.createElementVNode)("ul",{class:"multiselect__content",style:(0,l.normalizeStyle)(S.contentStyle),role:"listbox",id:"listbox-"+e.id},[(0,l.renderSlot)(e.$slots,"beforeList"),t[27]||(t[27]=(0,l.createTextVNode)()),e.multiple&&e.max===e.internalValue.length?((0,l.openBlock)(),(0,l.createElementBlock)("li",g,[(0,l.createElementVNode)("span",f,[(0,l.renderSlot)(e.$slots,"maxElements",{},()=>[(0,l.createTextVNode)("Maximum of "+(0,l.toDisplayString)(e.max)+" options selected. First remove a selected option to select another.",1)])])])):(0,l.createCommentVNode)("",!0),t[28]||(t[28]=(0,l.createTextVNode)()),!e.max||e.internalValue.length<e.max?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:1},(0,l.renderList)(e.filteredOptions,(i,s)=>((0,l.openBlock)(),(0,l.createElementBlock)("li",{class:"multiselect__element",key:s,id:e.id+"-"+s,role:i&&(i.$isLabel||i.$isDisabled)?null:"option"},[i&&(i.$isLabel||i.$isDisabled)?(0,l.createCommentVNode)("",!0):((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:0,class:(0,l.normalizeClass)([e.optionHighlight(s,i),"multiselect__option"]),onClick:(0,l.withModifiers)(t=>e.select(i),["stop"]),onMouseenter:(0,l.withModifiers)(t=>e.pointerSet(s),["self"]),"data-select":i&&i.isTag?e.tagPlaceholder:S.selectLabelText,"data-selected":S.selectedLabelText,"data-deselect":S.deselectLabelText},[(0,l.renderSlot)(e.$slots,"option",{option:i,search:e.search,index:s},()=>[(0,l.createElementVNode)("span",null,(0,l.toDisplayString)(e.getOptionLabel(i)),1)])],42,y)),t[24]||(t[24]=(0,l.createTextVNode)()),i&&(i.$isLabel||i.$isDisabled)?((0,l.openBlock)(),(0,l.createElementBlock)("span",{key:1,"data-select":e.groupSelect&&S.selectGroupLabelText,"data-deselect":e.groupSelect&&S.deselectGroupLabelText,class:(0,l.normalizeClass)([e.groupHighlight(s,i),"multiselect__option"]),onMouseenter:(0,l.withModifiers)(t=>e.groupSelect&&e.pointerSet(s),["self"]),onMousedown:(0,l.withModifiers)(t=>e.selectGroup(i),["prevent"])},[(0,l.renderSlot)(e.$slots,"option",{option:i,search:e.search,index:s},()=>[(0,l.createElementVNode)("span",null,(0,l.toDisplayString)(e.getOptionLabel(i)),1)])],42,w)):(0,l.createCommentVNode)("",!0)],8,b))),128)):(0,l.createCommentVNode)("",!0),t[29]||(t[29]=(0,l.createTextVNode)()),(0,l.withDirectives)((0,l.createElementVNode)("li",null,[(0,l.createElementVNode)("span",V,[(0,l.renderSlot)(e.$slots,"noResult",{search:e.search},()=>[t[25]||(t[25]=(0,l.createTextVNode)("No elements found. Consider changing the search query.",-1))])])],512),[[l.vShow,S.showNoResultsSlot]]),t[30]||(t[30]=(0,l.createTextVNode)()),(0,l.withDirectives)((0,l.createElementVNode)("li",null,[(0,l.createElementVNode)("span",v,[(0,l.renderSlot)(e.$slots,"noOptions",{},()=>[t[26]||(t[26]=(0,l.createTextVNode)("List is empty.",-1))])])],512),[[l.vShow,S.showNoOptionsSlot]]),t[31]||(t[31]=(0,l.createTextVNode)()),(0,l.renderSlot)(e.$slots,"afterList")],12,m)],36),[[l.vShow,e.isOpen]])]),_:3})],42,o)}function isEmpty(e){return 0!==e&&(!(!Array.isArray(e)||0!==e.length)||!e)}function not(e){return(...t)=>!e(...t)}function includes(e,t){void 0===e&&(e="undefined"),null===e&&(e="null"),!1===e&&(e="false");const i=e.toString().toLowerCase();return-1!==i.indexOf(t.trim())}function filterOptions(e,t,i,s){return t?e.filter(e=>includes(s(e,i),t)).sort((e,t)=>s(e,i).length-s(t,i).length):e}function stripGroups(e){return e.filter(e=>!e.$isLabel)}function flattenOptions(e,t){return i=>i.reduce((i,s)=>s[e]&&s[e].length?(i.push({$groupLabel:s[t],$isLabel:!0}),i.concat(s[e])):i,[])}function filterGroups(e,t,i,s,l){return o=>o.map(o=>{if(!o[i])return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."),[];const n=filterOptions(o[i],e,t,l);return n.length?{[s]:o[s],[i]:n}:[]})}const flow=(...e)=>t=>e.reduce((e,t)=>t(e),t),_={data(){return{search:"",isOpen:!1,preferredOpenDirection:"below",optimizedHeight:this.maxHeight}},props:{uid:{type:String,default:""},internalSearch:{type:Boolean,default:!0},options:{type:Array,required:!0},multiple:{type:Boolean,default:!1},trackBy:{type:String},label:{type:String},searchable:{type:Boolean,default:!0},clearOnSelect:{type:Boolean,default:!0},hideSelected:{type:Boolean,default:!1},placeholder:{type:String,default:"Select option"},allowEmpty:{type:Boolean,default:!0},resetAfter:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:!0},customLabel:{type:Function,default(e,t){return isEmpty(e)?"":t?e[t]:e}},taggable:{type:Boolean,default:!1},tagPlaceholder:{type:String,default:"Press enter to create a tag"},tagPosition:{type:String,default:"top"},max:{type:[Number,Boolean],default:!1},id:{default:null},optionsLimit:{type:Number,default:1e3},groupValues:{type:String},groupLabel:{type:String},groupSelect:{type:Boolean,default:!1},blockKeys:{type:Array,default(){return[]}},preserveSearch:{type:Boolean,default:!1},preselectFirst:{type:Boolean,default:!1},preventAutofocus:{type:Boolean,default:!1}},mounted(){!this.multiple&&this.max&&console.warn("[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false."),this.preselectFirst&&!this.internalValue.length&&this.options.length&&this.select(this.filteredOptions[0])},computed:{internalValue(){return this.modelValue||0===this.modelValue?Array.isArray(this.modelValue)?this.modelValue:[this.modelValue]:[]},filteredOptions(){const e=this.search||"",t=e.toLowerCase().trim();let i=this.options.concat();return i=this.internalSearch?this.groupValues?this.filterAndFlat(i,t,this.label):filterOptions(i,t,this.label,this.customLabel):this.groupValues?flattenOptions(this.groupValues,this.groupLabel)(i):i,i=this.hideSelected?i.filter(not(this.isSelected)):i,this.taggable&&t.length&&!this.isExistingOption(t)&&("bottom"===this.tagPosition?i.push({isTag:!0,label:e}):i.unshift({isTag:!0,label:e})),i.slice(0,this.optionsLimit)},valueKeys(){return this.trackBy?this.internalValue.map(e=>e[this.trackBy]):this.internalValue},optionKeys(){const e=this.groupValues?this.flatAndStrip(this.options):this.options;return e.map(e=>this.customLabel(e,this.label).toString().toLowerCase())},currentOptionLabel(){return this.multiple?this.searchable?"":this.placeholder:this.internalValue.length?this.getOptionLabel(this.internalValue[0]):this.searchable?"":this.placeholder}},watch:{internalValue:{handler(){this.resetAfter&&this.internalValue.length&&(this.search="",this.$emit("update:modelValue",this.multiple?[]:null))},deep:!0},search(){this.$emit("search-change",this.search)}},emits:["open","search-change","close","select","update:modelValue","remove","tag"],methods:{getValue(){return this.multiple?this.internalValue:0===this.internalValue.length?null:this.internalValue[0]},filterAndFlat(e,t,i){return flow(filterGroups(t,i,this.groupValues,this.groupLabel,this.customLabel),flattenOptions(this.groupValues,this.groupLabel))(e)},flatAndStrip(e){return flow(flattenOptions(this.groupValues,this.groupLabel),stripGroups)(e)},updateSearch(e){this.search=e},isExistingOption(e){return!!this.options&&this.optionKeys.indexOf(e)>-1},isSelected(e){const t=this.trackBy?e[this.trackBy]:e;return this.valueKeys.indexOf(t)>-1},isOptionDisabled(e){return!!e.$isDisabled},getOptionLabel(e){if(isEmpty(e))return"";if(e.isTag)return e.label;if(e.$isLabel)return e.$groupLabel;const t=this.customLabel(e,this.label);return isEmpty(t)?"":t},select(e,t){if(e.$isLabel&&this.groupSelect)this.selectGroup(e);else if(!(-1!==this.blockKeys.indexOf(t)||this.disabled||e.$isDisabled||e.$isLabel)&&(!this.max||!this.multiple||this.internalValue.length!==this.max)&&("Tab"!==t||this.pointerDirty)){if(e.isTag)this.$emit("tag",e.label,this.id),this.search="",this.closeOnSelect&&!this.multiple&&this.deactivate();else{const i=this.isSelected(e);if(i)return void("Tab"!==t&&this.removeElement(e));this.multiple?this.$emit("update:modelValue",this.internalValue.concat([e])):this.$emit("update:modelValue",e),this.$emit("select",e,this.id),this.clearOnSelect&&(this.search="")}this.closeOnSelect&&this.deactivate()}},selectGroup(e){const t=this.options.find(t=>t[this.groupLabel]===e.$groupLabel);if(t){if(this.wholeGroupSelected(t)){this.$emit("remove",t[this.groupValues],this.id);const e=this.internalValue.filter(e=>-1===t[this.groupValues].indexOf(e));this.$emit("update:modelValue",e)}else{let e=t[this.groupValues].filter(e=>!(this.isOptionDisabled(e)||this.isSelected(e)));this.max&&e.splice(this.max-this.internalValue.length),this.$emit("select",e,this.id),this.$emit("update:modelValue",this.internalValue.concat(e))}this.closeOnSelect&&this.deactivate()}},wholeGroupSelected(e){return e[this.groupValues].every(e=>this.isSelected(e)||this.isOptionDisabled(e))},wholeGroupDisabled(e){return e[this.groupValues].every(this.isOptionDisabled)},removeElement(e,t=!0){if(this.disabled)return;if(e.$isDisabled)return;if(!this.allowEmpty&&this.internalValue.length<=1)return void this.deactivate();const i="object"===typeof e?this.valueKeys.indexOf(e[this.trackBy]):this.valueKeys.indexOf(e);if(this.multiple){const e=this.internalValue.slice(0,i).concat(this.internalValue.slice(i+1));this.$emit("update:modelValue",e)}else this.$emit("update:modelValue",null);this.$emit("remove",e,this.id),this.closeOnSelect&&t&&this.deactivate()},removeLastElement(){-1===this.blockKeys.indexOf("Delete")&&0===this.search.length&&Array.isArray(this.internalValue)&&this.internalValue.length&&this.removeElement(this.internalValue[this.internalValue.length-1],!1)},activate(){if(this.isOpen||this.disabled)return;this.adjustPosition(),this.groupValues&&0===this.pointer&&this.filteredOptions.length&&(this.pointer=1),this.isOpen=!0,this.searchable?(this.preserveSearch||(this.search=""),this.preventAutofocus||this.$nextTick(()=>this.$refs.search&&this.$refs.search.focus())):this.preventAutofocus||"undefined"!==typeof this.$el&&this.$el.focus(),this.$emit("open",this.id);const onMouseDown=e=>{if(e?.target){const t=this.uid?"multiselect"+this.uid:"multiselect",i=e.target.closest("."+t);Boolean(i)||(this.deactivate(),document.removeEventListener("mousedown",onMouseDown))}};setTimeout(()=>{document.addEventListener("mousedown",onMouseDown)},300)},deactivate(){this.isOpen&&(this.isOpen=!1,this.searchable?this.$refs.search&&this.$refs.search.blur():this.$el&&this.$el.blur(),this.preserveSearch||(this.search=""),this.$emit("close",this.getValue(),this.id))},toggle(){this.isOpen?this.deactivate():this.activate()},adjustPosition(){if("undefined"===typeof window)return;const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom,i=t>this.maxHeight;i||t>e||"below"===this.openDirection||"bottom"===this.openDirection?(this.preferredOpenDirection="below",this.optimizedHeight=Math.min(t-40,this.maxHeight)):(this.preferredOpenDirection="above",this.optimizedHeight=Math.min(e-40,this.maxHeight))}}},S={data(){return{pointer:0,pointerDirty:!1}},props:{showPointer:{type:Boolean,default:!0},optionHeight:{type:Number,default:40}},computed:{pointerPosition(){return this.pointer*this.optionHeight},visibleElements(){return this.optimizedHeight/this.optionHeight}},watch:{filteredOptions(){this.pointerAdjust()},isOpen(){this.pointerDirty=!1},pointer(){this.$refs.search&&this.$refs.search.setAttribute("aria-activedescendant",this.id+"-"+this.pointer.toString())}},methods:{optionHighlight(e,t){return{"multiselect__option--highlight":e===this.pointer&&this.showPointer,"multiselect__option--selected":this.isSelected(t)}},groupHighlight(e,t){if(!this.groupSelect)return["multiselect__option--disabled",{"multiselect__option--group":t.$isLabel}];const i=this.options.find(e=>e[this.groupLabel]===t.$groupLabel);return i&&!this.wholeGroupDisabled(i)?["multiselect__option--group",{"multiselect__option--highlight":e===this.pointer&&this.showPointer},{"multiselect__option--group-selected":this.wholeGroupSelected(i)}]:"multiselect__option--disabled"},addPointerElement({key:e}="Enter"){this.filteredOptions.length>0&&this.select(this.filteredOptions[this.pointer],e),this.pointerReset()},pointerForward(){this.pointer<this.filteredOptions.length-1&&(this.pointer++,this.$refs.list.scrollTop<=this.pointerPosition-(this.visibleElements-1)*this.optionHeight&&(this.$refs.list.scrollTop=this.pointerPosition-(this.visibleElements-1)*this.optionHeight),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()),this.pointerDirty=!0},pointerBackward(){this.pointer>0?(this.pointer--,this.$refs.list.scrollTop>=this.pointerPosition&&(this.$refs.list.scrollTop=this.pointerPosition),this.filteredOptions[this.pointer]&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerBackward()):this.filteredOptions[this.pointer]&&this.filteredOptions[0].$isLabel&&!this.groupSelect&&this.pointerForward(),this.pointerDirty=!0},pointerReset(){this.closeOnSelect&&(this.pointer=0,this.$refs.list&&(this.$refs.list.scrollTop=0))},pointerAdjust(){this.pointer>=this.filteredOptions.length-1&&(this.pointer=this.filteredOptions.length?this.filteredOptions.length-1:0),this.filteredOptions.length>0&&this.filteredOptions[this.pointer].$isLabel&&!this.groupSelect&&this.pointerForward()},pointerSet(e){this.pointer=e,this.pointerDirty=!0}}},x={name:"vue-multiselect",mixins:[_,S],compatConfig:{MODE:3,ATTR_ENUMERATED_COERCION:!1},props:{name:{type:String,default:""},modelValue:{type:null,default(){return[]}},selectLabel:{type:String,default:"Press enter to select"},selectGroupLabel:{type:String,default:"Press enter to select group"},selectedLabel:{type:String,default:"Selected"},deselectLabel:{type:String,default:"Press enter to remove"},deselectGroupLabel:{type:String,default:"Press enter to deselect group"},showLabels:{type:Boolean,default:!0},limit:{type:Number,default:99999},maxHeight:{type:Number,default:300},limitText:{type:Function,default:e=>`and ${e} more`},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},openDirection:{type:String,default:""},showNoOptions:{type:Boolean,default:!0},showNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0}},computed:{hasOptionGroup(){return this.groupValues&&this.groupLabel&&this.groupSelect},isSingleLabelVisible(){return!1},isPlaceholderVisible(){return!this.internalValue.length&&(!this.searchable||!this.isOpen)},visibleValues(){return this.internalValue.slice(0,this.limit)},singleValue(){return this.internalValue[0]},deselectLabelText(){return this.showLabels?this.deselectLabel:""},deselectGroupLabelText(){return this.showLabels?this.deselectGroupLabel:""},selectLabelText(){return this.showLabels?this.selectLabel:""},selectGroupLabelText(){return this.showLabels?this.selectGroupLabel:""},selectedLabelText(){return this.showLabels?this.selectedLabel:""},inputStyle(){return this.searchable||this.multiple&&this.modelValue&&this.modelValue.length?this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}:""},contentStyle(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove(){return"above"===this.openDirection||"top"===this.openDirection||"below"!==this.openDirection&&"bottom"!==this.openDirection&&"above"===this.preferredOpenDirection},showSearchInput(){return this.searchable&&(!this.hasSingleSelectedSlot||!this.visibleSingleValue&&0!==this.visibleSingleValue||this.isOpen)},showNoResultsSlot(){return this.showNoResults&&0===this.filteredOptions.length&&this.search&&!this.loading},showNoOptionsSlot(){return this.showNoOptions&&(0===this.options.length||!0===this.hasOptionGroup&&0===this.filteredOptions.length)&&!this.search&&!this.loading}}};var O=__webpack_require__(6262);const L=(0,O.A)(x,[["render",render]]),$=L,N=$;return s})());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.82",
+  "version": "1.0.84",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -15,7 +15,7 @@
     "demo": "cross-env NODE_ENV=development webpack serve --config config/webpack.config.demo.js --progress --profile",
     "test": "jest --runInBand --no-cache",
     "lint": "npx eslint --cache --ext .ts src",
-    "version": "node config/version.js",
+    "version": "node -v",
     "pub": "node config/publish.js && npm publish --access=public"
   },
   "repository": {