@frankenstyle/uikit 0.0.1

package/dist/js/components/slideshow-parallax.js

@@ -0,0 +1,637 @@
+/*! 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('uikitslideshow_parallax', ['uikit-util'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitSlideshow_parallax = factory(global.UIkit.util));
+})(this, (function (uikitUtil) { 'use strict';
+
+    var Media = {
+      props: {
+        media: Boolean
+      },
+      data: {
+        media: false
+      },
+      connected() {
+        const media = toMedia(this.media, this.$el);
+        this.matchMedia = true;
+        if (media) {
+          this.mediaObj = window.matchMedia(media);
+          const handler = () => {
+            this.matchMedia = this.mediaObj.matches;
+            uikitUtil.trigger(this.$el, uikitUtil.createEvent("mediachange", false, true, [this.mediaObj]));
+          };
+          this.offMediaObj = uikitUtil.on(this.mediaObj, "change", () => {
+            handler();
+            this.$emit("resize");
+          });
+          handler();
+        }
+      },
+      disconnected() {
+        var _a;
+        (_a = this.offMediaObj) == null ? void 0 : _a.call(this);
+      }
+    };
+    function toMedia(value, element) {
+      if (uikitUtil.isString(value)) {
+        if (uikitUtil.startsWith(value, "@")) {
+          value = uikitUtil.toFloat(uikitUtil.css(element, `--uk-breakpoint-${value.slice(1)}`));
+        } else if (isNaN(value)) {
+          return value;
+        }
+      }
+      return value && uikitUtil.isNumeric(value) ? `(min-width: ${value}px)` : "";
+    }
+
+    function startsWith(str, search) {
+      var _a;
+      return (_a = str == null ? void 0 : str.startsWith) == null ? void 0 : _a.call(str, search);
+    }
+    const { from: toArray } = Array;
+    function isFunction(obj) {
+      return typeof obj === "function";
+    }
+    function isObject(obj) {
+      return obj !== null && typeof obj === "object";
+    }
+    function isWindow(obj) {
+      return isObject(obj) && obj === obj.window;
+    }
+    function isDocument(obj) {
+      return nodeType(obj) === 9;
+    }
+    function isNode(obj) {
+      return nodeType(obj) >= 1;
+    }
+    function nodeType(obj) {
+      return !isWindow(obj) && isObject(obj) && obj.nodeType;
+    }
+    function isString(value) {
+      return typeof value === "string";
+    }
+    function isUndefined(value) {
+      return value === void 0;
+    }
+    function toNode(element) {
+      return element && toNodes(element)[0];
+    }
+    function toNodes(element) {
+      return isNode(element) ? [element] : Array.from(element || []).filter(isNode);
+    }
+    function memoize(fn) {
+      const cache = /* @__PURE__ */ Object.create(null);
+      return (key, ...args) => cache[key] || (cache[key] = fn(key, ...args));
+    }
+
+    function attr(element, name, value) {
+      var _a;
+      if (isObject(name)) {
+        for (const key in name) {
+          attr(element, key, name[key]);
+        }
+        return;
+      }
+      if (isUndefined(value)) {
+        return (_a = toNode(element)) == null ? void 0 : _a.getAttribute(name);
+      } else {
+        for (const el of toNodes(element)) {
+          if (isFunction(value)) {
+            value = value.call(el, attr(el, name));
+          }
+          if (value === null) {
+            removeAttr(el, name);
+          } else {
+            el.setAttribute(name, value);
+          }
+        }
+      }
+    }
+    function removeAttr(element, name) {
+      toNodes(element).forEach((element2) => element2.removeAttribute(name));
+    }
+
+    const inBrowser = typeof window !== "undefined";
+
+    const isVisibleFn = inBrowser && Element.prototype.checkVisibility || function() {
+      return this.offsetWidth || this.offsetHeight || this.getClientRects().length;
+    };
+    function isVisible(element) {
+      return toNodes(element).some((element2) => isVisibleFn.call(element2));
+    }
+    function parent(element) {
+      var _a;
+      return (_a = toNode(element)) == null ? void 0 : _a.parentElement;
+    }
+    function filter(element, selector) {
+      return toNodes(element).filter((element2) => matches(element2, selector));
+    }
+    function matches(element, selector) {
+      return toNodes(element).some((element2) => element2.matches(selector));
+    }
+    function children(element, selector) {
+      element = toNode(element);
+      const children2 = element ? toArray(element.children) : [];
+      return selector ? filter(children2, selector) : children2;
+    }
+    function index(element, ref) {
+      return children(parent(element)).indexOf(element);
+    }
+
+    function findAll(selector, context) {
+      return toNodes(_query(selector, toNode(context), "querySelectorAll"));
+    }
+    const addStarRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g;
+    const splitSelectorRe = /(\([^)]*\)|[^,])+/g;
+    const parseSelector = memoize((selector) => {
+      let isContextSelector = false;
+      if (!selector || !isString(selector)) {
+        return {};
+      }
+      const selectors = [];
+      for (let sel of selector.match(splitSelectorRe)) {
+        sel = sel.trim().replace(addStarRe, "$1 *");
+        isContextSelector || (isContextSelector = ["!", "+", "~", "-", ">"].includes(sel[0]));
+        selectors.push(sel);
+      }
+      return {
+        selector: selectors.join(","),
+        selectors,
+        isContextSelector
+      };
+    });
+    const positionRe = /(\([^)]*\)|\S)*/;
+    const parsePositionSelector = memoize((selector) => {
+      selector = selector.slice(1).trim();
+      const [position] = selector.match(positionRe);
+      return [position, selector.slice(position.length + 1)];
+    });
+    function _query(selector, context = document, queryFn) {
+      var _a;
+      const parsed = parseSelector(selector);
+      if (!parsed.isContextSelector) {
+        return parsed.selector ? _doQuery(context, queryFn, parsed.selector) : selector;
+      }
+      selector = "";
+      const isSingle = parsed.selectors.length === 1;
+      for (let sel of parsed.selectors) {
+        let positionSel;
+        let ctx = context;
+        if (sel[0] === "!") {
+          [positionSel, sel] = parsePositionSelector(sel);
+          ctx = (_a = context.parentElement) == null ? void 0 : _a.closest(positionSel);
+          if (!sel && isSingle) {
+            return ctx;
+          }
+        }
+        if (ctx && sel[0] === "-") {
+          [positionSel, sel] = parsePositionSelector(sel);
+          ctx = ctx.previousElementSibling;
+          ctx = matches(ctx, positionSel) ? ctx : null;
+          if (!sel && isSingle) {
+            return ctx;
+          }
+        }
+        if (!ctx) {
+          continue;
+        }
+        if (isSingle) {
+          if (sel[0] === "~" || sel[0] === "+") {
+            sel = `:scope > :nth-child(${index(ctx) + 1}) ${sel}`;
+            ctx = ctx.parentElement;
+          } else if (sel[0] === ">") {
+            sel = `:scope ${sel}`;
+          }
+          return _doQuery(ctx, queryFn, sel);
+        }
+        selector += `${selector ? "," : ""}${domPath(ctx)} ${sel}`;
+      }
+      if (!isDocument(context)) {
+        context = context.ownerDocument;
+      }
+      return _doQuery(context, queryFn, selector);
+    }
+    function _doQuery(context, queryFn, selector) {
+      try {
+        return context[queryFn](selector);
+      } catch {
+        return null;
+      }
+    }
+    function domPath(element) {
+      const names = [];
+      while (element.parentNode) {
+        const id = attr(element, "id");
+        if (id) {
+          names.unshift(`#${escape(id)}`);
+          break;
+        } else {
+          let { tagName } = element;
+          if (tagName !== "HTML") {
+            tagName += `:nth-child(${index(element) + 1})`;
+          }
+          names.unshift(tagName);
+          element = element.parentNode;
+        }
+      }
+      return names.join(" > ");
+    }
+    function escape(css) {
+      return isString(css) ? CSS.escape(css) : "";
+    }
+
+    const singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/;
+    function fragment(html2) {
+      const matches = singleTagRe.exec(html2);
+      if (matches) {
+        return document.createElement(matches[1]);
+      }
+      const container = document.createElement("template");
+      container.innerHTML = html2.trim();
+      return unwrapSingle(container.content.childNodes);
+    }
+    function unwrapSingle(nodes) {
+      return nodes.length > 1 ? nodes : nodes[0];
+    }
+    function $$(selector, context) {
+      return isHtml(selector) ? toNodes(fragment(selector)) : findAll(selector, context);
+    }
+    function isHtml(str) {
+      return isString(str) && startsWith(str.trim(), "<");
+    }
+
+    function getMaxPathLength(el) {
+      return isVisible(el) ? Math.ceil(
+        Math.max(0, ...$$("[stroke]", el).map((stroke) => {
+          var _a;
+          return ((_a = stroke.getTotalLength) == null ? void 0 : _a.call(stroke)) || 0;
+        }))
+      ) : 0;
+    }
+
+    const props = {
+      x: transformFn,
+      y: transformFn,
+      rotate: transformFn,
+      scale: transformFn,
+      color: colorFn,
+      backgroundColor: colorFn,
+      borderColor: colorFn,
+      blur: filterFn,
+      hue: filterFn,
+      fopacity: filterFn,
+      grayscale: filterFn,
+      invert: filterFn,
+      saturate: filterFn,
+      sepia: filterFn,
+      opacity: cssPropFn,
+      stroke: strokeFn,
+      bgx: backgroundFn,
+      bgy: backgroundFn
+    };
+    const { keys } = Object;
+    var Parallax = {
+      mixins: [Media],
+      props: fillObject(keys(props), "list"),
+      data: fillObject(keys(props), void 0),
+      computed: {
+        props(properties, $el) {
+          const stops = {};
+          for (const prop in properties) {
+            if (prop in props && !uikitUtil.isUndefined(properties[prop])) {
+              stops[prop] = properties[prop].slice();
+            }
+          }
+          const result = {};
+          for (const prop in stops) {
+            result[prop] = props[prop](prop, $el, stops[prop], stops);
+          }
+          return result;
+        }
+      },
+      events: {
+        load() {
+          this.$emit();
+        }
+      },
+      methods: {
+        reset() {
+          uikitUtil.resetProps(this.$el, this.getCss(0));
+        },
+        getCss(percent) {
+          const css2 = {};
+          for (const prop in this.props) {
+            this.props[prop](css2, uikitUtil.clamp(percent));
+          }
+          css2.willChange = Object.keys(css2).map(uikitUtil.propName).join(",");
+          return css2;
+        }
+      }
+    };
+    function transformFn(prop, el, stops) {
+      let unit = getUnit(stops) || { x: "px", y: "px", rotate: "deg" }[prop] || "";
+      let transformFn2;
+      if (prop === "x" || prop === "y") {
+        prop = `translate${uikitUtil.ucfirst(prop)}`;
+        transformFn2 = (stop) => uikitUtil.toFloat(uikitUtil.toFloat(stop).toFixed(unit === "px" ? 0 : 6));
+      } else if (prop === "scale") {
+        unit = "";
+        transformFn2 = (stop) => {
+          var _a;
+          return getUnit([stop]) ? uikitUtil.toPx(stop, "width", el, true) / el[`offset${((_a = stop.endsWith) == null ? void 0 : _a.call(stop, "vh")) ? "Height" : "Width"}`] : uikitUtil.toFloat(stop);
+        };
+      }
+      if (stops.length === 1) {
+        stops.unshift(prop === "scale" ? 1 : 0);
+      }
+      stops = parseStops(stops, transformFn2);
+      return (css2, percent) => {
+        css2.transform = `${css2.transform || ""} ${prop}(${getValue(stops, percent)}${unit})`;
+      };
+    }
+    function colorFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(getCssValue(el, prop, ""));
+      }
+      stops = parseStops(stops, (stop) => parseColor(el, stop));
+      return (css2, percent) => {
+        const [start, end, p] = getStop(stops, percent);
+        const value = start.map((value2, i) => {
+          value2 += p * (end[i] - value2);
+          return i === 3 ? uikitUtil.toFloat(value2) : parseInt(value2, 10);
+        }).join(",");
+        css2[prop] = `rgba(${value})`;
+      };
+    }
+    function parseColor(el, color) {
+      return getCssValue(el, "color", color).split(/[(),]/g).slice(1, -1).concat(1).slice(0, 4).map(uikitUtil.toFloat);
+    }
+    function filterFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(0);
+      }
+      const unit = getUnit(stops) || { blur: "px", hue: "deg" }[prop] || "%";
+      prop = { fopacity: "opacity", hue: "hue-rotate" }[prop] || prop;
+      stops = parseStops(stops);
+      return (css2, percent) => {
+        const value = getValue(stops, percent);
+        css2.filter = `${css2.filter || ""} ${prop}(${value + unit})`;
+      };
+    }
+    function cssPropFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(getCssValue(el, prop, ""));
+      }
+      stops = parseStops(stops);
+      return (css2, percent) => {
+        css2[prop] = getValue(stops, percent);
+      };
+    }
+    function strokeFn(prop, el, stops) {
+      if (stops.length === 1) {
+        stops.unshift(0);
+      }
+      const unit = getUnit(stops);
+      const length = getMaxPathLength(el);
+      stops = parseStops(stops.reverse(), (stop) => {
+        stop = uikitUtil.toFloat(stop);
+        return unit === "%" ? stop * length / 100 : stop;
+      });
+      if (!stops.some(([value]) => value)) {
+        return uikitUtil.noop;
+      }
+      uikitUtil.css(el, "strokeDasharray", length);
+      return (css2, percent) => {
+        css2.strokeDashoffset = getValue(stops, percent);
+      };
+    }
+    function backgroundFn(prop, el, stops, props2) {
+      if (stops.length === 1) {
+        stops.unshift(0);
+      }
+      const attr = prop === "bgy" ? "height" : "width";
+      props2[prop] = parseStops(stops, (stop) => uikitUtil.toPx(stop, attr, el));
+      const bgProps = ["bgx", "bgy"].filter((prop2) => prop2 in props2);
+      if (bgProps.length === 2 && prop === "bgx") {
+        return uikitUtil.noop;
+      }
+      if (getCssValue(el, "backgroundSize", "") === "cover") {
+        return backgroundCoverFn(prop, el, stops, props2);
+      }
+      const positions = {};
+      for (const prop2 of bgProps) {
+        positions[prop2] = getBackgroundPos(el, prop2);
+      }
+      return setBackgroundPosFn(bgProps, positions, props2);
+    }
+    function backgroundCoverFn(prop, el, stops, props2) {
+      const dimImage = getBackgroundImageDimensions(el);
+      if (!dimImage.width) {
+        return uikitUtil.noop;
+      }
+      const dimEl = {
+        width: el.offsetWidth,
+        height: el.offsetHeight
+      };
+      const bgProps = ["bgx", "bgy"].filter((prop2) => prop2 in props2);
+      const positions = {};
+      for (const prop2 of bgProps) {
+        const values = props2[prop2].map(([value]) => value);
+        const min = Math.min(...values);
+        const max = Math.max(...values);
+        const down = values.indexOf(min) < values.indexOf(max);
+        const diff = max - min;
+        positions[prop2] = `${(down ? -diff : 0) - (down ? min : max)}px`;
+        dimEl[prop2 === "bgy" ? "height" : "width"] += diff;
+      }
+      const dim = uikitUtil.Dimensions.cover(dimImage, dimEl);
+      for (const prop2 of bgProps) {
+        const attr = prop2 === "bgy" ? "height" : "width";
+        const overflow = dim[attr] - dimEl[attr];
+        positions[prop2] = `max(${getBackgroundPos(el, prop2)},-${overflow}px) + ${positions[prop2]}`;
+      }
+      const fn = setBackgroundPosFn(bgProps, positions, props2);
+      return (css2, percent) => {
+        fn(css2, percent);
+        css2.backgroundSize = `${dim.width}px ${dim.height}px`;
+        css2.backgroundRepeat = "no-repeat";
+      };
+    }
+    function getBackgroundPos(el, prop) {
+      return getCssValue(el, `background-position-${prop.slice(-1)}`, "");
+    }
+    function setBackgroundPosFn(bgProps, positions, props2) {
+      return function(css2, percent) {
+        for (const prop of bgProps) {
+          const value = getValue(props2[prop], percent);
+          css2[`background-position-${prop.slice(-1)}`] = `calc(${positions[prop]} + ${value}px)`;
+        }
+      };
+    }
+    const loading = {};
+    const dimensions = {};
+    function getBackgroundImageDimensions(el) {
+      const src = uikitUtil.css(el, "backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/, "$1");
+      if (dimensions[src]) {
+        return dimensions[src];
+      }
+      const image = new Image();
+      if (src) {
+        image.src = src;
+        if (!image.naturalWidth && !loading[src]) {
+          uikitUtil.once(image, "error load", () => {
+            dimensions[src] = toDimensions(image);
+            uikitUtil.trigger(el, uikitUtil.createEvent("load", false));
+          });
+          loading[src] = true;
+          return toDimensions(image);
+        }
+      }
+      return dimensions[src] = toDimensions(image);
+    }
+    function toDimensions(image) {
+      return {
+        width: image.naturalWidth,
+        height: image.naturalHeight
+      };
+    }
+    function parseStops(stops, fn = uikitUtil.toFloat) {
+      const result = [];
+      const { length } = stops;
+      let nullIndex = 0;
+      for (let i = 0; i < length; i++) {
+        let [value, percent] = uikitUtil.isString(stops[i]) ? stops[i].trim().split(/ (?![^(]*\))/) : [stops[i]];
+        value = fn(value);
+        percent = percent ? uikitUtil.toFloat(percent) / 100 : null;
+        if (i === 0) {
+          if (percent === null) {
+            percent = 0;
+          } else if (percent) {
+            result.push([value, 0]);
+          }
+        } else if (i === length - 1) {
+          if (percent === null) {
+            percent = 1;
+          } else if (percent !== 1) {
+            result.push([value, percent]);
+            percent = 1;
+          }
+        }
+        result.push([value, percent]);
+        if (percent === null) {
+          nullIndex++;
+        } else if (nullIndex) {
+          const leftPercent = result[i - nullIndex - 1][1];
+          const p = (percent - leftPercent) / (nullIndex + 1);
+          for (let j = nullIndex; j > 0; j--) {
+            result[i - j][1] = leftPercent + p * (nullIndex - j + 1);
+          }
+          nullIndex = 0;
+        }
+      }
+      return result;
+    }
+    function getStop(stops, percent) {
+      const index = uikitUtil.findIndex(stops.slice(1), ([, targetPercent]) => percent <= targetPercent) + 1;
+      return [
+        stops[index - 1][0],
+        stops[index][0],
+        (percent - stops[index - 1][1]) / (stops[index][1] - stops[index - 1][1])
+      ];
+    }
+    function getValue(stops, percent) {
+      const [start, end, p] = getStop(stops, percent);
+      return start + Math.abs(start - end) * p * (start < end ? 1 : -1);
+    }
+    const unitRe = /^-?\d+(?:\.\d+)?(\S+)?/;
+    function getUnit(stops, defaultUnit) {
+      var _a;
+      for (const stop of stops) {
+        const match = (_a = stop.match) == null ? void 0 : _a.call(stop, unitRe);
+        if (match) {
+          return match[1];
+        }
+      }
+      return defaultUnit;
+    }
+    function getCssValue(el, prop, value) {
+      const prev = el.style[prop];
+      const val = uikitUtil.css(uikitUtil.css(el, prop, value), prop);
+      el.style[prop] = prev;
+      return val;
+    }
+    function fillObject(keys2, value) {
+      return keys2.reduce((data, prop) => {
+        data[prop] = value;
+        return data;
+      }, {});
+    }
+
+    var Component = {
+      mixins: [Parallax],
+      beforeConnect() {
+        this.item = this.$el.closest(`.${this.$options.id.replace("parallax", "items")} > *`);
+      },
+      disconnected() {
+        this.item = null;
+      },
+      events: [
+        {
+          name: "itemin itemout",
+          self: true,
+          el: ({ item }) => item,
+          handler({ type, detail: { percent, duration, timing, dir } }) {
+            uikitUtil.fastdom.read(() => {
+              if (!this.matchMedia) {
+                return;
+              }
+              const propsFrom = this.getCss(getCurrentPercent(type, dir, percent));
+              const propsTo = this.getCss(isIn(type) ? 0.5 : dir > 0 ? 1 : 0);
+              uikitUtil.fastdom.write(() => {
+                uikitUtil.css(this.$el, propsFrom);
+                uikitUtil.Transition.start(this.$el, propsTo, duration, timing).catch(uikitUtil.noop);
+              });
+            });
+          }
+        },
+        {
+          name: "transitioncanceled transitionend",
+          self: true,
+          el: ({ item }) => item,
+          handler() {
+            uikitUtil.Transition.cancel(this.$el);
+          }
+        },
+        {
+          name: "itemtranslatein itemtranslateout",
+          self: true,
+          el: ({ item }) => item,
+          handler({ type, detail: { percent, dir } }) {
+            uikitUtil.fastdom.read(() => {
+              if (!this.matchMedia) {
+                this.reset();
+                return;
+              }
+              const props = this.getCss(getCurrentPercent(type, dir, percent));
+              uikitUtil.fastdom.write(() => uikitUtil.css(this.$el, props));
+            });
+          }
+        }
+      ]
+    };
+    function isIn(type) {
+      return uikitUtil.endsWith(type, "in");
+    }
+    function getCurrentPercent(type, dir, percent) {
+      percent /= 2;
+      return isIn(type) ^ dir < 0 ? percent : 1 - percent;
+    }
+
+    if (typeof window !== "undefined" && window.UIkit) {
+      window.UIkit.component("slideshowParallax", Component);
+    }
+
+    return Component;
+
+}));

