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

package/src/js/core/accordion.js

@@ -1,8 +1,3 @@
-import Class from '../mixin/class';
-import Togglable from '../mixin/togglable';
-import { keyMap } from '../util/keys';
-import { generateId } from '../api/instance';
-import { lazyload } from '../api/observables';
 import {
     $,
     $$,
@@ -25,6 +20,11 @@ import {
     within,
     wrapAll,
 } from 'uikit-util';
+import { generateId } from '../api/instance';
+import { lazyload } from '../api/observables';
+import Class from '../mixin/class';
+import Togglable from '../mixin/togglable';
+import { keyMap } from '../util/keys';
 
 export default {
     mixins: [Class, Togglable],
@@ -89,7 +89,7 @@ export default {
             for (const el of items) {
                 const isOpen = hasClass(
                     this.items.find((item) => within(el, item)),
-                    this.clsOpen
+                    this.clsOpen,
                 );
 
                 hide(el, !isOpen);
@@ -190,8 +190,8 @@ export default {
                         }
 
                         return transition(el, show, this);
-                    })
-                )
+                    }),
+                ),
             );
         },
     },

package/src/js/core/alert.js

@@ -1,6 +1,6 @@
+import { css, toFloat, Transition } from 'uikit-util';
 import Class from '../mixin/class';
 import Togglable from '../mixin/togglable';
-import { css, toFloat, Transition } from 'uikit-util';
 
 export default {
     mixins: [Class, Togglable],
@@ -55,6 +55,6 @@ function animate(el, show, { duration, transition, velocity }) {
             opacity: 0,
         },
         velocity * height + duration,
-        transition
+        transition,
     );
 }

package/src/js/core/cover.js

@@ -1,6 +1,6 @@
+import { css, Dimensions, parent } from 'uikit-util';
 import { resize } from '../api/observables';
 import Video from './video';
-import { css, Dimensions, parent } from 'uikit-util';
 
 export default {
     mixins: [Video],

package/src/js/core/drop.js

@@ -1,9 +1,3 @@
-import { lazyload } from '../api/observables';
-import Position from '../mixin/position';
-import Container from '../mixin/container';
-import Togglable from '../mixin/togglable';
-import { keyMap } from '../util/keys';
-import { preventBackgroundScroll } from '../mixin/internal/scroll';
 import {
     addClass,
     append,
@@ -34,6 +28,12 @@ import {
     removeClass,
     within,
 } from 'uikit-util';
+import { lazyload } from '../api/observables';
+import Container from '../mixin/container';
+import { preventBackgroundScroll } from '../mixin/internal/scroll';
+import Position from '../mixin/position';
+import Togglable from '../mixin/togglable';
+import { keyMap } from '../util/keys';
 
 export let active;
 
@@ -351,7 +351,7 @@ export default {
 
             this.showTimer = setTimeout(
                 () => this.toggleElement(this.$el, true),
-                (delay && this.delayShow) || 0
+                (delay && this.delayShow) || 0,
             );
         },
 
@@ -361,7 +361,7 @@ export default {
             this.clearTimers();
 
             this.isDelaying = getPositionedElements(this.$el).some((el) =>
-                this.tracker.movesTo(el)
+                this.tracker.movesTo(el),
             );
 
             if (delay && this.isDelaying) {
@@ -405,7 +405,7 @@ export default {
                     css(this.$el, {
                         [prop]: Math.min(
                             offset(this.boundary[i])[prop],
-                            viewports[i][prop] - 2 * viewportOffset
+                            viewports[i][prop] - 2 * viewportOffset,
                         ),
                         [`overflow-${axis}`]: 'auto',
                     });
@@ -438,11 +438,11 @@ export default {
                                 ? targetOffset[this.inset ? end : start] -
                                   Math.max(
                                       offset(this.boundary[i])[start],
-                                      viewports[i][start] + viewportOffset
+                                      viewports[i][start] + viewportOffset,
                                   )
                                 : Math.min(
                                       offset(this.boundary[i])[end],
-                                      viewports[i][end] - viewportOffset
+                                      viewports[i][end] - viewportOffset,
                                   ) - targetOffset[this.inset ? start : end]) - positionOffset,
                         [`overflow-${axis}`]: 'auto',
                     });
@@ -513,7 +513,7 @@ function listenForBackgroundClose(drop) {
                         drop.hide(false);
                     }
                 },
-                true
+                true,
             );
         }
     });

