vue-laravel-crud 1.6.1 → 1.6.2

package/dist/vue-laravel-crud.ssr.js

@@ -12532,7 +12532,7 @@ Plugin.install = function (Vue, options) {
 
 if (typeof window !== 'undefined' && window.Vue) {
   window.Vue.use(Plugin);
-}var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}var css = "tr td[data-v-45e6bdb2]:last-child,\ntr td[data-v-45e6bdb2]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-45e6bdb2] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-45e6bdb2] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-45e6bdb2] .crud-title[data-v-45e6bdb2] {\n    margin: 0; }\n  .crud-header[data-v-45e6bdb2] .crud-search[data-v-45e6bdb2] {\n    max-width: 15rem; }\n    .crud-header[data-v-45e6bdb2] .crud-search[data-v-45e6bdb2] .btn[data-v-45e6bdb2] {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: 0.375rem;\n      border-bottom-right-radius: 0.375rem; }\n      .crud-header[data-v-45e6bdb2] .crud-search[data-v-45e6bdb2] .btn[data-v-45e6bdb2].open[data-v-45e6bdb2] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-45e6bdb2] .table-options[data-v-45e6bdb2] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-45e6bdb2] {\n  position: relative;\n  top: -15px; }\n\n@media (min-width: 992px) {\n  .table[data-v-45e6bdb2] {\n    table-layout: auto; }\n    .table[data-v-45e6bdb2] tbody[data-v-45e6bdb2] td[data-v-45e6bdb2] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-45e6bdb2] tbody[data-v-45e6bdb2] td[data-v-45e6bdb2]::-webkit-scrollbar {\n      display: none; } }\n";
+}var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}var css = "tr td[data-v-658ae951]:last-child,\ntr td[data-v-658ae951]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-658ae951] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-658ae951] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-658ae951] .crud-title[data-v-658ae951] {\n    margin: 0; }\n  .crud-header[data-v-658ae951] .crud-search[data-v-658ae951] {\n    max-width: 15rem; }\n    .crud-header[data-v-658ae951] .crud-search[data-v-658ae951] .btn[data-v-658ae951] {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: 0.375rem;\n      border-bottom-right-radius: 0.375rem; }\n      .crud-header[data-v-658ae951] .crud-search[data-v-658ae951] .btn[data-v-658ae951].open[data-v-658ae951] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-658ae951] .table-options[data-v-658ae951] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-658ae951] {\n  position: relative;\n  top: -15px; }\n\n@media (min-width: 992px) {\n  .table[data-v-658ae951] {\n    table-layout: auto; }\n    .table[data-v-658ae951] tbody[data-v-658ae951] td[data-v-658ae951] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-658ae951] tbody[data-v-658ae951] td[data-v-658ae951]::-webkit-scrollbar {\n      display: none; } }\n";
 n(css, {});function normalizeComponent (
     scriptExports,
     render,
@@ -14546,7 +14546,6 @@ var _sfc_render = function render() {
   }), 0)], 1), !_vm.loading && _vm.items && _vm.items.length == 0 && !_vm.infiniteScroll ? _c('p', {
     staticClass: "p-3"
   }, [_vm._v(" " + _vm._s(_vm.messageEmptyResults) + " ")]) : _vm._e()]) : _vm._e(), _vm.displayMode == _vm.displayModes.MODE_CARDS ? _c('div', [_c('draggable', {
-    staticClass: "row",
     attrs: {
       "group": _vm.draggableGroup,
       "draggable": _vm.orderable ? '.item' : '.none',
@@ -14590,16 +14589,9 @@ var _sfc_render = function render() {
       }
     }
   }, _vm._l(_vm.itemsList, function (item, index) {
-    return _c('b-col', {
+    return _c('div', {
       key: index,
-      staticClass: "item",
-      attrs: {
-        "cols": _vm.colXs,
-        "sm": _vm.colSm,
-        "md": _vm.colMd,
-        "lg": _vm.colLg,
-        "xl": _vm.colXl
-      }
+      staticClass: "item"
     }, [_c('b-card', {
       staticClass: "mb-2 card-crud",
       class: _vm.cardClass,
@@ -14674,7 +14666,7 @@ var _sfc_render = function render() {
     }, {
       "item": item
     })], 2)], 1);
-  }), 1)], 1), !_vm.loading && _vm.items && _vm.items.length == 0 && !_vm.infiniteScroll ? _c('p', {
+  }), 0)], 1), !_vm.loading && _vm.items && _vm.items.length == 0 && !_vm.infiniteScroll ? _c('p', {
     staticClass: "p-3"
   }, [_vm._v(" " + _vm._s(_vm.messageEmptyResults) + " ")]) : _vm._e()], 1) : _vm._e(), _vm.displayMode == _vm.displayModes.MODE_CUSTOM ? _c('div', [_c('div', {
     class: _vm.listContainerClass
@@ -14860,7 +14852,7 @@ var _sfc_render = function render() {
   }) : _vm._e()], 2)], 1);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "45e6bdb2", null, null);
+var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "658ae951", null, null);
 var component$1 = __component__.exports;// Import vue component
 
 // Default export is installable instance of component.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vue-laravel-crud",
-    "version": "1.6.1",
+    "version": "1.6.2",
     "description": "",
     "homepage": "https://github.com/clonixdev/vue-laravel-crud",
     "main": "dist/vue-laravel-crud.ssr.js",

package/src/vue-laravel-crud.vue

@@ -1559,7 +1559,7 @@ export default /*#__PURE__*/ {
     </div>
 
     <div v-if="displayMode == displayModes.MODE_CARDS">
-      <draggable v-model="items" :group="draggableGroup" class="row" :draggable="orderable ? '.item' : '.none'"
+      <draggable v-model="items" :group="draggableGroup" :draggable="orderable ? '.item' : '.none'"
         @start="drag = true" @end="drag = false" @sort="onSort()" @add="onDraggableAdded($event)"
         @change="onDraggableChange($event)" :options="draggableOptions">
         <masonry
@@ -1567,8 +1567,7 @@ export default /*#__PURE__*/ {
   :gutter="{default: '30px', 700: '15px'}"
   >
 
-        <b-col v-for="(item, index) in itemsList" v-bind:key="index" :cols="colXs" :sm="colSm" :md="colMd" :lg="colLg"
-          :xl="colXl" class="item">
+        <div v-for="(item, index) in itemsList" v-bind:key="index" class="item">
           <b-card :title="item.title" tag="article" class="mb-2 card-crud" :class="cardClass"
             :hideFooter="cardHideFooter">
             <slot name="card" v-bind:item="item">
@@ -1628,7 +1627,7 @@ export default /*#__PURE__*/ {
               </b-button-group>
             </template>
           </b-card>
-        </b-col>
+        </div>
 </masonry>
       </draggable>