cisse-vue-ui 0.5.17 → 0.5.21

package/dist/{Timeline.vue_vue_type_script_setup_true_lang-CuPF4MPe.js → Timeline.vue_vue_type_script_setup_true_lang-ykGksWXN.js}

@@ -1,9 +1,13 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, renderSlot, normalizeClass, createElementVNode, createTextVNode, toDisplayString, useSlots, createVNode, Fragment, renderList, createBlock, resolveDynamicComponent, withCtx, onMounted, nextTick, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, watch, shallowRef, toValue, watchEffect, unref, createSlots, ref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, resolveComponent, mergeProps, provide, vShow, onUnmounted } from "vue";
-import { _ as _sfc_main$j } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
-import { e as _sfc_main$k, d as _sfc_main$l, c as _sfc_main$m, b as _sfc_main$n, a as _sfc_main$o } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
+import { defineComponent, computed, createBlock, createElementBlock, openBlock, createCommentVNode, renderSlot, normalizeClass, createElementVNode, createTextVNode, toDisplayString, useSlots, createVNode, Fragment, renderList, resolveDynamicComponent, withCtx, onMounted, nextTick, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, watch, shallowRef, toValue, watchEffect, unref, createSlots, ref, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, resolveComponent, mergeProps, provide, vShow, onUnmounted } from "vue";
+import { _ as _sfc_main$l } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
+import { a as _sfc_main$j, _ as _sfc_main$k, b as _sfc_main$r } from "./ListSkeleton.vue_vue_type_script_setup_true_lang-D3_Oddwt.js";
+import { e as _sfc_main$m, d as _sfc_main$n, c as _sfc_main$o, b as _sfc_main$p, a as _sfc_main$q } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { Icon } from "@iconify/vue";
 import { u as useDropdown } from "./useDropdown-iVu14E6s.js";
-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,
@@ -16,7 +20,11 @@ const _sfc_main$i = /* @__PURE__ */ 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;
@@ -27,7 +35,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       () => props.dividerClass || "border-gray-200 dark:border-gray-700"
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return __props.loading ? (openBlock(), createBlock(_sfc_main$j, {
+        key: 0,
+        lines: __props.loadingLines,
+        "show-avatar": __props.loadingAvatar,
+        "show-actions": __props.loadingActions
+      }, null, 8, ["lines", "show-avatar", "show-actions"])) : (openBlock(), createElementBlock("div", _hoisted_1$c, [
         _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["border-b", dividerClasses.value])
@@ -57,12 +70,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           ])
         ], 2)) : createCommentVNode("", true),
         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 = {
@@ -102,7 +118,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     selectableFilter: {},
     keyField: { default: "id" },
     sortBy: {},
-    sortDirection: {}
+    sortDirection: {},
+    loading: { type: Boolean, default: false },
+    loadingRows: { default: 5 }
   },
   emits: ["select", "selectAll", "sort"],
   setup(__props, { emit: __emit }) {
@@ -110,14 +128,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const typeComponents = {
-      text: _sfc_main$o,
-      number: _sfc_main$n,
-      date: _sfc_main$m,
-      boolean: _sfc_main$l,
-      badge: _sfc_main$k
+      text: _sfc_main$q,
+      number: _sfc_main$p,
+      date: _sfc_main$o,
+      boolean: _sfc_main$n,
+      badge: _sfc_main$m
     };
     const getTypeComponent = (type = "text") => {
-      return typeComponents[type] || _sfc_main$o;
+      return typeComponents[type] || _sfc_main$q;
     };
     const visibleProperties = computed(() => props.properties.filter((p) => !p.hidden));
     const getKey = (item) => {
@@ -192,12 +210,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$8, [
+        __props.loading ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          rows: __props.loadingRows,
+          columns: visibleProperties.value.length
+        }, null, 8, ["rows", "columns"])) : (openBlock(), createElementBlock("div", _hoisted_2$8, [
           createElementVNode("table", _hoisted_3$6, [
             createElementVNode("thead", _hoisted_4$5, [
               createElementVNode("tr", null, [
                 __props.selectable ? (openBlock(), createElementBlock("th", _hoisted_5$3, [
-                  createVNode(_sfc_main$j, {
+                  createVNode(_sfc_main$l, {
                     "model-value": allSelected.value,
                     indeterminate: someSelected.value,
                     disabled: selectableItems.value.length === 0,
@@ -256,7 +278,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["hover:bg-black/5 dark:hover:bg-white/5 transition-colors", { "bg-primary/5 dark:bg-primary/10": isSelected(item) }])
                 }, [
                   __props.selectable ? (openBlock(), createElementBlock("td", _hoisted_11$1, [
-                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$j, {
+                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$l, {
                       key: 0,
                       "model-value": isSelected(item),
                       "onUpdate:modelValue": ($event) => handleSelect(item)
@@ -289,11 +311,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 ], 2);
               }), 128))
             ])
-          ])
-        ]),
-        !__props.items || __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_13, [
-          renderSlot(_ctx.$slots, "empty")
-        ])) : createCommentVNode("", true)
+          ]),
+          !__props.items || __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_13, [
+            renderSlot(_ctx.$slots, "empty")
+          ])) : createCommentVNode("", true)
+        ]))
       ]);
     };
   }
