@hkdigital/lib-sveltekit 0.1.39 → 0.1.41

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

@@ -8,15 +8,13 @@
   import { onMount } from 'svelte';
   import { findFirst } from '../../util/array/index.js';
 
-  /** @typedef {{text?: string, value?: any, label?: string, props?: Object}} ButtonDef */
-
   /**
    * @type {{
    *   base?: string,
    *   bg?: string,
    *   classes?: string,
-   *   buttons: Array<ButtonDef>,
-   *   selected?: (ButtonDef|null),
+   *   buttons: Array<import('./typedef.js').ButtonDef>,
+   *   selected?: (import('./typedef.js').ButtonDef|null),
    *   select?: ( label:string ) => void,
    *   buttonSnippet: import('svelte').Snippet<[{text: string, props: Object}]>,
    *   [attr: string]: any
@@ -68,13 +66,15 @@
   {...attrs}
 >
   {#each buttons as button, index}
-    {@render buttonSnippet?.({
-      text: button.text,
-      props: {
-        ...(button.props || {}),
-        selected: index === selectedIndex,
-        onclick: () => handleSelect(index)
-      }
-    })}
+    {#if !button.hide}
+      {@render buttonSnippet?.({
+        text: button.text,
+        props: {
+          ...(button.props || {}),
+          selected: index === selectedIndex,
+          onclick: () => handleSelect(index)
+        }
+      })}
+    {/if}
   {/each}
 </div>

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

@@ -4,18 +4,8 @@ declare const ButtonGroup: import("svelte").Component<{
     base?: string;
     bg?: string;
     classes?: string;
-    buttons: Array<{
-        text?: string;
-        value?: any;
-        label?: string;
-        props?: any;
-    }>;
-    selected?: ({
-        text?: string;
-        value?: any;
-        label?: string;
-        props?: any;
-    } | null);
+    buttons: Array<import("./typedef.js").ButtonDef>;
+    selected?: (import("./typedef.js").ButtonDef | null);
     select?: (label: string) => void;
     buttonSnippet: import("svelte").Snippet<[{
         text: string;

package/dist/widgets/button-group/typedef.d.ts

@@ -0,0 +1,7 @@
+export type ButtonDef = {
+    text?: string;
+    value?: any;
+    label?: string;
+    hide?: boolean;
+    props?: any;
+};

package/dist/widgets/button-group/typedef.js

@@ -0,0 +1,10 @@
+/**
+ * @typedef {{
+ *   text?: string,
+ *   value?: any,
+ *   label?: string,
+ *   hide?: boolean,
+ *   props?: Object}} ButtonDef
+ */
+
+export {};

package/dist/widgets/index.d.ts

@@ -6,4 +6,5 @@ export { default as ImageBox } from "./image-box/ImageBox.svelte";
 export { default as Presenter } from "./presenter/Presenter.svelte";
 export { default as ImageSlide } from "./presenter/ImageSlide.svelte";
 export { default as VirtualViewport } from "./virtual-viewport/VirtualViewport.svelte";
+export * from "./button-group/typedef.js";
 export { createOrGetState as createOrGetAppLayoutState, createState as createAppLayoutState, getState as getAppLayoutState } from "./hk-app-layout/HkAppLayout.state.svelte.js";

package/dist/widgets/index.js

@@ -16,3 +16,7 @@ export { default as Presenter } from './presenter/Presenter.svelte';
 export { default as ImageSlide } from './presenter/ImageSlide.svelte';
 
 export { default as VirtualViewport } from './virtual-viewport/VirtualViewport.svelte';
+
+// > Types
+
+export * from './button-group/typedef.js';

package/dist/widgets/presenter/ImageSlide.svelte

@@ -40,7 +40,7 @@
     if (show && nextSlideLabel && !timer) {
       timer = setTimeout(() => {
         presenter.gotoSlide(nextSlideLabel);
-      });
+      }, slideDuration);
     }
 
     return () => {

package/package.json

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