@frankenstyle/uikit 0.0.1

package/dist/js/components/countdown.js

@@ -0,0 +1,112 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
+
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
+    typeof define === 'function' && define.amd ? define('uikitcountdown', ['uikit-util'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitCountdown = factory(global.UIkit.util));
+})(this, (function (uikitUtil) { 'use strict';
+
+    var Class = {
+      connected() {
+        uikitUtil.addClass(this.$el, this.$options.id);
+      }
+    };
+
+    const units = ["days", "hours", "minutes", "seconds"];
+    var Component = {
+      mixins: [Class],
+      props: {
+        date: String,
+        clsWrapper: String,
+        role: String,
+        reload: Boolean
+      },
+      data: {
+        date: "",
+        clsWrapper: ".uk-countdown-%unit%",
+        role: "timer",
+        reload: false
+      },
+      connected() {
+        this.$el.role = this.role;
+        this.date = uikitUtil.toFloat(Date.parse(this.$props.date));
+        this.started = this.end = false;
+        this.start();
+      },
+      disconnected() {
+        this.stop();
+      },
+      events: {
+        name: "visibilitychange",
+        el: () => document,
+        handler() {
+          if (document.hidden) {
+            this.stop();
+          } else {
+            this.start();
+          }
+        }
+      },
+      methods: {
+        start() {
+          this.stop();
+          this.update();
+        },
+        stop() {
+          if (this.timer) {
+            clearInterval(this.timer);
+            uikitUtil.trigger(this.$el, "countdownstop");
+            this.timer = null;
+          }
+        },
+        update() {
+          const timespan = getTimeSpan(this.date);
+          if (!timespan.total) {
+            this.stop();
+            if (!this.end) {
+              uikitUtil.trigger(this.$el, "countdownend");
+              this.end = true;
+              if (this.reload && this.started) {
+                window.location.reload();
+              }
+            }
+          } else if (!this.timer) {
+            this.started = true;
+            this.timer = setInterval(this.update, 1e3);
+            uikitUtil.trigger(this.$el, "countdownstart");
+          }
+          for (const unit of units) {
+            const el = uikitUtil.$(this.clsWrapper.replace("%unit%", unit), this.$el);
+            if (!el) {
+              continue;
+            }
+            let digits = Math.trunc(timespan[unit]).toString().padStart(2, "0");
+            if (el.textContent !== digits) {
+              digits = digits.split("");
+              if (digits.length !== el.children.length) {
+                uikitUtil.html(el, digits.map(() => "<span></span>").join(""));
+              }
+              digits.forEach((digit, i) => el.children[i].textContent = digit);
+            }
+          }
+        }
+      }
+    };
+    function getTimeSpan(date) {
+      const total = Math.max(0, date - Date.now()) / 1e3;
+      return {
+        total,
+        seconds: total % 60,
+        minutes: total / 60 % 60,
+        hours: total / 60 / 60 % 24,
+        days: total / 60 / 60 / 24
+      };
+    }
+
+    if (typeof window !== "undefined" && window.UIkit) {
+      window.UIkit.component("countdown", Component);
+    }
+
+    return Component;
+
+}));

package/dist/js/components/countdown.min.js

