@oniti/quasar-ui-vlank-collection-crud 3.7.53 → 3.7.55

package/dist/index.umd.js

@@ -1,14 +1,14 @@
 /*!
- * @oniti/quasar-ui-vlank-collection-crud v3.7.52
+ * @oniti/quasar-ui-vlank-collection-crud v3.7.54
  * (c) 2025 Oniti
  * Released under the MIT License.
  */
 
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('quasar'), require('@oniti/oniti-helpers'), require('oniti-sse-client'), require('vuex'), require('vue-router'), require('vlank-collection-crud-forms')) :
-  typeof define === 'function' && define.amd ? define(['vue', 'quasar', '@oniti/oniti-helpers', 'oniti-sse-client', 'vuex', 'vue-router', 'vlank-collection-crud-forms'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.global = factory(global.Vue, global.Quasar, global.onitiHelpers, global.onitiSseClient, global.vuex, global.vueRouter, global.Components));
-})(this, (function (vue, quasar, onitiHelpers, onitiSseClient, vuex, vueRouter, Components) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue'), require('quasar'), require('@oniti/oniti-helpers'), require('oniti-sse-client'), require('axios-oniti'), require('vuex'), require('vue-router'), require('vlank-collection-crud-forms')) :
+  typeof define === 'function' && define.amd ? define(['vue', 'quasar', '@oniti/oniti-helpers', 'oniti-sse-client', 'axios-oniti', 'vuex', 'vue-router', 'vlank-collection-crud-forms'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.global = factory(global.Vue, global.Quasar, global.onitiHelpers, global.onitiSseClient, global.axiosOniti, global.vuex, global.vueRouter, global.Components));
+})(this, (function (vue, quasar, onitiHelpers, onitiSseClient, axiosOniti, vuex, vueRouter, Components) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -616,6 +616,9 @@
       },
       propsLibelleTitle: null,
       customCreateButtonText: null,
+      exportOptions: {
+        enabled: false,
+      },
     };
 
     /**
@@ -685,6 +688,10 @@
       var rightName = getRightName("create");
       return props.value.showBtnCreate && (!rightName || $auth.check(rightName));
     });
+    var showBtnExport = vue.computed(function () {
+      // TODO: check a specific 'export' right?
+      return props.value.exportOptions && props.value.exportOptions.enabled;
+    });
     var editOnTable = vue.computed(function () {
       return props.value.editMode === "table" && showBtnEdit.value;
     });
@@ -697,6 +704,7 @@
       showBtnEditPage: showBtnEditPage,
       showBtnEditModal: showBtnEditModal,
       showBtnCreatePage: showBtnCreatePage,
+      showBtnExport: showBtnExport,
       editOnTable: editOnTable,
     };
   }
@@ -1286,6 +1294,72 @@
       }
   }
 
+  function useExportCSV(props, pagination, filter) {
+    var $collectionCrud = vue.inject('vlank-ccrud');
+    var $q = quasar.useQuasar();
+
+    function showDlFailure() {
+      $q.notify({
+        message: 'Téléchargement impossible',
+        color: 'negative',
+        icon: 'warning'
+      });
+    }
+
+    function doExport() {
+      var exportParams = {
+        'primaryFieldSearch': $collectionCrud.getRouteParameterName(props.value.collection),
+        'sortBy': pagination.value.sortBy,
+        'descending': pagination.value.descending,
+        'filter': filter.value,
+      };
+
+      var options = props.value.exportOptions;
+      var url = (options && options.url) ? options.url : ("/" + (props.value.collection) + "/export");
+
+      axiosOniti.axiosClient
+        .get(url, {
+          params: exportParams,
+          responseType: 'blob',
+        })
+        .then(function (response) {
+          var contentDisposition = response.headers['content-disposition'];
+          if (!contentDisposition) {
+            showDlFailure();
+            console.error('No Content-Disposition header found (see exposed_headers in config/cors.php)');
+            return
+          }
+
+          var parts = contentDisposition.split('filename=');
+          if (parts.length !== 2) {
+            showDlFailure();
+            console.error('Invalid content-disposition header (missing filename)');
+            return
+          }
+
+          var filename = parts[1];
+          var mime = response.data.type;
+
+          var status = quasar.exportFile(
+            filename,
+            response.data,
+            mime
+          );
+
+          if (status !== true) {
+            showDlFailure();
+          }
+        })
+        .catch(function () {
+          showDlFailure();
+        });
+    }
+
+    return {
+      doExport: doExport
+    }
+  }
+
   var _hoisted_1$2 = { class: "col" };
   var _hoisted_2$2 = { key: 1 };
   var _hoisted_3$2 = { key: 2 };
@@ -1363,6 +1437,7 @@
       type: Function,
       default: null
     },
+    exportOptions: Object,
   },
     emits: [
     "detailChange",
@@ -1419,6 +1494,7 @@
   var showBtnEditPage = ref$3.showBtnEditPage;
   var showBtnEditModal = ref$3.showBtnEditModal;
   var showBtnCreatePage = ref$3.showBtnCreatePage;
+  var showBtnExport = ref$3.showBtnExport;
   var editOnTable = ref$3.editOnTable;
 
   var ref$4 = useTable(props, $slots, showBtnEdit, showBtnDelete);
@@ -1565,331 +1641,349 @@
     filter.value = "";
   }
 
+  var ref$9 = useExportCSV(props, pagination, filter);
+  var doExport = ref$9.doExport;
+
+
   return function (_ctx, _cache) {
     return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-      (vue.unref(rows))
-        ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QTable), vue.mergeProps({
-            key: 0,
-            flat: "",
-            rows: vue.unref(rows)
-          }, vue.unref(table), {
-            filter: filter.value,
-            onRequest: vue.unref(asyncRequest),
-            ref_key: "ccrudTable",
-            ref: ccrudTable,
-            pagination: vue.unref(pagination),
-            "onUpdate:pagination": _cache[1] || (_cache[1] = function ($event) { return (vue.isRef(pagination) ? (pagination).value = $event : null); }),
-            selection: vue.unref(selectionMode),
-            selected: vue.unref(selectedData),
-            "onUpdate:selected": _cache[2] || (_cache[2] = function ($event) { return (vue.isRef(selectedData) ? (selectedData).value = $event : null); })
-          }), vue.createSlots({
-            "top-left": vue.withCtx(function () { return [
-              vue.createElementVNode("div", null, [
-                vue.renderSlot(_ctx.$slots, "top-left-content")
-              ])
-            ]; }),
-            "top-right": vue.withCtx(function () { return [
-              vue.createElementVNode("div", _hoisted_6, [
-                vue.createElementVNode("div", _hoisted_7, [
-                  (vue.unref(showInputSearch))
-                    ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QInput), {
-                        key: 0,
-                        dense: "",
-                        debounce: "300",
-                        modelValue: filter.value,
-                        "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((filter).value = $event); }),
-                        placeholder: "Recherche",
-                        outlined: "",
-                        rounded: isMobile.value,
-                        style: {"width":"180px"}
-                      }, {
-                        append: vue.withCtx(function () { return [
-                          (filter.value)
-                            ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                                key: 0,
-                                dense: "",
-                                flat: "",
-                                round: "",
-                                icon: "mdi-close",
-                                onClick: onClearSearchHandler
-                              }))
-                            : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QIcon), {
-                                key: 1,
-                                name: "search"
-                              }))
-                        ]; }),
-                        _: 1 /* STABLE */
-                      }, 8 /* PROPS */, ["modelValue", "rounded"]))
-                    : vue.createCommentVNode("v-if", true),
-                  (vue.unref(showBtnCreatePage))
-                    ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                        key: 1,
-                        type: "a",
-                        to: { name: vue.unref(collectionCreateNamedRoute) },
-                        label: vue.unref(customCreateButtonText) ? vue.unref(customCreateButtonText) : null,
-                        icon: "add",
-                        color: "primary",
-                        style: {"margin-left":"1em"},
-                        square: ""
-                      }, {
-                        default: vue.withCtx(function () { return [
-                          vue.renderSlot(_ctx.$slots, "create-btn-tooltip")
-                        ]; }),
-                        _: 3 /* FORWARDED */
-                      }, 8 /* PROPS */, ["to", "label"]))
-                    : (vue.unref(showBtnCreate))
-                      ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                          key: 2,
-                          label: vue.unref(customCreateButtonText) ? vue.unref(customCreateButtonText) : null,
-                          icon: "add",
-                          color: "primary",
-                          style: {"margin-left":"1em"},
-                          onClick: vue.unref(onClickAdd),
-                          square: ""
-                        }, {
-                          default: vue.withCtx(function () { return [
-                            vue.renderSlot(_ctx.$slots, "create-btn-tooltip")
-                          ]; }),
-                          _: 3 /* FORWARDED */
-                        }, 8 /* PROPS */, ["label", "onClick"]))
-                      : vue.createCommentVNode("v-if", true),
-                  vue.renderSlot(_ctx.$slots, "top-right-after-add")
-                ]),
-                vue.createElementVNode("div", _hoisted_8, [
-                  vue.renderSlot(_ctx.$slots, "top-right-under-add")
-                ])
-              ])
-            ]; }),
-            "body-cell-actions-vlank": vue.withCtx(function (props) {
-              var obj, obj$1;
-
-              return [
-              vue.createElementVNode("td", {
-                props: props,
-                class: vue.normalizeClass('action-buttons' + vue.unref(getAdditionalClassActionBtns)(props.row))
-              }, [
-                vue.renderSlot(_ctx.$slots, "row-action-before-controllers", {
-                      key: 0,
-                      data: props.row
-                    })
-                  ,
-                (vue.unref(showBtnEditModal) && __props.displayActionCallback(props.row, 'edit'))
-                  ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                      key: 1,
-                      onClick: function ($event) { return (vue.unref(onClickEdit)(props.row)); },
-                      color: "primary",
-                      icon: "edit",
-                      flat: "",
-                      round: isMobile.value
-                    }, null, 8 /* PROPS */, ["onClick", "round"]))
-                  : (vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'edit'))
-                    ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                        key: 2,
-                        type: "a",
-                        to: { name: vue.unref(collectionEditNamedRoute), params: ( obj = {}, obj[vue.unref(route_parameter_name)] = props.row[vue.unref(route_parameter_name)], obj ) },
-                        color: "primary",
-                        icon: "edit",
-                        flat: "",
-                        round: isMobile.value
-                      }, null, 8 /* PROPS */, ["to", "round"]))
-                    : vue.createCommentVNode("v-if", true),
-                (!__props.editablePage && vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'show'))
+      vue.createVNode(vue.unref(quasar.QTable), vue.mergeProps({
+        flat: "",
+        rows: vue.unref(rows)
+      }, vue.unref(table), {
+        filter: filter.value,
+        onRequest: vue.unref(asyncRequest),
+        ref_key: "ccrudTable",
+        ref: ccrudTable,
+        pagination: vue.unref(pagination),
+        "onUpdate:pagination": _cache[1] || (_cache[1] = function ($event) { return (vue.isRef(pagination) ? (pagination).value = $event : null); }),
+        selection: vue.unref(selectionMode),
+        selected: vue.unref(selectedData),
+        "onUpdate:selected": _cache[2] || (_cache[2] = function ($event) { return (vue.isRef(selectedData) ? (selectedData).value = $event : null); })
+      }), vue.createSlots({
+        "top-left": vue.withCtx(function () { return [
+          vue.createElementVNode("div", null, [
+            vue.renderSlot(_ctx.$slots, "top-left-content")
+          ])
+        ]; }),
+        "top-right": vue.withCtx(function () { return [
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_7, [
+              (vue.unref(showInputSearch))
+                ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QInput), {
+                    key: 0,
+                    dense: "",
+                    debounce: "300",
+                    modelValue: filter.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((filter).value = $event); }),
+                    placeholder: "Recherche",
+                    outlined: "",
+                    rounded: isMobile.value,
+                    style: {"width":"180px"}
+                  }, {
+                    append: vue.withCtx(function () { return [
+                      (filter.value)
+                        ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                            key: 0,
+                            dense: "",
+                            flat: "",
+                            round: "",
+                            icon: "mdi-close",
+                            onClick: onClearSearchHandler
+                          }))
+                        : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QIcon), {
+                            key: 1,
+                            name: "search"
+                          }))
+                    ]; }),
+                    _: 1 /* STABLE */
+                  }, 8 /* PROPS */, ["modelValue", "rounded"]))
+                : vue.createCommentVNode("v-if", true),
+              (vue.unref(showBtnExport))
+                ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                    key: 1,
+                    onClick: vue.unref(doExport),
+                    color: "primary",
+                    icon:  __props.exportOptions.icon ? __props.exportOptions.icon : 'mdi-file-download',
+                    flat: __props.exportOptions.flat !== undefined ? __props.exportOptions.flat : true,
+                    label: __props.exportOptions.label ? __props.exportOptions.label : null,
+                    style: {"margin-left":"1em"},
+                    square: ""
+                  }, {
+                    default: vue.withCtx(function () { return [
+                      vue.renderSlot(_ctx.$slots, "export-btn-tooltip")
+                    ]; }),
+                    _: 3 /* FORWARDED */
+                  }, 8 /* PROPS */, ["onClick", "icon", "flat", "label"]))
+                : vue.createCommentVNode("v-if", true),
+              (vue.unref(showBtnCreatePage))
+                ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                    key: 2,
+                    type: "a",
+                    to: { name: vue.unref(collectionCreateNamedRoute) },
+                    label: vue.unref(customCreateButtonText) ? vue.unref(customCreateButtonText) : null,
+                    icon: "add",
+                    color: "primary",
+                    style: {"margin-left":"1em"},
+                    square: ""
+                  }, {
+                    default: vue.withCtx(function () { return [
+                      vue.renderSlot(_ctx.$slots, "create-btn-tooltip")
+                    ]; }),
+                    _: 3 /* FORWARDED */
+                  }, 8 /* PROPS */, ["to", "label"]))
+                : (vue.unref(showBtnCreate))
                   ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                       key: 3,
