@ldmjs/ui 1.0.20 → 1.0.21

package/dist/index.d.ts

@@ -44,6 +44,14 @@ export declare function deepValueGetter(obj: Record<string, unknown>, path: stri
  */
 export declare function isObjectEmpty(obj: Record<string, unknown>): boolean;
 
+export declare function pluralizeNoun(
+  num: string | number,
+  one: string,
+  two: string,
+  five: string,
+  printNum: boolean
+): string;
+
 declare module '@vue/runtime-core' {
   export interface ComponentCustomProperties {
     $utils: {
@@ -53,6 +61,7 @@ declare module '@vue/runtime-core' {
       delay: typeof delay;
       deepValueGetter: typeof deepValueGetter;
       isObjectEmpty: typeof isObjectEmpty;
+      pluralizeNoun: typeof pluralizeNoun;
     };
     $ldmui: {
       options: ldmuiOptions;
@@ -102,3 +111,6 @@ export {
   IIteratorRemovedItem,
   IIteratorSortField
 } from './types/iterator';
+export {
+  IPagerOptions
+} from './types/pager';

package/dist/index.js

@@ -253,7 +253,6 @@ __webpack_require__.d(__webpack_exports__, {
   ValidateMixin: () => (/* reexport */ ValidateMixin),
   ValidateMixinOptions: () => (/* reexport */ ValidateMixinOptions),
   awaiting: () => (/* reexport */ awaiting),
-  datetime: () => (/* reexport */ datetime),
   deepValueGetter: () => (/* reexport */ deepValueGetter),
   "default": () => (/* binding */ src),
   defaults: () => (/* reexport */ defaults),
@@ -261,6 +260,7 @@ __webpack_require__.d(__webpack_exports__, {
   getAliases: () => (/* reexport */ getAliases),
   isDefined: () => (/* reexport */ isDefined),
   isObjectEmpty: () => (/* reexport */ isObjectEmpty),
+  pluralizeNoun: () => (/* reexport */ pluralizeNoun),
   uidGen: () => (/* reexport */ uidGen),
   urlRegexp: () => (/* reexport */ urlRegexp)
 });
@@ -270,11 +270,11 @@ var src_utils_namespaceObject = {};
 __webpack_require__.r(src_utils_namespaceObject);
 __webpack_require__.d(src_utils_namespaceObject, {
   awaiting: () => (awaiting),
-  datetime: () => (datetime),
   deepValueGetter: () => (deepValueGetter),
   delay: () => (delay),
   isDefined: () => (isDefined),
   isObjectEmpty: () => (isObjectEmpty),
+  pluralizeNoun: () => (pluralizeNoun),
   uidGen: () => (uidGen),
   urlRegexp: () => (urlRegexp)
 });
@@ -368,7 +368,7 @@ var ld_iconvue_type_script_lang_js_external_metadata = (undefined && undefined._
 
 
 
-let IconButtonComponent = class IconButtonComponent extends external_vue_class_component_.Vue {
+let IconComponent = class IconComponent extends external_vue_class_component_.Vue {
     constructor() {
         super(...arguments);
         this.current = '';
@@ -412,41 +412,41 @@ let IconButtonComponent = class IconButtonComponent extends external_vue_class_c
 ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ default: () => ({ icons: [] }) }),
     ld_iconvue_type_script_lang_js_external_metadata("design:type", Object)
-], IconButtonComponent.prototype, "map", void 0);
+], IconComponent.prototype, "map", void 0);
 ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ default: 'icons' }),
     ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "path", void 0);
+], IconComponent.prototype, "path", void 0);
 ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)(),
     ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "icon", void 0);
+], IconComponent.prototype, "icon", void 0);
 ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)(),
     ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "color", void 0);
+], IconComponent.prototype, "color", void 0);
 ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ default: '24' }),
     ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "width", void 0);
+], IconComponent.prototype, "width", void 0);
 ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Prop)({ default: '24' }),
     ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "height", void 0);
+], IconComponent.prototype, "height", void 0);
 ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_property_decorator_.Watch)('icon'),
     ld_iconvue_type_script_lang_js_external_metadata("design:type", Function),
     ld_iconvue_type_script_lang_js_external_metadata("design:paramtypes", []),
     ld_iconvue_type_script_lang_js_external_metadata("design:returntype", void 0)
-], IconButtonComponent.prototype, "onIconChange", null);
-IconButtonComponent = ld_iconvue_type_script_lang_js_external_decorate([
+], IconComponent.prototype, "onIconChange", null);
+IconComponent = ld_iconvue_type_script_lang_js_external_decorate([
     (0,external_vue_class_component_.Options)({
         components: {
             'svg-icon': svg_icon,
         },
     })
-], IconButtonComponent);
-/* harmony default export */ const ld_iconvue_type_script_lang_js_external = (IconButtonComponent);
+], IconComponent);
+/* harmony default export */ const ld_iconvue_type_script_lang_js_external = (IconComponent);
 
 ;// CONCATENATED MODULE: ./src/ld-icon/ld-icon.ts?vue&type=script&lang=js&external
  
