@factoringplus/pl-components-pack-v3 0.12.5-pre-15 → 0.12.5-pre-17

package/dist/pl-components-pack-v3.es.js

@@ -21004,7 +21004,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_e082e824_lang = "", _hoist
 }, _hoisted_7$c = {
   key: 1,
   class: "pl-autocomplete__helpertext-container"
-}, _hoisted_8$a = {
+}, _hoisted_8$b = {
   key: 0,
   class: "pl-autocomplete__error"
 }, _hoisted_9$9 = {
@@ -21234,7 +21234,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_e082e824_lang = "", _hoist
             onClickToBlur: pe
           }), null, 16, ["focus", "modelValue", "show-error"]),
           j.helpertext || L.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$c, [
-            L.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_8$a, toDisplayString(L.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_9$9, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
+            L.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_8$b, toDisplayString(L.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_9$9, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
           ])) : createCommentVNode("", !0)
         ])), [
           [
@@ -21682,7 +21682,7 @@ const PlButtonPlugin = {
 }, _hoisted_7$b = {
   key: 0,
   class: "pl-select__error"
-}, _hoisted_8$9 = {
+}, _hoisted_8$a = {
   key: 1,
   class: "pl-select__helpertext"
 }, _hoisted_9$8 = ["id"], _sfc_main$10 = {
@@ -21858,7 +21858,7 @@ const PlButtonPlugin = {
             onReset: Ie
           }), null, 16, ["focus", "model-value", "show-description", "show-error"])),
           j.helpertext || L.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$d, [
-            L.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_7$b, toDisplayString(L.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_8$9, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
+            L.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_7$b, toDisplayString(L.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_8$a, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
           ])) : createCommentVNode("", !0)
         ], 32),
         createVNode(Transition, { name: "pl-dropdown-fade" }, {
@@ -31919,7 +31919,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
       ]);
     };
   }
