@hkdigital/lib-sveltekit 0.1.48 → 0.1.49

package/dist/components/layout/grid-layers/GridLayers.svelte

@@ -143,7 +143,7 @@
 	{...attrs}
 >
 	<div
-		data-section="layer"
+		data-section="grid"
 		class="absolute inset-0 grid {cellBase} {cellBg} {cellPadding} {cellMargin} {cellClasses}"
 		style={cellStyle}
 	>
@@ -154,12 +154,12 @@
 <style>
 	/* All children of the layer share the same grid area
 	   but aren't absolutely positioned */
-	[data-section='layer'] {
+	[data-section='grid'] {
 		grid-template-columns: 1fr;
 		grid-template-rows: 1fr;
 	}
 
-	[data-section='layer'] > :global(*) {
+	[data-section='grid'] > :global(*) {
 		grid-column: 1;
 		grid-row: 1;
 		z-index: 0; /* Base z-index to allow explicit stacking order */

package/dist/widgets/presenter/ImageSlide.svelte

@@ -8,6 +8,8 @@
    *   nextSlideLabel?: string,
    *   presenter?: { gotoSlide: (name: string) => void, getCurrentSlideName: () => string },
    *   getLoadingController?: () => { loaded: () => void, cancel: () => void }
+   *   fit?: string,
+   *   position?: string,
    *   [attr: string]: any
    * }}
    */
@@ -17,6 +19,8 @@
     nextSlideLabel,
     presenter,
     getLoadingController,
+    fit = 'cover',
+    position = 'center center',
     ...attrs
   } = $props();
 
@@ -52,8 +56,8 @@
 <div class="absolute inset-0" class:invisible={!show}>
   <ImageBox
     {imageMeta}
-    fit="cover"
-    position="center center"
+    {fit}
+    {position}
     onProgress={progressListener}
     {...attrs}
   />

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

@@ -12,4 +12,6 @@ declare const ImageSlide: import("svelte").Component<{
         loaded: () => void;
         cancel: () => void;
     };
+    fit?: string;
+    position?: string;
 }, {}, "">;

package/dist/widgets/presenter/Presenter.state.svelte.d.ts

@@ -70,4 +70,5 @@ export type Transition = import("./typedef").Transition;
 export type Layer = import("./typedef").Layer;
 export type PresenterRef = import("./typedef").PresenterRef;
 export type LoadController = import("./typedef").LoadController;
+export type ListenerParams = import("./typedef").ListenerParams;
 import { HkPromise } from '../../classes/promise/index.js';

package/dist/widgets/presenter/Presenter.state.svelte.js

@@ -28,6 +28,10 @@ import { STAGE_BEFORE, STAGE_SHOW } from './constants.js';
  * @typedef {import("./typedef").LoadController} LoadController
  */
 
+/**
+ * @typedef {import("./typedef").ListenerParams} ListenerParams
+ */
+
 const Z_BACK = 0;
 const Z_FRONT = 10;
 

package/package.json

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