@hkdigital/lib-sveltekit 0.0.88 → 0.0.90

package/dist/classes/svelte/image/ImageLoader.svelte.js

@@ -10,7 +10,14 @@ import {
  * - The loading process can be monitored
  */
 export default class ImageLoader extends NetworkLoader {
-  // > Inherited methods
+  //
+  // /**
+  //  * Construct ImageLoader
+  //  *
+  //  * @param {object} _
+  //  * @param {string} _.url
+  //  */
+  // constructor( { url } ) {}
   //
   // /**
   //  * Get object URL that can be used as src parameter of an HTML image

package/dist/classes/svelte/image/ImageVariantsLoader.svelte.d.ts

@@ -1,4 +1,4 @@
-export default class ImageMetasLoader {
+export default class ImageVariantsLoader {
     /**
      * @param {ImageMeta[]} imagesMeta
      */

package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js

@@ -6,7 +6,7 @@ import { untrack } from 'svelte';
 
 import ImageLoader from './ImageLoader.svelte.js';
 
-export default class ImageMetasLoader {
+export default class ImageVariantsLoader {
   /** @type {number} */
   #devicePixelRatio;
 
@@ -69,11 +69,7 @@ export default class ImageMetasLoader {
   updateOptimalImageMeta(containerWidth) {
     const newVariant = this.getOptimalImageMeta(containerWidth);
 
-    if (
-      !newVariant ||
-      !this.#imageVariant ||
-      newVariant.width > this.#imageVariant.width
-    ) {
+    if (!newVariant || !this.#imageVariant || newVariant.width > this.#imageVariant.width) {
       // Only update imageVariant is width is larger
       this.#imageVariant = newVariant;
     }
@@ -141,9 +137,7 @@ export default class ImageMetasLoader {
 
     // Find the smallest image that's larger than our required width
 
-    const optimal = imagesMeta.find(
-      (current) => current.width >= requiredWidth
-    );
+    const optimal = imagesMeta.find((current) => current.width >= requiredWidth);
 
     // Fall back to the largest image if nothing is big enough
     return optimal || imagesMeta[imagesMeta.length - 1];

package/dist/classes/svelte/image/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ImageLoader } from "./ImageLoader.svelte";
-export { default as ImageMetasLoader } from "./ImageMetasLoader.svelte";
+export { default as ImageVariantsLoader } from "./ImageVariantsLoader.svelte";

package/dist/classes/svelte/image/index.js

@@ -1,4 +1,4 @@
 export { default as ImageLoader } from './ImageLoader.svelte';
-export { default as ImageMetasLoader } from './ImageMetasLoader.svelte';
+export { default as ImageVariantsLoader } from './ImageVariantsLoader.svelte';
 
 // export * from './constants.js';

package/dist/classes/svelte/network-loader/NetworkLoader.svelte.d.ts

@@ -15,6 +15,7 @@ export default class NetworkLoader {
     });
     _state: LoadingStateMachine;
     state: string;
+    initial: boolean;
     loaded: boolean;
     /** @type {string|null} */
     _url: string | null;

package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js

@@ -33,6 +33,10 @@ export default class NetworkLoader {
   // @note this exported state is set by $effect's
   state = $state(STATE_INITIAL);
 
+  initial = $derived.by(() => {
+    return this.state === STATE_INITIAL;
+  });
+
   loaded = $derived.by(() => {
     return this.state === STATE_LOADED;
   });

package/dist/components/image/ResponsiveImage.svelte

@@ -1,7 +1,7 @@
 <script>
 	/** @typedef {import('../../types/imagetools.js').ImageMeta} ImageMeta */
 
-	import { ImageMetasLoader } from '../../classes/svelte/image/index.js';
+	import { ImageVariantsLoader } from '../../classes/svelte/image/index.js';
 
 	/**
 	 * @type {{
@@ -29,7 +29,7 @@
 		...attrs
 	} = $props();
 
-	let variantsLoader = new ImageMetasLoader(images);
+	let variantsLoader = new ImageVariantsLoader(images);
 
 	let containerWidth = $state(0);
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.0.88",
+	"version": "0.0.90",
 	"author": "Jens Kleinhout, HKdigital (https://hkdigital.nl)",
 	"license": "ISC",
 	"repository": {