-}, dateSwitcher_vue_vue_type_style_index_0_lang = "", _hoisted_1$q = { class: "date-switcher__container" }, _hoisted_2$n = { class: "date-switcher date-switcher__month" }, _hoisted_3$k = { class: "date-switcher__arrow date-switcher__arrow-left" }, _hoisted_4$g = { class: "date-switcher__month-name" }, _hoisted_5$d = { class: "date-switcher__arrow date-switcher__arrow-right" }, _hoisted_6$a = { class: "date-switcher date-switcher__year" }, _hoisted_7$a = { class: "date-switcher__arrow date-switcher__arrow-left" }, _hoisted_8$8 = { class: "date-switcher__year-name" }, _hoisted_9$7 = { class: "date-switcher__arrow date-switcher__arrow-right" }, _sfc_main$J = {
+}, dateSwitcher_vue_vue_type_style_index_0_lang = "", _hoisted_1$q = { class: "date-switcher__container" }, _hoisted_2$n = { class: "date-switcher date-switcher__month" }, _hoisted_3$k = { class: "date-switcher__arrow date-switcher__arrow-left" }, _hoisted_4$g = { class: "date-switcher__month-name" }, _hoisted_5$d = { class: "date-switcher__arrow date-switcher__arrow-right" }, _hoisted_6$a = { class: "date-switcher date-switcher__year" }, _hoisted_7$a = { class: "date-switcher__arrow date-switcher__arrow-left" }, _hoisted_8$9 = { class: "date-switcher__year-name" }, _hoisted_9$7 = { class: "date-switcher__arrow date-switcher__arrow-right" }, _sfc_main$J = {
   __name: "date-switcher",
   props: {
     modelValue: String
@@ -31953,7 +31953,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
           withDirectives(createElementVNode("div", _hoisted_7$a, null, 512), [
             [de, le]
           ]),
-          createElementVNode("span", _hoisted_8$8, toDisplayString(V(unref(z).format("YYYY"))), 1),
+          createElementVNode("span", _hoisted_8$9, toDisplayString(V(unref(z).format("YYYY"))), 1),
           withDirectives(createElementVNode("div", _hoisted_9$7, null, 512), [
             [de, ue]
           ])
@@ -32530,7 +32530,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
 }, plList_vue_vue_type_style_index_0_lang = "", _hoisted_1$m = { class: "d-flex justify-content-between align-items-center" }, _hoisted_2$j = { class: "pl-list__title-container" }, _hoisted_3$g = { class: "title-text" }, _hoisted_4$d = {
   key: 0,
   class: "pl-list__subtitle"
-}, _hoisted_5$b = ["src"], _hoisted_6$9 = ["src"], _hoisted_7$9 = { class: "contentBodies mt-32" }, _hoisted_8$7 = { class: "d-flex align-items-center" }, _hoisted_9$6 = { class: "itemPhysical__left d-flex flex-column" }, _hoisted_10$6 = { class: "default-text topText" }, _hoisted_11$7 = { class: "itemPhysical__decorText" }, _hoisted_12$6 = { class: "pl-list__percent" }, _hoisted_13$5 = {
+}, _hoisted_5$b = ["src"], _hoisted_6$9 = ["src"], _hoisted_7$9 = { class: "contentBodies mt-32" }, _hoisted_8$8 = { class: "d-flex align-items-center" }, _hoisted_9$6 = { class: "itemPhysical__left d-flex flex-column" }, _hoisted_10$6 = { class: "default-text topText" }, _hoisted_11$7 = { class: "itemPhysical__decorText" }, _hoisted_12$6 = { class: "pl-list__percent" }, _hoisted_13$5 = {
   key: 0,
   class: "itemPhysical__center d-flex flex-column",
   style: { "margin-right": "auto" }
@@ -32624,7 +32624,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
           key: re.id,
           class: "itemPhysical pl-list__item-container"
         }, [
-          createElementVNode("div", _hoisted_8$7, [
+          createElementVNode("div", _hoisted_8$8, [
             createElementVNode("div", _hoisted_9$6, [
               createElementVNode("span", _hoisted_10$6, toDisplayString(re.name), 1),
               createElementVNode("span", _hoisted_11$7, toDisplayString(re.status), 1)
@@ -32678,7 +32678,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
 }, _hoisted_1$l = {
   id: "wrapperBodies",
   class: "d-flex flex-column gap-4"
-}, _hoisted_2$i = { class: "d-flex justify-content-between mt-32" }, _hoisted_3$f = { class: "d-flex justify-content-between mt-32" }, _hoisted_4$c = { class: "d-flex justify-content-between mt-32" }, _hoisted_5$a = { class: "d-flex justify-content-between mt-32" }, _hoisted_6$8 = { class: "d-flex justify-content-between mt-32" }, _hoisted_7$8 = { class: "d-flex justify-content-between mt-32" }, _hoisted_8$6 = { key: 0 }, _hoisted_9$5 = { class: "d-flex justify-content-between mt-32" }, _hoisted_10$5 = { class: "d-flex justify-content-between mt-32" }, _hoisted_11$6 = { class: "d-flex justify-content-between mt-32" }, _hoisted_12$5 = { class: "d-flex justify-content-between mt-32" }, _hoisted_13$4 = { class: "d-flex justify-content-between mt-32" }, _hoisted_14$4 = { class: "d-flex justify-content-between mt-32" }, _sfc_main$E = {
+}, _hoisted_2$i = { class: "d-flex justify-content-between mt-32" }, _hoisted_3$f = { class: "d-flex justify-content-between mt-32" }, _hoisted_4$c = { class: "d-flex justify-content-between mt-32" }, _hoisted_5$a = { class: "d-flex justify-content-between mt-32" }, _hoisted_6$8 = { class: "d-flex justify-content-between mt-32" }, _hoisted_7$8 = { class: "d-flex justify-content-between mt-32" }, _hoisted_8$7 = { key: 0 }, _hoisted_9$5 = { class: "d-flex justify-content-between mt-32" }, _hoisted_10$5 = { class: "d-flex justify-content-between mt-32" }, _hoisted_11$6 = { class: "d-flex justify-content-between mt-32" }, _hoisted_12$5 = { class: "d-flex justify-content-between mt-32" }, _hoisted_13$4 = { class: "d-flex justify-content-between mt-32" }, _hoisted_14$4 = { class: "d-flex justify-content-between mt-32" }, _sfc_main$E = {
   __name: "pl-bodies",
   props: {
     modelValue: { type: Object, required: !0 },
@@ -33073,7 +33073,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
                   class: "mt-32",
                   label: "Является бенефициаром"
                 }, null, 8, ["modelValue"]),
-                ie.value ? (openBlock(), createElementBlock("div", _hoisted_8$6, [
+                ie.value ? (openBlock(), createElementBlock("div", _hoisted_8$7, [
                   createVNode(_sfc_main$M, {
                     modelValue: unref(z).newFounder.doc,
                     "onUpdate:modelValue": de[37] || (de[37] = (_e) => unref(z).newFounder.doc = _e),
@@ -33454,7 +33454,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
 }, plFormMenu_vue_vue_type_style_index_0_lang = "", _hoisted_1$j = {
   id: "form-menu",
   class: "container padding-menu pt-3 pb-3 h-100"
-}, _hoisted_2$g = { class: "d-grid gap-52 justify-content-center h-100" }, _hoisted_3$e = { class: "d-grid top-section gap-6" }, _hoisted_4$b = { href: "#" }, _hoisted_5$9 = ["src"], _hoisted_6$7 = { href: "#" }, _hoisted_7$7 = ["src"], _hoisted_8$5 = { href: "#" }, _hoisted_9$4 = ["src"], _hoisted_10$4 = /* @__PURE__ */ createElementVNode("div", { class: "decor" }, null, -1), _hoisted_11$5 = {
+}, _hoisted_2$g = { class: "d-grid gap-52 justify-content-center h-100" }, _hoisted_3$e = { class: "d-grid top-section gap-6" }, _hoisted_4$b = { href: "#" }, _hoisted_5$9 = ["src"], _hoisted_6$7 = { href: "#" }, _hoisted_7$7 = ["src"], _hoisted_8$6 = { href: "#" }, _hoisted_9$4 = ["src"], _hoisted_10$4 = /* @__PURE__ */ createElementVNode("div", { class: "decor" }, null, -1), _hoisted_11$5 = {
   class: "mt-auto",
   href: "#"
 }, _hoisted_12$4 = ["src"], _sfc_main$C = {
@@ -33476,7 +33476,7 @@ const PLChevron = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_rend
               alt: "share"
             }, null, 8, _hoisted_7$7)
           ]),
-          createElementVNode("a", _hoisted_8$5, [
+          createElementVNode("a", _hoisted_8$6, [
             createElementVNode("img", {
               src: unref(z),
               alt: "support"
@@ -34053,7 +34053,7 @@ const PlQuestionnairePlugin = {
 ], _hoisted_7$5 = {
   key: 1,
   class: "stepper-figure"
-}, _hoisted_8$4 = { class: "stepper-figure__progress" }, _hoisted_9$3 = {
+}, _hoisted_8$5 = { class: "stepper-figure__progress" }, _hoisted_9$3 = {
   key: 2,
   class: "stepper-title__container"
 }, _hoisted_10$3 = { key: 0 }, _hoisted_11$4 = { key: 1 }, _hoisted_12$3 = { key: 0 }, _hoisted_13$3 = { key: 1 }, _hoisted_14$3 = { key: 0 }, _hoisted_15$2 = {
@@ -34142,7 +34142,7 @@ const PlQuestionnairePlugin = {
                 "stepper-figure__circle_checked": ie(Ne, re.value)
               }])
             }, null, 2),
-            createElementVNode("div", _hoisted_8$4, [
+            createElementVNode("div", _hoisted_8$5, [
               createElementVNode("div", {
                 class: "stepper-figure__progress-inner",
                 style: normalizeStyle(`width: ${ie(Ne, re.value) ? le.value.progress : 0}%;`)
@@ -34940,7 +34940,7 @@ var objectSupport$1 = { exports: {} };
   });
 })(objectSupport$1);
 var objectSupportExports = objectSupport$1.exports;
-const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports), plDatePickerRange_vue_vue_type_style_index_0_scoped_bb4a2e93_lang = "", _withScopeId = (g) => (pushScopeId("data-v-bb4a2e93"), g = g(), popScopeId(), g), _hoisted_1$d = ["id"], _hoisted_2$b = ["src"], _hoisted_3$9 = { class: "date-switcher__container flex-column" }, _hoisted_4$6 = { class: "d-flex pb-6 justify-content-between" }, _hoisted_5$4 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_6$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Начало периода", -1)), _hoisted_7$4 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_8$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Конец периода", -1)), _hoisted_9$2 = { class: "d-flex pt-2 justify-content-between" }, _hoisted_10$2 = { class: "date-switcher date-switcher__month" }, _hoisted_11$3 = { class: "date-switcher__month-name" }, _hoisted_12$2 = { class: "date-switcher date-switcher__year" }, _hoisted_13$2 = { class: "date-switcher__year-name" }, _hoisted_14$2 = { class: "pl-date-picker__days" }, _hoisted_15$1 = ["onClick", "onMousemove"], _hoisted_16$1 = { class: "field" }, _hoisted_17$1 = { class: "pl-date-picker__buttons" }, _sfc_main$w = {
+const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports), plDatePickerRange_vue_vue_type_style_index_0_scoped_bb4a2e93_lang = "", _withScopeId = (g) => (pushScopeId("data-v-bb4a2e93"), g = g(), popScopeId(), g), _hoisted_1$d = ["id"], _hoisted_2$b = ["src"], _hoisted_3$9 = { class: "date-switcher__container flex-column" }, _hoisted_4$6 = { class: "d-flex pb-6 justify-content-between" }, _hoisted_5$4 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_6$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Начало периода", -1)), _hoisted_7$4 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_8$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Конец периода", -1)), _hoisted_9$2 = { class: "d-flex pt-2 justify-content-between" }, _hoisted_10$2 = { class: "date-switcher date-switcher__month" }, _hoisted_11$3 = { class: "date-switcher__month-name" }, _hoisted_12$2 = { class: "date-switcher date-switcher__year" }, _hoisted_13$2 = { class: "date-switcher__year-name" }, _hoisted_14$2 = { class: "pl-date-picker__days" }, _hoisted_15$1 = ["onClick", "onMousemove"], _hoisted_16$1 = { class: "field" }, _hoisted_17$1 = { class: "pl-date-picker__buttons" }, _sfc_main$w = {
   __name: "pl-date-picker-range",
   props: {
     modelValue: {
@@ -35191,7 +35191,7 @@ const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExpor
                   ])
                 ]),
                 createElementVNode("div", _hoisted_7$4, [
-                  _hoisted_8$3,
+                  _hoisted_8$4,
                   withDirectives(createVNode(Qn, {
                     id: "date-mask",
                     modelValue: Ce.value,
@@ -35332,7 +35332,7 @@ var quarterOfYearExports = quarterOfYear$1.exports;
 const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExports), _hoisted_1$c = ["id"], _hoisted_2$a = {
   key: 0,
   class: "pl-date-picker-range__period-list"
-}, _hoisted_3$8 = { class: "pl-date-picker-range__calendar" }, _hoisted_4$5 = { class: "pl-date-picker-range__switcher" }, _hoisted_5$3 = { class: "pl-date-picker-range__switcher-icons pl-date-picker-range__switcher-icons_left" }, _hoisted_6$3 = { class: "pl-date-picker-range__switcher-text" }, _hoisted_7$3 = { class: "pl-date-picker-range__days-container" }, _hoisted_8$2 = ["onMouseenter"], _hoisted_9$1 = {
+}, _hoisted_3$8 = { class: "pl-date-picker-range__calendar" }, _hoisted_4$5 = { class: "pl-date-picker-range__switcher" }, _hoisted_5$3 = { class: "pl-date-picker-range__switcher-icons pl-date-picker-range__switcher-icons_left" }, _hoisted_6$3 = { class: "pl-date-picker-range__switcher-text" }, _hoisted_7$3 = { class: "pl-date-picker-range__days-container" }, _hoisted_8$3 = ["onMouseenter"], _hoisted_9$1 = {
   key: 0,
   class: "pl-date-picker-range__calendar"
 }, _hoisted_10$1 = { class: "pl-date-picker-range__switcher" }, _hoisted_11$2 = { class: "pl-date-picker-range__switcher-text" }, _hoisted_12$1 = { class: "pl-date-picker-range__switcher-icons pl-date-picker-range__switcher-icons_right" }, _hoisted_13$1 = { class: "pl-date-picker-range__days-container" }, _hoisted_14$1 = ["onMouseenter"], leftFrame = "pl-date-picker-range__days_month-range-left", rightFrame = "pl-date-picker-range__days_month-range-right", circleBackGround = "pl-date-picker-range__days_month-circle", _sfc_main$t = /* @__PURE__ */ defineComponent({
@@ -35695,7 +35695,7 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
                         _: 2
                       }, 1024)
                     ], 2)
-                  ], 42, _hoisted_8$2)), [
+                  ], 42, _hoisted_8$3)), [
                     [Kn, () => Lt(Rn) ? mr(Rn) : ""]
                   ])), 128))
                 ])
@@ -36430,7 +36430,7 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1
 }, _hoisted_7$2 = {
   key: 0,
   class: "pl-snackbar__btn"
-}, _hoisted_8$1 = { class: "pl-snackbar__close" }, _sfc_main$4 = {
+}, _hoisted_8$2 = { class: "pl-snackbar__close" }, _sfc_main$4 = {
   __name: "pl-snackbar",
   props: {
     id: {
@@ -36533,7 +36533,7 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1
               })) : createCommentVNode("", !0)
             ])) : createCommentVNode("", !0)
           ]),
