@ldmjs/ui 1.0.75 → 1.0.76

package/dist/css/index.css

@@ -9,7 +9,7 @@
 .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-b7c0d2d4]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-b7c0d2d4]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-b7c0d2d4]{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-b7c0d2d4]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-b7c0d2d4 1.4s linear;animation-iteration-count:infinite}@keyframes loading-b7c0d2d4{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
+.ld-select-list-box[data-v-f23df862]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-f23df862]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-f23df862]{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-f23df862]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-f23df862 1.4s linear;animation-iteration-count:infinite}@keyframes loading-f23df862{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-0a53a285]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-0a53a285]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-0a53a285]{height:100%}.ld-tabs .vertical-body[data-v-0a53a285]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-0a53a285]{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-0a53a285]{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-0a53a285]{padding:0 !important}[data-v-0a53a285]  .ld-tabs .v-tabs--vertical{background:var(--grey-l-6)}[data-v-0a53a285]  .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-0a53a285]  .ld-tabs .v-tabs--vertical .v-tab--selected{background-color:var(--white);border-right-color:rgba(0,0,0,0)}[data-v-0a53a285]  .ld-tabs .v-tabs--vertical .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-0a53a285]  .ld-tabs .v-tabs--vertical .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-0a53a285]  .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-0a53a285]  .ld-tabs .v-tabs--horizontal .v-tab--selected{border-bottom:1px solid var(--primary)}[data-v-0a53a285]  .ld-tabs .v-tabs .v-tab--selected .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-0a53a285]  .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-0a53a285]  .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-0a53a285]  .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-0a53a285]  .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-0a53a285]  .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-0a53a285]  .v-slide-group__prev{display:none}[data-v-0a53a285]  .v-slide-group__next{display:none}[data-v-0a53a285]  .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-0a53a285]  .v-window-item{height:100%}[data-v-0a53a285]  .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-0a53a285]  .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-0a53a285]  .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-0a53a285]  .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}

package/dist/index.js

@@ -422,7 +422,7 @@ class BreadcrumbsComponent extends external_vue_property_decorator_.Vue {
     go(item) {
         if (!this.$router) {
             /* eslint-disable no-console */
-            console.log('Router is undefined');
+            console.error('Router is undefined');
             return;
         }
         if (item.route) {
@@ -471,18 +471,18 @@ function reg(vue, options) {
 }
 /* harmony default export */ const src_ld_breadcrumbs = (reg);
 
-;// ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-button/ld-button.vue?vue&type=template&id=c4f3f8da
+;// ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-button/ld-button.vue?vue&type=template&id=748c0a08
 
 
-const ld_buttonvue_type_template_id_c4f3f8da_hoisted_1 = { class: "d-inline-flex" }
+const ld_buttonvue_type_template_id_748c0a08_hoisted_1 = { class: "d-inline-flex" }
 
-function ld_buttonvue_type_template_id_c4f3f8da_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_buttonvue_type_template_id_748c0a08_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
   const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip")
   const _component_small_button = (0,external_vue_.resolveComponent)("small-button")
   const _directive_active = (0,external_vue_.resolveDirective)("active")
 
-  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_buttonvue_type_template_id_c4f3f8da_hoisted_1, [
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_buttonvue_type_template_id_748c0a08_hoisted_1, [
     (_ctx.isTabletView || _ctx.isTabletGlobal)
       ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_tooltip, {
           key: 0,
@@ -490,6 +490,7 @@ function ld_buttonvue_type_template_id_c4f3f8da_render(_ctx, _cache, $props, $se
         }, {
           activator: (0,external_vue_.withCtx)(({ props }) => [
             (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, (0,external_vue_.mergeProps)(props, {
+              id: _ctx.id,
               "data-testid": _ctx.testid,
               variant: _ctx.variant,
               color: _ctx.color,
@@ -504,7 +505,7 @@ function ld_buttonvue_type_template_id_c4f3f8da_render(_ctx, _cache, $props, $se
                 (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
               ]),
               _: 2
-            }, 1040, ["data-testid", "variant", "color", "icon", "disabled", "loading", "onClick"])), [
+            }, 1040, ["id", "data-testid", "variant", "color", "icon", "disabled", "loading", "onClick"])), [
               [_directive_active, _ctx.active]
             ])
           ]),
@@ -517,6 +518,7 @@ function ld_buttonvue_type_template_id_c4f3f8da_render(_ctx, _cache, $props, $se
       : (_ctx.isDesktopView || _ctx.isDesktopGlobal)
         ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_button, {
             key: 1,
+            id: _ctx.id,
             "data-testid": _ctx.testid,
             variant: _ctx.variant,
             color: _ctx.color,
@@ -532,12 +534,13 @@ function ld_buttonvue_type_template_id_c4f3f8da_render(_ctx, _cache, $props, $se
               (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
             ]),
             _: 3
-          }, 8, ["data-testid", "variant", "color", "disabled", "loading", "onClick"])), [
+          }, 8, ["id", "data-testid", "variant", "color", "disabled", "loading", "onClick"])), [
             [_directive_active, _ctx.active]
           ])
         : (_ctx.isMobileView || _ctx.isMobileGlobal)
           ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
               key: 2,
