uikit 3.15.3-dev.45f4472ed → 3.15.3-dev.8c13c92d9

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.15.3-dev.45f4472ed",
+    "version": "3.15.3-dev.8c13c92d9",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/api/boot.js

@@ -1,5 +1,5 @@
 import { getComponentName } from './component';
-import { apply, fastdom, hasAttr, inBrowser } from 'uikit-util';
+import { apply, hasAttr, inBrowser } from 'uikit-util';
 
 export default function (UIkit) {
     const { connect, disconnect } = UIkit;
@@ -8,7 +8,7 @@ export default function (UIkit) {
         return;
     }
 
-    fastdom.read(function () {
+    requestAnimationFrame(function () {
         if (document.body) {
             apply(document.body, connect);
         }

package/src/js/api/component.js

@@ -1,4 +1,4 @@
-import { $$, camelize, fastdom, hyphenate, isPlainObject, memoize, startsWith } from 'uikit-util';
+import { $$, camelize, hyphenate, isPlainObject, memoize, startsWith } from 'uikit-util';
 
 export default function (UIkit) {
     const DATA = UIkit.data;
@@ -49,7 +49,7 @@ export default function (UIkit) {
         opt.install?.(UIkit, opt, name);
 
         if (UIkit._initialized && !opt.functional) {
-            fastdom.read(() => UIkit[name](`[uk-${id}],[data-uk-${id}]`));
+            requestAnimationFrame(() => UIkit[name](`[uk-${id}],[data-uk-${id}]`));
         }
 
         return (components[name] = isPlainObject(options) ? opt : options);

package/src/js/core/accordion.js

@@ -5,7 +5,6 @@ import {
     $,
     $$,
     attr,
-    fastdom,
     filter,
     getIndex,
     hasClass,
@@ -144,7 +143,7 @@ export default {
 
                     if (show) {
                         const toggle = $(this.$props.toggle, el);
-                        fastdom.read(() => {
+                        requestAnimationFrame(() => {
                             if (!isInView(toggle)) {
                                 scrollIntoView(toggle, { offset: this.offset });
                             }

package/src/js/mixin/slider.js

@@ -6,7 +6,6 @@ import {
     $,
     $$,
     clamp,
-    fastdom,
     getIndex,
     hasClass,
     isNumber,
@@ -137,7 +136,7 @@ export default {
                 trigger(next, 'itemshown', [this]);
 
                 return new Promise((resolve) => {
-                    fastdom.write(() => {
+                    requestAnimationFrame(() => {
                         stack.shift();
                         if (stack.length) {
                             this.show(stack.shift(), true);

package/src/js/util/observer.js

@@ -1,6 +1,5 @@
 import { on } from './event';
 import { toNodes } from './lang';
-import { fastdom } from './fastdom';
 import { inBrowser } from './env';
 
 export function observeIntersection(targets, cb, options, intersecting = true) {
@@ -53,7 +52,7 @@ function initResizeListener() {
             return;
         }
         pendingResize = true;
-        fastdom.read(() => (pendingResize = false));
+        requestAnimationFrame(() => (pendingResize = false));
         for (const listener of listeners) {
             listener();
         }

package/tests/js/index.js

@@ -1,5 +1,5 @@
 /* global TESTS */
-import { addClass, css, fastdom, on, prepend, removeClass, ucfirst } from 'uikit-util';
+import { addClass, css, on, prepend, removeClass, ucfirst } from 'uikit-util';
 
 const tests = TESTS;
 const storage = window.sessionStorage;
@@ -59,7 +59,7 @@ document.writeln(
 on(window, 'load', () =>
     setTimeout(
         () =>
-            fastdom.write(() => {
+            requestAnimationFrame(() => {
                 const $body = document.body;
                 const $container = prepend(
                     $body,