{"version":3,"file":"index.mjs","sources":["../src/lib/utils.ts","../src/lib/select.ts","../src/lib/date-picker.ts","../src/lib/datatable.ts","../src/lib/plugin.ts"],"sourcesContent":["import {\n PaginationInterface,\n SortQueryInterface,\n TableColumnInterface,\n} from './types';\n\n/**\n * Safely gets the value at path of object.\n *\n * @param obj - The object to query.\n * @param path - The path of the property to get.\n * @returns The resolved value.\n */\nexport function get(obj: any, path: string): any {\n if (obj == null) return undefined;\n\n // Handle both dot notation and array indexing\n const pathArray = path.replace(/\\[(\\w+)\\]/g, '.$1').split('.');\n let result = obj;\n\n for (const key of pathArray) {\n if (result == null) return undefined;\n result = result[key];\n }\n\n return result;\n}\n\n/**\n * Checks if value is an empty object, collection, or string.\n * @param value - The value to check.\n * @returns Returns true if value is empty, else false.\n */\nexport function isEmpty(value: any): boolean {\n if (value == null) return true;\n\n if (typeof value === 'string' || Array.isArray(value)) {\n return value.length === 0;\n }\n\n if (typeof value === 'object') {\n return Object.keys(value).length === 0;\n }\n\n return false;\n}\n\n/**\n * A function that retrieves an array of rows asynchronously.\n *\n * @returns A promise resolving to an array of rows.\n */\ntype RowsGetter = () => Promise>;\n\n/**\n * Retrieves an array of rows either from a getter function or the provided default rows.\n *\n * @param getter - An optional function to retrieve rows asynchronously.\n * @param defaultRows - An array of default rows (empty by default).\n * @param indexed - If true, adds an 'index' property to each row.\n * @returns An array of rows.\n */\nexport async function getRows(\n defaultRows: Array,\n indexed = false,\n getter?: RowsGetter\n): Promise> {\n let rows = defaultRows;\n if (typeof getter === 'function') rows = await getter();\n return indexed\n ? rows.map((r: any, i: number) => ({ ...r, index: i + 1 }))\n : rows;\n}\n\n/**\n * Creates an array of elements, sorted in ascending/descending order by the results of running\n * each element through each iteratee.\n *\n * @param collection - The collection to iterate over.\n * @param iteratees - The iteratees to sort by.\n * @param orders - The sort orders of iteratees.\n * @returns Returns the new sorted array.\n */\nexport function orderBy(\n collection: any[],\n iteratees: ((item: any) => any)[],\n orders: string[]\n): any[] {\n if (!Array.isArray(collection)) return [];\n if (collection.length <= 1) return [...collection];\n\n return [...collection].sort((a, b) => {\n for (let i = 0; i < iteratees.length; i++) {\n const iteratee = iteratees[i];\n const order = orders[i];\n\n const valueA = iteratee(a);\n const valueB = iteratee(b);\n\n if (valueA === valueB) continue;\n\n if (order === 'asc') {\n return valueA < valueB ? -1 : 1;\n } else {\n return valueA > valueB ? -1 : 1;\n }\n }\n\n return 0;\n });\n}\n\n/**\n * A function that sort table rows based on specified sort queries\n *\n * @param rows An array of data\n * @param query an array of sort queries\n * @returns sorted array\n */\nexport function sortRows(rows: any[], query: SortQueryInterface[]): any[] {\n if (isEmpty(query)) return rows;\n const orders = query.map(({ order }) => order);\n const iteratees = query.map(({ column }) => (row: any) => {\n let value = get(row, column.path);\n if (isEmpty(value)) return '';\n if (typeof column.preSort === 'function') value = column.preSort(value);\n if (typeof value === 'number' || column.sortCaseSensitive) return value;\n return value.toString().toLowerCase();\n });\n\n return orderBy(rows.slice(), iteratees, orders);\n}\n\n/**\n * Builds pagination information summary\n *\n * @param paginator The current pagination filter\n * @param totalRows Total filtered rows\n * @returns string\n */\nexport function buildPaginationInfo(\n paginator: PaginationInterface,\n totalRows: number\n): string {\n const { page, pageSize, totalPages } = paginator;\n const from = page * pageSize - (pageSize - 1);\n const to = page === totalPages ? totalRows : page * pageSize;\n return totalRows\n ? `Showing ${from} to ${to} of ${totalRows} entries`\n : 'No data available';\n}\n\n/**\n * Calculates the range of visible page numbers for pagination.\n *\n * @param paginator - The pagination settings.\n * @param totalRows - The total number of rows.\n * @param pages - An array of current visible page numbers.\n * @returns The updated pagination settings.\n */\nexport function calculatePageRange(\n paginator: PaginationInterface,\n totalRows: number,\n pages: Array\n): PaginationInterface {\n // Calculate the total number of pages\n paginator.totalPages = Math.ceil(totalRows / paginator.pageSize);\n\n // If total pages are within visibleBtns, show all pages\n if (paginator.totalPages <= paginator.visibleBtns) {\n paginator.start = 1;\n paginator.end = paginator.totalPages;\n return paginator;\n }\n\n // Return if start and end page numbers are already visible\n if (\n (pages.includes(paginator.page - 1) || paginator.page === 1) &&\n (pages.includes(paginator.page + 1) ||\n paginator.page === paginator.totalPages)\n ) {\n return paginator;\n }\n\n // Calculate the range of visible page numbers\n paginator.start = paginator.page === 1 ? 1 : paginator.page - 1;\n paginator.end = paginator.start + paginator.visibleBtns - 5;\n\n // Adjust start and end if they go out of bounds\n if (paginator.start <= 3) {\n paginator.end += 3 - paginator.start;\n paginator.start = 1;\n }\n\n if (paginator.end >= paginator.totalPages - 2) {\n paginator.start -= paginator.end - (paginator.totalPages - 2);\n paginator.end = paginator.totalPages;\n }\n\n // Ensure start is within valid range\n paginator.start = Math.max(paginator.start, 1);\n return paginator;\n}\n\n/**\n * Paginates an array of rows based on the provided pagination settings.\n *\n * @param rows - The array of rows to be paginated.\n * @param paginator - The pagination settings.\n * @returns The paginated array of rows.\n */\nexport function getActiveRows(\n rows: Array,\n paginator: PaginationInterface\n): Array {\n if (isEmpty(rows)) return rows;\n const { page, pageSize } = paginator;\n const start = (page - 1) * pageSize;\n return rows.slice(start, start + pageSize);\n}\n\n/**\n * Initializes sort queries based on column configurations.\n *\n * @param columns - An array of table columns.\n * @returns An array of initial sort queries.\n */\nexport function initializeSortQueries(\n columns: Array\n): Array {\n return columns.reduce(\n (acc: Array, column: TableColumnInterface) => {\n if (column.initialSort)\n acc.push({ column, order: column.initialSortOrder || 'asc' });\n return acc;\n },\n []\n );\n}\n\n/**\n * Updates the array of sort queries based on a specific column.\n *\n * @param sortQueries - The current array of sort queries.\n * @param column - The column for which to update the sort query.\n * @returns The updated array of sort queries.\n */\nexport function updateSortQueries(\n sortQueries: Array,\n column: TableColumnInterface\n): Array {\n const i = sortQueries.findIndex(q => q.column.path === column.path);\n if (i >= 0)\n sortQueries[i].order = sortQueries[i].order === 'asc' ? 'desc' : 'asc';\n else sortQueries = [{ column, order: 'asc' }];\n return sortQueries;\n}\n\n/**\n * Filters an array of rows based on a query string.\n *\n * @param rows - The array of rows to be filtered.\n * @param query - The query string for filtering.\n * @returns The filtered array of rows.\n */\nexport function filterRows(rows: Array, query: string): Array {\n if (!query || isEmpty(rows)) return rows;\n return rows\n .slice()\n .filter(row =>\n Object.values(row).some(\n v => v && JSON.stringify(v).toLowerCase().includes(query.toLowerCase())\n )\n );\n}\n\n/**\n * Determines if a table column is drillable based on the provided column configuration, value, and row.\n *\n * @param column - The table column configuration object.\n * @param value - The value in the table cell.\n * @param row - The entire row data.\n * @returns A boolean indicating whether the column is drillable.\n */\nexport function isDrillable(\n column: TableColumnInterface,\n value: any,\n row: any\n): boolean {\n return typeof column.drillable === 'function'\n ? column.drillable(value, row)\n : !!column.drillable && !isEmpty(value);\n}\n\n/**\n * Creates an array of numbers progressing from start up to, but not including, end.\n *\n * @param start - The start of the range.\n * @param end - The end of the range.\n * @returns An array of numbers.\n */\nexport function range(start: number, end: number): number[] {\n const result = [];\n for (let i = start; i < end; i++) {\n result.push(i);\n }\n return result;\n}\n","import {\n IonCheckbox,\n IonChip,\n IonIcon,\n IonInput,\n IonItem,\n IonLabel,\n IonList,\n IonNote,\n} from '@ionic/vue';\nimport {\n computed,\n defineComponent,\n h,\n onBeforeUnmount,\n onMounted,\n PropType,\n ref,\n watch,\n} from 'vue';\nimport { Option } from './types';\nimport { chevronDown, chevronUp, close, closeCircle } from 'ionicons/icons';\nimport { isEmpty } from './utils';\n\nexport const SelectInput = defineComponent({\n name: 'SelectInput',\n props: {\n value: {\n type: Object as PropType