@danielgindi/selectbox 1.0.137 → 1.0.139

package/eslint.config.mjs

@@ -0,0 +1,143 @@
+import globals from "globals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all,
+});
+
+export default [
+    {
+        ignores: [
+            "tests/**/*",
+            "test/**/*",
+            "!tests/**/*tests.js",
+            "!test/**/*tests.js",
+            "!tests/**/*_test.js",
+            "!test/**/*_test.js",
+            "!tests/**/*_helpers.js",
+            "!test/**/*_helpers.js",
+            "dist/**/*",
+            "example/**/*",
+        ],
+    },
+    ...compat.extends("eslint:recommended", "plugin:vue/recommended"),
+    {
+        languageOptions: {
+            globals: {
+                ...Object.fromEntries(Object.entries(globals.node).map(([key]) => [key, "off"])),
+                ...globals.browser,
+            },
+
+            ecmaVersion: 2020,
+            sourceType: "module",
+        },
+
+        rules: {
+            semi: ["warn", "always"],
+            "comma-dangle": ["warn", "always-multiline"],
+            "comma-style": ["warn", "last"],
+            "no-var": ["warn"],
+
+            "arrow-spacing": ["warn", {
+                before: true,
+                after: true,
+            }],
+
+            "space-infix-ops": ["warn", {
+                int32Hint: true,
+            }],
+
+            "keyword-spacing": ["warn", {
+                before: true,
+                after: true,
+            }],
+
+            "space-unary-ops": ["warn", {
+                words: true,
+                nonwords: false,
+            }],
+
+            "comma-spacing": ["warn", {
+                before: false,
+                after: true,
+            }],
+
+            "object-curly-spacing": ["warn", "always"],
+
+            "no-unused-vars": ["warn", {
+                vars: "all",
+                args: "after-used",
+                varsIgnorePattern: "[iIgnored]|^_",
+                ignoreRestSiblings: false,
+                argsIgnorePattern: "^_",
+                caughtErrors: "all",
+                caughtErrorsIgnorePattern: "^ignore",
+            }],
+
+            "no-console": "warn",
+            "no-extra-semi": "warn",
+            "no-unreachable": "warn",
+
+            "no-fallthrough": ["error", {
+                commentPattern: "break[\\s\\w]*omitted|fallthrough",
+            }],
+
+            "no-useless-escape": "warn",
+            "no-constant-condition": "warn",
+            "no-return-await": "warn",
+            "no-async-promise-executor": "warn",
+
+            "vue/no-unused-vars": ["warn", {
+                ignorePattern: "^_",
+            }],
+
+            "vue/require-default-prop": ["off"],
+            "vue/no-v-html": ["off"],
+        },
+    },
+    {
+        files: [
+            "tests/**/*tests.js",
+            "test/**/*tests.js",
+            "tests/**/*_test.js",
+            "test/**/*_test.js",
+        ],
+
+        languageOptions: {
+            globals: {
+                ...Object.fromEntries(Object.entries(globals.browser).map(([key]) => [key, "off"])),
+                ...globals.node,
+                ...globals.mocha,
+                ...globals.jest,
+            },
+        },
+
+        rules: {
+            "no-console": "off",
+        },
+    },
+    {
+        files: ["*db*/**/migrations/**/*.js"],
+
+        rules: {
+            "no-console": "off",
+        },
+    },
+    {
+        files: ["scripts/**/*.js", "**/eslint.config.mjs"],
+
+        languageOptions: {
+            globals: {
+                ...Object.fromEntries(Object.entries(globals.browser).map(([key]) => [key, "off"])),
+                ...globals.node,
+            },
+        },
+    },
+];

package/lib/DropList.js

