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

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.24-dev.d6158da87",
+  "version": "3.16.25-dev.12f581d90",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -24,27 +24,28 @@
     "@rollup/plugin-alias": "^5.0.0",
     "@rollup/plugin-replace": "^5.0.2",
     "archiver": "^5.3.1",
-    "camelcase": "^7.0.1",
+    "camelcase": "^8.0.0",
     "chokidar-cli": "^3.0.0",
     "clean-css": "^5.3.2",
     "dateformat": "^5.0.3",
-    "esbuild": "^0.18.6",
+    "esbuild": "^0.19.2",
     "eslint": "^8.43.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^9.0.0",
     "execa": "^7.1.1",
     "fs-extra": "^11.1.1",
-    "glob": "^10.3.0",
+    "glob": "^10.3.3",
     "inquirer": "^9.2.7",
     "less": "^4.1.3",
     "minimist": "^1.2.8",
     "number-precision": "^1.6.0",
     "p-limit": "^4.0.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.2",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "rollup": "^3.25.1",
     "rollup-plugin-esbuild": "^5.0.0",
     "rollup-plugin-modify": "^3.0.0",
     "rtlcss": "^4.1.0",
-    "semver": "^7.5.2",
+    "semver": "^7.5.4",
     "svgo": "^3.0.2"
   },
   "scripts": {

package/src/js/api/app.js

@@ -1,5 +1,5 @@
-import { init } from './state';
 import * as util from 'uikit-util';
+import { init } from './state';
 
 const App = function (options) {
     init(this, options);

package/src/js/api/boot.js

@@ -1,6 +1,6 @@
-import { callConnected, callDisconnected } from './hooks';
-import { components, createComponent, getComponent, getComponents } from './component';
 import { apply, hasAttr, inBrowser, isPlainObject, startsWith, trigger } from 'uikit-util';
+import { components, createComponent, getComponent, getComponents } from './component';
+import { callConnected, callDisconnected } from './hooks';
 
 export default function (App) {
     if (inBrowser && window.MutationObserver) {

package/src/js/api/component.js

@@ -1,5 +1,5 @@
-import App from './app';
 import { $$, camelize, hyphenate, isEmpty, isPlainObject } from 'uikit-util';
+import App from './app';
 
 const PREFIX = 'uk-';
 const DATA = '__uikit__';

package/src/js/api/computed.js

@@ -1,6 +1,6 @@
-import { runWatches } from './watch';
-import { callUpdate, prependUpdate } from './update';
 import { hasOwn, isUndefined } from 'uikit-util';
+import { callUpdate, prependUpdate } from './update';
+import { runWatches } from './watch';
 
 export function initComputed(instance) {
     const { computed } = instance.$options;

package/src/js/api/events.js

@@ -39,7 +39,7 @@ export function registerEvent(instance, event, key) {
             name,
             delegate ? (isString(delegate) ? delegate : delegate.call(instance, instance)) : null,
             isString(handler) ? instance[handler] : handler.bind(instance),
-            { passive, capture, self }
-        )
+            { passive, capture, self },
+        ),
     );
 }

package/src/js/api/global.js

@@ -1,8 +1,8 @@
+import { $, apply, isString, parents, toNode } from 'uikit-util';
+import { component, getComponent, getComponents } from './component';
+import { mergeOptions } from './options';
 import { init } from './state';
 import { callUpdate } from './update';
-import { mergeOptions } from './options';
-import { component, getComponent, getComponents } from './component';
-import { $, apply, isString, parents, toNode } from 'uikit-util';
 
 export default function (App) {
     App.component = component;

package/src/js/api/hooks.js

@@ -1,10 +1,10 @@
 import { disconnectComputedUpdates, initComputedUpdates } from './computed';
-import { log } from './log';
-import { initWatches } from './watch';
-import { callUpdate, clearUpdateData, initUpdates } from './update';
 import { initEvents, unbindEvents } from './events';
-import { initProps, initPropsObserver } from './props';
+import { log } from './log';
 import { disconnectObservers, initObservers } from './observer';
+import { initProps, initPropsObserver } from './props';
+import { callUpdate, clearUpdateData, initUpdates } from './update';
+import { initWatches } from './watch';
 
 export function callHook(instance, hook) {
     LOG && log(instance, hook);

package/src/js/api/instance.js

@@ -1,8 +1,8 @@
-import { update } from './global';
-import { callUpdate } from './update';
 import { $, remove, within } from 'uikit-util';
-import { callConnected, callDisconnected, callHook } from './hooks';
 import { attachToElement, createComponent, detachFromElement, getComponent } from './component';
+import { update } from './global';
+import { callConnected, callDisconnected, callHook } from './hooks';
+import { callUpdate } from './update';
 
 export default function (App) {
     App.prototype.$mount = function (el) {

package/src/js/api/log.js

@@ -5,6 +5,6 @@ export function log(instance, eventName, eventData) {
         instance._uid,
         'font-weight:bold;',
         eventName,
-        [...(eventData ?? []), instance, instance.$el]
+        [...(eventData ?? []), instance, instance.$el],
     );
 }

package/src/js/api/observables.js

@@ -67,7 +67,7 @@ export function scroll(options) {
             target: () => document,
             ...options,
         },
-        'scroll'
+        'scroll',
     );
 }
 

package/src/js/api/observer.js

@@ -1,6 +1,6 @@
-import { registerWatch } from './watch';
-import { registerComputed } from './computed';
 import { hasOwn, includes, isArray, isFunction, isString } from 'uikit-util';
+import { registerComputed } from './computed';
+import { registerWatch } from './watch';
 
 export function initObservers(instance) {
     instance._observers = [];

package/src/js/api/options.js

@@ -34,7 +34,7 @@ strats.args = function (parentVal, childVal) {
 strats.update = function (parentVal, childVal) {
     return sortBy(
         concatStrat(parentVal, isFunction(childVal) ? { read: childVal } : childVal),
-        'order'
+        'order',
     );
 };
 
@@ -78,7 +78,7 @@ strats.i18n = strats.data = function (parentVal, childVal, vm) {
 function mergeFnData(parentVal, childVal, vm) {
     return strats.computed(
         isFunction(parentVal) ? parentVal.call(vm, vm) : parentVal,
-        isFunction(childVal) ? childVal.call(vm, vm) : childVal
+        isFunction(childVal) ? childVal.call(vm, vm) : childVal,
     );
 }
 

package/src/js/api/props.js

@@ -1,6 +1,6 @@
+import { camelize, data as getData, hasOwn, hyphenate, isUndefined, startsWith } from 'uikit-util';
 import { registerObserver } from './observer';
 import { coerce, parseOptions } from './options';
-import { camelize, data as getData, hasOwn, hyphenate, isUndefined, startsWith } from 'uikit-util';
 
 export function initProps(instance) {
     const props = getProps(instance.$options);
@@ -77,7 +77,7 @@ export function initPropsObserver(instance) {
             records.some(({ attributeName }) => {
                 const prop = attributeName.replace('data-', '');
                 return (prop === id ? attributes : [camelize(prop), camelize(attributeName)]).some(
-                    (prop) => !isUndefined(data[prop]) && data[prop] !== $props[prop]
+                    (prop) => !isUndefined(data[prop]) && data[prop] !== $props[prop],
                 );
             })
         ) {

package/src/js/api/state.js

@@ -1,7 +1,7 @@
-import { callHook } from './hooks';
+import { assign, isArray, isPlainObject, isUndefined } from 'uikit-util';
 import { initComputed } from './computed';
+import { callHook } from './hooks';
 import { coerce, mergeOptions } from './options';
-import { assign, isArray, isPlainObject, isUndefined } from 'uikit-util';
 
 let uid = 0;
 

package/src/js/components/countdown.js

@@ -1,5 +1,5 @@
-import Class from '../mixin/class';
 import { $, attr, html, toFloat, trigger } from 'uikit-util';
+import Class from '../mixin/class';
 
 const units = ['days', 'hours', 'minutes', 'seconds'];
 

package/src/js/components/filter.js

@@ -1,5 +1,3 @@
-import Animate from '../mixin/animate';
-import { parseOptions } from '../api/options';
 import {
     $,
     $$,
@@ -21,6 +19,8 @@ import {
     toggleClass,
     trigger,
 } from 'uikit-util';
+import { parseOptions } from '../api/options';
+import Animate from '../mixin/animate';
 import { keyMap } from '../util/keys';
 
 export default {
@@ -128,7 +128,7 @@ export default {
                         this.$update(this.$el);
                     };
                     return animate ? this.animate(filterFn, target) : filterFn();
-                })
+                }),
             );
 
             trigger(this.$el, 'afterFilter', [this]);
@@ -193,7 +193,7 @@ function mergeState(el, attr, state) {
 function matchFilter(
     el,
     attr,
-    { filter: stateFilter = { '': '' }, sort: [stateSort, stateOrder] }
+    { filter: stateFilter = { '': '' }, sort: [stateSort, stateOrder] },
 ) {
     const { filter = '', group = '', sort, order = 'asc' } = getFilter(el, attr);
 
@@ -213,7 +213,7 @@ function sortItems(nodes, sort, order) {
     return [...nodes].sort(
         (a, b) =>
             data(a, sort).localeCompare(data(b, sort), undefined, { numeric: true }) *
-            (order === 'asc' || -1)
+            (order === 'asc' || -1),
     );
 }
 

package/src/js/components/internal/lightbox-animations.js

@@ -1,5 +1,5 @@
-import Animations, { scale3d } from '../../mixin/internal/slideshow-animations';
 import { css } from 'uikit-util';
+import Animations, { scale3d } from '../../mixin/internal/slideshow-animations';
 
 export default {
     ...Animations,

package/src/js/components/internal/slider-transitioner.js

@@ -1,4 +1,3 @@
-import { translate } from '../../mixin/internal/slideshow-animations';
 import {
     children,
     clamp,
@@ -14,6 +13,7 @@ import {
     Transition,
     trigger,
 } from 'uikit-util';
+import { translate } from '../../mixin/internal/slideshow-animations';
 
 export default function (prev, next, dir, { center, easing, list }) {
     const from = prev
@@ -50,7 +50,7 @@ export default function (prev, next, dir, { center, easing, list }) {
                     list,
                     { transform: translate(-to * (isRtl ? -1 : 1), 'px') },
                     duration,
-                    timing
+                    timing,
                 ).then(resolve, noop);
             });
         },
@@ -78,10 +78,10 @@ export default function (prev, next, dir, { center, easing, list }) {
                     clamp(
                         -to + (distance - distance * percent),
                         -getWidth(list),
-                        dimensions(list).width
+                        dimensions(list).width,
                     ) * (isRtl ? -1 : 1),
-                    'px'
-                )
+                    'px',
+                ),
             );
 
             const actives = this.getActives();
@@ -110,7 +110,7 @@ export default function (prev, next, dir, { center, easing, list }) {
 
         percent() {
             return Math.abs(
-                (css(list, 'transform').split(',')[4] * (isRtl ? -1 : 1) + from) / (to - from)
+                (css(list, 'transform').split(',')[4] * (isRtl ? -1 : 1) + from) / (to - from),
             );
         },
 

package/src/js/components/internal/slideshow-animations.js

@@ -1,9 +1,9 @@
+import { css } from 'uikit-util';
 import Animations, {
     scale3d,
     translate,
     translated,
 } from '../../mixin/internal/slideshow-animations';
-import { css } from 'uikit-util';
 
 export default {
     ...Animations,

package/src/js/components/lightbox-panel.js

@@ -1,7 +1,3 @@
-import Animations from './internal/lightbox-animations';
-import Modal from '../mixin/modal';
-import Slideshow from '../mixin/slideshow';
-import { keyMap } from '../util/keys';
 import {
     $,
     addClass,
@@ -17,6 +13,10 @@ import {
     Transition,
     trigger,
 } from 'uikit-util';
+import Modal from '../mixin/modal';
+import Slideshow from '../mixin/slideshow';
+import { keyMap } from '../util/keys';
+import Animations from './internal/lightbox-animations';
 
 export default {
     mixins: [Modal, Slideshow],
@@ -253,13 +253,13 @@ export default {
                             allowfullscreen: '',
                             class: 'uk-lightbox-iframe',
                             ...attrs,
-                        })
+                        }),
                     );
 
                     // YouTube
                 } else if (
                     (matches = src.match(
-                        /\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/
+                        /\/\/(?:.*?youtube(-nocookie)?\..*?(?:[?&]v=|\/shorts\/)|youtu\.be\/)([\w-]{11})[&?]?(.*)?/,
                     ))
                 ) {
                     this.setItem(
@@ -272,7 +272,7 @@ export default {
                             height: 1080,
                             ...iframeAttrs,
                             ...attrs,
-                        })
+                        }),
                     );
 
                     // Vimeo
@@ -281,9 +281,9 @@ export default {
                         const { height, width } = await (
                             await fetch(
                                 `https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI(
-                                    src
+                                    src,
                                 )}`,
-                                { credentials: 'omit' }
+                                { credentials: 'omit' },
                             )
                         ).json();
 
@@ -297,7 +297,7 @@ export default {
                                 height,
                                 ...iframeAttrs,
                                 ...attrs,
-                            })
+                            }),
                         );
                     } catch (e) {
                         this.setError(item);

package/src/js/components/lightbox.js

@@ -1,6 +1,6 @@
-import LightboxPanel from './lightbox-panel';
-import { parseOptions } from '../api/options';
 import { $$, assign, attr, data, findIndex, isElement, isTag, on, uniqueBy } from 'uikit-util';
+import { parseOptions } from '../api/options';
+import LightboxPanel from './lightbox-panel';
 
 export default {
     install,

package/src/js/components/notification.js

@@ -1,4 +1,3 @@
-import Container from '../mixin/container';
 import {
     $,
     append,
@@ -15,6 +14,7 @@ import {
     Transition,
     trigger,
 } from 'uikit-util';
+import Container from '../mixin/container';
 
 export default {
     mixins: [Container],
@@ -53,7 +53,7 @@ export default {
         if (!container || !isVisible(container)) {
             container = append(
                 this.container,
-                `<div class="${this.clsContainer} ${posClass}"></div>`
+                `<div class="${this.clsContainer} ${posClass}"></div>`,
             );
         }
 
@@ -65,8 +65,8 @@ export default {
                 }" role="alert">
                     <a href class="${this.clsClose}" data-uk-close></a>
                     <div>${this.message}</div>
-                </div>`
-            )
+                </div>`,
+            ),
         );
     },
 

package/src/js/components/parallax.js

@@ -1,6 +1,6 @@
-import Parallax from '../mixin/parallax';
+import { css, isVisible, parent, query, scrollParent, scrolledOver, toPx } from 'uikit-util';
 import { resize, scroll, viewport } from '../api/observables';
-import { css, isVisible, parent, query, scrolledOver, scrollParent, toPx } from 'uikit-util';
+import Parallax from '../mixin/parallax';
 
 export default {
     mixins: [Parallax],
@@ -35,7 +35,7 @@ export default {
                 end || ((viewport = (1 - viewport) * 100) && `${viewport}vh+${viewport}%`),
                 'height',
                 this.target,
-                true
+                true,
             );
         },
     },

package/src/js/components/slider-parallax.js

@@ -1,5 +1,5 @@
-import Parallax from '../mixin/parallax';
 import { css, endsWith, fastdom, noop, query, Transition } from 'uikit-util';
+import Parallax from '../mixin/parallax';
 
 export default {
     mixins: [Parallax],

package/src/js/components/slider.js

@@ -1,9 +1,3 @@
-import Class from '../mixin/class';
-import { resize } from '../api/observables';
-import Slider, { speedUp } from '../mixin/slider';
-import SliderReactive from '../mixin/slider-reactive';
-import SliderPreload from './internal/slider-preload';
-import Transitioner, { getMax, getWidth } from './internal/slider-transitioner';
 import {
     $,
     $$,
@@ -22,9 +16,15 @@ import {
     selFocusable,
     sumBy,
     toFloat,
-    toggleClass,
     toNumber,
+    toggleClass,
 } from 'uikit-util';
+import { resize } from '../api/observables';
+import Class from '../mixin/class';
+import Slider, { speedUp } from '../mixin/slider';
+import SliderReactive from '../mixin/slider-reactive';
+import SliderPreload from './internal/slider-preload';
+import Transitioner, { getMax, getWidth } from './internal/slider-transitioner';
 
 export default {
     mixins: [Class, Slider, SliderReactive, SliderPreload],
@@ -171,7 +171,7 @@ export default {
                     ((this.dir > 0 && this.index < this.prevIndex) ||
                     (this.dir < 0 && this.index > this.prevIndex)
                         ? (this.maxIndex + 1) * this.dir
-                        : 0)
+                        : 0),
             );
 
             if (!this.dragging && diff > 1) {
@@ -216,8 +216,8 @@ export default {
                 css(
                     slide,
                     'order',
-                    this.dir > 0 && i < index ? 1 : this.dir < 0 && i >= this.index ? -1 : ''
-                )
+                    this.dir > 0 && i < index ? 1 : this.dir < 0 && i >= this.index ? -1 : '',
+                ),
             );
 
             if (!this.center) {
@@ -336,7 +336,7 @@ function isFinite(list, center) {
                 diff,
                 slideWidth / 2 +
                     dimensions(slides[getIndex(+index + i, slides)]).width / 2 -
-                    (left - listHalf)
+                    (left - listHalf),
             );
         }
 
@@ -344,7 +344,7 @@ function isFinite(list, center) {
             diff >
             sumBy(
                 slides.filter((slide) => !slidesInView.has(slide)),
-                (slide) => dimensions(slide).width
+                (slide) => dimensions(slide).width,
             )
         ) {
             return true;

package/src/js/components/slideshow.js

@@ -1,9 +1,9 @@
+import { boxModelAdjust, css } from 'uikit-util';
 import Class from '../mixin/class';
-import Slideshow from '../mixin/slideshow';
-import Animations from './internal/slideshow-animations';
 import SliderReactive from '../mixin/slider-reactive';
+import Slideshow from '../mixin/slideshow';
 import SliderPreload from './internal/slider-preload';
-import { boxModelAdjust, css } from 'uikit-util';
+import Animations from './internal/slideshow-animations';
 
 export default {
     mixins: [Class, Slideshow, SliderReactive, SliderPreload],

package/src/js/components/sortable.js

@@ -1,5 +1,3 @@
-import Animate from '../mixin/animate';
-import Class from '../mixin/class';
 import {
     $,
     $$,
@@ -34,6 +32,8 @@ import {
     trigger,
     within,
 } from 'uikit-util';
+import Animate from '../mixin/animate';
+import Class from '../mixin/class';
 
 export default {
     mixins: [Class, Animate],
@@ -154,7 +154,7 @@ export default {
                 placeholder,
                 x,
                 y,
-                sortable === previous && data.moved !== target
+                sortable === previous && data.moved !== target,
             );
 
             if (insertTarget === false) {
@@ -389,7 +389,7 @@ function findInsertTarget(list, target, placeholder, x, y, sameList) {
     const placeholderRect = placeholder.getBoundingClientRect();
     const sameRow = linesIntersect(
         [rect.top, rect.bottom],
-        [placeholderRect.top, placeholderRect.bottom]
+        [placeholderRect.top, placeholderRect.bottom],
     );
 
     const [pointerPos, lengthProp, startProp, endProp] = sameRow

package/src/js/components/tooltip.js

@@ -1,6 +1,3 @@
-import Container from '../mixin/container';
-import Togglable from '../mixin/togglable';
-import Position from '../mixin/position';
 import {
     append,
     attr,
@@ -20,8 +17,11 @@ import {
     remove,
     within,
 } from 'uikit-util';
-import { keyMap } from '../util/keys';
 import { generateId } from '../api/instance';
+import Container from '../mixin/container';
+import Position from '../mixin/position';
+import Togglable from '../mixin/togglable';
+import { keyMap } from '../util/keys';
 
 export default {
     mixins: [Container, Togglable, Position],
@@ -90,7 +90,7 @@ export default {
                 this.container,
                 `<div id="${this.id}" class="uk-${this.$options.name}" role="tooltip">
                     <div class="uk-${this.$options.name}-inner">${this.title}</div>
-                 </div>`
+                 </div>`,
             );
 
             on(this.tooltip, 'toggled', (e, toggled) => {
@@ -116,7 +116,7 @@ export default {
                         false,
                         (e) =>
                             (e.type === pointerDown && !within(e.target, this.$el)) ||
-                            (e.type === 'keydown' && e.keyCode === keyMap.ESC)
+                            (e.type === 'keydown' && e.keyCode === keyMap.ESC),
                     ),
                     on([document, ...overflowParents(this.$el)], 'scroll', update, {
                         passive: true,

package/src/js/components/upload.js

@@ -1,5 +1,5 @@
-import I18n from '../mixin/i18n';
 import { addClass, assign, matches, noop, on, removeClass, toArray, trigger } from 'uikit-util';
+import I18n from '../mixin/i18n';
 
 export default {
     mixins: [I18n],
@@ -177,8 +177,8 @@ function match(pattern, path) {
                 .replace(/\*\*/g, '(\\/[^\\/]+)*')
                 .replace(/\*/g, '[^\\/]+')
                 .replace(/((?!\\))\?/g, '$1.')}$`,
-            'i'
-        )
+            'i',
+        ),
     );
 }
 
@@ -238,7 +238,7 @@ function send(url, env) {
                     assign(Error(xhr.statusText), {
                         xhr,
                         status: xhr.status,
-                    })
+                    }),
                 );
             }
         });