uikit 3.25.10 → 3.25.11-dev.e160bfb

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.25.10",
+    "version": "3.25.11-dev.e160bfb",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [

package/src/js/components/slider.js

@@ -1,6 +1,5 @@
 import {
     $,
-    $$,
     addClass,
     children,
     css,
@@ -8,11 +7,9 @@ import {
     dimensions,
     findIndex,
     getIndex,
-    hasOwn,
     includes,
     isVisible,
     last,
-    selFocusable,
     sumBy,
     toFloat,
     toNumber,
@@ -254,13 +251,8 @@ export default {
             for (const slide of this.slides) {
                 const active = includes(actives, slide);
                 toggleClass(slide, activeClasses, active);
+                slide.inert = !active;
                 slide.ariaHidden = !active;
-                for (const focusable of $$(selFocusable, slide)) {
-                    if (!hasOwn(focusable, '_tabindex')) {
-                        focusable._tabindex = focusable.tabIndex;
-                    }
-                    focusable.tabIndex = active ? focusable._tabindex : -1;
-                }
             }
         },
 

package/src/js/components/upload.js

@@ -195,8 +195,9 @@ function stop(e) {
     e.stopPropagation();
 }
 
-export async function ajax(url, options) {
+async function ajax(url, options) {
     const env = {
+        url,
         data: null,
         method: 'GET',
         headers: {},
@@ -206,7 +207,7 @@ export async function ajax(url, options) {
         ...options,
     };
     await env.beforeSend(env);
-    return send(url, env);
+    return send(env.url, env);
 }
 
 function send(url, env) {

package/src/less/components/slider.less

@@ -14,10 +14,8 @@
 // Variables
 // ========================================================================
 
-@slider-container-margin-top:                       -11px;
-@slider-container-margin-bottom:                    -39px;
 @slider-container-margin-left:                      -25px;
-@slider-container-margin-right:                     -25px;
+@slider-container-margin-right:                     @slider-container-margin-left;
 
 
 /* ========================================================================
@@ -39,15 +37,17 @@
  ========================================================================== */
 
 /*
- * 1. Clip child elements
- * 2. Prevent accidental scrolling through elements in slide getting focused
+ * 1. Fallback for Safari 15 and older
+ * 2. Clip child elements
+ *    `clip` prevents accidental scrolling through elements in slide getting focused
+ *    `clip` also works in only one direction
  */
 
 .uk-slider-container {
     /* 1 */
-    overflow: hidden;
+    overflow-x: hidden;
     /* 2 */
-    overflow: clip;
+    overflow-x: clip;
 }
 
 /*
@@ -55,8 +55,10 @@
  */
 
 .uk-slider-container-offset {
-    margin: @slider-container-margin-top @slider-container-margin-right @slider-container-margin-bottom @slider-container-margin-left;
-    padding: (@slider-container-margin-top * -1) (@slider-container-margin-right * -1) (@slider-container-margin-bottom * -1) (@slider-container-margin-left * -1);
+    margin-left: @slider-container-margin-left;
+    margin-right: @slider-container-margin-right;
+    padding-left: -@slider-container-margin-left;
+    padding-right: -@slider-container-margin-right;
 }
 
 /* Items

package/src/scss/components/slider.scss

@@ -37,15 +37,17 @@
  ========================================================================== */
 
 /*
- * 1. Clip child elements
- * 2. Prevent accidental scrolling through elements in slide getting focused
+ * 1. Fallback for Safari 15 and older
+ * 2. Clip child elements
+ *    `clip` prevents accidental scrolling through elements in slide getting focused
+ *    `clip` also works in only one direction
  */
 
 .uk-slider-container {
     /* 1 */
-    overflow: hidden;
+    overflow-x: hidden;
     /* 2 */
-    overflow: clip;
+    overflow-x: clip;
 }
 
 /*
@@ -53,8 +55,10 @@
  */
 
 .uk-slider-container-offset {
-    margin: $slider-container-margin-top $slider-container-margin-right $slider-container-margin-bottom $slider-container-margin-left;
-    padding: ($slider-container-margin-top * -1) ($slider-container-margin-right * -1) ($slider-container-margin-bottom * -1) ($slider-container-margin-left * -1);
+    margin-left: $slider-container-margin-left;
+    margin-right: $slider-container-margin-right;
+    padding-left: (-$slider-container-margin-left);
+    padding-right: (-$slider-container-margin-right);
 }
 
 /* Items

package/src/scss/variables-theme.scss

@@ -1000,10 +1000,8 @@ $slidenav-large-padding-horizontal: $slidenav-large-padding-vertical !default;
 $inverse-slidenav-color: rgba($inverse-global-color, 0.7) !default;
 $inverse-slidenav-hover-color: rgba($inverse-global-color, 0.95) !default;
 $inverse-slidenav-active-color: rgba($inverse-global-color, 0.7) !default;
-$slider-container-margin-top: -11px !default;
-$slider-container-margin-bottom: -39px !default;
 $slider-container-margin-left: -25px !default;
-$slider-container-margin-right: -25px !default;
+$slider-container-margin-right: $slider-container-margin-left !default;
 $sortable-dragged-z-index: $global-z-index + 50 !default;
 $sortable-placeholder-opacity: 0 !default;
 $sortable-empty-height: 50px !default;

package/src/scss/variables.scss

@@ -998,10 +998,8 @@ $slidenav-large-padding-horizontal: $slidenav-large-padding-vertical !default;
 $inverse-slidenav-color: rgba($inverse-global-color, 0.7) !default;
 $inverse-slidenav-hover-color: rgba($inverse-global-color, 0.95) !default;
 $inverse-slidenav-active-color: rgba($inverse-global-color, 0.7) !default;
-$slider-container-margin-top: -11px !default;
-$slider-container-margin-bottom: -39px !default;
 $slider-container-margin-left: -25px !default;
-$slider-container-margin-right: -25px !default;
+$slider-container-margin-right: $slider-container-margin-left !default;
 $sortable-dragged-z-index: $global-z-index + 50 !default;
 $sortable-placeholder-opacity: 0 !default;
 $sortable-empty-height: 50px !default;