@@ -7366,6 +7366,85 @@ try {
 // EXTERNAL MODULE: external "./calendar.js"
 var external_calendar_js_ = __webpack_require__(4634);
 var external_calendar_js_default = /*#__PURE__*/__webpack_require__.n(external_calendar_js_);
+;// CONCATENATED MODULE: ./src/utils/datetime.ts
+function dateLocalToISO(value) {
+    const parsed = /^(\d\d?).(\d\d?).(\d\d\d?\d?)$/.exec(value);
+    let year = '';
+    let month = '';
+    let day = '';
+    if (parsed[1]) {
+        day = parsed[1].length === 1 ? '0' + parsed[1] : parsed[1];
+    }
+    if (parsed[2]) {
+        month = parsed[2].length === 1 ? '0' + parsed[2] : parsed[2];
+    }
+    if (parsed[3]) {
+        year = parsed[3];
+    }
+    if (day && month && year) {
+        return `${year}-${month}-${day}`;
+    }
+    return '';
+}
+/**
+ * Преобразует дату к формату yyyy-MM-ddThh:mm:ss+hh:mm (например, 2020-11-24T12:47:45+03:00)
+ * @param dt Date
+ */
+function toServerString(dt) {
+    if (!dt) {
+        return null;
+    }
+    const tzo = -dt.getTimezoneOffset();
+    const dif = tzo >= 0 ? '+' : '-';
+    const pad = function (num) {
+        const norm = Math.abs(Math.floor(num));
+        return (norm < 10 ? '0' : '') + norm;
+    };
+    return `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(dt.getDate())}T${pad(dt.getHours())}:${pad(dt.getMinutes())}:${pad(dt.getSeconds())}${dif}${pad(tzo / 60)}:${pad(tzo % 60)}`;
+}
+function convert(d) {
+    // Converts the date in d to a date-object. The input can be:
+    //   a date object    : returned without modification
+    //   an array         : Interpreted as [year,month,day]. NOTE: month is 0-11.
+    //   a number         : Interpreted as number of milliseconds
+    //                      since 1 Jan 1970 (a timestamp)
+    //   a string         : Any format supported by the javascript engine, like
+    //                      "YYYY/MM/DD", "MM/DD/YYYY", "Jan 31 2009" etc.
+    //   an object        : Interpreted as an object with year, month and date
+    //                      attributes.  **NOTE** month is 0-11.
+    if (d instanceof Date) {
+        return d;
+    }
+    if (Array.isArray(d)) {
+        return new Date(d[0], d[1], d[2]);
+    }
+    if (typeof d === 'number' || typeof d === 'string') {
+        return new Date(d);
+    }
+    if (typeof d === 'object' && 'year' in d && 'month' in d && 'date' in d) {
+        return new Date(d.year, d.month, d.date, d.hours, d.minutes, d.seconds, d.ms);
+    }
+    return d;
+}
+function compare(a, b) {
+    // Compare two dates (could be of any type supported by the convert
+    // function above) and returns:
+    //  -1 : if a < b
+    //   0 : if a = b
+    //   1 : if a > b
+    // NaN : if a or b is an illegal date
+    // NOTE: The code inside isFinite does an assignment (=).
+    const a1 = a ? convert(a).valueOf() : 0;
+    const b1 = b ? convert(b).valueOf() : 0;
+    return isFinite(a1) && isFinite(b1) ? Number(a1 > b1) - Number(a1 < b1) : NaN;
+}
+const datetime = {
+    dateLocalToISO,
+    toServerString,
+    compare
+};
+
+
 ;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-datepicker/ld-datepicker.ts?vue&type=script&lang=js&external
 var ld_datepickervue_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;
@@ -7386,6 +7465,7 @@ var ld_datepickervue_type_script_lang_js_external_a, ld_datepickervue_type_scrip
 
 
 
+
 /**
  * @displayName ld-datepicker
  */
@@ -7429,7 +7509,7 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
         }
         else {
             this.date = new Date(newVal);
-            this.dateString = this.$utils.datetime.dateLocalToISO(this.date.toLocaleDateString(this.locale));
+            this.dateString = datetime.dateLocalToISO(this.date.toLocaleDateString(this.locale));
         }
         if (this.date) {
             const inputEl = this.$refs.inputDate;
@@ -7663,7 +7743,7 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
             if (this.timeString) {
                 d = this.addTimeToDate(d);
             }
-            const dt = this.$utils.datetime.dateLocalToISO(d.toLocaleDateString(this.locale));
+            const dt = datetime.dateLocalToISO(d.toLocaleDateString(this.locale));
             this.onSelectDate(dt);
         }
     }
