@amsom-habitat/amsom-table 3.0.2 → 3.0.3

package/dist/amsom-table.js

@@ -11028,7 +11028,8 @@ const md = {
     "changeSubject",
     "lineEditModeAddNewLine",
     "update:ckSelectedItems",
-    "update:dynamicColumns"
+    "update:dynamicColumns",
+    "update:deepSortsListPreset"
   ],
   data() {
     return {
@@ -11133,8 +11134,17 @@ const md = {
     showeditems: function() {
       this.checkAllCheckBox = this.showeditems.every((M) => this.selectedItems.includes(M.id)), this.totalPages = this.newTotalPage(this.filtereditems.length);
     },
-    deepSortsListPreset: function(M) {
-      M && M.length > 0 && (this.deepSortsList = M);
+    deepSortsList: {
+      handler(M) {
+        M && M.length > 0 && this.$emit("update:deepSortsListPreset", M);
+      },
+      deep: !0
+    },
+    deepSortsListPreset: {
+      handler(M) {
+        M && M.length > 0 && (this.deepSortsList = M);
+      },
+      deep: !0
     }
   },
   mounted() {
@@ -11278,39 +11288,39 @@ const md = {
   key: 0,
   class: "btn btn-sm btn-outline-secondary cursor-default align-self-center bg-transparent text-secondary border-secondary d-flex justify-content-center align-items-center fs-7 px-2 py-0 rounded-1",
   style: { height: "20px" }
-}, gd = { class: "d-flex justify-content-center align-items-center fs-7 px-2 py-0 rounded-1 mx-2 user-select-none" }, yd = {
+}, gd = { class: "text-nowrap" }, yd = { class: "d-flex justify-content-center align-items-center fs-7 px-2 py-0 rounded-1 mx-2 user-select-none" }, Td = {
   key: 0,
   class: "text-nowrap",
   style: { height: "20px" }
-}, Td = ["value"], vd = {
+}, vd = ["value"], _d = {
   key: 1,
   class: "d-flex align-items-center text-nowrap"
-}, _d = {
+}, Sd = {
   key: 0,
   class: "d-flex ms-2"
-}, Sd = { class: "row mx-auto mb-3 rounded-0" }, wd = {
+}, wd = { class: "row mx-auto mb-3 rounded-0" }, kd = {
   class: "col-12 p-0 overflow-x-auto",
   style: { "border-radius": "10px !important" }
-}, kd = ["id"], Dd = ["id", "onDragstart", "onDragend"], Ed = { class: "d-flex flex-column align-items-center" }, Cd = {
+}, Dd = ["id"], Ed = ["id", "onDragstart", "onDragend"], Cd = { class: "d-flex flex-column align-items-center" }, Pd = {
   key: 0,
   class: "mx-auto my-auto mb-2 mt-2 hoverable d-inline-block"
-}, Pd = { class: "d-inline-flex text-nowrap" }, xd = {
+}, xd = { class: "d-inline-flex text-nowrap" }, Id = {
   key: 0,
   class: "ms-2 float-end"
-}, Id = {
+}, Yd = {
   key: 1,
   class: "ms-2"
-}, Yd = { key: 1 }, Fd = ["id"], Ud = ["id"], Hd = { class: "d-inline-flex text-nowrap" }, jd = {
+}, Fd = { key: 1 }, Ud = ["id"], Hd = ["id"], jd = { class: "d-inline-flex text-nowrap" }, Gd = {
   key: 0,
   class: "ms-2 float-end hoverable"
-}, Gd = {
+}, Vd = {
   key: 1,
   class: "ms-2 hoverable"
-}, Vd = { key: 0 }, Kd = ["colspan"], Qd = ["onClick"], Jd = ["data-column-id", "onClick"], Zd = ["id", "value"], $d = ["data-column-id"], MW = { class: "row ms-auto mb-2" }, bW = {
+}, Kd = { key: 0 }, Qd = ["colspan"], Jd = ["onClick"], Zd = ["data-column-id", "onClick"], $d = ["id", "value"], MW = ["data-column-id"], bW = { class: "row ms-auto mb-2" }, zW = {
   key: 0,
   class: "col p-0"
-}, zW = { class: "m-0 pagination pagination-sm" }, pW = { class: "page-item hoverable" }, OW = { class: "page-item hoverable" }, oW = ["onClick"], cW = { class: "page-item hoverable" }, eW = { class: "page-item hoverable" };
-function tW(M, b, z, p, o, e) {
+}, pW = { class: "m-0 pagination pagination-sm" }, OW = { class: "page-item hoverable" }, oW = { class: "page-item hoverable" }, cW = ["onClick"], eW = { class: "page-item hoverable" }, tW = { class: "page-item hoverable" };
+function AW(M, b, z, p, o, e) {
   var q;
   const n = sp("font-awesome-icon"), r = sp("vue-draggable-next");
   return H(), V(d1, null, [
@@ -11335,7 +11345,7 @@ function tW(M, b, z, p, o, e) {
         ])
       }, [
         z.showLineNumber ? (H(), V("div", Xd, [
-          p0("b", null, Lb(e.showItemsLinesNumber + " / " + e.filtereditems.length), 1),
+          p0("b", gd, Lb(e.showItemsLinesNumber + " / " + e.filtereditems.length), 1),
           b[19] || (b[19] = p0("span", { class: "ms-1" }, "lignes", -1))
         ])) : F0("", !0),
         z.deepSorts && o.deepSortsList.length > 0 ? (H(), V("div", {
@@ -11362,7 +11372,7 @@ function tW(M, b, z, p, o, e) {
                   icon: "fa-solid fa-xmark",
                   onClick: (f) => o.deepSortsList.splice(W, 1)
                 }, null, 8, ["onClick"]),
-                p0("div", gd, [
+                p0("div", yd, [
                   p0("span", null, Lb(i.libelle), 1)
                 ]),
                 q2(n, {
@@ -11379,11 +11389,11 @@ function tW(M, b, z, p, o, e) {
       z.showMaxItemPerPageBtn || z.showModifyColumnsBtn ? (H(), V("div", {
         key: 0,
         class: P0([
-          "d-flex justify-content-end p-0",
+          "d-flex align-items-center justify-content-end p-0",
           z.deepSorts && o.deepSortsList.length > 0 ? "col-12 col-sm-4 col-lg-2 mt-1 mt-sm-0" : "col"
         ])
       }, [
-        z.showMaxItemPerPageBtn && !o.headerEditMode ? (H(), V("div", yd, [
+        z.showMaxItemPerPageBtn && !o.headerEditMode ? (H(), V("div", Td, [
           z.maxItemPerPageList.length > 0 ? mb((H(), V("select", {
             key: 0,
             "onUpdate:modelValue": b[2] || (b[2] = (i) => o.maxItemsPerPage = i),
@@ -11392,13 +11402,13 @@ function tW(M, b, z, p, o, e) {
             (H(!0), V(d1, null, y2(z.maxItemPerPageList, (i) => (H(), V("option", {
               key: i.value,
               value: i.value
-            }, Lb(i.text), 9, Td))), 128))
+            }, Lb(i.text), 9, vd))), 128))
           ], 512)), [
             [Hn, o.maxItemsPerPage]
           ]) : F0("", !0)
         ])) : F0("", !0),
-        z.showModifyColumnsBtn ? (H(), V("div", vd, [
-          o.headerEditMode ? (H(), V("div", _d, [
+        z.showModifyColumnsBtn ? (H(), V("div", _d, [
+          o.headerEditMode ? (H(), V("div", Sd, [
             p0("button", {
               id: "btn-save-table",
               class: "btn btn-sm btn-success d-flex justify-content-center align-items-center ms-auto me-2 px-2 py-0 rounded-3",
@@ -11422,8 +11432,8 @@ function tW(M, b, z, p, o, e) {
         ])) : F0("", !0)
       ], 2)) : F0("", !0)
     ])) : F0("", !0),
-    p0("div", Sd, [
-      p0("div", wd, [
+    p0("div", wd, [
+      p0("div", kd, [
         (H(), V("table", {
           id: "table-draggable",
           ref: "table",
@@ -11469,7 +11479,7 @@ function tW(M, b, z, p, o, e) {
                     }, null, 512), [
                       [jz, o.checkAllCheckBox]
                     ])
-                  ], 10, kd)) : (i.show || o.headerEditMode) && (!i.onlyOnEditMode || z.lineEditMode) ? (H(), V("th", {
+                  ], 10, Dd)) : (i.show || o.headerEditMode) && (!i.onlyOnEditMode || z.lineEditMode) ? (H(), V("th", {
                     key: 1,
                     id: i.id + "-th-" + W,
                     scope: "col",
@@ -11485,8 +11495,8 @@ function tW(M, b, z, p, o, e) {
                     onDragstart: (f) => i.isDragging = !0,
                     onDragend: (f) => i.isDragging = !1
                   }, [
-                    p0("div", Ed, [
-                      o.headerEditMode && !i.keepShow ? (H(), V("div", Cd, [
+                    p0("div", Cd, [
+                      o.headerEditMode && !i.keepShow ? (H(), V("div", Pd, [
                         i.show ? (H(), Hz(n, {
                           key: 0,
                           icon: "fa-solid fa-eye",
@@ -11499,15 +11509,15 @@ function tW(M, b, z, p, o, e) {
                           onClick: (f) => i.show = !0
                         }, null, 8, ["onClick"]))
                       ])) : F0("", !0),
-                      p0("div", Pd, [
+                      p0("div", xd, [
                         Gz(M.$slots, "tableHeaderTh", { headers: i }, void 0, !0),
-                        i.isSortable && !z.deepSorts ? (H(), V("div", xd, [
+                        i.isSortable && !z.deepSorts ? (H(), V("div", Id, [
                           q2(n, {
                             icon: o.sortKey !== i.id || o.sortKey === i.id && !o.sortAsc ? "fa-solid fa-arrow-down-wide-short" : "fa-solid fa-arrow-up-short-wide",
                             class: "hoverable",
                             onClick: (f) => e.updateCurrentSort(i)
                           }, null, 8, ["icon", "onClick"])
-                        ])) : z.deepSorts && !o.deepSortsList.some((f) => f.id === i.id) && i.isSortable ? (H(), V("div", Id, [
+                        ])) : z.deepSorts && !o.deepSortsList.some((f) => f.id === i.id) && i.isSortable ? (H(), V("div", Yd, [
                           q2(n, {
                             icon: "fa-solid fa-filter",
                             onClick: (f) => e.addDeepSort(i)
@@ -11515,11 +11525,11 @@ function tW(M, b, z, p, o, e) {
                         ])) : F0("", !0)
                       ])
                     ])
-                  ], 42, Dd)) : F0("", !0)
+                  ], 42, Ed)) : F0("", !0)
                 ], 64))), 128))
               ]),
               _: 3
-            }, 8, ["modelValue", "ghost-class", "drag-class", "move"])) : (H(), V("tr", Yd, [
+            }, 8, ["modelValue", "ghost-class", "drag-class", "move"])) : (H(), V("tr", Fd, [
               (H(!0), V(d1, null, y2(o.columns, (i, W) => (H(), V(d1, {
                 key: i.id
               }, [
@@ -11543,7 +11553,7 @@ function tW(M, b, z, p, o, e) {
                   }, null, 512), [
                     [jz, o.checkAllCheckBox]
                   ])
-                ], 10, Fd)) : i.show && (!i.onlyOnEditMode || z.lineEditMode) ? (H(), V("th", {
+                ], 10, Ud)) : i.show && (!i.onlyOnEditMode || z.lineEditMode) ? (H(), V("th", {
                   key: 1,
                   id: i.id + "-th-" + W,
                   scope: "col",
@@ -11554,32 +11564,32 @@ function tW(M, b, z, p, o, e) {
                     z.headerTextColor
                   ]])
                 }, [
-                  p0("div", Hd, [
+                  p0("div", jd, [
                     Gz(M.$slots, "tableHeaderTh", { headers: i }, void 0, !0),
-                    i.isSortable && !z.deepSorts ? (H(), V("div", jd, [
+                    i.isSortable && !z.deepSorts ? (H(), V("div", Gd, [
                       q2(n, {
                         icon: o.sortKey !== i.id || o.sortKey === i.id && !o.sortAsc ? "fa-solid fa-arrow-down-wide-short" : "fa-solid fa-arrow-up-short-wide",
                         onClick: (f) => e.updateCurrentSort(i)
                       }, null, 8, ["icon", "onClick"])
-                    ])) : z.deepSorts && !o.deepSortsList.some((f) => f.id === i.id) && i.isSortable ? (H(), V("div", Gd, [
+                    ])) : z.deepSorts && !o.deepSortsList.some((f) => f.id === i.id) && i.isSortable ? (H(), V("div", Vd, [
                       q2(n, {
                         icon: "fa-solid fa-filter",
                         onClick: (f) => e.addDeepSort(i)
                       }, null, 8, ["onClick"])
                     ])) : F0("", !0)
                   ])
-                ], 10, Ud)) : F0("", !0)
+                ], 10, Hd)) : F0("", !0)
               ], 64))), 128))
             ]))
           ]),
           p0("tbody", null, [
-            ((q = e.showeditems) == null ? void 0 : q.length) === 0 ? (H(), V("tr", Vd, [
+            ((q = e.showeditems) == null ? void 0 : q.length) === 0 ? (H(), V("tr", Kd, [
               p0("th", {
                 colspan: o.columns.length,
                 class: "text-center"
               }, b[21] || (b[21] = [
                 p0("span", { class: "text-danger fs-5" }, "Aucune valeur", -1)
-              ]), 8, Kd)
+              ]), 8, Qd)
             ])) : (H(!0), V(d1, { key: 1 }, y2(e.showeditems, (i, W) => (H(), V("tr", {
               key: i.id,
               class: P0({
@@ -11609,10 +11619,10 @@ function tW(M, b, z, p, o, e) {
                     value: i.id,
                     onClick: b[14] || (b[14] = Q2(() => {
                     }, ["stop"]))
-                  }, null, 8, Zd), [
+                  }, null, 8, $d), [
                     [jz, o.selectedItems]
                   ])
-                ], 10, Jd)) : (f.show || o.headerEditMode) && (!f.onlyOnEditMode || z.lineEditMode) ? (H(), V("td", {
+                ], 10, Zd)) : (f.show || o.headerEditMode) && (!f.onlyOnEditMode || z.lineEditMode) ? (H(), V("td", {
                   key: 1,
                   "data-column-id": f.id,
                   class: P0([[
@@ -11627,23 +11637,23 @@ function tW(M, b, z, p, o, e) {
                     headers: f,
                     items: i
                   }, void 0, !0)
-                ], 10, $d)) : F0("", !0)
+                ], 10, MW)) : F0("", !0)
               ], 64))), 128))
-            ], 10, Qd))), 128))
+            ], 10, Jd))), 128))
           ])
         ], 6))
       ])
     ]),