+              id: _ctx.id,
               "data-testid": _ctx.testid,
               color: _ctx.color,
               disabled: _ctx.disabled,
@@ -552,13 +555,13 @@ function ld_buttonvue_type_template_id_c4f3f8da_render(_ctx, _cache, $props, $se
                 (0,external_vue_.renderSlot)(_ctx.$slots, "hidden")
               ]),
               _: 3
-            }, 8, ["data-testid", "color", "disabled", "loading", "icon", "variant", "onClick"])), [
+            }, 8, ["id", "data-testid", "color", "disabled", "loading", "icon", "variant", "onClick"])), [
               [_directive_active, _ctx.active]
             ])
           : (0,external_vue_.createCommentVNode)("", true)
   ]))
 }
-;// ./src/ld-button/ld-button.vue?vue&type=template&id=c4f3f8da
+;// ./src/ld-button/ld-button.vue?vue&type=template&id=748c0a08
 
 // EXTERNAL MODULE: external "vue-class-component"
 var external_vue_class_component_ = __webpack_require__(9299);
@@ -688,6 +691,10 @@ let ResponsiveButtonComponent = class ResponsiveButtonComponent extends (0,exter
         return this.globalDesktopKey ? this[this.globalDesktopKey] : false;
     }
 };
+ld_buttonvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
+    ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
+], ResponsiveButtonComponent.prototype, "id", void 0);
 ld_buttonvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ type: String, default: 'flat' }),
     ld_buttonvue_type_script_lang_js_external_metadata("design:type", String)
@@ -753,7 +760,7 @@ ResponsiveButtonComponent = ld_buttonvue_type_script_lang_js_external_decorate([
 
 
 ;
-const ld_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_buttonvue_type_script_lang_js_external, [['render',ld_buttonvue_type_template_id_c4f3f8da_render]])
+const ld_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_buttonvue_type_script_lang_js_external, [['render',ld_buttonvue_type_template_id_748c0a08_render]])
 
 /* harmony default export */ const ld_button = (ld_button_exports_);
 ;// ./src/ld-button/index.ts
