cisse-vue-ui 0.5.16 → 0.5.21

package/dist/{Timeline.vue_vue_type_script_setup_true_lang-CqeiZOID.cjs → Timeline.vue_vue_type_script_setup_true_lang-C5SKEGPG.cjs}

@@ -1,10 +1,14 @@
 "use strict";
 const vue = require("vue");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
+const ListSkeleton_vue_vue_type_script_setup_true_lang = require("./ListSkeleton.vue_vue_type_script_setup_true_lang-CrEu33_J.cjs");
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
-const _hoisted_1$c = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
+const _hoisted_1$c = {
+  key: 1,
+  class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950"
+};
 const _hoisted_2$9 = { class: "flex flex-col gap-0.5" };
 const _hoisted_3$7 = {
   key: 1,
@@ -17,7 +21,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     title: {},
     description: {},
     titleClass: {},
-    dividerClass: {}
+    dividerClass: {},
+    loading: { type: Boolean, default: false },
+    loadingLines: { default: 3 },
+    loadingAvatar: { type: Boolean, default: false },
+    loadingActions: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
@@ -28,7 +36,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       () => props.dividerClass || "border-gray-200 dark:border-gray-700"
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+      return __props.loading ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$1, {
+        key: 0,
+        lines: __props.loadingLines,
+        "show-avatar": __props.loadingAvatar,
+        "show-actions": __props.loadingActions
+      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
         _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["border-b", dividerClasses.value])
@@ -58,12 +71,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           ])
         ], 2)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ]);
+      ]));
     };
   }
 });
 const _hoisted_1$b = { class: "overflow-hidden" };
-const _hoisted_2$8 = { class: "overflow-x-auto" };
+const _hoisted_2$8 = {
+  key: 1,
+  class: "overflow-x-auto"
+};
 const _hoisted_3$6 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
 const _hoisted_4$5 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
 const _hoisted_5$3 = {
@@ -103,7 +119,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     selectableFilter: {},
     keyField: { default: "id" },
     sortBy: {},
-    sortDirection: {}
+    sortDirection: {},
+    loading: { type: Boolean, default: false },
+    loadingRows: { default: 5 }
   },
   emits: ["select", "selectAll", "sort"],
   setup(__props, { emit: __emit }) {
@@ -193,7 +211,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-        vue.createElementVNode("div", _hoisted_2$8, [
+        __props.loading ? (vue.openBlock(), vue.createBlock(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main, {
+          key: 0,
+          rows: __props.loadingRows,
+          columns: visibleProperties.value.length
+        }, null, 8, ["rows", "columns"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
           vue.createElementVNode("table", _hoisted_3$6, [
             vue.createElementVNode("thead", _hoisted_4$5, [
               vue.createElementVNode("tr", null, [
@@ -290,11 +312,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 ], 2);
               }), 128))
             ])
-          ])
-        ]),
-        !__props.items || __props.items.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
-          vue.renderSlot(_ctx.$slots, "empty")
-        ])) : vue.createCommentVNode("", true)
+          ]),
+          !__props.items || __props.items.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ])) : vue.createCommentVNode("", true)
+        ]))
       ]);
     };
   }
@@ -325,7 +347,9 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     keyField: { default: "id" },
     selectable: { type: Boolean, default: false },
     selectedItems: {},
-    selectableFilter: {}
+    selectableFilter: {},
+    loading: { type: Boolean, default: false },
+    loadingItems: { default: 5 }
   },
   emits: ["select", "selectAll"],
   setup(__props, { emit: __emit }) {
@@ -366,51 +390,63 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     const hasEmptySlot = vue.computed(() => !!slots.empty);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
-        __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 }, {
+        __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$7, [
-              vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
-                "model-value": allSelected.value,
-                indeterminate: someSelected.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
-              }, null, 8, ["model-value", "indeterminate"]),
-              vue.createElementVNode("span", _hoisted_3$5, vue.toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
-              __props.selectedItems && __props.selectedItems.size > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, " (" + vue.toDisplayString(__props.selectedItems.size) + " sélectionné" + vue.toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : vue.createCommentVNode("", true)
-            ])
+            vue.createVNode(ListSkeleton_vue_vue_type_script_setup_true_lang._sfc_main$2, {
+              items: __props.loadingItems,
+              "show-avatar": "",
+              "show-secondary": "",
+              "show-action": ""
+            }, null, 8, ["items"])
           ]),
           _: 1
