uikit 3.16.15-dev.8ea213467 → 3.16.15-dev.b0c8c0a4b

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.16.15-dev.8ea213467",
+  "version": "3.16.15-dev.b0c8c0a4b",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -40,7 +40,6 @@
     "prettier": "^2.8.7",
     "rollup": "^3.20.2",
     "rollup-plugin-esbuild": "^5.0.0",
-    "rollup-plugin-html": "^0.2.1",
     "rollup-plugin-modify": "^3.0.0",
     "rtlcss": "^4.0.0",
     "semver": "^7.3.8",

package/src/js/core/sticky.js

@@ -17,6 +17,7 @@ import {
     isVisible,
     noop,
     offsetPosition,
+    once,
     parent,
     query,
     remove,
@@ -96,15 +97,7 @@ export default {
         this.placeholder = null;
     },
 
-    observe: [
-        resize({
-            handler() {
-                !this.isFixed && this.$emit('resize');
-            },
-        }),
-        resize({ target: () => [document.documentElement] }),
-        scroll(),
-    ],
+    observe: [resize({ target: ({ $el }) => [$el, document.documentElement] }), scroll()],
 
     events: [
         {
@@ -115,7 +108,7 @@ export default {
             },
 
             handler() {
-                this.$emit('resizeViewport');
+                this.$emit('resize');
             },
         },
         {
@@ -150,18 +143,31 @@ export default {
                 });
             },
         },
+        {
+            name: 'transitionstart',
+
+            capture: true,
+
+            handler() {
+                this.transitionInProgress = once(
+                    this.$el,
+                    'transitionend transitioncancel',
+                    () => (this.transitionInProgress = null)
+                );
+            },
+        },
     ],
 
     update: [
         {
-            read({ height, width, margin, sticky }, types) {
+            read({ height, width, margin, sticky }) {
                 this.inactive = !this.matchMedia || !isVisible(this.$el);
 
                 if (this.inactive) {
                     return;
                 }
 
-                const hide = this.isFixed && types.has('resize') && !sticky;
+                const hide = this.isFixed && !this.transitionInProgress;
                 if (hide) {
                     preventTransition(this.selTarget);
                     this.hide();
@@ -260,7 +266,7 @@ export default {
                 (sticky ? before : after)(this.$el, placeholder);
             },
 
-            events: ['resize', 'resizeViewport'],
+            events: ['resize'],
         },
 
         {

package/src/js/core/svg.js

@@ -122,7 +122,7 @@ const parseSymbols = memoize(function (svg) {
 
     let match;
     while ((match = symbolRe.exec(svg))) {
-        symbols[match[3]] = `<svg xmlns="http://www.w3.org/2000/svg"${match[1]}svg>`;
+        symbols[match[3]] = `<svg ${match[1]}svg>`;
     }
 
     return symbols;