@@ -0,0 +1 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(t,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitcountdown",["uikit-util"],i):(t=typeof globalThis<"u"?globalThis:t||self,t.UIkitCountdown=i(t.UIkit.util))})(this,function(t){"use strict";var i={connected(){t.addClass(this.$el,this.$options.id)}};const r=["days","hours","minutes","seconds"];var d={mixins:[i],props:{date:String,clsWrapper:String,role:String,reload:Boolean},data:{date:"",clsWrapper:".uk-countdown-%unit%",role:"timer",reload:!1},connected(){this.$el.role=this.role,this.date=t.toFloat(Date.parse(this.$props.date)),this.started=this.end=!1,this.start()},disconnected(){this.stop()},events:{name:"visibilitychange",el:()=>document,handler(){document.hidden?this.stop():this.start()}},methods:{start(){this.stop(),this.update()},stop(){this.timer&&(clearInterval(this.timer),t.trigger(this.$el,"countdownstop"),this.timer=null)},update(){const o=a(this.date);o.total?this.timer||(this.started=!0,this.timer=setInterval(this.update,1e3),t.trigger(this.$el,"countdownstart")):(this.stop(),this.end||(t.trigger(this.$el,"countdownend"),this.end=!0,this.reload&&this.started&&window.location.reload()));for(const e of r){const s=t.$(this.clsWrapper.replace("%unit%",e),this.$el);if(!s)continue;let n=Math.trunc(o[e]).toString().padStart(2,"0");s.textContent!==n&&(n=n.split(""),n.length!==s.children.length&&t.html(s,n.map(()=>"<span></span>").join("")),n.forEach((h,l)=>s.children[l].textContent=h))}}}};function a(o){const e=Math.max(0,o-Date.now())/1e3;return{total:e,seconds:e%60,minutes:e/60%60,hours:e/60/60%24,days:e/60/60/24}}return typeof window<"u"&&window.UIkit&&window.UIkit.component("countdown",d),d});

package/dist/js/components/filter.js

@@ -0,0 +1,527 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
+
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
+    typeof define === 'function' && define.amd ? define('uikitfilter', ['uikit-util'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitFilter = factory(global.UIkit.util));
+})(this, (function (uikitUtil) { 'use strict';
+
+    function parseOptions(options, args = []) {
+      try {
+        return options ? uikitUtil.startsWith(options, "{") ? JSON.parse(options) : args.length && !uikitUtil.includes(options, ":") ? { [args[0]]: options } : options.split(";").reduce((options2, option) => {
+          const [key, value] = option.split(/:(.*)/);
+          if (key && !uikitUtil.isUndefined(value)) {
+            options2[key.trim()] = value.trim();
+          }
+          return options2;
+        }, {}) : {};
+      } catch {
+        return {};
+      }
+    }
+
+    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 mutation(options) {
+      return observe(uikitUtil.observeMutation, options);
+    }
+    function observe(observe2, options, emit) {
+      return {
+        observe: observe2,
+        handler() {
+          callUpdate(this, emit);
+        },
+        ...options
+      };
+    }
+
+    ({
+      observe: [
+        mutation({
+          options: {
+            childList: true
+          }
+        }),
+        mutation({
+          options: {
+            attributes: true,
+            attributeFilter: ["style"]
+          }
+        }),
+        resize({
+          handler(mutations) {
+            for (const {
+              borderBoxSize: [{ inlineSize, blockSize }]
+            } of mutations) {
+              if (inlineSize || blockSize) {
+                this.$emit("resize");
+                return;
+              }
+            }
+          },
+          target: ({ $el }) => [$el, ...uikitUtil.children($el)]
+        })
+      ]});
+    function getRows(elements) {
+      const sorted = [[]];
+      const withOffset = elements.some(
+        (el, i) => i && elements[i - 1].offsetParent !== el.offsetParent
+      );
+      for (const el of elements) {
+        if (!uikitUtil.isVisible(el)) {
+          continue;
+        }
+        const offset = getOffset(el, withOffset);
+        for (let i = sorted.length - 1; i >= 0; i--) {
+          const current = sorted[i];
+          if (!current[0]) {
+            current.push(el);
+            break;
+          }
+          const offsetCurrent = getOffset(current[0], withOffset);
+          if (offset.top >= offsetCurrent.bottom - 1 && offset.top !== offsetCurrent.top) {
+            sorted.push([el]);
+            break;
+          }
+          if (offset.bottom - 1 > offsetCurrent.top || offset.top === offsetCurrent.top) {
+            let j = current.length - 1;
+            for (; j >= 0; j--) {
+              const offsetCurrent2 = getOffset(current[j], withOffset);
+              if (offset.left >= offsetCurrent2.left) {
+                break;
+              }
+            }
+            current.splice(j + 1, 0, el);
+            break;
+          }
+          if (i === 0) {
+            sorted.unshift([el]);
+            break;
+          }
+        }
+      }
+      return sorted;
+    }
+    function getOffset(element, offset = false) {
+      let { offsetTop, offsetLeft, offsetHeight, offsetWidth } = element;
+      if (offset) {
+        [offsetTop, offsetLeft] = uikitUtil.offsetPosition(element);
+      }
+      return {
+        top: offsetTop,
+        left: offsetLeft,
+        bottom: offsetTop + offsetHeight,
+        right: offsetLeft + offsetWidth
+      };
+    }
+
+    function awaitFrame() {
+      return new Promise((resolve) => requestAnimationFrame(resolve));
+    }
+    function awaitTimeout(timeout) {
+      return new Promise((resolve) => setTimeout(resolve, timeout));
+    }
+
+    const clsLeave = "uk-transition-leave";
+    const clsEnter = "uk-transition-enter";
+    function fade(action, target, duration, stagger = 0) {
+      const index = transitionIndex(target, true);
+      const propsIn = { opacity: 1 };
+      const propsOut = { opacity: 0 };
+      const isCurrentIndex = () => index === transitionIndex(target);
+      const wrapIndexFn = (fn) => () => isCurrentIndex() ? fn() : Promise.reject();
+      const leaveFn = wrapIndexFn(async () => {
+        uikitUtil.addClass(target, clsLeave);
+        await (stagger ? getTransitionNodes(target).reduce(async (promise, child, i, array) => {
+          await promise;
+          if (!uikitUtil.isInView(child) || !isCurrentIndex()) {
+            uikitUtil.css(child, propsOut);
+            return;
+          }
+          await awaitTimeout(stagger);
+          const transition = uikitUtil.Transition.start(child, propsOut, duration / 2, "ease");
+          if (array.length - 1 === i) {
+            await transition;
+          }
+        }, Promise.resolve()) : uikitUtil.Transition.start(target, propsOut, duration / 2, "ease"));
+        uikitUtil.removeClass(target, clsLeave);
+      });
+      const enterFn = wrapIndexFn(async () => {
+        const oldHeight = uikitUtil.height(target);
+        uikitUtil.addClass(target, clsEnter);
+        action();
+        uikitUtil.css(stagger ? uikitUtil.children(target) : target, propsOut);
+        uikitUtil.height(target, oldHeight);
+        await awaitTimeout();
+        uikitUtil.height(target, "");
+        const newHeight = uikitUtil.height(target);
+        uikitUtil.css(target, "alignContent", "flex-start");
+        uikitUtil.height(target, oldHeight);
+        let transitions = [];
+        let targetDuration = duration / 2;
+        if (stagger) {
+          const nodes = getTransitionNodes(target);
+          uikitUtil.css(uikitUtil.children(target), propsOut);
+          transitions = nodes.reduce(async (promise, child, i, array) => {
+            await promise;
+            if (!uikitUtil.isInView(child) || !isCurrentIndex()) {
+              uikitUtil.resetProps(child, propsIn);
+              return;
+            }
+            await awaitTimeout(stagger);
+            const transition = uikitUtil.Transition.start(child, propsIn, duration / 2, "ease").then(
+              () => isCurrentIndex() && uikitUtil.resetProps(child, propsIn)
+            );
+            if (array.length - 1 === i) {
+              await transition;
+            }
+          }, Promise.resolve());
+          targetDuration += nodes.length * stagger;
+        }
+        if (!stagger || oldHeight !== newHeight) {
+          const targetProps = { height: newHeight, ...stagger ? {} : propsIn };
+          transitions.push(uikitUtil.Transition.start(target, targetProps, targetDuration, "ease"));
+        }
+        await Promise.all(transitions);
+        uikitUtil.removeClass(target, clsEnter);
+        if (isCurrentIndex()) {
+          uikitUtil.resetProps(target, { height: "", alignContent: "", ...propsIn });
+          delete target.dataset.transition;
+        }
+      });
+      return uikitUtil.hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : uikitUtil.hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn);
+    }
+    function transitionIndex(target, next) {
+      if (next) {
+        target.dataset.transition = 1 + transitionIndex(target);
+      }
+      return uikitUtil.toNumber(target.dataset.transition) || 0;
+    }
+    function waitTransitionend(target) {
+      return Promise.all(
+        uikitUtil.children(target).filter(uikitUtil.Transition.inProgress).map(
+          (el) => new Promise((resolve) => uikitUtil.once(el, "transitionend transitioncanceled", resolve))
+        )
+      );
+    }
+    function getTransitionNodes(target) {
+      return getRows(uikitUtil.children(target)).flat().filter(uikitUtil.isVisible);
+    }
+
+    async function slide(action, target, duration) {
+      await awaitFrame();
+      let nodes = uikitUtil.children(target);
+      const currentProps = nodes.map((el) => getProps(el, true));
+      const targetProps = { ...uikitUtil.css(target, ["height", "padding"]), display: "block" };
+      const transitionNodes = nodes.filter((node) => uikitUtil.isInView(node));
+      const targets = nodes.concat(target);
+      await Promise.all(targets.map(uikitUtil.Transition.cancel));
+      uikitUtil.css(targets, "transitionProperty", "none");
+      await action();
+      const newNodes = uikitUtil.children(target).filter((el) => !uikitUtil.includes(nodes, el));
+      nodes = nodes.concat(newNodes);
+      await Promise.resolve();
+      uikitUtil.css(targets, "transitionProperty", "");
+      const targetStyle = uikitUtil.attr(target, "style");
+      const targetPropsTo = uikitUtil.css(target, ["height", "padding"]);
+      const [propsTo, propsFrom] = getTransitionProps(target, nodes, currentProps);
+      const attrsTo = nodes.map((el) => ({ style: uikitUtil.attr(el, "style") }));
+      transitionNodes.push(...nodes.filter((node) => uikitUtil.isInView(node)));
+      nodes.forEach((el, i) => propsFrom[i] && uikitUtil.css(el, propsFrom[i]));
+      uikitUtil.css(target, targetProps);
+      uikitUtil.trigger(target, "scroll");
+      await awaitFrame();
+      const transitions = nodes.map((el, i) => {
+        if (uikitUtil.parent(el) === target && transitionNodes.includes(el)) {
+          return uikitUtil.Transition.start(el, propsTo[i], duration, "ease", !newNodes.includes(el));
+        }
+      }).concat(uikitUtil.Transition.start(target, targetPropsTo, duration, "ease", true));
+      try {
+        await Promise.all(transitions);
+        nodes.forEach((el, i) => {
+          uikitUtil.attr(el, attrsTo[i]);
+          if (uikitUtil.parent(el) === target) {
+            uikitUtil.css(el, "display", propsTo[i].opacity === 0 ? "none" : "");
+          }
+        });
+        uikitUtil.attr(target, "style", targetStyle);
+      } catch {
+        uikitUtil.attr(nodes, "style", "");
+        uikitUtil.resetProps(target, targetProps);
+      }
+    }
+    function getProps(el, opacity) {
+      const zIndex = uikitUtil.css(el, "zIndex");
+      return uikitUtil.isVisible(el) ? {
+        display: "",
+        opacity: opacity ? uikitUtil.css(el, "opacity") : "0",
+        pointerEvents: "none",
+        position: "absolute",
+        zIndex: zIndex === "auto" ? uikitUtil.index(el) : zIndex,
+        ...getPositionWithMargin(el)
+      } : false;
+    }
+    function getTransitionProps(target, nodes, currentProps) {
+      const propsTo = nodes.map(
+        (el, i) => uikitUtil.parent(el) && i in currentProps ? currentProps[i] ? uikitUtil.isVisible(el) ? getPositionWithMargin(el) : { opacity: 0 } : { opacity: uikitUtil.isVisible(el) ? 1 : 0 } : false
+      );
+      const propsFrom = propsTo.map((props, i) => {
+        const from = uikitUtil.parent(nodes[i]) === target && (currentProps[i] || getProps(nodes[i]));
+        if (!from) {
+          return false;
+        }
+        if (!props) {
+          delete from.opacity;
+        } else if (!("opacity" in props)) {
+          const { opacity } = from;
+          if (opacity % 1) {
+            props.opacity = 1;
+          } else {
+            delete from.opacity;
+          }
+        }
+        return from;
+      });
+      return [propsTo, propsFrom];
+    }
+    function getPositionWithMargin(el) {
+      const { height, width } = uikitUtil.dimensions(el);
+      let { top, left } = uikitUtil.position(el);
+      const viewport = uikitUtil.offsetViewport(el.ownerDocument);
+      top = uikitUtil.clamp(top, viewport.top - height - viewport.height, viewport.bottom + viewport.height);
+      left = uikitUtil.clamp(left, viewport.left - width - viewport.width, viewport.right + viewport.width);
+      return {
+        height,
+        width,
+        top,
+        left,
+        transform: "",
+        ...uikitUtil.css(el, ["marginTop", "marginLeft"])
+      };
+    }
+
+    var Animate = {
+      props: {
+        duration: Number,
+        animation: Boolean
+      },
+      data: {
+        duration: 150,
+        animation: "slide"
+      },
+      methods: {
+        animate(action, target = this.$el) {
+          const name = this.animation;
+          const animationFn = name === "fade" ? fade : name === "delayed-fade" ? (...args) => fade(...args, 40) : name ? slide : () => {
+            action();
+            return Promise.resolve();
+          };
+          return animationFn(action, target, this.duration).catch(uikitUtil.noop);
+        }
+      }
+    };
+
+    function maybeDefaultPreventClick(e) {
+      if (e.target.closest('a[href="#"],a[href=""]')) {
+        e.preventDefault();
+      }
+    }
+
+    const keyMap = {
+      SPACE: 32};
+
+    var Component = {
+      mixins: [Animate],
+      args: "target",
+      props: {
+        target: String,
+        selActive: Boolean
+      },
+      data: {
+        target: "",
+        selActive: false,
+        attrItem: "uk-filter-control",
+        cls: "uk-active",
+        duration: 250
+      },
+      computed: {
+        children: ({ target }, $el) => uikitUtil.$$(`${target} > *`, $el),
+        toggles: ({ attrItem }, $el) => uikitUtil.$$(`[${attrItem}],[data-${attrItem}]`, $el)
+      },
+      watch: {
+        toggles(toggles) {
+          this.updateState();
+          const actives = uikitUtil.$$(this.selActive, this.$el);
+          for (const toggle of toggles) {
+            if (this.selActive !== false) {
+              uikitUtil.toggleClass(toggle, this.cls, uikitUtil.includes(actives, toggle));
+            }
+            const button = findButton(toggle);
+            if (uikitUtil.isTag(button, "a")) {
+              button.role = "button";
+            }
+          }
+        },
+        children(list, prev) {
+          if (prev) {
+            this.updateState();
+          }
+        }
+      },
+      events: {
+        name: "click keydown",
+        delegate: ({ attrItem }) => `[${attrItem}],[data-${attrItem}]`,
+        handler(e) {
+          if (e.type === "keydown" && e.keyCode !== keyMap.SPACE) {
+            return;
+          }
+          if (e.target.closest("a,button")) {
+            maybeDefaultPreventClick(e);
+            this.apply(e.current);
+          }
+        }
+      },
+      methods: {
+        apply(el) {
+          const prevState = this.getState();
+          const newState = mergeState(el, this.attrItem, this.getState());
+          if (!isEqualState(prevState, newState)) {
+            this.setState(newState);
+          }
+        },
+        getState() {
+          return this.toggles.filter((item) => uikitUtil.hasClass(item, this.cls)).reduce((state, el) => mergeState(el, this.attrItem, state), {
+            filter: { "": "" },
+            sort: []
+          });
+        },
+        async setState(state, animate = true) {
+          state = { filter: { "": "" }, sort: [], ...state };
+          uikitUtil.trigger(this.$el, "beforeFilter", [this, state]);
+          for (const toggle of this.toggles) {
+            uikitUtil.toggleClass(toggle, this.cls, matchFilter(toggle, this.attrItem, state));
+          }
+          await Promise.all(
+            uikitUtil.$$(this.target, this.$el).map((target) => {
+              const filterFn = () => applyState(state, target, uikitUtil.children(target));
+              return animate ? this.animate(filterFn, target) : filterFn();
+            })
+          );
+          uikitUtil.trigger(this.$el, "afterFilter", [this]);
+        },
+        updateState() {
+          uikitUtil.fastdom.write(() => this.setState(this.getState(), false));
+        }
+      }
+    };
+    function getFilter(el, attr) {
+      return parseOptions(uikitUtil.data(el, attr), ["filter"]);
+    }
+    function isEqualState(stateA, stateB) {
+      return ["filter", "sort"].every((prop) => uikitUtil.isEqual(stateA[prop], stateB[prop]));
+    }
+    function applyState(state, target, children) {
+      for (const el of children) {
+        uikitUtil.css(
+          el,
+          "display",
+          Object.values(state.filter).every((selector) => !selector || uikitUtil.matches(el, selector)) ? "" : "none"
+        );
+      }
+      const [sort, order] = state.sort;
+      if (sort) {
+        const sorted = sortItems(children, sort, order);
+        if (!uikitUtil.isEqual(sorted, children)) {
+          uikitUtil.append(target, sorted);
+        }
+      }
+    }
+    function mergeState(el, attr, state) {
+      const { filter, group, sort, order = "asc" } = getFilter(el, attr);
+      if (filter || uikitUtil.isUndefined(sort)) {
+        if (group) {
+          if (filter) {
+            delete state.filter[""];
+            state.filter[group] = filter;
+          } else {
+            delete state.filter[group];
+            if (uikitUtil.isEmpty(state.filter) || "" in state.filter) {
+              state.filter = { "": filter || "" };
+            }
+          }
+        } else {
+          state.filter = { "": filter || "" };
+        }
+      }
+      if (!uikitUtil.isUndefined(sort)) {
+        state.sort = [sort, order];
+      }
+      return state;
+    }
+    function matchFilter(el, attr, { filter: stateFilter = { "": "" }, sort: [stateSort, stateOrder] }) {
+      const { filter = "", group = "", sort, order = "asc" } = getFilter(el, attr);
+      return uikitUtil.isUndefined(sort) ? group in stateFilter && filter === stateFilter[group] || !filter && group && !(group in stateFilter) && !stateFilter[""] : stateSort === sort && stateOrder === order;
+    }
+    function sortItems(nodes, sort, order) {
+      return [...nodes].sort(
+        (a, b) => uikitUtil.data(a, sort).localeCompare(uikitUtil.data(b, sort), void 0, { numeric: true }) * (order === "asc" || -1)
+      );
+    }
+    function findButton(el) {
+      return uikitUtil.$("a,button", el) || el;
+    }
+
+    if (typeof window !== "undefined" && window.UIkit) {
+      window.UIkit.component("filter", Component);
+    }
+
+    return Component;
+
+}));

