@ldmjs/ui 1.0.57 → 1.0.60

package/dist/css/index.css

@@ -5,13 +5,13 @@
 .ld-datepicker[data-v-34ba51af]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-34ba51af]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-34ba51af]{overflow:hidden;height:20px}.custom-time-picker[data-v-34ba51af]{max-width:var(--date-time-width);border-radius:var(--border-radius);background-color:var(--white);font-size:inherit !important}.custom-time-picker-validate[data-v-34ba51af]{overflow:hidden;height:20px}.date-input[data-v-34ba51af]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-34ba51af]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-34ba51af]{padding-right:5px}.dt-col[data-v-34ba51af]{max-width:110px}.time-selector[data-v-34ba51af]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-34ba51af]{display:inline-block;width:100%;text-align:center;font-family:"Roboto";font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-34ba51af]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}[data-v-34ba51af]  .v-input--is-disabled input{color:var(--text) !important}
 .ld-tabs[data-v-7096ec80]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-7096ec80]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-7096ec80]{height:100%}.ld-tabs .vertical-body[data-v-7096ec80]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-7096ec80]{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-7096ec80]{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-7096ec80]{padding:0 !important}[data-v-7096ec80]  .ld-tabs .v-tabs--vertical{background:var(--grey-l-6)}[data-v-7096ec80]  .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-7096ec80]  .ld-tabs .v-tabs--vertical .v-tab--selected{background-color:var(--white);border-right-color:rgba(0,0,0,0)}[data-v-7096ec80]  .ld-tabs .v-tabs--vertical .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-7096ec80]  .ld-tabs .v-tabs--vertical .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-7096ec80]  .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-7096ec80]  .ld-tabs .v-tabs--horizontal .v-tab--selected{border-bottom:1px solid var(--primary)}[data-v-7096ec80]  .ld-tabs .v-tabs .v-tab--selected .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-7096ec80]  .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-7096ec80]  .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-7096ec80]  .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-7096ec80]  .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-7096ec80]  .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-7096ec80]  .v-slide-group__prev{display:none}[data-v-7096ec80]  .v-slide-group__next{display:none}[data-v-7096ec80]  .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-7096ec80]  .v-window-item{height:100%}[data-v-7096ec80]  .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-7096ec80]  .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-7096ec80]  .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-7096ec80]  .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}
 .v-toolbar[data-v-79e04ede]{position:relative;background-color:var(--white);box-shadow:var(--shadow-1);z-index:1}.toolbar-wrapper[data-v-79e04ede]{display:grid;width:100%;height:100%;padding:0 12px}.toolbar-wrapper[data-v-79e04ede]:not(.--preview){grid-template-columns:100%;grid-template-rows:var(--input-height);row-gap:4px}.toolbar-wrapper.--preview[data-v-79e04ede]{grid-template-columns:1fr}.toolbar-inner[data-v-79e04ede]{display:grid;grid-template-rows:100%;grid-template-columns:1fr max-content;column-gap:8px}.toolbar-caption[data-v-79e04ede]{--left: calc(var(--input-height) + 8px);display:flex;align-items:center;position:absolute;height:100%;width:calc(100% - var(--left));top:0;left:var(--left)}
