uikit 3.16.24 → 3.16.25-dev.931f07bf4

package/src/js/util/class.js

@@ -11,7 +11,7 @@ export function removeClass(element, ...args) {
 
 export function removeClasses(element, cls) {
     attr(element, 'class', (value) =>
-        (value || '').replace(new RegExp(`\\b${cls}\\b\\s?`, 'g'), '')
+        (value || '').replace(new RegExp(`\\b${cls}\\b\\s?`, 'g'), ''),
     );
 }
 

package/src/js/util/dimensions.js

@@ -1,6 +1,5 @@
-import { on } from './event';
-import { css } from './style';
 import { $, append, remove } from './dom';
+import { on } from './event';
 import {
     isDocument,
     isElement,
@@ -14,6 +13,7 @@ import {
     toWindow,
     ucfirst,
 } from './lang';
+import { css } from './style';
 
 const dirs = {
     width: ['left', 'right'],
@@ -137,7 +137,7 @@ function dimension(prop) {
             return css(
                 element,
                 prop,
-                !value && value !== 0 ? '' : +value + boxModelAdjust(element, prop) + 'px'
+                !value && value !== 0 ? '' : +value + boxModelAdjust(element, prop) + 'px',
             );
         }
     };
@@ -149,7 +149,7 @@ export function boxModelAdjust(element, prop, sizing = 'border-box') {
               dirs[prop].map(ucfirst),
               (prop) =>
                   toFloat(css(element, `padding${prop}`)) +
-                  toFloat(css(element, `border${prop}Width`))
+                  toFloat(css(element, `border${prop}Width`)),
           )
         : 0;
 }
@@ -182,7 +182,7 @@ export function toPx(value, property = 'width', element = window, offsetDim = fa
                       : offsetDim
                       ? element[`offset${ucfirst(property)}`]
                       : dimensions(element)[property],
-                  value
+                  value,
               )
             : value;
     });

package/src/js/util/dom.js

@@ -1,7 +1,7 @@
 import { once } from './event';
 import { parent } from './filter';
-import { find, findAll } from './selector';
 import { isElement, isString, isUndefined, startsWith, toArray, toNode, toNodes } from './lang';
+import { find, findAll } from './selector';
 
 export function ready(fn) {
     if (document.readyState !== 'loading') {
@@ -60,8 +60,8 @@ export function wrapInner(element, structure) {
         toNodes(element).map((element) =>
             element.hasChildNodes()
                 ? wrapAll(toArray(element.childNodes), structure)
-                : append(element, structure)
-        )
+                : append(element, structure),
+        ),
     );
 }
 

package/src/js/util/event.js

@@ -1,6 +1,6 @@
-import { findAll } from './selector';
 import { closest, within } from './filter';
 import { isArray, isFunction, isString, toNode, toNodes } from './lang';
+import { findAll } from './selector';
 
 export function on(...args) {
     let [targets, types, selector, listener, useCapture = false] = getArgs(args);
@@ -48,7 +48,7 @@ export function once(...args) {
                 listener(e, result);
             }
         },
-        useCapture
+        useCapture,
     );
 
     return off;
