uikit 3.25.27-dev.9e97c1f → 3.25.27

package/dist/js/components/marquee.js

@@ -1,215 +0,0 @@
-/*! UIkit 3.25.27-dev.9e97c1f | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */
-
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
-    typeof define === 'function' && define.amd ? define('uikitmarquee', ['uikit-util'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitMarquee = factory(global.UIkit.util));
-})(this, (function (uikitUtil) { 'use strict';
-
-    function callUpdate(instance, e = "update") {
-      if (!instance._connected) {
-        return;
-      }
-      if (!instance._updates.length) {
-        return;
-      }
-      if (!instance._updateCount) {
-        instance._updateCount = 0;
-        requestAnimationFrame(() => instance._updateCount = 0);
-      }
-      if (!instance._queued) {
-        instance._queued = /* @__PURE__ */ new Set();
-        uikitUtil.fastdom.read(() => {
-          if (instance._connected) {
-            runUpdates(instance, instance._queued);
-          }
-          instance._queued = null;
-        });
-      }
-      if (instance._updateCount++ < 20) {
-        instance._queued.add(e.type || e);
-      }
-    }
-    function runUpdates(instance, types) {
-      for (const { read, write, events = [] } of instance._updates) {
-        if (!types.has("update") && !events.some((type) => types.has(type))) {
-          continue;
-        }
-        let result;
-        if (read) {
-          result = read.call(instance, instance._data, types);
-          if (result && uikitUtil.isPlainObject(result)) {
-            uikitUtil.assign(instance._data, result);
-          }
-        }
-        if (write && result !== false) {
-          uikitUtil.fastdom.write(() => {
-            if (instance._connected) {
-              write.call(instance, instance._data, types);
-            }
-          });
-        }
-      }
-    }
-
-    function resize(options) {
-      return observe(uikitUtil.observeResize, options, "resize");
-    }
-    function intersection(options) {
-      return observe(uikitUtil.observeIntersection, options);
-    }
-    function preloadMedia(el, preload = 5) {
-      loadLazyElements(el, preload);
-      for (const video of uikitUtil.$$('video[preload="none"]', el)) {
-        video.preload = "";
-      }
-    }
-    function loadLazyElements(el, preload) {
-      uikitUtil.$$('[loading="lazy"]', el).slice(0, preload - 1).forEach((el2) => uikitUtil.removeAttr(el2, "loading"));
-    }
-    function observe(observe2, options, emit) {
-      return {
-        observe: observe2,
-        handler() {
-          callUpdate(this, emit);
-        },
-        ...options
-      };
-    }
-
-    var Class = {
-      connected() {
-        this._cmpCls = uikitUtil.hasClass(this.$el, this.$options.id);
-        uikitUtil.addClass(this.$el, this.$options.id);
-      },
-      disconnected() {
-        if (!this._cmpCls) {
-          uikitUtil.removeClass(this.$el, this.$options.id);
-        }
-      }
-    };
-
-    const hasAnimationApi = uikitUtil.inBrowser && window.Animation;
-    var Component = {
-      mixins: [Class],
-      props: {
-        velocity: Number,
-        start: Number,
-        reverse: Boolean,
-        pause: Boolean,
-        pauseVelocity: Number,
-        fadeSize: null
-      },
-      data: {
-        velocity: 25,
-        start: 0,
-        reverse: false,
-        pause: false,
-        pauseVelocity: 10,
-        selList: ".uk-marquee-items",
-        fadeSize: 0
-      },
-      computed: {
-        list: ({ selList }, $el) => uikitUtil.$(selList, $el),
-        items() {
-          return uikitUtil.children(this.list);
-        }
-      },
-      watch: {
-        items() {
-          this.$emit();
-        }
-      },
-      observe: [
-        resize({
-          target: ({ $el, items }) => [$el, ...items]
-        }),
-        intersection({
-          handler(entries) {
-            let active;
-            for (const entry of entries) {
-              entry.target.inert = !entry.isIntersecting;
-              active || (active = entry.isIntersecting && entry.target);
-            }
-            if (!active) {
-              return;
-            }
-            const { items } = this;
-            const index = items.indexOf(active);
-            if (!~index) {
-              return;
-            }
-            const direction = this.reverse ? 1 : -1;
-            for (let offset = 1; offset < items.length; offset++) {
-              const item = items[uikitUtil.getIndex(index + direction * offset, items)];
-              if (item.inert) {
-                preloadMedia(item);
-                break;
-              }
-            }
-          },
-          target: ({ items }) => items,
-          args: { intersecting: false },
-          options: ({ $el }) => ({ root: $el })
-        })
-      ],
-      methods: {
-        vertical() {
-          return uikitUtil.hasClass(this.$el, `${this.$options.id}-vertical`);
-        }
-      },
-      events: {
-        name: [uikitUtil.pointerEnter, uikitUtil.pointerLeave],
-        el: ({ $el }) => $el,
-        self: true,
-        filter: ({ pause }) => hasAnimationApi && pause,
-        handler(e) {
-          for (const el of this.items) {
-            for (const animation of el.getAnimations()) {
-              animation.playbackRate = e.type === uikitUtil.pointerEnter ? this.pauseVelocity / this.velocity : 1;
-            }
-          }
-        }
-      },
-      update: {
-        write() {
-          const prefix = this.$options.id;
-          const items = this.items;
-          const vertical = this.vertical();
-          uikitUtil.css(items, "offset", "none");
-          const dir = vertical ? ["top", "bottom"] : ["left", "right"];
-          if (!vertical && uikitUtil.isRtl) {
-            dir.reverse();
-          }
-          const listStart = uikitUtil.dimensions(this.list)[dir[0]];
-          const itemEnds = items.map((el) => uikitUtil.dimensions(el)[dir[1]]);
-          const listEnd = Math[!vertical && uikitUtil.isRtl ? "min" : "max"](...itemEnds);
-          for (const [index, el] of items.entries()) {
-            const elEnd = itemEnds[index];
-            const line1 = listEnd - elEnd;
-            const line2 = elEnd - listStart;
-            const path = vertical ? `"M0 0 v${line1}M0 ${-line2} v${line2}"` : `"M0 0 h${line1}M${-line2} 0 h${line2}"`;
-            uikitUtil.css(el, `--${prefix}-path`, path);
-          }
-          uikitUtil.css(this.$el, {
-            [`--${prefix}-duration`]: `${Math.abs(listStart - listEnd) / this.velocity}s`,
-            [`--${prefix}-start`]: this.start,
-            [`--${prefix}-direction`]: this.reverse ? "reverse" : "normal",
-            "--uk-overflow-fade-size": this.fadeSize ? `${uikitUtil.toPx(this.fadeSize, vertical ? "height" : "width", this.$el, true)}px` : ""
-          });
-          uikitUtil.toggleClass(this.$el, `${prefix}-fade`, this.fadeSize);
-          uikitUtil.css(items, "offset", "");
-        },
-        events: ["resize"]
-      }
-    };
-
-    var name = 'marquee';
-
-    if (typeof window !== "undefined" && window.UIkit) {
-      window.UIkit.component(name, Component);
-    }
-
-    return Component;
-
-}));