-          createElementVNode("div", _hoisted_8$1, [
+          createElementVNode("div", _hoisted_8$2, [
             createVNode(_sfc_main$1r, {
               color: "var(--color-text-icons-tertiary)",
               name: "Close20",
@@ -36623,16 +36623,16 @@ const closeSnackbar = (g) => {
       class: normalizeClass(`pl-skeleton__${y.variant}`)
     }, null, 6));
   }
-}), plSkeleton_vue_vue_type_style_index_0_lang = "", _hoisted_1$2 = { class: "table-row" }, _hoisted_2$2 = {
+}), plSkeleton_vue_vue_type_style_index_0_lang = "", _hoisted_1$2 = { class: "table-row" }, _hoisted_2$2 = { class: "d-grid flex-grow-1 py-xs-4 row-gap-xs-6" }, _hoisted_3$1 = {
   key: 0,
-  class: "table-cell pr-10"
-}, _hoisted_3$1 = {
-  key: 1,
   class: "d-flex align-content-start gap-4"
 }, _hoisted_4$1 = { class: "flex-grow-1" }, _hoisted_5$1 = {
+  key: 0,
+  class: "table-cell pr-10"
+}, _hoisted_6$1 = {
   key: 0,
   style: { width: "140px" }
-}, _hoisted_6$1 = { class: "flex-xs-grow-1" }, _hoisted_7$1 = { key: 2 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}, _hoisted_7$1 = { class: "flex-xs-grow-1" }, _hoisted_8$1 = { key: 2 }, _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "row-mask",
   props: {
     isSelectable: { type: Boolean, default: !1 },
@@ -36644,23 +36644,14 @@ const closeSnackbar = (g) => {
   setup(g) {
     const y = g, { width: j } = useWindowSize();
     return (z, L) => (openBlock(), createElementBlock("div", _hoisted_1$2, [
-      createElementVNode("div", {
-        class: "d-grid flex-grow-1 py-xs-4 row-gap-xs-6",
-        style: normalizeStyle(y.tableStyle)
-      }, [
-        y.isSelectable && unref(j) > 730 ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-          createVNode(_sfc_main$3, {
-            width: "20px",
-            height: "20px",
-            variant: "button"
-          })
-        ])) : createCommentVNode("", !0),
+      createElementVNode("div", _hoisted_2$2, [
         unref(j) <= 730 && y.mobileTop ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-          createVNode(_sfc_main$3, {
+          y.isSelectable ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 0,
             width: "20px",
             height: "20px",
             variant: "button"
-          }),
+          })) : createCommentVNode("", !0),
           createElementVNode("div", _hoisted_4$1, [
             createVNode(_sfc_main$3, {
               variant: "p",
@@ -36668,31 +36659,44 @@ const closeSnackbar = (g) => {
             })
           ])
         ])) : createCommentVNode("", !0),
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(y.headers, (V, re) => (openBlock(), createElementBlock("div", {
-          key: re,
-          class: "table-cell"
+        y.headers.length ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "d-grid gap-xs-1 row-gap-xs-1",
+          style: normalizeStyle(y.tableStyle)
         }, [
-          unref(j) <= 730 && (V != null && V.label) ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+          y.isSelectable && unref(j) > 730 ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
             createVNode(_sfc_main$3, {
-              variant: "p",
-              width: "70%"
+              width: "20px",
+              height: "20px",
+              variant: "button"
             })
           ])) : createCommentVNode("", !0),
-          createElementVNode("div", _hoisted_6$1, [
-            createVNode(_sfc_main$3, {
-              variant: "p",
-              width: `${unref(j) > 730 && (V != null && V.maxWidthContent) ? V.maxWidthContent : "70%"}`,
-              class: normalizeClass({ "ml-auto": unref(j) <= 730 })
-            }, null, 8, ["width", "class"])
-          ])
-        ]))), 128)),
-        unref(j) <= 730 && y.mobileBottom ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(y.headers, (V, re) => (openBlock(), createElementBlock("div", {
+            key: re,
+            class: "table-cell"
+          }, [
+            unref(j) <= 730 && (V != null && V.label) ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+              createVNode(_sfc_main$3, {
+                variant: "p",
+                width: "70%"
+              })
+            ])) : createCommentVNode("", !0),
+            createElementVNode("div", _hoisted_7$1, [
+              createVNode(_sfc_main$3, {
+                variant: "p",
+                width: `${unref(j) > 730 && (V != null && V.maxWidthContent) ? V.maxWidthContent : "70%"}`,
+                class: normalizeClass({ "ml-auto": unref(j) <= 730 })
+              }, null, 8, ["width", "class"])
+            ])
+          ]))), 128))
+        ], 4)) : createCommentVNode("", !0),
+        unref(j) <= 730 && y.mobileBottom ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
           createVNode(_sfc_main$3, {
             variant: "p",
             width: "70%"
           })
         ])) : createCommentVNode("", !0)
-      ], 4)
+      ])
     ]));
   }
 }), _sfc_main$1 = {}, _hoisted_1$1 = {
@@ -36749,7 +36753,7 @@ const NoDataLoop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_ren
     rows: { default: () => [] },
     isLoading: { type: Boolean, default: !1 },
     withHover: { type: Boolean },
-    isSelectable: { type: Boolean },
+    isSelectable: { type: Boolean, default: !1 },
     selectedRows: { default: () => [] },
     uniqKey: { default: "" },
     defaultWrapperWidth: { default: null }