-.ld-select-list-box[data-v-195dd2c7]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-195dd2c7]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-195dd2c7]{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-195dd2c7]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-195dd2c7 1.4s linear;animation-iteration-count:infinite}@keyframes loading-195dd2c7{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
+.ld-select-list-box[data-v-749df32e]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-749df32e]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-749df32e]{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-749df32e]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-749df32e 1.4s linear;animation-iteration-count:infinite}@keyframes loading-749df32e{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
 .ld-checkbox{display:flex;align-items:center;position:relative;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]: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:focus+.v-icon{background-color:var(--primary-l-3)}.ld-checkbox input[type=checkbox]:checked:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
 .ld-radiobutton[data-v-2d8a7abd]{display:flex;align-items:center;font-size:var(--font-size)}
 .ld-ragiogroup .validate[data-v-bd740210]{overflow:hidden;height:20px}.ld-ragiogroup--row[data-v-bd740210] .ld-radiobutton:not(:first-child){margin-left:8px}
 .ld-textarea[data-v-5e5438c4]{display:flex;min-width:100%;max-width:100%;width:100%}[data-v-5e5438c4] .none-resizable textarea{resize:none}
-.ld-select[data-v-5d9c6c2a]{position:relative;min-width:100%}.ld-select[data-v-5d9c6c2a] .v-field__append-inner{display:none}.ld-select[data-v-5d9c6c2a] .v-select{position:relative}.ld-select[data-v-5d9c6c2a] .v-select: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-5d9c6c2a] .v-select--active-menu:before{transform:rotate(180deg)}input[type=checkbox]+.v-icon[data-v-5d9c6c2a]{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-5d9c6c2a]{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-5d9c6c2a]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-5d9c6c2a] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-5d9c6c2a] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
-.ld-combobox[data-v-63c0f476]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-63c0f476]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-63c0f476]{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-63c0f476]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-63c0f476 1.4s linear;animation-iteration-count:infinite}@keyframes loading-63c0f476{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
+.ld-select[data-v-76634470]{position:relative;min-width:100%}.ld-select[data-v-76634470] .v-field__append-inner{display:none}.ld-select[data-v-76634470] .v-select{position:relative}.ld-select[data-v-76634470] .v-select: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-76634470] .v-input--readonly:before{opacity:.6}.ld-select[data-v-76634470] .v-select--active-menu:before{transform:rotate(180deg)}input[type=checkbox]+.v-icon[data-v-76634470]{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-76634470]{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-76634470]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-76634470] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-76634470] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
+.ld-combobox[data-v-e9134b94]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-e9134b94]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-e9134b94]{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-e9134b94]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-e9134b94 1.4s linear;animation-iteration-count:infinite}@keyframes loading-e9134b94{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
 .time-selector[data-v-15511ea0]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-15511ea0]{display:inline-block;width:100%;text-align:center;font-family:"Roboto";font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-15511ea0]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}.ld-timepicker-validate[data-v-15511ea0]{overflow:hidden;height:20px}
 .ld-text-viewer[data-v-3fa037a4]{min-width:100%;display:flex;flex-direction:column;white-space:break-spaces;font-size:var(--font-size)}.ld-text-viewer .column[data-v-3fa037a4]{flex-flow:column}
 .ld-edit-masked-text[data-v-33aa4ec6]{min-width:100%;font-size:inherit !important;display:flex}.ld-edit-masked-text .column[data-v-33aa4ec6]{flex-flow:column}input[data-v-33aa4ec6]{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-33aa4ec6]:focus,input[data-v-33aa4ec6]:active{outline:none;border:1px solid var(--grey-l-4)}.ld-edit-masked-text-validate[data-v-33aa4ec6]{overflow:hidden;height:20px}

package/dist/index.d.ts

@@ -66,11 +66,11 @@ export declare function fileToBase64(value: File | Blob): Promise<string>;
 /* convert Base64 string to Uint8Array */
 export declare function base64ToUint8Array(base64: string): Uint8Array;
 /* convert Uint8Array to Hexadecimal system */
-export declare function Uint8ArrayToHex(bytes: Uint8Array): string;
+export declare function uint8ArrayToHex(bytes: Uint8Array): string;
 /* convert a hex string to an ArrayBuffer */
 export declare function hexToArrayBuffer(hex: string): Array<number>;
 /* convert Uint8Array to Base64 */
-export declare function Uint8ArrayToBase64(value: Uint8Array): string
+export declare function uint8ArrayToBase64(value: Uint8Array): string
 /* convert ArrayBuffer to Uint8Array */
 export declare function arrayBufferToUint8Array(value: ArrayBuffer): Uint8Array;
 
