@sveltia/ui 0.38.0 → 0.39.0

package/dist/components/dialog/prompt-dialog.svelte

@@ -55,6 +55,7 @@
       {@render input()}
     {:else}
       <TextInput
+        dir="auto"
         bind:value
         flex
         autofocus

package/dist/components/select/combobox.svelte

@@ -144,6 +144,7 @@
   {:else}
     <TextInput
       {...restProps}
+      dir="auto"
       bind:element={inputElement}
       role="combobox"
       {id}

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

@@ -27,6 +27,7 @@
    * @typedef {object} Props
    * @property {string} [value] Input value.
    * @property {boolean} [flex] Make the text input container flexible.
+   * @property {'ltr' | 'rtl' | 'auto'} [dir] The `dir` attribute on the `<textarea>` element.
    * @property {TextEditorMode[]} [modes] Enabled modes.
    * @property {(TextEditorBlockType | TextEditorInlineType)[]} [buttons] Enabled buttons.
    * @property {TextEditorComponent[]} [components] Editor components.
@@ -50,6 +51,7 @@
     /* eslint-disable prefer-const */
     value = $bindable(''),
     flex = false,
+    dir = undefined,
     modes = ['rich-text', 'plain-text'],
     buttons = [...INLINE_BUTTON_TYPES, ...BLOCK_BUTTON_TYPES],
     components = [],
@@ -110,6 +112,7 @@
     autoResize={true}
     bind:value={editorStore.inputValue}
     {flex}
+    {dir}
     hidden={editorStore.useRichText || hidden}
     {disabled}
     {readonly}

package/dist/components/text-editor/text-editor.svelte.d.ts

@@ -13,6 +13,10 @@ declare const TextEditor: import("svelte").Component<{
      * Make the text input container flexible.
      */
     flex?: boolean | undefined;
+    /**
+     * The `dir` attribute on the `<textarea>` element.
+     */
+    dir?: "ltr" | "rtl" | "auto" | undefined;
     /**
      * Enabled modes.
      */
@@ -67,6 +71,10 @@ type Props = {
      * Make the text input container flexible.
      */
     flex?: boolean | undefined;
+    /**
+     * The `dir` attribute on the `<textarea>` element.
+     */
+    dir?: "ltr" | "rtl" | "auto" | undefined;
     /**
      * Enabled modes.
      */

package/dist/components/text-editor/toolbar/insert-link-button.svelte

@@ -216,6 +216,7 @@
   <div role="none">
     <label for="{id}-url">{_('_sui.text_editor.url')}</label>
     <TextInput
+      dir="ltr"
       id="{id}-url"
       bind:value={anchorURL}
       flex
@@ -229,6 +230,7 @@
     <div role="none">
       <label for="{id}-text">{_('_sui.text_editor.text')}</label>
       <TextInput
+        dir="auto"
         id="{id}-text"
         bind:value={anchorText}
         flex

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

@@ -156,6 +156,7 @@
     </Button>
   </div>
   <TextInput
+    dir="ltr"
     {...restProps}
     role="spinbutton"
     {id}

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

@@ -65,6 +65,7 @@
   {hidden}
 >
   <TextInput
+    dir="ltr"
     bind:element={inputElement}
     {...restProps}
     {id}

package/dist/components/text-field/search-bar.svelte

@@ -79,6 +79,7 @@
     {/if}
   </span>
   <TextInput
+    dir="auto"
     bind:element={inputElement}
     {...restProps}
     role="searchbox"

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

@@ -62,6 +62,7 @@
   {hidden}
 >
   <TextInput
+    dir="ltr"
     bind:element={inputElement}
     {...restProps}
     {id}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.38.0",
+  "version": "0.39.0",
   "description": "A collection of Svelte components and utilities for building user interfaces.",
   "repository": {
     "type": "git",
@@ -45,7 +45,7 @@
     "@lexical/selection": "^0.44.0",
     "@lexical/table": "^0.44.0",
     "@lexical/utils": "^0.44.0",
-    "@sveltia/i18n": "^1.0.5",
+    "@sveltia/i18n": "^1.1.0",
     "@sveltia/utils": "^0.10.6",
     "lexical": "^0.44.0",
     "prismjs": "^1.30.0",