@hkdigital/lib-sveltekit 0.1.30 → 0.1.32

package/dist/widgets/button-group/ButtonGroup.svelte

@@ -5,7 +5,7 @@
    * a time.
    */
 
-  /** @typedef {{text: string, disabled?: boolean, props?: Object}} ButtonDef */
+  /** @typedef {{text?: string, value?: any, props?: Object}} ButtonDef */
 
   /**
    * @type {{
@@ -34,7 +34,7 @@
    * Handle button selection
    */
   function handleSelect(index) {
-    if (!buttons[index].disabled) {
+    if (!buttons[index].props?.disabled) {
       selectedIndex = index;
       selected = buttons[selectedIndex] ?? null;
     }
@@ -53,8 +53,7 @@
       text: button.text,
       props: {
         ...(button.props || {}),
-        disabled: button.disabled,
-        active: index === selectedIndex,
+        selected: index === selectedIndex,
         onclick: () => handleSelect(index)
       }
     })}

package/dist/widgets/button-group/ButtonGroup.svelte.d.ts

@@ -5,13 +5,13 @@ declare const ButtonGroup: import("svelte").Component<{
     bg?: string;
     classes?: string;
     buttons: Array<{
-        text: string;
-        disabled?: boolean;
+        text?: string;
+        value?: any;
         props?: any;
     }>;
     selected?: ({
-        text: string;
-        disabled?: boolean;
+        text?: string;
+        value?: any;
         props?: any;
     } | null);
     buttonSnippet: import("svelte").Snippet<[{

package/dist/widgets/presenter/ImageSlide.svelte

@@ -4,12 +4,21 @@
   /**
    * @type {{
    *   imageMeta?: import('@hkdigital/lib-sveltekit/config/typedef.js').ImageMeta | import('@hkdigital/lib-sveltekit/config/typedef.js').ImageMeta[],
+   *   slideDuration?: number,
+   *   nextSlideLabel?: string,
    *   presenter?: { gotoSlide: (name: string) => void, getCurrentSlideName: () => string },
    *   getLoadingController?: () => { loaded: () => void, cancel: () => void }
    *   [attr: string]: any
    * }}
    */
-  let { imageMeta, presenter, getLoadingController, ...attrs } = $props();
+  let {
+    imageMeta,
+    slideDuration = 5000,
+    nextSlideLabel,
+    presenter,
+    getLoadingController,
+    ...attrs
+  } = $props();
 
   let show = $state(false);
 
@@ -24,6 +33,20 @@
       }, 0);
     }
   }
+
+  let timer;
+
+  $effect(() => {
+    if (show && nextSlideLabel && !timer) {
+      timer = setTimeout(() => {
+        presenter.gotoSlide(nextSlideLabel);
+      });
+    }
+
+    return () => {
+      clearTimeout(timer);
+    };
+  });
 </script>
 
 <div class="absolute inset-0" class:invisible={!show}>

package/dist/widgets/presenter/ImageSlide.svelte.d.ts

@@ -2,6 +2,8 @@ export default ImageSlide;
 declare const ImageSlide: import("svelte").Component<{
     [attr: string]: any;
     imageMeta?: any | any[];
+    slideDuration?: number;
+    nextSlideLabel?: string;
     presenter?: {
         gotoSlide: (name: string) => void;
         getCurrentSlideName: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.30",
+	"version": "0.1.32",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"