uikit 3.19.4 → 3.19.5-dev.57ec46163

package/eslint.config.js

@@ -1,16 +1,19 @@
-const eslintJs = require('@eslint/js');
-const eslintConfigPrettier = require('eslint-config-prettier');
-const globals = require('globals');
+import eslintJs from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import globals from 'globals';
 
-module.exports = [
+export default [
     eslintJs.configs.recommended,
     eslintConfigPrettier,
+    {
+        ignores: ['*', '!src/', '!src/*', '!src/js', '!build/', 'build/*', '!build/*.js'],
+    },
     {
         rules: {
             'no-unused-vars': ['error', { caughtErrors: 'none' }],
         },
         languageOptions: {
-            ecmaVersion: 2022,
+            ecmaVersion: 'latest',
             sourceType: 'module',
             globals: {
                 ...globals.browser,

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.19.4",
+  "version": "3.19.5-dev.57ec46163",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -10,6 +10,7 @@
     "./src/js/*.js",
     "./dist/**/*.js"
   ],
+  "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/uikit/uikit.git"
@@ -60,8 +61,6 @@
     "prefix": "node build/prefix",
     "scope": "node build/scope",
     "release": "node build/release",
-    "watch": "chokidar \"**/*.less\" --initial -i \"node_modules\" -c \"node build/less\"",
-    "eslint": "eslint src/js build/*.js",
-    "eslint-fix": "eslint --fix src/js build/*.js"
+    "watch": "chokidar \"**/*.less\" --initial -i \"node_modules\" -c \"node build/less\""
   }
 }

package/src/js/components/filter.js

@@ -118,10 +118,7 @@ export default {
 
             await Promise.all(
                 $$(this.target, this.$el).map((target) => {
-                    const filterFn = () => {
-                        applyState(state, target, getChildren(target));
-                        this.$update(this.$el);
-                    };
+                    const filterFn = () => applyState(state, target, getChildren(target));
                     return animate ? this.animate(filterFn, target) : filterFn();
                 }),
             );
@@ -146,7 +143,9 @@ function isEqualState(stateA, stateB) {
 function applyState(state, target, children) {
     const selector = getSelector(state);
 
-    children.forEach((el) => css(el, 'display', selector && !matches(el, selector) ? 'none' : ''));
+    for (const el of children) {
+        css(el, 'display', selector && !matches(el, selector) ? 'none' : '');
+    }
 
     const [sort, order] = state.sort;
 

package/src/js/core/drop.js

@@ -29,7 +29,6 @@ import {
     removeClass,
     within,
 } from 'uikit-util';
-import { lazyload } from '../api/observables';
 import Container from '../mixin/container';
 import Position from '../mixin/position';
 import Togglable from '../mixin/togglable';
@@ -129,11 +128,6 @@ export default {
         css(this.$el, this._style);
     },
 
-    observe: lazyload({
-        target: ({ toggle, $el }) => query(toggle, $el),
-        targets: ({ $el }) => $el,
-    }),
-
     events: [
         {
             name: 'click',

package/src/js/core/margin.js

@@ -15,10 +15,10 @@ export default {
     observe: [
         mutation({
             options: {
-                childList: true,
                 attributes: true,
                 attributeFilter: ['style'],
             },
+            target: ({ $el }) => [$el, ...children($el)],
         }),
         resize({
             target: ({ $el }) => [$el, ...children($el)],

package/src/js/core/switcher.js

@@ -10,6 +10,7 @@ import {
     hasClass,
     includes,
     isNode,
+    isTag,
     matches,
     queryAll,
     toArray,
@@ -188,7 +189,11 @@ export default {
     ],
 
     update() {
-        attr(this.connects, 'role', 'presentation');
+        for (const el of this.connects) {
+            if (isTag(el, 'ul')) {
+                attr(el, 'role', 'presentation');
+            }
+        }
         attr(children(this.$el), 'role', 'presentation');
 
         for (const index in this.toggles) {

package/src/js/core/toggle.js

@@ -58,7 +58,7 @@ export default {
         }
     },
 
-    observe: lazyload({ target: ({ target }) => target }),
+    observe: lazyload({ targets: ({ target }) => target }),
 
     events: [
         {

package/build/package.json

@@ -1,4 +0,0 @@
-{
-    "private": true,
-    "type": "module"
-}