@@ -12138,46 +12145,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=b7c0d2d4&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=f23df862&scoped=true&ts=true
 
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_1 = {
+const ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_1 = {
     key: 0,
     class: "w-full d-flex align-start overflow-hidden",
-    style: { "border-radius": "var(--border-radius)" }
+    style: { "border-radius": "var(--border-radius)", "max-width": "100%" }
 };
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_2 = {
-    class: "w-full d-flex position-relative",
-    style: { "flex-basis": "100%" }
-};
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_4 = {
+const ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_2 = { style: { "display": "block", "overflow": "hidden", "text-overflow": "ellipsis" } };
+const ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_3 = {
     key: 0,
     class: "d-flex align-center"
 };
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_5 = { class: "d-flex flex-column justify-center" };
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_6 = {
+const ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_4 = { class: "d-flex flex-column justify-center" };
+const ld_select_list_boxvue_type_template_id_f23df862_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_b7c0d2d4_scoped_true_ts_true_hoisted_7 = {
+const ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_6 = {
     key: 1,
     class: "select-list-box-loading"
 };
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_8 = {
+const ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_7 = {
     class: "d-flex align-center",
     style: { "height": "var(--input-height)" }
 };
-const ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_9 = {
+const ld_select_list_boxvue_type_template_id_f23df862_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_b7c0d2d4_scoped_true_ts_true_hoisted_10 = {
+const ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_9 = {
     key: 2,
     class: "select-list-box-validate"
 };
-function ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_select_list_boxvue_type_template_id_f23df862_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");
@@ -12205,8 +12208,14 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_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_b7c0d2d4_scoped_true_ts_true_hoisted_1, [
-                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_hoisted_2, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_1, [
+                            (0,external_vue_.createElementVNode)("div", {
+                                class: "w-full d-flex position-relative",
+                                style: (0,external_vue_.normalizeStyle)({
+                                    'flex-basis': '100%',
+                                    'max-width': _ctx.fixWrapperMaxWidth,
+                                })
+                            }, [
                                 (0,external_vue_.createVNode)(_component_multiselect, {
                                     ref: "multiselect",
                                     modelValue: _ctx.selected,
@@ -12216,6 +12225,7 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_ren
                                     ],
                                     "track-by": "id",
                                     class: (0,external_vue_.normalizeClass)({ 'multiselect--with-right-button': !_ctx.isDialogDisabled }),
+                                    style: (0,external_vue_.normalizeStyle)({ 'max-width': _ctx.fixMultiselectMaxWidth }),
                                     multiple: _ctx.multiselect,
                                     placeholder: _ctx.placeholder,
                                     "select-label": '',
@@ -12247,7 +12257,7 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_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_b7c0d2d4_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
+                                                    (0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_2, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
                                                 ]),
                                                 _: 2
                                             }, 1032, ["color", "closable", "onClick:close"]))
@@ -12275,7 +12285,7 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_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_b7c0d2d4_scoped_true_ts_true_hoisted_4, [
+                                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f23df862_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,
@@ -12290,13 +12300,13 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_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_b7c0d2d4_scoped_true_ts_true_hoisted_5, [
+                                                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_f23df862_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_b7c0d2d4_scoped_true_ts_true_hoisted_6, [
+                                                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f23df862_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 "))
                                                                         ], true)
@@ -12315,7 +12325,7 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_ren
                                         (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.message), 1)
                                     ]),
                                     _: 3
-                                }, 8, ["modelValue", "class", "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", "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, {
@@ -12343,11 +12353,11 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_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_b7c0d2d4_scoped_true_ts_true_hoisted_7))
+                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f23df862_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_b7c0d2d4_scoped_true_ts_true_hoisted_8, [
+                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_7, [
                                 (_ctx.$utils.isDefined(_ctx.help))
                                     ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_help, {
                                         key: 0,
@@ -12360,7 +12370,7 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_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_b7c0d2d4_scoped_true_ts_true_hoisted_9, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_8, [
                             (0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: _ctx.singleItem, onRemove: _ctx.onRemoveItem })), () => [
                                 ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                     key: JSON.stringify(_ctx.selected),
@@ -12378,7 +12388,7 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_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_b7c0d2d4_scoped_true_ts_true_hoisted_10, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_f23df862_scoped_true_ts_true_hoisted_9, [
                             (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
                                 default: (0,external_vue_.withCtx)(() => [
                                     (_ctx.showHint)
@@ -12401,7 +12411,7 @@ function ld_select_list_boxvue_type_template_id_b7c0d2d4_scoped_true_ts_true_ren
     }));
 }
 
-;// ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=b7c0d2d4&scoped=true&ts=true
+;// ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=f23df862&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) {
@@ -12702,6 +12712,22 @@ let ld_select_list_boxvue_type_script_lang_ts_external_SelectListBoxComponent =
     get isInternalSearch() {
         return this.internalSearch || this.isRestricted;
     }
+    get fixMultiselectMaxWidth() {
+        let i = 0;
+        if (!this.isDialogDisabled) {
+            i++;
+        }
+        const w = `var(--input-height) *${i} `;
+        return `calc(100% - ${w})`;
+    }
+    get fixWrapperMaxWidth() {
+        let i = 0;
+        if (this.$utils.isDefined(this.help)) {
+            i++;
+        }
+        const w = `var(--input-height) *${i} `;
+        return `calc(100% - ${w})`;
+    }
     emitUpdate() {
         this.emitUpdateValue();
         this.emitUpdateItems();
@@ -12887,7 +12913,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_b7c0d2d4_scoped_true_ts_true_render],['__scopeId',"data-v-b7c0d2d4"]])
+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_f23df862_scoped_true_ts_true_render],['__scopeId',"data-v-f23df862"]])
 
 /* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
 ;// ./src/ld-select-list-box/index.ts