@@ -7740,7 +7820,7 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
          * dateString сбросим к текущей дате, чтобы календарь переключился на нее
          * date ставим null, чтобы обнулить модель
          */
-        this.dateString = this.$utils.datetime.dateLocalToISO(new Date().toLocaleDateString(this.locale));
+        this.dateString = datetime.dateLocalToISO(new Date().toLocaleDateString(this.locale));
         this.date = null;
         this.emitUpdateModelValue(null);
         this.validate();
@@ -7841,7 +7921,7 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
                     this.emitUpdateModelValue(value);
                 }
                 else {
-                    this.emitUpdateModelValue(this.$utils.datetime.toServerString(value));
+                    this.emitUpdateModelValue(datetime.toServerString(value));
                 }
             }
         }
@@ -11575,11 +11655,14 @@ 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=3c187dcd&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=068cc5f6&ts=true
 
-const ld_checkboxvue_type_template_id_3c187dcd_ts_true_hoisted_1 = { class: "d-flex align-center" };
-const ld_checkboxvue_type_template_id_3c187dcd_ts_true_hoisted_2 = ["checked", "data-testid", "tabindex", "disabled"];
-const ld_checkboxvue_type_template_id_3c187dcd_ts_true_hoisted_3 = /*#__PURE__*/ (0,external_vue_.createElementVNode)("i", { class: "v-icon" }, [
+const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_1 = {
+    class: "d-flex align-center",
+    style: { "position": "relative" }
+};
+const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_2 = ["checked", "data-testid", "tabindex", "disabled"];
+const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_3 = /*#__PURE__*/ (0,external_vue_.createElementVNode)("i", { class: "v-icon" }, [
     /*#__PURE__*/ (0,external_vue_.createElementVNode)("svg", {
         width: "14",
         height: "15",
@@ -11596,7 +11679,7 @@ const ld_checkboxvue_type_template_id_3c187dcd_ts_true_hoisted_3 = /*#__PURE__*/
         })
     ])
 ], -1);
-function ld_checkboxvue_type_template_id_3c187dcd_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip");
     return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
         class: (0,external_vue_.normalizeClass)(["ld-checkbox", { 'ld-checkbox--focused': _ctx.isFocused }])
@@ -11631,7 +11714,7 @@ function ld_checkboxvue_type_template_id_3c187dcd_ts_true_render(_ctx, _cache, $
             ]))
             : (0,external_vue_.createCommentVNode)("", true),
         (0,external_vue_.createTextVNode)(),
-        (0,external_vue_.createElementVNode)("label", ld_checkboxvue_type_template_id_3c187dcd_ts_true_hoisted_1, [
+        (0,external_vue_.createElementVNode)("label", ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_1, [
             (0,external_vue_.createElementVNode)("input", {
                 ref: "checkbox",
                 type: "checkbox",
@@ -11648,9 +11731,9 @@ function ld_checkboxvue_type_template_id_3c187dcd_ts_true_render(_ctx, _cache, $
                 onInput: _cache[3] || (_cache[3] =
                     //@ts-ignore
                     (...args) => (_ctx.onChange && _ctx.onChange(...args)))
-            }, null, 40, ld_checkboxvue_type_template_id_3c187dcd_ts_true_hoisted_2),
+            }, null, 40, ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_2),
             (0,external_vue_.createTextVNode)(),
-            ld_checkboxvue_type_template_id_3c187dcd_ts_true_hoisted_3
+            ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_3
         ]),
         (0,external_vue_.createTextVNode)(),
         (_ctx.label && !_ctx.labelOnLeft)
@@ -11686,7 +11769,7 @@ function ld_checkboxvue_type_template_id_3c187dcd_ts_true_render(_ctx, _cache, $
     ], 2));
 }
 
-;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=3c187dcd&ts=true
+;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=068cc5f6&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) {
@@ -11859,7 +11942,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_3c187dcd_ts_true_render]])
+const ld_checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(CheckboxComponent, [['render',ld_checkboxvue_type_template_id_068cc5f6_ts_true_render]])
 
 /* harmony default export */ const ld_checkbox = (ld_checkbox_exports_);
 ;// CONCATENATED MODULE: ./src/ld-checkbox/index.ts
