cisse-vue-ui 0.2.0 → 0.2.2

package/dist/{CollapsibleCard.vue_vue_type_script_setup_true_lang-DTGAuLCh.js → CollapsibleCard.vue_vue_type_script_setup_true_lang-DqPXkdNI.js}

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString, useSlots, computed, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, createSlots, ref, watch, onUnmounted, withDirectives, unref, vModelText, withModifiers, Teleport, Transition, normalizeStyle, 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";
@@ -345,6 +345,207 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+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: {
@@ -374,16 +575,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         main: col.main
       }))
     );
-    const breakpointClass = computed(() => {
-      const breakpoints = {
-        sm: { mobile: "sm:hidden", desktop: "hidden sm:block" },
-        md: { mobile: "md:hidden", desktop: "hidden md:block" },
-        lg: { mobile: "lg:hidden", desktop: "hidden lg:block" },
-        xl: { mobile: "xl:hidden", desktop: "hidden xl:block" },
-        "2xl": { mobile: "2xl:hidden", desktop: "hidden 2xl:block" }
-      };
-      return breakpoints[props.breakpoint];
-    });
     const getCellValue = (item, key) => {
       const keys = key.split(".");
       let value = item;
@@ -400,78 +591,79 @@ 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", null, [
-        createElementVNode("div", {
-          class: normalizeClass(breakpointClass.value.mobile)
+        !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
         }, [
-          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 })
-            ]),
-            content: withCtx(({ item }) => [
-              renderSlot(_ctx.$slots, "mobileContent", { item })
-            ]),
-            actions: withCtx(({ item }) => [
-              renderSlot(_ctx.$slots, "mobileActions", { item }, () => [
-                renderSlot(_ctx.$slots, "actions", { item })
+          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 })
             ]),
-            empty: withCtx(() => [
-              renderSlot(_ctx.$slots, "empty")
-            ]),
-            _: 3
-          }, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter"])
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(breakpointClass.value.desktop)
-        }, [
-          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")
-            ]),
-            _: 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 })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["items", "properties", "key-field", "selectable", "selected-items", "selectable-filter"])
-        ], 2)
+            key: "0"
+          } : void 0
+        ]), 1032, ["items", "properties", "key-field", "selectable", "selected-items", "selectable-filter"]))
       ]);
     };
   }
@@ -1280,4 +1472,4 @@ export {
   _sfc_main$1 as j,
   _sfc_main as k
 };
-//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-DTGAuLCh.js.map
+//# sourceMappingURL=CollapsibleCard.vue_vue_type_script_setup_true_lang-DqPXkdNI.js.map