@ldmjs/ui 1.0.14 → 1.0.16

package/dist/css/index.css

@@ -4,7 +4,7 @@
 
 .label[data-v-12071c41]{word-wrap:break-word;max-width:100%;padding-bottom:2px;color:var(--label) !important;font-size:var(--font-size)}.label-wrapper[data-v-12071c41]{display:flex;align-items:center;min-height:var(--input-height)}.require[data-v-12071c41]::after{content:'*';display:inline-block;color:var(--error)}
 
-.ld-edit-text[data-v-3f17f967]{min-width:100%}.input-class[data-v-3f17f967]{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-3f17f967]:not(.disabled){background-color:var(--white)}.input-class[data-v-3f17f967]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-3f17f967]{position:absolute;top:3px;right:6px;color:var(--label)}
+.ld-edit-text[data-v-3a89856c]{min-width:100%}.input-class[data-v-3a89856c]{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-3a89856c]:not(.disabled){background-color:var(--white)}.input-class[data-v-3a89856c]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-3a89856c]{position:absolute;top:3px;right:6px;color:var(--label)}
 
 .ld-datepicker[data-v-98da67e2]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-98da67e2]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-98da67e2]{overflow:hidden;height:20px}.custom-time-picker[data-v-98da67e2]{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-98da67e2]{overflow:hidden;height:20px}.date-input[data-v-98da67e2]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-98da67e2]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-98da67e2]{padding-right:5px}.dt-col[data-v-98da67e2]{max-width:110px}.time-selector[data-v-98da67e2]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-98da67e2]{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-98da67e2]{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-98da67e2]  .vc-popover-content-wrapper{position:fixed !important}[data-v-98da67e2]  .v-input--is-disabled input{color:var(--text) !important}[data-v-98da67e2]  .vc-popover-content{border-color:var(--grey-l-5)}[data-v-98da67e2]  .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:'Roboto'}[data-v-98da67e2]  .vc-arrow{color:var(--grey)}[data-v-98da67e2]  .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:'Roboto'}[data-v-98da67e2]  .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:'Roboto'}[data-v-98da67e2]  .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-98da67e2]  .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
 
@@ -14,7 +14,7 @@
 
 .ld-select-list-box[data-v-4ccf12f8]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-4ccf12f8]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-4ccf12f8]{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-4ccf12f8]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-4ccf12f8 1.4s linear;animation-iteration-count:infinite}@keyframes loading-4ccf12f8{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
 
-.ld-checkbox{display:flex;align-items:center;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type='checkbox']+.v-icon{display:block;width:12px !important;height:12px !important;font-size:10px !important;background-color:var(--white);color:transparent;border:1px solid var(--grey-l-5)}.ld-checkbox input[type='checkbox']:checked+.v-icon{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type='checkbox']:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
+.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:transparent;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);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']: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)}
 

package/dist/index.d.ts

@@ -4,12 +4,46 @@ import { IToasted } from './types/toasted';
 import { IInput, IWatcher } from './types/validation';
 import { Dialog } from './types/dialogs';
 
+/**
+ * awaiting any event
+ * use:
+ * async function() {
+ *  let a = 0;
+ *  setTimeout(() => {
+ *    a = 1;
+ *  }, 3000)
+ *  await awaiting(() => a === 1);
+ *  console.log(a) // 1;
+ * }
+ */
 declare function awaiting(callback: () => unknown): Promise<any>;
+/**
+ * a = null (undefined, '', NaN) => isDefined(a) // false
+ */
 declare function isDefined(value: unknown): boolean;
+/**
+ * generate an unique id by a format: 'a-z', 'A-Z', '0-9', 'a-zA-Z', 'a-z0-9', all)
+ */
 declare function uidGen(len?: number, format?: string): string | number;
+/**
+ * async function() {
+ *   await delay(1000);
+ * }
+ */
 declare function delay(timeout: number): Promise<void>;
+/**
+ * returns a deep object given a string
+ * use:
+ * Record.Key1.Key2.Key3 = Value;
+ * const value = deepValueGetter(Record, 'Key1.Key2.Key3');
+ */
 declare function deepValueGetter(obj: Record<string, unknown>, path: string): unknown;