@@ -324,7 +346,9 @@ const _sfc_main$g = /* @__PURE__ */ 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 }) {
@@ -365,51 +389,63 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const hasEmptySlot = computed(() => !!slots.empty);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$i, { key: 0 }, {
+        __props.loading ? (openBlock(), createBlock(_sfc_main$i, { key: 0 }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$7, [
-              createVNode(_sfc_main$j, {
-                "model-value": allSelected.value,
-                indeterminate: someSelected.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
-              }, null, 8, ["model-value", "indeterminate"]),
-              createElementVNode("span", _hoisted_3$5, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
-              __props.selectedItems && __props.selectedItems.size > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$4, " (" + toDisplayString(__props.selectedItems.size) + " sélectionné" + toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : createCommentVNode("", true)
-            ])
+            createVNode(_sfc_main$r, {
+              items: __props.loadingItems,
+              "show-avatar": "",
+              "show-secondary": "",
+              "show-action": ""
+            }, null, 8, ["items"])
           ]),
           _: 1
-        })) : createCommentVNode("", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-          return openBlock(), createBlock(_sfc_main$i, {
-            key: getKey(item),
-            class: normalizeClass(["hover:shadow-lg transition-all duration-200", {
-              "ring-2 ring-primary": isSelected(item)
-            }])
-          }, {
+        })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$i, { key: 0 }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_5$2, [
-                __props.selectable ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-                  isSelectable(item) ? (openBlock(), createBlock(_sfc_main$j, {
-                    key: 0,
-                    "model-value": isSelected(item),
-                    "onUpdate:modelValue": ($event) => handleSelect(item)
-                  }, null, 8, ["model-value", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_7$2))
-                ])) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "avatar", { item }),
-                createElementVNode("div", _hoisted_8$2, [
-                  renderSlot(_ctx.$slots, "content", { item })
-                ]),
-                createElementVNode("div", _hoisted_9$2, [
-                  renderSlot(_ctx.$slots, "actions", { item })
-                ])
+              createElementVNode("div", _hoisted_2$7, [
+                createVNode(_sfc_main$l, {
+                  "model-value": allSelected.value,
+                  indeterminate: someSelected.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
+                }, null, 8, ["model-value", "indeterminate"]),
+                createElementVNode("span", _hoisted_3$5, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
+                __props.selectedItems && __props.selectedItems.size > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$4, " (" + toDisplayString(__props.selectedItems.size) + " sélectionné" + toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : createCommentVNode("", true)
               ])
             ]),
-            _: 2
-          }, 1032, ["class"]);
-        }), 128)),
-        __props.items.length === 0 && hasEmptySlot.value ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-          renderSlot(_ctx.$slots, "empty")
-        ])) : createCommentVNode("", true)
+            _: 1
+          })) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+            return openBlock(), createBlock(_sfc_main$i, {
+              key: getKey(item),
+              class: normalizeClass(["hover:shadow-lg transition-all duration-200", {
+                "ring-2 ring-primary": isSelected(item)
+              }])
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_5$2, [
+                  __props.selectable ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+                    isSelectable(item) ? (openBlock(), createBlock(_sfc_main$l, {
+                      key: 0,
+                      "model-value": isSelected(item),
+                      "onUpdate:modelValue": ($event) => handleSelect(item)
+                    }, null, 8, ["model-value", "onUpdate:modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_7$2))
+                  ])) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "avatar", { item }),
+                  createElementVNode("div", _hoisted_8$2, [
+                    renderSlot(_ctx.$slots, "content", { item })
+                  ]),
+                  createElementVNode("div", _hoisted_9$2, [
+                    renderSlot(_ctx.$slots, "actions", { item })
+                  ])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class"]);
+          }), 128)),
+          __props.items.length === 0 && hasEmptySlot.value ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+            renderSlot(_ctx.$slots, "empty")
+          ])) : createCommentVNode("", true)
+        ], 64))
       ]);
     };
   }
@@ -626,7 +662,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     selectableFilter: {},
     breakpoint: { default: "lg" },
     sortBy: {},
-    sortDirection: {}
+    sortDirection: {},
+    loading: { type: Boolean, default: false },
+    loadingRows: { default: 5 }
   },
   emits: ["select", "selectAll", "sort"],
   setup(__props, { emit: __emit }) {
@@ -679,6 +717,8 @@ const _sfc_main$f = /* @__PURE__ */ 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"))
         }, {
@@ -697,7 +737,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "empty")
           ]),
           _: 3
-        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (openBlock(), createBlock(_sfc_main$i, { key: 1 }, {
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (openBlock(), createBlock(_sfc_main$i, { key: 1 }, {
           default: withCtx(() => [
             createVNode(_sfc_main$h, {
               items: __props.items,
@@ -708,6 +748,8 @@ const _sfc_main$f = /* @__PURE__ */ 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))
@@ -738,7 +780,7 @@ const _sfc_main$f = /* @__PURE__ */ 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
         }))
@@ -2139,4 +2181,4 @@ export {
   _sfc_main$1 as q,
   _sfc_main as r
 };
-//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-CuPF4MPe.js.map
+//# sourceMappingURL=Timeline.vue_vue_type_script_setup_true_lang-ykGksWXN.js.map