-    p0("div", MW, [
-      o.totalPages && o.totalPages > 1 ? (H(), V("div", bW, [
-        p0("ul", zW, [
-          p0("li", pW, [
+    p0("div", bW, [
+      o.totalPages && o.totalPages > 1 ? (H(), V("div", zW, [
+        p0("ul", pW, [
+          p0("li", OW, [
             p0("a", {
               class: P0(["page-link", { disabled: o.currentPage === 1 }]),
               onClick: b[15] || (b[15] = (i) => o.currentPage = 1)
             }, " « ", 2)
           ]),
-          p0("li", OW, [
+          p0("li", oW, [
             p0("a", {
               class: P0(["page-link", { disabled: o.currentPage === 1 }]),
               onClick: b[16] || (b[16] = (i) => o.currentPage -= 1)
@@ -11656,15 +11666,15 @@ function tW(M, b, z, p, o, e) {
             p0("a", {
               class: "page-link",
               onClick: (W) => o.currentPage = i
-            }, Lb(i), 9, oW)
+            }, Lb(i), 9, cW)
           ], 2))), 128)),
-          p0("li", cW, [
+          p0("li", eW, [
             p0("a", {
               class: P0(["page-link", { disabled: o.currentPage === o.totalPages }]),
               onClick: b[17] || (b[17] = (i) => o.currentPage += 1)
             }, " > ", 2)
           ]),
-          p0("li", eW, [
+          p0("li", tW, [
             p0("a", {
               class: P0(["page-link", { disabled: o.currentPage === o.totalPages }]),
               onClick: b[18] || (b[18] = (i) => o.currentPage = o.totalPages)
@@ -11681,8 +11691,8 @@ function tW(M, b, z, p, o, e) {
     ])
   ], 64);
 }
-const nW = /* @__PURE__ */ Ld(md, [["render", tW], ["__scopeId", "data-v-4c4abb16"]]);
+const aW = /* @__PURE__ */ Ld(md, [["render", AW], ["__scopeId", "data-v-cbb9c9fb"]]);
 export {
-  nW as AmsomTableDraggable,
-  nW as default
+  aW as AmsomTableDraggable,
+  aW as default
 };