uikit 3.16.24-dev.d6158da87 → 3.16.25-dev.12f581d90

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/tests/js/index.js

@@ -47,13 +47,13 @@ const style = styles[storage[key]] || styles.theme;
 document.writeln(
     `<link rel="stylesheet" href="${
         dir !== 'rtl' ? style.css : style.css.replace('.css', '-rtl.css')
-    }">`
+    }">`,
 );
 
 // add javascript
 document.writeln('<script src="../dist/js/uikit.js"></script>');
 document.writeln(
-    `<script src="${style.icons ? style.icons : '../dist/js/uikit-icons.js'}"></script>`
+    `<script src="${style.icons ? style.icons : '../dist/js/uikit-icons.js'}"></script>`,
 );
 
 on(window, 'load', () =>
@@ -73,7 +73,7 @@ on(window, 'load', () =>
                             `<option value="${name}.html">${name
                                 .split('-')
                                 .map(ucfirst)
-                                .join(' ')}</option>`
+                                .join(' ')}</option>`,
                     )
                     .join('')}
             </select>
@@ -92,7 +92,7 @@ on(window, 'load', () =>
                 <span style="margin: 5px">RTL</span>
             </label>
         </div>
-    `
+    `,
                 );
 
                 const [$tests, $styles, $inverse, $rtl] = $container.children;
@@ -139,7 +139,7 @@ on(window, 'load', () =>
                         'uk-section-primary',
                         'uk-section-secondary',
                         'uk-overlay-default',
-                        'uk-overlay-primary'
+                        'uk-overlay-primary',
                     );
 
                     addClass($$('.uk-navbar-container'), 'uk-navbar-transparent');
@@ -164,8 +164,8 @@ on(window, 'load', () =>
 
                 css(docEl, 'paddingTop', '');
             }),
-        100
-    )
+        100,
+    ),
 );
 
 css(docEl, 'paddingTop', '80px');