@@ -15261,166 +15344,6 @@ 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/datetime.ts
-function dateLocalToISO(value) {
-    const parsed = /^(\d\d?).(\d\d?).(\d\d\d?\d?)$/.exec(value);
-    let year = '';
-    let month = '';
-    let day = '';
-    if (parsed[1]) {
-        day = parsed[1].length === 1 ? '0' + parsed[1] : parsed[1];
-    }
-    if (parsed[2]) {
-        month = parsed[2].length === 1 ? '0' + parsed[2] : parsed[2];
-    }
-    if (parsed[3]) {
-        year = parsed[3];
-    }
-    if (day && month && year) {
-        return `${year}-${month}-${day}`;
-    }
-    return '';
-}
-/**
- * Преобразует дату к формату yyyy-MM-ddThh:mm:ss+hh:mm (например, 2020-11-24T12:47:45+03:00)
- * @param dt Date
- */
-function toServerString(dt) {
-    if (!dt) {
-        return null;
-    }
-    const tzo = -dt.getTimezoneOffset();
-    const dif = tzo >= 0 ? '+' : '-';
-    const pad = function (num) {
-        const norm = Math.abs(Math.floor(num));
-        return (norm < 10 ? '0' : '') + norm;
-    };
-    return `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(dt.getDate())}T${pad(dt.getHours())}:${pad(dt.getMinutes())}:${pad(dt.getSeconds())}${dif}${pad(tzo / 60)}:${pad(tzo % 60)}`;
-}
-function convert(d) {
-    // Converts the date in d to a date-object. The input can be:
-    //   a date object    : returned without modification
-    //   an array         : Interpreted as [year,month,day]. NOTE: month is 0-11.
-    //   a number         : Interpreted as number of milliseconds
-    //                      since 1 Jan 1970 (a timestamp)
-    //   a string         : Any format supported by the javascript engine, like
-    //                      "YYYY/MM/DD", "MM/DD/YYYY", "Jan 31 2009" etc.
-    //   an object        : Interpreted as an object with year, month and date
-    //                      attributes.  **NOTE** month is 0-11.
-    if (d instanceof Date) {
-        return d;
-    }
-    if (Array.isArray(d)) {
-        return new Date(d[0], d[1], d[2]);
-    }
-    if (typeof d === 'number' || typeof d === 'string') {
-        return new Date(d);
-    }
-    if (typeof d === 'object' && 'year' in d && 'month' in d && 'date' in d) {
-        return new Date(d.year, d.month, d.date, d.hours, d.minutes, d.seconds, d.ms);
-    }
-    return d;
-}
-function compare(a, b) {
-    // Compare two dates (could be of any type supported by the convert
-    // function above) and returns:
-    //  -1 : if a < b
-    //   0 : if a = b
-    //   1 : if a > b
-    // NaN : if a or b is an illegal date
-    // NOTE: The code inside isFinite does an assignment (=).
-    const a1 = a ? convert(a).valueOf() : 0;
-    const b1 = b ? convert(b).valueOf() : 0;
-    return isFinite(a1) && isFinite(b1) ? Number(a1 > b1) - Number(a1 < b1) : NaN;
-}
-const datetime = {
-    dateLocalToISO,
-    toServerString,
-    compare
-};
-
-
-;// 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/ld-dialog/dialog.manager.ts
 
 
@@ -18114,9 +18037,522 @@ function ld_data_iterator_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_data_iterator = (ld_data_iterator_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-pager/ld-pager.vue?vue&type=template&id=03c82e7a
+
+
+const ld_pagervue_type_template_id_03c82e7a_hoisted_1 = /*#__PURE__*/(0,external_vue_.createElementVNode)("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /*#__PURE__*/(0,external_vue_.createElementVNode)("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M8 6C7.44771 6 7 6.44772 7 7V17C7 17.5523 7.44771 18 8 18C8.55228 18 9 17.5523 9 17V7C9 6.44772 8.55228 6 8 6ZM17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.3431 12.7574C10.9526 12.3668 10.9526 11.7337 11.3431 11.3431L16.2929 6.3934C16.6834 6.00287 17.3166 6.00287 17.7071 6.3934C18.0976 6.78392 18.0976 7.41709 17.7071 7.80761L13.4645 12.0503L17.7071 16.2929Z",
+    fill: "currentColor"
+  })
+], -1)
+const ld_pagervue_type_template_id_03c82e7a_hoisted_2 = /*#__PURE__*/(0,external_vue_.createElementVNode)("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /*#__PURE__*/(0,external_vue_.createElementVNode)("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M18.4246 13C18.9769 13 19.4246 12.5523 19.4246 12C19.4246 11.4477 18.9769 11 18.4246 11L7.83886 11L11.1317 7.70711C11.5223 7.31658 11.5223 6.68342 11.1317 6.29289C10.7412 5.90237 10.108 5.90237 9.71752 6.29289L4.76777 11.2426C4.37725 11.6332 4.37725 12.2663 4.76777 12.6569L9.71752 17.6066C10.108 17.9971 10.7412 17.9971 11.1317 17.6066C11.5223 17.2161 11.5223 16.5829 11.1317 16.1924L7.93933 13L18.4246 13Z",
+    fill: "currentColor"
+  })
+], -1)
+const ld_pagervue_type_template_id_03c82e7a_hoisted_3 = /*#__PURE__*/(0,external_vue_.createElementVNode)("div", null, null, -1)
+const ld_pagervue_type_template_id_03c82e7a_hoisted_4 = /*#__PURE__*/(0,external_vue_.createElementVNode)("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /*#__PURE__*/(0,external_vue_.createElementVNode)("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M18.4246 13C18.9769 13 19.4246 12.5523 19.4246 12C19.4246 11.4477 18.9769 11 18.4246 11L7.83886 11L11.1317 7.70711C11.5223 7.31658 11.5223 6.68342 11.1317 6.29289C10.7412 5.90237 10.108 5.90237 9.71752 6.29289L4.76777 11.2426C4.37725 11.6332 4.37725 12.2663 4.76777 12.6569L9.71752 17.6066C10.108 17.9971 10.7412 17.9971 11.1317 17.6066C11.5223 17.2161 11.5223 16.5829 11.1317 16.1924L7.93933 13L18.4246 13Z",
+    fill: "currentColor"
+  })
+], -1)
+const ld_pagervue_type_template_id_03c82e7a_hoisted_5 = /*#__PURE__*/(0,external_vue_.createElementVNode)("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /*#__PURE__*/(0,external_vue_.createElementVNode)("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M8 6C7.44771 6 7 6.44772 7 7V17C7 17.5523 7.44771 18 8 18C8.55228 18 9 17.5523 9 17V7C9 6.44772 8.55228 6 8 6ZM17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L11.3431 12.7574C10.9526 12.3668 10.9526 11.7337 11.3431 11.3431L16.2929 6.3934C16.6834 6.00287 17.3166 6.00287 17.7071 6.3934C18.0976 6.78392 18.0976 7.41709 17.7071 7.80761L13.4645 12.0503L17.7071 16.2929Z",
+    fill: "currentColor"
+  })
+], -1)
+const ld_pagervue_type_template_id_03c82e7a_hoisted_6 = {
+  key: 2,
+  id: "pager-total-count"
+}
+const ld_pagervue_type_template_id_03c82e7a_hoisted_7 = { class: "grey--text" }
+
+function ld_pagervue_type_template_id_03c82e7a_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
+  const _component_v_spacer = (0,external_vue_.resolveComponent)("v-spacer")
+  const _directive_active = (0,external_vue_.resolveDirective)("active")
+
+  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+    class: (0,external_vue_.normalizeClass)(["pager", { 'flex-column': _ctx.isMobileGlobal, 'pager--border-top': _ctx.bordered }])
+  }, [
+    (_ctx.toFirst)
+      ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+          key: 0,
+          icon: "",
+          disabled: !_ctx.canPrevious,
+          onClick: _cache[0] || (_cache[0] = $event => (_ctx.selectPage(1)))
+        }, {
+          default: (0,external_vue_.withCtx)(() => [
+            ld_pagervue_type_template_id_03c82e7a_hoisted_1
+          ]),
+          _: 1
+        }, 8, ["disabled"]))
+      : (0,external_vue_.createCommentVNode)("", true),
+    (0,external_vue_.createTextVNode)(),
+    (0,external_vue_.createVNode)(_component_square_button, {
+      icon: "",
+      disabled: !_ctx.canPrevious,
+      class: (0,external_vue_.normalizeClass)({ 'ml-1': _ctx.toFirst }),
+      onClick: _ctx.prevPage
+    }, {
+      default: (0,external_vue_.withCtx)(() => [
+        ld_pagervue_type_template_id_03c82e7a_hoisted_2
+      ]),
+      _: 1
+    }, 8, ["disabled", "class", "onClick"]),
+    (0,external_vue_.createTextVNode)(),
+    ((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.pages, (p) => {
+      return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, [
+        (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+          disabled: _ctx.pageDisabled(p.number),
+          class: "ml-1",
+          onClick: $event => (_ctx.selectPage(p.number))
+        }, {
+          default: (0,external_vue_.withCtx)(() => [
+            (0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(p.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["disabled", "onClick"])), [
+          [_directive_active, p.number === _ctx.page]
+        ]),
+        (0,external_vue_.createTextVNode)(),
+        ld_pagervue_type_template_id_03c82e7a_hoisted_3
+      ], 64))
+    }), 256)),
+    (0,external_vue_.createTextVNode)(),
+    (0,external_vue_.createVNode)(_component_square_button, {
+      icon: "",
+      disabled: !_ctx.canNext,
+      class: "ml-1",
+      style: {"transform":"rotate(180deg)"},
+      onClick: _ctx.nextPage
+    }, {
+      default: (0,external_vue_.withCtx)(() => [
+        ld_pagervue_type_template_id_03c82e7a_hoisted_4
+      ]),
+      _: 1
+    }, 8, ["disabled", "onClick"]),
+    (0,external_vue_.createTextVNode)(),
+    (_ctx.toLast)
+      ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+          key: 1,
+          icon: "",
+          disabled: !_ctx.canLast,
+          class: "ml-1",
+          style: {"transform":"rotate(180deg)"},
+          onClick: _cache[1] || (_cache[1] = $event => (_ctx.selectPage(_ctx.totalPages, true)))
+        }, {
+          default: (0,external_vue_.withCtx)(() => [
+            ld_pagervue_type_template_id_03c82e7a_hoisted_5
+          ]),
+          _: 1
+        }, 8, ["disabled"]))
+      : (0,external_vue_.createCommentVNode)("", true),
+    (0,external_vue_.createTextVNode)(),
+    (0,external_vue_.createVNode)(_component_v_spacer),
+    (0,external_vue_.createTextVNode)(),
+    (_ctx.showOnlyTotal)
+      ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_pagervue_type_template_id_03c82e7a_hoisted_6, [
+          (0,external_vue_.createElementVNode)("span", ld_pagervue_type_template_id_03c82e7a_hoisted_7, (0,external_vue_.toDisplayString)(`Всего ${_ctx._entityName}`), 1)
+        ]))
+      : (0,external_vue_.createCommentVNode)("", true)
+  ], 2))
+}
+;// 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;
+    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_pagervue_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_pagervue_type_script_lang_js_external_a, ld_pagervue_type_script_lang_js_external_b;
+
+
+
+
+class PagerComponent extends (0,external_vue_property_decorator_.mixins)(ViewportMixin) {
+    constructor() {
+        super(...arguments);
+        this.pages = [];
+        this.page = 0;
+        this.count = 0;
+        this.size = 10;
+        this.from = 1;
+        this.to = 10;
+    }
+    emitChange(value) {
+        return value;
+    }
+    onLastPageUnknownChanged() {
+        this.pages = this.calcPages();
+    }
+    onOptionsChanged() {
+        let calc = false;
+        if (this.count !== this.options.total) {
+            this.count = this.options.total;
+            calc = true;
+        }
+        if (this.size !== this.options.pageSize) {
+            this.size = this.options.pageSize ? this.options.pageSize : 10;
+            calc = true;
+        }
+        if (this.page !== this.options.page) {
+            if (this.options.page >= this.totalPages + 1) {
+                this.page = this.totalPages;
+            }
+            else {
+                this.page = this.options.page ? this.options.page : 1;
+                calc = true;
+            }
+        }
+        if (calc) {
+            this.pages = this.calcPages();
+        }
+    }
+    updateToFrom(page) {
+        const current = this.pages.find(p => p.number === page);
+        if (!current) {
+            this.from = 0;
+            this.to = 0;
+            return;
+        }
+        this.from = (current.number - 1) * this.size;
+        this.from = this.from ? this.from + 1 : 1;
+        this.to = this.from + this.size - 1;
+        this.to = this.to < this.count ? this.to : this.count;
+        if (!this.to) {
+            this.from = 0;
+        }
+    }
+    prevPage() {
+        this.selectPage(this.page - 1);
+    }
+    nextPage() {
+        this.selectPage(this.page + 1);
+    }
+    onPageSizeChange(size) {
+        setTimeout(() => this.emitChange({ page: this.page, size }), 100);
+    }
+    selectPage(page, toLast = false) {
+        if (this.pageDisabled(page)) {
+            return;
+        }
+        if (page > 0 && page <= this.totalPages && page !== this.page) {
+            this.page = page;
+            this.pages = this.calcPages(page);
+            this.updateToFrom(page);
+            this.emitChange({ page, size: this.size, toLast });
+        }
+    }
+    calcPages(page) {
+        const pages = [];
+        let startPage = 1;
+        const pagesCount = this.totalPages;
+        let endPage = pagesCount;
+        const maxSize = 5;
+        const isMaxSized = maxSize < this.totalPages;
+        page = page || this.page;
+        if (isMaxSized) {
+            startPage = page - Math.floor(maxSize / 2);
+            endPage = page + Math.floor(maxSize / 2);
+            if (startPage < 1) {
+                startPage = 1;
+                endPage = Math.min(startPage + maxSize - 1, pagesCount);
+            }
+            else if (endPage > pagesCount) {
+                startPage = Math.max(pagesCount - maxSize + 1, 1);
+                endPage = pagesCount;
+            }
+        }
+        for (let num = startPage; num <= endPage; num++) {
+            pages.push({
+                number: num,
+                text: num.toString(),
+            });
+        }
+        if (this.lastPageUnknown) {
+            pages.push({
+                number: endPage + 1,
+                text: '...',
+            });
+        }
+        return pages;
+    }
+    pageDisabled(page) {
+        if (Array.isArray(this.enabledPages) && this.enabledPages.length) {
+            return !this.enabledPages[page - 1];
+        }
+    }
+    get totalPages() {
+        const count = this.size < 1 || this.size === 0 ? 1 : Math.ceil(this.count / this.size);
+        return Math.max(count || 0, 1);
+    }
+    get canPrevious() {
+        return this.page > 1;
+    }
+    get canNext() {
+        return this.page < this.totalPages;
+    }
+    get canLast() {
+        if (Array.isArray(this.enabledPages) && this.enabledPages.length >= this.totalPages) {
+            return this.enabledPages[this.totalPages] && this.page < this.totalPages;
+        }
+        return this.page < this.totalPages;
+    }
+    get showFromTo() {
+        return !this.isMobileGlobal && this.firstVisible && this.lastVisible;
+    }
+    get showOnlyTotal() {
+        return !this.isMobileGlobal && this.count;
+    }
+    get first() {
+        return this.firstVisible ?? this.from;
+    }
+    get last() {
+        return this.lastVisible ?? this.to;
+    }
+    get _entityName() {
+        if (this.entityName instanceof Function) {
+            return this.entityName(this.contentType, this.options.total);
+        }
+        if (this.ldPagerOptions && this.ldPagerOptions.entityName instanceof Function) {
+            return Function.prototype.apply.call(this.ldPagerOptions.entityName, this, [this.contentType, this.options.total]);
+        }
+        return pluralizeNoun(this.options.total, 'элемент', 'элемента', 'элементов', true);
+    }
+}
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", typeof (ld_pagervue_type_script_lang_js_external_a = typeof TOptions !== "undefined" && TOptions) === "function" ? ld_pagervue_type_script_lang_js_external_a : Object)
+], PagerComponent.prototype, "options", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], PagerComponent.prototype, "toFirst", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], PagerComponent.prototype, "toLast", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ default: false }),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], PagerComponent.prototype, "lastPageUnknown", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", typeof (ld_pagervue_type_script_lang_js_external_b = typeof Array !== "undefined" && Array) === "function" ? ld_pagervue_type_script_lang_js_external_b : Object)
+], PagerComponent.prototype, "enabledPages", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Number)
+], PagerComponent.prototype, "firstVisible", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Number)
+], PagerComponent.prototype, "lastVisible", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Boolean)
+], PagerComponent.prototype, "bordered", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Object)
+], PagerComponent.prototype, "contentType", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Function)
+], PagerComponent.prototype, "entityName", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Inject)(),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Object)
+], PagerComponent.prototype, "ldPagerOptions", void 0);
+ld_pagervue_type_script_lang_js_external_decorate([
+    Emit('change'),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_pagervue_type_script_lang_js_external_metadata("design:paramtypes", [Object]),
+    ld_pagervue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], PagerComponent.prototype, "emitChange", null);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('lastPageUnknown'),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_pagervue_type_script_lang_js_external_metadata("design:paramtypes", []),
+    ld_pagervue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], PagerComponent.prototype, "onLastPageUnknownChanged", null);
+ld_pagervue_type_script_lang_js_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('options', { immediate: true, deep: true }),
+    ld_pagervue_type_script_lang_js_external_metadata("design:type", Function),
+    ld_pagervue_type_script_lang_js_external_metadata("design:paramtypes", []),
+    ld_pagervue_type_script_lang_js_external_metadata("design:returntype", void 0)
+], PagerComponent.prototype, "onOptionsChanged", null);
+
+;// CONCATENATED MODULE: ./src/ld-pager/ld-pager.ts?vue&type=script&lang=js&external
+ 
+;// CONCATENATED MODULE: ./src/ld-pager/ld-pager.vue
+
+
+
+
+;
+const ld_pager_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(PagerComponent, [['render',ld_pagervue_type_template_id_03c82e7a_render]])
+
+/* harmony default export */ const ld_pager = (ld_pager_exports_);
+;// CONCATENATED MODULE: ./src/ld-pager/index.ts
+
+function ld_pager_reg(vue, options) {
+    vue.component(options.aliases['ld-pager'], ld_pager);
+}
+/* harmony default export */ const src_ld_pager = (ld_pager_reg);
+
 // 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',
