cisse-vue-ui 0.2.1 → 0.2.3

package/dist/{CollapsibleCard.vue_vue_type_script_setup_true_lang-Dehf9Ji3.js → CollapsibleCard.vue_vue_type_script_setup_true_lang-Ba03HwW2.js}

@@ -1,9 +1,9 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, useSlots, computed, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, normalizeStyle, withCtx, createSlots, ref, watch, onUnmounted, withDirectives, unref, vModelText, withModifiers, Teleport, Transition, nextTick, resolveComponent, mergeProps, provide, inject, vShow } from "vue";
+import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, useSlots, computed, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, onMounted, nextTick, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, watch, shallowRef, toValue, watchEffect, unref, withCtx, createSlots, ref, onUnmounted, withDirectives, vModelText, withModifiers, Teleport, Transition, normalizeStyle, resolveComponent, mergeProps, provide, vShow } from "vue";
 import { _ as _sfc_main$c } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
 import { e as _sfc_main$d, d as _sfc_main$e, c as _sfc_main$f, b as _sfc_main$g, a as _sfc_main$h } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { Icon } from "@iconify/vue";
-const _hoisted_1$9 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
-const _hoisted_2$7 = {
+const _hoisted_1$8 = { class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950" };
+const _hoisted_2$6 = {
   key: 0,
   class: "flex items-center justify-between border-b border-gray-200 px-5 py-3 dark:border-gray-700"
 };
@@ -25,8 +25,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
           createElementVNode("div", _hoisted_3$4, [
             __props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_4$3, [
               renderSlot(_ctx.$slots, "title", {}, () => [
@@ -48,8 +48,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden" };
-const _hoisted_2$6 = { class: "overflow-x-auto" };
+const _hoisted_1$7 = { class: "overflow-hidden" };
+const _hoisted_2$5 = { class: "overflow-x-auto" };
 const _hoisted_3$3 = { class: "w-full divide-y divide-black/10 text-left dark:divide-white/10" };
 const _hoisted_4$2 = { class: "bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400" };
 const _hoisted_5$2 = {
@@ -159,8 +159,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
     const hasActionSlot = computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createElementVNode("div", _hoisted_2$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$5, [
           createElementVNode("table", _hoisted_3$3, [
             createElementVNode("thead", _hoisted_4$2, [
               createElementVNode("tr", null, [
@@ -234,8 +234,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "space-y-3" };
-const _hoisted_2$5 = {
+const _hoisted_1$6 = { class: "space-y-3" };
+const _hoisted_2$4 = {
   key: 0,
   class: "flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800/50 rounded-xl"
 };
@@ -303,8 +303,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
     const hasEmptySlot = computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        __props.selectable && selectableItems.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
           createVNode(_sfc_main$c, {
             "model-value": allSelected.value,
             indeterminate: someSelected.value,
@@ -345,8 +345,207 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "responsive-list__mobile" };
-const _hoisted_2$4 = { class: "responsive-list__desktop" };
+const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
+const injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
+  var _getCurrentInstance;
+  const key = args[0];
+  const instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
+  const owner = instance !== null && instance !== void 0 ? instance : getCurrentScope();
+  if (owner == null && !hasInjectionContext()) throw new Error("injectLocal must be called in setup");
+  if (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];
+  return inject(...args);
+};
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+function increaseWithUnit(target, delta) {
+  var _target$match;
+  if (typeof target === "number") return target + delta;
+  const value = ((_target$match = target.match(/^-?\d+\.?\d*/)) === null || _target$match === void 0 ? void 0 : _target$match[0]) || "";
+  const unit = target.slice(value.length);
+  const result = Number.parseFloat(value) + delta;
+  if (Number.isNaN(result)) return target;
+  return result + unit;
+}
+function pxValue(px) {
+  return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
+}
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+function getLifeCycleTarget(target) {
+  return getCurrentInstance();
+}
+function tryOnMounted(fn, sync = true, target) {
+  if (getLifeCycleTarget()) onMounted(fn, target);
+  else if (sync) fn();
+  else nextTick(fn);
+}
+function watchImmediate(source, cb, options) {
+  return watch(source, cb, {
+    ...options,
+    immediate: true
+  });
+}
+const defaultWindow = isClient ? window : void 0;
+function unrefElement(elRef) {
+  var _$el;
+  const plain = toValue(elRef);
+  return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
+}
+function useEventListener(...args) {
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
+  };
+  const firstParamTargets = computed(() => {
+    const test = toArray(toValue(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  return watchImmediate(() => {
+    var _firstParamTargets$va, _firstParamTargets$va2;
+    return [
+      (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
+      toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
+      toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+      toValue(firstParamTargets.value ? args[3] : args[2])
+    ];
+  }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
+    if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
+    const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+    const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
+    onCleanup(() => {
+      cleanups.forEach((fn) => fn());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function useMounted() {
+  const isMounted = shallowRef(false);
+  const instance = getCurrentInstance();
+  if (instance) onMounted(() => {
+    isMounted.value = true;
+  }, instance);
+  return isMounted;
+}
+// @__NO_SIDE_EFFECTS__
+function useSupported(callback) {
+  const isMounted = /* @__PURE__ */ useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+const ssrWidthSymbol = Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function useSSRWidth() {
+  const ssrWidth = hasInjectionContext() ? /* @__PURE__ */ injectLocal(ssrWidthSymbol, null) : null;
+  return typeof ssrWidth === "number" ? ssrWidth : void 0;
+}
+function useMediaQuery(query, options = {}) {
+  const { window: window$1 = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
+  const isSupported = /* @__PURE__ */ useSupported(() => window$1 && "matchMedia" in window$1 && typeof window$1.matchMedia === "function");
+  const ssrSupport = shallowRef(typeof ssrWidth === "number");
+  const mediaQuery = shallowRef();
+  const matches = shallowRef(false);
+  const handler = (event) => {
+    matches.value = event.matches;
+  };
+  watchEffect(() => {
+    if (ssrSupport.value) {
+      ssrSupport.value = !isSupported.value;
+      matches.value = toValue(query).split(",").some((queryString) => {
+        const not = queryString.includes("not all");
+        const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let res = Boolean(minWidth || maxWidth);
+        if (minWidth && res) res = ssrWidth >= pxValue(minWidth[1]);
+        if (maxWidth && res) res = ssrWidth <= pxValue(maxWidth[1]);
+        return not ? !res : res;
+      });
+      return;
+    }
+    if (!isSupported.value) return;
+    mediaQuery.value = window$1.matchMedia(toValue(query));
+    matches.value = mediaQuery.value.matches;
+  });
+  useEventListener(mediaQuery, "change", handler, { passive: true });
+  return computed(() => matches.value);
+}
+// @__NO_SIDE_EFFECTS__
+function useBreakpoints(breakpoints, options = {}) {
+  function getValue$1(k, delta) {
+    let v = toValue(breakpoints[toValue(k)]);
+    if (delta != null) v = increaseWithUnit(v, delta);
+    if (typeof v === "number") v = `${v}px`;
+    return v;
+  }
+  const { window: window$1 = defaultWindow, strategy = "min-width", ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
+  const ssrSupport = typeof ssrWidth === "number";
+  const mounted = ssrSupport ? shallowRef(false) : { value: true };
+  if (ssrSupport) tryOnMounted(() => mounted.value = !!window$1);
+  function match(query, size) {
+    if (!mounted.value && ssrSupport) return query === "min" ? ssrWidth >= pxValue(size) : ssrWidth <= pxValue(size);
+    if (!window$1) return false;
+    return window$1.matchMedia(`(${query}-width: ${size})`).matches;
+  }
+  const greaterOrEqual = (k) => {
+    return useMediaQuery(() => `(min-width: ${getValue$1(k)})`, options);
+  };
+  const smallerOrEqual = (k) => {
+    return useMediaQuery(() => `(max-width: ${getValue$1(k)})`, options);
+  };
+  const shortcutMethods = Object.keys(breakpoints).reduce((shortcuts, k) => {
+    Object.defineProperty(shortcuts, k, {
+      get: () => strategy === "min-width" ? greaterOrEqual(k) : smallerOrEqual(k),
+      enumerable: true,
+      configurable: true
+    });
+    return shortcuts;
+  }, {});
+  function current() {
+    const points = Object.keys(breakpoints).map((k) => [
+      k,
+      shortcutMethods[k],
+      pxValue(getValue$1(k))
+    ]).sort((a, b) => a[2] - b[2]);
+    return computed(() => points.filter(([, v]) => v.value).map(([k]) => k));
+  }
+  return Object.assign(shortcutMethods, {
+    greaterOrEqual,
+    smallerOrEqual,
+    greater(k) {
+      return useMediaQuery(() => `(min-width: ${getValue$1(k, 0.1)})`, options);
+    },
+    smaller(k) {
+      return useMediaQuery(() => `(max-width: ${getValue$1(k, -0.1)})`, options);
+    },
+    between(a, b) {
+      return useMediaQuery(() => `(min-width: ${getValue$1(a)}) and (max-width: ${getValue$1(b, -0.1)})`, options);
+    },
+    isGreater(k) {
+      return match("min", getValue$1(k, 0.1));
+    },
+    isGreaterOrEqual(k) {
+      return match("min", getValue$1(k));
+    },
+    isSmaller(k) {
+      return match("max", getValue$1(k, -0.1));
+    },
+    isSmallerOrEqual(k) {
+      return match("max", getValue$1(k));
+    },
+    isInBetween(a, b) {
+      return match("min", getValue$1(a)) && match("max", getValue$1(b, -0.1));
+    },
+    current,
+    active() {
+      const bps = current();
+      return computed(() => bps.value.length === 0 ? "" : bps.value.at(strategy === "min-width" ? -1 : 0));
+    }
+  });
+}
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ResponsiveList",
   props: {
@@ -376,16 +575,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         main: col.main
       }))
     );
-    const breakpointPx = computed(() => {
-      const breakpoints = {
-        sm: 640,
-        md: 768,
-        lg: 1024,
-        xl: 1280,
-        "2xl": 1536
-      };
-      return breakpoints[props.breakpoint];
-    });
     const getCellValue = (item, key) => {
       const keys = key.split(".");
       let value = item;
@@ -402,89 +591,83 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return !!slots[`cell-${key}`];
     };
     const hasActionsSlot = computed(() => !!slots.actions);
+    const breakpoints = /* @__PURE__ */ useBreakpoints({
+      sm: 640,
+      md: 768,
+      lg: 1024,
+      xl: 1280,
+      "2xl": 1536
+    });
+    const isDesktop = computed(() => breakpoints.greaterOrEqual(props.breakpoint).value);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "responsive-list",
-        style: normalizeStyle({ "--breakpoint": breakpointPx.value + "px" })
-      }, [
-        createElementVNode("div", _hoisted_1$6, [
-          createVNode(_sfc_main$9, {
-            items: __props.items,
-            "key-field": __props.keyField,
-            selectable: __props.selectable,
-            "selected-items": __props.selectedItems,
-            "selectable-filter": __props.selectableFilter,
-            onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event)),
-            onSelectAll: _cache[1] || (_cache[1] = ($event) => emit("selectAll"))
-          }, {
-            avatar: withCtx(({ item }) => [
-              renderSlot(_ctx.$slots, "avatar", { item }, void 0, true)
-            ]),
-            content: withCtx(({ item }) => [
-              renderSlot(_ctx.$slots, "mobileContent", { item }, void 0, true)
-            ]),
-            actions: withCtx(({ item }) => [
-              renderSlot(_ctx.$slots, "mobileActions", { item }, () => [
-                renderSlot(_ctx.$slots, "actions", { item }, void 0, true)
-              ], true)
-            ]),
-            empty: withCtx(() => [
-              renderSlot(_ctx.$slots, "empty", {}, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])
-        ]),
-        createElementVNode("div", _hoisted_2$4, [
-          createVNode(_sfc_main$a, {
-            items: __props.items,
-            properties: tableProperties.value,
-            "key-field": __props.keyField,
-            selectable: __props.selectable,
-            "selected-items": __props.selectedItems,
-            "selectable-filter": __props.selectableFilter,
-            onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
-            onSelectAll: _cache[3] || (_cache[3] = ($event) => emit("selectAll"))
-          }, createSlots({
-            empty: withCtx(() => [
-              renderSlot(_ctx.$slots, "empty", {}, void 0, true)
+      return openBlock(), createElementBlock("div", null, [
+        !isDesktop.value ? (openBlock(), createBlock(_sfc_main$9, {
+          key: 0,
+          items: __props.items,
+          "key-field": __props.keyField,
+          selectable: __props.selectable,
+          "selected-items": __props.selectedItems,
+          "selectable-filter": __props.selectableFilter,
+          onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event)),
+          onSelectAll: _cache[1] || (_cache[1] = ($event) => emit("selectAll"))
+        }, {
+          avatar: withCtx(({ item }) => [
+            renderSlot(_ctx.$slots, "avatar", { item })
+          ]),
+          content: withCtx(({ item }) => [
+            renderSlot(_ctx.$slots, "mobileContent", { item })
+          ]),
+          actions: withCtx(({ item }) => [
+            renderSlot(_ctx.$slots, "mobileActions", { item }, () => [
+              renderSlot(_ctx.$slots, "actions", { item })
+            ])
+          ]),
+          empty: withCtx(() => [
+            renderSlot(_ctx.$slots, "empty")
+          ]),
+          _: 3
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (openBlock(), createBlock(_sfc_main$a, {
+          key: 1,
+          items: __props.items,
+          properties: tableProperties.value,
+          "key-field": __props.keyField,
+          selectable: __props.selectable,
+          "selected-items": __props.selectedItems,
+          "selectable-filter": __props.selectableFilter,
+          onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
+          onSelectAll: _cache[3] || (_cache[3] = ($event) => emit("selectAll"))
+        }, createSlots({
+          empty: withCtx(() => [
+            renderSlot(_ctx.$slots, "empty")
+          ]),
+          _: 2
+        }, [
+          renderList(__props.columns, (col) => {
+            return {
+              name: `item-${getColumnKey(col)}`,
+              fn: withCtx(({ item, value }) => [
+                hasCellSlot(getColumnKey(col)) ? renderSlot(_ctx.$slots, `cell-${getColumnKey(col)}`, {
+                  key: 0,
+                  item,
+                  value: getCellValue(item, getColumnKey(col))
+                }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(value), 1)
+                ], 64))
+              ])
+            };
+          }),
+          hasActionsSlot.value ? {
+            name: "action",
+            fn: withCtx(({ item }) => [
+              renderSlot(_ctx.$slots, "actions", { item })
             ]),
-            _: 2
-          }, [
-            renderList(__props.columns, (col) => {
-              return {
-                name: `item-${getColumnKey(col)}`,
-                fn: withCtx(({ item, value }) => [
-                  hasCellSlot(getColumnKey(col)) ? renderSlot(_ctx.$slots, `cell-${getColumnKey(col)}`, {
-                    key: 0,
-                    item,
-                    value: getCellValue(item, getColumnKey(col))
-                  }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createTextVNode(toDisplayString(value), 1)
-                  ], 64))
-                ])
-              };
-            }),
-            hasActionsSlot.value ? {
-              name: "action",
-              fn: withCtx(({ item }) => [
-                renderSlot(_ctx.$slots, "actions", { item }, void 0, true)
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["items", "properties", "key-field", "selectable", "selected-items", "selectable-filter"])
-        ])
-      ], 4);
+            key: "0"
+          } : void 0
+        ]), 1032, ["items", "properties", "key-field", "selectable", "selected-items", "selectable-filter"]))
+      ]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const ResponsiveList = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5563bb86"]]);
 const _hoisted_1$5 = {
   key: 0,
   class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
@@ -1276,17 +1459,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  ResponsiveList as R,
   _sfc_main$b as _,
   _sfc_main$a as a,
   _sfc_main$9 as b,
-  _sfc_main$7 as c,
-  _sfc_main$6 as d,
-  _sfc_main$5 as e,
-  _sfc_main$4 as f,
-  _sfc_main$3 as g,
-  _sfc_main$2 as h,
-  _sfc_main$1 as i,
-  _sfc_main as j
+  _sfc_main$8 as c,
+  _sfc_main$7 as d,
+  _sfc_main$6 as e,
+  _sfc_main$5 as f,
+  _sfc_main$4 as g,
+  _sfc_main$3 as h,
+  _sfc_main$2 as i,
+  _sfc_main$1 as j,
+  _sfc_main as k
 };
-//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-Dehf9Ji3.js.map
+//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-Ba03HwW2.js.map