-                      type: "a",
-                      to: { name: vue.unref(collectionEditNamedRoute), params: ( obj$1 = {}, obj$1[vue.unref(route_parameter_name)] = props.row[vue.unref(route_parameter_name)], obj$1 ) },
+                      label: vue.unref(customCreateButtonText) ? vue.unref(customCreateButtonText) : null,
+                      icon: "add",
                       color: "primary",
-                      icon: "mdi-magnify-plus-outline",
-                      flat: ""
-                    }, null, 8 /* PROPS */, ["to"]))
-                  : vue.createCommentVNode("v-if", true),
-                (vue.unref(showBtnDelete) && __props.displayActionCallback(props.row, 'delete'))
-                  ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
-                      key: 4,
-                      onClick: function ($event) { return (vue.unref(onClickDelete)(props.row)); },
-                      color: "negative",
-                      icon: "delete",
-                      flat: "",
-                      round: isMobile.value
-                    }, null, 8 /* PROPS */, ["onClick", "round"]))
+                      style: {"margin-left":"1em"},
+                      onClick: vue.unref(onClickAdd),
+                      square: ""
+                    }, {
+                      default: vue.withCtx(function () { return [
+                        vue.renderSlot(_ctx.$slots, "create-btn-tooltip")
+                      ]; }),
+                      _: 3 /* FORWARDED */
+                    }, 8 /* PROPS */, ["label", "onClick"]))
                   : vue.createCommentVNode("v-if", true),
