cisse-vue-ui 0.2.1 → 0.2.2

package/dist/{CollapsibleCard.vue_vue_type_script_setup_true_lang-BEE4gCBC.cjs → CollapsibleCard.vue_vue_type_script_setup_true_lang-BJdxIJo5.cjs}

@@ -3,8 +3,8 @@ 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 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 _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"
 };
@@ -26,8 +26,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
-        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+        __props.title || __props.description || _ctx.$slots.title || _ctx.$slots.description || _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
           vue.createElementVNode("div", _hoisted_3$4, [
             __props.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
@@ -49,8 +49,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.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: "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 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 = {
@@ -160,8 +160,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
     const hasActionSlot = vue.computed(() => !!slots.action);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
-        vue.createElementVNode("div", _hoisted_2$6, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+        vue.createElementVNode("div", _hoisted_2$5, [
           vue.createElementVNode("table", _hoisted_3$3, [
             vue.createElementVNode("thead", _hoisted_4$2, [
               vue.createElementVNode("tr", null, [
@@ -235,8 +235,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.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"
 };
@@ -304,8 +304,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
     const hasEmptySlot = vue.computed(() => !!slots.empty);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
-        __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+        __props.selectable && selectableItems.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
           vue.createVNode(Checkbox_vue_vue_type_script_setup_true_lang._sfc_main, {
             "model-value": allSelected.value,
             indeterminate: someSelected.value,
@@ -346,8 +346,207 @@ const _sfc_main$9 = /* @__PURE__ */ vue.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 = vue.getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
+  const owner = instance !== null && instance !== void 0 ? instance : vue.getCurrentScope();
+  if (owner == null && !vue.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 vue.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 vue.getCurrentInstance();
+}
+function tryOnMounted(fn, sync = true, target) {
+  if (getLifeCycleTarget()) vue.onMounted(fn, target);
+  else if (sync) fn();
+  else vue.nextTick(fn);
+}
+function watchImmediate(source, cb, options) {
+  return vue.watch(source, cb, {
+    ...options,
+    immediate: true
+  });
+}
+const defaultWindow = isClient ? window : void 0;
+function unrefElement(elRef) {
+  var _$el;
+  const plain = vue.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 = vue.computed(() => {
+    const test = toArray(vue.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(vue.toValue(firstParamTargets.value ? args[1] : args[0])),
+      toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
+      vue.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 = vue.shallowRef(false);
+  const instance = vue.getCurrentInstance();
+  if (instance) vue.onMounted(() => {
+    isMounted.value = true;
+  }, instance);
+  return isMounted;
+}
+// @__NO_SIDE_EFFECTS__
+function useSupported(callback) {
+  const isMounted = /* @__PURE__ */ useMounted();
+  return vue.computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+const ssrWidthSymbol = Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function useSSRWidth() {
+  const ssrWidth = vue.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 = vue.shallowRef(typeof ssrWidth === "number");
+  const mediaQuery = vue.shallowRef();
+  const matches = vue.shallowRef(false);
+  const handler = (event) => {
+    matches.value = event.matches;
+  };
+  vue.watchEffect(() => {
+    if (ssrSupport.value) {
+      ssrSupport.value = !isSupported.value;
+      matches.value = vue.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(vue.toValue(query));
+    matches.value = mediaQuery.value.matches;
+  });
+  useEventListener(mediaQuery, "change", handler, { passive: true });
+  return vue.computed(() => matches.value);
+}
+// @__NO_SIDE_EFFECTS__
+function useBreakpoints(breakpoints, options = {}) {
+  function getValue$1(k, delta) {
+    let v = vue.toValue(breakpoints[vue.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 ? vue.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 vue.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 vue.computed(() => bps.value.length === 0 ? "" : bps.value.at(strategy === "min-width" ? -1 : 0));
+    }
+  });
+}
 const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsiveList",
   props: {
@@ -377,16 +576,6 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         main: col.main
       }))
     );
-    const breakpointPx = vue.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;
@@ -403,89 +592,83 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       return !!slots[`cell-${key}`];
     };
     const hasActionsSlot = vue.computed(() => !!slots.actions);
+    const breakpoints = /* @__PURE__ */ useBreakpoints({
+      sm: 640,
+      md: 768,
+      lg: 1024,
+      xl: 1280,
+      "2xl": 1536
+    });
+    const isDesktop = vue.computed(() => breakpoints.greaterOrEqual(props.breakpoint).value);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "responsive-list",
-        style: vue.normalizeStyle({ "--breakpoint": breakpointPx.value + "px" })
-      }, [
-        vue.createElementVNode("div", _hoisted_1$6, [
-          vue.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: vue.withCtx(({ item }) => [
-              vue.renderSlot(_ctx.$slots, "avatar", { item }, void 0, true)
-            ]),
-            content: vue.withCtx(({ item }) => [
-              vue.renderSlot(_ctx.$slots, "mobileContent", { item }, void 0, true)
-            ]),
-            actions: vue.withCtx(({ item }) => [
-              vue.renderSlot(_ctx.$slots, "mobileActions", { item }, () => [
-                vue.renderSlot(_ctx.$slots, "actions", { item }, void 0, true)
-              ], true)
-            ]),
-            empty: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "empty", {}, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])
-        ]),
-        vue.createElementVNode("div", _hoisted_2$4, [
-          vue.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"))
-          }, vue.createSlots({
-            empty: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "empty", {}, void 0, true)
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        !isDesktop.value ? (vue.openBlock(), vue.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: vue.withCtx(({ item }) => [
+            vue.renderSlot(_ctx.$slots, "avatar", { item })
+          ]),
+          content: vue.withCtx(({ item }) => [
+            vue.renderSlot(_ctx.$slots, "mobileContent", { item })
+          ]),
+          actions: vue.withCtx(({ item }) => [
+            vue.renderSlot(_ctx.$slots, "mobileActions", { item }, () => [
+              vue.renderSlot(_ctx.$slots, "actions", { item })
+            ])
+          ]),
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ]),
+          _: 3
+        }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])) : (vue.openBlock(), vue.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"))
+        }, vue.createSlots({
+          empty: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "empty")
+          ]),
+          _: 2
+        }, [
+          vue.renderList(__props.columns, (col) => {
+            return {
+              name: `item-${getColumnKey(col)}`,
+              fn: vue.withCtx(({ item, value }) => [
+                hasCellSlot(getColumnKey(col)) ? vue.renderSlot(_ctx.$slots, `cell-${getColumnKey(col)}`, {
+                  key: 0,
+                  item,
+                  value: getCellValue(item, getColumnKey(col))
+                }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createTextVNode(vue.toDisplayString(value), 1)
+                ], 64))
+              ])
+            };
+          }),
+          hasActionsSlot.value ? {
+            name: "action",
+            fn: vue.withCtx(({ item }) => [
+              vue.renderSlot(_ctx.$slots, "actions", { item })
             ]),
-            _: 2
-          }, [
-            vue.renderList(__props.columns, (col) => {
-              return {
-                name: `item-${getColumnKey(col)}`,
-                fn: vue.withCtx(({ item, value }) => [
-                  hasCellSlot(getColumnKey(col)) ? vue.renderSlot(_ctx.$slots, `cell-${getColumnKey(col)}`, {
-                    key: 0,
-                    item,
-                    value: getCellValue(item, getColumnKey(col))
-                  }, void 0, true) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    vue.createTextVNode(vue.toDisplayString(value), 1)
-                  ], 64))
-                ])
-              };
-            }),
-            hasActionsSlot.value ? {
-              name: "action",
-              fn: vue.withCtx(({ item }) => [
-                vue.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,16 +1459,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-exports.ResponsiveList = ResponsiveList;
 exports._sfc_main = _sfc_main$b;
 exports._sfc_main$1 = _sfc_main$a;
-exports._sfc_main$10 = _sfc_main;
+exports._sfc_main$10 = _sfc_main$1;
+exports._sfc_main$11 = _sfc_main;
 exports._sfc_main$2 = _sfc_main$9;
-exports._sfc_main$3 = _sfc_main$7;
-exports._sfc_main$4 = _sfc_main$6;
-exports._sfc_main$5 = _sfc_main$5;
-exports._sfc_main$6 = _sfc_main$4;
-exports._sfc_main$7 = _sfc_main$3;
-exports._sfc_main$8 = _sfc_main$2;
-exports._sfc_main$9 = _sfc_main$1;
-//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-BEE4gCBC.cjs.map
+exports._sfc_main$3 = _sfc_main$8;
+exports._sfc_main$4 = _sfc_main$7;
+exports._sfc_main$5 = _sfc_main$6;
+exports._sfc_main$6 = _sfc_main$5;
+exports._sfc_main$7 = _sfc_main$4;
+exports._sfc_main$8 = _sfc_main$3;
+exports._sfc_main$9 = _sfc_main$2;
+//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-BJdxIJo5.cjs.map