package/dist/js/components/filter.min.js

@@ -0,0 +1 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(n,y){typeof exports=="object"&&typeof module<"u"?module.exports=y(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitfilter",["uikit-util"],y):(n=typeof globalThis<"u"?globalThis:n||self,n.UIkitFilter=y(n.UIkit.util))})(this,function(n){"use strict";function y(e,s=[]){try{return e?n.startsWith(e,"{")?JSON.parse(e):s.length&&!n.includes(e,":")?{[s[0]]:e}:e.split(";").reduce((o,t)=>{const[a,r]=t.split(/:(.*)/);return a&&!n.isUndefined(r)&&(o[a.trim()]=r.trim()),o},{}):{}}catch{return{}}}function N(e,s="update"){e._connected&&e._updates.length&&(e._updateCount||(e._updateCount=0,requestAnimationFrame(()=>e._updateCount=0)),e._queued||(e._queued=new Set,n.fastdom.read(()=>{e._connected&&j(e,e._queued),e._queued=null})),e._updateCount++<20&&e._queued.add(s.type||s))}function j(e,s){for(const{read:o,write:t,events:a=[]}of e._updates){if(!s.has("update")&&!a.some(f=>s.has(f)))continue;let r;o&&(r=o.call(e,e._data,s),r&&n.isPlainObject(r)&&n.assign(e._data,r)),t&&r!==!1&&n.fastdom.write(()=>{e._connected&&t.call(e,e._data,s)})}}function B(e){return I(n.observeResize,e,"resize")}function $(e){return I(n.observeMutation,e)}function I(e,s,o){return{observe:e,handler(){N(this,o)},...s}}$({options:{childList:!0}}),$({options:{attributes:!0,attributeFilter:["style"]}}),B({handler(e){for(const{borderBoxSize:[{inlineSize:s,blockSize:o}]}of e)if(s||o){this.$emit("resize");return}},target:({$el:e})=>[e,...n.children(e)]});function D(e){const s=[[]],o=e.some((t,a)=>a&&e[a-1].offsetParent!==t.offsetParent);for(const t of e){if(!n.isVisible(t))continue;const a=P(t,o);for(let r=s.length-1;r>=0;r--){const f=s[r];if(!f[0]){f.push(t);break}const d=P(f[0],o);if(a.top>=d.bottom-1&&a.top!==d.top){s.push([t]);break}if(a.bottom-1>d.top||a.top===d.top){let p=f.length-1;for(;p>=0;p--){const u=P(f[p],o);if(a.left>=u.left)break}f.splice(p+1,0,t);break}if(r===0){s.unshift([t]);break}}}return s}function P(e,s=!1){let{offsetTop:o,offsetLeft:t,offsetHeight:a,offsetWidth:r}=e;return s&&([o,t]=n.offsetPosition(e)),{top:o,left:t,bottom:o+a,right:t+r}}function _(){return new Promise(e=>requestAnimationFrame(e))}function g(e){return new Promise(s=>setTimeout(s,e))}const C="uk-transition-leave",S="uk-transition-enter";function F(e,s,o,t=0){const a=T(s,!0),r={opacity:1},f={opacity:0},d=()=>a===T(s),p=h=>()=>d()?h():Promise.reject(),u=p(async()=>{n.addClass(s,C),await(t?q(s).reduce(async(h,m,l,w)=>{if(await h,!n.isInView(m)||!d()){n.css(m,f);return}await g(t);const c=n.Transition.start(m,f,o/2,"ease");w.length-1===l&&await c},Promise.resolve()):n.Transition.start(s,f,o/2,"ease")),n.removeClass(s,C)}),b=p(async()=>{const h=n.height(s);n.addClass(s,S),e(),n.css(t?n.children(s):s,f),n.height(s,h),await g(),n.height(s,"");const m=n.height(s);n.css(s,"alignContent","flex-start"),n.height(s,h);let l=[],w=o/2;if(t){const c=q(s);n.css(n.children(s),f),l=c.reduce(async(i,v,Y,Z)=>{if(await i,!n.isInView(v)||!d()){n.resetProps(v,r);return}await g(t);const k=n.Transition.start(v,r,o/2,"ease").then(()=>d()&&n.resetProps(v,r));Z.length-1===Y&&await k},Promise.resolve()),w+=c.length*t}if(!t||h!==m){const c={height:m,...t?{}:r};l.push(n.Transition.start(s,c,w,"ease"))}await Promise.all(l),n.removeClass(s,S),d()&&(n.resetProps(s,{height:"",alignContent:"",...r}),delete s.dataset.transition)});return n.hasClass(s,C)?x(s).then(b):n.hasClass(s,S)?x(s).then(u).then(b):u().then(b)}function T(e,s){return s&&(e.dataset.transition=1+T(e)),n.toNumber(e.dataset.transition)||0}function x(e){return Promise.all(n.children(e).filter(n.Transition.inProgress).map(s=>new Promise(o=>n.once(s,"transitionend transitioncanceled",o))))}function q(e){return D(n.children(e)).flat().filter(n.isVisible)}async function L(e,s,o){await _();let t=n.children(s);const a=t.map(c=>z(c,!0)),r={...n.css(s,["height","padding"]),display:"block"},f=t.filter(c=>n.isInView(c)),d=t.concat(s);await Promise.all(d.map(n.Transition.cancel)),n.css(d,"transitionProperty","none"),await e();const p=n.children(s).filter(c=>!n.includes(t,c));t=t.concat(p),await Promise.resolve(),n.css(d,"transitionProperty","");const u=n.attr(s,"style"),b=n.css(s,["height","padding"]),[h,m]=H(s,t,a),l=t.map(c=>({style:n.attr(c,"style")}));f.push(...t.filter(c=>n.isInView(c))),t.forEach((c,i)=>m[i]&&n.css(c,m[i])),n.css(s,r),n.trigger(s,"scroll"),await _();const w=t.map((c,i)=>{if(n.parent(c)===s&&f.includes(c))return n.Transition.start(c,h[i],o,"ease",!p.includes(c))}).concat(n.Transition.start(s,b,o,"ease",!0));try{await Promise.all(w),t.forEach((c,i)=>{n.attr(c,l[i]),n.parent(c)===s&&n.css(c,"display",h[i].opacity===0?"none":"")}),n.attr(s,"style",u)}catch{n.attr(t,"style",""),n.resetProps(s,r)}}function z(e,s){const o=n.css(e,"zIndex");return n.isVisible(e)?{display:"",opacity:s?n.css(e,"opacity"):"0",pointerEvents:"none",position:"absolute",zIndex:o==="auto"?n.index(e):o,...E(e)}:!1}function H(e,s,o){const t=s.map((r,f)=>n.parent(r)&&f in o?o[f]?n.isVisible(r)?E(r):{opacity:0}:{opacity:n.isVisible(r)?1:0}:!1),a=t.map((r,f)=>{const d=n.parent(s[f])===e&&(o[f]||z(s[f]));if(!d)return!1;if(!r)delete d.opacity;else if(!("opacity"in r)){const{opacity:p}=d;p%1?r.opacity=1:delete d.opacity}return d});return[t,a]}function E(e){const{height:s,width:o}=n.dimensions(e);let{top:t,left:a}=n.position(e);const r=n.offsetViewport(e.ownerDocument);return t=n.clamp(t,r.top-s-r.height,r.bottom+r.height),a=n.clamp(a,r.left-o-r.width,r.right+r.width),{height:s,width:o,top:t,left:a,transform:"",...n.css(e,["marginTop","marginLeft"])}}var M={props:{duration:Number,animation:Boolean},data:{duration:150,animation:"slide"},methods:{animate(e,s=this.$el){const o=this.animation;return(o==="fade"?F:o==="delayed-fade"?(...a)=>F(...a,40):o?L:()=>(e(),Promise.resolve()))(e,s,this.duration).catch(n.noop)}}};function W(e){e.target.closest('a[href="#"],a[href=""]')&&e.preventDefault()}const R={SPACE:32};var V={mixins:[M],args:"target",props:{target:String,selActive:Boolean},data:{target:"",selActive:!1,attrItem:"uk-filter-control",cls:"uk-active",duration:250},computed:{children:({target:e},s)=>n.$$(`${e} > *`,s),toggles:({attrItem:e},s)=>n.$$(`[${e}],[data-${e}]`,s)},watch:{toggles(e){this.updateState();const s=n.$$(this.selActive,this.$el);for(const o of e){this.selActive!==!1&&n.toggleClass(o,this.cls,n.includes(s,o));const t=X(o);n.isTag(t,"a")&&(t.role="button")}},children(e,s){s&&this.updateState()}},events:{name:"click keydown",delegate:({attrItem:e})=>`[${e}],[data-${e}]`,handler(e){e.type==="keydown"&&e.keyCode!==R.SPACE||e.target.closest("a,button")&&(W(e),this.apply(e.current))}},methods:{apply(e){const s=this.getState(),o=O(e,this.attrItem,this.getState());J(s,o)||this.setState(o)},getState(){return this.toggles.filter(e=>n.hasClass(e,this.cls)).reduce((e,s)=>O(s,this.attrItem,e),{filter:{"":""},sort:[]})},async setState(e,s=!0){e={filter:{"":""},sort:[],...e},n.trigger(this.$el,"beforeFilter",[this,e]);for(const o of this.toggles)n.toggleClass(o,this.cls,K(o,this.attrItem,e));await Promise.all(n.$$(this.target,this.$el).map(o=>{const t=()=>G(e,o,n.children(o));return s?this.animate(t,o):t()})),n.trigger(this.$el,"afterFilter",[this])},updateState(){n.fastdom.write(()=>this.setState(this.getState(),!1))}}};function A(e,s){return y(n.data(e,s),["filter"])}function J(e,s){return["filter","sort"].every(o=>n.isEqual(e[o],s[o]))}function G(e,s,o){for(const r of o)n.css(r,"display",Object.values(e.filter).every(f=>!f||n.matches(r,f))?"":"none");const[t,a]=e.sort;if(t){const r=Q(o,t,a);n.isEqual(r,o)||n.append(s,r)}}function O(e,s,o){const{filter:t,group:a,sort:r,order:f="asc"}=A(e,s);return(t||n.isUndefined(r))&&(a?t?(delete o.filter[""],o.filter[a]=t):(delete o.filter[a],(n.isEmpty(o.filter)||""in o.filter)&&(o.filter={"":t||""})):o.filter={"":t||""}),n.isUndefined(r)||(o.sort=[r,f]),o}function K(e,s,{filter:o={"":""},sort:[t,a]}){const{filter:r="",group:f="",sort:d,order:p="asc"}=A(e,s);return n.isUndefined(d)?f in o&&r===o[f]||!r&&f&&!(f in o)&&!o[""]:t===d&&a===p}function Q(e,s,o){return[...e].sort((t,a)=>n.data(t,s).localeCompare(n.data(a,s),void 0,{numeric:!0})*(o==="asc"||-1))}function X(e){return n.$("a,button",e)||e}return typeof window<"u"&&window.UIkit&&window.UIkit.component("filter",V),V});