cisse-vue-ui 0.8.3 → 0.9.0

package/dist/usePagination-gvvh1zqA.cjs

@@ -0,0 +1,134 @@
+"use strict";
+const vue = require("vue");
+function useDarkMode(options = {}) {
+  const {
+    selector = "html",
+    attribute = "class",
+    storageKey = "dark-mode",
+    defaultValue = false
+  } = options;
+  const isDark = vue.ref(defaultValue);
+  const getInitialValue = () => {
+    if (typeof window === "undefined") return defaultValue;
+    const stored = localStorage.getItem(storageKey);
+    if (stored !== null) {
+      return stored === "true";
+    }
+    return window.matchMedia("(prefers-color-scheme: dark)").matches;
+  };
+  const updateDOM = (dark) => {
+    if (typeof document === "undefined") return;
+    const element = document.querySelector(selector);
+    if (!element) return;
+    if (attribute === "class") {
+      element.classList.toggle("dark", dark);
+    } else {
+      element.setAttribute(attribute, dark ? "dark" : "light");
+    }
+  };
+  const toggle = () => {
+    isDark.value = !isDark.value;
+  };
+  const set = (value) => {
+    isDark.value = value;
+  };
+  vue.watch(isDark, (newValue) => {
+    updateDOM(newValue);
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(storageKey, String(newValue));
+    }
+  });
+  vue.onMounted(() => {
+    isDark.value = getInitialValue();
+    updateDOM(isDark.value);
+  });
+  return {
+    isDark,
+    toggle,
+    set
+  };
+}
+function usePagination(options) {
+  const {
+    items: itemsOption,
+    pageSize: initialPageSize = 10,
+    initialPage = 1
+  } = options;
+  const currentPage = vue.ref(initialPage);
+  const pageSize = vue.ref(initialPageSize);
+  const allItems = vue.computed(() => {
+    return "value" in itemsOption ? itemsOption.value : itemsOption;
+  });
+  const totalItems = vue.computed(() => allItems.value.length);
+  const totalPages = vue.computed(() => {
+    if (totalItems.value === 0) return 1;
+    return Math.ceil(totalItems.value / pageSize.value);
+  });
+  const startIndex = vue.computed(() => {
+    return (currentPage.value - 1) * pageSize.value;
+  });
+  const endIndex = vue.computed(() => {
+    return Math.min(startIndex.value + pageSize.value - 1, totalItems.value - 1);
+  });
+  const paginatedItems = vue.computed(() => {
+    const start = startIndex.value;
+    const end = start + pageSize.value;
+    return allItems.value.slice(start, end);
+  });
+  const hasPrevious = vue.computed(() => currentPage.value > 1);
+  const hasNext = vue.computed(() => currentPage.value < totalPages.value);
+  vue.watch(totalPages, (newTotalPages) => {
+    if (currentPage.value > newTotalPages) {
+      currentPage.value = Math.max(1, newTotalPages);
+    }
+  });
+  const goToPage = (page) => {
+    const validPage = Math.max(1, Math.min(page, totalPages.value));
+    currentPage.value = validPage;
+  };
+  const nextPage = () => {
+    if (hasNext.value) {
+      currentPage.value++;
+    }
+  };
+  const previousPage = () => {
+    if (hasPrevious.value) {
+      currentPage.value--;
+    }
+  };
+  const firstPage = () => {
+    currentPage.value = 1;
+  };
+  const lastPage = () => {
+    currentPage.value = totalPages.value;
+  };
+  const setPageSize = (size) => {
+    pageSize.value = size;
+    currentPage.value = 1;
+  };
+  const reset = () => {
+    currentPage.value = initialPage;
+    pageSize.value = initialPageSize;
+  };
+  return {
+    currentPage,
+    pageSize,
+    totalPages,
+    totalItems,
+    paginatedItems,
+    startIndex,
+    endIndex,
+    hasPrevious,
+    hasNext,
+    goToPage,
+    nextPage,
+    previousPage,
+    firstPage,
+    lastPage,
+    setPageSize,
+    reset
+  };
+}
+exports.useDarkMode = useDarkMode;
+exports.usePagination = usePagination;
+//# sourceMappingURL=usePagination-gvvh1zqA.cjs.map

