@sveltia/ui 0.45.0 → 0.46.0

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

@@ -39,18 +39,25 @@ import {
   registerRichText,
 } from '@lexical/rich-text';
 import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
-import { $getNearestNodeOfType as getNearestNodeOfType } from '@lexical/utils';
+import { $getNearestNodeOfType as getNearestNodeOfType, objectKlassEquals } from '@lexical/utils';
 import { sleep } from '@sveltia/utils/misc';
+import { isURL } from '@sveltia/utils/string';
 import {
+  COMMAND_PRIORITY_LOW,
   COMMAND_PRIORITY_NORMAL,
   createEditor,
+  $createTextNode as createTextNode,
   ElementNode,
   $getRoot as getRoot,
   $getSelection as getSelection,
   INDENT_CONTENT_COMMAND,
   INSERT_PARAGRAPH_COMMAND,
+  $insertNodes as insertNodes,
+  $isElementNode as isElementNode,
   $isRangeSelection as isRangeSelection,
+  $isTextNode as isTextNode,
   OUTDENT_CONTENT_COMMAND,
+  PASTE_COMMAND,
 } from 'lexical';
 import prismComponents from 'prismjs/components';
 import {
@@ -269,6 +276,7 @@ export const initEditor = ({
     );
   }
 
+  // https://github.com/facebook/lexical/blob/main/packages/lexical-link/src/LexicalLinkExtension.ts
   if (enabledButtons.includes('link')) {
     addUnregister(
       editor.registerCommand(
@@ -281,6 +289,47 @@ export const initEditor = ({
         COMMAND_PRIORITY_NORMAL,
       ),
     );
+
+    addUnregister(
+      editor.registerCommand(
+        PASTE_COMMAND,
+        (event) => {
+          const selection = getSelection();
+
+          if (
+            !isRangeSelection(selection) ||
+            !objectKlassEquals(event, ClipboardEvent) ||
+            !event.clipboardData ||
+            /** @type {HTMLElement} */ (event.target).matches('input, textarea')
+          ) {
+            return false;
+          }
+
+          const clipboardText = event.clipboardData.getData('text').trim();
+
+          if (!isURL(clipboardText)) {
+            return false;
+          }
+
+          if (selection.isCollapsed()) {
+            insertNodes([createTextNode(clipboardText)]);
+          }
+
+          if (
+            !selection
+              .getNodes()
+              .some((node) => isElementNode(node) || (isTextNode(node) && !node.isSimpleText()))
+          ) {
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, clipboardText);
+            event.preventDefault();
+            return true;
+          }
+
+          return false;
+        },
+        COMMAND_PRIORITY_LOW,
+      ),
+    );
   }
 
   if (enabledButtons.includes('bulleted-list')) {

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

@@ -138,14 +138,7 @@
           if (!hasAnchor) {
             anchorText = anchorText.trim();
             anchorText ||= anchorURL;
-
-            const { anchor, focus } = /** @type {RangeSelection} */ (_selection);
-            const node = createTextNode(anchorText);
-            const key = node.getKey();
-
-            insertNodes([node]);
-            anchor.set(key, anchorText.length, 'text');
-            focus.set(key, 0, 'text');
+            insertNodes([createTextNode(anchorText)]);
           }
 
           setSelection(_selection);

package/dist/locales/el.yaml

@@ -0,0 +1,113 @@
+# Dialog action button labels
+ok: ΟΚ
+cancel: Άκυρο
+close: Κλείσιμο
+
+# Button to clear content, e.g. search input or calendar date
+clear: Έκκαθάριση
+
+# Text editor dialog buttons for link/image insertion
+insert: Εισαγωγή
+update: Ενημέρωση
+remove: Κατάργηση
+
+# Combobox dropdown toggle button aria-labels
+collapse: Σύμπτυξη
+expand: Ανάπτυξη
+
+# Infobar/toast dismiss button label
+dismiss: Παράβλεψη
+
+# Calendar component
+calendar:
+  # View switcher group aria-labels and navigation button aria-labels
+  year: Έτος
+  previous_decade: Προηγούμενη δεκαετία
+  next_decade: Επόμενη δεκαετία
+  month: Μήνας
+  previous_month: Προηγούμενος μήνας
+  next_month: Επόμενος μήνας
+  # “Today” button label in footer
+  today: Σήμερα
+
+# Split button component
+split_button:
+  # Wrapper aria-label, e.g. “Save Options” when primary button is “Save”
+  x_options: 'Επιλογές για {$name}'
+  # Dropdown toggle aria-label
+  more_options: Περισσότερες επιλογές
+
+# Combobox component
+combobox:
+  # Placeholder when no option is selected
+  select_an_option: Επιλέξτε μία επιλογή…
+  # Filter input aria-label
+  filter_options: Φιλτράρισμα επιλογών
+  # Empty state message when filter has no matches
+  no_matching_options: Δεν βρέθηκαν επιλογές που να ταιριάζουν
+
+# Number input component
+number_input:
+  # Spin button aria-labels for incrementing/decrementing the number value
+  increase: Αύξηση
+  decrease: Μείωση
+
+# Password input component
+password_input:
+  # Visibility toggle button aria-labels
+  show_password: Εμφάνιση κωδικού πρόσβασης
+  hide_password: Απόκρυψη κωδικού πρόσβασης
+
+# Secret input component (API keys, tokens, etc.)
+secret_input:
+  # Visibility toggle button aria-labels
+  show_secret: Εμφάνιση μυστικού
+  hide_secret: Απόκρυψη μυστικού
+
+# Select tags component (multi-select)
+select_tags:
+  # Listbox aria-label
+  selected_options: Επιλεγμένες επιλογές
+  # Remove button aria-label, e.g. “Remove Option 1”
+  remove_x: 'Κατάργηση {$name}'
+
+# Text editor component
+text_editor:
+  # Toolbar aria-labels
+  text_editor: Επεξεργαστής κειμένου
+  code_editor: Επεξεργαστής κώδικα
+  # Block style menu button and menu aria-labels
+  text_style_options: Επιλογές μορφοποίησης κειμένου
+  show_text_style_options: Εμφάνιση επιλογών μορφοποίησης κειμένου
+  # Block style menu items
+  paragraph: Παράγραφος
+  heading_1: Επικεφαλίδα 1
+  heading_2: Επικεφαλίδα 2
+  heading_3: Επικεφαλίδα 3
+  heading_4: Επικεφαλίδα 4
+  heading_5: Επικεφαλίδα 5
+  heading_6: Επικεφαλίδα 6
+  bulleted_list: Λίστα με κουκίδες
+  numbered_list: Αριθμημένη λίστα
+  blockquote: Παράθεση
+  code_block: Μπλόκ κώδικα
+  # Inline style button aria-labels
+  bold: Έντονα
+  italic: Πλάγια
+  strikethrough: Διακριτή διαγραφή
+  code: Κώδικας
+  link: Σύνδεσμος
+  # Link dialog title
+  insert_link: Εισαγωγή συνδέσμου
+  update_link: Ενημέρωση συνδέσμου
+  # Link dialog input field labels
+  text: Κείμενο
+  url: URL
+  # Markdown mode toggle button aria-label
+  edit_in_markdown: Επεξεργασία σε Markdown
+  # Error message when rich text conversion fails
+  converter_error: Δεν ήταν δυνατή η ενεργοποίηση της λειτουργίας εμπλουτισμένου κειμένου. Παρακαλούμε χρησιμοποιήστε τον επεξεργαστή απλού κειμένου.
+  # Language selector aria-label
+  language: Γλώσσα
+  # Plain text mode option in language selector
+  plain_text: Απλό κείμενο

package/dist/locales/en-CA.yaml

@@ -33,7 +33,7 @@ calendar:
 # Split button component
 split_button:
   # Wrapper aria-label, e.g. “Save Options” when primary button is “Save”
-  x_options: "{$name} Options"
+  x_options: '{$name} Options'
   # Dropdown toggle aria-label
   more_options: More Options
 
@@ -69,7 +69,7 @@ select_tags:
   # Listbox aria-label
   selected_options: Selected Options
   # Remove button aria-label, e.g. “Remove Option 1”
-  remove_x: "Remove {$name}"
+  remove_x: 'Remove {$name}'
 
 # Text editor component
 text_editor:

package/dist/locales/en-GB.yaml

@@ -33,7 +33,7 @@ calendar:
 # Split button component
 split_button:
   # Wrapper aria-label, e.g. “Save Options” when primary button is “Save”
-  x_options: "{$name} Options"
+  x_options: '{$name} Options'
   # Dropdown toggle aria-label
   more_options: More Options
 
@@ -69,7 +69,7 @@ select_tags:
   # Listbox aria-label
   selected_options: Selected Options
   # Remove button aria-label, e.g. “Remove Option 1”
-  remove_x: "Remove {$name}"
+  remove_x: 'Remove {$name}'
 
 # Text editor component
 text_editor:

package/dist/locales/en-US.yaml

@@ -33,7 +33,7 @@ calendar:
 # Split button component
 split_button:
   # Wrapper aria-label, e.g. “Save Options” when primary button is “Save”
-  x_options: "{$name} Options"
+  x_options: '{$name} Options'
   # Dropdown toggle aria-label
   more_options: More Options
 
@@ -69,7 +69,7 @@ select_tags:
   # Listbox aria-label
   selected_options: Selected Options
   # Remove button aria-label, e.g. “Remove Option 1”
-  remove_x: "Remove {$name}"
+  remove_x: 'Remove {$name}'
 
 # Text editor component
 text_editor:

package/dist/locales/ja.yaml

@@ -33,7 +33,7 @@ calendar:
 # Split button component
 split_button:
   # Wrapper aria-label, e.g. "Save Options" when primary button is "Save"
-  x_options: "{$name} オプション"
+  x_options: '{$name} オプション'
   # Dropdown toggle aria-label
   more_options: その他のオプション
 
@@ -69,7 +69,7 @@ select_tags:
   # Listbox aria-label
   selected_options: 選択済みのオプション
   # Remove button aria-label, e.g. "Remove Option 1"
-  remove_x: "{$name} を削除"
+  remove_x: '{$name} を削除'
 
 # Text editor component
 text_editor:

package/dist/locales/ru.yaml

@@ -0,0 +1,113 @@
+# Dialog action button labels
+ok: OK
+cancel: Отмена
+close: Закрыть
+
+# Button to clear content, e.g. search input or calendar date
+clear: Очистить
+
+# Text editor dialog buttons for link/image insertion
+insert: Вставить
+update: Обновить
+remove: Удалить
+
+# Combobox dropdown toggle button aria-labels
+collapse: Свернуть
+expand: Развернуть
+
+# Infobar/toast dismiss button label
+dismiss: Отклонить
+
+# Calendar component
+calendar:
+  # View switcher group aria-labels and navigation button aria-labels
+  year: Год
+  previous_decade: Предыдущее десятилетие
+  next_decade: Следующее десятилетие
+  month: Месяц
+  previous_month: Предыдущий месяц
+  next_month: Следующий месяц
+  # “Today” button label in footer
+  today: Сегодня
+
+# Split button component
+split_button:
+  # Wrapper aria-label, e.g. “Save Options” when primary button is “Save”
+  x_options: Параметры «{$name}»
+  # Dropdown toggle aria-label
+  more_options: Другие параметры
+
+# Combobox component
+combobox:
+  # Placeholder when no option is selected
+  select_an_option: Выберите вариант…
+  # Filter input aria-label
+  filter_options: Фильтровать варианты
+  # Empty state message when filter has no matches
+  no_matching_options: Подходящих вариантов не найдено
+
+# Number input component
+number_input:
+  # Spin button aria-labels for incrementing/decrementing the number value
+  increase: Увеличить
+  decrease: Уменьшить
+
+# Password input component
+password_input:
+  # Visibility toggle button aria-labels
+  show_password: Показать пароль
+  hide_password: Скрыть пароль
+
+# Secret input component (API keys, tokens, etc.)
+secret_input:
+  # Visibility toggle button aria-labels
+  show_secret: Показать секрет
+  hide_secret: Скрыть секрет
+
+# Select tags component (multi-select)
+select_tags:
+  # Listbox aria-label
+  selected_options: Выбранные варианты
+  # Remove button aria-label, e.g. “Remove Option 1”
+  remove_x: Удалить «{$name}»
+
+# Text editor component
+text_editor:
+  # Toolbar aria-labels
+  text_editor: Текстовый редактор
+  code_editor: Редактор кода
+  # Block style menu button and menu aria-labels
+  text_style_options: Параметры стиля текста
+  show_text_style_options: Показать параметры стиля текста
+  # Block style menu items
+  paragraph: Абзац
+  heading_1: Заголовок 1
+  heading_2: Заголовок 2
+  heading_3: Заголовок 3
+  heading_4: Заголовок 4
+  heading_5: Заголовок 5
+  heading_6: Заголовок 6
+  bulleted_list: Маркированный список
+  numbered_list: Нумерованный список
+  blockquote: Цитата
+  code_block: Блок кода
+  # Inline style button aria-labels
+  bold: Полужирный
+  italic: Курсив
+  strikethrough: Зачёркнутый
+  code: Код
+  link: Ссылка
+  # Link dialog title
+  insert_link: Вставить ссылку
+  update_link: Обновить ссылку
+  # Link dialog input field labels
+  text: Текст
+  url: URL
+  # Markdown mode toggle button aria-label
+  edit_in_markdown: Редактировать в Markdown
+  # Error message when rich text conversion fails
+  converter_error: Не удалось включить режим форматированного текста. Вместо этого используйте редактор обычного текста.
+  # Language selector aria-label
+  language: Язык
+  # Plain text mode option in language selector
+  plain_text: Обычный текст

package/dist/locales/uk.yaml

@@ -0,0 +1,113 @@
+# Dialog action button labels
+ok: OK
+cancel: Скасувати
+close: Закрити
+
+# Button to clear content, e.g. search input or calendar date
+clear: Очистити
+
+# Text editor dialog buttons for link/image insertion
+insert: Вставити
+update: Оновити
+remove: Видалити
+
+# Combobox dropdown toggle button aria-labels
+collapse: Згорнути
+expand: Розгорнути
+
+# Infobar/toast dismiss button label
+dismiss: Відхилити
+
+# Calendar component
+calendar:
+  # View switcher group aria-labels and navigation button aria-labels
+  year: Рік
+  previous_decade: Попереднє десятиліття
+  next_decade: Наступне десятиліття
+  month: Місяць
+  previous_month: Попередній місяць
+  next_month: Наступний місяць
+  # “Today” button label in footer
+  today: Сьогодні
+
+# Split button component
+split_button:
+  # Wrapper aria-label, e.g. “Save Options” when primary button is “Save”
+  x_options: Параметри «{$name}»
+  # Dropdown toggle aria-label
+  more_options: Інші параметри
+
+# Combobox component
+combobox:
+  # Placeholder when no option is selected
+  select_an_option: Виберіть варіант…
+  # Filter input aria-label
+  filter_options: Фільтрувати варіанти
+  # Empty state message when filter has no matches
+  no_matching_options: Відповідних варіантів не знайдено
+
+# Number input component
+number_input:
+  # Spin button aria-labels for incrementing/decrementing the number value
+  increase: Збільшити
+  decrease: Зменшити
+
+# Password input component
+password_input:
+  # Visibility toggle button aria-labels
+  show_password: Показати пароль
+  hide_password: Сховати пароль
+
+# Secret input component (API keys, tokens, etc.)
+secret_input:
+  # Visibility toggle button aria-labels
+  show_secret: Показати секрет
+  hide_secret: Сховати секрет
+
+# Select tags component (multi-select)
+select_tags:
+  # Listbox aria-label
+  selected_options: Вибрані варіанти
+  # Remove button aria-label, e.g. “Remove Option 1”
+  remove_x: Видалити «{$name}»
+
+# Text editor component
+text_editor:
+  # Toolbar aria-labels
+  text_editor: Текстовий редактор
+  code_editor: Редактор коду
+  # Block style menu button and menu aria-labels
+  text_style_options: Параметри стилю тексту
+  show_text_style_options: Показати параметри стилю тексту
+  # Block style menu items
+  paragraph: Абзац
+  heading_1: Заголовок 1
+  heading_2: Заголовок 2
+  heading_3: Заголовок 3
+  heading_4: Заголовок 4
+  heading_5: Заголовок 5
+  heading_6: Заголовок 6
+  bulleted_list: Маркований список
+  numbered_list: Нумерований список
+  blockquote: Цитата
+  code_block: Блок коду
+  # Inline style button aria-labels
+  bold: Жирний
+  italic: Курсив
+  strikethrough: Закреслений
+  code: Код
+  link: Посилання
+  # Link dialog title
+  insert_link: Вставити посилання
+  update_link: Оновити посилання
+  # Link dialog input field labels
+  text: Текст
+  url: URL
+  # Markdown mode toggle button aria-label
+  edit_in_markdown: Редагувати в Markdown
+  # Error message when rich text conversion fails
+  converter_error: Не вдалося ввімкнути режим форматованого тексту. Натомість скористайтеся редактором звичайного тексту.
+  # Language selector aria-label
+  language: Мова
+  # Plain text mode option in language selector
+  plain_text: Звичайний текст

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.45.0",
+  "version": "0.46.0",
   "description": "A collection of Svelte components and utilities for building user interfaces.",
   "repository": {
     "type": "git",
@@ -46,7 +46,7 @@
     "@lexical/table": "^0.48.0",
     "@lexical/utils": "^0.48.0",
     "@sveltia/i18n": "^1.1.3",
-    "@sveltia/utils": "^0.10.7",
+    "@sveltia/utils": "^0.11.0",
     "lexical": "^0.48.0",
     "prismjs": "^1.30.0"
   },
@@ -62,21 +62,21 @@
     "eslint-config-airbnb-extended": "^3.1.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsdoc": "^63.2.0",
-    "eslint-plugin-package-json": "^1.6.0",
+    "eslint-plugin-jsdoc": "^63.3.0",
+    "eslint-plugin-package-json": "^1.6.2",
     "eslint-plugin-svelte": "^3.22.0",
     "globals": "^17.7.0",
     "happy-dom": "^20.11.1",
     "oxlint": "^1.75.0",
-    "postcss": "^8.5.22",
+    "postcss": "^8.5.23",
     "postcss-html": "^1.8.1",
     "prettier": "^3.9.6",
     "prettier-plugin-svelte": "^4.1.1",
-    "sass": "^1.101.6",
+    "sass": "^1.102.0",
     "stylelint": "^17.14.1",
     "stylelint-config-recommended-scss": "^17.0.1",
     "stylelint-scss": "^7.2.0",
-    "svelte": "^5.56.7",
+    "svelte": "^5.56.8",
     "svelte-check": "^4.7.3",
     "svelte-preprocess": "^6.0.5",
     "tslib": "^2.8.1",