package/dist/js/components/slideshow-parallax.min.js

@@ -0,0 +1 @@
+/*! UIkit 3.24.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */(function(i,$){typeof exports=="object"&&typeof module<"u"?module.exports=$(require("uikit-util")):typeof define=="function"&&define.amd?define("uikitslideshow_parallax",["uikit-util"],$):(i=typeof globalThis<"u"?globalThis:i||self,i.UIkitSlideshow_parallax=$(i.UIkit.util))})(this,function(i){"use strict";var $={props:{media:Boolean},data:{media:!1},connected(){const n=Y(this.media,this.$el);if(this.matchMedia=!0,n){this.mediaObj=window.matchMedia(n);const e=()=>{this.matchMedia=this.mediaObj.matches,i.trigger(this.$el,i.createEvent("mediachange",!1,!0,[this.mediaObj]))};this.offMediaObj=i.on(this.mediaObj,"change",()=>{e(),this.$emit("resize")}),e()}},disconnected(){var n;(n=this.offMediaObj)==null||n.call(this)}};function Y(n,e){if(i.isString(n)){if(i.startsWith(n,"@"))n=i.toFloat(i.css(e,`--uk-breakpoint-${n.slice(1)}`));else if(isNaN(n))return n}return n&&i.isNumeric(n)?`(min-width: ${n}px)`:""}function Z(n,e){var t;return(t=n==null?void 0:n.startsWith)==null?void 0:t.call(n,e)}const{from:k}=Array;function U(n){return typeof n=="function"}function C(n){return n!==null&&typeof n=="object"}function nn(n){return C(n)&&n===n.window}function tn(n){return N(n)===9}function E(n){return N(n)>=1}function N(n){return!nn(n)&&C(n)&&n.nodeType}function M(n){return typeof n=="string"}function en(n){return n===void 0}function w(n){return n&&l(n)[0]}function l(n){return E(n)?[n]:Array.from(n||[]).filter(E)}function T(n){const e=Object.create(null);return(t,...r)=>e[t]||(e[t]=n(t,...r))}function P(n,e,t){var r;if(C(e)){for(const o in e)P(n,o,e[o]);return}if(en(t))return(r=w(n))==null?void 0:r.getAttribute(e);for(const o of l(n))U(t)&&(t=t.call(o,P(o,e))),t===null?rn(o,e):o.setAttribute(e,t)}function rn(n,e){l(n).forEach(t=>t.removeAttribute(e))}const on=typeof window<"u"&&Element.prototype.checkVisibility||function(){return this.offsetWidth||this.offsetHeight||this.getClientRects().length};function sn(n){return l(n).some(e=>on.call(e))}function cn(n){var e;return(e=w(n))==null?void 0:e.parentElement}function an(n,e){return l(n).filter(t=>W(t,e))}function W(n,e){return l(n).some(t=>t.matches(e))}function fn(n,e){n=w(n);const t=n?k(n.children):[];return e?an(t,e):t}function A(n,e){return fn(cn(n)).indexOf(n)}function un(n,e){return l(mn(n,w(e),"querySelectorAll"))}const dn=/([!>+~-])(?=\s+[!>+~-]|\s*$)/g,ln=/(\([^)]*\)|[^,])+/g,hn=T(n=>{let e=!1;if(!n||!M(n))return{};const t=[];for(let r of n.match(ln))r=r.trim().replace(dn,"$1 *"),e||(e=["!","+","~","-",">"].includes(r[0])),t.push(r);return{selector:t.join(","),selectors:t,isContextSelector:e}}),gn=/(\([^)]*\)|\S)*/,D=T(n=>{n=n.slice(1).trim();const[e]=n.match(gn);return[e,n.slice(e.length+1)]});function mn(n,e=document,t){var r;const o=hn(n);if(!o.isContextSelector)return o.selector?O(e,t,o.selector):n;n="";const s=o.selectors.length===1;for(let c of o.selectors){let a,f=e;if(c[0]==="!"&&([a,c]=D(c),f=(r=e.parentElement)==null?void 0:r.closest(a),!c&&s)||f&&c[0]==="-"&&([a,c]=D(c),f=f.previousElementSibling,f=W(f,a)?f:null,!c&&s))return f;if(f){if(s)return c[0]==="~"||c[0]==="+"?(c=`:scope > :nth-child(${A(f)+1}) ${c}`,f=f.parentElement):c[0]===">"&&(c=`:scope ${c}`),O(f,t,c);n+=`${n?",":""}${$n(f)} ${c}`}}return tn(e)||(e=e.ownerDocument),O(e,t,n)}function O(n,e,t){try{return n[e](t)}catch{return null}}function $n(n){const e=[];for(;n.parentNode;){const t=P(n,"id");if(t){e.unshift(`#${bn(t)}`);break}else{let{tagName:r}=n;r!=="HTML"&&(r+=`:nth-child(${A(n)+1})`),e.unshift(r),n=n.parentNode}}return e.join(" > ")}function bn(n){return M(n)?CSS.escape(n):""}const pn=/^<(\w+)\s*\/?>(?:<\/\1>)?$/;function xn(n){const e=pn.exec(n);if(e)return document.createElement(e[1]);const t=document.createElement("template");return t.innerHTML=n.trim(),wn(t.content.childNodes)}function wn(n){return n.length>1?n:n[0]}function yn(n,e){return vn(n)?l(xn(n)):un(n,e)}function vn(n){return M(n)&&Z(n.trim(),"<")}function Sn(n){return sn(n)?Math.ceil(Math.max(0,...yn("[stroke]",n).map(e=>{var t;return((t=e.getTotalLength)==null?void 0:t.call(e))||0}))):0}const y={x:v,y:v,rotate:v,scale:v,color:j,backgroundColor:j,borderColor:j,blur:g,hue:g,fopacity:g,grayscale:g,invert:g,saturate:g,sepia:g,opacity:Mn,stroke:Pn,bgx:R,bgy:R},{keys:H}=Object;var Fn={mixins:[$],props:q(H(y),"list"),data:q(H(y),void 0),computed:{props(n,e){const t={};for(const o in n)o in y&&!i.isUndefined(n[o])&&(t[o]=n[o].slice());const r={};for(const o in t)r[o]=y[o](o,e,t[o],t);return r}},events:{load(){this.$emit()}},methods:{reset(){i.resetProps(this.$el,this.getCss(0))},getCss(n){const e={};for(const t in this.props)this.props[t](e,i.clamp(n));return e.willChange=Object.keys(e).map(i.propName).join(","),e}}};function v(n,e,t){let r=F(t)||{x:"px",y:"px",rotate:"deg"}[n]||"",o;return n==="x"||n==="y"?(n=`translate${i.ucfirst(n)}`,o=s=>i.toFloat(i.toFloat(s).toFixed(r==="px"?0:6))):n==="scale"&&(r="",o=s=>{var c;return F([s])?i.toPx(s,"width",e,!0)/e[`offset${(c=s.endsWith)!=null&&c.call(s,"vh")?"Height":"Width"}`]:i.toFloat(s)}),t.length===1&&t.unshift(n==="scale"?1:0),t=m(t,o),(s,c)=>{s.transform=`${s.transform||""} ${n}(${b(t,c)}${r})`}}function j(n,e,t){return t.length===1&&t.unshift(p(e,n,"")),t=m(t,r=>Cn(e,r)),(r,o)=>{const[s,c,a]=L(t,o),f=s.map((h,u)=>(h+=a*(c[u]-h),u===3?i.toFloat(h):parseInt(h,10))).join(",");r[n]=`rgba(${f})`}}function Cn(n,e){return p(n,"color",e).split(/[(),]/g).slice(1,-1).concat(1).slice(0,4).map(i.toFloat)}function g(n,e,t){t.length===1&&t.unshift(0);const r=F(t)||{blur:"px",hue:"deg"}[n]||"%";return n={fopacity:"opacity",hue:"hue-rotate"}[n]||n,t=m(t),(o,s)=>{const c=b(t,s);o.filter=`${o.filter||""} ${n}(${c+r})`}}function Mn(n,e,t){return t.length===1&&t.unshift(p(e,n,"")),t=m(t),(r,o)=>{r[n]=b(t,o)}}function Pn(n,e,t){t.length===1&&t.unshift(0);const r=F(t),o=Sn(e);return t=m(t.reverse(),s=>(s=i.toFloat(s),r==="%"?s*o/100:s)),t.some(([s])=>s)?(i.css(e,"strokeDasharray",o),(s,c)=>{s.strokeDashoffset=b(t,c)}):i.noop}function R(n,e,t,r){t.length===1&&t.unshift(0);const o=n==="bgy"?"height":"width";r[n]=m(t,a=>i.toPx(a,o,e));const s=["bgx","bgy"].filter(a=>a in r);if(s.length===2&&n==="bgx")return i.noop;if(p(e,"backgroundSize","")==="cover")return On(n,e,t,r);const c={};for(const a of s)c[a]=B(e,a);return V(s,c,r)}function On(n,e,t,r){const o=jn(e);if(!o.width)return i.noop;const s={width:e.offsetWidth,height:e.offsetHeight},c=["bgx","bgy"].filter(u=>u in r),a={};for(const u of c){const d=r[u].map(([_n])=>_n),x=Math.min(...d),_=Math.max(...d),K=d.indexOf(x)<d.indexOf(_),X=_-x;a[u]=`${(K?-X:0)-(K?x:_)}px`,s[u==="bgy"?"height":"width"]+=X}const f=i.Dimensions.cover(o,s);for(const u of c){const d=u==="bgy"?"height":"width",x=f[d]-s[d];a[u]=`max(${B(e,u)},-${x}px) + ${a[u]}`}const h=V(c,a,r);return(u,d)=>{h(u,d),u.backgroundSize=`${f.width}px ${f.height}px`,u.backgroundRepeat="no-repeat"}}function B(n,e){return p(n,`background-position-${e.slice(-1)}`,"")}function V(n,e,t){return function(r,o){for(const s of n){const c=b(t[s],o);r[`background-position-${s.slice(-1)}`]=`calc(${e[s]} + ${c}px)`}}}const z={},S={};function jn(n){const e=i.css(n,"backgroundImage").replace(/^none|url\(["']?(.+?)["']?\)$/,"$1");if(S[e])return S[e];const t=new Image;return e&&(t.src=e,!t.naturalWidth&&!z[e])?(i.once(t,"error load",()=>{S[e]=I(t),i.trigger(n,i.createEvent("load",!1))}),z[e]=!0,I(t)):S[e]=I(t)}function I(n){return{width:n.naturalWidth,height:n.naturalHeight}}function m(n,e=i.toFloat){const t=[],{length:r}=n;let o=0;for(let s=0;s<r;s++){let[c,a]=i.isString(n[s])?n[s].trim().split(/ (?![^(]*\))/):[n[s]];if(c=e(c),a=a?i.toFloat(a)/100:null,s===0?a===null?a=0:a&&t.push([c,0]):s===r-1&&(a===null?a=1:a!==1&&(t.push([c,a]),a=1)),t.push([c,a]),a===null)o++;else if(o){const f=t[s-o-1][1],h=(a-f)/(o+1);for(let u=o;u>0;u--)t[s-u][1]=f+h*(o-u+1);o=0}}return t}function L(n,e){const t=i.findIndex(n.slice(1),([,r])=>e<=r)+1;return[n[t-1][0],n[t][0],(e-n[t-1][1])/(n[t][1]-n[t-1][1])]}function b(n,e){const[t,r,o]=L(n,e);return t+Math.abs(t-r)*o*(t<r?1:-1)}const In=/^-?\d+(?:\.\d+)?(\S+)?/;function F(n,e){var t;for(const r of n){const o=(t=r.match)==null?void 0:t.call(r,In);if(o)return o[1]}return e}function p(n,e,t){const r=n.style[e],o=i.css(i.css(n,e,t),e);return n.style[e]=r,o}function q(n,e){return n.reduce((t,r)=>(t[r]=e,t),{})}var Q={mixins:[Fn],beforeConnect(){this.item=this.$el.closest(`.${this.$options.id.replace("parallax","items")} > *`)},disconnected(){this.item=null},events:[{name:"itemin itemout",self:!0,el:({item:n})=>n,handler({type:n,detail:{percent:e,duration:t,timing:r,dir:o}}){i.fastdom.read(()=>{if(!this.matchMedia)return;const s=this.getCss(J(n,o,e)),c=this.getCss(G(n)?.5:o>0?1:0);i.fastdom.write(()=>{i.css(this.$el,s),i.Transition.start(this.$el,c,t,r).catch(i.noop)})})}},{name:"transitioncanceled transitionend",self:!0,el:({item:n})=>n,handler(){i.Transition.cancel(this.$el)}},{name:"itemtranslatein itemtranslateout",self:!0,el:({item:n})=>n,handler({type:n,detail:{percent:e,dir:t}}){i.fastdom.read(()=>{if(!this.matchMedia){this.reset();return}const r=this.getCss(J(n,t,e));i.fastdom.write(()=>i.css(this.$el,r))})}}]};function G(n){return i.endsWith(n,"in")}function J(n,e,t){return t/=2,G(n)^e<0?t:1-t}return typeof window<"u"&&window.UIkit&&window.UIkit.component("slideshowParallax",Q),Q});