@@ -18434,6 +18870,7 @@ const ValidateMixinOptions = mixin;
 
 
 
+
 
 
 const ldmuiPlugin = {
@@ -18468,19 +18905,25 @@ const ldmuiPlugin = {
             'ld-switch': options.aliases?.['ld-switch'] ?? 'ld-switch',
             'ld-dialog': options.aliases?.['ld-dialog'] ?? 'ld-dialog',
             'ld-data-iterator': options.aliases?.['ld-data-iterator'] ?? 'ld-data-iterator',
+            'ld-pager': options.aliases?.['ld-pager'] ?? 'ld-pager',
         };
         vue.config.globalProperties.$utils = {
             ...src_utils_namespaceObject,
         };
+        if (options.LdPager?.entityName instanceof Function) {
+            vue.provide('ldPagerOptions', {
+                entityName: options.LdPager?.entityName
+            });
+        }
         vue.config.globalProperties.$ldmui = {
             options: (0,external_vue_.reactive)(options),
-            setup: async function () {
-                const options = await this.$ldmui.options.callback();
-                this.$ldmui.options = {
-                    ...this.$ldmui.options,
-                    ...options
-                };
-            }
+            // setup: async function () {
+            //   const options = await this.$ldmui.options.callback();
+            //   this.$ldmui.options = {
+            //     ...this.$ldmui.options,
+            //     ...options
+            //   }
+            // }
         };
         vue.directive('active', ActiveDirectiveOptions);
         const toastedOptions = {
@@ -18520,6 +18963,7 @@ const ldmuiPlugin = {
         src_ld_switch(vue, options);
         src_ld_dialog(vue, options);
         src_ld_data_iterator(vue, options);
+        src_ld_pager(vue, options);
     },
 };
 /* harmony default export */ const src = (ldmuiPlugin);

package/dist/scss/_pager.scss

@@ -0,0 +1,20 @@
+.pager {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: var(--pager-height);
+  padding: 2px 12px !important;
+  background-color: var(--white);
+  font-size: var(--font-size);
+
+  &--border-top {
+    border-top: 1px solid var(--grey-l-5);
+  }
+
+  .v-btn {
+    &.--active {
+      font-weight: 700 !important;
+      color: var(--primary) !important;
+    }
+  }
+}

package/dist/scss/_variables.scss

@@ -4,6 +4,7 @@ $border-radius: 4px !default; // радиус скругления атомар
 $chip-height: 20px !default; // высота элемента chip
 $toolbar-height: 44px !default; // высота тулбара
 $toolbar-border-radius: 8px !default; // радиус скругления тулбара
+$pager-height: 32px !default;
 
 $ld-tab-height: $input-height + 10px; // высота элемента ld-tab
 
@@ -22,6 +23,7 @@ $shadow-4: 0px 16px 20px 0px rgba(0, 0, 0, 0.20);
   --ld-tab-height: #{$ld-tab-height};
   --toolbar-height: #{$toolbar-height};
   --toolbar-border-radius: #{$toolbar-border-radius};
+  --pager-height: #{$pager-height};
   --shadow-1: #{$shadow-1};
   --shadow-2: #{$shadow-2};
   --shadow-3: #{$shadow-3};

package/dist/scss/index.scss

@@ -11,3 +11,4 @@
 @import 'toasted';
 @import 'dialogs';
 @import 'iterator';
+@import 'pager';

package/dist/types/options.d.ts

@@ -25,6 +25,7 @@ export interface ldmuiOptions {
     'ld-switch'?: string;
     'ld-dialog'?: string;
     'ld-data-iterator'?: string;
+    'ld-pager'?: string;
   },
   viewport?: {
     isMobile: string;
@@ -47,4 +48,7 @@ export interface ldmuiOptions {
   LdTabs?: {
     header: string;
   }
+  LdPager?: {
+    entityName: (contentType: unknown, count: number) => string;
+  }
 }

package/dist/types/pager.d.ts

@@ -0,0 +1,10 @@
+export interface IPagerOptions {
+  page: number;
+  pageSize: number;
+  total: number;
+}
+
+export interface IPage {
+  number: number;
+  text: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "7.23.3",
     "@floating-ui/dom": "^1.6.3",
     "@ldmjs/core": "1.0.0",
-    "@ldmjs/datatable": "1.0.6",
+    "@ldmjs/datatable": "1.0.7",
     "@popperjs/core": "^2.11.8",
     "@types/babel__core": "^7",
     "@types/babel__plugin-transform-runtime": "^7",