@oniti/quasar-ui-vlank-collection-crud 3.7.60 → 3.7.62

package/dist/index.umd.js

@@ -1,5 +1,5 @@
 /*!
- * @oniti/quasar-ui-vlank-collection-crud v3.7.59
+ * @oniti/quasar-ui-vlank-collection-crud v3.7.61
  * (c) 2025 Oniti
  * Released under the MIT License.
  */
@@ -15,6 +15,10 @@
   var onitiSseClient__default = /*#__PURE__*/_interopDefaultLegacy(onitiSseClient);
   var Components__default = /*#__PURE__*/_interopDefaultLegacy(Components);
 
+  var _hoisted_1$4 = /*#__PURE__*/vue.createTextVNode("Suppression");
+  var _hoisted_2$4 = /*#__PURE__*/vue.createTextVNode("Confirmez vous la suppression ?");
+
+
   var script$5 = {
     __name: 'VlankDeleteModal',
     props: {
@@ -25,14 +29,16 @@
   },
     emits: ['close'],
     setup: function setup(__props, ref) {
-  var __emit = ref.emit;
+  var $emit = ref.emit;
+
+
+  var props = __props;
 
 
-  var $emit = __emit;
 
   var $collectionCrud = vue.inject('vlank-ccrud');
 
-  var props = __props;
+
 
   function onConfirmeDelete() {
     var obj;
@@ -66,8 +72,8 @@
     var _directive_close_popup = vue.resolveDirective("close-popup");
 
     return (vue.openBlock(), vue.createBlock(vue.unref(quasar.QDialog), vue.mergeProps({
-      modelValue: alertLocalDelete.value,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((alertLocalDelete).value = $event); })
+      modelValue: vue.unref(alertLocalDelete),
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (vue.isRef(alertLocalDelete) ? (alertLocalDelete).value = $event : null); })
     }, props.props.modalDeleteOptions.dialog, {
       "transition-show": __props.isMobile ? 'slide-up' : 'fade',
       "transition-hide": __props.isMobile ? 'slide-down' : 'fade',
@@ -103,9 +109,9 @@
                         _: 1 /* STABLE */
                       }))
                     : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 1 }, {
-                        default: vue.withCtx(function () { return _cache[1] || (_cache[1] = [
-                          vue.createTextVNode("Suppression")
-                        ]); }),
+                        default: vue.withCtx(function () { return [
+                          _hoisted_1$4
+                        ]; }),
                         _: 1 /* STABLE */
                       }))
                 ]; })
@@ -117,9 +123,9 @@
                 align: __props.isMobile ? 'center' : 'left',
                 style: {"padding":"30px"}
               }, {
-                default: vue.withCtx(function () { return _cache[2] || (_cache[2] = [
-                  vue.createTextVNode("Confirmez vous la suppression ?")
-                ]); }),
+                default: vue.withCtx(function () { return [
+                  _hoisted_2$4
+                ]; }),
                 _: 1 /* STABLE */
               }, 8 /* PROPS */, ["align"])
             ]; }),
@@ -156,6 +162,10 @@
 
   script$5.__file = "src/components/VlankDeleteModal.vue";
 