-                vue.renderSlot(_ctx.$slots, "row-action-after-controllers", {
+              vue.renderSlot(_ctx.$slots, "top-right-after-add")
+            ]),
+            vue.createElementVNode("div", _hoisted_8, [
+              vue.renderSlot(_ctx.$slots, "top-right-under-add")
+            ])
+          ])
+        ]; }),
+        "body-cell-actions-vlank": vue.withCtx(function (props) {
+          var obj, obj$1;
+
+          return [
+          vue.createElementVNode("td", {
+            props: props,
+            class: vue.normalizeClass('action-buttons' + vue.unref(getAdditionalClassActionBtns)(props.row))
+          }, [
+            vue.renderSlot(_ctx.$slots, "row-action-before-controllers", {
+                  key: 0,
                   data: props.row
                 })
-              ], 10 /* CLASS, PROPS */, _hoisted_9)
-            ];
+              ,
+            (vue.unref(showBtnEditModal) && __props.displayActionCallback(props.row, 'edit'))
+              ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                  key: 1,
+                  onClick: function ($event) { return (vue.unref(onClickEdit)(props.row)); },
+                  color: "primary",
+                  icon: "edit",
+                  flat: "",
+                  round: isMobile.value
+                }, null, 8 /* PROPS */, ["onClick", "round"]))
+              : (vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'edit'))
+                ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                    key: 2,
+                    type: "a",
+                    to: { name: vue.unref(collectionEditNamedRoute), params: ( obj = {}, obj[vue.unref(route_parameter_name)] = props.row[vue.unref(route_parameter_name)], obj ) },
+                    color: "primary",
+                    icon: "edit",
+                    flat: "",
+                    round: isMobile.value
+                  }, null, 8 /* PROPS */, ["to", "round"]))
+                : vue.createCommentVNode("v-if", true),
+            (!__props.editablePage && vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'show'))
+              ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                  key: 3,
+                  type: "a",
+                  to: { name: vue.unref(collectionEditNamedRoute), params: ( obj$1 = {}, obj$1[vue.unref(route_parameter_name)] = props.row[vue.unref(route_parameter_name)], obj$1 ) },
+                  color: "primary",
+                  icon: "mdi-magnify-plus-outline",
+                  flat: ""
+                }, null, 8 /* PROPS */, ["to"]))
+              : vue.createCommentVNode("v-if", true),
+            (vue.unref(showBtnDelete) && __props.displayActionCallback(props.row, 'delete'))
+              ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
+                  key: 4,
+                  onClick: function ($event) { return (vue.unref(onClickDelete)(props.row)); },
+                  color: "negative",
+                  icon: "delete",
+                  flat: "",
+                  round: isMobile.value
+                }, null, 8 /* PROPS */, ["onClick", "round"]))
+              : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "row-action-after-controllers", {
+              data: props.row
+            })
+          ], 10 /* CLASS, PROPS */, _hoisted_9)
+        ];
     }),
-            _: 2 /* DYNAMIC */
-          }, [
-            (isMobile.value)
-              ? {
-                  name: "header",
-                  fn: vue.withCtx(function (props) { return []; }),
-                  key: "0"
-                }
-              : undefined,
-            (isMobile.value)
-              ? {
-                  name: "body",
-                  fn: vue.withCtx(function (props) { return [
-                    vue.createVNode(vue.unref(quasar.QSlideItem), {
-                      ref_key: "mobileSlideItem",
-                      ref: mobileSlideItem,
-                      onLeft: function (element) { return onSlideLeft(element, props.row); },
-                      onRight: function (element) { return onSlideRight(element, props.row); },
-                      onSlide: onSlide,
-                      reset: "",
-                      "right-color": "negative",
-                      "left-color": "accent"
-                    }, vue.createSlots({
+        _: 2 /* DYNAMIC */
+      }, [
+        (isMobile.value)
+          ? {
+              name: "header",
+              fn: vue.withCtx(function (props) { return []; }),
+              key: "0"
+            }
+          : undefined,
+        (isMobile.value)
+          ? {
+              name: "body",
+              fn: vue.withCtx(function (props) { return [
+                vue.createVNode(vue.unref(quasar.QSlideItem), {
+                  ref_key: "mobileSlideItem",
+                  ref: mobileSlideItem,
+                  onLeft: function (element) { return onSlideLeft(element, props.row); },
+                  onRight: function (element) { return onSlideRight(element, props.row); },
+                  onSlide: onSlide,
+                  reset: "",
+                  "right-color": "negative",
+                  "left-color": "accent"
+                }, vue.createSlots({
+                  default: vue.withCtx(function () { return [
+                    vue.createVNode(vue.unref(quasar.QItem), {
+                      style: {"align-items":"center"},
+                      class: vue.normalizeClass('mobile-item' + vue.unref(getAdditionalClassActionBtns)(props.row))
+                    }, {
                       default: vue.withCtx(function () { return [
-                        vue.createVNode(vue.unref(quasar.QItem), {
-                          style: {"align-items":"center"},
-                          class: vue.normalizeClass('mobile-item' + vue.unref(getAdditionalClassActionBtns)(props.row))
+                        vue.createCommentVNode(" On affiche la première colonne seulement et on garde celle des actions "),
+                        vue.createVNode(vue.unref(quasar.QItemSection), {
+                          class: "mobile-item-content",
+                          onClick: function ($event) { return (vue.unref(showBtnEdit) ? onClickRow(props.row) : ''); }
                         }, {
                           default: vue.withCtx(function () { return [
-                            vue.createCommentVNode(" On affiche la première colonne seulement et on garde celle des actions "),
-                            vue.createVNode(vue.unref(quasar.QItemSection), {
-                              class: "mobile-item-content",
-                              onClick: function ($event) { return (vue.unref(showBtnEdit) ? onClickRow(props.row) : ''); }
-                            }, {
-                              default: vue.withCtx(function () { return [
-                                (vue.unref($slots)['body-cell-mobile'])
-                                  ? vue.renderSlot(_ctx.$slots, "body-cell-mobile", {
-                                      key: 0,
-                                      data: props.row,
-                                      class: "body-cell-mobile"
-                                    })
-                                  : (mobileColumn.value)
-                                    ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(props.cols.filter(function (col) { return col.name === mobileColumn.value.name; })[0].value), 1 /* TEXT */))
-                                    : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(props.cols[0].value), 1 /* TEXT */))
-                              ]; }),
-                              _: 2 /* DYNAMIC */
-                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]),
-                            vue.createVNode(vue.unref(quasar.QItemSection), {
-                              style: {"display":"flex","flex-direction":"row","align-items":"center"},
-                              side: ""
-                            }, {
-                              default: vue.withCtx(function () { return [
-                                vue.renderSlot(_ctx.$slots, "row-action-before-controllers", {
-                                      key: 0,
-                                      data: props.row
-                                    })
-                                  
-                              ]; }),
-                              _: 2 /* DYNAMIC */
-                            }, 1024 /* DYNAMIC_SLOTS */)
+                            (vue.unref($slots)['body-cell-mobile'])
+                              ? vue.renderSlot(_ctx.$slots, "body-cell-mobile", {
+                                  key: 0,
+                                  data: props.row,
+                                  class: "body-cell-mobile"
+                                })
+                              : (mobileColumn.value)
+                                ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(props.cols.filter(function (col) { return col.name === mobileColumn.value.name; })[0].value), 1 /* TEXT */))
+                                : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(props.cols[0].value), 1 /* TEXT */))
                           ]; }),
                           _: 2 /* DYNAMIC */
-                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class"])
+                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]),
+                        vue.createVNode(vue.unref(quasar.QItemSection), {
+                          style: {"display":"flex","flex-direction":"row","align-items":"center"},
+                          side: ""
+                        }, {
+                          default: vue.withCtx(function () { return [
+                            vue.renderSlot(_ctx.$slots, "row-action-before-controllers", {
+                                  key: 0,
+                                  data: props.row
+                                })
+                              
+                          ]; }),
+                          _: 2 /* DYNAMIC */
+                        }, 1024 /* DYNAMIC_SLOTS */)
                       ]; }),
                       _: 2 /* DYNAMIC */
-                    }, [
-                      (__props.showSlideLeft)
-                        ? {
-                            name: "left",
-                            fn: vue.withCtx(function () { return [
-                              vue.renderSlot(_ctx.$slots, "content-slider-left", {
-                                data: props.row
-                              }, function () { return [
-                                vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-pencil" })
-                              ]; })
-                            ]; }),
-                            key: "0"
-                          }
-                        : undefined,
-                      (vue.unref(showBtnDelete))
-                        ? {
-                            name: "right",
-                            fn: vue.withCtx(function () { return [
-                              vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-delete" })
-                            ]; }),
-                            key: "1"
-                          }
-                        : undefined
-                    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["onLeft", "onRight"])
+                    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class"])
                   ]; }),
-                  key: "1"
-                }
-              : undefined,
-            vue.renderList(vue.unref(customFields), function (options) {
-              return {
-                name: options.slotName,
-                fn: vue.withCtx(function (props) { return [
-                  (options.type == 'boolean')
-                    ? (vue.openBlock(), vue.createElementBlock("td", {
-                        props: props,
-                        key: options.slotName,
-                        class: vue.normalizeClass((vue.unref(isTdClickable)(options) ? 'cursor-pointer' : '') + vue.unref(getAdditionalClassActionBtns)(props.row)),
-                        onClick: function ($event) { return (vue.unref(isTdClickable)(options) ? options.to(props.row) : null); }
-                      }, [
-                        (props.row[options.field])
-                          ? vue.renderSlot(_ctx.$slots, getScopedSlotName('boolean-check', options.field), {
-                              key: 0,
-                              data: props.row
-                            }, function () { return [
-                              vue.createVNode(vue.unref(quasar.QIcon), {
-                                color: "positive",
-                                size: "2rem",
-                                name: "check"
-                              })
-                            ]; })
-                          : vue.renderSlot(_ctx.$slots, getScopedSlotName('boolean-uncheck', options.field), {
-                              key: 1,
-                              data: props.row
-                            })
-                      ], 10 /* CLASS, PROPS */, _hoisted_4$2))
-                    : (vue.openBlock(), vue.createElementBlock("td", {
-                        props: props,
-                        key: options.slotName + '-else',
-                        class: vue.normalizeClass('cursor-pointer' + vue.unref(getAdditionalClassActionBtns)(props.row)),
-                        onClick: function ($event) { return (options.to(props.row)); }
-                      }, vue.toDisplayString(options.format
+                  _: 2 /* DYNAMIC */
+                }, [
+                  (__props.showSlideLeft)
+                    ? {
+                        name: "left",
+                        fn: vue.withCtx(function () { return [
+                          vue.renderSlot(_ctx.$slots, "content-slider-left", {
+                            data: props.row
+                          }, function () { return [
+                            vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-pencil" })
+                          ]; })
+                        ]; }),
+                        key: "0"
+                      }
+                    : undefined,
+                  (vue.unref(showBtnDelete))
+                    ? {
+                        name: "right",
+                        fn: vue.withCtx(function () { return [
+                          vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-delete" })
+                        ]; }),
+                        key: "1"
+                      }
+                    : undefined
+                ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["onLeft", "onRight"])
+              ]; }),
+              key: "1"
+            }
+          : undefined,
+        vue.renderList(vue.unref(customFields), function (options) {
+          return {
+            name: options.slotName,
+            fn: vue.withCtx(function (props) { return [
+              (options.type == 'boolean')
+                ? (vue.openBlock(), vue.createElementBlock("td", {
+                    props: props,
+                    key: options.slotName,
+                    class: vue.normalizeClass((vue.unref(isTdClickable)(options) ? 'cursor-pointer' : '') + vue.unref(getAdditionalClassActionBtns)(props.row)),
+                    onClick: function ($event) { return (vue.unref(isTdClickable)(options) ? options.to(props.row) : null); }
+                  }, [
+                    (props.row[options.field])
+                      ? vue.renderSlot(_ctx.$slots, getScopedSlotName('boolean-check', options.field), {
+                          key: 0,
+                          data: props.row
+                        }, function () { return [
+                          vue.createVNode(vue.unref(quasar.QIcon), {
+                            color: "positive",
+                            size: "2rem",
+                            name: "check"
+                          })
+                        ]; })
+                      : vue.renderSlot(_ctx.$slots, getScopedSlotName('boolean-uncheck', options.field), {
+                          key: 1,
+                          data: props.row
+                        })
+                  ], 10 /* CLASS, PROPS */, _hoisted_4$2))
+                : (vue.openBlock(), vue.createElementBlock("td", {
+                    props: props,
+                    key: options.slotName + '-else',
+                    class: vue.normalizeClass('cursor-pointer' + vue.unref(getAdditionalClassActionBtns)(props.row)),
+                    onClick: function ($event) { return (options.to(props.row)); }
+                  }, vue.toDisplayString(options.format
                 ? options.format(props.row)
                 : props.row[options.field]), 11 /* TEXT, CLASS, PROPS */, _hoisted_5$1))
-                ]; })
-              }
-            }),
-            vue.renderList(vue.unref($slots), function (_, slotName) {
-              return {
-                name: slotName,
-                fn: vue.withCtx(function (props) { return [
-                  vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(props)))
-                ]; })
-              }
-            }),
-            vue.renderList(vue.unref(getEditablesTd), function (config, index) {
-              return {
-                name: config.slotName,
-                fn: vue.withCtx(function (slotProps) { return [
-                  (vue.unref(editOnTable))
-                    ? (vue.openBlock(), vue.createBlock(script$3, {
-                        ref: function (el) { popupCells.value[getRowIndex(slotProps.row) + '_' + index] = el; },
-                        key: config.slotName,
-                        rowIndex: getRowIndex(slotProps.row),
-                        cellIndex: index,
-                        data: slotProps.row,
-                        props: vue.unref(props),
-                        colOptions: config.options,
-                        onUpdate: vue.unref(onUpdateTd),
-                        onOnEditCellHandler: onEditCellHandler,
-                        onOnClickTabHandler: onClickTabHandler
-                      }, vue.createSlots({ _: 2 /* DYNAMIC */ }, [
-                        vue.renderList(vue.unref($slots), function (_, slot) {
-                          return {
-                            name: slot,
-                            fn: vue.withCtx(function (scope) { return [
-                              vue.renderSlot(_ctx.$slots, slot, vue.normalizeProps(vue.guardReactiveProps(scope)))
-                            ]; })
-                          }
-                        })
-                      ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["rowIndex", "cellIndex", "data", "props", "colOptions", "onUpdate"]))
-                    : vue.createCommentVNode("v-if", true)
-                ]; })
-              }
-            })
-          ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["rows", "filter", "onRequest", "pagination", "selection", "selected"]))
-        : vue.createCommentVNode("v-if", true),
+            ]; })
+          }
+        }),
+        vue.renderList(vue.unref($slots), function (_, slotName) {
+          return {
+            name: slotName,
+            fn: vue.withCtx(function (props) { return [
+              vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(props)))
+            ]; })
+          }
+        }),
+        vue.renderList(vue.unref(getEditablesTd), function (config, index) {
+          return {
+            name: config.slotName,
+            fn: vue.withCtx(function (slotProps) { return [
+              (vue.unref(editOnTable))
+                ? (vue.openBlock(), vue.createBlock(script$3, {
+                    ref: function (el) { popupCells.value[getRowIndex(slotProps.row) + '_' + index] = el; },
+                    key: config.slotName,
+                    rowIndex: getRowIndex(slotProps.row),
+                    cellIndex: index,
+                    data: slotProps.row,
+                    props: vue.unref(props),
+                    colOptions: config.options,
+                    onUpdate: vue.unref(onUpdateTd),
+                    onOnEditCellHandler: onEditCellHandler,
+                    onOnClickTabHandler: onClickTabHandler
+                  }, vue.createSlots({ _: 2 /* DYNAMIC */ }, [
+                    vue.renderList(vue.unref($slots), function (_, slot) {
+                      return {
+                        name: slot,
+                        fn: vue.withCtx(function (scope) { return [
+                          vue.renderSlot(_ctx.$slots, slot, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                        ]; })
+                      }
+                    })
+                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["rowIndex", "cellIndex", "data", "props", "colOptions", "onUpdate"]))
+                : vue.createCommentVNode("v-if", true)
+            ]; })
+          }
+        })
+      ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["rows", "filter", "onRequest", "pagination", "selection", "selected"]),
       vue.createCommentVNode(" Modal de Confirmation Suppression "),
       vue.createVNode(script$5, {
         localDetail: localDetail.value,
@@ -2399,7 +2493,7 @@
   script.__scopeId = "data-v-29e3989a";
   script.__file = "src/components/VlankCreatePage.vue";
 
-  var version = '3.7.52';
+  var version = '3.7.54';
 
   function install (app) {
     app.component(script$2.name, script$2);