@@ -118,9 +118,9 @@ declare module '@vue/runtime-core' {
       fileToArrayBuffer: (value: File | Blob) => Promise<ArrayBuffer>;
       fileToBase64: (value: File | Blob) => Promise<string>;
       base64ToUint8Array: (base64: string) => Uint8Array;
-      Uint8ArrayToHex: (bytes: Uint8Array) => string;
+      uint8ArrayToHex: (bytes: Uint8Array) => string;
       hexToArrayBuffer: (hex: string) => Array<number>;
-      Uint8ArrayToBase64: (value: Uint8Array) => string;
+      uint8ArrayToBase64: (value: Uint8Array) => string;
       arrayBufferToUint8Array: (value: ArrayBuffer) => Uint8Array;
     };
     $ldmui: {

package/dist/index.js

@@ -266,7 +266,7 @@ __webpack_require__.d(__webpack_exports__, {
   ModalType: () => (/* reexport */ ModalType),
   PromptDialog: () => (/* reexport */ PromptDialog),
   SelectDialog: () => (/* reexport */ SelectDialog),
-  Uint8ArrayToHex: () => (/* reexport */ Uint8ArrayToHex),
+  Uint8ArrayToHex: () => (/* reexport */ converting_namespaceObject.Uint8ArrayToHex),
   ValidateMixin: () => (/* reexport */ ValidateMixin),
   ValidateMixinOptions: () => (/* reexport */ ValidateMixinOptions),
   alphaNumRule: () => (/* reexport */ validators_js_.alphaNumRule),
@@ -307,11 +307,22 @@ __webpack_require__.d(__webpack_exports__, {
   validators: () => (/* reexport */ validators_js_.validators)
 });
 
+// NAMESPACE OBJECT: ./src/utils/converting.ts
+var converting_namespaceObject = {};
+__webpack_require__.r(converting_namespaceObject);
+__webpack_require__.d(converting_namespaceObject, {
+  E_: () => (base64ToUint8Array),
+  D$: () => (fileToArrayBuffer),
+  bB: () => (fileToBase64),
+  _1: () => (hexToArrayBuffer),
+  Y4: () => (uint8ArrayToBase64)
+});
+
 // NAMESPACE OBJECT: ./src/utils/index.ts
 var src_utils_namespaceObject = {};
 __webpack_require__.r(src_utils_namespaceObject);
 __webpack_require__.d(src_utils_namespaceObject, {
-  Uint8ArrayToHex: () => (Uint8ArrayToHex),
+  Uint8ArrayToHex: () => (converting_namespaceObject.Uint8ArrayToHex),
   awaiting: () => (awaiting),
   base64: () => (base64),
   base64ToUint8Array: () => (base64ToUint8Array),
@@ -8642,30 +8653,30 @@ function ld_page_toolbar_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_page_toolbar = (ld_page_toolbar_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=195dd2c7&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=749df32e&scoped=true&ts=true
 
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_1 = {
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_1 = {
     key: 0,
     class: "w-full overflow-hidden",
     style: { "border-radius": "var(--border-radius)" }
 };
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_2 = { class: "w-full d-flex position-relative" };
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_4 = {
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_2 = { class: "w-full d-flex position-relative" };
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_4 = {
     key: 0,
     class: "d-flex align-center"
 };
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_5 = { class: "d-flex flex-column justify-center" };
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_6 = {
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_5 = { class: "d-flex flex-column justify-center" };
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_6 = {
     key: 0,
     class: "grey--text",
     style: { "font-size": "var(--font-size--1)" }
 };
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_7 = {
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_7 = {
     key: 1,
     class: "select-list-box-loading"
 };
-const ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_8 = {
+const ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_8 = {
     key: 1,
     class: "w-full",
     style: { "min-height": "var(--input-height)" }
@@ -8674,7 +8685,7 @@ const _hoisted_9 = {
     key: 2,
     class: "select-list-box-validate"
 };
-function ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_select_list_boxvue_type_template_id_749df32e_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");
@@ -8701,8 +8712,8 @@ function ld_select_list_boxvue_type_template_id_195dd2c7_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_195dd2c7_scoped_true_ts_true_hoisted_1, [
-                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_hoisted_2, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_1, [
+                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_2, [
                                 (0,external_vue_.createVNode)(_component_multiselect, {
                                     ref: "multiselect",
                                     modelValue: _ctx.selected,
@@ -8743,7 +8754,7 @@ function ld_select_list_boxvue_type_template_id_195dd2c7_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_195dd2c7_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_749df32e_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
                                                 ]),
                                                 _: 2
                                             }, 1032, ["color", "closable", "onClick:close"]))
@@ -8771,7 +8782,7 @@ function ld_select_list_boxvue_type_template_id_195dd2c7_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_195dd2c7_scoped_true_ts_true_hoisted_4, [
+                                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_4, [
                                                                 ((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,
@@ -8786,13 +8797,13 @@ function ld_select_list_boxvue_type_template_id_195dd2c7_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_195dd2c7_scoped_true_ts_true_hoisted_5, [
+                                                            (0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_5, [
                                                                 (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_195dd2c7_scoped_true_ts_true_hoisted_6, [
+                                                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_6, [
                                                                         (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)("\r\n                            no slot \"option-hint\" found\r\n                          "))
                                                                         ], true)
@@ -8825,27 +8836,28 @@ function ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_ren
                                     }, {
                                         default: (0,external_vue_.withCtx)(() => [
                                             ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-icon']), {
-                                                color: _ctx.validationMessage && !_ctx.readonly && !_ctx.disabled ? 'error' : 'grey'
+                                                color: _ctx.validationMessage && !_ctx.readonly && !_ctx.disabled ? 'error' : 'grey',
+                                                style: (0,external_vue_.normalizeStyle)({ opacity: _ctx.readonly || _ctx.disabled ? '0.6' : '1' })
                                             }, {
                                                 default: (0,external_vue_.withCtx)(() => [
                                                     (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.icon), 1)
                                                 ]),
                                                 _: 1
-                                            }, 8, ["color"]))
+                                            }, 8, ["color", "style"]))
                                         ]),
                                         _: 1
                                     }, 8, ["disabled", "loading", "onClick"]))
                                     : (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_195dd2c7_scoped_true_ts_true_hoisted_7))
+                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_749df32e_scoped_true_ts_true_hoisted_7))
                                     : (0,external_vue_.createCommentVNode)("", true)
                             ])
                         ]))
                         : (0,external_vue_.createCommentVNode)("", true),
                     _cache[11] || (_cache[11] = (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_195dd2c7_scoped_true_ts_true_hoisted_8, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_749df32e_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),
@@ -8886,7 +8898,7 @@ function ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_ren
     }));
 }
 