+  var _hoisted_1$3 = /*#__PURE__*/vue.createTextVNode("Création");
+  var _hoisted_2$3 = /*#__PURE__*/vue.createTextVNode("Modification");
+
+
   var script$4 = {
     __name: 'VlankEditModal',
     props: {
@@ -172,12 +182,14 @@
   },
     emits: ['close'],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var props = __props;
 
-  var $emit = __emit;
+
+
+
   var slots = vue.useSlots();
 
   var $collectionCrud = vue.inject('vlank-ccrud');
@@ -270,8 +282,8 @@
 
     return (vue.openBlock(), vue.createBlock(vue.unref(quasar.QDialog), vue.mergeProps({
       class: { 'mobile-modal': __props.isMobile },
-      modelValue: editModalLocal.value,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((editModalLocal).value = $event); })
+      modelValue: vue.unref(editModalLocal),
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return (vue.isRef(editModalLocal) ? (editModalLocal).value = $event : null); })
     }, props.modalEditOptions.dialog, {
       "transition-show": __props.isMobile ? 'slide-left' : 'fade',
       "transition-hide": __props.isMobile ? 'slide-right' : 'fade',
@@ -311,9 +323,9 @@
                       })),
                   (!props.localDetail.uuid)
                     ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 2 }, {
-                        default: vue.withCtx(function () { return _cache[1] || (_cache[1] = [
-                          vue.createTextVNode("Création")
-                        ]); }),
+                        default: vue.withCtx(function () { return [
+                          _hoisted_1$3
+                        ]; }),
                         _: 1 /* STABLE */
                       }))
                     : (
@@ -329,13 +341,13 @@
                           _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["class"]))
                       : (vue.openBlock(), vue.createBlock(vue.unref(quasar.QToolbarTitle), { key: 4 }, {
-                          default: vue.withCtx(function () { return _cache[2] || (_cache[2] = [
-                            vue.createTextVNode("Modification")
-                          ]); }),
+                          default: vue.withCtx(function () { return [
+                            _hoisted_2$3
+                          ]; }),
                           _: 1 /* STABLE */
                         }))
                 ]; }),
-                (__props.isMobile && !hasCustomModalActions.value && props.modalEditOptions.showBtn.valid)
+                (__props.isMobile && !vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.valid)
                   ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                       key: 0,
                       flat: "",
@@ -393,7 +405,7 @@
                       close: close,
                       data: props.localDetail
                     }),
-                    (!hasCustomModalActions.value && props.modalEditOptions.showBtn.cancel)
+                    (!vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.cancel)
                       ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                           key: 0,
                           flat: "",
@@ -403,7 +415,7 @@
                           [_directive_close_popup]
                         ])
                       : vue.createCommentVNode("v-if", true),
-                    (!hasCustomModalActions.value && props.modalEditOptions.showBtn.valid)
+                    (!vue.unref(hasCustomModalActions) && props.modalEditOptions.showBtn.valid)
                       ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                           key: 1,
                           flat: "",
@@ -467,17 +479,20 @@
     props: Object,
     rowIndex: Number,
     cellIndex: Number,
+    rowClass: String,
   },
     emits: ['update', 'onEditCellHandler', 'onClickTabHandler'],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var props = __props;
 
+
+
   var localDetail = vue.ref(Object.assign({}, props.data));
   var $collectionCrud = vue.inject('vlank-ccrud');