+/**
+ * const obj = {};
+ * isObjectEmpty(obj) // true
+ */
 declare function isObjectEmpty(obj: Record<string, unknown>): boolean;
+
 declare module '@vue/runtime-core' {
   export interface ComponentCustomProperties {
     $utils: {

package/dist/index.js

@@ -396,7 +396,11 @@ let IconButtonComponent = class IconButtonComponent extends external_vue_class_c
         };
     }
     get array() {
-        return this.map.icons.find((el) => el[0] === this.current) || [];
+        const found = this.map.icons.find((el) => el[0] === this.current);
+        if (found) {
+            return found;
+        }
+        return [this.current, this.current];
     }
     get className() {
         if (this.color) {
@@ -1893,22 +1897,22 @@ function ld_breadcrumbs_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_breadcrumbs = (ld_breadcrumbs_reg);
 
-;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=3f17f967&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=3a89856c&scoped=true&ts=true
 
-const ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_withScopeId = n => ((0,external_vue_.pushScopeId)("data-v-3f17f967"), n = n(), (0,external_vue_.popScopeId)(), n);
-const ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_1 = { class: "ld-edit-text" };
-const ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_2 = { key: 0 };
-const ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_3 = /*#__PURE__*/ ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_withScopeId(() => /*#__PURE__*/ (0,external_vue_.createElementVNode)("span", null, "Показать пароль", -1));
-const ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_4 = {
+const ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_withScopeId = n => ((0,external_vue_.pushScopeId)("data-v-3a89856c"), n = n(), (0,external_vue_.popScopeId)(), n);
+const ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_1 = { class: "ld-edit-text" };
+const ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_2 = { key: 0 };
+const ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_3 = /*#__PURE__*/ ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_withScopeId(() => /*#__PURE__*/ (0,external_vue_.createElementVNode)("span", null, "Показать пароль", -1));
+const ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_4 = {
     key: 1,
     class: "d-flex w-100 flex-column",
     style: { "position": "relative", "flex-wrap": "wrap" }
 };
-const ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_5 = {
+const ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_5 = {
     key: 0,
     class: "input-class__suffix"
 };
-const ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_6 = {
+const ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_6 = {
     key: 1,
     class: "v-input__details"
 };
@@ -1920,7 +1924,7 @@ const _hoisted_8 = {
     key: 1,
     class: "grey--text"
 };
-function ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
     const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon");
     const _component_square_button = (0,external_vue_.resolveComponent)("square-button");
@@ -1929,7 +1933,7 @@ function ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render(_c
     const _component_imask_input = (0,external_vue_.resolveComponent)("imask-input");
     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_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_1, [
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_1, [
         (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
             default: (0,external_vue_.withCtx)(() => [
                 (_ctx.label)
@@ -2019,7 +2023,10 @@ function ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render(_c
                                             (_ctx.type === 'password')
                                                 ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_tooltip, { key: 1 }, {
                                                     activator: (0,external_vue_.withCtx)(({ props }) => [
-                                                        (0,external_vue_.createVNode)(_component_square_button, (0,external_vue_.mergeProps)({ tabindex: "1" }, props, {
+                                                        (0,external_vue_.createVNode)(_component_square_button, (0,external_vue_.mergeProps)({
+                                                            id: "pswd-toggle",
+                                                            tabindex: "1"
+                                                        }, props, {
                                                             icon: "",
                                                             color: "grey",
                                                             onClick: _ctx.passwordVisibilityToggle
@@ -2045,10 +2052,10 @@ function ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render(_c
                                                     default: (0,external_vue_.withCtx)(() => [
                                                         (0,external_vue_.createTextVNode)(),
                                                         (_ctx.passwordVisible)
-                                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_2, "Скрыть пароль"))
+                                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_2, "Скрыть пароль"))
                                                             : (0,external_vue_.createCommentVNode)("", true),
                                                         (0,external_vue_.createTextVNode)(),
-                                                        ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_3
+                                                        ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_3
                                                     ]),
                                                     _: 1
                                                 }))
@@ -2058,7 +2065,7 @@ function ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render(_c
                                     }
                                     : undefined
                             ]), 1032, ["model-value", "type", "class", "persistent-hint", "rules", "validation-value", "placeholder", "disabled", "readonly", "hint", "mask", "tabindex", "maxlength", "autofocus", "hide-details", "prefix", "suffix", "clearable", "error", "error-messages", "prepend-inner-icon", "autocomplete", "onChange", "onUpdate:modelValue", "onBlur", "onFocus", "onClick", "onKeydown", "onCopy"]))
-                            : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_4, [
+                            : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_4, [
                                 (0,external_vue_.createVNode)(_component_imask_input, {
                                     ref: "maskInput",
                                     value: _ctx.value,
@@ -2081,11 +2088,11 @@ function ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render(_c
                                 }, null, 8, ["value", "maxlength", "scale", "signed", "min", "max", "disabled", "tabindex", "class", "placeholder", "onBlur", "onClick", "onFocus"]),
                                 (0,external_vue_.createTextVNode)(),
                                 (_ctx.suffix)
-                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_5, (0,external_vue_.toDisplayString)(_ctx.suffix), 1))
+                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_5, (0,external_vue_.toDisplayString)(_ctx.suffix), 1))
                                     : (0,external_vue_.createCommentVNode)("", true),
                                 (0,external_vue_.createTextVNode)(),
                                 (!_ctx.hideDetails)
-                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_hoisted_6, [
+                                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_hoisted_6, [
                                         (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
                                             default: (0,external_vue_.withCtx)(() => [
                                                 (_ctx.showError)
@@ -2108,7 +2115,7 @@ function ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render(_c
     ]));
 }
 
-;// CONCATENATED MODULE: ./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=3f17f967&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=3a89856c&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./src/decorators/emit.decorator.ts
 
@@ -2680,7 +2687,11 @@ var ld_edit_textvue_type_script_lang_ts_external_a, ld_edit_textvue_type_script_
 let EditTextComponent = class EditTextComponent extends (0,external_vue_class_component_.mixins)(ValidatableMixin, GridMixin, InputMixin) {
     constructor() {
         super(...arguments);
-        this.value = '-1'; // используется для числового ввода (onlyNumbers = true), string из-за требований imask-input (он ждёт строку)
+        /**
+         * используется для числового ввода (onlyNumbers = true),
+         * string из-за требований imask-input (он ждёт строку)
+         */
+        this.value = '-1';
         this.debouncedFunc = null;
         this.savedModelValue = '';
         this.passwordVisible = false;
@@ -2724,6 +2735,16 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
             this.validate();
         }
     }
+    onValueChanged(newVal) {
+        if (newVal === '') {
+            return;
+        }
+        const emitData = this.$utils.isDefined(newVal) ? Number(newVal) : null;
+        if (this.nonZero && emitData === 0) {
+            this.value = null;
+        }
+        this.emitUpdateModelValue(emitData);
+    }
     onlyNumbersChange(newVal) {
         if (newVal) {
             if (!this.modelValue) {
@@ -2738,16 +2759,6 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
             this.form?.unregister(this, null);
         }
     }
-    onValueChanged(newVal) {
-        if (newVal === '') {
-            return;
-        }
-        const emitData = this.$utils.isDefined(newVal) ? Number(newVal) : null;
-        if (this.nonZero && emitData === 0) {
-            this.value = null;
-        }
-        this.emitUpdateModelValue(emitData);
-    }
     onDebouncedChanged() {
         if (this.debounced && !this.debouncedFunc) {
             this.debouncedFunc = lodash_es_debounce((value) => this.emitUpdateModelValue(value), this.debounced);
@@ -2760,6 +2771,9 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
         if (this.debounced) {
             this.debouncedFunc = lodash_es_debounce((value) => this.emitUpdateModelValue(value), this.debounced);
         }
+        if (this.modelValue) {
+            this.onUpdateModelValue(String(this.modelValue));
+        }
     }
     unmounted() {
         if (this.form) {
@@ -2768,7 +2782,7 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
     }
     onBlur(e) {
         this.emitBlur(e);
-        if (this.value === '') {
+        if (this.onlyNumbers && this.value === '') {
             this.value = '0';
         }
         this.validate();
@@ -2802,6 +2816,9 @@ let EditTextComponent = class EditTextComponent extends (0,external_vue_class_co
                 .map(i => '•')
                 .join('');
         }
+        else {
+            this.savedModelValue = value;
+        }
         if (this.debounced) {
             this.debouncedFunc(value);
         }
@@ -2983,18 +3000,18 @@ ld_edit_textvue_type_script_lang_ts_external_decorate([
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:paramtypes", []),
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
 ], EditTextComponent.prototype, "onTextChanged", null);
-ld_edit_textvue_type_script_lang_ts_external_decorate([
-    (0,external_vue_property_decorator_.Watch)('onlyNumbers', { immediate: true }),
-    ld_edit_textvue_type_script_lang_ts_external_metadata("design:type", Function),
-    ld_edit_textvue_type_script_lang_ts_external_metadata("design:paramtypes", [Boolean]),
-    ld_edit_textvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
-], EditTextComponent.prototype, "onlyNumbersChange", null);
 ld_edit_textvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Watch)('value'),
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:type", Function),
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:paramtypes", [String]),
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
 ], EditTextComponent.prototype, "onValueChanged", null);
+ld_edit_textvue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('onlyNumbers', { immediate: true }),
+    ld_edit_textvue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_edit_textvue_type_script_lang_ts_external_metadata("design:paramtypes", [Boolean]),
+    ld_edit_textvue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], EditTextComponent.prototype, "onlyNumbersChange", null);
 ld_edit_textvue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Watch)('debounced'),
     ld_edit_textvue_type_script_lang_ts_external_metadata("design:type", Function),
@@ -3021,7 +3038,7 @@ EditTextComponent = ld_edit_textvue_type_script_lang_ts_external_decorate([
 ;
 
 
-const ld_edit_text_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_edit_textvue_type_script_lang_ts_external, [['render',ld_edit_textvue_type_template_id_3f17f967_scoped_true_ts_true_render],['__scopeId',"data-v-3f17f967"]])
+const ld_edit_text_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_edit_textvue_type_script_lang_ts_external, [['render',ld_edit_textvue_type_template_id_3a89856c_scoped_true_ts_true_render],['__scopeId',"data-v-3a89856c"]])
 
 /* harmony default export */ const ld_edit_text = (ld_edit_text_exports_);
 ;// CONCATENATED MODULE: ./src/ld-edit-text/index.ts
@@ -11433,15 +11450,16 @@ function ld_select_list_box_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_select_list_box = (ld_select_list_box_reg);
 
-;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=4cf873fa&ts=true
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=26c765c2&ts=true
 
-const ld_checkboxvue_type_template_id_4cf873fa_ts_true_hoisted_1 = { class: "ld-checkbox" };
-const ld_checkboxvue_type_template_id_4cf873fa_ts_true_hoisted_2 = { class: "d-flex align-center" };
-const ld_checkboxvue_type_template_id_4cf873fa_ts_true_hoisted_3 = ["checked", "data-testid", "tabindex", "disabled"];
-function ld_checkboxvue_type_template_id_4cf873fa_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const ld_checkboxvue_type_template_id_26c765c2_ts_true_hoisted_1 = { class: "d-flex align-center" };
+const ld_checkboxvue_type_template_id_26c765c2_ts_true_hoisted_2 = ["checked", "data-testid", "tabindex", "disabled"];
+function ld_checkboxvue_type_template_id_26c765c2_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip");
     const _component_v_icon = (0,external_vue_.resolveComponent)("v-icon");
-    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_checkboxvue_type_template_id_4cf873fa_ts_true_hoisted_1, [
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+        class: (0,external_vue_.normalizeClass)(["ld-checkbox", { 'ld-checkbox--focused': _ctx.isFocused }])
+    }, [
         (_ctx.label && _ctx.labelOnLeft)
             ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
                 key: 0,
@@ -11472,19 +11490,24 @@ function ld_checkboxvue_type_template_id_4cf873fa_ts_true_render(_ctx, _cache, $
             ]))
             : (0,external_vue_.createCommentVNode)("", true),
         (0,external_vue_.createTextVNode)(),
-        (0,external_vue_.createElementVNode)("label", ld_checkboxvue_type_template_id_4cf873fa_ts_true_hoisted_2, [
+        (0,external_vue_.createElementVNode)("label", ld_checkboxvue_type_template_id_26c765c2_ts_true_hoisted_1, [
             (0,external_vue_.createElementVNode)("input", {
                 ref: "checkbox",
                 type: "checkbox",
-                class: "d-none",
                 checked: _ctx.internalValue,
                 "data-testid": _ctx.dataTestid,
                 tabindex: _ctx.tabIndex,
                 disabled: _ctx.disabled,
-                onInput: _cache[1] || (_cache[1] =
+                onFocus: _cache[1] || (_cache[1] =
+                    //@ts-ignore
+                    (...args) => (_ctx.onFocus && _ctx.onFocus(...args))),
+                onBlur: _cache[2] || (_cache[2] =
+                    //@ts-ignore
+                    (...args) => (_ctx.onBlur && _ctx.onBlur(...args))),
+                onInput: _cache[3] || (_cache[3] =
                     //@ts-ignore
                     (...args) => (_ctx.onChange && _ctx.onChange(...args)))
-            }, null, 40, ld_checkboxvue_type_template_id_4cf873fa_ts_true_hoisted_3),
+            }, null, 40, ld_checkboxvue_type_template_id_26c765c2_ts_true_hoisted_2),
             (0,external_vue_.createTextVNode)(),
             (0,external_vue_.createVNode)(_component_v_icon, { icon: "check" })
         ]),
@@ -11493,7 +11516,7 @@ function ld_checkboxvue_type_template_id_4cf873fa_ts_true_render(_ctx, _cache, $
             ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
                 key: 1,
                 class: "d-flex align-center",
-                onClick: _cache[2] || (_cache[2] =
+                onClick: _cache[4] || (_cache[4] =
                     //@ts-ignore
                     (...args) => (_ctx.onLabelClick && _ctx.onLabelClick(...args)))
             }, [
@@ -11519,10 +11542,10 @@ function ld_checkboxvue_type_template_id_4cf873fa_ts_true_render(_ctx, _cache, $
                     }, (0,external_vue_.toDisplayString)(_ctx.label), 3))
             ]))
             : (0,external_vue_.createCommentVNode)("", true)
-    ]));
+    ], 2));
 }
 
-;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=4cf873fa&ts=true
+;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=26c765c2&ts=true
 
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-checkbox/ld-checkbox.ts?vue&type=script&lang=ts&external
 var ld_checkboxvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -11546,6 +11569,7 @@ class CheckboxComponent extends (0,external_vue_property_decorator_.mixins)(Inpu
     constructor() {
         super(...arguments);
         this.internalValue = false;
+        this.isFocused = false;
     }
     emitUpdateModelValue(value) {
         return value;
@@ -11592,6 +11616,12 @@ class CheckboxComponent extends (0,external_vue_property_decorator_.mixins)(Inpu
             this.fireinputEvent(checked);
         }
     }
+    onFocus() {
+        this.isFocused = true;
+    }
+    onBlur() {
+        this.isFocused = false;
+    }
     onLabelClick() {
         this.$refs.checkbox.click();
     }
@@ -11688,7 +11718,7 @@ ld_checkboxvue_type_script_lang_ts_external_decorate([
 ;
 
 
-const ld_checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(CheckboxComponent, [['render',ld_checkboxvue_type_template_id_4cf873fa_ts_true_render]])
+const ld_checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(CheckboxComponent, [['render',ld_checkboxvue_type_template_id_26c765c2_ts_true_render]])
 
 /* harmony default export */ const ld_checkbox = (ld_checkbox_exports_);
 ;// CONCATENATED MODULE: ./src/ld-checkbox/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {