@sveltia/ui 0.27.6 → 0.27.8

package/dist/components/scroll/infinite-scroll.svelte

@@ -11,8 +11,9 @@
    * @typedef {object} Props
    * @property {any[]} items Item list.
    * @property {string} itemKey Item key used for the `each` loop.
-   * @property {number} [itemChunkSize] Number of items to be loaded at once.
-   * @property {Snippet<[any]>} renderItem Snippet to render each item.
+   * @property {number} [itemChunkSize] Number of items to be loaded at once. Defaults to 25.
+   * @property {Snippet<[any, number]>} renderItem Snippet to render each item. The snippet receives
+   * the item and its index as parameters.
    */
 
   /** @type {Props} */
@@ -50,8 +51,8 @@
   });
 </script>
 
-{#each items.slice(0, loadedItemSize) as item (item[itemKey])}
-  {@render renderItem(item)}
+{#each items.slice(0, loadedItemSize) as item, index (item[itemKey] ?? index)}
+  {@render renderItem(item, index)}
 {/each}
 
 {#if loading}

package/dist/components/scroll/infinite-scroll.svelte.d.ts

@@ -17,13 +17,14 @@ declare const InfiniteScroll: import("svelte").Component<{
      */
     itemKey: string;
     /**
-     * Number of items to be loaded at once.
+     * Number of items to be loaded at once. Defaults to 25.
      */
     itemChunkSize?: number | undefined;
     /**
-     * Snippet to render each item.
+     * Snippet to render each item. The snippet receives
+     * the item and its index as parameters.
      */
-    renderItem: Snippet<[any]>;
+    renderItem: Snippet<[any, number]>;
 }, {}, "">;
 type Props = {
     /**
@@ -35,12 +36,13 @@ type Props = {
      */
     itemKey: string;
     /**
-     * Number of items to be loaded at once.
+     * Number of items to be loaded at once. Defaults to 25.
      */
     itemChunkSize?: number | undefined;
     /**
-     * Snippet to render each item.
+     * Snippet to render each item. The snippet receives
+     * the item and its index as parameters.
      */
-    renderItem: Snippet<[any]>;
+    renderItem: Snippet<[any, number]>;
 };
 import type { Snippet } from 'svelte';

package/dist/components/text-editor/core.js

@@ -413,14 +413,9 @@ export const convertMarkdownToLexical = async (editor, value) => {
  * @param {LexicalEditor} editor Editor instance.
  * @returns {Promise<void>} Nothing.
  */
-export const focusEditor = async (editor) => {
-  await sleep(100);
-  editor.getRootElement()?.focus();
-
-  return new Promise((resolve) => {
-    editor.focus(async () => {
-      await sleep(100);
+export const focusEditor = async (editor) =>
+  new Promise((resolve) => {
+    editor.focus(() => {
       resolve(undefined);
     });
   });
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.27.6",
+  "version": "0.27.8",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -48,30 +48,30 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^6.0.1",
-    "@sveltejs/kit": "^2.24.0",
+    "@sveltejs/kit": "^2.27.0",
     "@sveltejs/package": "^2.4.0",
     "@sveltejs/vite-plugin-svelte": "6.1.0",
-    "cspell": "^9.1.5",
+    "cspell": "^9.2.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^10.1.5",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsdoc": "^51.4.0",
+    "eslint-plugin-jsdoc": "^52.0.2",
     "eslint-plugin-svelte": "^2.46.1",
     "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
     "sass": "^1.89.2",
-    "stylelint": "^16.21.1",
+    "stylelint": "^16.23.0",
     "stylelint-config-recommended-scss": "^15.0.1",
     "stylelint-scss": "^6.12.1",
-    "svelte": "5.36.2",
-    "svelte-check": "^4.2.2",
+    "svelte": "5.37.3",
+    "svelte-check": "^4.3.1",
     "svelte-i18n": "^4.0.1",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
-    "vite": "^7.0.4",
+    "vite": "^7.0.6",
     "vitest": "^3.2.4"
   },
   "exports": {