@@ -56,7 +56,7 @@ export function once(...args) {
 
 export function trigger(targets, event, detail) {
     return toEventTargets(targets).every((target) =>
-        target.dispatchEvent(createEvent(event, true, true, detail))
+        target.dispatchEvent(createEvent(event, true, true, detail)),
     );
 }
 

package/src/js/util/filter.js

@@ -23,7 +23,7 @@ export function isVoidElement(element) {
 
 export function isVisible(element) {
     return toNodes(element).some(
-        (element) => element.offsetWidth || element.offsetHeight || element.getClientRects().length
+        (element) => element.offsetWidth || element.offsetHeight || element.getClientRects().length,
     );
 }
 

package/src/js/util/lang.js

@@ -11,7 +11,7 @@ export const hyphenate = memoize((str) => str.replace(hyphenateRe, '-$1').toLowe
 const camelizeRe = /-(\w)/g;
 
 export const camelize = memoize((str) =>
-    (str.charAt(0).toLowerCase() + str.slice(1)).replace(camelizeRe, (_, c) => c.toUpperCase())
+    (str.charAt(0).toLowerCase() + str.slice(1)).replace(camelizeRe, (_, c) => c.toUpperCase()),
 );
 
 export const ucfirst = memoize((str) => str.charAt(0).toUpperCase() + str.slice(1));
@@ -160,14 +160,14 @@ export function sortBy(array, prop) {
     return array
         .slice()
         .sort(({ [prop]: propA = 0 }, { [prop]: propB = 0 }) =>
-            propA > propB ? 1 : propB > propA ? -1 : 0
+            propA > propB ? 1 : propB > propA ? -1 : 0,
         );
 }
 
 export function sumBy(array, iteratee) {
     return array.reduce(
         (sum, item) => sum + toFloat(isFunction(iteratee) ? iteratee(item) : item[iteratee]),
-        0
+        0,
     );
 }
 
@@ -194,7 +194,7 @@ export function intersectRect(...rects) {
         ([minProp, maxProp]) =>
             Math.min(...rects.map(({ [minProp]: min }) => min)) -
                 Math.max(...rects.map(({ [maxProp]: max }) => max)) >
-            0
+            0,
     );
 }
 

package/src/js/util/observer.js

@@ -1,6 +1,6 @@
+import { inBrowser } from './env';
 import { on } from './event';
 import { toNodes } from './lang';
-import { inBrowser } from './env';
 
 export function observeIntersection(targets, cb, options = {}, { intersecting = true } = {}) {
     const observer = new IntersectionObserver(
@@ -11,7 +11,7 @@ export function observeIntersection(targets, cb, options = {}, { intersecting =
                   }
               }
             : cb,
-        options
+        options,
     );
     for (const el of toNodes(targets)) {
         observer.observe(el);

package/src/js/util/player.js

@@ -50,7 +50,7 @@ function isIFrame(el) {
 
 function isYoutube(el) {
     return !!el.src.match(
-        /\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/
+        /\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/,
     );
 }
 

package/src/js/util/position.js

@@ -1,7 +1,7 @@
-import { css } from './style';
-import { within } from './filter';
 import { offset } from './dimensions';
+import { within } from './filter';
 import { clamp, isArray, ucfirst } from './lang';
+import { css } from './style';
 import { offsetViewport, overflowParents } from './viewport';
 
 const dirs = [
@@ -82,7 +82,7 @@ function getPosition(element, target, options) {
                 clamp(
                     clamp(position[start], viewport[start], viewport[end] - position[prop]),
                     targetDim[start] - position[prop] + elOffset[i],
-                    targetDim[end] - elOffset[i]
+                    targetDim[end] - elOffset[i],
                 ) - position[start];
         }
 
@@ -116,7 +116,7 @@ function attachTo(element, target, options) {
                 moveBy(attach.target[i], end, targetOffset[prop]) -
                 moveBy(attach.element[i], end, elOffset[prop]) +
                 +offsetBy[i],
-            i
+            i,
         );
     }
     return elOffset;
@@ -145,7 +145,7 @@ function getViewport(element, target, viewportOffset, boundary, i) {
     if (boundary) {
         viewport = getIntersectionArea(
             viewport,
-            offset(isArray(boundary) ? boundary[i] : boundary)
+            offset(isArray(boundary) ? boundary[i] : boundary),
         );
     }
 

package/src/js/util/selector.js

@@ -77,7 +77,7 @@ function _query(selector, context = document, queryFn) {
 const selectorRe = /.*?[^\\](?:,|$)/g;
 
 const splitSelector = memoize((selector) =>
-    selector.match(selectorRe).map((selector) => selector.replace(/,$/, '').trim())
+    selector.match(selectorRe).map((selector) => selector.replace(/,$/, '').trim()),
 );
 
 function domPath(element) {

package/src/js/util/style.js

@@ -46,7 +46,7 @@ export function css(element, property, value, priority) {
                         : value || isNumber(value)
                         ? value
                         : '',
-                    priority
+                    priority,
                 );
             }
         } else if (isArray(property)) {

package/src/js/util/svg.js

@@ -10,7 +10,7 @@ export function getMaxPathLength(el) {
                 } catch (e) {
                     return 0;
                 }
-            })
-        )
+            }),
+        ),
     );
 }

package/src/js/util/viewport.js

@@ -1,6 +1,5 @@
-import { css } from './style';
-import { isVisible, parents } from './filter';
 import { offset, offsetPosition } from './dimensions';
+import { isVisible, parents } from './filter';
 import {
     clamp,
     findIndex,
@@ -11,6 +10,7 @@ import {
     toWindow,
     ucfirst,
 } from './lang';
+import { css } from './style';
 
 export function isInView(element, offsetTop = 0, offsetLeft = 0) {
     if (!isVisible(element)) {
@@ -29,7 +29,7 @@ export function isInView(element, offsetTop = 0, offsetLeft = 0) {
                     right: right + offsetLeft,
                 };
             })
-            .concat(offset(element))
+            .concat(offset(element)),
     );
 }
 
@@ -62,7 +62,7 @@ export function scrollIntoView(element, { offset: offsetBy = 0 } = {}) {
 
             return () => scrollTo(scrollElement, top - scrollTop).then(fn);
         },
-        () => Promise.resolve()
+        () => Promise.resolve(),
     )();
 
     function scrollTo(element, top) {
@@ -130,8 +130,8 @@ export function scrollParents(element, scrollable = false, props = []) {
                     css(parent, 'overflow')
                         .split(' ')
                         .some((prop) => includes(['auto', 'scroll', ...props], prop)) &&
-                    (!scrollable || parent.scrollHeight > offsetViewport(parent).height)
-            )
+                    (!scrollable || parent.scrollHeight > offsetViewport(parent).height),
+            ),
         )
         .reverse();
 }

package/src/less/components/slider.less

@@ -39,10 +39,16 @@
  ========================================================================== */
 
 /*
- * Clip child elements
+ * 1. Clip child elements
+ * 2. Prevent accidental scrolling through elements in slide getting focused
  */
 
-.uk-slider-container { overflow: hidden; }
+.uk-slider-container {
+    /* 1 */
+    overflow: hidden;
+    /* 2 */
+    overflow: clip;
+}
 
 /*
  * Widen container to prevent box-shadows from clipping, `large-box-shadow`

package/src/scss/components/inverse.scss

@@ -20,7 +20,6 @@
  ========================================================================== */
 
 
-
 /*
  * Implemented class depends on the general theme color
  * `uk-light` is for light colors on dark backgrounds

package/src/scss/components/slider.scss

@@ -35,10 +35,16 @@
  ========================================================================== */
 
 /*
- * Clip child elements
+ * 1. Clip child elements
+ * 2. Prevent accidental scrolling through elements in slide getting focused
  */
 
-.uk-slider-container { overflow: hidden; }
+.uk-slider-container {
+    /* 1 */
+    overflow: hidden;
+    /* 2 */
+    overflow: clip;
+}
 
 /*
  * Widen container to prevent box-shadows from clipping, `large-box-shadow`