-;// ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=195dd2c7&scoped=true&ts=true
+;// ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=749df32e&scoped=true&ts=true
 
 // EXTERNAL MODULE: external "./lib/multiselect.js"
 var multiselect_js_ = __webpack_require__(5733);
@@ -11501,14 +11513,13 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
         return this.selectedIds.length > 0;
     }
     get canRemove() {
-        const result = !this.readonly && !this.disabled;
-        if (!result) {
+        if (this.readonly || this.disabled) {
             return false;
         }
         if (!this.allowEmpty && this.multiselect && Array.isArray(this.selected)) {
             return this.selected.length > 1;
         }
-        return result;
+        return true;
     }
     get isRestricted() {
         return this.restricted?.length > 0;
@@ -11699,7 +11710,7 @@ SelectListBoxComponent = ld_select_list_boxvue_type_script_lang_ts_external_deco
 ;
 
 
-const ld_select_list_box_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_select_list_boxvue_type_script_lang_ts_external, [['render',ld_select_list_boxvue_type_template_id_195dd2c7_scoped_true_ts_true_render],['__scopeId',"data-v-195dd2c7"]])
+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_749df32e_scoped_true_ts_true_render],['__scopeId',"data-v-749df32e"]])
 
 /* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
 ;// ./src/ld-select-list-box/index.ts
@@ -12703,16 +12714,16 @@ function ld_textarea_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_textarea = (ld_textarea_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=5d9c6c2a&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=76634470&scoped=true&ts=true
 
-const ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
-const ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_2 = {
+const ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
+const ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_2 = {
     key: 1,
     class: "text-crop"
 };
-const ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_3 = { class: "justify mr-2 flex items-center" };
-const ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_4 = ["checked"];
-function ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_3 = { class: "justify mr-2 flex items-center" };
+const ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_4 = ["checked"];
+function ld_selectvue_type_template_id_76634470_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");
@@ -12720,7 +12731,7 @@ function ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_render(_ctx,
     const _component_v_select = (0,external_vue_.resolveComponent)("v-select");
     const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
     const _component_v_row = (0,external_vue_.resolveComponent)("v-row");
-    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_1, [
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_1, [
         (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
             default: (0,external_vue_.withCtx)(() => [
                 (_ctx.label)
@@ -12768,7 +12779,7 @@ function ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_render(_ctx,
                                             ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                                 key: 0,
                                                 class: "my-0.5",
-                                                closable: _ctx.multiselect || _ctx.closableChips,
+                                                closable: _ctx.canRemove,
                                                 "onClick:close": ($event) => (_ctx.onUnselect(item.raw))
                                             }, {
                                                 default: (0,external_vue_.withCtx)(() => [
@@ -12781,17 +12792,17 @@ function ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_render(_ctx,
                                                     ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                                         key: 0,
                                                         class: "my-0.5",
-                                                        closable: false
+                                                        closable: _ctx.canRemove
                                                     }, {
                                                         default: (0,external_vue_.withCtx)(() => [
                                                             (0,external_vue_.createTextVNode)("\r\n                  + Еще " + (0,external_vue_.toDisplayString)(_ctx.selected.length - _ctx.selectionShowCount), 1)
                                                         ]),
                                                         _: 1
-                                                    }))
+                                                    }, 8, ["closable"]))
                                                     : (0,external_vue_.createCommentVNode)("", true)
                                             ], 64))
                                     ], 64))
-                                    : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_2, (0,external_vue_.toDisplayString)(item.title), 1))
+                                    : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_2, (0,external_vue_.toDisplayString)(item.title), 1))
                             ]),
                             item: (0,external_vue_.withCtx)(({ item, props }) => [
                                 (0,external_vue_.createVNode)(_component_v_list_item, (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)(props)), (0,external_vue_.createSlots)({ _: 2 }, [
@@ -12799,13 +12810,13 @@ function ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_render(_ctx,
                                         ? {
                                             name: "prepend",
                                             fn: (0,external_vue_.withCtx)(() => [
-                                                (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_3, [
+                                                (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_3, [
                                                     (0,external_vue_.createElementVNode)("input", {
                                                         ref: "checkbox",
                                                         type: "checkbox",
                                                         class: "d-none",
                                                         checked: _ctx.itemSelected(item.raw)
-                                                    }, null, 8, ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_hoisted_4),
+                                                    }, null, 8, ld_selectvue_type_template_id_76634470_scoped_true_ts_true_hoisted_4),
                                                     _cache[1] || (_cache[1] = (0,external_vue_.createTextVNode)()),
                                                     (0,external_vue_.createVNode)(_component_v_icon, {
                                                         icon: "check",
@@ -12834,7 +12845,7 @@ function ld_selectvue_type_template_id_5d9c6c2a_scoped_true_ts_true_render(_ctx,
     ]));
 }
 
-;// ./src/ld-select/ld-select.vue?vue&type=template&id=5d9c6c2a&scoped=true&ts=true
+;// ./src/ld-select/ld-select.vue?vue&type=template&id=76634470&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) {
@@ -12935,6 +12946,9 @@ let SelectComponent = class SelectComponent extends (0,external_vue_property_dec
         this.validationMessage = '';
     }
     onClick(e) {
+        if (this.readonly) {
+            return;
+        }
         this.menu = !this.menu;
     }
     onToggle(item) {
@@ -13022,6 +13036,12 @@ let SelectComponent = class SelectComponent extends (0,external_vue_property_dec
     get isArrayObjectTypeSelected() {
         return Array.isArray(this.selected) && !this.isArraySimpleTypeSelected;
     }
+    get canRemove() {
+        if (this.readonly || this.disabled) {
+            return false;
+        }
+        return this.multiselect || this.closableChips;
+    }
 };
 ld_selectvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Prop)(),
@@ -13118,7 +13138,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_5d9c6c2a_scoped_true_ts_true_render],['__scopeId',"data-v-5d9c6c2a"]])
+const ld_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_selectvue_type_script_lang_ts_external, [['render',ld_selectvue_type_template_id_76634470_scoped_true_ts_true_render],['__scopeId',"data-v-76634470"]])
 
 /* harmony default export */ const ld_select = (ld_select_exports_);
 ;// ./src/ld-select/index.ts
