@likable-hair/svelte 3.3.31 → 3.3.32

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

@@ -79,7 +79,7 @@
     { label: rowsPerPage.toString(), value: rowsPerPage }
   ]
 
-  $: if(totalElements !== undefined) maxPage = Math.max(Math.round(totalElements/rowsPerPage), 1)
+  $: if(totalElements !== undefined) maxPage = Math.max(Math.ceil(totalElements/rowsPerPage), 1)
 
   function handleRowsPerPageChange(e: CustomEvent<{ selection: ComponentProps<Dropdown>['items']}>) {
     rowsPerPage = Number(e.detail.selection?.[0].value)

package/dist/components/simple/dialogs/Dialog.svelte

@@ -5,6 +5,7 @@
   import Keyboarder, { type CallbackFunction } from '../../../utils/keyboarder';
 
   export let open = false,
+    persistent: boolean = false,
     transition: 'fly-down' | 'fly-up' | 'fly-horizontal' | 'scale' | 'fade' = 'fly-up'
 
   export let _overlayOpacity: string = "30%",
@@ -16,6 +17,7 @@
 
   let zIndex = 50,
     localOpen: boolean = open,
+    localPersistent: boolean = persistent,
     dialogElement: HTMLElement,
     teleportedUid: string | undefined = undefined,
     hasBeenOpened: boolean = false;
@@ -93,6 +95,7 @@
   }
 
   function handleOverlayClick() {
+    if (localPersistent) return;
     closeDialog();
   }
 </script>

package/dist/components/simple/dialogs/Dialog.svelte.d.ts

@@ -18,6 +18,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 } : {});
 declare const Dialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     open?: boolean;
+    persistent?: boolean;
     transition?: "fly-down" | "fly-up" | "fly-horizontal" | "scale" | "fade";
     _overlayOpacity?: string;
     _overlayColor?: string;

package/dist/components/simple/timeline/SimpleTimeLine.svelte

@@ -28,7 +28,7 @@
   style:--simple-time-line-body-width={singleSided
     ? `calc(100% - var(--simple-time-line-divider-width))`
     : `calc(50% - var(--simple-time-line-divider-width) / 2)`}
-  class="container"
+  class="simple-timeline-container"
 >
   {#each items as item, index}
     <div
@@ -57,9 +57,9 @@
             >
               <slot name="times" {item} {dateToString}>
                 <div
-                  class:vertical-centered-container={circleAlignment ==
+                  class:vertical-centered-simple-timeline-container={circleAlignment ==
                     "center"}
-                  class:vertical-bottom-container={circleAlignment == "bottom"}
+                  class:vertical-bottom-simple-timeline-container={circleAlignment == "bottom"}
                 >
                   {#if !!item.from}
                     <div
@@ -123,7 +123,7 @@
 </div>
 
 <style>
-  .container {
+  .simple-timeline-container {
     position: relative;
     height: var(
       --simple-time-line-height,
@@ -135,7 +135,7 @@
     gap: var(--simple-time-line-gap, var(--simple-time-line-default-gap));
   }
 
-  .container::before {
+  .simple-timeline-container::before {
     position: absolute;
     left: var(--simple-time-line-central-line-left);
     right: auto;
@@ -202,14 +202,14 @@
     justify-content: center;
   }
 
-  .vertical-centered-container {
+  .vertical-centered-simple-timeline-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
   }
 
-  .vertical-bottom-container {
+  .vertical-bottom-simple-timeline-container {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;

package/package.json

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