@sveltia/ui 0.3.0 → 0.3.2

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

@@ -36,8 +36,11 @@
   on:dragover|preventDefault
   on:drop|preventDefault
   on:contextmenu={(event) => {
-    // Disable the native context menu
-    if (!(/** @type {HTMLElement} */ (event.target)?.matches('input[type="text"], textarea'))) {
+    // Enable the native context menu only in the developer mode or on text fields
+    if (
+      !document.documentElement.matches('[data-env="dev"]') &&
+      !(/** @type {HTMLElement} */ (event.target)?.matches('input[type="text"], textarea'))
+    ) {
       event.preventDefault();
     }
   }}

package/package/components/util/group.js

@@ -128,6 +128,7 @@ class Group {
     this.activeMembers.forEach((element) => {
       const isTarget = element === newTarget;
       const isSelected = element.matches('[aria-selected="true"]');
+      const isMenuItemRadio = element.matches('[role="menuitemradio"]');
       const controls = element.getAttribute('aria-controls');
 
       if (this.multi && isTarget && event.type === 'click') {
@@ -136,9 +137,8 @@ class Group {
       }
 
       if (
-        (element.matches('[role="menuitemradio"]') &&
-          element.closest(this.parentGroupSelector) === targetParentGroup) ||
-        !this.multi
+        (isMenuItemRadio && element.closest(this.parentGroupSelector) === targetParentGroup) ||
+        (!isMenuItemRadio && !this.multi)
       ) {
         element.setAttribute(this.childSelectedAttr, String(isTarget));
         element.dispatchEvent(new CustomEvent(isTarget ? 'select' : 'unselect'));

package/package/components/util/popup.js

@@ -82,8 +82,6 @@ class Popup {
    * @param {PopupPosition} position Where to show the popup content.
    */
   constructor(anchorElement, popupElement, position) {
-    console.info({ anchorElement, popupElement, position });
-
     this.anchorElement = anchorElement;
     this.popupElement = popupElement; // = backdrop
     this.position = position;
@@ -99,8 +97,6 @@ class Popup {
     });
 
     this.anchorElement.addEventListener('keydown', (event) => {
-      console.info(event);
-
       const { key, ctrlKey, metaKey, shiftKey, altKey } = event;
       const hasModifier = shiftKey || altKey || ctrlKey || metaKey;
 
@@ -127,8 +123,6 @@ class Popup {
     });
 
     this.popupElement.addEventListener('keydown', (event) => {
-      console.info(event);
-
       const { key, ctrlKey, metaKey, shiftKey, altKey } = event;
       const hasModifier = shiftKey || altKey || ctrlKey || metaKey;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "license": "MIT",
   "type": "module",
   "publishConfig": {
@@ -26,24 +26,24 @@
     "svelte": "^3.55.1"
   },
   "devDependencies": {
-    "@playwright/test": "^1.35.0",
+    "@playwright/test": "^1.35.1",
     "@sveltejs/adapter-auto": "2.1.0",
-    "@sveltejs/kit": "1.20.2",
+    "@sveltejs/kit": "1.20.4",
     "@sveltejs/package": "^2.0.2",
     "cspell": "^6.31.1",
-    "eslint": "^8.42.0",
+    "eslint": "^8.43.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsdoc": "^46.2.6",
-    "eslint-plugin-svelte": "^2.30.0",
+    "eslint-plugin-svelte": "^2.31.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.24",
     "postcss-html": "^1.5.0",
     "prettier": "^2.8.8",
     "prettier-plugin-svelte": "^2.10.1",
-    "sass": "^1.63.3",
-    "stylelint": "^15.7.0",
+    "sass": "^1.63.4",
+    "stylelint": "^15.8.0",
     "stylelint-config-recommended-scss": "^12.0.0",
     "stylelint-scss": "^5.0.1",
     "svelte-check": "^3.4.3",
@@ -52,7 +52,7 @@
     "svelte-preprocess": "^5.0.4",
     "tslib": "^2.5.3",
     "vite": "^4.3.9",
-    "vitest": "^0.32.0"
+    "vitest": "^0.32.2"
   },
   "exports": {
     "./package.json": "./package.json",