uikit 3.21.13 → 3.21.14-dev.028df7be8

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.21.13",
+  "version": "3.21.14-dev.028df7be8",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -22,7 +22,7 @@
   "devDependencies": {
     "@eslint/js": "^9.6.0",
     "@rollup/plugin-alias": "^5.1.0",
-    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-replace": "^6.0.1",
     "archiver": "^7.0.1",
     "camelcase": "^8.0.0",
     "chokidar-cli": "^3.0.0",

package/src/js/api/boot.js

@@ -24,37 +24,33 @@ function init(App) {
         apply(document.body, connect);
     }
 
-    new MutationObserver((records) => records.forEach(applyChildListMutation)).observe(document, {
+    new MutationObserver(handleMutation).observe(document, {
         subtree: true,
         childList: true,
-    });
-
-    new MutationObserver((records) => records.forEach(applyAttributeMutation)).observe(document, {
-        subtree: true,
         attributes: true,
     });
 
     App._initialized = true;
 }
 
-function applyChildListMutation({ addedNodes, removedNodes }) {
-    for (const node of addedNodes) {
-        apply(node, connect);
-    }
+function handleMutation(records) {
+    for (const { addedNodes, removedNodes, target, attributeName } of records) {
+        for (const node of addedNodes) {
+            apply(node, connect);
+        }
 
-    for (const node of removedNodes) {
-        apply(node, disconnect);
-    }
-}
+        for (const node of removedNodes) {
+            apply(node, disconnect);
+        }
 
-function applyAttributeMutation({ target, attributeName }) {
-    const name = getComponentName(attributeName);
+        const name = attributeName && getComponentName(attributeName);
 
-    if (name) {
-        if (hasAttr(target, attributeName)) {
-            createComponent(name, target);
-        } else {
-            getComponent(target, name)?.$destroy();
+        if (name) {
+            if (hasAttr(target, attributeName)) {
+                createComponent(name, target);
+            } else {
+                getComponent(target, name)?.$destroy();
+            }
         }
     }
 }

package/src/js/api/events.js

@@ -1,4 +1,4 @@
-import { hasOwn, isArray, isFunction, isPlainObject, isString, on } from 'uikit-util';
+import { hasOwn, isArray, isPlainObject, on } from 'uikit-util';
 
 export function initEvents(instance) {
     for (const event of instance.$options.events || []) {
@@ -16,19 +16,17 @@ export function registerEvent(instance, event, key) {
     let { name, el, handler, capture, passive, delegate, filter, self } = isPlainObject(event)
         ? event
         : { name: key, handler: event };
-    el = isFunction(el) ? el.call(instance, instance) : el || instance.$el;
+    el = el ? el.call(instance, instance) : instance.$el;
 
     if (!el || (isArray(el) && !el.length) || (filter && !filter.call(instance, instance))) {
         return;
     }
 
     instance._disconnect.push(
-        on(
-            el,
-            name,
-            delegate ? (isString(delegate) ? delegate : delegate.call(instance, instance)) : null,
-            isString(handler) ? instance[handler] : handler.bind(instance),
-            { passive, capture, self },
-        ),
+        on(el, name, delegate?.call(instance, instance), handler.bind(instance), {
+            passive,
+            capture,
+            self,
+        }),
     );
 }

package/src/js/components/lightbox-panel.js

@@ -73,7 +73,9 @@ export default {
         {
             name: `${pointerMove} ${pointerDown} keydown`,
 
-            handler: 'showControls',
+            handler() {
+                this.showControls();
+            },
         },
 
         {
@@ -95,7 +97,9 @@ export default {
 
             self: true,
 
-            handler: 'showControls',
+            handler() {
+                this.showControls();
+            },
         },
 
         {

package/src/js/components/sortable.js

@@ -68,7 +68,9 @@ export default {
     events: {
         name: pointerDown,
         passive: false,
-        handler: 'init',
+        handler() {
+            this.init();
+        },
     },
 
     computed: {

package/src/js/core/drop.js

@@ -276,7 +276,9 @@ export default {
 
             self: true,
 
-            handler: 'clearTimers',
+            handler() {
+                this.clearTimers();
+            },
         },
 
         {

package/src/js/mixin/slider-nav.js

@@ -159,7 +159,9 @@ export default {
 
         {
             name: 'itemshow',
-            handler: 'updateNav',
+            handler() {
+                this.updateNav();
+            },
         },
 
         {