-        })) : vue.createCommentVNode("", true),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$i, {
-            key: getKey(item),
-            class: vue.normalizeClass(["hover:shadow-lg transition-all duration-200", {
-              "ring-2 ring-primary": isSelected(item)
-            }])
-          }, {
+        })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 0 }, {
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_5$2, [
-                __props.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
-                  isSelectable(item) ? (vue.openBlock(), vue.createBlock(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
-                    key: 0,
-                    "model-value": isSelected(item),
-                    "onUpdate:modelValue": ($event) => handleSelect(item)
-                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
-                ])) : vue.createCommentVNode("", true),
-                vue.renderSlot(_ctx.$slots, "avatar", { item }),
-                vue.createElementVNode("div", _hoisted_8$2, [
-                  vue.renderSlot(_ctx.$slots, "content", { item })
-                ]),
-                vue.createElementVNode("div", _hoisted_9$2, [
-                  vue.renderSlot(_ctx.$slots, "actions", { item })
-                ])
+              vue.createElementVNode("div", _hoisted_2$7, [
+                vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
+                  "model-value": allSelected.value,
+                  indeterminate: someSelected.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
+                }, null, 8, ["model-value", "indeterminate"]),
+                vue.createElementVNode("span", _hoisted_3$5, vue.toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
+                __props.selectedItems && __props.selectedItems.size > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, " (" + vue.toDisplayString(__props.selectedItems.size) + " sélectionné" + vue.toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : vue.createCommentVNode("", true)
               ])
             ]),
-            _: 2
-          }, 1032, ["class"]);
-        }), 128)),
-        __props.items.length === 0 && hasEmptySlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
-          vue.renderSlot(_ctx.$slots, "empty")
-        ])) : vue.createCommentVNode("", true)
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
+            return vue.openBlock(), vue.createBlock(_sfc_main$i, {
+              key: getKey(item),
+              class: vue.normalizeClass(["hover:shadow-lg transition-all duration-200", {
+                "ring-2 ring-primary": isSelected(item)
+              }])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_5$2, [
+                  __props.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+                    isSelectable(item) ? (vue.openBlock(), vue.createBlock(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
+                      key: 0,
+                      "model-value": isSelected(item),
+                      "onUpdate:modelValue": ($event) => handleSelect(item)
+                    }, null, 8, ["model-value", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
+                  ])) : vue.createCommentVNode("", true),
+                  vue.renderSlot(_ctx.$slots, "avatar", { item }),
+                  vue.createElementVNode("div", _hoisted_8$2, [
+                    vue.renderSlot(_ctx.$slots, "content", { item })
+                  ]),
+                  vue.createElementVNode("div", _hoisted_9$2, [
+                    vue.renderSlot(_ctx.$slots, "actions", { item })
+                  ])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class"]);
+          }), 128)),
+          __props.items.length === 0 && hasEmptySlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$1, [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ])) : vue.createCommentVNode("", true)
+        ], 64))
       ]);
     };
   }
@@ -627,7 +663,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     selectableFilter: {},
     breakpoint: { default: "lg" },
     sortBy: {},
-    sortDirection: {}
+    sortDirection: {},
+    loading: { type: Boolean, default: false },
+    loadingRows: { default: 5 }
   },
   emits: ["select", "selectAll", "sort"],
   setup(__props, { emit: __emit }) {
@@ -680,6 +718,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           selectable: __props.selectable,
           "selected-items": __props.selectedItems,
           "selectable-filter": __props.selectableFilter,
+          loading: __props.loading,
+          "loading-items": __props.loadingRows,
           onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event)),
           onSelectAll: _cache[1] || (_cache[1] = ($event) => emit("selectAll"))
         }, {
@@ -698,7 +738,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "empty")
           ]),
           _: 3
-        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 1 }, {
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (vue.openBlock(), vue.createBlock(_sfc_main$i, { key: 1 }, {
           default: vue.withCtx(() => [
             vue.createVNode(_sfc_main$h, {
               items: __props.items,
@@ -709,6 +749,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               "selectable-filter": __props.selectableFilter,
               "sort-by": __props.sortBy,
               "sort-direction": __props.sortDirection,
+              loading: __props.loading,
+              "loading-rows": __props.loadingRows,
               onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
               onSelectAll: _cache[3] || (_cache[3] = ($event) => emit("selectAll")),
               onSort: _cache[4] || (_cache[4] = (col, dir) => emit("sort", col, dir))
@@ -739,7 +781,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["items", "properties", "key-field", "selectable", "selected-items", "selectable-filter", "sort-by", "sort-direction"])
+            ]), 1032, ["items", "properties", "key-field", "selectable", "selected-items", "selectable-filter", "sort-by", "sort-direction", "loading", "loading-rows"])
           ]),
           _: 3
         }))
@@ -2138,4 +2180,4 @@ exports._sfc_main$6 = _sfc_main$c;
 exports._sfc_main$7 = _sfc_main$b;
 exports._sfc_main$8 = _sfc_main$a;
 exports._sfc_main$9 = _sfc_main$9;
-//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-CqeiZOID.cjs.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-C5SKEGPG.cjs.map