@@ -13128,33 +13148,33 @@ 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-combobox/ld-combobox.vue?vue&type=template&id=63c0f476&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=e9134b94&scoped=true&ts=true
 
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_1 = {
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_1 = {
     class: "w-full overflow-hidden",
     style: { "border-radius": "var(--border-radius)" }
 };
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_2 = { class: "w-full d-flex position-relative" };
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_4 = {
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_2 = { class: "w-full d-flex position-relative" };
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_4 = {
     key: 0,
     class: "d-flex align-center"
 };
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_5 = { class: "d-flex flex-column justify-center" };
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_6 = {
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_5 = { class: "d-flex flex-column justify-center" };
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_6 = {
     key: 0,
     class: "grey--text",
     style: { "font-size": "var(--font-size--1)" }
 };
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_7 = {
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_7 = {
     key: 0,
     class: "combobox-loading"
 };
-const ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_8 = {
+const ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_8 = {
     key: 0,
     class: "combobox-validate"
 };
-function ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_comboboxvue_type_template_id_e9134b94_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");
@@ -13179,8 +13199,8 @@ function ld_comboboxvue_type_template_id_63c0f476_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_63c0f476_scoped_true_ts_true_hoisted_1, [
-                        (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_2, [
+                    (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_1, [
+                        (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_2, [
                             (0,external_vue_.createVNode)(_component_multiselect, {
                                 ref: "multiselect",
                                 modelValue: _ctx.selected,
@@ -13218,12 +13238,12 @@ function ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_render(_ct
                                     })), () => [
                                         ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
                                             key: JSON.stringify(option),
-                                            color: _ctx.disabled ? 'grey' : 'primary',
+                                            color: _ctx.canRemove ? 'primary' : 'grey',
                                             closable: _ctx.canRemove,
                                             "onClick:close": ($event) => (_ctx.onRemoveItem(option))
                                         }, {
                                             default: (0,external_vue_.withCtx)(() => [
-                                                (0,external_vue_.createElementVNode)("span", ld_comboboxvue_type_template_id_63c0f476_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_e9134b94_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
                                             ]),
                                             _: 2
                                         }, 1032, ["color", "closable", "onClick:close"]))
@@ -13251,7 +13271,7 @@ function ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_render(_ct
                                             (0,external_vue_.createVNode)(_component_v_col, { class: "d-flex align-center py-1" }, {
                                                 default: (0,external_vue_.withCtx)(() => [
                                                     (_ctx.multiselect)
-                                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_4, [
+                                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_4, [
                                                             ((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,
@@ -13266,13 +13286,13 @@ function ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_render(_ct
                                                     }, [
                                                         (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[2] || (_cache[2] = (0,external_vue_.createTextVNode)()),
-                                                        (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_5, [
+                                                        (0,external_vue_.createElementVNode)("div", ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_5, [
                                                             (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[1] || (_cache[1] = (0,external_vue_.createTextVNode)()),
                                                             (_ctx.optionHint)
-                                                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_6, [
+                                                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_6, [
                                                                     (0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), undefined, true)
                                                                 ]))
                                                                 : (0,external_vue_.createCommentVNode)("", true)
@@ -13292,13 +13312,13 @@ function ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_render(_ct
                             }, 8, ["modelValue", "uid", "multiple", "placeholder", "options", "searchable", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allowEmpty", "onClose", "onOpen", "onSearchChange", "onUpdate:modelValue"]),
                             _cache[7] || (_cache[7] = (0,external_vue_.createTextVNode)()),
                             (_ctx.loading)
-                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_7))
+                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_7))
                                 : (0,external_vue_.createCommentVNode)("", true)
                         ])
                     ]),
                     _cache[8] || (_cache[8] = (0,external_vue_.createTextVNode)()),
                     (!_ctx.hideDetails)
-                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_hoisted_8, [
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_hoisted_8, [
                             (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
                                 default: (0,external_vue_.withCtx)(() => [
                                     (_ctx.showHint)
@@ -13321,7 +13341,7 @@ function ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_render(_ct
     }));
 }
 
-;// ./src/ld-combobox/ld-combobox.vue?vue&type=template&id=63c0f476&scoped=true&ts=true
+;// ./src/ld-combobox/ld-combobox.vue?vue&type=template&id=e9134b94&scoped=true&ts=true
 
 ;// ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-combobox/ld-combobox.ts?vue&type=script&lang=ts&external
 var ld_comboboxvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -13646,14 +13666,13 @@ let ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent = class S
         return this.selectedIds.length > 0;
     }
     get canRemove() {
-        const result = !this.readonly && !this.disabled;
-        if (!result) {
+        if (this.readonly || this.disabled) {
             return false;
         }
         if (!this.allowEmpty && this.multiselect && Array.isArray(this.selected)) {
             return this.selected.length > 1;
         }
-        return result;
+        return true;
     }
 };
 ld_comboboxvue_type_script_lang_ts_external_decorate([
@@ -13792,7 +13811,7 @@ ld_comboboxvue_type_script_lang_ts_external_SelectListBoxComponent = ld_combobox
 ;
 
 
-const ld_combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_comboboxvue_type_script_lang_ts_external, [['render',ld_comboboxvue_type_template_id_63c0f476_scoped_true_ts_true_render],['__scopeId',"data-v-63c0f476"]])
+const ld_combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_comboboxvue_type_script_lang_ts_external, [['render',ld_comboboxvue_type_template_id_e9134b94_scoped_true_ts_true_render],['__scopeId',"data-v-e9134b94"]])
 
 /* harmony default export */ const ld_combobox = (ld_combobox_exports_);
 ;// ./src/ld-combobox/index.ts
@@ -14622,7 +14641,7 @@ function base64ToUint8Array(base64) {
     }
     return arr;
 }
-function Uint8ArrayToHex(bytes) {
+function uint8ArrayToHex(bytes) {
     const hex = [];
     /* eslint-disable-next-line @typescript-eslint/prefer-for-of */
     for (let i = 0; i < bytes.length; i++) {

package/dist/scss/_multiselect.scss

@@ -163,5 +163,8 @@
     .multiselect__tags {
       background-color: var(--grey-l-6);
     }
+    .multiselect__select:before {
+      opacity: 0.6;
+    }
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.57",
+  "version": "1.0.60",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -94,7 +94,7 @@
     "vue-property-decorator": "10.0.0-rc.3",
     "vue-screen-utils": "1.0.0-beta.13",
     "vue-toastification": "2.0.0-rc.5",
-    "vuetify": "3.7.5",
+    "vuetify": "3.8.0",
     "webpack": "5.97.1",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "5.1.0",