-  var $emit = __emit;
+
 
 
   var getRawValue = vue.computed({
@@ -531,7 +546,9 @@
   }
 
   return function (_ctx, _cache) {
-    return (vue.openBlock(), vue.createElementBlock("td", null, [
+    return (vue.openBlock(), vue.createElementBlock("td", vue.mergeProps(props.colOptions, {
+      class: props.rowClass
+    }), [
       (localDetail.value[props.colOptions.name] && props.colOptions.type === 'boolean')
         ? vue.renderSlot(_ctx.$slots, getScopedSlotName('boolean-check', props.colOptions.name), { key: 0 }, function () { return [
             vue.createVNode(vue.unref(quasar.QIcon), {
@@ -543,7 +560,7 @@
         : (props.colOptions.type === 'boolean')
           ? vue.renderSlot(_ctx.$slots, getScopedSlotName('boolean-uncheck', props.colOptions.name), { key: 1 })
           : vue.createCommentVNode("v-if", true),
-      vue.createTextVNode(" " + vue.toDisplayString(getValue.value) + " ", 1 /* TEXT */),
+      vue.createTextVNode(" " + vue.toDisplayString(vue.unref(getValue)) + " ", 1 /* TEXT */),
       vue.createVNode(vue.unref(quasar.QPopupEdit), {
         modelValue: localValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((localValue).value = $event); }),
@@ -563,7 +580,7 @@
         ]; }),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modelValue", "onKeydown"])
-    ]))
+    ], 16 /* FULL_PROPS */))
   }
   }
 
@@ -1297,7 +1314,7 @@
   function useExportData(props, pagination, filter) {
     var $collectionCrud = vue.inject('vlank-ccrud');
     var $q = quasar.useQuasar();
-    var isExporting = vue.ref(false); // Add loading state
+    var isExporting = vue.ref(false);
 
     function showDlFailure() {
       $q.notify({
@@ -1308,7 +1325,7 @@
     }
 
     function doExport() {
-      isExporting.value = true; // Set loading state to true
+      isExporting.value = true;
       var exportParams = {
         'primaryFieldSearch': $collectionCrud.getRouteParameterName(props.value.collection),
         'sortBy': pagination.value.sortBy,
@@ -1361,17 +1378,17 @@
           if (status !== true) {
             showDlFailure();
           }
-          isExporting.value = false; // Set loading state to false
+          isExporting.value = false;
         })
         .catch(function () {
           showDlFailure();
-          isExporting.value = false; // Set loading state to false
+          isExporting.value = false;
         });
     }
 
     return {
       doExport: doExport,
-      isExporting: isExporting // Return loading state
+      isExporting: isExporting,
     }
   }
 
@@ -1462,12 +1479,14 @@
     "onEditCellHandler"
   ],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var $attrs = __props;
 
-  var $emit = __emit;
+
+
+
 
   var ccrudTable = vue.ref(null);
 
@@ -1694,7 +1713,7 @@
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((filter).value = $event); }),
                     placeholder: "Recherche",
                     outlined: "",
-                    rounded: isMobile.value,
+                    rounded: vue.unref(isMobile),
                     style: {"width":"180px"}
                   }, {
                     append: vue.withCtx(function () { return [
@@ -1792,7 +1811,7 @@
                   color: "primary",
                   icon: "edit",
                   flat: "",
-                  round: isMobile.value
+                  round: vue.unref(isMobile)
                 }, null, 8 /* PROPS */, ["onClick", "round"]))
               : (vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'edit'))
                 ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
@@ -1802,7 +1821,7 @@
                     color: "primary",
                     icon: "edit",
                     flat: "",
-                    round: isMobile.value
+                    round: vue.unref(isMobile)
                   }, null, 8 /* PROPS */, ["to", "round"]))
                 : vue.createCommentVNode("v-if", true),
             (!__props.editablePage && vue.unref(showBtnEditPage) && __props.displayActionCallback(props.row, 'show'))
@@ -1822,7 +1841,7 @@
                   color: "negative",
                   icon: "delete",
                   flat: "",
-                  round: isMobile.value
+                  round: vue.unref(isMobile)
                 }, null, 8 /* PROPS */, ["onClick", "round"]))
               : vue.createCommentVNode("v-if", true),
             vue.renderSlot(_ctx.$slots, "row-action-after-controllers", {
@@ -1833,14 +1852,13 @@
     }),
         _: 2 /* DYNAMIC */
       }, [
-        (isMobile.value)
+        (vue.unref(isMobile))
           ? {
               name: "header",
-              fn: vue.withCtx(function (props) { return []; }),
-              key: "0"
+              fn: vue.withCtx(function (props) { return []; })
             }
           : undefined,
-        (isMobile.value)
+        (vue.unref(isMobile))
           ? {
               name: "body",
               fn: vue.withCtx(function (props) { return [
@@ -1872,8 +1890,8 @@
                                   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.unref(mobileColumn))
+                                ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$2, vue.toDisplayString(props.cols.filter(function (col) { return col.name === vue.unref(mobileColumn).name; })[0].value), 1 /* TEXT */))
                                 : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(props.cols[0].value), 1 /* TEXT */))
                           ]; }),
                           _: 2 /* DYNAMIC */
@@ -1906,8 +1924,7 @@
                           }, function () { return [
                             vue.createVNode(vue.unref(quasar.QIcon), { name: "mdi-pencil" })
                           ]; })
-                        ]; }),
-                        key: "0"
+                        ]; })
                       }
                     : undefined,
                   (vue.unref(showBtnDelete))
@@ -1915,13 +1932,11 @@
                         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) {
@@ -1985,6 +2000,7 @@
                     colOptions: config.options,
                     onUpdate: vue.unref(onUpdateTd),
                     onOnEditCellHandler: onEditCellHandler,
+                    rowClass: vue.unref(getAdditionalClassActionBtns)(vue.unref(props).row),
                     onOnClickTabHandler: onClickTabHandler
                   }, vue.createSlots({ _: 2 /* DYNAMIC */ }, [
                     vue.renderList(vue.unref($slots), function (_, slot) {
@@ -1995,7 +2011,7 @@
                         ]; })
                       }
                     })
-                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["rowIndex", "cellIndex", "data", "props", "colOptions", "onUpdate"]))
+                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["rowIndex", "cellIndex", "data", "props", "colOptions", "onUpdate", "rowClass"]))
                 : vue.createCommentVNode("v-if", true)
             ]; })
           }
@@ -2007,7 +2023,7 @@
         props: vue.unref(props),
         alertDelete: alertDelete.value,
         onClose: vue.unref(onCloseDeleteModal),
-        isMobile: isMobile.value
+        isMobile: vue.unref(isMobile)
       }, vue.createSlots({ _: 2 /* DYNAMIC */ }, [
         vue.renderList(vue.unref($slots), function (_, slot) {
           return {
@@ -2027,7 +2043,7 @@
       vue.createVNode(script$4, vue.mergeProps({ localDetail: localDetail.value }, vue.unref(props), {
         editModal: editModal.value,
         onClose: vue.unref(onCloseEditModal),
-        isMobile: isMobile.value,
+        isMobile: vue.unref(isMobile),
         closeModalAfterValidation: __props.closeModalAfterValidation,
         propsLibelleTitle: __props.propsLibelleTitle
       }), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
@@ -2036,7 +2052,7 @@
             name: slot,
             fn: vue.withCtx(function (scope) { return [
               (vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(isMobile.value ? 'mobile-content modal-content' : 'modal-content'),
+                class: vue.normalizeClass(vue.unref(isMobile) ? 'mobile-content modal-content' : 'modal-content'),
                 key: slot
               }, [
                 vue.renderSlot(_ctx.$slots, slot, vue.normalizeProps(vue.guardReactiveProps(scope)))
@@ -2090,7 +2106,7 @@
     emits: [
     "collectionCrudUpdateLocalDetail" ],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var route = vueRouter.useRoute();
@@ -2103,7 +2119,7 @@
     onClickBack(route, router);
   }
 
-  var $emit = __emit;
+
 
   var localDetail = vue.ref(null);
   var containerMode = vue.ref(route.meta.containerMode);
@@ -2275,21 +2291,21 @@
                   color: "primary",
                   icon: "arrow_back"
                 }),
-                vue.createElementVNode("h2", null, vue.toDisplayString(getTitle.value), 1 /* TEXT */)
+                vue.createElementVNode("h2", null, vue.toDisplayString(vue.unref(getTitle)), 1 /* TEXT */)
               ]),
               (!containerMode.value && editablePage.value)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
                     (showValidationBtn.value)
                       ? (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBtn), {
                           key: 0,
-                          icon: getSubmitBtn.value.icon,
+                          icon: vue.unref(getSubmitBtn).icon,
                           onClick: onClickSubmit,
                           disable: !isLocalDetailUpdated.value,
                           color: isLocalDetailUpdated.value ? 'primary' : 'grey-5',
                           loading: submitLoading.value
                         }, {
                           default: vue.withCtx(function () { return [
-                            vue.createTextVNode(vue.toDisplayString(getSubmitBtn.value.label), 1 /* TEXT */)
+                            vue.createTextVNode(vue.toDisplayString(vue.unref(getSubmitBtn).label), 1 /* TEXT */)
                           ]; }),
                           _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["icon", "disable", "color", "loading"]))
@@ -2300,7 +2316,7 @@
           : vue.createCommentVNode("v-if", true),
         (localDetail.value)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[formComponent.value]), {
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[vue.unref(formComponent)]), {
                 data: localDetail.value,
                 submitedData: submitedData.value,
                 key: localDetail.value[vue.unref(route_parameter_name)],
@@ -2309,7 +2325,7 @@
                 onCustomSubmitBtn: onCustomSubmitBtn,
                 onUpdateData: updateData,
                 onEditablePage: onEditablePage
-              }, null, 40 /* PROPS, NEED_HYDRATION */, ["data", "submitedData"]))
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data", "submitedData"]))
             ]))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
               vue.createVNode(vue.unref(quasar.QSpinner), {
@@ -2352,7 +2368,7 @@
     emits: [
     "collectionCrudUpdateLocalDetail" ],
     setup: function setup(__props, ref$1) {
-  var __emit = ref$1.emit;
+  var $emit = ref$1.emit;
 
 
   var route = vueRouter.useRoute();
@@ -2364,7 +2380,7 @@
   }
 
 
-  var $emit = __emit;
+
 
   var localDetail = vue.ref(null);
   var containerMode = vue.ref(route.meta.containerMode);
@@ -2465,18 +2481,18 @@
                   color: "primary",
                   icon: "arrow_back"
                 }),
