autumnnote 1.8.0 → 1.8.2

package/src/js/i18n/de.js

@@ -151,6 +151,7 @@ export const de = {
     findPlaceholder:    'Suchen…',
     searchAriaLabel:    'Suchtext',
     caseSensitive:      '\u00a0Groß-/Kleinschreibung',
+    wholeWord:          'Ganzes Wort',
     prevBtn:            '← Zurück',
     nextBtn:            'Weiter →',
     replacePlaceholder: 'Ersetzen durch…',
@@ -293,7 +294,16 @@ export const de = {
       columnWidth:        'Spaltenbreite',
       rowHeight:          'Zeilenhöhe',
       tableBorderWidth:   'Tabellenrahmenbreite',
+      tableBorderColor:   'Tabellenrahmenfarbe',
       deleteTable:        'Tabelle löschen',
+      cellAlignLeft:      'Linksbündig',
+      cellAlignCenter:    'Zentrieren',
+      cellAlignRight:     'Rechtsbündig',
+      cellAlignJustify:   'Blocksatz',
+      toggleHeaderRow:    'Kopfzeile umschalten',
+      cellBackground:     'Zellhintergrund',
+      noShading:          'Kein Hintergrund',
+      noBorderColor:      'Keine Rahmenfarbe',
       columnWidthPx:      'Spaltenbreite (px)',
       rowHeightPx:        'Zeilenhöhe (px)',
       tableBorderWidthPx: 'Tabellenrahmenbreite (px)',

package/src/js/i18n/es.js

@@ -151,6 +151,7 @@ export const es = {
     findPlaceholder:    'Buscar…',
     searchAriaLabel:    'Texto de búsqueda',
     caseSensitive:      '\u00a0Distinguir mayúsculas',
+    wholeWord:          'Palabra completa',
     prevBtn:            '← Anterior',
     nextBtn:            'Siguiente →',
     replacePlaceholder: 'Reemplazar con…',
@@ -293,7 +294,16 @@ export const es = {
       columnWidth:        'Ancho de columna',
       rowHeight:          'Alto de fila',
       tableBorderWidth:   'Grosor del borde de la tabla',
+      tableBorderColor:   'Color del borde de la tabla',
       deleteTable:        'Eliminar tabla',
+      cellAlignLeft:      'Alinear a la izquierda',
+      cellAlignCenter:    'Centrar',
+      cellAlignRight:     'Alinear a la derecha',
+      cellAlignJustify:   'Justificar',
+      toggleHeaderRow:    'Activar fila de encabezado',
+      cellBackground:     'Fondo de celda',
+      noShading:          'Sin fondo',
+      noBorderColor:      'Sin color de borde',
       columnWidthPx:      'Ancho de columna (px)',
       rowHeightPx:        'Alto de fila (px)',
       tableBorderWidthPx: 'Grosor del borde (px)',

package/src/js/i18n/fr.js

@@ -152,6 +152,7 @@ export const fr = {
     findPlaceholder:    'Rechercher\u2026',
     searchAriaLabel:    'Texte à rechercher',
     caseSensitive:      '\u00a0Respecter la casse',
+    wholeWord:          'Mot entier',
     prevBtn:            '\u2190 Préc.',
     nextBtn:            'Suiv. \u2192',
     replacePlaceholder: 'Remplacer par\u2026',
@@ -294,7 +295,16 @@ export const fr = {
       columnWidth:        'Largeur de colonne',
       rowHeight:          'Hauteur de ligne',
       tableBorderWidth:   'Épaisseur des bordures',
+      tableBorderColor:   'Couleur de bordure',
       deleteTable:        'Supprimer le tableau',
+      cellAlignLeft:      'Aligner \u00e0 gauche',
+      cellAlignCenter:    'Centrer',
+      cellAlignRight:     'Aligner \u00e0 droite',
+      cellAlignJustify:   'Justifier',
+      toggleHeaderRow:    'Ligne d\'en-t\u00eate',
+      cellBackground:     'Couleur de fond',
+      noShading:          'Aucun fond',
+      noBorderColor:      'Aucune bordure',
       columnWidthPx:      'Largeur de colonne (px)',
       rowHeightPx:        'Hauteur de ligne (px)',
       tableBorderWidthPx: 'Épaisseur des bordures (px)',

package/src/js/i18n/ja.js

@@ -152,6 +152,7 @@ export const ja = {
     findPlaceholder:    '検索\u2026',
     searchAriaLabel:    '検索テキスト',
     caseSensitive:      '\u00a0大文字/小文字を区別',
+    wholeWord:          '単語単位',
     prevBtn:            '\u2190 前へ',
     nextBtn:            '次へ \u2192',
     replacePlaceholder: '置換後\u2026',
@@ -294,7 +295,16 @@ export const ja = {
       columnWidth:        '列幅',
       rowHeight:          '行の高さ',
       tableBorderWidth:   'テーブルの枠幅',
+      tableBorderColor:   'テーブルの枠線色',
       deleteTable:        'テーブルを削除',
+      cellAlignLeft:      '左揃え',
+      cellAlignCenter:    '中央揃え',
+      cellAlignRight:     '右揃え',
+      cellAlignJustify:   '両端揃え',
+      toggleHeaderRow:    'ヘッダー行の切り替え',
+      cellBackground:     'セル背景色',
+      noShading:          '背景色なし',
+      noBorderColor:      '枠線色なし',
       columnWidthPx:      '列幅 (px)',
       rowHeightPx:        '行の高さ (px)',
       tableBorderWidthPx: 'テーブルの枠幅 (px)',

package/src/js/i18n/ko.js

@@ -151,6 +151,7 @@ export const ko = {
     findPlaceholder:    '찾기…',
     searchAriaLabel:    '검색 텍스트',
     caseSensitive:      '\u00a0대소문자 구분',
+    wholeWord:          '전체 단어',
     prevBtn:            '← 이전',
     nextBtn:            '다음 →',
     replacePlaceholder: '바꿀 내용…',
@@ -293,7 +294,16 @@ export const ko = {
       columnWidth:        '열 너비',
       rowHeight:          '행 높이',
       tableBorderWidth:   '표 테두리 너비',
+      tableBorderColor:   '표 테두리 색상',
       deleteTable:        '표 삭제',
+      cellAlignLeft:      '왼쪽 정렬',
+      cellAlignCenter:    '가운데 정렬',
+      cellAlignRight:     '오른쪽 정렬',
+      cellAlignJustify:   '양쪽 정렬',
+      toggleHeaderRow:    '머리글 행 전환',
+      cellBackground:     '셀 배경색',
+      noShading:          '배경 없음',
+      noBorderColor:      '테두리 색 없음',
       columnWidthPx:      '열 너비 (px)',
       rowHeightPx:        '행 높이 (px)',
       tableBorderWidthPx: '표 테두리 너비 (px)',

package/src/js/i18n/vi.js

@@ -152,6 +152,7 @@ export const vi = {
     findPlaceholder:  'Tìm\u2026',
     searchAriaLabel:  'Văn bản tìm kiếm',
     caseSensitive:    '\u00a0Phân biệt hoa thường',
+    wholeWord:        'Toàn bộ từ',
     prevBtn:          '\u2190 Trước',
     nextBtn:          'Tiếp \u2192',
     replacePlaceholder: 'Thay thế bằng\u2026',
@@ -294,9 +295,16 @@ export const vi = {
       columnWidth:        'Chiều rộng cột',
       rowHeight:          'Chiều cao hàng',
       tableBorderWidth:   'Độ rộng viền bảng',
+      tableBorderColor:   'Màu viền bảng',
       deleteTable:        'Xóa bảng',
+      cellAlignLeft:      'Căn trái',
+      cellAlignCenter:    'Căn giữa',
+      cellAlignRight:     'Căn phải',
+      cellAlignJustify:   'Căn đều',
+      toggleHeaderRow:    'Bật/tắt hàng tiêu đề',
       cellBackground:     'Màu Nền Ô',
       noShading:          'Xóa Màu Nền',
+      noBorderColor:      'Xóa màu viền',
       columnWidthPx:      'Chiều rộng cột (px)',
       rowHeightPx:        'Chiều cao hàng (px)',
       tableBorderWidthPx: 'Độ rộng viền bảng (px)',

package/src/js/i18n/zh.js

@@ -152,6 +152,7 @@ export const zh = {
     findPlaceholder:    '查找\u2026',
     searchAriaLabel:    '搜索文字',
     caseSensitive:      '\u00a0区分大小写',
+    wholeWord:          '全字匹配',
     prevBtn:            '\u2190 上一个',
     nextBtn:            '下一个 \u2192',
     replacePlaceholder: '替换为\u2026',
@@ -294,7 +295,16 @@ export const zh = {
       columnWidth:        '列宽',
       rowHeight:          '行高',
       tableBorderWidth:   '表格边框宽度',
+      tableBorderColor:   '表格边框颜色',
       deleteTable:        '删除表格',
+      cellAlignLeft:      '左对齐',
+      cellAlignCenter:    '居中对齐',
+      cellAlignRight:     '右对齐',
+      cellAlignJustify:   '两端对齐',
+      toggleHeaderRow:    '切换标题行',
+      cellBackground:     '单元格背景',
+      noShading:          '无底纹',
+      noBorderColor:      '无边框颜色',
       columnWidthPx:      '列宽 (px)',
       rowHeightPx:        '行高 (px)',
       tableBorderWidthPx: '表格边框宽度 (px)',

package/src/js/index.js

@@ -144,7 +144,7 @@ const AutumnNote = {
   buttons,
 
   /** Library version */
-  version: '1.8.0',
+  version: '1.8.2',
 };
 
 // ---------------------------------------------------------------------------

package/src/js/module/Clipboard.js

@@ -365,7 +365,7 @@ export class Clipboard {
     const mime = /:(.*?);/.exec(header)?.[1] ?? 'image/png';
     const binary = atob(b64);
     const arr = new Uint8Array(binary.length);
-    for (let i = 0; i < binary.length; i++) arr[i] = binary.codePointAt(i);
+    for (let i = 0; i < binary.length; i++) arr[i] = binary.charCodeAt(i);
     return new Blob([arr], { type: mime });
   }
 

package/src/js/module/ImageDialog.js

@@ -107,6 +107,7 @@ export class ImageDialog extends BaseDialog {
   // ---------------------------------------------------------------------------
 
   _onFileChange() {
+    if (this.context._alive === false) return;
     const file = this._fileInput?.files?.[0];
     if (!file?.type?.startsWith('image/')) return;
 

package/src/js/module/Mention.js

@@ -17,6 +17,7 @@
  *   debounce:     200,
  *   onSearch:     (query, callback) => void,
  *   onInsert:     (item) => string | null,
+ *   onError:      (err: Error) => void,
  *   mentionClass: 'an-mention',
  *   allowSpaces:  false,
  * }
@@ -60,6 +61,7 @@ export class Mention {
       debounce: cfg.debounce ?? 200,
       onSearch: cfg.onSearch,
       onInsert: cfg.onInsert || null,
+      onError: cfg.onError || null,
       mentionClass: cfg.mentionClass || 'an-mention',
       allowSpaces: cfg.allowSpaces || false,
     };
@@ -277,7 +279,14 @@ export class Mention {
         this._renderItems(items);
         this._showDropdown();
       };
-      const result = this._cfg.onSearch(this._query, cb);
+      let result;
+      try {
+        result = this._cfg.onSearch(this._query, cb);
+      } catch (err) {
+        this._hideDropdown();
+        if (typeof this._cfg.onError === 'function') this._cfg.onError(err);
+        return;
+      }
       if (result && typeof result.then === 'function') {
         result.then(cb).catch((err) => {
           this._hideDropdown();

package/src/js/module/TableTooltip.js

@@ -1470,9 +1470,30 @@ export class TableTooltip {
         : bText.localeCompare(aText);
     });
     rows.forEach((row) => tbody.appendChild(row));
+    this._markSortIndicator(table, colIdx, direction);
     this.context.invoke('editor.afterCommand');
   }
 
+  /**
+   * Marks the header cell of the sorted column with `an-sort-asc`/`an-sort-desc`
+   * so the active sort column and direction are visible, and clears any previous
+   * indicator. No-op for tables without a `<thead>` (no header row to mark).
+   * @param {HTMLTableElement} table
+   * @param {number} colIdx
+   * @param {'asc'|'desc'} direction
+   */
+  _markSortIndicator(table, colIdx, direction) {
+    const thead = table.querySelector('thead');
+    if (!thead) return;
+    thead.querySelectorAll('.an-sort-asc, .an-sort-desc').forEach((el) => {
+      el.classList.remove('an-sort-asc', 'an-sort-desc');
+    });
+    const headerRow = thead.querySelector('tr');
+    if (!headerRow) return;
+    const headerCell = getCellAtVisualCol(headerRow, colIdx);
+    if (headerCell) headerCell.classList.add(direction === 'asc' ? 'an-sort-asc' : 'an-sort-desc');
+  }
+
   _exportTableCSV() {
     const table = this._activeTable;
     if (!table) return;

package/src/styles/autumnnote.scss

@@ -31,9 +31,13 @@
 
   &.an-focused {
     border-color: var(--an-focus-color, #{$an-primary});
-    // color-mix() blends the focus colour with transparent for the glow ring.
-    // Falls back gracefully to the default blue glow in older browsers.
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #{$an-primary}) 18%, transparent);
+    // Fallback glow for browsers without color-mix() (pre-Chrome 111, Safari 15.3, Firefox 112).
+    // Uses the static $an-primary value so --an-focus-color overrides are ignored in those browsers.
+    box-shadow: 0 0 0 3px rgba($an-primary, 0.18);
+    // Modern browsers get a fully themeable glow that respects --an-focus-color.
+    @supports (color: color-mix(in srgb, red, blue)) {
+      box-shadow: 0 0 0 3px color-mix(in srgb, var(--an-focus-color, #{$an-primary}) 18%, transparent);
+    }
   }
 
   &.an-disabled {
@@ -431,6 +435,8 @@
   padding: $an-editable-pad;
   min-height: 0;
   outline: none;
+
+
   line-height: $an-line-height;
   color: $an-text;
   overflow-y: auto;
@@ -565,6 +571,17 @@
     th {
       background: $an-bg-toolbar;
       font-weight: 600;
+
+      // Sort indicator — shows the active sorted column and direction
+      &.an-sort-asc::after,
+      &.an-sort-desc::after {
+        display: inline-block;
+        margin-left: 6px;
+        font-size: 0.7em;
+        opacity: 0.6;
+      }
+      &.an-sort-asc::after { content: '\25B2'; }
+      &.an-sort-desc::after { content: '\25BC'; }
     }
   }
 }

package/types/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * AutumnNote – TypeScript declarations
- * @version 1.8.0
+ * @version 1.8.2
  */
 
 // ---------------------------------------------------------------------------
@@ -106,7 +106,7 @@ export interface AsnOptions {
   colorSwatches?: string[];
   /**
    * Display language for the editor UI.
-   * Built-in: 'en' (default) | 'vi' | 'ja' | 'zh' | 'fr'.
+   * Built-in: 'en' (default) | 'vi' | 'ja' | 'zh' | 'fr' | 'de' | 'es' | 'ko'.
    * Pass a partial locale object to override individual strings.
    */
   lang?: string | Partial<AsnLocale>;
@@ -323,7 +323,7 @@ export interface AsnLocale {
   };
 }
 
-/** Registry of all built-in locales (keys: 'en', 'vi', 'ja', 'zh', 'fr'). */
+/** Registry of all built-in locales (keys: 'en', 'vi', 'ja', 'zh', 'fr', 'de', 'es', 'ko'). */
 export declare const locales: Record<string, AsnLocale>;
 
 /**