package/src/js/core/dropnav.js

@@ -1,6 +1,3 @@
-import { active } from './drop';
-import Class from '../mixin/class';
-import Container from '../mixin/container';
 import {
     $,
     $$,
@@ -25,7 +22,10 @@ import {
     Transition,
     within,
 } from 'uikit-util';
+import Class from '../mixin/class';
+import Container from '../mixin/container';
 import { keyMap } from '../util/keys';
+import { active } from './drop';
 
 export default {
     mixins: [Class, Container],
@@ -108,7 +108,7 @@ export default {
                 'uk-dropbar',
                 'uk-dropbar-top',
                 this.clsDropbar,
-                `uk-${this.$options.name}-dropbar`
+                `uk-${this.$options.name}-dropbar`,
             );
         },
 
@@ -210,7 +210,7 @@ export default {
                         getIndex(
                             next,
                             elements,
-                            findIndex(elements, (el) => matches(el, ':focus'))
+                            findIndex(elements, (el) => matches(el, ':focus')),
                         )
                     ].focus();
                 }
@@ -294,7 +294,7 @@ export default {
                     css(this.dropbar, 'top', this.dropbar.offsetTop - (dropbarOffset.top - minTop));
                     this.transitionTo(
                         maxBottom - minTop + toFloat(css(target, 'marginBottom')),
-                        target
+                        target,
                     );
                 };
                 this._observer = observeResize([drop.$el, ...drop.target], adjustHeight);
@@ -376,7 +376,7 @@ export default {
                     {
                         clipPath: `polygon(0 0,100% 0,100% ${newHeight}px,0 ${newHeight}px)`,
                     },
-                    this.duration
+                    this.duration,
                 ).finally(() => css(el, { clipPath: '' })),
             ]).catch(noop);
         },

package/src/js/core/form-custom.js

@@ -1,5 +1,5 @@
-import Class from '../mixin/class';
 import { $, $$, closest, isInput, matches, parent, selInput } from 'uikit-util';
+import Class from '../mixin/class';
 
 export default {
     mixins: [Class],

package/src/js/core/grid.js

@@ -1,6 +1,3 @@
-import { scroll } from '../api/observables';
-import Margin from './margin';
-import Class from '../mixin/class';
 import {
     addClass,
     children,
@@ -12,6 +9,9 @@ import {
     toFloat,
     toggleClass,
 } from 'uikit-util';
+import { scroll } from '../api/observables';
+import Class from '../mixin/class';
+import Margin from './margin';
 
 export default {
     extends: Margin,
@@ -79,9 +79,9 @@ export default {
                         (newPadding, hgt, i) =>
                             Math.max(
                                 newPadding,
-                                hgt + margin + (i % 2 ? padding : padding / 8) - elHeight
+                                hgt + margin + (i % 2 ? padding : padding / 8) - elHeight,
                             ),
-                        0
+                        0,
                     );
                 }
 
@@ -124,9 +124,9 @@ export default {
                                 : `translateY(${
                                       (translates && -translates[i][j]) +
                                       (scrolled ? (i % 2 ? scrolled : scrolled / 8) : 0)
-                                  }px)`
-                        )
-                    )
+                                  }px)`,
+                        ),
+                    ),
                 );
             },
 
@@ -146,7 +146,7 @@ function getTranslates(rows, columns) {
         let prev = 0;
         return elements.map(
             (element, row) =>
-                (prev += row ? rowHeights[row - 1] - elements[row - 1].offsetHeight : 0)
+                (prev += row ? rowHeights[row - 1] - elements[row - 1].offsetHeight : 0),
         );
     });
 }

package/src/js/core/height-match.js

@@ -1,6 +1,6 @@
-import { getRows } from './margin';
-import { resize } from '../api/observables';
 import { $$, boxModelAdjust, css, dimensions, isVisible, pick } from 'uikit-util';
+import { resize } from '../api/observables';
+import { getRows } from './margin';
 
 export default {
     args: 'target',

package/src/js/core/height-viewport.js

@@ -47,7 +47,7 @@ export default {
             const { body, scrollingElement } = document;
             const scrollElement = scrollParent(this.$el);
             const { height: viewportHeight } = offsetViewport(
-                scrollElement === body ? scrollingElement : scrollElement
+                scrollElement === body ? scrollingElement : scrollElement,
             );
 
             if (this.expand) {

package/src/js/core/icon.js

@@ -1,25 +1,3 @@
-import Svg from '../mixin/svg';
-import I18n from '../mixin/i18n';
-import closeIcon from '../../images/components/close-icon.svg';
-import closeLarge from '../../images/components/close-large.svg';
-import dropParentIcon from '../../images/components/drop-parent-icon.svg';
-import marker from '../../images/components/marker.svg';
-import navParentIcon from '../../images/components/nav-parent-icon.svg';
-import navParentIconLarge from '../../images/components/nav-parent-icon-large.svg';
-import navbarParentIcon from '../../images/components/navbar-parent-icon.svg';
-import navbarToggleIcon from '../../images/components/navbar-toggle-icon.svg';
-import overlayIcon from '../../images/components/overlay-icon.svg';
-import paginationNext from '../../images/components/pagination-next.svg';
-import paginationPrevious from '../../images/components/pagination-previous.svg';
-import searchIcon from '../../images/components/search-icon.svg';
-import searchLarge from '../../images/components/search-large.svg';
-import searchNavbar from '../../images/components/search-navbar.svg';
-import slidenavNext from '../../images/components/slidenav-next.svg';
-import slidenavNextLarge from '../../images/components/slidenav-next-large.svg';
-import slidenavPrevious from '../../images/components/slidenav-previous.svg';
-import slidenavPreviousLarge from '../../images/components/slidenav-previous-large.svg';
-import spinner from '../../images/components/spinner.svg';
-import totop from '../../images/components/totop.svg';
 import {
     $,
     addClass,
@@ -37,6 +15,28 @@ import {
     parents,
     swap,
 } from 'uikit-util';
+import closeIcon from '../../images/components/close-icon.svg';
+import closeLarge from '../../images/components/close-large.svg';
+import dropParentIcon from '../../images/components/drop-parent-icon.svg';
+import marker from '../../images/components/marker.svg';
+import navParentIconLarge from '../../images/components/nav-parent-icon-large.svg';
+import navParentIcon from '../../images/components/nav-parent-icon.svg';
+import navbarParentIcon from '../../images/components/navbar-parent-icon.svg';
+import navbarToggleIcon from '../../images/components/navbar-toggle-icon.svg';
+import overlayIcon from '../../images/components/overlay-icon.svg';
+import paginationNext from '../../images/components/pagination-next.svg';
+import paginationPrevious from '../../images/components/pagination-previous.svg';
+import searchIcon from '../../images/components/search-icon.svg';
+import searchLarge from '../../images/components/search-large.svg';
+import searchNavbar from '../../images/components/search-navbar.svg';
+import slidenavNextLarge from '../../images/components/slidenav-next-large.svg';
+import slidenavNext from '../../images/components/slidenav-next.svg';
+import slidenavPreviousLarge from '../../images/components/slidenav-previous-large.svg';
+import slidenavPrevious from '../../images/components/slidenav-previous.svg';
+import spinner from '../../images/components/spinner.svg';
+import totop from '../../images/components/totop.svg';
+import I18n from '../mixin/i18n';
+import Svg from '../mixin/svg';
 
 const icons = {
     spinner,
@@ -243,7 +243,7 @@ function install(UIkit) {
             apply(document.body, (el) =>
                 each(UIkit.getComponents(el), (cmp) => {
                     cmp.$options.isIcon && cmp.icon in added && cmp.$reset();
-                })
+                }),
             );
         }
     };

package/src/js/core/img.js

@@ -1,5 +1,3 @@
-import { parseOptions } from '../api/options';
-import { intersection } from '../api/observables';
 import {
     append,
     attr,
@@ -21,6 +19,8 @@ import {
     startsWith,
     trigger,
 } from 'uikit-util';
+import { intersection } from '../api/observables';
+import { parseOptions } from '../api/options';
 
 const nativeLazyLoad = inBrowser && 'loading' in HTMLImageElement.prototype;
 

package/src/js/core/index.js

@@ -28,17 +28,19 @@ export { default as Toggle } from './toggle';
 export { default as Video } from './video';
 
 // Icon components
-export { Close } from './icon';
-export { Marker } from './icon';
-export { NavbarToggleIcon } from './icon';
-export { NavParentIcon } from './icon';
-export { PaginationNext } from './icon';
-export { PaginationPrevious } from './icon';
-export { Search as SearchIcon } from './icon';
-export { Slidenav as SlidenavNext } from './icon';
-export { Slidenav as SlidenavPrevious } from './icon';
-export { Spinner } from './icon';
-export { Totop } from './icon';
-export { IconComponent as DropParentIcon } from './icon';
-export { IconComponent as NavbarParentIcon } from './icon';
-export { IconComponent as OverlayIcon } from './icon';
+export {
+    Close,
+    IconComponent as DropParentIcon,
+    Marker,
+    NavParentIcon,
+    IconComponent as NavbarParentIcon,
+    NavbarToggleIcon,
+    IconComponent as OverlayIcon,
+    PaginationNext,
+    PaginationPrevious,
+    Search as SearchIcon,
+    Slidenav as SlidenavNext,
+    Slidenav as SlidenavPrevious,
+    Spinner,
+    Totop,
+} from './icon';

package/src/js/core/leader.js

@@ -1,7 +1,7 @@
+import { attr, css, toggleClass, unwrap, wrapInner } from 'uikit-util';
+import { resize } from '../api/observables';
 import Class from '../mixin/class';
 import Media from '../mixin/media';
-import { resize } from '../api/observables';
-import { attr, css, toggleClass, unwrap, wrapInner } from 'uikit-util';
 
 export default {
     mixins: [Class, Media],

package/src/js/core/modal.js

@@ -1,4 +1,3 @@
-import Modal from '../mixin/modal';
 import {
     $,
     addClass,
@@ -12,6 +11,7 @@ import {
     on,
     removeClass,
 } from 'uikit-util';
+import Modal from '../mixin/modal';
 
 export default {
     install,
@@ -61,7 +61,7 @@ function install({ modal }) {
             `<div class="uk-modal">
                 <div class="uk-modal-dialog">${content}</div>
              </div>`,
-            { stack: true, role: 'alertdialog', ...options }
+            { stack: true, role: 'alertdialog', ...options },
         );
 
         dialog.show();
@@ -73,7 +73,7 @@ function install({ modal }) {
                 await Promise.resolve();
                 dialog.$destroy(true);
             },
-            { self: true }
+            { self: true },
         );
 
         return dialog;
@@ -89,7 +89,7 @@ function install({ modal }) {
                     i18n.ok
                 }</button>
             </div>`,
-            options
+            options,
         );
     };
 
@@ -105,7 +105,7 @@ function install({ modal }) {
                 </div>
             </form>`,
             options,
-            () => Promise.reject()
+            () => Promise.reject(),
         );
     };
 
@@ -125,7 +125,7 @@ function install({ modal }) {
             </form>`,
             options,
             () => null,
-            () => input.value
+            () => input.value,
         );
 
         const { $el } = promise.dialog;
@@ -161,7 +161,7 @@ function install({ modal }) {
                     dialog.hide();
                 });
             }),
-            { dialog }
+            { dialog },
         );
     }
 }

package/src/js/core/navbar.js

@@ -1,5 +1,5 @@
-import Dropnav from './dropnav';
 import { $$, css, hasClass } from 'uikit-util';
+import Dropnav from './dropnav';
 
 export default {
     extends: Dropnav,
@@ -15,7 +15,7 @@ export default {
             const justify = hasClass(this.$el, 'uk-navbar-justify');
             for (const container of $$(
                 '.uk-navbar-nav, .uk-navbar-left, .uk-navbar-right',
-                this.$el
+                this.$el,
             )) {
                 css(
                     container,
@@ -23,9 +23,9 @@ export default {
                     justify
                         ? $$(
                               '.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle',
-                              container
+                              container,
                           ).length
-                        : ''
+                        : '',
                 );
             }
         },

package/src/js/core/offcanvas.js

@@ -1,5 +1,3 @@
-import Modal from '../mixin/modal';
-import { swipe } from '../api/observables';
 import {
     $,
     addClass,
@@ -14,6 +12,8 @@ import {
     unwrap,
     wrapAll,
 } from 'uikit-util';
+import { swipe } from '../api/observables';
+import Modal from '../mixin/modal';
 
 export default {
     mixins: [Modal],
@@ -119,7 +119,7 @@ export default {
                 addClass(
                     this.panel,
                     this.clsSidebarAnimation,
-                    this.mode === 'reveal' ? '' : this.clsMode
+                    this.mode === 'reveal' ? '' : this.clsMode,
                 );
 
                 height(body); // force reflow

package/src/js/core/overflow-auto.js

@@ -1,6 +1,6 @@
-import Class from '../mixin/class';
-import { resize } from '../api/observables';
 import { closest, css, dimensions, height, isVisible } from 'uikit-util';
+import { resize } from '../api/observables';
+import Class from '../mixin/class';
 
 export default {
     mixins: [Class],
@@ -40,7 +40,7 @@ export default {
             return {
                 max: Math.max(
                     this.minHeight,
-                    height(this.container) - (dimensions(this.content).height - height(this.$el))
+                    height(this.container) - (dimensions(this.content).height - height(this.$el)),
                 ),
             };
         },

package/src/js/core/responsive.js

@@ -1,5 +1,5 @@
-import { resize } from '../api/observables';
 import { addClass, Dimensions, height, isVisible, parent, width } from 'uikit-util';
+import { resize } from '../api/observables';
 
 export default {
     props: ['width', 'height'],
@@ -27,8 +27,8 @@ export default {
                         height: this.height,
                         width: this.width,
                     },
-                    dim
-                ).height
+                    dim,
+                ).height,
             );
         },
 

package/src/js/core/scrollspy-nav.js

@@ -1,4 +1,3 @@
-import { intersection, scroll } from '../api/observables';
 import {
     $$,
     closest,
@@ -12,6 +11,7 @@ import {
     toggleClass,
     trigger,
 } from 'uikit-util';
+import { intersection, scroll } from '../api/observables';
 
 export default {
     props: {

package/src/js/core/scrollspy.js

@@ -1,4 +1,3 @@
-import { intersection } from '../api/observables';
 import {
     $$,
     css,
@@ -10,6 +9,7 @@ import {
     toggleClass,
     trigger,
 } from 'uikit-util';
+import { intersection } from '../api/observables';
 
 export default {
     args: 'cls',

package/src/js/core/sticky.js

@@ -1,11 +1,8 @@
-import Class from '../mixin/class';
-import Media from '../mixin/media';
-import { resize, scroll, viewport } from '../api/observables';
 import {
     $,
+    Animation,
     addClass,
     after,
-    Animation,
     before,
     clamp,
     css,
@@ -24,11 +21,14 @@ import {
     removeClass,
     replaceClass,
     toFloat,
-    toggleClass,
     toPx,
+    toggleClass,
     trigger,
     within,
 } from 'uikit-util';
+import { resize, scroll, viewport } from '../api/observables';
+import Class from '../mixin/class';
+import Media from '../mixin/media';
 
 export default {
     mixins: [Class, Media],
@@ -86,7 +86,7 @@ export default {
         this.setActive(false);
     },
 
-    disconnected() {
+    beforeDisconnect() {
         if (this.isFixed) {
             this.hide();
             removeClass(this.selTarget, this.clsInactive);
@@ -145,7 +145,7 @@ export default {
                 this.transitionInProgress = once(
                     this.$el,
                     'transitionend transitioncancel',
-                    () => (this.transitionInProgress = null)
+                    () => (this.transitionInProgress = null),
                 );
             },
         },
@@ -206,7 +206,7 @@ export default {
                               parseProp(this.end, this.$el, topOffset + height, true) -
                                   elHeight -
                                   offset +
-                                  overflow
+                                  overflow,
                           );
 
                 sticky =
@@ -216,7 +216,7 @@ export default {
                     end ===
                         Math.min(
                             maxScrollHeight,
-                            parseProp('!*', this.$el, 0, true) - elHeight - offset + overflow
+                            parseProp('!*', this.$el, 0, true) - elHeight - offset + overflow,
                         ) &&
                     css(parent(this.$el), 'overflowY') === 'visible';
 
@@ -280,12 +280,12 @@ export default {
                     scroll,
                     prevScroll,
                     offsetParentTop: getOffset(
-                        (this.isFixed ? this.placeholder : this.$el).offsetParent
+                        (this.isFixed ? this.placeholder : this.$el).offsetParent,
                     ).top,
                     overflowScroll: clamp(
                         overflowScroll + clamp(scroll, start, end) - clamp(prevScroll, start, end),
                         0,
-                        overflow
+                        overflow,
                     ),
                 };
             },
@@ -429,7 +429,7 @@ export default {
             toggleClass(
                 this.$el,
                 this.clsBelow,
-                scroll > topOffset + (sticky ? Math.min(height, elHeight) : height)
+                scroll > topOffset + (sticky ? Math.min(height, elHeight) : height),
             );
             addClass(this.$el, this.clsFixed);
         },