@ldmjs/ui 1.0.0-dev-21 → 1.0.0-dev-23

package/README.md

@@ -314,6 +314,58 @@ const handlers = {
  <ld-select v-model="selectedElement" :items="elements" label="Ld select" />
 ```
 
+## ld-combobox
+
+### use combobox
+
+```html
+<ld-combobox
+  v-model="comboboxValue"
+  label="Ld Combobox"
+  :multiselect="false"
+  item-title="title"
+  :items="comboboxItems"
+  required
+/>
+```
+
+```js
+const comboboxItems = [
+  {
+    id: 1,
+    title: '1'
+  },
+  {
+    id: 2,
+    title: '2'
+  }
+]
+```
+
+## ld-text-viewer
+
+### use textviewer
+
+```html
+<ld-text-viewer :text="'Link http://yandex.ru'" active-links label="Ld TextViewer" />
+```
+
+## ld-timepicker
+
+### use timepicker
+
+```html
+<ld-timepicker v-model="timeValue" label="Ld Timepicker" required />
+```
+
+## ld-edit-masked-text
+
+### use masked text
+
+```html
+<ld-edit-masked-text v-model="maskedText" mask="000-000-000 00" label="Ld Edit Masked Text" />
+```
+
 # Utilities
 
  - isDefined

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-5dac00fe]{min-width:100%}.input-class[data-v-5dac00fe]{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-5dac00fe]:not(.disabled){background-color:var(--white)}.input-class[data-v-5dac00fe]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-5dac00fe]{position:absolute;top:3px;right:6px;color:var(--label)}
+.ld-edit-text[data-v-3bc142d2]{min-width:100%}.input-class[data-v-3bc142d2]{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-3bc142d2]:not(.disabled){background-color:var(--white)}.input-class[data-v-3bc142d2]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-3bc142d2]{position:absolute;top:3px;right:6px;color:var(--label)}
 
 .ld-datepicker[data-v-b65d2d3a]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-b65d2d3a]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-b65d2d3a]{overflow:hidden;height:20px}.custom-time-picker[data-v-b65d2d3a]{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-b65d2d3a]{overflow:hidden;height:20px}.date-input[data-v-b65d2d3a]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-b65d2d3a]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-b65d2d3a]{padding-right:5px}.dt-col[data-v-b65d2d3a]{max-width:110px}.time-selector[data-v-b65d2d3a]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-b65d2d3a]{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-b65d2d3a]{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-b65d2d3a]  .vc-popover-content-wrapper{position:fixed !important}[data-v-b65d2d3a]  .v-input--is-disabled input{color:var(--text) !important}[data-v-b65d2d3a]  .vc-popover-content{border-color:var(--grey-l-5)}[data-v-b65d2d3a]  .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:'Roboto'}[data-v-b65d2d3a]  .vc-arrow{color:var(--grey)}[data-v-b65d2d3a]  .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:'Roboto'}[data-v-b65d2d3a]  .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:'Roboto'}[data-v-b65d2d3a]  .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-b65d2d3a]  .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
 
@@ -28,3 +28,7 @@
 
 .time-selector[data-v-256abd0d]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-256abd0d]{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-256abd0d]{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-256abd0d]{overflow:hidden;height:20px}
 
+.ld-text-viewer[data-v-1fbb0f7b]{min-width:100%;display:flex;flex-direction:column;white-space:break-spaces;font-size:var(--font-size)}.ld-text-viewer .column[data-v-1fbb0f7b]{flex-flow:column}
+
+.ld-edit-masked-text[data-v-4fae342a]{min-width:100%;font-size:inherit !important;display:flex}.ld-edit-masked-text .column[data-v-4fae342a]{flex-flow:column}input[data-v-4fae342a]{border:1px solid var(--grey-l-5);border-radius:var(--border-radius);width:100%;flex:1 1 auto;padding:0 8px;font-size:var(--font-size);height:var(--input-height)}input[data-v-4fae342a]:focus,input[data-v-4fae342a]:active{outline:none;border:1px solid var(--grey-l-4)}.ld-edit-masked-text-validate[data-v-4fae342a]{overflow:hidden;height:20px}
+

package/dist/index.d.ts

@@ -9,6 +9,7 @@ declare function uidGen(len?: number, format?: string): string | number;
 declare function delay(timeout: number): Promise<void>;
 declare function deepValueGetter(obj: Record<string, unknown>, path: string): unknown;
 declare function isObjectEmpty(obj: Record<string, unknown>): boolean;
+declare const urlRegexp: RegExp;
 declare const datetime: {
   dateLocalToISO: (value: string) => string;
   toServerString: (value: Date) => string;
@@ -43,6 +44,7 @@ export {
   uidGen,
   deepValueGetter,
   isObjectEmpty,
+  urlRegexp,
   datetime,
   ValidateMixin,
   ValidateMixinOptions

package/dist/index.js

@@ -180,7 +180,8 @@ __webpack_require__.d(__webpack_exports__, {
   getAliases: () => (/* reexport */ getAliases),
   isDefined: () => (/* reexport */ isDefined),
   isObjectEmpty: () => (/* reexport */ isObjectEmpty),
-  uidGen: () => (/* reexport */ uidGen)
+  uidGen: () => (/* reexport */ uidGen),
+  urlRegexp: () => (/* reexport */ urlRegexp)
 });
 
 // NAMESPACE OBJECT: ./src/utils/index.ts
@@ -192,7 +193,8 @@ __webpack_require__.d(utils_namespaceObject, {
   delay: () => (delay),
   isDefined: () => (isDefined),
   isObjectEmpty: () => (isObjectEmpty),
-  uidGen: () => (uidGen)
+  uidGen: () => (uidGen),
+  urlRegexp: () => (urlRegexp)
 });
 
 // EXTERNAL MODULE: external "vue"
@@ -1831,12 +1833,12 @@ 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[0]!./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=5dac00fe&scoped=true&ts=true
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=3bc142d2&scoped=true&ts=true
 
-const ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_withScopeId = n => ((0,external_vue_.pushScopeId)("data-v-5dac00fe"), n = n(), (0,external_vue_.popScopeId)(), n);
-const ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_hoisted_1 = { class: "ld-edit-text" };
-const ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_hoisted_2 = { key: 0 };
-const _hoisted_3 = /*#__PURE__*/ ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_withScopeId(() => /*#__PURE__*/ (0,external_vue_.createElementVNode)("span", null, "Показать пароль", -1));
+const ld_edit_textvue_type_template_id_3bc142d2_scoped_true_ts_true_withScopeId = n => ((0,external_vue_.pushScopeId)("data-v-3bc142d2"), n = n(), (0,external_vue_.popScopeId)(), n);
+const ld_edit_textvue_type_template_id_3bc142d2_scoped_true_ts_true_hoisted_1 = { class: "ld-edit-text" };
+const ld_edit_textvue_type_template_id_3bc142d2_scoped_true_ts_true_hoisted_2 = { key: 0 };
+const _hoisted_3 = /*#__PURE__*/ ld_edit_textvue_type_template_id_3bc142d2_scoped_true_ts_true_withScopeId(() => /*#__PURE__*/ (0,external_vue_.createElementVNode)("span", null, "Показать пароль", -1));
 const _hoisted_4 = {
     key: 1,
     class: "d-flex w-100 flex-column",
@@ -1850,7 +1852,7 @@ const _hoisted_6 = {
     key: 1,
     class: "v-input__details textbox-validate"
 };
-function ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_edit_textvue_type_template_id_3bc142d2_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");
@@ -1859,7 +1861,7 @@ function ld_edit_textvue_type_template_id_5dac00fe_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_5dac00fe_scoped_true_ts_true_hoisted_1, [
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_textvue_type_template_id_3bc142d2_scoped_true_ts_true_hoisted_1, [
         (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
             default: (0,external_vue_.withCtx)(() => [
                 (_ctx.label)
@@ -1912,7 +1914,17 @@ function ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_render(_c
                                 onClick: _ctx.emitClick,
                                 onKeydown: _ctx.onKeydown,
                                 onCopy: _ctx.emitCopy
-                            }, (0,external_vue_.createSlots)({ _: 2 }, [
+                            }, (0,external_vue_.createSlots)({
+                                message: (0,external_vue_.withCtx)(({ message }) => [
+                                    (_ctx.showError || (_ctx.inputHint && _ctx.persistentHint))
+                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
+                                            key: 0,
+                                            class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.validationMessage, 'label-color': !_ctx.validationMessage })
+                                        }, (0,external_vue_.toDisplayString)(message), 3))
+                                        : (0,external_vue_.createCommentVNode)("", true)
+                                ]),
+                                _: 2
+                            }, [
                                 (_ctx.modelValue && (_ctx.clearIcon || _ctx.type === 'password'))
                                     ? {
                                         name: "append-inner",
@@ -1965,7 +1977,7 @@ function ld_edit_textvue_type_template_id_5dac00fe_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_5dac00fe_scoped_true_ts_true_hoisted_2, "Скрыть пароль"))
+                                                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_edit_textvue_type_template_id_3bc142d2_scoped_true_ts_true_hoisted_2, "Скрыть пароль"))
                                                             : (0,external_vue_.createCommentVNode)("", true),
                                                         (0,external_vue_.createTextVNode)(),
                                                         _hoisted_3
@@ -1976,17 +1988,6 @@ function ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_render(_c
                                         ]),
                                         key: "0"
                                     }
-                                    : undefined,
-                                (_ctx.showError || (_ctx.inputHint && _ctx.persistentHint))
-                                    ? {
-                                        name: "message",
-                                        fn: (0,external_vue_.withCtx)(({ message }) => [
-                                            (0,external_vue_.createElementVNode)("span", {
-                                                class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.validationMessage, 'label-color': !_ctx.validationMessage })
-                                            }, (0,external_vue_.toDisplayString)(message), 3)
-                                        ]),
-                                        key: "1"
-                                    }
                                     : 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", _hoisted_4, [
@@ -2037,7 +2038,7 @@ function ld_edit_textvue_type_template_id_5dac00fe_scoped_true_ts_true_render(_c
     ]));
 }
 
-;// CONCATENATED MODULE: ./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=5dac00fe&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-edit-text/ld-edit-text.vue?vue&type=template&id=3bc142d2&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./src/decorators/emit.decorator.ts
 
@@ -2150,6 +2151,11 @@ var input_mixin_metadata = (undefined && undefined.__metadata) || function (k, v
 };
 
 class InputMixin extends external_vue_property_decorator_.Vue {
+    onRequiredChanged() {
+        if (!this.required && this.validate) {
+            this.validate();
+        }
+    }
     get noDataPlaceholder() {
         return 'Нет данных';
     }
@@ -2206,6 +2212,12 @@ input_mixin_decorate([
     (0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
     input_mixin_metadata("design:type", String)
 ], InputMixin.prototype, "autocomplete", void 0);
+input_mixin_decorate([
+    (0,external_vue_property_decorator_.Watch)('required'),
+    input_mixin_metadata("design:type", Function),
+    input_mixin_metadata("design:paramtypes", []),
+    input_mixin_metadata("design:returntype", void 0)
+], InputMixin.prototype, "onRequiredChanged", null);
 
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-label/ld-label.ts?vue&type=script&lang=ts&external
 
@@ -2929,7 +2941,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_5dac00fe_scoped_true_ts_true_render],['__scopeId',"data-v-5dac00fe"]])
+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_3bc142d2_scoped_true_ts_true_render],['__scopeId',"data-v-3bc142d2"]])
 
 /* harmony default export */ const ld_edit_text = (ld_edit_text_exports_);
 ;// CONCATENATED MODULE: ./src/ld-edit-text/index.ts
@@ -9804,6 +9816,435 @@ function ld_timepicker_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_timepicker = (ld_timepicker_reg);
 
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=1fbb0f7b&scoped=true
+
+
+const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_withScopeId = n => (_pushScopeId("data-v-1fbb0f7b"),n=n(),_popScopeId(),n)
+const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_1 = { class: "ld-text-viewer" }
+const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_2 = ["innerHTML"]
+const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_3 = ["innerHTML"]
+const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_4 = {
+  key: 1,
+  class: "text-left"
+}
+const ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_5 = {
+  key: 2,
+  class: "italic",
+  style: {"color":"var(--grey-l-2)"}
+}
+
+function ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label")
+  const _component_v_row = (0,external_vue_.resolveComponent)("v-row")
+  const _component_v_col = (0,external_vue_.resolveComponent)("v-col")
+
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_1, [
+    (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
+      default: (0,external_vue_.withCtx)(() => [
+        (_ctx.label)
+          ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_label, {
+              key: 0,
+              class: (0,external_vue_.normalizeClass)([_ctx.labelSizeClasses]),
+              label: _ctx.label,
+              "align-label-to-right": _ctx.alignLabelToRight
+            }, null, 8, ["class", "label", "align-label-to-right"]))
+          : (0,external_vue_.createCommentVNode)("", true),
+        (0,external_vue_.createTextVNode)(),
+        (0,external_vue_.createVNode)(_component_v_col, {
+          class: (0,external_vue_.normalizeClass)(["d-flex text-justify", _ctx.inputSizeClasses]),
+          style: {}
+        }, {
+          default: (0,external_vue_.withCtx)(() => [
+            (_ctx.activeLinks && _ctx.text)
+              ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_row, {
+                  key: 0,
+                  "no-gutters": "",
+                  class: "align-center"
+                }, {
+                  default: (0,external_vue_.withCtx)(() => [
+                    (0,external_vue_.createElementVNode)("span", {
+                      class: "text-left",
+                      innerHTML: _ctx.textWithHyperlinks
+                    }, null, 8, ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_2)
+                  ]),
+                  _: 1
+                }))
+              : ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_row, {
+                  key: 1,
+                  "no-gutters": "",
+                  class: "align-center"
+                }, {
+                  default: (0,external_vue_.withCtx)(() => [
+                    (_ctx.text)
+                      ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
+                          key: 0,
+                          class: "text-left",
+                          innerHTML: _ctx.text
+                        }, null, 8, ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_3))
+                      : (_ctx.hasSlot)
+                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_4, [
+                            (0,external_vue_.renderSlot)(_ctx.$slots, "default", {}, undefined, true)
+                          ]))
+                        : (0,external_vue_.createCommentVNode)("", true),
+                    (0,external_vue_.createTextVNode)(),
+                    (_ctx.showPlaceholder)
+                      ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_hoisted_5, (0,external_vue_.toDisplayString)(_ctx.noDataPlaceholder), 1))
+                      : (0,external_vue_.createCommentVNode)("", true)
+                  ]),
+                  _: 3
+                }))
+          ]),
+          _: 3
+        }, 8, ["class"])
+      ]),
+      _: 3
+    })
+  ]))
+}
+;// CONCATENATED MODULE: ./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=1fbb0f7b&scoped=true
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-text-viewer/ld-text-viewer.ts?vue&type=script&lang=js&external
+var ld_text_viewervue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_text_viewervue_type_script_lang_js_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+
+
+/**
+ * @displayName ld-text-viewer
+ */
+let CardTextViewer = class CardTextViewer extends (0,external_vue_class_component_.mixins)(GridMixin) {
+    hasSlotContent(slot, slotProps = {}) {
+        if (!slot) {
+            return false;
+        }
+        return slot(slotProps).some((vnode) => {
+            if (vnode.type === external_vue_.Comment) {
+                return false;
+            }
+            if (Array.isArray(vnode.children) && !vnode.children.length) {
+                return false;
+            }
+            return vnode.type !== external_vue_.Text || (typeof vnode.children === 'string' && vnode.children.trim() !== '');
+        });
+    }
+    get hasSlot() {
+        return this.hasSlotContent(this.$slots.default);
+    }
+    get src() {
+        if (!this.text) {
+            return;
+        }
+        return this.text.replace(/\n/g, '<br>');
+    }
+    get textWithHyperlinks() {
+        if (!this.src) {
+            return;
+        }
+        const globalUrlRegExp = new RegExp(this.$utils.urlRegexp, 'ig');
+        return this.src.replace(globalUrlRegExp, '<a href="$1" target="_blank">$1</a>');
+    }
+    get showPlaceholder() {
+        return !this.text && !this.hasSlot;
+    }
+};
+ld_text_viewervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_text_viewervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], CardTextViewer.prototype, "activeLinks", void 0);
+ld_text_viewervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_text_viewervue_type_script_lang_js_external_metadata("design:type", String)
+], CardTextViewer.prototype, "text", void 0);
+ld_text_viewervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
+    ld_text_viewervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], CardTextViewer.prototype, "alignLabelToRight", void 0);
+CardTextViewer = ld_text_viewervue_type_script_lang_js_external_decorate([
+    (0,external_vue_class_component_.Options)({
+        components: {
+            'ld-label': ld_label
+        },
+    })
+], CardTextViewer);
+/* harmony default export */ const ld_text_viewervue_type_script_lang_js_external = (CardTextViewer);
+
+;// CONCATENATED MODULE: ./src/ld-text-viewer/ld-text-viewer.ts?vue&type=script&lang=js&external
+ 
+;// CONCATENATED MODULE: ./src/ld-text-viewer/ld-text-viewer.vue
+
+
+
+
+;
+
+
+const ld_text_viewer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_text_viewervue_type_script_lang_js_external, [['render',ld_text_viewervue_type_template_id_1fbb0f7b_scoped_true_render],['__scopeId',"data-v-1fbb0f7b"]])
+
+/* harmony default export */ const ld_text_viewer = (ld_text_viewer_exports_);
+;// CONCATENATED MODULE: ./src/ld-text-viewer/index.ts
+
+function ld_text_viewer_reg(vue, options) {
+    vue.component(options.aliases['ld-text-viewer'], ld_text_viewer);
+}
+/* harmony default export */ const src_ld_text_viewer = (ld_text_viewer_reg);
+
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-edit-masked-text/ld-edit-masked-text.vue?vue&type=template&id=4fae342a&scoped=true
+
+
+const ld_edit_masked_textvue_type_template_id_4fae342a_scoped_true_withScopeId = n => (_pushScopeId("data-v-4fae342a"),n=n(),_popScopeId(),n)
+const ld_edit_masked_textvue_type_template_id_4fae342a_scoped_true_hoisted_1 = { class: "ld-edit-masked-text" }
+const ld_edit_masked_textvue_type_template_id_4fae342a_scoped_true_hoisted_2 = {
+  key: 0,
+  class: "ld-edit-masked-text-validate"
+}
+
+function ld_edit_masked_textvue_type_template_id_4fae342a_scoped_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_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_masked_textvue_type_template_id_4fae342a_scoped_true_hoisted_1, [
+    (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
+      default: (0,external_vue_.withCtx)(() => [
+        (_ctx.label)
+          ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_label, {
+              key: 0,
+              class: (0,external_vue_.normalizeClass)([_ctx.labelSizeClasses]),
+              label: _ctx.label,
+              required: _ctx.required,
+              "align-label-to-right": _ctx.alignLabelToRight
+            }, null, 8, ["class", "label", "required", "align-label-to-right"]))
+          : (0,external_vue_.createCommentVNode)("", true),
+        (0,external_vue_.createTextVNode)(),
+        (0,external_vue_.createVNode)(_component_v_col, {
+          class: (0,external_vue_.normalizeClass)(["d-flex flex-column", _ctx.inputSizeClasses])
+        }, {
+          default: (0,external_vue_.withCtx)(() => [
+            (0,external_vue_.createVNode)(_component_imask_input, {
+              ref: "imask",
+              radix: ",",
+              modelValue: _ctx.internalValue,
+              "onUpdate:modelValue": [
+                _cache[1] || (_cache[1] = $event => ((_ctx.internalValue) = $event)),
+                _ctx.onInput
+              ],
+              mask: _ctx.mask,
+              scale: _ctx.scale,
+              thousandsSeparator: _ctx.thousandsSeparator,
+              signed: _ctx.signed,
+              mapToRadix: _ctx.mapToRadix,
+              placeholder: _ctx.placeholder,
+              onBlur: _ctx.onBlur,
+              onClick: _ctx.onClick
+            }, {
+              "append-inner": (0,external_vue_.withCtx)(() => [
+                (_ctx.clearIcon && _ctx.text)
+                  ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_icon, {
+                      key: 0,
+                      color: "error",
+                      onClick: _cache[0] || (_cache[0] = $event => (_ctx.emitUpdateModelValue('')))
+                    }, {
+                      default: (0,external_vue_.withCtx)(() => [
+                        (0,external_vue_.createTextVNode)("close")
+                      ]),
+                      _: 1
+                    }))
+                  : (0,external_vue_.createCommentVNode)("", true)
+              ]),
+              _: 1
+            }, 8, ["modelValue", "mask", "scale", "thousandsSeparator", "signed", "mapToRadix", "placeholder", "onUpdate:modelValue", "onBlur", "onClick"]),
+            (0,external_vue_.createTextVNode)(),
+            (!_ctx.hideDetails)
+              ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_edit_masked_textvue_type_template_id_4fae342a_scoped_true_hoisted_2, [
+                  (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
+                    default: (0,external_vue_.withCtx)(() => [
+                      (0,external_vue_.createElementVNode)("span", {
+                        style: {"line-height":"12px","font-size":"var(--font-size--1)"},
+                        class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.warningHint })
+                      }, (0,external_vue_.toDisplayString)(_ctx.validationMessage || _ctx.inputHint), 3)
+                    ]),
+                    _: 1
+                  })
+                ]))
+              : (0,external_vue_.createCommentVNode)("", true)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    })
+  ]))
+}
+;// CONCATENATED MODULE: ./src/ld-edit-masked-text/ld-edit-masked-text.vue?vue&type=template&id=4fae342a&scoped=true
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-edit-masked-text/ld-edit-masked-text.ts?vue&type=script&lang=js&external
+var ld_edit_masked_textvue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_edit_masked_textvue_type_script_lang_js_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var ld_edit_masked_textvue_type_script_lang_js_external_a;
+
+
+
+
+
+
+
+
+let EditMaskedTextComponent = class EditMaskedTextComponent extends (0,external_vue_class_component_.mixins)(ValidatableMixin, GridMixin, InputMixin) {
+    constructor() {
+        super(...arguments);
+        this.internalValue = '';
+    }
+    emitUpdateModelValue(value) {
+        return value;
+    }
+    onTextChanged() {
+        this.internalValue = this.modelValue ? String(this.modelValue) : '';
+        this.validate();
+    }
+    created() {
+        this.internalValue = this.modelValue ? String(this.modelValue) : '';
+        if (this.form) {
+            this.form.register(this, null);
+        }
+    }
+    unmounted() {
+        if (this.form) {
+            this.form.unregister(this, null);
+        }
+    }
+    onBlur() {
+        if (this.validateOnBlur) {
+            this.validate();
+        }
+    }
+    onClick() {
+        this.validationMessage = '';
+    }
+    onInput(e) {
+        const emitData = e?.length ? e?.replace(/\s|(-)/g, '') : null;
+        this.emitUpdateModelValue(emitData);
+    }
+    validate() {
+        let funcResult = null;
+        this.validationMessage = '';
+        if (typeof this.mask === 'string' &&
+            /[ ()-]/.test(this.internalValue) &&
+            this.internalValue.length > 0 &&
+            this.mask.replace(/[ ()-]/g, '').length > this.internalValue.length) {
+            this.validationMessage = 'Недостаточное количество символов';
+            return !this.validationMessage;
+        }
+        this.validRules.forEach(func => {
+            funcResult = func(this.modelValue);
+            if (funcResult !== true) {
+                this.validationMessage = funcResult;
+            }
+        });
+        return !this.validationMessage;
+    }
+    get showError() {
+        return Boolean(this.validationMessage);
+    }
+    get warningHint() {
+        return Boolean(this.validationMessage);
+    }
+};
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ default: '' }),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Object)
+], EditMaskedTextComponent.prototype, "modelValue", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Object)
+], EditMaskedTextComponent.prototype, "mask", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Number)
+], EditMaskedTextComponent.prototype, "scale", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", String)
+], EditMaskedTextComponent.prototype, "thousandsSeparator", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], EditMaskedTextComponent.prototype, "signed", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", typeof (ld_edit_masked_textvue_type_script_lang_js_external_a = typeof Array !== "undefined" && Array) === "function" ? ld_edit_masked_textvue_type_script_lang_js_external_a : Object)
+], EditMaskedTextComponent.prototype, "mapToRadix", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ default: false, type: Boolean }),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Boolean)
+], EditMaskedTextComponent.prototype, "clearIcon", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", String)
+], EditMaskedTextComponent.prototype, "inputHint", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Inject)({ from: 'form', default: null }),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Object)
+], EditMaskedTextComponent.prototype, "form", void 0);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    Emit('update:model-value'),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:paramtypes", [String]),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], EditMaskedTextComponent.prototype, "emitUpdateModelValue", null);
+ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('modelValue'),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:paramtypes", []),
+    ld_edit_masked_textvue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], EditMaskedTextComponent.prototype, "onTextChanged", null);
+EditMaskedTextComponent = ld_edit_masked_textvue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Options)({
+        components: {
+            'ld-label': ld_label,
+            'imask-input': external_imask_js_.IMaskComponent,
+        },
+    })
+], EditMaskedTextComponent);
+/* harmony default export */ const ld_edit_masked_textvue_type_script_lang_js_external = (EditMaskedTextComponent);
+
+;// CONCATENATED MODULE: ./src/ld-edit-masked-text/ld-edit-masked-text.ts?vue&type=script&lang=js&external
+ 
+;// CONCATENATED MODULE: ./src/ld-edit-masked-text/ld-edit-masked-text.vue
+
+
+
+
+;
+
+
+const ld_edit_masked_text_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_edit_masked_textvue_type_script_lang_js_external, [['render',ld_edit_masked_textvue_type_template_id_4fae342a_scoped_true_render],['__scopeId',"data-v-4fae342a"]])
+
+/* harmony default export */ const ld_edit_masked_text = (ld_edit_masked_text_exports_);
+;// CONCATENATED MODULE: ./src/ld-edit-masked-text/index.ts
+
+function ld_edit_masked_text_reg(vue, options) {
+    vue.component(options.aliases['ld-edit-masked-text'], ld_edit_masked_text);
+}
+/* harmony default export */ const src_ld_edit_masked_text = (ld_edit_masked_text_reg);
+
 ;// CONCATENATED MODULE: ./src/utils/delay.ts
 async function delay(timeout) {
     return new Promise(resolve => setTimeout(() => resolve(), timeout));
@@ -9894,6 +10335,11 @@ function isObjectEmpty(obj) {
     return true;
 }
 
+;// CONCATENATED MODULE: ./src/utils/urlRegexp.ts
+const urlRegexp = 
+// eslint-disable-next-line optimize-regex/optimize-regex
+/\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\\[\]{};:'".,<>?«»“”‘’]))/i;
+
 ;// CONCATENATED MODULE: ./src/utils/index.ts
 
 
@@ -9902,6 +10348,7 @@ function isObjectEmpty(obj) {
 
 
 
+
 
 ;// CONCATENATED MODULE: ./src/mixins/validate.mixin.ts
 var validate_mixin_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -10220,6 +10667,8 @@ const ActiveDirectiveOptions = {
 
 
 
+
+
 
 
 
@@ -10249,6 +10698,8 @@ const ldmuiPlugin = {
             'ld-select': options.aliases?.['ld-select'] ?? 'ld-select',
             'ld-combobox': options.aliases?.['ld-combobox'] ?? 'ld-combobox',
             'ld-timepicker': options.aliases?.['ld-timepicker'] ?? 'ld-timepicker',
+            'ld-text-viewer': options.aliases?.['ld-text-viewer'] ?? 'ld-text-viewer',
+            'ld-edit-masked-text': options.aliases?.['ld-edit-masked-text'] ?? 'ld-edit-masked-text',
         };
         vue.config.globalProperties.$utils = {
             ...utils_namespaceObject,
@@ -10283,6 +10734,8 @@ const ldmuiPlugin = {
         src_ld_select(vue, options);
         src_ld_combobox(vue, options);
         src_ld_timepicker(vue, options);
+        src_ld_text_viewer(vue, options);
+        src_ld_edit_masked_text(vue, options);
     },
 };
 /* harmony default export */ const src = (ldmuiPlugin);

package/dist/types/options.d.ts

@@ -19,6 +19,8 @@ export interface ldmuiOptions {
     'ld-select'?: string;
     'ld-combobox'?: string;
     'ld-timepicker'?: string;
+    'ld-text-viewer'?: string;
+    'ld-edit-masked-text'?: string;
   },
   viewport?: {
     isMobile: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.0-dev-21",
+  "version": "1.0.0-dev-23",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {