@ldmjs/ui 1.0.21 → 1.0.23

package/README.md

@@ -106,16 +106,36 @@ const vuetify = createVuetify({
  - ld-text-markup
  - ld-switch
  - ld-dialog
+ - ld-data-iterator
+ - ld-pager
 
 # Utilities
 
  - awaiting
- - isDefined
- - uidGen
+ - base64
+    .encode
+    .decode
+    .isValid
+ - cookie
+    .get
+    .set
+    .delete
  - delay
  - deepValueGetter
+ - isDefined
  - isObjectEmpty
- - datetime
+ - pluralizeNoun
+ - strings
+    .camelCase
+    .capitalize
+ - uidGen
+ - fileToArrayBuffer
+ - fileToBase64
+ - base64ToUint8Array
+ - Uint8ArrayToHex
+ - hexToArrayBuffer
+ - Uint8ArrayToBase64
+ - arrayBufferToUint8Array
 
 # Directives
  - v-active

package/dist/css/index.css

@@ -22,13 +22,13 @@
 
 .ld-textarea[data-v-515ad14b]{display:flex;min-width:100%;max-width:100%;width:100%}[data-v-515ad14b] .none-resizable textarea{resize:none}
 
-.ld-select[data-v-eee64366]{position:relative;min-width:100%}.ld-select[data-v-eee64366] .v-field__append-inner{display:none}.ld-select[data-v-eee64366] .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) transparent transparent;transition:transform 0.2s ease;content:'';z-index:1}.ld-select[data-v-eee64366] .v-select--active-menu:before{transform:rotate(180deg)}input[type='checkbox']+.v-icon[data-v-eee64366]{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)}input[type='checkbox']:checked+.v-icon[data-v-eee64366]{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-eee64366]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-eee64366] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-eee64366] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
+.ld-select[data-v-96d44a7a]{position:relative;min-width:100%}.ld-select[data-v-96d44a7a] .v-field__append-inner{display:none}.ld-select[data-v-96d44a7a] .v-select{position:relative}.ld-select[data-v-96d44a7a] .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) transparent transparent;transition:transform 0.2s ease;content:'';z-index:1}.ld-select[data-v-96d44a7a] .v-select--active-menu:before{transform:rotate(180deg)}input[type='checkbox']+.v-icon[data-v-96d44a7a]{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)}input[type='checkbox']:checked+.v-icon[data-v-96d44a7a]{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-96d44a7a]{min-height:var(--input-height)}.v-list-item--density-compact.v-list-item--one-line[data-v-96d44a7a] .v-list-item__content{display:flex;flex-wrap:nowrap}.v-list-item--density-compact.v-list-item--one-line[data-v-96d44a7a] .v-list-item__content .v-list-item-title{font-size:var(--font-size)}
 
 .ld-combobox[data-v-31853b17]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-31853b17]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-31853b17]{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-31853b17]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-31853b17 1.4s linear;animation-iteration-count:infinite}@keyframes loading-31853b17{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
 
 .time-selector[data-v-468c023f]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-468c023f]{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-468c023f]{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-468c023f]{overflow:hidden;height:20px}
 
-.ld-text-viewer[data-v-8b7a759e]{min-width:100%;display:flex;flex-direction:column;white-space:break-spaces;font-size:var(--font-size)}.ld-text-viewer .column[data-v-8b7a759e]{flex-flow:column}
+.ld-text-viewer[data-v-26123e5c]{min-width:100%;display:flex;flex-direction:column;white-space:break-spaces;font-size:var(--font-size)}.ld-text-viewer .column[data-v-26123e5c]{flex-flow:column}
 
 .ld-edit-masked-text[data-v-24642be2]{min-width:100%;font-size:inherit !important;display:flex}.ld-edit-masked-text .column[data-v-24642be2]{flex-flow:column}input[data-v-24642be2]{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-24642be2]:focus,input[data-v-24642be2]:active{outline:none;border:1px solid var(--grey-l-4)}.ld-edit-masked-text-validate[data-v-24642be2]{overflow:hidden;height:20px}
 

package/dist/index.d.ts

@@ -18,7 +18,7 @@ import { Dialog } from './types/dialogs';
  */
 export declare function awaiting(callback: () => unknown): Promise<any>;
 /**
- * a = null (undefined, '', NaN) => isDefined(a) // false
+ * a = null (undefined, NaN) => isDefined(a) // false
  */
 export declare function isDefined(value: unknown): boolean;
 /**
@@ -44,24 +44,84 @@ export declare function deepValueGetter(obj: Record<string, unknown>, path: stri
  */
 export declare function isObjectEmpty(obj: Record<string, unknown>): boolean;
 
+/**
+ * @param num кол-во элементов
+ * @param one название в единичном варианте (1 элемент, 21 элемент и тд)
+ * @param two название в двоичном варианте (2 элемента, 3 элемента и тд)
+ * @param five название во множественном варианте (5 элементов, много элементов)
+ * @param printNum выводить ли кол-во
+ */
 export declare function pluralizeNoun(
   num: string | number,
   one: string,
   two: string,
   five: string,
-  printNum: boolean
+  printNum?: boolean
 ): string;
 
+/* convert File or Blob to ArrayBuffer */
+export declare function fileToArrayBuffer(value: File | Blob): Promise<ArrayBuffer>;
+/* convert File or Blob to Base64 */
+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;
+/* 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
+/* convert ArrayBuffer to Uint8Array */
+export declare function arrayBufferToUint8Array(value: ArrayBuffer): Uint8Array;
+
+export declare const cookie: {
+  get: (key: string) => string;
+  set: (key: string, value: string, expires?: string) => void;
+  delete: (key: string) => void;
+}
+
+export declare const base64: {
+  encode: (input: string) => string;
+  decode: (input: string) => string;
+  isValid: (input: string) => boolean;
+}
+
+export declare const strings: {
+  camelCase: (str: string) => string;
+  capitalize: (str: string) => string;
+}
+
 declare module '@vue/runtime-core' {
   export interface ComponentCustomProperties {
     $utils: {
-      awaiting: typeof awaiting;
-      isDefined: typeof isDefined;
-      uidGen: typeof uidGen;
-      delay: typeof delay;
-      deepValueGetter: typeof deepValueGetter;
-      isObjectEmpty: typeof isObjectEmpty;
-      pluralizeNoun: typeof pluralizeNoun;
+      awaiting: (callback: () => unknown) => Promise<any>;
+      base64: {
+        encode: (input: string) => string;
+        decode: (input: string) => string;
+        isValid: (input: string) => boolean;
+      }
+      cookie: {
+        get: (key: string) => string;
+        set: (key: string, value: string, expires?: string) => void;
+        delete: (key: string) => void;
+      }
+      isDefined: (value: unknown) => boolean;
+      delay: (timeout: number) => Promise<void>;
+      deepValueGetter: (obj: Record<string, unknown>, path: string) => unknown;
+      isObjectEmpty: (obj: Record<string, unknown>) => boolean;
+      pluralizeNoun: (num: string | number,one: string,two: string, five: string, printNum?: boolean) => string;
+      strings: {
+        camelCase: (str: string) => string;
+        capitalize: (str: string) => string;
+      }
+      uidGen: (len?: number, format?: string) => string | number;
+      fileToArrayBuffer: (value: File | Blob) => Promise<ArrayBuffer>;
+      fileToBase64: (value: File | Blob) => Promise<string>;
+      base64ToUint8Array: (base64: string) => Uint8Array;
+      Uint8ArrayToHex: (bytes: Uint8Array) => string;
+      hexToArrayBuffer: (hex: string) => Array<number>;
+      Uint8ArrayToBase64: (value: Uint8Array) => string;
+      arrayBufferToUint8Array: (value: ArrayBuffer) => Uint8Array;
     };
     $ldmui: {
       options: ldmuiOptions;

package/dist/index.js

@@ -250,18 +250,27 @@ __webpack_require__.d(__webpack_exports__, {
   ModalType: () => (/* reexport */ ModalType),
   PromptDialog: () => (/* reexport */ PromptDialog),
   SelectDialog: () => (/* reexport */ SelectDialog),
+  Uint8ArrayToHex: () => (/* reexport */ Uint8ArrayToHex),
   ValidateMixin: () => (/* reexport */ ValidateMixin),
   ValidateMixinOptions: () => (/* reexport */ ValidateMixinOptions),
   awaiting: () => (/* reexport */ awaiting),
+  base64: () => (/* reexport */ base64),
+  base64ToUint8Array: () => (/* reexport */ base64ToUint8Array),
+  cookie: () => (/* reexport */ cookie),
   deepValueGetter: () => (/* reexport */ deepValueGetter),
   "default": () => (/* binding */ src),
   defaults: () => (/* reexport */ defaults),
   delay: () => (/* reexport */ delay),
+  fileToArrayBuffer: () => (/* reexport */ fileToArrayBuffer),
+  fileToBase64: () => (/* reexport */ fileToBase64),
   getAliases: () => (/* reexport */ getAliases),
+  hexToArrayBuffer: () => (/* reexport */ hexToArrayBuffer),
   isDefined: () => (/* reexport */ isDefined),
   isObjectEmpty: () => (/* reexport */ isObjectEmpty),
   pluralizeNoun: () => (/* reexport */ pluralizeNoun),
+  strings: () => (/* reexport */ strings),
   uidGen: () => (/* reexport */ uidGen),
+  uint8ArrayToBase64: () => (/* reexport */ uint8ArrayToBase64),
   urlRegexp: () => (/* reexport */ urlRegexp)
 });
 
@@ -269,13 +278,22 @@ __webpack_require__.d(__webpack_exports__, {
 var src_utils_namespaceObject = {};
 __webpack_require__.r(src_utils_namespaceObject);
 __webpack_require__.d(src_utils_namespaceObject, {
+  Uint8ArrayToHex: () => (Uint8ArrayToHex),
   awaiting: () => (awaiting),
+  base64: () => (base64),
+  base64ToUint8Array: () => (base64ToUint8Array),
+  cookie: () => (cookie),
   deepValueGetter: () => (deepValueGetter),
   delay: () => (delay),
+  fileToArrayBuffer: () => (fileToArrayBuffer),
+  fileToBase64: () => (fileToBase64),
+  hexToArrayBuffer: () => (hexToArrayBuffer),
   isDefined: () => (isDefined),
   isObjectEmpty: () => (isObjectEmpty),
   pluralizeNoun: () => (pluralizeNoun),
+  strings: () => (strings),
   uidGen: () => (uidGen),
+  uint8ArrayToBase64: () => (uint8ArrayToBase64),
   urlRegexp: () => (urlRegexp)
 });
 
@@ -499,18 +517,6 @@ function isDefined(value) {
     return value !== null && value !== undefined && !isNaNValue;
 }
 
-;// CONCATENATED MODULE: ./src/utils/zIndex.ts
-function getZIndex(el) {
-    if (!el || el.nodeType !== Node.ELEMENT_NODE) {
-        return 0;
-    }
-    const index = Number(window.getComputedStyle(el).getPropertyValue('z-index'));
-    if (isNaN(index)) {
-        return getZIndex(el.parentNode);
-    }
-    return index;
-}
-
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-loader/ld-loader.ts?vue&type=script&lang=ts&external
 var ld_loadervue_type_script_lang_ts_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;
@@ -523,7 +529,6 @@ var ld_loadervue_type_script_lang_ts_external_metadata = (undefined && undefined
 };
 
 
-
 class LoaderComponent extends external_vue_property_decorator_.Vue {
     created() {
         if (!this.options.size) {
@@ -541,7 +546,7 @@ class LoaderComponent extends external_vue_property_decorator_.Vue {
     }
     get styles() {
         return {
-            'z-index': getZIndex(this.$parent.$el) + 2,
+            'z-index': this.zIndex(this.$parent.$el) + 2,
         };
     }
     get size() {
@@ -573,6 +578,16 @@ class LoaderComponent extends external_vue_property_decorator_.Vue {
         classes.push(`loader__color-${this.color}`);
         return classes;
     }
+    zIndex(el) {
+        if (!el || el.nodeType !== Node.ELEMENT_NODE) {
+            return 0;
+        }
+        const index = Number(window.getComputedStyle(el).getPropertyValue('z-index'));
+        if (isNaN(index)) {
+            return this.zIndex(el.parentNode);
+        }
+        return index;
+    }
 }
 ld_loadervue_type_script_lang_ts_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ type: Object, default: { size: 'big', bg: true } }),
@@ -10027,9 +10042,9 @@ function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
 
 
 /** Built-in value references. */
-var Uint8Array = _root.Uint8Array;
+var _Uint8Array_Uint8Array = _root.Uint8Array;
 
-/* harmony default export */ const _Uint8Array = (Uint8Array);
+/* harmony default export */ const _Uint8Array = (_Uint8Array_Uint8Array);
 
 ;// CONCATENATED MODULE: ./node_modules/lodash-es/_mapToArray.js
 /**
@@ -12652,17 +12667,17 @@ function ld_textarea_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_textarea = (ld_textarea_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-select/ld-select.vue?vue&type=template&id=eee64366&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-select/ld-select.vue?vue&type=template&id=96d44a7a&scoped=true&ts=true
 
-const ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-eee64366"), n = n(), _popScopeId(), n);
-const ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
-const ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_hoisted_2 = {
+const ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-96d44a7a"), n = n(), _popScopeId(), n);
+const ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_hoisted_1 = { class: "ld-select" };
+const ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_hoisted_2 = {
     key: 1,
     class: "text-crop"
 };
-const ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_hoisted_3 = { class: "justify mr-2 flex items-center" };
-const ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_hoisted_4 = ["checked"];
-function ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+const ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_hoisted_3 = { class: "justify mr-2 flex items-center" };
+const ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_hoisted_4 = ["checked"];
+function ld_selectvue_type_template_id_96d44a7a_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");
@@ -12670,7 +12685,7 @@ function ld_selectvue_type_template_id_eee64366_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_eee64366_scoped_true_ts_true_hoisted_1, [
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_hoisted_1, [
         (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
             default: (0,external_vue_.withCtx)(() => [
                 (_ctx.label)
@@ -12741,7 +12756,7 @@ function ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_render(_ctx,
                                                     : (0,external_vue_.createCommentVNode)("", true)
                                             ], 64))
                                     ], 64))
-                                    : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_selectvue_type_template_id_eee64366_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_96d44a7a_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 }, [
@@ -12749,13 +12764,13 @@ function ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_render(_ctx,
                                         ? {
                                             name: "prepend",
                                             fn: (0,external_vue_.withCtx)(() => [
-                                                (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_hoisted_3, [
+                                                (0,external_vue_.createElementVNode)("label", ld_selectvue_type_template_id_96d44a7a_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_eee64366_scoped_true_ts_true_hoisted_4),
+                                                    }, null, 8, ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_hoisted_4),
                                                     (0,external_vue_.createTextVNode)(),
                                                     (0,external_vue_.createVNode)(_component_v_icon, {
                                                         icon: "check",
@@ -12784,7 +12799,7 @@ function ld_selectvue_type_template_id_eee64366_scoped_true_ts_true_render(_ctx,
     ]));
 }
 
-;// CONCATENATED MODULE: ./src/ld-select/ld-select.vue?vue&type=template&id=eee64366&scoped=true&ts=true
+;// CONCATENATED MODULE: ./src/ld-select/ld-select.vue?vue&type=template&id=96d44a7a&scoped=true&ts=true
 
 ;// CONCATENATED MODULE: ./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) {
@@ -12885,7 +12900,7 @@ let SelectComponent = class SelectComponent extends (0,external_vue_property_dec
         this.validationMessage = '';
     }
     onClick(e) {
-        this.menu = true;
+        this.menu = !this.menu;
     }
     onToggle(item) {
         if (this.itemSelected(item)) {
@@ -13068,7 +13083,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_eee64366_scoped_true_ts_true_render],['__scopeId',"data-v-eee64366"]])
+const ld_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_selectvue_type_script_lang_ts_external, [['render',ld_selectvue_type_template_id_96d44a7a_scoped_true_ts_true_render],['__scopeId',"data-v-96d44a7a"]])
 
 /* harmony default export */ const ld_select = (ld_select_exports_);
 ;// CONCATENATED MODULE: ./src/ld-select/index.ts
@@ -14121,25 +14136,25 @@ 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!./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=8b7a759e&scoped=true
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=26123e5c&scoped=true
 
 
-const ld_text_viewervue_type_template_id_8b7a759e_scoped_true_withScopeId = n => (_pushScopeId("data-v-8b7a759e"),n=n(),_popScopeId(),n)
-const ld_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_1 = { class: "ld-text-viewer" }
-const ld_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_2 = ["innerHTML"]
-const ld_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_3 = ["innerHTML"]
-const ld_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_4 = {
+const ld_text_viewervue_type_template_id_26123e5c_scoped_true_withScopeId = n => (_pushScopeId("data-v-26123e5c"),n=n(),_popScopeId(),n)
+const ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_1 = { class: "ld-text-viewer" }
+const ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_2 = ["innerHTML"]
+const ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_3 = ["innerHTML"]
+const ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_4 = {
   key: 2,
   class: "italic",
   style: {"color":"var(--grey-l-2)"}
 }
 
-function ld_text_viewervue_type_template_id_8b7a759e_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_text_viewervue_type_template_id_26123e5c_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label")
   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_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_1, [
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_1, [
     (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
       default: (0,external_vue_.withCtx)(() => [
         (_ctx.label)
@@ -14152,7 +14167,7 @@ function ld_text_viewervue_type_template_id_8b7a759e_scoped_true_render(_ctx, _c
           : (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]),
+          class: (0,external_vue_.normalizeClass)(["d-flex text-justify align-center", _ctx.inputSizeClasses]),
           style: {}
         }, {
           default: (0,external_vue_.withCtx)(() => [
@@ -14162,16 +14177,16 @@ function ld_text_viewervue_type_template_id_8b7a759e_scoped_true_render(_ctx, _c
                     ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
                         key: 0,
                         innerHTML: _ctx.textWithHyperlinks
-                      }, null, 8, ld_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_2))
+                      }, null, 8, ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_2))
                     : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
                         key: 1,
                         innerHTML: _ctx.src
-                      }, null, 8, ld_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_3))
+                      }, null, 8, ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_3))
                 ], 64))
               : (0,external_vue_.renderSlot)(_ctx.$slots, "default", { key: 1 }, undefined, true),
             (0,external_vue_.createTextVNode)(),
             (_ctx.showPlaceholder)
-              ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", ld_text_viewervue_type_template_id_8b7a759e_scoped_true_hoisted_4, "Нет данных"))
+              ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", ld_text_viewervue_type_template_id_26123e5c_scoped_true_hoisted_4, "Нет данных"))
               : (0,external_vue_.createCommentVNode)("", true)
           ]),
           _: 3
@@ -14181,7 +14196,7 @@ function ld_text_viewervue_type_template_id_8b7a759e_scoped_true_render(_ctx, _c
     })
   ]))
 }
-;// CONCATENATED MODULE: ./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=8b7a759e&scoped=true
+;// CONCATENATED MODULE: ./src/ld-text-viewer/ld-text-viewer.vue?vue&type=template&id=26123e5c&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) {
@@ -14284,7 +14299,7 @@ CardTextViewer = ld_text_viewervue_type_script_lang_js_external_decorate([
 ;
 
 
-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_8b7a759e_scoped_true_render],['__scopeId',"data-v-8b7a759e"]])
+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_26123e5c_scoped_true_render],['__scopeId',"data-v-26123e5c"]])
 
 /* harmony default export */ const ld_text_viewer = (ld_text_viewer_exports_);
 ;// CONCATENATED MODULE: ./src/ld-text-viewer/index.ts
@@ -15344,6 +15359,364 @@ function ld_dialogvue_type_template_id_184339ee_ts_true_render(_ctx, _cache, $pr
 
 // EXTERNAL MODULE: ./node_modules/@ldmjs/core/dist/index.js
 var dist = __webpack_require__(634);
+;// CONCATENATED MODULE: ./src/utils/awaiting.ts
+async function awaiting(callback) {
+    let resolveFunc = null;
+    const counter = 0;
+    let timer = null;
+    const promise = new Promise(resolve => {
+        resolveFunc = resolve;
+    });
+    timer = setInterval(() => {
+        const a = callback();
+        if (counter > 100 || Boolean(a)) {
+            clearInterval(timer);
+            resolveFunc(a ?? true);
+        }
+    }, 100);
+    await promise;
+}
+
+;// CONCATENATED MODULE: ./src/utils/base64.ts
+/* eslint-disable no-bitwise */
+class Base64Util {
+    constructor() {
+        this._keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
+    }
+    encode(input) {
+        let output = '';
+        let chr1, chr2, chr3, enc1, enc2, enc3, enc4;
+        let i = 0;
+        input = Base64Util._utf8_encode(input);
+        while (i < input.length) {
+            chr1 = input.charCodeAt(i++);
+            chr2 = input.charCodeAt(i++);
+            chr3 = input.charCodeAt(i++);
+            enc1 = chr1 >> 2;
+            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
+            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
+            enc4 = chr3 & 63;
+            if (isNaN(chr2)) {
+                enc3 = enc4 = 64;
+            }
+            else if (isNaN(chr3)) {
+                enc4 = 64;
+            }
+            output =
+                output +
+                    this._keyStr.charAt(enc1) +
+                    this._keyStr.charAt(enc2) +
+                    this._keyStr.charAt(enc3) +
+                    this._keyStr.charAt(enc4);
+        }
+        return output;
+    }
+    decode(input) {
+        let output = '';
+        let chr1, chr2, chr3;
+        let enc1, enc2, enc3, enc4;
+        let i = 0;
+        input = input.replace(/[^\d+/=A-Za-z]/g, '');
+        while (i < input.length) {
+            enc1 = this._keyStr.indexOf(input.charAt(i++));
+            enc2 = this._keyStr.indexOf(input.charAt(i++));
+            enc3 = this._keyStr.indexOf(input.charAt(i++));
+            enc4 = this._keyStr.indexOf(input.charAt(i++));
+            chr1 = (enc1 << 2) | (enc2 >> 4);
+            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
+            chr3 = ((enc3 & 3) << 6) | enc4;
+            output = output + String.fromCharCode(chr1);
+            if (enc3 !== 64) {
+                output = output + String.fromCharCode(chr2);
+            }
+            if (enc4 !== 64) {
+                output = output + String.fromCharCode(chr3);
+            }
+        }
+        output = Base64Util._utf8_decode(output);
+        return output;
+    }
+    static _utf8_encode(str) {
+        str = str.replace(/\r\n/g, '\n');
+        let utftext = '';
+        for (let n = 0; n < str.length; n++) {
+            const c = str.charCodeAt(n);
+            if (c < 128) {
+                utftext += String.fromCharCode(c);
+            }
+            else if (c > 127 && c < 2048) {
+                utftext += String.fromCharCode((c >> 6) | 192);
+                utftext += String.fromCharCode((c & 63) | 128);
+            }
+            else {
+                utftext += String.fromCharCode((c >> 12) | 224);
+                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
+                utftext += String.fromCharCode((c & 63) | 128);
+            }
+        }
+        return utftext;
+    }
+    static _utf8_decode(utftext) {
+        let string = '';
+        let i = 0;
+        let c = 0;
+        let c2 = 0;
+        let c3 = 0;
+        while (i < utftext.length) {
+            c = utftext.charCodeAt(i);
+            if (c < 128) {
+                string += String.fromCharCode(c);
+                i++;
+            }
+            else if (c > 191 && c < 224) {
+                c2 = utftext.charCodeAt(i + 1);
+                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
+                i += 2;
+            }
+            else {
+                c2 = utftext.charCodeAt(i + 1);
+                c3 = utftext.charCodeAt(i + 2);
+                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
+                i += 3;
+            }
+        }
+        return string;
+    }
+    isValid(value) {
+        // eslint-disable-next-line optimize-regex/optimize-regex
+        const base64Regex = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)?$/gim;
+        return base64Regex.test(value);
+    }
+}
+const base64 = new Base64Util();
+
+
+;// CONCATENATED MODULE: ./src/utils/cookie.ts
+class Cookie {
+    get(key) {
+        const _key = key.replace(/([$()*+./?[\\\]^{|}])/g, '\\$1');
+        const matches = document.cookie.match(new RegExp('(?:^|; )' + _key + '=([^;]*)'));
+        if (matches && matches[1] && matches[1].length) {
+            return matches[1];
+        }
+        return null;
+    }
+    set(key, value, expires) {
+        let time = 0;
+        switch (expires) {
+            case 'day':
+                time = 1000 * 60 * 60 * 24;
+                break;
+            case 'month':
+                time = 1000 * 60 * 60 * 24 * 30;
+                break;
+        }
+        let exp = '';
+        if (time) {
+            time = Date.now() + time;
+            exp = new Date(time).toUTCString();
+        }
+        document.cookie = key + '=' + value + '; path=/; expires=' + exp;
+    }
+    delete(key) {
+        document.cookie = key + '=; path=/; expires=-1';
+    }
+}
+const cookie = new Cookie();
+
+
+;// CONCATENATED MODULE: ./src/utils/converting.ts
+function fileToArrayBuffer(src) {
+    return new Promise(resolve => {
+        const reader = new FileReader();
+        reader.onloadend = function () {
+            resolve(reader.result);
+        };
+        reader.readAsArrayBuffer(src);
+    });
+}
+function fileToBase64(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = () => {
+            let fileStr = reader.result.toString();
+            if (fileStr.includes(',')) {
+                fileStr = fileStr.split(',')[1];
+            }
+            resolve(fileStr);
+        };
+        reader.onerror = error => reject(error);
+    });
+}
+function base64ToUint8Array(base64) {
+    if (!base64.trim()) {
+        return null;
+    }
+    const decrypted = window.atob(base64);
+    let n = decrypted.length;
+    const arr = new Uint8Array(n);
+    while (n--) {
+        arr[n] = decrypted.charCodeAt(n);
+    }
+    return arr;
+}
+function Uint8ArrayToHex(bytes) {
+    const hex = [];
+    /* eslint-disable-next-line @typescript-eslint/prefer-for-of */
+    for (let i = 0; i < bytes.length; i++) {
+        const current = bytes[i] < 0 ? bytes[i] + 256 : bytes[i];
+        /* eslint-disable-next-line no-bitwise */
+        hex.push((current >>> 4).toString(16));
+        /* eslint-disable-next-line no-bitwise */
+        hex.push((current & 0xf).toString(16));
+    }
+    return hex.join('');
+}
+function hexToArrayBuffer(hex) {
+    hex = hex.replace(/^0x/, '');
+    if (hex.length % 2 != 0) {
+        // console.log('WARNING: expecting an even number of characters in the hexString');
+    }
+    const bad = hex.match(/[\sg-z]/i);
+    if (bad) {
+        // console.log('WARNING: found non-hex characters', bad);
+    }
+    const pairs = hex.match(/[\da-f]{2}/gi);
+    const result = [];
+    for (const s of pairs) {
+        result.push(parseInt(s, 16));
+    }
+    return result;
+}
+function uint8ArrayToBase64(value) {
+    const bin = value.reduce((acc, i) => (acc += String.fromCharCode.apply(null, [i])), '');
+    return window.btoa(bin);
+}
+function arrayBufferToUint8Array(value) {
+    return new Uint8Array(value);
+}
+
+
+;// CONCATENATED MODULE: ./src/utils/deepValueGetter.ts
+/**
+ * Returns a deep object given a string. zoo['animal.type']
+ * @param {object} obj
+ * @param {string} path
+ */
+function deepValueGetter(obj, path) {
+    if (obj === null) {
+        return '';
+    }
+    if (!obj || !path) {
+        return obj;
+    }
+    const value = obj[path];
+    // eslint-disable-next-line no-undefined
+    if (value !== undefined) {
+        return value;
+    }
+    let current = obj;
+    const split = path.split('.');
+    if (split.length) {
+        for (const key of split) {
+            current = current[key];
+            // if found undefined, return empty string
+            // eslint-disable-next-line no-undefined
+            if (current === undefined || current === null) {
+                return '';
+            }
+        }
+    }
+    return current;
+}
+
+;// CONCATENATED MODULE: ./src/utils/delay.ts
+async function delay(timeout) {
+    return new Promise(resolve => setTimeout(() => resolve(), timeout));
+}
+
+;// CONCATENATED MODULE: ./src/utils/isObjectEmpty.ts
+function isObjectEmpty(obj) {
+    for (const _i in obj) {
+        return false;
+    }
+    return true;
+}
+
+;// CONCATENATED MODULE: ./src/utils/pluralizeNoun.ts
+function pluralizeNoun(num, one, two, five, printNum = true) {
+    if (!num) {
+        return '';
+    }
+    let n;
+    if (typeof num === 'string') {
+        n = Number(num.match(/\d+\.?\d*/g));
+    }
+    else {
+        n = Math.abs(num);
+    }
+    n %= 100;
+    if (n >= 5 && n <= 20) {
+        return printNum ? `${num} ${five}` : `${five}`;
+    }
+    n %= 10;
+    if (n === 1) {
+        return printNum ? `${num} ${one}` : `${one}`;
+    }
+    if (n >= 2 && n <= 4) {
+        return printNum ? `${num} ${two}` : `${two}`;
+    }
+    return printNum ? `${num} ${five}` : `${five}`;
+}
+
+;// CONCATENATED MODULE: ./src/utils/strings.ts
+class Strings {
+    camelCase(str) {
+        // Replace special characters with a space
+        str = str.replace(/[^\d A-Za-z]/g, ' ');
+        // put a space before an uppercase letter
+        str = str.replace(/([a-z](?=[A-Z]))/g, '$1 ');
+        // Lower case first character and some other stuff
+        str = str
+            .replace(/([^\d A-Za-z])|^\d+/g, '')
+            .trim()
+            .toLowerCase();
+        // uppercase characters preceded by a space or number
+        str = str.replace(/([\d ]+)([A-Za-z])/g, (a, b, c) => b.trim() + c.toUpperCase());
+        return str;
+    }
+    capitalize(str) {
+        if (!str) {
+            return str;
+        }
+        const first = str[0];
+        const other = str.substring(1);
+        return `${first.toUpperCase()}${other}`;
+    }
+}
+const strings = new Strings();
+
+
+;// 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
+
+
+
+
+
+
+
+
+
+
+
+
+
 ;// CONCATENATED MODULE: ./src/ld-dialog/dialog.manager.ts
 
 
@@ -16839,26 +17212,6 @@ IteratorItemComponent = IteratorItemComponent_1 = iteratorItem_decorate([
 ], IteratorItemComponent);
 /* harmony default export */ const iteratorItem = (IteratorItemComponent);
 
-;// CONCATENATED MODULE: ./src/utils/strings.ts
-function camelCase(str) {
-    // Replace special characters with a space
-    str = str.replace(/[^\d A-Za-z]/g, ' ');
-    // put a space before an uppercase letter
-    str = str.replace(/([a-z](?=[A-Z]))/g, '$1 ');
-    // Lower case first character and some other stuff
-    str = str
-        .replace(/([^\d A-Za-z])|^\d+/g, '')
-        .trim()
-        .toLowerCase();
-    // uppercase characters preceded by a space or number
-    str = str.replace(/([\d ]+)([A-Za-z])/g, (a, b, c) => b.trim() + c.toUpperCase());
-    return str;
-}
-const strings = {
-    camelCase
-};
-
-
 ;// CONCATENATED MODULE: ./src/ld-data-iterator/prefixes.ts
 /* eslint-disable no-undefined */
 
@@ -18196,32 +18549,6 @@ function ld_pagervue_type_template_id_03c82e7a_render(_ctx, _cache, $props, $set
 }
 ;// CONCATENATED MODULE: ./src/ld-pager/ld-pager.vue?vue&type=template&id=03c82e7a
 
-;// CONCATENATED MODULE: ./src/utils/pluralizeNoun.ts
-function pluralizeNoun(num, one, two, five, printNum = true) {
-    if (!num) {
-        return '';
-    }
-    let n;
-    if (typeof num === 'string') {
-        n = Number(num.match(/\d+\.?\d*/g));
-    }
-    else {
-        n = Math.abs(num);
-    }
-    n %= 100;
-    if (n >= 5 && n <= 20) {
-        return printNum ? `${num} ${five}` : `${five}`;
-    }
-    n %= 10;
-    if (n === 1) {
-        return printNum ? `${num} ${one}` : `${one}`;
-    }
-    if (n >= 2 && n <= 4) {
-        return printNum ? `${num} ${two}` : `${two}`;
-    }
-    return printNum ? `${num} ${five}` : `${five}`;
-}
-
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-pager/ld-pager.ts?vue&type=script&lang=js&external
 var ld_pagervue_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;
@@ -18472,87 +18799,6 @@ function ld_pager_reg(vue, options) {
 // EXTERNAL MODULE: external "vue-toastification"
 var external_vue_toastification_ = __webpack_require__(7982);
 var external_vue_toastification_default = /*#__PURE__*/__webpack_require__.n(external_vue_toastification_);
-;// CONCATENATED MODULE: ./src/utils/awaiting.ts
-async function awaiting(callback) {
-    let resolveFunc = null;
-    const counter = 0;
-    let timer = null;
-    const promise = new Promise(resolve => {
-        resolveFunc = resolve;
-    });
-    timer = setInterval(() => {
-        const a = callback();
-        if (counter > 100 || Boolean(a)) {
-            clearInterval(timer);
-            resolveFunc(a ?? true);
-        }
-    }, 100);
-    await promise;
-}
-
-;// CONCATENATED MODULE: ./src/utils/deepValueGetter.ts
-/**
- * Returns a deep object given a string. zoo['animal.type']
- * @param {object} obj
- * @param {string} path
- */
-function deepValueGetter(obj, path) {
-    if (obj === null) {
-        return '';
-    }
-    if (!obj || !path) {
-        return obj;
-    }
-    // check if path matches a root-level field
-    // { "a.b.c": 123 }
-    const value = obj[path];
-    // eslint-disable-next-line no-undefined
-    if (value !== undefined) {
-        return value;
-    }
-    let current = obj;
-    const split = path.split('.');
-    if (split.length) {
-        for (const key of split) {
-            current = current[key];
-            // if found undefined, return empty string
-            // eslint-disable-next-line no-undefined
-            if (current === undefined || current === null) {
-                return '';
-            }
-        }
-    }
-    return current;
-}
-
-;// CONCATENATED MODULE: ./src/utils/delay.ts
-async function delay(timeout) {
-    return new Promise(resolve => setTimeout(() => resolve(), timeout));
-}
-
-;// CONCATENATED MODULE: ./src/utils/isObjectEmpty.ts
-function isObjectEmpty(obj) {
-    for (const _i in obj) {
-        return false;
-    }
-    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
-
-
-
-
-
-
-
-
-
 ;// CONCATENATED MODULE: ./src/vuetify.ts
 const aliases = {
     SmallButton: 'VBtn',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -91,7 +91,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.6.8",
+    "vuetify": "3.6.13",
     "webpack": "5.92.1",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "4.15.1",