@likable-hair/svelte 3.3.6 → 3.3.7

package/dist/components/composed/list/DynamicTable.svelte

@@ -61,10 +61,12 @@ const [send, receive] = crossfade({
 let clazz = {};
 export { clazz as class };
 const dispatch = createEventDispatcher();
-export let headers = [], headersToShowInTable = headers, subHeaders = [], customizeHeaders = false, rows = [], sortedBy = void 0, sortDirection = "asc", cellEdit = false, noItemsText = "No items to show", showSelect = false, showSelectContainer = true, selectMode = "single", selectedItems = [], showExpand = false, loading = false, disabled = false, filters = [], searchBarColumns = void 0, searchBarVisible = false, searchBarPlaceholder = "Type to search for identification code, description and MRN...", filtersVisible = false, quickFiltersVisible = false, lang = "en", editFilterMode = "one-edit", showActiveFilters = true, quickFilters = [], actionsForSelectedItems = [], hasMoreToLoad = false, totalRows = rows.length, searchText = void 0, renderedRowsNumber = 100, sectionRowsNumber = 100, sectionTreshold = sectionRowsNumber, backwardTresholdPixel = 100, forwardTresholdPixel = 100;
-let openCellEditor = false, cellEditorActivator, cellEditorContainer, menuElementCellEditor, menuElementQuickFilters, cellEditorInfoActive, saveEditDisabled = false, searchBarInput = void 0, openQuickFilter = false, quickFilterActivator, quickFilterActive, globalBuilder = new FilterBuilder(), slotSelectActionsContainer, isSelectedAll = false, calendarOpened = false, calendarOpened2 = false, selectedIndexes = [], cellEditorIndexRow, cellEditorIndexHeader, cellEditorSubItem, currentSectionNumber = 0, tableBody, tableContainer, renderedRows = rows.slice(currentSectionNumber * sectionRowsNumber, currentSectionNumber * sectionRowsNumber + renderedRowsNumber), userScrolling = true;
+export let headers = [], headersToShowInTable = headers, subHeaders = [], customizeHeaders = false, rows = [], sortedBy = void 0, sortDirection = "asc", cellEdit = false, noItemsText = "No items to show", showSelect = false, showSelectContainer = true, selectMode = "single", selectedItems = [], showExpand = false, loading = false, disabled = false, filters = [], searchBarColumns = void 0, searchBarVisible = false, searchBarPlaceholder = "Type to search for identification code, description and MRN...", filtersVisible = false, quickFiltersVisible = false, lang = "en", editFilterMode = "one-edit", showActiveFilters = true, quickFilters = [], actionsForSelectedItems = [], hasMoreToLoad = false, totalRows = rows.length, searchText = void 0, renderedRowsNumber = 100, sectionRowsNumber = 20, sectionTreshold = 2, backwardTresholdPixel = 100, forwardTresholdPixel = 100;
+let openCellEditor = false, cellEditorActivator, cellEditorContainer, menuElementCellEditor, menuElementQuickFilters, cellEditorInfoActive, saveEditDisabled = false, searchBarInput = void 0, openQuickFilter = false, quickFilterActivator, quickFilterActive, globalBuilder = new FilterBuilder(), slotSelectActionsContainer, isSelectedAll = false, calendarOpened = false, calendarOpened2 = false, selectedIndexes = [], cellEditorIndexRow, cellEditorIndexHeader, cellEditorSubItem, currentSectionNumber = 0, tableBody, tableContainer, userScrolling = true;
 $:
   totalSections = rows.length / sectionRowsNumber;
+$:
+  renderedRows = rows.slice(currentSectionNumber * sectionRowsNumber, currentSectionNumber * sectionRowsNumber + renderedRowsNumber);
 let openHeaderDrawer = false, headersToSelect = !!headers ? headers.filter((h) => {
   return !headersToShowInTable.find((hst) => hst.value == h.value);
 }).map((h) => {
@@ -274,6 +276,10 @@ $:
   if (searchText != void 0)
     handleSearchChange(searchText);
 function handleFiltersChange() {
+  userScrolling = false;
+  currentSectionNumber = 0;
+  tableContainer.scrollTop = 0;
+  setTimeout(() => userScrolling = true, 20);
   dispatch("filtersChange", {
     builder: globalBuilder
   });
@@ -559,13 +565,12 @@ function handleRemoveFilter(filter) {
   handleSearchChange(searchText);
 }
 function handleLoadForward() {
-  currentSectionNumber = currentSectionNumber + 1;
   userScrolling = false;
   let topElementsHeight = 0;
   for (let i = 0; i < sectionRowsNumber; i++) {
     topElementsHeight += tableBody?.children.item(i)?.getBoundingClientRect().height || 0;
   }
-  renderedRows = rows.slice(currentSectionNumber * sectionRowsNumber, currentSectionNumber * sectionRowsNumber + renderedRowsNumber);
+  currentSectionNumber = currentSectionNumber + 1;
   tableContainer.scrollTop -= topElementsHeight;
   setTimeout(() => userScrolling = true, 20);
   if (totalSections - sectionTreshold < currentSectionNumber) {
@@ -573,13 +578,12 @@ function handleLoadForward() {
   }
 }
 function handleLoadBackward() {
-  currentSectionNumber = currentSectionNumber - 1;
   userScrolling = false;
   let topElementsHeight = 0;
   for (let i = renderedRows.length - 1; i > renderedRows.length - sectionRowsNumber + 1; i--) {
     topElementsHeight += tableBody?.children.item(i)?.getBoundingClientRect().height || 0;
   }
-  renderedRows = rows.slice(currentSectionNumber * sectionRowsNumber, currentSectionNumber * sectionRowsNumber + renderedRowsNumber);
+  currentSectionNumber = currentSectionNumber - 1;
   tableContainer.scrollTop += topElementsHeight;
   setTimeout(() => userScrolling = true, 20);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "3.3.6",
+  "version": "3.3.7",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",