@sveltia/ui 0.27.8 → 0.27.9

package/dist/components/util/app-shell.svelte

@@ -93,13 +93,24 @@
   ondragover={(event) => event.preventDefault()}
   ondrop={(event) => event.preventDefault()}
   oncontextmenu={(event) => {
-    // Enable the native context menu only in the developer mode or on text fields
+    // Allow context menu in developer mode
+    if (document.documentElement.matches('[data-env="dev"]')) {
+      return;
+    }
+
+    // eslint-disable-next-line prefer-destructuring
+    const target = /** @type {HTMLElement} */ (event.target);
+
+    // Allow context menu on text inputs and contentEditable elements
     if (
-      !document.documentElement.matches('[data-env="dev"]') &&
-      !(/** @type {HTMLElement} */ (event.target)?.matches('input[type="text"], textarea'))
+      document.documentElement.matches('[data-env="dev"]') ||
+      (target?.matches('input, textarea') && 'maxLength' in target) ||
+      /** @type {HTMLElement} */ (target?.closest('[role="textbox"]'))?.contentEditable === 'true'
     ) {
-      event.preventDefault();
+      return;
     }
+
+    event.preventDefault();
   }}
 >
   {@render children?.()}

package/dist/services/group.svelte.js

@@ -6,6 +6,26 @@ import { generateElementId } from '@sveltia/utils/element';
 import { sleep } from '@sveltia/utils/misc';
 import { getSelectedItemDetail } from './select.svelte';
 
+/**
+ * Normalize the given string for search value comparison. Since `transliterate` is slow, we only
+ * apply basic normalization.
+ * @param {string} value Original value.
+ * @returns {string} Normalized value.
+ * @todo Move this to @sveltia/utils.
+ */
+const normalize = (value) => {
+  value = value.trim();
+
+  if (!value) {
+    return '';
+  }
+
+  return value
+    .normalize('NFD')
+    .replace(/\p{Diacritic}/gu, '')
+    .toLocaleLowerCase();
+};
+
 /**
  * @type {{ [role: string]: {
  * orientation: 'vertical' | 'horizontal',
@@ -464,18 +484,18 @@ class Group {
    * @param {{ searchTerms: string }} params Updated params.
    */
   onUpdate({ searchTerms }) {
-    const terms = searchTerms.trim().toLocaleLowerCase();
+    const terms = normalize(searchTerms);
     const _terms = terms ? terms.split(/\s+/) : [];
 
     const matched = this.allMembers
       .map((member) => {
-        const searchValue =
-          (
-            member.dataset.searchValue ??
+        const searchValue = normalize(
+          member.dataset.searchValue ??
             member.dataset.label ??
             member.querySelector('.label')?.textContent ??
-            member.textContent
-          )?.toLocaleLowerCase() ?? '';
+            member.textContent ??
+            '',
+        );
 
         const hidden = !_terms.every((term) => searchValue.includes(term));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.27.8",
+  "version": "0.27.9",
   "license": "MIT",
   "type": "module",
   "repository": {