package/dist/usePagination-gvvh1zqA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination-gvvh1zqA.cjs","sources":["../src/composables/useDarkMode.ts","../src/composables/usePagination.ts"],"sourcesContent":["import { ref, watch, onMounted } from 'vue'\n\nexport interface DarkModeOptions {\n  selector?: string\n  attribute?: string\n  storageKey?: string\n  defaultValue?: boolean\n}\n\n/**\n * Composable for managing dark mode state\n */\nexport function useDarkMode(options: DarkModeOptions = {}) {\n  const {\n    selector = 'html',\n    attribute = 'class',\n    storageKey = 'dark-mode',\n    defaultValue = false,\n  } = options\n\n  const isDark = ref(defaultValue)\n\n  const getInitialValue = (): boolean => {\n    if (typeof window === 'undefined') return defaultValue\n\n    const stored = localStorage.getItem(storageKey)\n    if (stored !== null) {\n      return stored === 'true'\n    }\n\n    return window.matchMedia('(prefers-color-scheme: dark)').matches\n  }\n\n  const updateDOM = (dark: boolean) => {\n    if (typeof document === 'undefined') return\n\n    const element = document.querySelector(selector)\n    if (!element) return\n\n    if (attribute === 'class') {\n      element.classList.toggle('dark', dark)\n    } else {\n      element.setAttribute(attribute, dark ? 'dark' : 'light')\n    }\n  }\n\n  const toggle = () => {\n    isDark.value = !isDark.value\n  }\n\n  const set = (value: boolean) => {\n    isDark.value = value\n  }\n\n  watch(isDark, (newValue) => {\n    updateDOM(newValue)\n    if (typeof localStorage !== 'undefined') {\n      localStorage.setItem(storageKey, String(newValue))\n    }\n  })\n\n  onMounted(() => {\n    isDark.value = getInitialValue()\n    updateDOM(isDark.value)\n  })\n\n  return {\n    isDark,\n    toggle,\n    set,\n  }\n}\n","import { ref, computed, watch, type Ref, type ComputedRef } from 'vue'\r\n\r\nexport interface UsePaginationOptions<T> {\r\n  /** The full array of items to paginate */\r\n  items: T[] | Ref<T[]>\r\n  /** Initial page size */\r\n  pageSize?: number\r\n  /** Initial page (1-indexed) */\r\n  initialPage?: number\r\n}\r\n\r\nexport interface UsePaginationReturn<T> {\r\n  /** Current page number (1-indexed) */\r\n  currentPage: Ref<number>\r\n  /** Current page size */\r\n  pageSize: Ref<number>\r\n  /** Total number of pages */\r\n  totalPages: ComputedRef<number>\r\n  /** Total number of items */\r\n  totalItems: ComputedRef<number>\r\n  /** Items for the current page */\r\n  paginatedItems: ComputedRef<T[]>\r\n  /** Index of the first item on current page (0-indexed) */\r\n  startIndex: ComputedRef<number>\r\n  /** Index of the last item on current page (0-indexed) */\r\n  endIndex: ComputedRef<number>\r\n  /** Whether there is a previous page */\r\n  hasPrevious: ComputedRef<boolean>\r\n  /** Whether there is a next page */\r\n  hasNext: ComputedRef<boolean>\r\n  /** Go to a specific page */\r\n  goToPage: (page: number) => void\r\n  /** Go to the next page */\r\n  nextPage: () => void\r\n  /** Go to the previous page */\r\n  previousPage: () => void\r\n  /** Go to the first page */\r\n  firstPage: () => void\r\n  /** Go to the last page */\r\n  lastPage: () => void\r\n  /** Set page size (resets to page 1) */\r\n  setPageSize: (size: number) => void\r\n  /** Reset to initial state */\r\n  reset: () => void\r\n}\r\n\r\nexport function usePagination<T>(\r\n  options: UsePaginationOptions<T>\r\n): UsePaginationReturn<T> {\r\n  const {\r\n    items: itemsOption,\r\n    pageSize: initialPageSize = 10,\r\n    initialPage = 1,\r\n  } = options\r\n\r\n  const currentPage = ref(initialPage)\r\n  const pageSize = ref(initialPageSize)\r\n\r\n  const allItems = computed(() => {\r\n    return 'value' in itemsOption ? itemsOption.value : itemsOption\r\n  })\r\n\r\n  const totalItems = computed(() => allItems.value.length)\r\n\r\n  const totalPages = computed(() => {\r\n    if (totalItems.value === 0) return 1\r\n    return Math.ceil(totalItems.value / pageSize.value)\r\n  })\r\n\r\n  const startIndex = computed(() => {\r\n    return (currentPage.value - 1) * pageSize.value\r\n  })\r\n\r\n  const endIndex = computed(() => {\r\n    return Math.min(startIndex.value + pageSize.value - 1, totalItems.value - 1)\r\n  })\r\n\r\n  const paginatedItems = computed(() => {\r\n    const start = startIndex.value\r\n    const end = start + pageSize.value\r\n    return allItems.value.slice(start, end)\r\n  })\r\n\r\n  const hasPrevious = computed(() => currentPage.value > 1)\r\n  const hasNext = computed(() => currentPage.value < totalPages.value)\r\n\r\n  // Ensure current page is valid when items change\r\n  watch(totalPages, (newTotalPages) => {\r\n    if (currentPage.value > newTotalPages) {\r\n      currentPage.value = Math.max(1, newTotalPages)\r\n    }\r\n  })\r\n\r\n  const goToPage = (page: number) => {\r\n    const validPage = Math.max(1, Math.min(page, totalPages.value))\r\n    currentPage.value = validPage\r\n  }\r\n\r\n  const nextPage = () => {\r\n    if (hasNext.value) {\r\n      currentPage.value++\r\n    }\r\n  }\r\n\r\n  const previousPage = () => {\r\n    if (hasPrevious.value) {\r\n      currentPage.value--\r\n    }\r\n  }\r\n\r\n  const firstPage = () => {\r\n    currentPage.value = 1\r\n  }\r\n\r\n  const lastPage = () => {\r\n    currentPage.value = totalPages.value\r\n  }\r\n\r\n  const setPageSize = (size: number) => {\r\n    pageSize.value = size\r\n    currentPage.value = 1 // Reset to first page when changing page size\r\n  }\r\n\r\n  const reset = () => {\r\n    currentPage.value = initialPage\r\n    pageSize.value = initialPageSize\r\n  }\r\n\r\n  return {\r\n    currentPage,\r\n    pageSize,\r\n    totalPages,\r\n    totalItems,\r\n    paginatedItems,\r\n    startIndex,\r\n    endIndex,\r\n    hasPrevious,\r\n    hasNext,\r\n    goToPage,\r\n    nextPage,\r\n    previousPage,\r\n    firstPage,\r\n    lastPage,\r\n    setPageSize,\r\n    reset,\r\n  }\r\n}\r\n"],"names":["ref","watch","onMounted","computed"],"mappings":"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"}