package/dist/js/components/marquee.min.js

@@ -1 +0,0 @@
-/*! UIkit 3.25.27-dev.9e97c1f | https://www.getuikit.com | (c) 2014 - 2026 YOOtheme | MIT License */(function(t,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitmarquee",["uikit-util"],d):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitMarquee=d(t.UIkit.util))})(this,(function(t){"use strict";function d(e,s="update"){e._connected&&e._updates.length&&(e._updateCount||(e._updateCount=0,requestAnimationFrame(()=>e._updateCount=0)),e._queued||(e._queued=new Set,t.fastdom.read(()=>{e._connected&&m(e,e._queued),e._queued=null})),e._updateCount++<20&&e._queued.add(s.type||s))}function m(e,s){for(const{read:o,write:r,events:i=[]}of e._updates){if(!s.has("update")&&!i.some(a=>s.has(a)))continue;let n;o&&(n=o.call(e,e._data,s),n&&t.isPlainObject(n)&&t.assign(e._data,n)),r&&n!==!1&&t.fastdom.write(()=>{e._connected&&r.call(e,e._data,s)})}}function v(e){return h(t.observeResize,e,"resize")}function $(e){return h(t.observeIntersection,e)}function _(e,s=5){g(e,s);for(const o of t.$$('video[preload="none"]',e))o.preload=""}function g(e,s){t.$$('[loading="lazy"]',e).slice(0,s-1).forEach(o=>t.removeAttr(o,"loading"))}function h(e,s,o){return{observe:e,handler(){d(this,o)},...s}}var w={connected(){this._cmpCls=t.hasClass(this.$el,this.$options.id),t.addClass(this.$el,this.$options.id)},disconnected(){this._cmpCls||t.removeClass(this.$el,this.$options.id)}};const b=t.inBrowser&&window.Animation;var l={mixins:[w],props:{velocity:Number,start:Number,reverse:Boolean,pause:Boolean,pauseVelocity:Number,fadeSize:null},data:{velocity:25,start:0,reverse:!1,pause:!1,pauseVelocity:10,selList:".uk-marquee-items",fadeSize:0},computed:{list:({selList:e},s)=>t.$(e,s),items(){return t.children(this.list)}},watch:{items(){this.$emit()}},observe:[v({target:({$el:e,items:s})=>[e,...s]}),$({handler(e){let s;for(const n of e)n.target.inert=!n.isIntersecting,s||(s=n.isIntersecting&&n.target);if(!s)return;const{items:o}=this,r=o.indexOf(s);if(!~r)return;const i=this.reverse?1:-1;for(let n=1;n<o.length;n++){const a=o[t.getIndex(r+i*n,o)];if(a.inert){_(a);break}}},target:({items:e})=>e,args:{intersecting:!1},options:({$el:e})=>({root:e})})],methods:{vertical(){return t.hasClass(this.$el,`${this.$options.id}-vertical`)}},events:{name:[t.pointerEnter,t.pointerLeave],el:({$el:e})=>e,self:!0,filter:({pause:e})=>b&&e,handler(e){for(const s of this.items)for(const o of s.getAnimations())o.playbackRate=e.type===t.pointerEnter?this.pauseVelocity/this.velocity:1}},update:{write(){const e=this.$options.id,s=this.items,o=this.vertical();t.css(s,"offset","none");const r=o?["top","bottom"]:["left","right"];!o&&t.isRtl&&r.reverse();const i=t.dimensions(this.list)[r[0]],n=s.map(c=>t.dimensions(c)[r[1]]),a=Math[!o&&t.isRtl?"min":"max"](...n);for(const[c,C]of s.entries()){const u=n[c],p=a-u,f=u-i,z=o?`"M0 0 v${p}M0 ${-f} v${f}"`:`"M0 0 h${p}M${-f} 0 h${f}"`;t.css(C,`--${e}-path`,z)}t.css(this.$el,{[`--${e}-duration`]:`${Math.abs(i-a)/this.velocity}s`,[`--${e}-start`]:this.start,[`--${e}-direction`]:this.reverse?"reverse":"normal","--uk-overflow-fade-size":this.fadeSize?`${t.toPx(this.fadeSize,o?"height":"width",this.$el,!0)}px`:""}),t.toggleClass(this.$el,`${e}-fade`,this.fadeSize),t.css(s,"offset","")},events:["resize"]}},y="marquee";return typeof window<"u"&&window.UIkit&&window.UIkit.component(y,l),l}));

package/src/js/components/marquee.js

@@ -1,156 +0,0 @@
-import {
-    $,
-    children,
-    css,
-    dimensions,
-    getIndex,
-    hasClass,
-    inBrowser,
-    isRtl,
-    pointerEnter,
-    pointerLeave,
-    toggleClass,
-    toPx,
-} from 'uikit-util';
-import { intersection, preloadMedia, resize } from '../api/observables';
-import Class from '../mixin/class';
-
-const hasAnimationApi = inBrowser && window.Animation;
-
-export default {
-    mixins: [Class],
-
-    props: {
-        velocity: Number,
-        start: Number,
-        reverse: Boolean,
-        pause: Boolean,
-        pauseVelocity: Number,
-        fadeSize: null,
-    },
-
-    data: {
-        velocity: 25,
-        start: 0,
-        reverse: false,
-        pause: false,
-        pauseVelocity: 10,
-        selList: '.uk-marquee-items',
-        fadeSize: 0,
-    },
-
-    computed: {
-        list: ({ selList }, $el) => $(selList, $el),
-        items() {
-            return children(this.list);
-        },
-    },
-
-    watch: {
-        items() {
-            this.$emit();
-        },
-    },
-
-    observe: [
-        resize({
-            target: ({ $el, items }) => [$el, ...items],
-        }),
-        intersection({
-            handler(entries) {
-                let active;
-                for (const entry of entries) {
-                    entry.target.inert = !entry.isIntersecting;
-                    active ||= entry.isIntersecting && entry.target;
-                }
-
-                if (!active) {
-                    return;
-                }
-
-                const { items } = this;
-                const index = items.indexOf(active);
-                if (!~index) {
-                    return;
-                }
-
-                const direction = this.reverse ? 1 : -1;
-                for (let offset = 1; offset < items.length; offset++) {
-                    const item = items[getIndex(index + direction * offset, items)];
-                    if (item.inert) {
-                        preloadMedia(item);
-                        break;
-                    }
-                }
-            },
-            target: ({ items }) => items,
-            args: { intersecting: false },
-            options: ({ $el }) => ({ root: $el }),
-        }),
-    ],
-
-    methods: {
-        vertical() {
-            return hasClass(this.$el, `${this.$options.id}-vertical`);
-        },
-    },
-
-    events: {
-        name: [pointerEnter, pointerLeave],
-        el: ({ $el }) => $el,
-        self: true,
-        filter: ({ pause }) => hasAnimationApi && pause,
-        handler(e) {
-            for (const el of this.items) {
-                for (const animation of el.getAnimations()) {
-                    animation.playbackRate =
-                        e.type === pointerEnter ? this.pauseVelocity / this.velocity : 1;
-                }
-            }
-        },
-    },
-
-    update: {
-        write() {
-            const prefix = this.$options.id;
-            const items = this.items;
-            const vertical = this.vertical();
-
-            css(items, 'offset', 'none');
-
-            const dir = vertical ? ['top', 'bottom'] : ['left', 'right'];
-            if (!vertical && isRtl) {
-                dir.reverse();
-            }
-
-            const listStart = dimensions(this.list)[dir[0]];
-            const itemEnds = items.map((el) => dimensions(el)[dir[1]]);
-            const listEnd = Math[!vertical && isRtl ? 'min' : 'max'](...itemEnds);
-
-            for (const [index, el] of items.entries()) {
-                const elEnd = itemEnds[index];
-                const line1 = listEnd - elEnd;
-                const line2 = elEnd - listStart;
-                const path = vertical
-                    ? `"M0 0 v${line1}M0 ${-line2} v${line2}"`
-                    : `"M0 0 h${line1}M${-line2} 0 h${line2}"`;
-                css(el, `--${prefix}-path`, path);
-            }
-
-            css(this.$el, {
-                [`--${prefix}-duration`]: `${Math.abs(listStart - listEnd) / this.velocity}s`,
-                [`--${prefix}-start`]: this.start,
-                [`--${prefix}-direction`]: this.reverse ? 'reverse' : 'normal',
-                '--uk-overflow-fade-size': this.fadeSize
-                    ? `${toPx(this.fadeSize, vertical ? 'height' : 'width', this.$el, true)}px`
-                    : '',
-            });
-
-            toggleClass(this.$el, `${prefix}-fade`, this.fadeSize);
-
-            css(items, 'offset', '');
-        },
-
-        events: ['resize'],
-    },
-};

package/src/js/mixin/connect.js

@@ -1,90 +0,0 @@
-import { attr, children, data, hasClass, isTag, queryAll, toArray } from 'uikit-util';
-import App from '../api';
-import { generateId } from '../api/instance';
-import { lazyload } from '../api/observables';
-import Togglable from '../mixin/togglable';
-
-const TogglableComponent = App.extend(Togglable);
-
-export default {
-    mixins: [Togglable],
-
-    props: {
-        connect: String,
-    },
-
-    data: {
-        connect: '',
-        cls: 'uk-active',
-    },
-
-    computed: {
-        connects: {
-            get: ({ connect }, $el) => (connect ? queryAll(connect, $el) : []),
-            observe: ({ connect }) => connect,
-        },
-
-        connectChildren() {
-            return this.connects.flatMap((el) => children(el));
-        },
-    },
-
-    watch: {
-        connects(connects) {
-            for (const el of connects) {
-                if (isTag(el, 'ul')) {
-                    el.role = 'presentation';
-                }
-            }
-        },
-    },
-
-    observe: lazyload({ targets: ({ connectChildren }) => connectChildren }),
-
-    update() {
-        for (const index in this.toggles) {
-            const toggle = this.toggles[index];
-            if (!toggle) {
-                continue;
-            }
-
-            toggle.id = generateId(this, toggle);
-
-            for (const { children } of this.connects) {
-                const item = children[index];
-
-                if (item) {
-                    attr(item, {
-                        id: generateId(this, item),
-                        role: 'tabpanel',
-                        'aria-labelledby': toggle.id,
-                    });
-                }
-            }
-        }
-    },
-
-    methods: {
-        showConnects(index, animate) {
-            const toggle = async (el) => {
-                const { children } = el;
-
-                const animation = data(el, 'uk-switcher-animation');
-
-                let togglable = animation
-                    ? new TogglableComponent({ data: { ...this.$props, animation } })
-                    : this;
-
-                const actives = toArray(children).filter(
-                    (child, i) => i !== index && hasClass(child, this.cls),
-                );
-
-                if (await togglable.toggleElement(actives, false, animate)) {
-                    await togglable.toggleElement(children[index], true, animate);
-                }
-            };
-
-            return Promise.all(this.connects.map(toggle));
-        },
-    },
-};

package/src/js/mixin/scroll-driven.js

@@ -1,57 +0,0 @@
-import { query, scrolledOver, toPx } from 'uikit-util';
-import { resize, scroll } from '../api/observables';
-import { ease } from './parallax';
-
-export default {
-    props: {
-        parallaxTarget: Boolean,
-        parallaxStart: String,
-        parallaxEnd: String,
-        parallaxEasing: Number,
-    },
-
-    data: {
-        parallaxTarget: false,
-        parallaxStart: 0,
-        parallaxEnd: 0,
-        parallaxEasing: 0,
-    },
-
-    observe: [
-        resize({
-            target: ({ $el, parallaxTarget }) => [$el, parallaxTarget],
-            filter: ({ parallax }) => parallax,
-        }),
-        scroll({ filter: ({ parallax }) => parallax }),
-    ],
-
-    computed: {
-        parallaxTargetFallback: ($props, $el) => $el,
-
-        parallaxTarget({ parallaxTarget }, $el) {
-            return (parallaxTarget && query(parallaxTarget, $el)) || this.parallaxTargetFallback;
-        },
-    },
-
-    update: {
-        read() {
-            if (!this.parallax) {
-                return;
-            }
-
-            const target = this.parallaxTarget;
-
-            if (!target) {
-                return;
-            }
-
-            const start = toPx(this.parallaxStart, 'height', target, true);
-            const end = toPx(this.parallaxEnd, 'height', target, true);
-            const percent = ease(scrolledOver(target, start, end), this.parallaxEasing);
-
-            return { percent };
-        },
-
-        events: ['scroll', 'resize'],
-    },
-};

package/src/less/components/dropcap.less

@@ -1,71 +0,0 @@
-// Name:            Dropcap
-// Description:     Style for the drop cap
-//
-// Component:       `uk-dropcap`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-@dropcap-margin-right:                          10px;
-@dropcap-font-size:                             ((@global-line-height * 3) * 1em);
-@dropcap-line-height:                           1;
-
-/* ========================================================================
-   Component: Dropcap
- ========================================================================== */
-
-/*
- * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
- *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
- * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
- *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
- */
-
-.uk-dropcap::first-letter,
-/* 1 */
-.uk-dropcap > p:first-of-type::first-letter {
-    display: block;
-    margin-right: @dropcap-margin-right;
-    float: left;
-    font-size: @dropcap-font-size;
-    line-height: @dropcap-line-height;
-    .hook-dropcap();
-}
-
-/* 2 */
-@-moz-document url-prefix() {
-
-  .uk-dropcap::first-letter,
-  .uk-dropcap > p:first-of-type::first-letter { margin-top: 1.1%; }
-
-}
-
-
-// Misc
-// ========================================================================
-
-.hook-dropcap-misc();
-
-
-// Hooks
-// ========================================================================
-
-.hook-dropcap() {}
-.hook-dropcap-misc() {}
-
-
-// Inverse
-// ========================================================================
-
-.hook-inverse () {
-
-    .uk-dropcap::first-letter,
-    .uk-dropcap p:first-of-type::first-letter {
-        .hook-inverse-dropcap();
-    }
-
-}
-
-.hook-inverse-dropcap() {}

package/src/less/components/floating-shadow.less

@@ -1,66 +0,0 @@
-// Name:            Floating Shadow
-// Description:     Component to create floating shadows
-//
-// Component:       `uk-floating-shadow`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@floating-shadow-height:                       30px;
-@floating-shadow-bottom:                       -@floating-shadow-height;
-@floating-shadow-border-radius:                100%;
-@floating-shadow-background:                   #444;
-@floating-shadow-blur:                         20px;
-
-
-/* ========================================================================
-   Component: Floating Shadow
- ========================================================================== */
-
-/*
- * 1. Set position.
- * 2. Set style
- * 3. Fix shadow being clipped in Safari if container is animated
- */
-
-.uk-floating-shadow {
-    display: inline-block;
-    position: relative;
-    z-index: 0;
-    max-width: 100%;
-    vertical-align: middle;
-}
-
-.uk-floating-shadow::after {
-    content: "";
-    /* 1 */
-    position: absolute;
-    bottom: @floating-shadow-bottom;
-    left: 0;
-    right: 0;
-    z-index: -1;
-    /* 2 */
-    height: @floating-shadow-height;
-    border-radius: @floating-shadow-border-radius;
-    background: @floating-shadow-background;
-    filter: blur(@floating-shadow-blur);
-    /* 3 */
-    will-change: filter;
-    .hook-floating-shadow();
-}
-
-
-// Misc
-// ========================================================================
-
-.hook-floating-shadow-misc();
-
-
-// Hooks
-// ========================================================================
-
-.hook-floating-shadow() {}
-.hook-floating-shadow-misc() {}