@@ -1578,7 +1578,7 @@ class DropList {
             let itemPos, previousPos = -1;
             let maxIterations = 30; // Some zoom/scroll issues can make it so that it takes almost forever
 
-            // eslint-disable-next-line no-constant-condition
+
             while (maxIterations-- > 0) {
                 itemPos = p.virtualListHelper.getItemPosition(itemIndex);
 
@@ -1820,11 +1820,12 @@ class DropList {
                 setTimeout(() => {
                     if (this[DestroyedSymbol]) return;
 
-                    if (!document.activeElement ||
-                        !this.elContains(document.activeElement, true)) {
-                        this._delayBlurItemOnBlur();
-                        this._trigger('blur', event);
+                    if (document.activeElement && this.elContains(document.activeElement, true)) {
+                        return;
                     }
+
+                    this._delayBlurItemOnBlur();
+                    this._trigger('blur', event);
                 });
             });
     }
@@ -2116,7 +2117,7 @@ class DropList {
                     let base = getElementOffset(p.focusItemEl).top;
                     let height = getElementHeight(p.el, true);
 
-                    while (true) { // eslint-disable-line no-constant-condition
+                    while (true) {
                         next = p.focusItemEl.nextElementSibling;
                         if (!next) return;
                         if (next.tagName !== 'LI') continue;

package/lib/SelectBox.js

@@ -462,6 +462,20 @@ class SelectBox {
         return this._p.el;
     }
 
+    get droplistInstance() {
+        return this._p.dropList;
+    }
+
+    /**
+     * Returns true if other is an inclusive descendant of droplist node, false otherwise, and undefined if the droplist is not initiated.
+     * @param {Node} other
+     * @param {boolean} [considerSubmenus=true]
+     * @returns {boolean|undefined}
+     */
+    droplistElContains(other, considerSubmenus = true) {
+        return this._p.dropList?.elContains(other, considerSubmenus);
+    }
+
     /**
      * Enables the control
      * @param {boolean=true} enabled Should the control be enabled?
@@ -1956,6 +1970,9 @@ class SelectBox {
                         }
                     }
                         break;
+
+                    case 'blur':
+                        this._handleOnBlur();
                 }
             },
         });
@@ -1970,6 +1987,27 @@ class SelectBox {
         this._registerDropdownEvents();
     }
 
+    _handleOnBlur() {
+        const p = this._p;
+
+        setTimeout(() => {
+            if (p.disabled) return;
+
+            this._trigger('search:blur');
+
+            if (this[DestroyedSymbol]) return; // destroyed by event handler
+
+            if (document.activeElement &&
+                (p.input && p.input.contains(document.activeElement) ||
+                    p.dropList && this.droplistElContains(document.activeElement, true))) {
+                return;
+            }
+            if (p.throttledUpdateListItems)
+                p.throttledUpdateListItems.cancel();
+            this.closeList();
+        });
+    }
+
     _unregisterDropdownEvents() {
         const p = this._p;
 
@@ -2139,18 +2177,7 @@ class SelectBox {
                     avoidToggleFromClick = true;
                     setTimeout(() => { avoidToggleFromClick = false; }, 10);
                 })
-                .add(p.input, 'blur.dropdown', () => {
-                    if (p.disabled) return;
-
-                    this._trigger('search:blur');
-
-                    if (this[DestroyedSymbol]) return; // destroyed by event handler
-
-                    if (p.throttledUpdateListItems)
-                        p.throttledUpdateListItems.cancel();
-
-                    this.closeList();
-                });
+                .add(p.input, 'blur.dropdown', () => this._handleOnBlur());
         }
 
         p.sink

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "1.0.137",
+  "version": "1.0.139",
   "description": "A collection of dom utilities. So you can work natively with the dom without dom frameworks.",
   "main": "dist/lib.cjs.min.js",
   "module": "lib/index.js",
@@ -31,22 +31,25 @@
   "homepage": "https://github.com/danielgindi/selectbox#readme",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.24.3",
-    "@babel/preset-env": "^7.24.3",
-    "@babel/runtime": "^7.24.1",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@eslint/eslintrc": "^3.1.0",
+    "@eslint/js": "^9.8.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
-    "core-js": "^3.36.1",
-    "eslint": "^8.57.0",
+    "core-js": "^3.38.0",
+    "eslint": "^9.8.0",
     "eslint-formatter-codeframe": "^7.32.1",
-    "eslint-plugin-vue": "^9.24.0",
+    "eslint-plugin-vue": "^9.27.0",
     "fs-extra": "^11.2.0",
-    "husky": "^9.0.11",
+    "globals": "^15.9.0",
+    "husky": "^9.1.4",
     "pinst": "^3.0.0",
-    "rollup": "^4.13.2",
-    "sass": "^1.72.0"
+    "rollup": "^4.20.0",
+    "sass": "^1.77.8"
   },
   "dependencies": {
     "@danielgindi/dom-utils": "^1.0.8",

package/vue/DropList.vue

@@ -1,5 +1,5 @@
 <template>
-    <span v-show="false" />
+  <span v-show="false" />
 </template>
 
 <script>

package/vue/SelectBox.vue

@@ -894,6 +894,10 @@
             blur() {
                 this.nonReactive.instance?.blurInput();
             },
+
+            droplistElContains(other, considerSublists = true) {
+                return this.nonReactive.instance?.droplistElContains(other, considerSublists);
+            },
         },
     };
 </script>