@sveltia/ui 0.35.1 → 0.35.3

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

@@ -212,15 +212,14 @@ const getSelectionTypes = () => {
 /**
  * Listen to changes made on the editor and trigger the Update event.
  * @param {LexicalEditor} editor Editor instance.
- * @param {any[]} transformers Active transformers for this editor instance.
  */
-const onEditorUpdate = (editor, transformers) => {
+const onEditorUpdate = (editor) => {
   editor.getRootElement()?.dispatchEvent(
     new CustomEvent('Update', {
       detail: {
         value: $convertToMarkdownString(
           // Use underscores for italic text in Markdown instead of asterisks
-          transformers.filter((/** @type {any} */ { tag }) => tag !== '*'),
+          allTransformers.filter((/** @type {any} */ { tag }) => tag !== '*'),
         ) // Remove unnecessary backslash for underscore and backslash characters
           // @see https://github.com/sveltia/sveltia-cms/issues/430
           // @see https://github.com/sveltia/sveltia-cms/issues/512
@@ -246,16 +245,12 @@ export const initEditor = ({
   isCodeEditor = false,
   defaultLanguage = 'plain',
 }) => {
-  // Build per-instance copies to avoid permanently mutating the shared module-level arrays
-  const localNodes = components.length
-    ? [...components.map(({ node }) => node), .../** @type {any[]} */ (editorConfig.nodes)]
-    : editorConfig.nodes;
-
-  const localTransformers = components.length
-    ? [...components.map(({ transformer }) => transformer), ...allTransformers]
-    : allTransformers;
+  components.forEach(({ node, transformer }) => {
+    /** @type {any[]} */ (editorConfig.nodes).unshift(node);
+    allTransformers.unshift(transformer);
+  });
 
-  const editor = createEditor({ ...editorConfig, nodes: localNodes });
+  const editor = createEditor(editorConfig);
 
   registerRichText(editor);
   registerDragonSupport(editor);
@@ -331,7 +326,7 @@ export const initEditor = ({
         }
       }
 
-      onEditorUpdate(editor, localTransformers);
+      onEditorUpdate(editor);
     });
   });
 

package/dist/components/text-editor/toolbar/toolbar-wrapper.svelte

@@ -42,6 +42,7 @@
   top: 0;
   z-index: 100;
   display: flex;
+  flex-wrap: wrap;
   gap: 4px;
   border-width: 1px 1px 0;
   border-style: solid;
@@ -51,7 +52,8 @@
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   padding: 0 4px;
-  height: 40px;
+  height: auto;
+  min-height: 40px;
   background-color: var(--sui-tertiary-background-color);
 }
 @media (width < 768px) {

package/dist/components/text-field/text-area.svelte

@@ -144,5 +144,10 @@ textarea[aria-invalid=true] {
 .clone {
   overflow: hidden;
   visibility: hidden;
+}
+
+textarea,
+.clone {
   white-space: pre-wrap;
+  word-break: break-all;
 }</style>

package/dist/components/text-field/text-input.svelte

@@ -59,12 +59,14 @@
    * @param {InputEvent} event The `input` event object.
    */
   const fireInput = (event) => {
-    value = /** @type {HTMLInputElement} */ (event.target).value;
+    value = element?.value;
     oninput?.(event);
   };
 
   /**
-   * Handle the `input` event. If `debounce` is `true`, the event will be debounced by 300ms.
+   * Handle the `input` event. If `debounce` is `true`, the event will be debounced by 300ms. We use
+   * `oninputcapture` to ensure that the event is fired before any `oninput` handlers on parent
+   * elements, including the Lexical editor.
    * @param {InputEvent} event The `input` event object.
    */
   const handleInput = (event) => {
@@ -110,7 +112,7 @@
     aria-readonly={readonly}
     aria-required={required}
     aria-invalid={invalid}
-    oninput={handleInput}
+    oninputcapture={handleInput}
     use:activateKeyShortcuts={keyShortcuts}
   />
   {#if ariaLabel && showInlineLabel}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.35.1",
+  "version": "0.35.3",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -41,7 +41,7 @@
     "eslint-plugin-jsdoc": "^62.8.0",
     "eslint-plugin-svelte": "^2.46.1",
     "happy-dom": "^20.8.4",
-    "oxlint": "^1.55.0",
+    "oxlint": "^1.56.0",
     "postcss": "^8.5.8",
     "postcss-html": "^1.8.1",
     "prettier": "^3.8.1",
@@ -50,7 +50,7 @@
     "stylelint": "^17.4.0",
     "stylelint-config-recommended-scss": "^17.0.0",
     "stylelint-scss": "^7.0.0",
-    "svelte": "^5.53.12",
+    "svelte": "^5.54.0",
     "svelte-check": "^4.4.5",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",