-                vue.createElementVNode("h2", null, vue.toDisplayString(getTitle.value), 1 /* TEXT */)
+                vue.createElementVNode("h2", null, vue.toDisplayString(vue.unref(getTitle)), 1 /* TEXT */)
               ]),
               (!containerMode.value)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                     vue.createVNode(vue.unref(quasar.QBtn), {
                       color: "primary",
-                      icon: getSubmitBtn.value.icon,
+                      icon: vue.unref(getSubmitBtn).icon,
                       onClick: onClickSubmit,
                       loading: submitLoading.value
                     }, {
                       default: vue.withCtx(function () { return [
-                        vue.createTextVNode(vue.toDisplayString(getSubmitBtn.value.label), 1 /* TEXT */)
+                        vue.createTextVNode(vue.toDisplayString(vue.unref(getSubmitBtn).label), 1 /* TEXT */)
                       ]; }),
                       _: 1 /* STABLE */
                     }, 8 /* PROPS */, ["icon", "loading"])
@@ -2486,13 +2502,13 @@
           : vue.createCommentVNode("v-if", true),
         (localDetail.value)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[formComponent.value]), {
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(Components__default["default"])[vue.unref(formComponent)]), {
                 data: localDetail.value,
                 submitedData: submitedData.value,
                 onExtraRequestParams: onExtraRequestParams,
                 onCustomSubmitBtn: onCustomSubmitBtn,
                 onUpdateData: updateData
-              }, null, 40 /* PROPS, NEED_HYDRATION */, ["data", "submitedData"]))
+              }, null, 40 /* PROPS, HYDRATE_EVENTS */, ["data", "submitedData"]))
             ]))
           : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
               vue.createVNode(vue.unref(quasar.QSpinner), {
@@ -2514,7 +2530,7 @@
   script.__scopeId = "data-v-29e3989a";
   script.__file = "src/components/VlankCreatePage.vue";
 
-  var version = '3.7.59';
+  var version = '3.7.61';
 
   function install (app) {
     app.component(script$2.name, script$2);