// source --> https://abatec.com.mx/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.7.0 jQuery(function(t){if("undefined"==typeof wc_add_to_cart_params)return!1;var a=function(){this.requests=[],this.addRequest=this.addRequest.bind(this),this.run=this.run.bind(this),this.$liveRegion=this.createLiveRegion(),t(document.body).on("click",".add_to_cart_button:not(.wc-interactive)",{addToCartHandler:this},this.onAddToCart).on("keydown",".add_to_cart_button:not(.wc-interactive)",{addToCartHandler:this},t=>{" "===t.key&&(t.preventDefault(),t.target.click())}).on("click",".remove_from_cart_button",{addToCartHandler:this},this.onRemoveFromCart).on("keydown",".remove_from_cart_button",this.onKeydownRemoveFromCart).on("added_to_cart",{addToCartHandler:this},this.onAddedToCart).on("removed_from_cart",{addToCartHandler:this},this.onRemovedFromCart).on("ajax_request_not_sent.adding_to_cart",this.updateButton)};a.prototype.addRequest=function(t){this.requests.push(t),1===this.requests.length&&this.run()},a.prototype.run=function(){var a=this,e=a.requests[0].complete;a.requests[0].complete=function(){"function"==typeof e&&e(),a.requests.shift(),a.requests.length>0&&a.run()},t.ajax(this.requests[0])},a.prototype.onAddToCart=function(a){var e=t(this);if(e.is(".ajax_add_to_cart")){if(!e.attr("data-product_id"))return!0;if(a.data.addToCartHandler.$liveRegion.text("").removeAttr("aria-relevant"),a.preventDefault(),e.removeClass("added"),e.addClass("loading"),!1===t(document.body).triggerHandler("should_send_ajax_request.adding_to_cart",[e]))return t(document.body).trigger("ajax_request_not_sent.adding_to_cart",[!1,!1,e]),!0;var r={};t.each(e.data(),function(t,a){r[t]=a}),t.each(e[0].dataset,function(t,a){r[t]=a}),t(document.body).trigger("adding_to_cart",[e,r]),a.data.addToCartHandler.addRequest({type:"POST",url:wc_add_to_cart_params.wc_ajax_url.toString().replace("%%endpoint%%","add_to_cart"),data:r,success:function(a){a&&(a.error&&a.product_url?window.location=a.product_url:"yes"!==wc_add_to_cart_params.cart_redirect_after_add?t(document.body).trigger("added_to_cart",[a.fragments,a.cart_hash,e]):window.location=wc_add_to_cart_params.cart_url)},dataType:"json"})}},a.prototype.onRemoveFromCart=function(a){var e=t(this),r=e.closest(".woocommerce-mini-cart-item");a.data.addToCartHandler.$liveRegion.text("").removeAttr("aria-relevant"),a.preventDefault(),r.block({message:null,overlayCSS:{opacity:.6}}),a.data.addToCartHandler.addRequest({type:"POST",url:wc_add_to_cart_params.wc_ajax_url.toString().replace("%%endpoint%%","remove_from_cart"),data:{cart_item_key:e.data("cart_item_key")},success:function(a){a&&a.fragments?t(document.body).trigger("removed_from_cart",[a.fragments,a.cart_hash,e]):window.location=e.attr("href")},error:function(){window.location=e.attr("href")},dataType:"json"})},a.prototype.onKeydownRemoveFromCart=function(a){" "===a.key&&(a.preventDefault(),t(this).trigger("click"))},a.prototype.updateButton=function(a,e,r,o){if(o=void 0!==o&&o){if(o.removeClass("loading"),e&&o.addClass("added"),e&&!wc_add_to_cart_params.is_cart&&0===o.parent().find(".added_to_cart").length){var d=document.createElement("a");d.href=wc_add_to_cart_params.cart_url,d.className="added_to_cart wc-forward",d.title=wc_add_to_cart_params.i18n_view_cart,d.textContent=wc_add_to_cart_params.i18n_view_cart,o.after(d)}t(document.body).trigger("wc_cart_button_updated",[o])}},a.prototype.updateFragments=function(a,e){e&&(t.each(e,function(a){t(a).addClass("updating").fadeTo("400","0.6").block({message:null,overlayCSS:{opacity:.6}})}),t.each(e,function(a,e){t(a).replaceWith(e),t(a).stop(!0).css("opacity","1").unblock()}),t(document.body).trigger("wc_fragments_loaded"))},a.prototype.alertCartUpdated=function(t,a,e,r){if(r=void 0!==r&&r){var o=r.data("success_message");if(!o)return;t.data.addToCartHandler.$liveRegion.delay(1e3).text(o).attr("aria-relevant","all")}},a.prototype.createLiveRegion=function(){var a=t(".widget_shopping_cart_live_region");return a.length?a:t('').appendTo("body")},a.prototype.onAddedToCart=function(t,a,e,r){t.data.addToCartHandler.updateButton(t,a,e,r),t.data.addToCartHandler.updateFragments(t,a),t.data.addToCartHandler.alertCartUpdated(t,a,e,r)},a.prototype.onRemovedFromCart=function(t,a,e,r){t.data.addToCartHandler.updateFragments(t,a),t.data.addToCartHandler.alertCartUpdated(t,a,e,r)},new a}); // source --> https://abatec.com.mx/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.7.0 /*! js-cookie v3.0.5 | MIT */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,function(){"use strict";function e(e){for(var t=1;t https://abatec.com.mx/wp-content/plugins/wp-fancybox/dist/fancybox/fancybox.js?ver=1.0.4 ! function(t, e) { "object" == typeof exports && "undefined" != typeof module ? e(exports) : "function" == typeof define && define.amd ? define(["exports"], e) : e((t = "undefined" != typeof globalThis ? globalThis : t || self).window = t.window || {}) }(this, (function(t) { "use strict"; const e = (t, e = 1e4) => (t = parseFloat(t + "") || 0, Math.round((t + Number.EPSILON) * e) / e), i = function(t) { if (!(t && t instanceof Element && t.offsetParent)) return !1; const e = t.scrollHeight > t.clientHeight, i = window.getComputedStyle(t).overflowY, n = -1 !== i.indexOf("hidden"), s = -1 !== i.indexOf("visible"); return e && !n && !s }, n = function(t, e = void 0) { return !(!t || t === document.body || e && t === e) && (i(t) ? t : n(t.parentElement, e)) }, s = function(t) { var e = (new DOMParser).parseFromString(t, "text/html").body; if (e.childElementCount > 1) { for (var i = document.createElement("div"); e.firstChild;) i.appendChild(e.firstChild); return i } return e.firstChild }, o = t => `${t||""}`.split(" ").filter((t => !!t)), a = (t, e, i) => { t && o(e).forEach((e => { t.classList.toggle(e, i || !1) })) }; class r { constructor(t) { Object.defineProperty(this, "pageX", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "pageY", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "clientX", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "clientY", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "id", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "time", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "nativePointer", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), this.nativePointer = t, this.pageX = t.pageX, this.pageY = t.pageY, this.clientX = t.clientX, this.clientY = t.clientY, this.id = self.Touch && t instanceof Touch ? t.identifier : -1, this.time = Date.now() } } const l = { passive: !1 }; class c { constructor(t, { start: e = (() => !0), move: i = (() => {}), end: n = (() => {}) }) { Object.defineProperty(this, "element", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "startCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "moveCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "endCallback", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "currentPointers", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "startPointers", { enumerable: !0, configurable: !0, writable: !0, value: [] }), this.element = t, this.startCallback = e, this.moveCallback = i, this.endCallback = n; for (const t of ["onPointerStart", "onTouchStart", "onMove", "onTouchEnd", "onPointerEnd", "onWindowBlur"]) this[t] = this[t].bind(this); this.element.addEventListener("mousedown", this.onPointerStart, l), this.element.addEventListener("touchstart", this.onTouchStart, l), this.element.addEventListener("touchmove", this.onMove, l), this.element.addEventListener("touchend", this.onTouchEnd), this.element.addEventListener("touchcancel", this.onTouchEnd) } onPointerStart(t) { if (!t.buttons || 0 !== t.button) return; const e = new r(t); this.currentPointers.some((t => t.id === e.id)) || this.triggerPointerStart(e, t) && (window.addEventListener("mousemove", this.onMove), window.addEventListener("mouseup", this.onPointerEnd), window.addEventListener("blur", this.onWindowBlur)) } onTouchStart(t) { for (const e of Array.from(t.changedTouches || [])) this.triggerPointerStart(new r(e), t); window.addEventListener("blur", this.onWindowBlur) } onMove(t) { const e = this.currentPointers.slice(), i = "changedTouches" in t ? Array.from(t.changedTouches || []).map((t => new r(t))) : [new r(t)], n = []; for (const t of i) { const e = this.currentPointers.findIndex((e => e.id === t.id)); e < 0 || (n.push(t), this.currentPointers[e] = t) } n.length && this.moveCallback(t, this.currentPointers.slice(), e) } onPointerEnd(t) { t.buttons > 0 && 0 !== t.button || (this.triggerPointerEnd(t, new r(t)), window.removeEventListener("mousemove", this.onMove), window.removeEventListener("mouseup", this.onPointerEnd), window.removeEventListener("blur", this.onWindowBlur)) } onTouchEnd(t) { for (const e of Array.from(t.changedTouches || [])) this.triggerPointerEnd(t, new r(e)) } triggerPointerStart(t, e) { return !!this.startCallback(e, t, this.currentPointers.slice()) && (this.currentPointers.push(t), this.startPointers.push(t), !0) } triggerPointerEnd(t, e) { const i = this.currentPointers.findIndex((t => t.id === e.id)); i < 0 || (this.currentPointers.splice(i, 1), this.startPointers.splice(i, 1), this.endCallback(t, e, this.currentPointers.slice())) } onWindowBlur() { this.clear() } clear() { for (; this.currentPointers.length;) { const t = this.currentPointers[this.currentPointers.length - 1]; this.currentPointers.splice(this.currentPointers.length - 1, 1), this.startPointers.splice(this.currentPointers.length - 1, 1), this.endCallback(new Event("touchend", { bubbles: !0, cancelable: !0, clientX: t.clientX, clientY: t.clientY }), t, this.currentPointers.slice()) } } stop() { this.element.removeEventListener("mousedown", this.onPointerStart, l), this.element.removeEventListener("touchstart", this.onTouchStart, l), this.element.removeEventListener("touchmove", this.onMove, l), this.element.removeEventListener("touchend", this.onTouchEnd), this.element.removeEventListener("touchcancel", this.onTouchEnd), window.removeEventListener("mousemove", this.onMove), window.removeEventListener("mouseup", this.onPointerEnd), window.removeEventListener("blur", this.onWindowBlur) } } function h(t, e) { return e ? Math.sqrt(Math.pow(e.clientX - t.clientX, 2) + Math.pow(e.clientY - t.clientY, 2)) : 0 } function d(t, e) { return e ? { clientX: (t.clientX + e.clientX) / 2, clientY: (t.clientY + e.clientY) / 2 } : t } const u = t => "object" == typeof t && null !== t && t.constructor === Object && "[object Object]" === Object.prototype.toString.call(t), p = (t, ...e) => { const i = e.length; for (let n = 0; n < i; n++) { const i = e[n] || {}; Object.entries(i).forEach((([e, i]) => { const n = Array.isArray(i) ? [] : {}; t[e] || Object.assign(t, { [e]: n }), u(i) ? Object.assign(t[e], p(n, i)) : Array.isArray(i) ? Object.assign(t, { [e]: [...i] }) : Object.assign(t, { [e]: i }) })) } return t }, f = function(t, e) { return t.split(".").reduce(((t, e) => "object" == typeof t ? t[e] : void 0), e) }; class g { constructor(t = {}) { Object.defineProperty(this, "options", { enumerable: !0, configurable: !0, writable: !0, value: t }), Object.defineProperty(this, "events", { enumerable: !0, configurable: !0, writable: !0, value: new Map }), this.setOptions(t); for (const t of Object.getOwnPropertyNames(Object.getPrototypeOf(this))) t.startsWith("on") && "function" == typeof this[t] && (this[t] = this[t].bind(this)) } setOptions(t) { this.options = t ? p({}, this.constructor.defaults, t) : {}; for (const [t, e] of Object.entries(this.option("on") || {})) this.on(t, e) } option(t, ...e) { let i = f(t, this.options); return i && "function" == typeof i && (i = i.call(this, this, ...e)), i } optionFor(t, e, i, ...n) { let s = f(e, t); var o; "string" != typeof(o = s) || isNaN(o) || isNaN(parseFloat(o)) || (s = parseFloat(s)), "true" === s && (s = !0), "false" === s && (s = !1), s && "function" == typeof s && (s = s.call(this, this, t, ...n)); let a = f(e, this.options); return a && "function" == typeof a ? s = a.call(this, this, t, ...n, s) : void 0 === s && (s = a), void 0 === s ? i : s } cn(t) { const e = this.options.classes; return e && e[t] || "" } localize(t, e = []) { t = String(t).replace(/\{\{(\w+).?(\w+)?\}\}/g, ((t, e, i) => { let n = ""; return i ? n = this.option(`${e[0]+e.toLowerCase().substring(1)}.l10n.${i}`) : e && (n = this.option(`l10n.${e}`)), n || (n = t), n })); for (let i = 0; i < e.length; i++) t = t.split(e[i][0]).join(e[i][1]); return t = t.replace(/\{\{(.*?)\}\}/g, ((t, e) => e)) } on(t, e) { let i = []; "string" == typeof t ? i = t.split(" ") : Array.isArray(t) && (i = t), this.events || (this.events = new Map), i.forEach((t => { let i = this.events.get(t); i || (this.events.set(t, []), i = []), i.includes(e) || i.push(e), this.events.set(t, i) })) } off(t, e) { let i = []; "string" == typeof t ? i = t.split(" ") : Array.isArray(t) && (i = t), i.forEach((t => { const i = this.events.get(t); if (Array.isArray(i)) { const t = i.indexOf(e); t > -1 && i.splice(t, 1) } })) } emit(t, ...e) { [...this.events.get(t) || []].forEach((t => t(this, ...e))), "*" !== t && this.emit("*", t, ...e) } } Object.defineProperty(g, "version", { enumerable: !0, configurable: !0, writable: !0, value: "5.0.36" }), Object.defineProperty(g, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: {} }); class m extends g { constructor(t = {}) { super(t), Object.defineProperty(this, "plugins", { enumerable: !0, configurable: !0, writable: !0, value: {} }) } attachPlugins(t = {}) { const e = new Map; for (const [i, n] of Object.entries(t)) { const t = this.option(i), s = this.plugins[i]; s || !1 === t ? s && !1 === t && (s.detach(), delete this.plugins[i]) : e.set(i, new n(this, t || {})) } for (const [t, i] of e) this.plugins[t] = i, i.attach() } detachPlugins(t) { t = t || Object.keys(this.plugins); for (const e of t) { const t = this.plugins[e]; t && t.detach(), delete this.plugins[e] } return this.emit("detachPlugins"), this } } var v; ! function(t) { t[t.Init = 0] = "Init", t[t.Error = 1] = "Error", t[t.Ready = 2] = "Ready", t[t.Panning = 3] = "Panning", t[t.Mousemove = 4] = "Mousemove", t[t.Destroy = 5] = "Destroy" }(v || (v = {})); const b = ["a", "b", "c", "d", "e", "f"], y = { PANUP: "Move up", PANDOWN: "Move down", PANLEFT: "Move left", PANRIGHT: "Move right", ZOOMIN: "Zoom in", ZOOMOUT: "Zoom out", TOGGLEZOOM: "Toggle zoom level", TOGGLE1TO1: "Toggle zoom level", ITERATEZOOM: "Toggle zoom level", ROTATECCW: "Rotate counterclockwise", ROTATECW: "Rotate clockwise", FLIPX: "Flip horizontally", FLIPY: "Flip vertically", FITX: "Fit horizontally", FITY: "Fit vertically", RESET: "Reset", TOGGLEFS: "Toggle fullscreen" }, w = { content: null, width: "auto", height: "auto", panMode: "drag", touch: !0, dragMinThreshold: 3, lockAxis: !1, mouseMoveFactor: 1, mouseMoveFriction: .12, zoom: !0, pinchToZoom: !0, panOnlyZoomed: "auto", minScale: 1, maxScale: 2, friction: .25, dragFriction: .35, decelFriction: .05, click: "toggleZoom", dblClick: !1, wheel: "zoom", wheelLimit: 7, spinner: !0, bounds: "auto", infinite: !1, rubberband: !0, bounce: !0, maxVelocity: 75, transformParent: !1, classes: { content: "f-panzoom__content", isLoading: "is-loading", canZoomIn: "can-zoom_in", canZoomOut: "can-zoom_out", isDraggable: "is-draggable", isDragging: "is-dragging", inFullscreen: "in-fullscreen", htmlHasFullscreen: "with-panzoom-in-fullscreen" }, l10n: y }, x = '', E = '

", S = t => t && null !== t && t instanceof Element && "nodeType" in t, P = (t, e) => { t && o(e).forEach((e => { t.classList.remove(e) })) }, C = (t, e) => { t && o(e).forEach((e => { t.classList.add(e) })) }, T = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0 }, M = 1e5, O = 1e4, A = "mousemove", L = "drag", z = "content", R = "auto"; let k = null, I = null; class D extends m { get fits() { return this.contentRect.width - this.contentRect.fitWidth < 1 && this.contentRect.height - this.contentRect.fitHeight < 1 } get isTouchDevice() { return null === I && (I = window.matchMedia("(hover: none)").matches), I } get isMobile() { return null === k && (k = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent)), k } get panMode() { return this.options.panMode !== A || this.isTouchDevice ? L : A } get panOnlyZoomed() { const t = this.options.panOnlyZoomed; return t === R ? this.isTouchDevice : t } get isInfinite() { return this.option("infinite") } get angle() { return 180 * Math.atan2(this.current.b, this.current.a) / Math.PI || 0 } get targetAngle() { return 180 * Math.atan2(this.target.b, this.target.a) / Math.PI || 0 } get scale() { const { a: t, b: e } = this.current; return Math.sqrt(t * t + e * e) || 1 } get targetScale() { const { a: t, b: e } = this.target; return Math.sqrt(t * t + e * e) || 1 } get minScale() { return this.option("minScale") || 1 } get fullScale() { const { contentRect: t } = this; return t.fullWidth / t.fitWidth || 1 } get maxScale() { return this.fullScale * (this.option("maxScale") || 1) || 1 } get coverScale() { const { containerRect: t, contentRect: e } = this, i = Math.max(t.height / e.fitHeight, t.width / e.fitWidth) || 1; return Math.min(this.fullScale, i) } get isScaling() { return Math.abs(this.targetScale - this.scale) > 1e-5 && !this.isResting } get isContentLoading() { const t = this.content; return !!(t && t instanceof HTMLImageElement) && !t.complete } get isResting() { if (this.isBouncingX || this.isBouncingY) return !1; for (const t of b) { const e = "e" == t || "f" === t ? 1e-4 : 1e-5; if (Math.abs(this.target[t] - this.current[t]) > e) return !1 } return !(!this.ignoreBounds && !this.checkBounds().inBounds) } constructor(t, e = {}, i = {}) { var n; if (super(e), Object.defineProperty(this, "pointerTracker", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "resizeObserver", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "updateTimer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "clickTimer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "rAF", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "isTicking", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "ignoreBounds", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "isBouncingX", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "isBouncingY", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "clicks", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "trackingPoints", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "pwt", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "cwd", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "pmme", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "friction", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "state", { enumerable: !0, configurable: !0, writable: !0, value: v.Init }), Object.defineProperty(this, "isDragging", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "container", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "content", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "spinner", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "containerRect", { enumerable: !0, configurable: !0, writable: !0, value: { width: 0, height: 0, innerWidth: 0, innerHeight: 0 } }), Object.defineProperty(this, "contentRect", { enumerable: !0, configurable: !0, writable: !0, value: { top: 0, right: 0, bottom: 0, left: 0, fullWidth: 0, fullHeight: 0, fitWidth: 0, fitHeight: 0, width: 0, height: 0 } }), Object.defineProperty(this, "dragStart", { enumerable: !0, configurable: !0, writable: !0, value: { x: 0, y: 0, top: 0, left: 0, time: 0 } }), Object.defineProperty(this, "dragOffset", { enumerable: !0, configurable: !0, writable: !0, value: { x: 0, y: 0, time: 0 } }), Object.defineProperty(this, "current", { enumerable: !0, configurable: !0, writable: !0, value: Object.assign({}, T) }), Object.defineProperty(this, "target", { enumerable: !0, configurable: !0, writable: !0, value: Object.assign({}, T) }), Object.defineProperty(this, "velocity", { enumerable: !0, configurable: !0, writable: !0, value: { a: 0, b: 0, c: 0, d: 0, e: 0, f: 0 } }), Object.defineProperty(this, "lockedAxis", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), !t) throw new Error("Container Element Not Found"); this.container = t, this.initContent(), this.attachPlugins(Object.assign(Object.assign({}, D.Plugins), i)), this.emit("attachPlugins"), this.emit("init"); const o = this.content; if (o.addEventListener("load", this.onLoad), o.addEventListener("error", this.onError), this.isContentLoading) { if (this.option("spinner")) { t.classList.add(this.cn("isLoading")); const e = s(E); !t.contains(o) || o.parentElement instanceof HTMLPictureElement ? this.spinner = t.appendChild(e) : this.spinner = (null === (n = o.parentElement) || void 0 === n ? void 0 : n.insertBefore(e, o)) || null } this.emit("beforeLoad") } else queueMicrotask((() => { this.enable() })) } initContent() { const { container: t } = this, e = this.cn(z); let i = this.option(z) || t.querySelector(`.${e}`); if (i || (i = t.querySelector("img,picture") || t.firstElementChild, i && C(i, e)), i instanceof HTMLPictureElement && (i = i.querySelector("img")), !i) throw new Error("No content found"); this.content = i } onLoad() { const { spinner: t, container: e, state: i } = this; t && (t.remove(), this.spinner = null), this.option("spinner") && e.classList.remove(this.cn("isLoading")), this.emit("afterLoad"), i === v.Init ? this.enable() : this.updateMetrics() } onError() { this.state !== v.Destroy && (this.spinner && (this.spinner.remove(), this.spinner = null), this.stop(), this.detachEvents(), this.state = v.Error, this.emit("error")) } getNextScale(t) { const { fullScale: e, targetScale: i, coverScale: n, maxScale: s, minScale: o } = this; let a = o; switch (t) { case "toggleMax": a = i - o < .5 * (s - o) ? s : o; break; case "toggleCover": a = i - o < .5 * (n - o) ? n : o; break; case "toggleZoom": a = i - o < .5 * (e - o) ? e : o; break; case "iterateZoom": let t = [1, e, s].sort(((t, e) => t - e)), r = t.findIndex((t => t > i + 1e-5)); a = t[r] || 1 } return a } attachObserver() { var t; const e = () => { const { container: t, containerRect: e } = this; return Math.abs(e.width - t.getBoundingClientRect().width) > .1 || Math.abs(e.height - t.getBoundingClientRect().height) > .1 }; this.resizeObserver || void 0 === window.ResizeObserver || (this.resizeObserver = new ResizeObserver((() => { this.updateTimer || (e() ? (this.onResize(), this.isMobile && (this.updateTimer = setTimeout((() => { e() && this.onResize(), this.updateTimer = null }), 500))) : this.updateTimer && (clearTimeout(this.updateTimer), this.updateTimer = null)) }))), null === (t = this.resizeObserver) || void 0 === t || t.observe(this.container) } detachObserver() { var t; null === (t = this.resizeObserver) || void 0 === t || t.disconnect() } attachEvents() { const { container: t } = this; t.addEventListener("click", this.onClick, { passive: !1, capture: !1 }), t.addEventListener("wheel", this.onWheel, { passive: !1 }), this.pointerTracker = new c(t, { start: this.onPointerDown, move: this.onPointerMove, end: this.onPointerUp }), document.addEventListener(A, this.onMouseMove) } detachEvents() { var t; const { container: e } = this; e.removeEventListener("click", this.onClick, { passive: !1, capture: !1 }), e.removeEventListener("wheel", this.onWheel, { passive: !1 }), null === (t = this.pointerTracker) || void 0 === t || t.stop(), this.pointerTracker = null, document.removeEventListener(A, this.onMouseMove), document.removeEventListener("keydown", this.onKeydown, !0), this.clickTimer && (clearTimeout(this.clickTimer), this.clickTimer = null), this.updateTimer && (clearTimeout(this.updateTimer), this.updateTimer = null) } animate() { this.setTargetForce(); const t = this.friction, e = this.option("maxVelocity"); for (const i of b) t ? (this.velocity[i] *= 1 - t, e && !this.isScaling && (this.velocity[i] = Math.max(Math.min(this.velocity[i], e), -1 * e)), this.current[i] += this.velocity[i]) : this.current[i] = this.target[i]; this.setTransform(), this.setEdgeForce(), !this.isResting || this.isDragging ? this.rAF = requestAnimationFrame((() => this.animate())) : this.stop("current") } setTargetForce() { for (const t of b) "e" === t && this.isBouncingX || "f" === t && this.isBouncingY || (this.velocity[t] = (1 / (1 - this.friction) - 1) * (this.target[t] - this.current[t])) } checkBounds(t = 0, e = 0) { const { current: i } = this, n = i.e + t, s = i.f + e, o = this.getBounds(), { x: a, y: r } = o, l = a.min, c = a.max, h = r.min, d = r.max; let u = 0, p = 0; return l !== 1 / 0 && n < l ? u = l - n : c !== 1 / 0 && n > c && (u = c - n), h !== 1 / 0 && s < h ? p = h - s : d !== 1 / 0 && s > d && (p = d - s), Math.abs(u) < 1e-4 && (u = 0), Math.abs(p) < 1e-4 && (p = 0), Object.assign(Object.assign({}, o), { xDiff: u, yDiff: p, inBounds: !u && !p }) } clampTargetBounds() { const { target: t } = this, { x: e, y: i } = this.getBounds(); e.min !== 1 / 0 && (t.e = Math.max(t.e, e.min)), e.max !== 1 / 0 && (t.e = Math.min(t.e, e.max)), i.min !== 1 / 0 && (t.f = Math.max(t.f, i.min)), i.max !== 1 / 0 && (t.f = Math.min(t.f, i.max)) } calculateContentDim(t = this.current) { const { content: e, contentRect: i } = this, { fitWidth: n, fitHeight: s, fullWidth: o, fullHeight: a } = i; let r = o, l = a; if (this.option("zoom") || 0 !== this.angle) { const i = !(e instanceof HTMLImageElement) && ("none" === window.getComputedStyle(e).maxWidth || "none" === window.getComputedStyle(e).maxHeight), c = i ? o : n, h = i ? a : s, d = this.getMatrix(t), u = new DOMPoint(0, 0).matrixTransform(d), p = new DOMPoint(0 + c, 0).matrixTransform(d), f = new DOMPoint(0 + c, 0 + h).matrixTransform(d), g = new DOMPoint(0, 0 + h).matrixTransform(d), m = Math.abs(f.x - u.x), v = Math.abs(f.y - u.y), b = Math.abs(g.x - p.x), y = Math.abs(g.y - p.y); r = Math.max(m, b), l = Math.max(v, y) } return { contentWidth: r, contentHeight: l } } setEdgeForce() { if (this.ignoreBounds || this.isDragging || this.panMode === A || this.targetScale < this.scale) return this.isBouncingX = !1, void(this.isBouncingY = !1); const { target: t } = this, { x: e, y: i, xDiff: n, yDiff: s } = this.checkBounds(); const o = this.option("maxVelocity"); let a = this.velocity.e, r = this.velocity.f; 0 !== n ? (this.isBouncingX = !0, n * a <= 0 ? a += .14 * n : (a = .14 * n, e.min !== 1 / 0 && (this.target.e = Math.max(t.e, e.min)), e.max !== 1 / 0 && (this.target.e = Math.min(t.e, e.max))), o && (a = Math.max(Math.min(a, o), -1 * o))) : this.isBouncingX = !1, 0 !== s ? (this.isBouncingY = !0, s * r <= 0 ? r += .14 * s : (r = .14 * s, i.min !== 1 / 0 && (this.target.f = Math.max(t.f, i.min)), i.max !== 1 / 0 && (this.target.f = Math.min(t.f, i.max))), o && (r = Math.max(Math.min(r, o), -1 * o))) : this.isBouncingY = !1, this.isBouncingX && (this.velocity.e = a), this.isBouncingY && (this.velocity.f = r) } enable() { const { content: t } = this, e = new DOMMatrixReadOnly(window.getComputedStyle(t).transform); for (const t of b) this.current[t] = this.target[t] = e[t]; this.updateMetrics(), this.attachObserver(), this.attachEvents(), this.state = v.Ready, this.emit("ready") } onClick(t) { var e; "click" === t.type && 0 === t.detail && (this.dragOffset.x = 0, this.dragOffset.y = 0), this.isDragging && (null === (e = this.pointerTracker) || void 0 === e || e.clear(), this.trackingPoints = [], this.startDecelAnim()); const i = t.target; if (!i || t.defaultPrevented) return; if (i.hasAttribute("disabled")) return t.preventDefault(), void t.stopPropagation(); if ((() => { const t = window.getSelection(); return t && "Range" === t.type })() && !i.closest("button")) return; const n = i.closest("[data-panzoom-action]"), s = i.closest("[data-panzoom-change]"), o = n || s, a = o && S(o) ? o.dataset : null; if (a) { const e = a.panzoomChange, i = a.panzoomAction; if ((e || i) && t.preventDefault(), e) { let t = {}; try { t = JSON.parse(e) } catch (t) { console && console.warn("The given data was not valid JSON") } return void this.applyChange(t) } if (i) return void(this[i] && this[i]()) } if (Math.abs(this.dragOffset.x) > 3 || Math.abs(this.dragOffset.y) > 3) return t.preventDefault(), void t.stopPropagation(); if (i.closest("[data-fancybox]")) return; const r = this.content.getBoundingClientRect(), l = this.dragStart; if (l.time && !this.canZoomOut() && (Math.abs(r.x - l.x) > 2 || Math.abs(r.y - l.y) > 2)) return; this.dragStart.time = 0; const c = e => { this.option("zoom", t) && e && "string" == typeof e && /(iterateZoom)|(toggle(Zoom|Full|Cover|Max)|(zoomTo(Fit|Cover|Max)))/.test(e) && "function" == typeof this[e] && (t.preventDefault(), this[e]({ event: t })) }, h = this.option("click", t), d = this.option("dblClick", t); d ? (this.clicks++, 1 == this.clicks && (this.clickTimer = setTimeout((() => { 1 === this.clicks ? (this.emit("click", t), !t.defaultPrevented && h && c(h)) : (this.emit("dblClick", t), t.defaultPrevented || c(d)), this.clicks = 0, this.clickTimer = null }), 350))) : (this.emit("click", t), !t.defaultPrevented && h && c(h)) } addTrackingPoint(t) { const e = this.trackingPoints.filter((t => t.time > Date.now() - 100)); e.push(t), this.trackingPoints = e } onPointerDown(t, e, i) { var n; if (!1 === this.option("touch", t)) return !1; this.pwt = 0, this.dragOffset = { x: 0, y: 0, time: 0 }, this.trackingPoints = []; const s = this.content.getBoundingClientRect(); if (this.dragStart = { x: s.x, y: s.y, top: s.top, left: s.left, time: Date.now() }, this.clickTimer) return !1; if (this.panMode === A && this.targetScale > 1) return t.preventDefault(), t.stopPropagation(), !1; const o = t.composedPath()[0]; if (!i.length) { if (["TEXTAREA", "OPTION", "INPUT", "SELECT", "VIDEO", "IFRAME"].includes(o.nodeName) || o.closest("[contenteditable],[data-selectable],[data-draggable],[data-clickable],[data-panzoom-change],[data-panzoom-action]")) return !1; null === (n = window.getSelection()) || void 0 === n || n.removeAllRanges() } if ("mousedown" === t.type)["A", "BUTTON"].includes(o.nodeName) || t.preventDefault(); else if (Math.abs(this.velocity.a) > .3) return !1; return this.target.e = this.current.e, this.target.f = this.current.f, this.stop(), this.isDragging || (this.isDragging = !0, this.addTrackingPoint(e), this.emit("touchStart", t)), !0 } onPointerMove(t, i, s) { if (!1 === this.option("touch", t)) return; if (!this.isDragging) return; if (i.length < 2 && this.panOnlyZoomed && e(this.targetScale) <= e(this.minScale)) return; if (this.emit("touchMove", t), t.defaultPrevented) return; this.addTrackingPoint(i[0]); const { content: o } = this, a = d(s[0], s[1]), r = d(i[0], i[1]); let l = 0, c = 0; if (i.length > 1) { const t = o.getBoundingClientRect(); l = a.clientX - t.left - .5 * t.width, c = a.clientY - t.top - .5 * t.height } const u = h(s[0], s[1]), p = h(i[0], i[1]); let f = u ? p / u : 1, g = r.clientX - a.clientX, m = r.clientY - a.clientY; this.dragOffset.x += g, this.dragOffset.y += m, this.dragOffset.time = Date.now() - this.dragStart.time; let v = e(this.targetScale) === e(this.minScale) && this.option("lockAxis"); if (v && !this.lockedAxis) if ("xy" === v || "y" === v || "touchmove" === t.type) { if (Math.abs(this.dragOffset.x) < 6 && Math.abs(this.dragOffset.y) < 6) return void t.preventDefault(); const e = Math.abs(180 * Math.atan2(this.dragOffset.y, this.dragOffset.x) / Math.PI); this.lockedAxis = e > 45 && e < 135 ? "y" : "x", this.dragOffset.x = 0, this.dragOffset.y = 0, g = 0, m = 0 } else this.lockedAxis = v; if (n(t.target, this.content) && (v = "x", this.dragOffset.y = 0), v && "xy" !== v && this.lockedAxis !== v && e(this.targetScale) === e(this.minScale)) return; t.cancelable && t.preventDefault(), this.container.classList.add(this.cn("isDragging")); const b = this.checkBounds(g, m); this.option("rubberband") ? ("x" !== this.isInfinite && (b.xDiff > 0 && g < 0 || b.xDiff < 0 && g > 0) && (g *= Math.max(0, .5 - Math.abs(.75 / this.contentRect.fitWidth * b.xDiff))), "y" !== this.isInfinite && (b.yDiff > 0 && m < 0 || b.yDiff < 0 && m > 0) && (m *= Math.max(0, .5 - Math.abs(.75 / this.contentRect.fitHeight * b.yDiff)))) : (b.xDiff && (g = 0), b.yDiff && (m = 0)); const y = this.targetScale, w = this.minScale, x = this.maxScale; y < .5 * w && (f = Math.max(f, w)), y > 1.5 * x && (f = Math.min(f, x)), "y" === this.lockedAxis && e(y) === e(w) && (g = 0), "x" === this.lockedAxis && e(y) === e(w) && (m = 0), this.applyChange({ originX: l, originY: c, panX: g, panY: m, scale: f, friction: this.option("dragFriction"), ignoreBounds: !0 }) } onPointerUp(t, e, i) { if (i.length) return this.dragOffset.x = 0, this.dragOffset.y = 0, void(this.trackingPoints = []); this.container.classList.remove(this.cn("isDragging")), this.isDragging && (this.addTrackingPoint(e), this.panOnlyZoomed && this.contentRect.width - this.contentRect.fitWidth < 1 && this.contentRect.height - this.contentRect.fitHeight < 1 && (this.trackingPoints = []), n(t.target, this.content) && "y" === this.lockedAxis && (this.trackingPoints = []), this.emit("touchEnd", t), this.isDragging = !1, this.lockedAxis = !1, this.state !== v.Destroy && (t.defaultPrevented || this.startDecelAnim())) } startDecelAnim() { var t; const i = this.isScaling; this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.isBouncingX = !1, this.isBouncingY = !1; for (const t of b) this.velocity[t] = 0; this.target.e = this.current.e, this.target.f = this.current.f, P(this.container, "is-scaling"), P(this.container, "is-animating"), this.isTicking = !1; const { trackingPoints: n } = this, s = n[0], o = n[n.length - 1]; let a = 0, r = 0, l = 0; o && s && (a = o.clientX - s.clientX, r = o.clientY - s.clientY, l = o.time - s.time); const c = (null === (t = window.visualViewport) || void 0 === t ? void 0 : t.scale) || 1; 1 !== c && (a *= c, r *= c); let h = 0, d = 0, u = 0, p = 0, f = this.option("decelFriction"); const g = this.targetScale; if (l > 0) { u = Math.abs(a) > 3 ? a / (l / 30) : 0, p = Math.abs(r) > 3 ? r / (l / 30) : 0; const t = this.option("maxVelocity"); t && (u = Math.max(Math.min(u, t), -1 * t), p = Math.max(Math.min(p, t), -1 * t)) } u && (h = u / (1 / (1 - f) - 1)), p && (d = p / (1 / (1 - f) - 1)), ("y" === this.option("lockAxis") || "xy" === this.option("lockAxis") && "y" === this.lockedAxis && e(g) === this.minScale) && (h = u = 0), ("x" === this.option("lockAxis") || "xy" === this.option("lockAxis") && "x" === this.lockedAxis && e(g) === this.minScale) && (d = p = 0); const m = this.dragOffset.x, v = this.dragOffset.y, y = this.option("dragMinThreshold") || 0; Math.abs(m) < y && Math.abs(v) < y && (h = d = 0, u = p = 0), (this.option("zoom") && (g < this.minScale - 1e-5 || g > this.maxScale + 1e-5) || i && !h && !d) && (f = .35), this.applyChange({ panX: h, panY: d, friction: f }), this.emit("decel", u, p, m, v) } onWheel(t) { var e = [-t.deltaX || 0, -t.deltaY || 0, -t.detail || 0].reduce((function(t, e) { return Math.abs(e) > Math.abs(t) ? e : t })); const i = Math.max(-1, Math.min(1, e)); if (this.emit("wheel", t, i), this.panMode === A) return; if (t.defaultPrevented) return; const n = this.option("wheel"); "pan" === n ? (t.preventDefault(), this.panOnlyZoomed && !this.canZoomOut() || this.applyChange({ panX: 2 * -t.deltaX, panY: 2 * -t.deltaY, bounce: !1 })) : "zoom" === n && !1 !== this.option("zoom") && this.zoomWithWheel(t) } onMouseMove(t) { this.panWithMouse(t) } onKeydown(t) { "Escape" === t.key && this.toggleFS() } onResize() { this.updateMetrics(), this.checkBounds().inBounds || this.requestTick() } setTransform() { this.emit("beforeTransform"); const { current: t, target: i, content: n, contentRect: s } = this, o = Object.assign({}, T); for (const n of b) { const s = "e" == n || "f" === n ? O : M; o[n] = e(t[n], s), Math.abs(i[n] - t[n]) < ("e" == n || "f" === n ? .51 : .001) && (t[n] = i[n]) } let { a: a, b: r, c: l, d: c, e: h, f: d } = o, u = `matrix(${a}, ${r}, ${l}, ${c}, ${h}, ${d})`, p = n.parentElement instanceof HTMLPictureElement ? n.parentElement : n; if (this.option("transformParent") && (p = p.parentElement || p), p.style.transform === u) return; p.style.transform = u; const { contentWidth: f, contentHeight: g } = this.calculateContentDim(); s.width = f, s.height = g, this.emit("afterTransform") } updateMetrics(t = !1) { var i; if (!this || this.state === v.Destroy) return; if (this.isContentLoading) return; const n = Math.max(1, (null === (i = window.visualViewport) || void 0 === i ? void 0 : i.scale) || 1), { container: s, content: o } = this, a = o instanceof HTMLImageElement, r = s.getBoundingClientRect(), l = getComputedStyle(this.container); let c = r.width * n, h = r.height * n; const d = parseFloat(l.paddingTop) + parseFloat(l.paddingBottom), u = c - (parseFloat(l.paddingLeft) + parseFloat(l.paddingRight)), p = h - d; this.containerRect = { width: c, height: h, innerWidth: u, innerHeight: p }; const f = parseFloat(o.dataset.width || "") || (t => { let e = 0; return e = t instanceof HTMLImageElement ? t.naturalWidth : t instanceof SVGElement ? t.width.baseVal.value : Math.max(t.offsetWidth, t.scrollWidth), e || 0 })(o), g = parseFloat(o.dataset.height || "") || (t => { let e = 0; return e = t instanceof HTMLImageElement ? t.naturalHeight : t instanceof SVGElement ? t.height.baseVal.value : Math.max(t.offsetHeight, t.scrollHeight), e || 0 })(o); let m = this.option("width", f) || R, b = this.option("height", g) || R; const y = m === R, w = b === R; "number" != typeof m && (m = f), "number" != typeof b && (b = g), y && (m = f * (b / g)), w && (b = g / (f / m)); let x = o.parentElement instanceof HTMLPictureElement ? o.parentElement : o; this.option("transformParent") && (x = x.parentElement || x); const E = x.getAttribute("style") || ""; x.style.setProperty("transform", "none", "important"), a && (x.style.width = "", x.style.height = ""), x.offsetHeight; const S = o.getBoundingClientRect(); let P = S.width * n, C = S.height * n, T = P, M = C; P = Math.min(P, m), C = Math.min(C, b), a ? ({ width: P, height: C } = ((t, e, i, n) => { const s = i / t, o = n / e, a = Math.min(s, o); return { width: t *= a, height: e *= a } })(m, b, P, C)) : (P = Math.min(P, m), C = Math.min(C, b)); let O = .5 * (M - C), A = .5 * (T - P); this.contentRect = Object.assign(Object.assign({}, this.contentRect), { top: S.top - r.top + O, bottom: r.bottom - S.bottom + O, left: S.left - r.left + A, right: r.right - S.right + A, fitWidth: P, fitHeight: C, width: P, height: C, fullWidth: m, fullHeight: b }), x.style.cssText = E, a && (x.style.width = `${P}px`, x.style.height = `${C}px`), this.setTransform(), !0 !== t && this.emit("refresh"), this.ignoreBounds || (e(this.targetScale) < e(this.minScale) ? this.zoomTo(this.minScale, { friction: 0 }) : this.targetScale > this.maxScale ? this.zoomTo(this.maxScale, { friction: 0 }) : this.state === v.Init || this.checkBounds().inBounds || this.requestTick()), this.updateControls() } calculateBounds() { const { contentWidth: t, contentHeight: i } = this.calculateContentDim(this.target), { targetScale: n, lockedAxis: s } = this, { fitWidth: o, fitHeight: a } = this.contentRect; let r = 0, l = 0, c = 0, h = 0; const d = this.option("infinite"); if (!0 === d || s && d === s) r = -1 / 0, c = 1 / 0, l = -1 / 0, h = 1 / 0; else { let { containerRect: s, contentRect: d } = this, u = e(o * n, O), p = e(a * n, O), { innerWidth: f, innerHeight: g } = s; if (s.width === u && (f = s.width), s.width === p && (g = s.height), t > f) { c = .5 * (t - f), r = -1 * c; let e = .5 * (d.right - d.left); r += e, c += e } if (o > f && t < f && (r -= .5 * (o - f), c -= .5 * (o - f)), i > g) { h = .5 * (i - g), l = -1 * h; let t = .5 * (d.bottom - d.top); l += t, h += t } a > g && i < g && (r -= .5 * (a - g), c -= .5 * (a - g)) } return { x: { min: r, max: c }, y: { min: l, max: h } } } getBounds() { const t = this.option("bounds"); return t !== R ? t : this.calculateBounds() } updateControls() { const t = this, i = t.container, { panMode: n, contentRect: s, targetScale: o, minScale: r } = t; let l = r, c = t.option("click") || !1; c && (l = t.getNextScale(c)); let h = t.canZoomIn(), d = t.canZoomOut(), u = n === L && !!this.option("touch"), p = d && u; if (u && (e(o) < e(r) && !this.panOnlyZoomed && (p = !0), (e(s.width, 1) > e(s.fitWidth, 1) || e(s.height, 1) > e(s.fitHeight, 1)) && (p = !0)), e(s.width * o, 1) < e(s.fitWidth, 1) && (p = !1), n === A && (p = !1), a(i, this.cn("isDraggable"), p), !this.option("zoom")) return; let f = h && e(l) > e(o), g = !f && !p && d && e(l) < e(o); a(i, this.cn("canZoomIn"), f), a(i, this.cn("canZoomOut"), g); for (const t of i.querySelectorAll("[data-panzoom-action]")) { let e = !1, i = !1; switch (t.dataset.panzoomAction) { case "zoomIn": h ? e = !0 : i = !0; break; case "zoomOut": d ? e = !0 : i = !0; break; case "toggleZoom": case "iterateZoom": h || d ? e = !0 : i = !0; const n = t.querySelector("g"); n && (n.style.display = h ? "" : "none") } e ? (t.removeAttribute("disabled"), t.removeAttribute("tabindex")) : i && (t.setAttribute("disabled", ""), t.setAttribute("tabindex", "-1")) } } panTo({ x: t = this.target.e, y: e = this.target.f, scale: i = this.targetScale, friction: n = this.option("friction"), angle: s = 0, originX: o = 0, originY: a = 0, flipX: r = !1, flipY: l = !1, ignoreBounds: c = !1 }) { this.state !== v.Destroy && this.applyChange({ panX: t - this.target.e, panY: e - this.target.f, scale: i / this.targetScale, angle: s, originX: o, originY: a, friction: n, flipX: r, flipY: l, ignoreBounds: c }) } applyChange({ panX: t = 0, panY: i = 0, scale: n = 1, angle: s = 0, originX: o = -this.current.e, originY: a = -this.current.f, friction: r = this.option("friction"), flipX: l = !1, flipY: c = !1, ignoreBounds: h = !1, bounce: d = this.option("bounce") }) { const u = this.state; if (u === v.Destroy) return; this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.friction = r || 0, this.ignoreBounds = h; const { current: p } = this, f = p.e, g = p.f, m = this.getMatrix(this.target); let y = (new DOMMatrix).translate(f, g).translate(o, a).translate(t, i); if (this.option("zoom")) { if (!h) { const t = this.targetScale, e = this.minScale, i = this.maxScale; t * n < e && (n = e / t), t * n > i && (n = i / t) } y = y.scale(n) } y = y.translate(-o, -a).translate(-f, -g).multiply(m), s && (y = y.rotate(s)), l && (y = y.scale(-1, 1)), c && (y = y.scale(1, -1)); for (const t of b) "e" !== t && "f" !== t && (y[t] > this.minScale + 1e-5 || y[t] < this.minScale - 1e-5) ? this.target[t] = y[t] : this.target[t] = e(y[t], O); (this.targetScale < this.scale || Math.abs(n - 1) > .1 || this.panMode === A || !1 === d) && !h && this.clampTargetBounds(), u === v.Init ? this.animate() : this.isResting || (this.state = v.Panning, this.requestTick()) } stop(t = !1) { if (this.state === v.Init || this.state === v.Destroy) return; const e = this.isTicking; this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.isBouncingX = !1, this.isBouncingY = !1; for (const e of b) this.velocity[e] = 0, "current" === t ? this.current[e] = this.target[e] : "target" === t && (this.target[e] = this.current[e]); this.setTransform(), P(this.container, "is-scaling"), P(this.container, "is-animating"), this.isTicking = !1, this.state = v.Ready, e && (this.emit("endAnimation"), this.updateControls()) } requestTick() { this.isTicking || (this.emit("startAnimation"), this.updateControls(), C(this.container, "is-animating"), this.isScaling && C(this.container, "is-scaling")), this.isTicking = !0, this.rAF || (this.rAF = requestAnimationFrame((() => this.animate()))) } panWithMouse(t, i = this.option("mouseMoveFriction")) { if (this.pmme = t, this.panMode !== A || !t) return; if (e(this.targetScale) <= e(this.minScale)) return; this.emit("mouseMove", t); const { container: n, containerRect: s, contentRect: o } = this, a = s.width, r = s.height, l = n.getBoundingClientRect(), c = (t.clientX || 0) - l.left, h = (t.clientY || 0) - l.top; let { contentWidth: d, contentHeight: u } = this.calculateContentDim(this.target); const p = this.option("mouseMoveFactor"); p > 1 && (d !== a && (d *= p), u !== r && (u *= p)); let f = .5 * (d - a) - c / a * 100 / 100 * (d - a); f += .5 * (o.right - o.left); let g = .5 * (u - r) - h / r * 100 / 100 * (u - r); g += .5 * (o.bottom - o.top), this.applyChange({ panX: f - this.target.e, panY: g - this.target.f, friction: i }) } zoomWithWheel(t) { if (this.state === v.Destroy || this.state === v.Init) return; const i = Date.now(); if (i - this.pwt < 45) return void t.preventDefault(); this.pwt = i; var n = [-t.deltaX || 0, -t.deltaY || 0, -t.detail || 0].reduce((function(t, e) { return Math.abs(e) > Math.abs(t) ? e : t })); const s = Math.max(-1, Math.min(1, n)), { targetScale: o, maxScale: a, minScale: r } = this; let l = o * (100 + 45 * s) / 100; e(l) < e(r) && e(o) <= e(r) ? (this.cwd += Math.abs(s), l = r) : e(l) > e(a) && e(o) >= e(a) ? (this.cwd += Math.abs(s), l = a) : (this.cwd = 0, l = Math.max(Math.min(l, a), r)), this.cwd > this.option("wheelLimit") || (t.preventDefault(), e(l) !== e(o) && this.zoomTo(l, { event: t })) } canZoomIn() { return this.option("zoom") && (e(this.contentRect.width, 1) < e(this.contentRect.fitWidth, 1) || e(this.targetScale) < e(this.maxScale)) } canZoomOut() { return this.option("zoom") && e(this.targetScale) > e(this.minScale) } zoomIn(t = 1.25, e) { this.zoomTo(this.targetScale * t, e) } zoomOut(t = .8, e) { this.zoomTo(this.targetScale * t, e) } zoomToFit(t) { this.zoomTo("fit", t) } zoomToCover(t) { this.zoomTo("cover", t) } zoomToFull(t) { this.zoomTo("full", t) } zoomToMax(t) { this.zoomTo("max", t) } toggleZoom(t) { this.zoomTo(this.getNextScale("toggleZoom"), t) } toggleMax(t) { this.zoomTo(this.getNextScale("toggleMax"), t) } toggleCover(t) { this.zoomTo(this.getNextScale("toggleCover"), t) } iterateZoom(t) { this.zoomTo("next", t) } zoomTo(t = 1, { friction: e = R, originX: i = R, originY: n = R, event: s } = {}) { if (this.isContentLoading || this.state === v.Destroy) return; const { targetScale: o, fullScale: a, maxScale: r, coverScale: l } = this; if (this.stop(), this.panMode === A && (s = this.pmme || s), s || i === R || n === R) { const t = this.content.getBoundingClientRect(), e = this.container.getBoundingClientRect(), o = s ? s.clientX : e.left + .5 * e.width, a = s ? s.clientY : e.top + .5 * e.height; i = o - t.left - .5 * t.width, n = a - t.top - .5 * t.height } let c = 1; "number" == typeof t ? c = t : "full" === t ? c = a : "cover" === t ? c = l : "max" === t ? c = r : "fit" === t ? c = 1 : "next" === t && (c = this.getNextScale("iterateZoom")), c = c / o || 1, e = e === R ? c > 1 ? .15 : .25 : e, this.applyChange({ scale: c, originX: i, originY: n, friction: e }), s && this.panMode === A && this.panWithMouse(s, e) } rotateCCW() { this.applyChange({ angle: -90 }) } rotateCW() { this.applyChange({ angle: 90 }) } flipX() { this.applyChange({ flipX: !0 }) } flipY() { this.applyChange({ flipY: !0 }) } fitX() { this.stop("target"); const { containerRect: t, contentRect: e, target: i } = this; this.applyChange({ panX: .5 * t.width - (e.left + .5 * e.fitWidth) - i.e, panY: .5 * t.height - (e.top + .5 * e.fitHeight) - i.f, scale: t.width / e.fitWidth / this.targetScale, originX: 0, originY: 0, ignoreBounds: !0 }) } fitY() { this.stop("target"); const { containerRect: t, contentRect: e, target: i } = this; this.applyChange({ panX: .5 * t.width - (e.left + .5 * e.fitWidth) - i.e, panY: .5 * t.innerHeight - (e.top + .5 * e.fitHeight) - i.f, scale: t.height / e.fitHeight / this.targetScale, originX: 0, originY: 0, ignoreBounds: !0 }) } toggleFS() { const { container: t } = this, e = this.cn("inFullscreen"), i = this.cn("htmlHasFullscreen"); t.classList.toggle(e); const n = t.classList.contains(e); n ? (document.documentElement.classList.add(i), document.addEventListener("keydown", this.onKeydown, !0)) : (document.documentElement.classList.remove(i), document.removeEventListener("keydown", this.onKeydown, !0)), this.updateMetrics(), this.emit(n ? "enterFS" : "exitFS") } getMatrix(t = this.current) { const { a: e, b: i, c: n, d: s, e: o, f: a } = t; return new DOMMatrix([e, i, n, s, o, a]) } reset(t) { if (this.state !== v.Init && this.state !== v.Destroy) { this.stop("current"); for (const t of b) this.target[t] = T[t]; this.target.a = this.minScale, this.target.d = this.minScale, this.clampTargetBounds(), this.isResting || (this.friction = void 0 === t ? this.option("friction") : t, this.state = v.Panning, this.requestTick()) } } destroy() { this.stop(), this.state = v.Destroy, this.detachEvents(), this.detachObserver(); const { container: t, content: e } = this, i = this.option("classes") || {}; for (const e of Object.values(i)) t.classList.remove(e + ""); e && (e.removeEventListener("load", this.onLoad), e.removeEventListener("error", this.onError)), this.detachPlugins() } } Object.defineProperty(D, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: w }), Object.defineProperty(D, "Plugins", { enumerable: !0, configurable: !0, writable: !0, value: {} }); const F = function(t, e) { let i = !0; return (...n) => { i && (i = !1, t(...n), setTimeout((() => { i = !0 }), e)) } }, j = (t, e) => { let i = []; return t.childNodes.forEach((t => { t.nodeType !== Node.ELEMENT_NODE || e && !t.matches(e) || i.push(t) })), i }, B = { viewport: null, track: null, enabled: !0, slides: [], axis: "x", transition: "fade", preload: 1, slidesPerPage: "auto", initialPage: 0, friction: .12, Panzoom: { decelFriction: .12 }, center: !0, infinite: !0, fill: !0, dragFree: !1, adaptiveHeight: !1, direction: "ltr", classes: { container: "f-carousel", viewport: "f-carousel__viewport", track: "f-carousel__track", slide: "f-carousel__slide", isLTR: "is-ltr", isRTL: "is-rtl", isHorizontal: "is-horizontal", isVertical: "is-vertical", inTransition: "in-transition", isSelected: "is-selected" }, l10n: { NEXT: "Next slide", PREV: "Previous slide", GOTO: "Go to slide #%d" } }; var H; ! function(t) { t[t.Init = 0] = "Init", t[t.Ready = 1] = "Ready", t[t.Destroy = 2] = "Destroy" }(H || (H = {})); const N = t => { if ("string" == typeof t || t instanceof HTMLElement) t = { html: t }; else { const e = t.thumb; void 0 !== e && ("string" == typeof e && (t.thumbSrc = e), e instanceof HTMLImageElement && (t.thumbEl = e, t.thumbElSrc = e.src, t.thumbSrc = e.src), delete t.thumb) } return Object.assign({ html: "", el: null, isDom: !1, class: "", customClass: "", index: -1, dim: 0, gap: 0, pos: 0, transition: !1 }, t) }, _ = (t = {}) => Object.assign({ index: -1, slides: [], dim: 0, pos: -1 }, t); class $ extends g { constructor(t, e) { super(e), Object.defineProperty(this, "instance", { enumerable: !0, configurable: !0, writable: !0, value: t }) } attach() {} detach() {} } const W = { classes: { list: "f-carousel__dots", isDynamic: "is-dynamic", hasDots: "has-dots", dot: "f-carousel__dot", isBeforePrev: "is-before-prev", isPrev: "is-prev", isCurrent: "is-current", isNext: "is-next", isAfterNext: "is-after-next" }, dotTpl: '', dynamicFrom: 11, maxCount: 1 / 0, minCount: 2 }; class X extends $ { constructor() { super(...arguments), Object.defineProperty(this, "isDynamic", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "list", { enumerable: !0, configurable: !0, writable: !0, value: null }) } onRefresh() { this.refresh() } build() { let t = this.list; if (!t) { t = document.createElement("ul"), C(t, this.cn("list")), t.setAttribute("role", "tablist"); const e = this.instance.container; e.appendChild(t), C(e, this.cn("hasDots")), this.list = t } return t } refresh() { var t; const e = this.instance.pages.length, i = Math.min(2, this.option("minCount")), n = Math.max(2e3, this.option("maxCount")), s = this.option("dynamicFrom"); if (e < i || e > n) return void this.cleanup(); const o = "number" == typeof s && e > 5 && e >= s, r = !this.list || this.isDynamic !== o || this.list.children.length !== e; r && this.cleanup(); const l = this.build(); if (a(l, this.cn("isDynamic"), !!o), r) for (let t = 0; t < e; t++) l.append(this.createItem(t)); let c, h = 0; for (const e of [...l.children]) { const i = h === this.instance.page; i && (c = e), a(e, this.cn("isCurrent"), i), null === (t = e.children[0]) || void 0 === t || t.setAttribute("aria-selected", i ? "true" : "false"); for (const t of ["isBeforePrev", "isPrev", "isNext", "isAfterNext"]) P(e, this.cn(t)); h++ } if (c = c || l.firstChild, o && c) { const t = c.previousElementSibling, e = t && t.previousElementSibling; C(t, this.cn("isPrev")), C(e, this.cn("isBeforePrev")); const i = c.nextElementSibling, n = i && i.nextElementSibling; C(i, this.cn("isNext")), C(n, this.cn("isAfterNext")) } this.isDynamic = o } createItem(t = 0) { var e; const i = document.createElement("li"); i.setAttribute("role", "presentation"); const n = s(this.instance.localize(this.option("dotTpl"), [ ["%d", t + 1] ]).replace(/\%i/g, t + "")); return i.appendChild(n), null === (e = i.children[0]) || void 0 === e || e.setAttribute("role", "tab"), i } cleanup() { this.list && (this.list.remove(), this.list = null), this.isDynamic = !1, P(this.instance.container, this.cn("hasDots")) } attach() { this.instance.on(["refresh", "change"], this.onRefresh) } detach() { this.instance.off(["refresh", "change"], this.onRefresh), this.cleanup() } } Object.defineProperty(X, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: W }); const q = "disabled", Y = "next", V = "prev"; class Z extends $ { constructor() { super(...arguments), Object.defineProperty(this, "container", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "prev", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "next", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "isDom", { enumerable: !0, configurable: !0, writable: !0, value: !1 }) } onRefresh() { const t = this.instance, e = t.pages.length, i = t.page; if (e < 2) return void this.cleanup(); this.build(); let n = this.prev, s = this.next; n && s && (n.removeAttribute(q), s.removeAttribute(q), t.isInfinite || (i <= 0 && n.setAttribute(q, ""), i >= e - 1 && s.setAttribute(q, ""))) } addBtn(t) { var e; const i = this.instance, n = document.createElement("button"); n.setAttribute("tabindex", "0"), n.setAttribute("title", i.localize(`{{${t.toUpperCase()}}}`)), C(n, this.cn("button") + " " + this.cn(t === Y ? "isNext" : "isPrev")); const s = i.isRTL ? t === Y ? V : Y : t; var o; return n.innerHTML = i.localize(this.option(`${s}Tpl`)), n.dataset[`carousel${o=t,o?o.match("^[a-z]")?o.charAt(0).toUpperCase()+o.substring(1):o:""}`] = "true", null === (e = this.container) || void 0 === e || e.appendChild(n), n } build() { const t = this.instance.container, e = this.cn("container"); let { container: i, prev: n, next: s } = this; i || (i = t.querySelector("." + e), this.isDom = !!i), i || (i = document.createElement("div"), C(i, e), t.appendChild(i)), this.container = i, s || (s = i.querySelector("[data-carousel-next]")), s || (s = this.addBtn(Y)), this.next = s, n || (n = i.querySelector("[data-carousel-prev]")), n || (n = this.addBtn(V)), this.prev = n } cleanup() { this.isDom || (this.prev && this.prev.remove(), this.next && this.next.remove(), this.container && this.container.remove()), this.prev = null, this.next = null, this.container = null, this.isDom = !1 } attach() { this.instance.on(["refresh", "change"], this.onRefresh) } detach() { this.instance.off(["refresh", "change"], this.onRefresh), this.cleanup() } } Object.defineProperty(Z, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: { classes: { container: "f-carousel__nav", button: "f-button", isNext: "is-next", isPrev: "is-prev" }, nextTpl: '', prevTpl: '' } }); class U extends $ { constructor() { super(...arguments), Object.defineProperty(this, "selectedIndex", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "target", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "nav", { enumerable: !0, configurable: !0, writable: !0, value: null }) } addAsTargetFor(t) { this.target = this.instance, this.nav = t, this.attachEvents() } addAsNavFor(t) { this.nav = this.instance, this.target = t, this.attachEvents() } attachEvents() { const { nav: t, target: e } = this; t && e && (t.options.initialSlide = e.options.initialPage, t.state === H.Ready ? this.onNavReady(t) : t.on("ready", this.onNavReady), e.state === H.Ready ? this.onTargetReady(e) : e.on("ready", this.onTargetReady)) } onNavReady(t) { t.on("createSlide", this.onNavCreateSlide), t.on("Panzoom.click", this.onNavClick), t.on("Panzoom.touchEnd", this.onNavTouch), this.onTargetChange() } onTargetReady(t) { t.on("change", this.onTargetChange), t.on("Panzoom.refresh", this.onTargetChange), this.onTargetChange() } onNavClick(t, e, i) { this.onNavTouch(t, t.panzoom, i) } onNavTouch(t, e, i) { var n, s; if (Math.abs(e.dragOffset.x) > 3 || Math.abs(e.dragOffset.y) > 3) return; const o = i.target, { nav: a, target: r } = this; if (!a || !r || !o) return; const l = o.closest("[data-index]"); if (i.stopPropagation(), i.preventDefault(), !l) return; const c = parseInt(l.dataset.index || "", 10) || 0, h = r.getPageForSlide(c), d = a.getPageForSlide(c); a.slideTo(d), r.slideTo(h, { friction: (null === (s = null === (n = this.nav) || void 0 === n ? void 0 : n.plugins) || void 0 === s ? void 0 : s.Sync.option("friction")) || 0 }), this.markSelectedSlide(c) } onNavCreateSlide(t, e) { e.index === this.selectedIndex && this.markSelectedSlide(e.index) } onTargetChange() { var t, e; const { target: i, nav: n } = this; if (!i || !n) return; if (n.state !== H.Ready || i.state !== H.Ready) return; const s = null === (e = null === (t = i.pages[i.page]) || void 0 === t ? void 0 : t.slides[0]) || void 0 === e ? void 0 : e.index, o = n.getPageForSlide(s); this.markSelectedSlide(s), n.slideTo(o, null === n.prevPage && null === i.prevPage ? { friction: 0 } : void 0) } markSelectedSlide(t) { const e = this.nav; e && e.state === H.Ready && (this.selectedIndex = t, [...e.slides].map((e => { e.el && e.el.classList[e.index === t ? "add" : "remove"]("is-nav-selected") }))) } attach() { const t = this; let e = t.options.target, i = t.options.nav; e ? t.addAsNavFor(e) : i && t.addAsTargetFor(i) } detach() { const t = this, e = t.nav, i = t.target; e && (e.off("ready", t.onNavReady), e.off("createSlide", t.onNavCreateSlide), e.off("Panzoom.click", t.onNavClick), e.off("Panzoom.touchEnd", t.onNavTouch)), t.nav = null, i && (i.off("ready", t.onTargetReady), i.off("refresh", t.onTargetChange), i.off("change", t.onTargetChange)), t.target = null } } Object.defineProperty(U, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: { friction: .35 } }); const G = { Navigation: Z, Dots: X, Sync: U }, K = "animationend", J = "isSelected", Q = "slide"; class tt extends m { get axis() { return this.isHorizontal ? "e" : "f" } get isEnabled() { return this.state === H.Ready } get isInfinite() { let t = !1; const { contentDim: e, viewportDim: i, pages: n, slides: s } = this, o = s[0]; return n.length >= 2 && o && e + o.dim >= i && (t = this.option("infinite")), t } get isRTL() { return "rtl" === this.option("direction") } get isHorizontal() { return "x" === this.option("axis") } constructor(t, e = {}, i = {}) { if (super(), Object.defineProperty(this, "bp", { enumerable: !0, configurable: !0, writable: !0, value: "" }), Object.defineProperty(this, "lp", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "userOptions", { enumerable: !0, configurable: !0, writable: !0, value: {} }), Object.defineProperty(this, "userPlugins", { enumerable: !0, configurable: !0, writable: !0, value: {} }), Object.defineProperty(this, "state", { enumerable: !0, configurable: !0, writable: !0, value: H.Init }), Object.defineProperty(this, "page", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "prevPage", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "container", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "viewport", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "track", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "slides", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "pages", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "panzoom", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "inTransition", { enumerable: !0, configurable: !0, writable: !0, value: new Set }), Object.defineProperty(this, "contentDim", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "viewportDim", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), "string" == typeof t && (t = document.querySelector(t)), !t || !S(t)) throw new Error("No Element found"); this.container = t, this.slideNext = F(this.slideNext.bind(this), 150), this.slidePrev = F(this.slidePrev.bind(this), 150), this.userOptions = e, this.userPlugins = i, queueMicrotask((() => { this.processOptions() })) } processOptions() { var t, e; const i = p({}, tt.defaults, this.userOptions); let n = ""; const s = i.breakpoints; if (s && u(s)) for (const [t, e] of Object.entries(s)) window.matchMedia(t).matches && u(e) && (n += t, p(i, e)); n === this.bp && this.state !== H.Init || (this.bp = n, this.state === H.Ready && (i.initialSlide = (null === (e = null === (t = this.pages[this.page]) || void 0 === t ? void 0 : t.slides[0]) || void 0 === e ? void 0 : e.index) || 0), this.state !== H.Init && this.destroy(), super.setOptions(i), !1 === this.option("enabled") ? this.attachEvents() : setTimeout((() => { this.init() }), 0)) } init() { this.state = H.Init, this.emit("init"), this.attachPlugins(Object.assign(Object.assign({}, tt.Plugins), this.userPlugins)), this.emit("attachPlugins"), this.initLayout(), this.initSlides(), this.updateMetrics(), this.setInitialPosition(), this.initPanzoom(), this.attachEvents(), this.state = H.Ready, this.emit("ready") } initLayout() { const { container: t } = this, e = this.option("classes"); C(t, this.cn("container")), a(t, e.isLTR, !this.isRTL), a(t, e.isRTL, this.isRTL), a(t, e.isVertical, !this.isHorizontal), a(t, e.isHorizontal, this.isHorizontal); let i = this.option("viewport") || t.querySelector(`.${e.viewport}`); i || (i = document.createElement("div"), C(i, e.viewport), i.append(...j(t, `.${e.slide}`)), t.prepend(i)), i.addEventListener("scroll", this.onScroll); let n = this.option("track") || t.querySelector(`.${e.track}`); n || (n = document.createElement("div"), C(n, e.track), n.append(...Array.from(i.childNodes))), n.setAttribute("aria-live", "polite"), i.contains(n) || i.prepend(n), this.viewport = i, this.track = n, this.emit("initLayout") } initSlides() { const { track: t } = this; if (!t) return; const e = [...this.slides], i = []; [...j(t, `.${this.cn(Q)}`)].forEach((t => { if (S(t)) { const e = N({ el: t, isDom: !0, index: this.slides.length }); i.push(e) } })); for (let t of [...this.option("slides", []) || [], ...e]) i.push(N(t)); this.slides = i; for (let t = 0; t < this.slides.length; t++) this.slides[t].index = t; for (const t of i) this.emit("beforeInitSlide", t, t.index), this.emit("initSlide", t, t.index); this.emit("initSlides") } setInitialPage() { const t = this.option("initialSlide"); this.page = "number" == typeof t ? this.getPageForSlide(t) : parseInt(this.option("initialPage", 0) + "", 10) || 0 } setInitialPosition() { const { track: t, pages: e, isHorizontal: i } = this; if (!t || !e.length) return; let n = this.page; e[n] || (this.page = n = 0); const s = (e[n].pos || 0) * (this.isRTL && i ? 1 : -1), o = i ? `${s}px` : "0", a = i ? "0" : `${s}px`; t.style.transform = `translate3d(${o}, ${a}, 0) scale(1)`, this.option("adaptiveHeight") && this.setViewportHeight() } initPanzoom() { this.panzoom && (this.panzoom.destroy(), this.panzoom = null); const t = this.option("Panzoom") || {}; this.panzoom = new D(this.viewport, p({}, { content: this.track, zoom: !1, panOnlyZoomed: !1, lockAxis: this.isHorizontal ? "x" : "y", infinite: this.isInfinite, click: !1, dblClick: !1, touch: t => !(this.pages.length < 2 && !t.options.infinite), bounds: () => this.getBounds(), maxVelocity: t => Math.abs(t.target[this.axis] - t.current[this.axis]) < 2 * this.viewportDim ? 100 : 0 }, t)), this.panzoom.on("*", ((t, e, ...i) => { this.emit(`Panzoom.${e}`, t, ...i) })), this.panzoom.on("decel", this.onDecel), this.panzoom.on("refresh", this.onRefresh), this.panzoom.on("beforeTransform", this.onBeforeTransform), this.panzoom.on("endAnimation", this.onEndAnimation) } attachEvents() { const t = this.container; t && (t.addEventListener("click", this.onClick, { passive: !1, capture: !1 }), t.addEventListener("slideTo", this.onSlideTo)), window.addEventListener("resize", this.onResize) } createPages() { let t = []; const { contentDim: e, viewportDim: i } = this; let n = this.option("slidesPerPage"); n = ("auto" === n || e <= i) && !1 !== this.option("fill") ? 1 / 0 : parseFloat(n + ""); let s = 0, o = 0, a = 0; for (const e of this.slides)(!t.length || o + e.dim - i > .05 || a >= n) && (t.push(_()), s = t.length - 1, o = 0, a = 0), t[s].slides.push(e), o += e.dim + e.gap, a++; return t } processPages() { const t = this.pages, { contentDim: i, viewportDim: n, isInfinite: s } = this, o = this.option("center"), a = this.option("fill"), r = a && o && i > n && !s; if (t.forEach(((t, e) => { var s; t.index = e, t.pos = (null === (s = t.slides[0]) || void 0 === s ? void 0 : s.pos) || 0, t.dim = 0; for (const [e, i] of t.slides.entries()) t.dim += i.dim, e < t.slides.length - 1 && (t.dim += i.gap); r && t.pos + .5 * t.dim < .5 * n ? t.pos = 0 : r && t.pos + .5 * t.dim >= i - .5 * n ? t.pos = i - n : o && (t.pos += -.5 * (n - t.dim)) })), t.forEach((t => { a && !s && i > n && (t.pos = Math.max(t.pos, 0), t.pos = Math.min(t.pos, i - n)), t.pos = e(t.pos, 1e3), t.dim = e(t.dim, 1e3), Math.abs(t.pos) <= .1 && (t.pos = 0) })), s) return t; const l = []; let c; return t.forEach((t => { const e = Object.assign({}, t); c && e.pos === c.pos ? (c.dim += e.dim, c.slides = [...c.slides, ...e.slides]) : (e.index = l.length, c = e, l.push(e)) })), l } getPageFromIndex(t = 0) { const e = this.pages.length; let i; return t = parseInt((t || 0).toString()) || 0, i = this.isInfinite ? (t % e + e) % e : Math.max(Math.min(t, e - 1), 0), i } getSlideMetrics(t) { var i, n; const s = this.isHorizontal ? "width" : "height"; let o = 0, a = 0, r = t.el; const l = !(!r || r.parentNode); if (r ? o = parseFloat(r.dataset[s] || "") || 0 : (r = document.createElement("div"), r.style.visibility = "hidden", (this.track || document.body).prepend(r)), C(r, this.cn(Q) + " " + t.class + " " + t.customClass), o) r.style[s] = `${o}px`, r.style["width" === s ? "height" : "width"] = ""; else { l && (this.track || document.body).prepend(r), o = r.getBoundingClientRect()[s] * Math.max(1, (null === (i = window.visualViewport) || void 0 === i ? void 0 : i.scale) || 1); let t = r[this.isHorizontal ? "offsetWidth" : "offsetHeight"]; t - 1 > o && (o = t) } const c = getComputedStyle(r); return "content-box" === c.boxSizing && (this.isHorizontal ? (o += parseFloat(c.paddingLeft) || 0, o += parseFloat(c.paddingRight) || 0) : (o += parseFloat(c.paddingTop) || 0, o += parseFloat(c.paddingBottom) || 0)), a = parseFloat(c[this.isHorizontal ? "marginRight" : "marginBottom"]) || 0, l ? null === (n = r.parentElement) || void 0 === n || n.removeChild(r) : t.el || r.remove(), { dim: e(o, 1e3), gap: e(a, 1e3) } } getBounds() { const { isInfinite: t, isRTL: e, isHorizontal: i, pages: n } = this; let s = { min: 0, max: 0 }; if (t) s = { min: -1 / 0, max: 1 / 0 }; else if (n.length) { const t = n[0].pos, o = n[n.length - 1].pos; s = e && i ? { min: t, max: o } : { min: -1 * o, max: -1 * t } } return { x: i ? s : { min: 0, max: 0 }, y: i ? { min: 0, max: 0 } : s } } repositionSlides() { let t, { isHorizontal: i, isRTL: n, isInfinite: s, viewport: o, viewportDim: a, contentDim: r, page: l, pages: c, slides: h, panzoom: d } = this, u = 0, p = 0, f = 0, g = 0; d ? g = -1 * d.current[this.axis] : c[l] && (g = c[l].pos || 0), t = i ? n ? "right" : "left" : "top", n && i && (g *= -1); for (const i of h) { const n = i.el; n ? ("top" === t ? (n.style.right = "", n.style.left = "") : n.style.top = "", i.index !== u ? n.style[t] = 0 === p ? "" : `${e(p,1e3)}px` : n.style[t] = "", f += i.dim + i.gap, u++) : p += i.dim + i.gap } if (s && f && o) { let n = getComputedStyle(o), s = "padding", l = i ? "Right" : "Bottom", c = parseFloat(n[s + (i ? "Left" : "Top")]); g -= c, a += c, a += parseFloat(n[s + l]); for (const i of h) i.el && (e(i.pos) < e(a) && e(i.pos + i.dim + i.gap) < e(g) && e(g) > e(r - a) && (i.el.style[t] = `${e(p+f,1e3)}px`), e(i.pos + i.gap) >= e(r - a) && e(i.pos) > e(g + a) && e(g) < e(a) && (i.el.style[t] = `-${e(f,1e3)}px`)) } let m, v, b = [...this.inTransition]; if (b.length > 1 && (m = c[b[0]], v = c[b[1]]), m && v) { let i = 0; for (const n of h) n.el ? this.inTransition.has(n.index) && m.slides.indexOf(n) < 0 && (n.el.style[t] = `${e(i+(m.pos-v.pos),1e3)}px`) : i += n.dim + n.gap } } createSlideEl(t) { const { track: e, slides: i } = this; if (!e || !t) return; if (t.el && t.el.parentNode) return; const n = t.el || document.createElement("div"); C(n, this.cn(Q)), C(n, t.class), C(n, t.customClass); const s = t.html; s && (s instanceof HTMLElement ? n.appendChild(s) : n.innerHTML = t.html + ""); const o = []; i.forEach(((t, e) => { t.el && o.push(e) })); const a = t.index; let r = null; if (o.length) { r = i[o.reduce(((t, e) => Math.abs(e - a) < Math.abs(t - a) ? e : t))] } const l = r && r.el && r.el.parentNode ? r.index < t.index ? r.el.nextSibling : r.el : null; e.insertBefore(n, e.contains(l) ? l : null), t.el = n, this.emit("createSlide", t) } removeSlideEl(t, e = !1) { const i = null == t ? void 0 : t.el; if (!i || !i.parentNode) return; const n = this.cn(J); if (i.classList.contains(n) && (P(i, n), this.emit("unselectSlide", t)), t.isDom && !e) return i.removeAttribute("aria-hidden"), i.removeAttribute("data-index"), void(i.style.left = ""); this.emit("removeSlide", t); const s = new CustomEvent(K); i.dispatchEvent(s), t.el && (t.el.remove(), t.el = null) } transitionTo(t = 0, e = this.option("transition")) { var i, n, s, o; if (!e) return !1; const a = this.page, { pages: r, panzoom: l } = this; t = parseInt((t || 0).toString()) || 0; const c = this.getPageFromIndex(t); if (!l || !r[c] || r.length < 2 || Math.abs(((null === (n = null === (i = r[a]) || void 0 === i ? void 0 : i.slides[0]) || void 0 === n ? void 0 : n.dim) || 0) - this.viewportDim) > 1) return !1; let h = t > a ? 1 : -1; this.isInfinite && (0 === a && t === r.length - 1 && (h = -1), a === r.length - 1 && 0 === t && (h = 1)); const d = r[c].pos * (this.isRTL ? 1 : -1); if (a === c && Math.abs(d - l.target[this.axis]) < 1) return !1; this.clearTransitions(); const u = l.isResting; C(this.container, this.cn("inTransition")); const p = (null === (s = r[a]) || void 0 === s ? void 0 : s.slides[0]) || null, f = (null === (o = r[c]) || void 0 === o ? void 0 : o.slides[0]) || null; this.inTransition.add(f.index), this.createSlideEl(f); let g = p.el, m = f.el; u || e === Q || (e = "fadeFast", g = null); const v = this.isRTL ? "next" : "prev", b = this.isRTL ? "prev" : "next"; return g && (this.inTransition.add(p.index), p.transition = e, g.addEventListener(K, this.onAnimationEnd), g.classList.add(`f-${e}Out`, `to-${h>0?b:v}`)), m && (f.transition = e, m.addEventListener(K, this.onAnimationEnd), m.classList.add(`f-${e}In`, `from-${h>0?v:b}`)), l.current[this.axis] = d, l.target[this.axis] = d, l.requestTick(), this.onChange(c), !0 } manageSlideVisiblity() { const t = new Set, e = new Set, i = this.getVisibleSlides(parseFloat(this.option("preload", 0) + "") || 0); for (const n of this.slides) i.has(n) ? t.add(n) : e.add(n); for (const e of this.inTransition) t.add(this.slides[e]); for (const e of t) this.createSlideEl(e), this.lazyLoadSlide(e); for (const i of e) t.has(i) || this.removeSlideEl(i); this.markSelectedSlides(), this.repositionSlides() } markSelectedSlides() { if (!this.pages[this.page] || !this.pages[this.page].slides) return; const t = "aria-hidden"; let e = this.cn(J); if (e) for (const i of this.slides) { const n = i.el; n && (n.dataset.index = `${i.index}`, n.classList.contains("f-thumbs__slide") ? this.getVisibleSlides(0).has(i) ? n.removeAttribute(t) : n.setAttribute(t, "true") : this.pages[this.page].slides.includes(i) ? (n.classList.contains(e) || (C(n, e), this.emit("selectSlide", i)), n.removeAttribute(t)) : (n.classList.contains(e) && (P(n, e), this.emit("unselectSlide", i)), n.setAttribute(t, "true"))) } } flipInfiniteTrack() { const { axis: t, isHorizontal: e, isInfinite: i, isRTL: n, viewportDim: s, contentDim: o } = this, a = this.panzoom; if (!a || !i) return; let r = a.current[t], l = a.target[t] - r, c = 0, h = .5 * s; n && e ? (r < -h && (c = -1, r += o), r > o - h && (c = 1, r -= o)) : (r > h && (c = 1, r -= o), r < -o + h && (c = -1, r += o)), c && (a.current[t] = r, a.target[t] = r + l) } lazyLoadImg(t, e) { const i = this, n = "f-fadeIn", o = "is-preloading"; let a = !1, r = null; const l = () => { a || (a = !0, r && (r.remove(), r = null), P(e, o), e.complete && (C(e, n), setTimeout((() => { P(e, n) }), 350)), this.option("adaptiveHeight") && t.el && this.pages[this.page].slides.indexOf(t) > -1 && (i.updateMetrics(), i.setViewportHeight()), this.emit("load", t)) }; C(e, o), e.src = e.dataset.lazySrcset || e.dataset.lazySrc || "", delete e.dataset.lazySrc, delete e.dataset.lazySrcset, e.addEventListener("error", (() => { l() })), e.addEventListener("load", (() => { l() })), setTimeout((() => { const i = e.parentNode; i && t.el && (e.complete ? l() : a || (r = s(E), i.insertBefore(r, e))) }), 300) } lazyLoadSlide(t) { const e = t && t.el; if (!e) return; const i = new Set; let n = Array.from(e.querySelectorAll("[data-lazy-src],[data-lazy-srcset]")); e.dataset.lazySrc && n.push(e), n.map((t => { t instanceof HTMLImageElement ? i.add(t) : t instanceof HTMLElement && t.dataset.lazySrc && (t.style.backgroundImage = `url('${t.dataset.lazySrc}')`, delete t.dataset.lazySrc) })); for (const e of i) this.lazyLoadImg(t, e) } onAnimationEnd(t) { var e; const i = t.target, n = i ? parseInt(i.dataset.index || "", 10) || 0 : -1, s = this.slides[n], o = t.animationName; if (!i || !s || !o) return; const a = !!this.inTransition.has(n) && s.transition; a && o.substring(0, a.length + 2) === `f-${a}` && this.inTransition.delete(n), this.inTransition.size || this.clearTransitions(), n === this.page && (null === (e = this.panzoom) || void 0 === e ? void 0 : e.isResting) && this.emit("settle") } onDecel(t, e = 0, i = 0, n = 0, s = 0) { if (this.option("dragFree")) return void this.setPageFromPosition(); const { isRTL: o, isHorizontal: a, axis: r, pages: l } = this, c = l.length, h = Math.abs(Math.atan2(i, e) / (Math.PI / 180)); let d = 0; if (d = h > 45 && h < 135 ? a ? 0 : i : a ? e : 0, !c) return; let u = this.page, p = o && a ? 1 : -1; const f = t.current[r] * p; let { pageIndex: g } = this.getPageFromPosition(f); Math.abs(d) > 5 ? (l[u].dim < document.documentElement["client" + (this.isHorizontal ? "Width" : "Height")] - 1 && (u = g), u = o && a ? d < 0 ? u - 1 : u + 1 : d < 0 ? u + 1 : u - 1) : u = 0 === n && 0 === s ? u : g, this.slideTo(u, { transition: !1, friction: t.option("decelFriction") }) } onClick(t) { const e = t.target, i = e && S(e) ? e.dataset : null; let n, s; i && (void 0 !== i.carouselPage ? (s = "slideTo", n = i.carouselPage) : void 0 !== i.carouselNext ? s = "slideNext" : void 0 !== i.carouselPrev && (s = "slidePrev")), s ? (t.preventDefault(), t.stopPropagation(), e && !e.hasAttribute("disabled") && this[s](n)) : this.emit("click", t) } onSlideTo(t) { const e = t.detail || 0; this.slideTo(this.getPageForSlide(e), { friction: 0 }) } onChange(t, e = 0) { const i = this.page; this.prevPage = i, this.page = t, this.option("adaptiveHeight") && this.setViewportHeight(), t !== i && (this.markSelectedSlides(), this.emit("change", t, i, e)) } onRefresh() { let t = this.contentDim, e = this.viewportDim; this.updateMetrics(), this.contentDim === t && this.viewportDim === e || this.slideTo(this.page, { friction: 0, transition: !1 }) } onScroll() { var t; null === (t = this.viewport) || void 0 === t || t.scroll(0, 0) } onResize() { this.option("breakpoints") && this.processOptions() } onBeforeTransform(t) { this.lp !== t.current[this.axis] && (this.flipInfiniteTrack(), this.manageSlideVisiblity()), this.lp = t.current.e } onEndAnimation() { this.inTransition.size || this.emit("settle") } reInit(t = null, e = null) { this.destroy(), this.state = H.Init, this.prevPage = null, this.userOptions = t || this.userOptions, this.userPlugins = e || this.userPlugins, this.processOptions() } slideTo(t = 0, { friction: e = this.option("friction"), transition: i = this.option("transition") } = {}) { if (this.state === H.Destroy) return; t = parseInt((t || 0).toString()) || 0; const n = this.getPageFromIndex(t), { axis: s, isHorizontal: o, isRTL: a, pages: r, panzoom: l } = this, c = r.length, h = a && o ? 1 : -1; if (!l || !c) return; if (this.page !== n) { const e = new Event("beforeChange", { bubbles: !0, cancelable: !0 }); if (this.emit("beforeChange", e, t), e.defaultPrevented) return } if (this.transitionTo(t, i)) return; let d = r[n].pos; if (this.isInfinite) { const e = this.contentDim, i = l.target[s] * h; if (2 === c) d += e * Math.floor(parseFloat(t + "") / 2); else { d = [d, d - e, d + e].reduce((function(t, e) { return Math.abs(e - i) < Math.abs(t - i) ? e : t })) } } d *= h, Math.abs(l.target[s] - d) < 1 || (l.panTo({ x: o ? d : 0, y: o ? 0 : d, friction: e }), this.onChange(n)) } slideToClosest(t) { if (this.panzoom) { const { pageIndex: e } = this.getPageFromPosition(); this.slideTo(e, t) } } slideNext() { this.slideTo(this.page + 1) } slidePrev() { this.slideTo(this.page - 1) } clearTransitions() { this.inTransition.clear(), P(this.container, this.cn("inTransition")); const t = ["to-prev", "to-next", "from-prev", "from-next"]; for (const e of this.slides) { const i = e.el; if (i) { i.removeEventListener(K, this.onAnimationEnd), i.classList.remove(...t); const n = e.transition; n && i.classList.remove(`f-${n}Out`, `f-${n}In`) } } this.manageSlideVisiblity() } addSlide(t, e) { var i, n, s, o; const a = this.panzoom, r = (null === (i = this.pages[this.page]) || void 0 === i ? void 0 : i.pos) || 0, l = (null === (n = this.pages[this.page]) || void 0 === n ? void 0 : n.dim) || 0, c = this.contentDim < this.viewportDim; let h = Array.isArray(e) ? e : [e]; const d = []; for (const t of h) d.push(N(t)); this.slides.splice(t, 0, ...d); for (let t = 0; t < this.slides.length; t++) this.slides[t].index = t; for (const t of d) this.emit("beforeInitSlide", t, t.index); if (this.page >= t && (this.page += d.length), this.updateMetrics(), a) { const e = (null === (s = this.pages[this.page]) || void 0 === s ? void 0 : s.pos) || 0, i = (null === (o = this.pages[this.page]) || void 0 === o ? void 0 : o.dim) || 0, n = this.pages.length || 1, h = this.isRTL ? l - i : i - l, d = this.isRTL ? r - e : e - r; c && 1 === n ? (t <= this.page && (a.current[this.axis] -= h, a.target[this.axis] -= h), a.panTo({ [this.isHorizontal ? "x" : "y"]: -1 * e })) : d && t <= this.page && (a.target[this.axis] -= d, a.current[this.axis] -= d, a.requestTick()) } for (const t of d) this.emit("initSlide", t, t.index) } prependSlide(t) { this.addSlide(0, t) } appendSlide(t) { this.addSlide(this.slides.length, t) } removeSlide(t) { const e = this.slides.length; t = (t % e + e) % e; const i = this.slides[t]; if (i) { this.removeSlideEl(i, !0), this.slides.splice(t, 1); for (let t = 0; t < this.slides.length; t++) this.slides[t].index = t; this.updateMetrics(), this.slideTo(this.page, { friction: 0, transition: !1 }), this.emit("destroySlide", i) } } updateMetrics() { const { panzoom: t, viewport: i, track: n, slides: s, isHorizontal: o, isInfinite: a } = this; if (!n) return; const r = o ? "width" : "height", l = o ? "offsetWidth" : "offsetHeight"; if (i) { let t = Math.max(i[l], e(i.getBoundingClientRect()[r], 1e3)), n = getComputedStyle(i), s = "padding", a = o ? "Right" : "Bottom"; t -= parseFloat(n[s + (o ? "Left" : "Top")]) + parseFloat(n[s + a]), this.viewportDim = t } let c, h = 0; for (const [t, i] of s.entries()) { let n = 0, o = 0; !i.el && c ? (n = c.dim, o = c.gap) : (({ dim: n, gap: o } = this.getSlideMetrics(i)), c = i), n = e(n, 1e3), o = e(o, 1e3), i.dim = n, i.gap = o, i.pos = h, h += n, (a || t < s.length - 1) && (h += o) } h = e(h, 1e3), this.contentDim = h, t && (t.contentRect[r] = h, t.contentRect[o ? "fullWidth" : "fullHeight"] = h), this.pages = this.createPages(), this.pages = this.processPages(), this.state === H.Init && this.setInitialPage(), this.page = Math.max(0, Math.min(this.page, this.pages.length - 1)), this.manageSlideVisiblity(), this.emit("refresh") } getProgress(t, i = !1, n = !1) { void 0 === t && (t = this.page); const s = this, o = s.panzoom, a = s.contentDim, r = s.pages[t] || 0; if (!r || !o) return t > this.page ? -1 : 1; let l = -1 * o.current.e, c = e((l - r.pos) / (1 * r.dim), 1e3), h = c, d = c; this.isInfinite && !0 !== n && (h = e((l - r.pos + a) / (1 * r.dim), 1e3), d = e((l - r.pos - a) / (1 * r.dim), 1e3)); let u = [c, h, d].reduce((function(t, e) { return Math.abs(e) < Math.abs(t) ? e : t })); return i ? u : u > 1 ? 1 : u < -1 ? -1 : u } setViewportHeight() { const { page: t, pages: e, viewport: i, isHorizontal: n } = this; if (!i || !e[t]) return; let s = 0; n && this.track && (this.track.style.height = "auto", e[t].slides.forEach((t => { t.el && (s = Math.max(s, t.el.offsetHeight)) }))), i.style.height = s ? `${s}px` : "" } getPageForSlide(t) { for (const e of this.pages) for (const i of e.slides) if (i.index === t) return e.index; return -1 } getVisibleSlides(t = 0) { var e; const i = new Set; let { panzoom: n, contentDim: s, viewportDim: o, pages: a, page: r } = this; if (o) { s = s + (null === (e = this.slides[this.slides.length - 1]) || void 0 === e ? void 0 : e.gap) || 0; let l = 0; l = n && n.state !== v.Init && n.state !== v.Destroy ? -1 * n.current[this.axis] : a[r] && a[r].pos || 0, this.isInfinite && (l -= Math.floor(l / s) * s), this.isRTL && this.isHorizontal && (l *= -1); const c = l - o * t, h = l + o * (t + 1), d = this.isInfinite ? [-1, 0, 1] : [0]; for (const t of this.slides) for (const e of d) { const n = t.pos + e * s, o = n + t.dim + t.gap; n < h && o > c && i.add(t) } } return i } getPageFromPosition(t) { const { viewportDim: e, contentDim: i, slides: n, pages: s, panzoom: o } = this, a = s.length, r = n.length, l = n[0], c = n[r - 1], h = this.option("center"); let d = 0, u = 0, p = 0, f = void 0 === t ? -1 * ((null == o ? void 0 : o.target[this.axis]) || 0) : t; h && (f += .5 * e), this.isInfinite ? (f < l.pos - .5 * c.gap && (f -= i, p = -1), f > c.pos + c.dim + .5 * c.gap && (f -= i, p = 1)) : f = Math.max(l.pos || 0, Math.min(f, c.pos)); let g = c, m = n.find((t => { const e = t.pos - .5 * g.gap, i = t.pos + t.dim + .5 * t.gap; return g = t, f >= e && f < i })); return m || (m = c), u = this.getPageForSlide(m.index), d = u + p * a, { page: d, pageIndex: u } } setPageFromPosition() { const { pageIndex: t } = this.getPageFromPosition(); this.onChange(t) } destroy() { if ([H.Destroy].includes(this.state)) return; this.state = H.Destroy; const { container: t, viewport: e, track: i, slides: n, panzoom: s } = this, o = this.option("classes"); t.removeEventListener("click", this.onClick, { passive: !1, capture: !1 }), t.removeEventListener("slideTo", this.onSlideTo), window.removeEventListener("resize", this.onResize), s && (s.destroy(), this.panzoom = null), n && n.forEach((t => { this.removeSlideEl(t) })), this.detachPlugins(), e && (e.removeEventListener("scroll", this.onScroll), e.offsetParent && i && i.offsetParent && e.replaceWith(...i.childNodes)); for (const [e, i] of Object.entries(o)) "container" !== e && i && t.classList.remove(i); this.track = null, this.viewport = null, this.page = 0, this.slides = []; const a = this.events.get("ready"); this.events = new Map, a && this.events.set("ready", a) } } Object.defineProperty(tt, "Panzoom", { enumerable: !0, configurable: !0, writable: !0, value: D }), Object.defineProperty(tt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: B }), Object.defineProperty(tt, "Plugins", { enumerable: !0, configurable: !0, writable: !0, value: G }); const et = function(t) { if (!S(t)) return 0; const e = window.scrollY, i = window.innerHeight, n = e + i, s = t.getBoundingClientRect(), o = s.y + e, a = s.height, r = o + a; if (e > r || n < o) return 0; if (e < o && n > r) return 100; if (o < e && r > n) return 100; let l = a; o < e && (l -= e - o), r > n && (l -= r - n); const c = l / i * 100; return Math.round(c) }, it = !("undefined" == typeof window || !window.document || !window.document.createElement); let nt; const st = ["a[href]", "area[href]", 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', "select:not([disabled]):not([aria-hidden])", "textarea:not([disabled]):not([aria-hidden])", "button:not([disabled]):not([aria-hidden]):not(.fancybox-focus-guard)", "iframe", "object", "embed", "video", "audio", "[contenteditable]", '[tabindex]:not([tabindex^="-"]):not([disabled]):not([aria-hidden])'].join(","), ot = t => { if (t && it) { void 0 === nt && document.createElement("div").focus({ get preventScroll() { return nt = !0, !1 } }); try { if (nt) t.focus({ preventScroll: !0 }); else { const e = window.scrollY || document.body.scrollTop, i = window.scrollX || document.body.scrollLeft; t.focus(), document.body.scrollTo({ top: e, left: i, behavior: "auto" }) } } catch (t) {} } }, at = () => { const t = document; let e, i = "", n = "", s = ""; return t.fullscreenEnabled ? (i = "requestFullscreen", n = "exitFullscreen", s = "fullscreenElement") : t.webkitFullscreenEnabled && (i = "webkitRequestFullscreen", n = "webkitExitFullscreen", s = "webkitFullscreenElement"), i && (e = { request: function(e = t.documentElement) { return "webkitRequestFullscreen" === i ? e[i](Element.ALLOW_KEYBOARD_INPUT) : e[i]() }, exit: function() { return t[s] && t[n]() }, isFullscreen: function() { return t[s] } }), e }, rt = { animated: !0, autoFocus: !0, backdropClick: "close", Carousel: { classes: { container: "fancybox__carousel", viewport: "fancybox__viewport", track: "fancybox__track", slide: "fancybox__slide" } }, closeButton: "auto", closeExisting: !1, commonCaption: !1, compact: () => window.matchMedia("(max-width: 578px), (max-height: 578px)").matches, contentClick: "toggleZoom", contentDblClick: !1, defaultType: "image", defaultDisplay: "flex", dragToClose: !0, Fullscreen: { autoStart: !1 }, groupAll: !1, groupAttr: "data-fancybox", hideClass: "f-fadeOut", hideScrollbar: !0, idle: 3500, keyboard: { Escape: "close", Delete: "close", Backspace: "close", PageUp: "next", PageDown: "prev", ArrowUp: "prev", ArrowDown: "next", ArrowRight: "next", ArrowLeft: "prev" }, l10n: Object.assign(Object.assign({}, y), { CLOSE: "Close", NEXT: "Next", PREV: "Previous", MODAL: "You can close this modal content with the ESC key", ERROR: "Something Went Wrong, Please Try Again Later", IMAGE_ERROR: "Image Not Found", ELEMENT_NOT_FOUND: "HTML Element Not Found", AJAX_NOT_FOUND: "Error Loading AJAX : Not Found", AJAX_FORBIDDEN: "Error Loading AJAX : Forbidden", IFRAME_ERROR: "Error Loading Page", TOGGLE_ZOOM: "Toggle zoom level", TOGGLE_THUMBS: "Toggle thumbnails", TOGGLE_SLIDESHOW: "Toggle slideshow", TOGGLE_FULLSCREEN: "Toggle full-screen mode", DOWNLOAD: "Download" }), parentEl: null, placeFocusBack: !0, showClass: "f-zoomInUp", startIndex: 0, tpl: { closeButton: '', main: '' }, trapFocus: !0, wheel: "zoom" }; var lt, ct; ! function(t) { t[t.Init = 0] = "Init", t[t.Ready = 1] = "Ready", t[t.Closing = 2] = "Closing", t[t.CustomClosing = 3] = "CustomClosing", t[t.Destroy = 4] = "Destroy" }(lt || (lt = {})), function(t) { t[t.Loading = 0] = "Loading", t[t.Opening = 1] = "Opening", t[t.Ready = 2] = "Ready", t[t.Closing = 3] = "Closing" }(ct || (ct = {})); let ht = "", dt = !1, ut = !1, pt = null; const ft = () => { let t = "", e = ""; const i = Ae.getInstance(); if (i) { const n = i.carousel, s = i.getSlide(); if (n && s) { let o = s.slug || void 0, a = s.triggerEl || void 0; e = o || (i.option("slug") || ""), !e && a && a.dataset && (e = a.dataset.fancybox || ""), e && "true" !== e && (t = "#" + e + (!o && n.slides.length > 1 ? "-" + (s.index + 1) : "")) } } return { hash: t, slug: e, index: 1 } }, gt = () => { const t = new URL(document.URL).hash, e = t.slice(1).split("-"), i = e[e.length - 1], n = i && /^\+?\d+$/.test(i) && parseInt(e.pop() || "1", 10) || 1; return { hash: t, slug: e.join("-"), index: n } }, mt = () => { const { slug: t, index: e } = gt(); if (!t) return; let i = document.querySelector(`[data-slug="${t}"]`); if (i && i.dispatchEvent(new CustomEvent("click", { bubbles: !0, cancelable: !0 })), Ae.getInstance()) return; const n = document.querySelectorAll(`[data-fancybox="${t}"]`); n.length && (i = n[e - 1], i && i.dispatchEvent(new CustomEvent("click", { bubbles: !0, cancelable: !0 }))) }, vt = () => { if (!1 === Ae.defaults.Hash) return; const t = Ae.getInstance(); if (!1 === (null == t ? void 0 : t.options.Hash)) return; const { slug: e, index: i } = gt(), { slug: n } = ft(); t && (e === n ? t.jumpTo(i - 1) : (dt = !0, t.close())), mt() }, bt = () => { pt && clearTimeout(pt), queueMicrotask((() => { vt() })) }, yt = () => { window.addEventListener("hashchange", bt, !1), setTimeout((() => { vt() }), 500) }; it && (/complete|interactive|loaded/.test(document.readyState) ? yt() : document.addEventListener("DOMContentLoaded", yt)); const wt = "is-zooming-in"; class xt extends $ { onCreateSlide(t, e, i) { const n = this.instance.optionFor(i, "src") || ""; i.el && "image" === i.type && "string" == typeof n && this.setImage(i, n) } onRemoveSlide(t, e, i) { i.panzoom && i.panzoom.destroy(), i.panzoom = void 0, i.imageEl = void 0 } onChange(t, e, i, n) { P(this.instance.container, wt); for (const t of e.slides) { const e = t.panzoom; e && t.index !== i && e.reset(.35) } } onClose() { var t; const e = this.instance, i = e.container, n = e.getSlide(); if (!i || !i.parentElement || !n) return; const { el: s, contentEl: o, panzoom: a, thumbElSrc: r } = n; if (!s || !r || !o || !a || a.isContentLoading || a.state === v.Init || a.state === v.Destroy) return; a.updateMetrics(); let l = this.getZoomInfo(n); if (!l) return; this.instance.state = lt.CustomClosing, i.classList.remove(wt), i.classList.add("is-zooming-out"), o.style.backgroundImage = `url('${r}')`; const c = i.getBoundingClientRect(); 1 === ((null === (t = window.visualViewport) || void 0 === t ? void 0 : t.scale) || 1) && Object.assign(i.style, { position: "absolute", top: `${i.offsetTop+window.scrollY}px`, left: `${i.offsetLeft+window.scrollX}px`, bottom: "auto", right: "auto", width: `${c.width}px`, height: `${c.height}px`, overflow: "hidden" }); const { x: h, y: d, scale: u, opacity: p } = l; if (p) { const t = ((t, e, i, n) => { const s = e - t, o = n - i; return e => i + ((e - t) / s * o || 0) })(a.scale, u, 1, 0); a.on("afterTransform", (() => { o.style.opacity = t(a.scale) + "" })) } a.on("endAnimation", (() => { e.destroy() })), a.target.a = u, a.target.b = 0, a.target.c = 0, a.target.d = u, a.panTo({ x: h, y: d, scale: u, friction: p ? .2 : .33, ignoreBounds: !0 }), a.isResting && e.destroy() } setImage(t, e) { const i = this.instance; t.src = e, this.process(t, e).then((e => { const { contentEl: n, imageEl: s, thumbElSrc: o, el: a } = t; if (i.isClosing() || !n || !s) return; n.offsetHeight; const r = !!i.isOpeningSlide(t) && this.getZoomInfo(t); if (this.option("protected") && a) { a.addEventListener("contextmenu", (t => { t.preventDefault() })); const t = document.createElement("div"); C(t, "fancybox-protected"), n.appendChild(t) } if (o && r) { const s = e.contentRect, a = Math.max(s.fullWidth, s.fullHeight); let c = null; !r.opacity && a > 1200 && (c = document.createElement("img"), C(c, "fancybox-ghost"), c.src = o, n.appendChild(c)); const h = () => { c && (C(c, "f-fadeFastOut"), setTimeout((() => { c && (c.remove(), c = null) }), 200)) }; (l = o, new Promise(((t, e) => { const i = new Image; i.onload = t, i.onerror = e, i.src = l }))).then((() => { i.hideLoading(t), t.state = ct.Opening, this.instance.emit("reveal", t), this.zoomIn(t).then((() => { h(), this.instance.done(t) }), (() => {})), c && setTimeout((() => { h() }), a > 2500 ? 800 : 200) }), (() => { i.hideLoading(t), i.revealContent(t) })) } else { const n = this.optionFor(t, "initialSize"), s = this.optionFor(t, "zoom"), o = { event: i.prevMouseMoveEvent || i.options.event, friction: s ? .12 : 0 }; let a = i.optionFor(t, "showClass") || void 0, r = !0; i.isOpeningSlide(t) && ("full" === n ? e.zoomToFull(o) : "cover" === n ? e.zoomToCover(o) : "max" === n ? e.zoomToMax(o) : r = !1, e.stop("current")), r && a && (a = e.isDragging ? "f-fadeIn" : ""), i.hideLoading(t), i.revealContent(t, a) } var l }), (() => { i.setError(t, "{{IMAGE_ERROR}}") })) } process(t, e) { return new Promise(((i, n) => { var o; const a = this.instance, r = t.el; a.clearContent(t), a.showLoading(t); let l = this.optionFor(t, "content"); if ("string" == typeof l && (l = s(l)), !l || !S(l)) { if (l = document.createElement("img"), l instanceof HTMLImageElement) { let i = "", n = t.caption; i = "string" == typeof n && n ? n.replace(/<[^>]+>/gi, "").substring(0, 1e3) : `Image ${t.index+1} of ${(null===(o=a.carousel)||void 0===o?void 0:o.pages.length)||1}`, l.src = e || "", l.alt = i, l.draggable = !1, t.srcset && l.setAttribute("srcset", t.srcset), this.instance.isOpeningSlide(t) && (l.fetchPriority = "high") } t.sizes && l.setAttribute("sizes", t.sizes) } C(l, "fancybox-image"), t.imageEl = l, a.setContent(t, l, !1); t.panzoom = new D(r, p({ transformParent: !0 }, this.option("Panzoom") || {}, { content: l, width: (e, i) => a.optionFor(t, "width", "auto", i) || "auto", height: (e, i) => a.optionFor(t, "height", "auto", i) || "auto", wheel: () => { const t = a.option("wheel"); return ("zoom" === t || "pan" == t) && t }, click: (e, i) => { var n, s; if (a.isCompact || a.isClosing()) return !1; if (t.index !== (null === (n = a.getSlide()) || void 0 === n ? void 0 : n.index)) return !1; if (i) { const t = i.composedPath()[0]; if (["A", "BUTTON", "TEXTAREA", "OPTION", "INPUT", "SELECT", "VIDEO"].includes(t.nodeName)) return !1 } let o = !i || i.target && (null === (s = t.contentEl) || void 0 === s ? void 0 : s.contains(i.target)); return a.option(o ? "contentClick" : "backdropClick") || !1 }, dblClick: () => a.isCompact ? "toggleZoom" : a.option("contentDblClick") || !1, spinner: !1, panOnlyZoomed: !0, wheelLimit: 1 / 0, on: { ready: t => { i(t) }, error: () => { n() }, destroy: () => { n() } } })) })) } zoomIn(t) { return new Promise(((e, i) => { const n = this.instance, s = n.container, { panzoom: o, contentEl: a, el: r } = t; o && o.updateMetrics(); const l = this.getZoomInfo(t); if (!(l && r && a && o && s)) return void i(); const { x: c, y: h, scale: d, opacity: u } = l, p = () => { t.state !== ct.Closing && (u && (a.style.opacity = Math.max(Math.min(1, 1 - (1 - o.scale) / (1 - d)), 0) + ""), o.scale >= 1 && o.scale > o.targetScale - .1 && e(o)) }, f = t => { (t.scale < .99 || t.scale > 1.01) && !t.isDragging || (P(s, wt), a.style.opacity = "", t.off("endAnimation", f), t.off("touchStart", f), t.off("afterTransform", p), e(t)) }; o.on("endAnimation", f), o.on("touchStart", f), o.on("afterTransform", p), o.on(["error", "destroy"], (() => { i() })), o.panTo({ x: c, y: h, scale: d, friction: 0, ignoreBounds: !0 }), o.stop("current"); const g = { event: "mousemove" === o.panMode ? n.prevMouseMoveEvent || n.options.event : void 0 }, m = this.optionFor(t, "initialSize"); C(s, wt), n.hideLoading(t), "full" === m ? o.zoomToFull(g) : "cover" === m ? o.zoomToCover(g) : "max" === m ? o.zoomToMax(g) : o.reset(.172) })) } getZoomInfo(t) { const { el: e, imageEl: i, thumbEl: n, panzoom: s } = t, o = this.instance, a = o.container; if (!e || !i || !n || !s || et(n) < 3 || !this.optionFor(t, "zoom") || !a || o.state === lt.Destroy) return !1; if ("0" === getComputedStyle(a).getPropertyValue("--f-images-zoom")) return !1; const r = window.visualViewport || null; if (1 !== (r ? r.scale : 1)) return !1; let { top: l, left: c, width: h, height: d } = n.getBoundingClientRect(), { top: u, left: p, fitWidth: f, fitHeight: g } = s.contentRect; if (!(h && d && f && g)) return !1; const m = s.container.getBoundingClientRect(); p += m.left, u += m.top; const v = -1 * (p + .5 * f - (c + .5 * h)), b = -1 * (u + .5 * g - (l + .5 * d)), y = h / f; let w = this.option("zoomOpacity") || !1; return "auto" === w && (w = Math.abs(h / d - f / g) > .1), { x: v, y: b, scale: y, opacity: w } } attach() { const t = this, e = t.instance; e.on("Carousel.change", t.onChange), e.on("Carousel.createSlide", t.onCreateSlide), e.on("Carousel.removeSlide", t.onRemoveSlide), e.on("close", t.onClose) } detach() { const t = this, e = t.instance; e.off("Carousel.change", t.onChange), e.off("Carousel.createSlide", t.onCreateSlide), e.off("Carousel.removeSlide", t.onRemoveSlide), e.off("close", t.onClose) } } Object.defineProperty(xt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: { initialSize: "fit", Panzoom: { maxScale: 1 }, protected: !1, zoom: !0, zoomOpacity: "auto" } }), "function" == typeof SuppressedError && SuppressedError; const Et = "html", St = "image", Pt = "map", Ct = "youtube", Tt = "vimeo", Mt = "html5video", Ot = (t, e = {}) => { const i = new URL(t), n = new URLSearchParams(i.search), s = new URLSearchParams; for (const [t, i] of [...n, ...Object.entries(e)]) { let e = i + ""; if ("t" === t) { let t = e.match(/((\d*)m)?(\d*)s?/); t && s.set("start", 60 * parseInt(t[2] || "0") + parseInt(t[3] || "0") + "") } else s.set(t, e) } let o = s + "", a = t.match(/#t=((.*)?\d+s)/); return a && (o += `#t=${a[1]}`), o }, At = { ajax: null, autoSize: !0, iframeAttr: { allow: "autoplay; fullscreen", scrolling: "auto" }, preload: !0, videoAutoplay: !0, videoRatio: 16 / 9, videoTpl: '

', videoFormat: "", vimeo: { byline: 1, color: "00adef", controls: 1, dnt: 1, muted: 0 }, youtube: { controls: 1, enablejsapi: 1, nocookie: 1, rel: 0, fs: 1 } }, Lt = ["image", "html", "ajax", "inline", "clone", "iframe", "map", "pdf", "html5video", "youtube", "vimeo"]; class zt extends $ { onBeforeInitSlide(t, e, i) { this.processType(i) } onCreateSlide(t, e, i) { this.setContent(i) } onClearContent(t, e) { e.xhr && (e.xhr.abort(), e.xhr = null); const i = e.iframeEl; i && (i.onload = i.onerror = null, i.src = "//about:blank", e.iframeEl = null); const n = e.contentEl, s = e.placeholderEl; if ("inline" === e.type && n && s) n.classList.remove("fancybox__content"), "none" !== getComputedStyle(n).getPropertyValue("display") && (n.style.display = "none"), setTimeout((() => { s && (n && s.parentNode && s.parentNode.insertBefore(n, s), s.remove()) }), 0), e.contentEl = void 0, e.placeholderEl = void 0; else for (; e.el && e.el.firstChild;) e.el.removeChild(e.el.firstChild) } onSelectSlide(t, e, i) { i.state === ct.Ready && this.playVideo() } onUnselectSlide(t, e, i) { var n, s; if (i.type === Mt) { try { null === (s = null === (n = i.el) || void 0 === n ? void 0 : n.querySelector("video")) || void 0 === s || s.pause() } catch (t) {} return } let o; i.type === Tt ? o = { method: "pause", value: "true" } : i.type === Ct && (o = { event: "command", func: "pauseVideo" }), o && i.iframeEl && i.iframeEl.contentWindow && i.iframeEl.contentWindow.postMessage(JSON.stringify(o), "*"), i.poller && clearTimeout(i.poller) } onDone(t, e) { t.isCurrentSlide(e) && !t.isClosing() && this.playVideo() } onRefresh(t, e) { e.slides.forEach((t => { t.el && (this.resizeIframe(t), this.setAspectRatio(t)) })) } onMessage(t) { try { let e = JSON.parse(t.data); if ("https://player.vimeo.com" === t.origin) { if ("ready" === e.event) for (let e of Array.from(document.getElementsByClassName("fancybox__iframe"))) e instanceof HTMLIFrameElement && e.contentWindow === t.source && (e.dataset.ready = "true") } else if (t.origin.match(/^https:\/\/(www.)?youtube(-nocookie)?.com$/) && "onReady" === e.event) { const t = document.getElementById(e.id); t && (t.dataset.ready = "true") } } catch (t) {} } loadAjaxContent(t) { const e = this.instance.optionFor(t, "src") || ""; this.instance.showLoading(t); const i = this.instance, n = new XMLHttpRequest; i.showLoading(t), n.onreadystatechange = function() { n.readyState === XMLHttpRequest.DONE && i.state === lt.Ready && (i.hideLoading(t), 200 === n.status ? i.setContent(t, n.responseText) : i.setError(t, 404 === n.status ? "{{AJAX_NOT_FOUND}}" : "{{AJAX_FORBIDDEN}}")) }; const s = t.ajax || null; n.open(s ? "POST" : "GET", e + ""), n.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"), n.setRequestHeader("X-Requested-With", "XMLHttpRequest"), n.send(s), t.xhr = n } setInlineContent(t) { let e = null; if (S(t.src)) e = t.src; else if ("string" == typeof t.src) { const i = t.src.split("#", 2).pop(); e = i ? document.getElementById(i) : null } if (e) { if ("clone" === t.type || e.closest(".fancybox__slide")) { e = e.cloneNode(!0); const i = e.dataset.animationName; i && (e.classList.remove(i), delete e.dataset.animationName); let n = e.getAttribute("id"); n = n ? `${n}--clone` : `clone-${this.instance.id}-${t.index}`, e.setAttribute("id", n) } else if (e.parentNode) { const i = document.createElement("div"); i.classList.add("fancybox-placeholder"), e.parentNode.insertBefore(i, e), t.placeholderEl = i } this.instance.setContent(t, e) } else this.instance.setError(t, "{{ELEMENT_NOT_FOUND}}") } setIframeContent(t) { const { src: e, el: i } = t; if (!e || "string" != typeof e || !i) return; i.classList.add("is-loading"); const n = this.instance, s = document.createElement("iframe"); s.className = "fancybox__iframe", s.setAttribute("id", `fancybox__iframe_${n.id}_${t.index}`); for (const [e, i] of Object.entries(this.optionFor(t, "iframeAttr") || {})) s.setAttribute(e, i); s.onerror = () => { n.setError(t, "{{IFRAME_ERROR}}") }, t.iframeEl = s; const o = this.optionFor(t, "preload"); if ("iframe" !== t.type || !1 === o) return s.setAttribute("src", t.src + ""), n.setContent(t, s, !1), this.resizeIframe(t), void n.revealContent(t); n.showLoading(t), s.onload = () => { if (!s.src.length) return; const e = "true" !== s.dataset.ready; s.dataset.ready = "true", this.resizeIframe(t), e ? n.revealContent(t) : n.hideLoading(t) }, s.setAttribute("src", e), n.setContent(t, s, !1) } resizeIframe(t) { const { type: e, iframeEl: i } = t; if (e === Ct || e === Tt) return; const n = null == i ? void 0 : i.parentElement; if (!i || !n) return; let s = t.autoSize; void 0 === s && (s = this.optionFor(t, "autoSize")); let o = t.width || 0, a = t.height || 0; o && a && (s = !1); const r = n && n.style; if (!1 !== t.preload && !1 !== s && r) try { const t = window.getComputedStyle(n), e = parseFloat(t.paddingLeft) + parseFloat(t.paddingRight), s = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), l = i.contentWindow; if (l) { const t = l.document, i = t.getElementsByTagName(Et)[0], n = t.body; r.width = "", n.style.overflow = "hidden", o = o || i.scrollWidth + e, r.width = `${o}px`, n.style.overflow = "", r.flex = "0 0 auto", r.height = `${n.scrollHeight}px`, a = i.scrollHeight + s } } catch (t) {} if (o || a) { const t = { flex: "0 1 auto", width: "", height: "" }; o && "auto" !== o && (t.width = `${o}px`), a && "auto" !== a && (t.height = `${a}px`), Object.assign(r, t) } } playVideo() { const t = this.instance.getSlide(); if (!t) return; const { el: e } = t; if (!e || !e.offsetParent) return; if (!this.optionFor(t, "videoAutoplay")) return; if (t.type === Mt) try { const t = e.querySelector("video"); if (t) { const e = t.play(); void 0 !== e && e.then((() => {})).catch((e => { t.muted = !0, t.play() })) } } catch (t) {} if (t.type !== Ct && t.type !== Tt) return; const i = () => { if (t.iframeEl && t.iframeEl.contentWindow) { let e; if ("true" === t.iframeEl.dataset.ready) return e = t.type === Ct ? { event: "command", func: "playVideo" } : { method: "play", value: "true" }, e && t.iframeEl.contentWindow.postMessage(JSON.stringify(e), "*"), void(t.poller = void 0); t.type === Ct && (e = { event: "listening", id: t.iframeEl.getAttribute("id") }, t.iframeEl.contentWindow.postMessage(JSON.stringify(e), "*")) } t.poller = setTimeout(i, 250) }; i() } processType(t) { if (t.html) return t.type = Et, t.src = t.html, void(t.html = ""); const e = this.instance.optionFor(t, "src", ""); if (!e || "string" != typeof e) return; let i = t.type, n = null; if (n = e.match(/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/|shorts\/|embed\/?)?(videoseries\?list=(?:.*)|[\w-]{11}|\?listType=(?:.*)&list=(?:.*))(?:.*)/i)) { const s = this.optionFor(t, Ct), { nocookie: o } = s, a = function(t, e) { var i = {}; for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]); if (null != t && "function" == typeof Object.getOwnPropertySymbols) { var s = 0; for (n = Object.getOwnPropertySymbols(t); s < n.length; s++) e.indexOf(n[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[s]) && (i[n[s]] = t[n[s]]) } return i }(s, ["nocookie"]), r = `www.youtube${o?"-nocookie":""}.com`, l = Ot(e, a), c = encodeURIComponent(n[2]); t.videoId = c, t.src = `https://${r}/embed/${c}?${l}`, t.thumbSrc = t.thumbSrc || `https://i.ytimg.com/vi/${c}/mqdefault.jpg`, i = Ct } else if (n = e.match(/^.+vimeo.com\/(?:\/)?([\d]+)((\/|\?h=)([a-z0-9]+))?(.*)?/)) { const s = Ot(e, this.optionFor(t, Tt)), o = encodeURIComponent(n[1]), a = n[4] || ""; t.videoId = o, t.src = `https://player.vimeo.com/video/${o}?${a?`h=${a}${s?"&":""}`:""}${s}`, i = Tt } if (!i && t.triggerEl) { const e = t.triggerEl.dataset.type; Lt.includes(e) && (i = e) } i || "string" == typeof e && ("#" === e.charAt(0) ? i = "inline" : (n = e.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i)) ? (i = Mt, t.videoFormat = t.videoFormat || "video/" + ("ogv" === n[1] ? "ogg" : n[1])) : e.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i) ? i = St : e.match(/\.(pdf)((\?|#).*)?$/i) && (i = "pdf")), (n = e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:(?:(?:maps\/(?:place\/(?:.*)\/)?\@(.*),(\d+.?\d+?)z))|(?:\?ll=))(.*)?/i)) ? (t.src = `https://maps.google.${n[1]}/?ll=${(n[2]?n[2]+"&z="+Math.floor(parseFloat(n[3]))+(n[4]?n[4].replace(/^\//,"&"):""):n[4]+"").replace(/\?/,"&")}&output=${n[4]&&n[4].indexOf("layer=c")>0?"svembed":"embed"}`, i = Pt) : (n = e.match(/(?:maps\.)?google\.([a-z]{2,3}(?:\.[a-z]{2})?)\/(?:maps\/search\/)(.*)/i)) && (t.src = `https://maps.google.${n[1]}/maps?q=${n[2].replace("query=","q=").replace("api=1","")}&output=embed`, i = Pt), i = i || this.instance.option("defaultType"), t.type = i, i === St && (t.thumbSrc = t.thumbSrc || t.src) } setContent(t) { const e = this.instance.optionFor(t, "src") || ""; if (t && t.type && e) { switch (t.type) { case Et: this.instance.setContent(t, e); break; case Mt: const i = this.option("videoTpl"); i && this.instance.setContent(t, i.replace(/\{\{src\}\}/gi, e + "").replace(/\{\{format\}\}/gi, this.optionFor(t, "videoFormat") || "").replace(/\{\{poster\}\}/gi, t.poster || t.thumbSrc || "")); break; case "inline": case "clone": this.setInlineContent(t); break; case "ajax": this.loadAjaxContent(t); break; case "pdf": case Pt: case Ct: case Tt: t.preload = !1; case "iframe": this.setIframeContent(t) } this.setAspectRatio(t) } } setAspectRatio(t) { const e = t.contentEl; if (!(t.el && e && t.type && [Ct, Tt, Mt].includes(t.type))) return; let i, n = t.width || "auto", s = t.height || "auto"; if ("auto" === n || "auto" === s) { i = this.optionFor(t, "videoRatio"); const e = (i + "").match(/(\d+)\s*\/\s?(\d+)/); i = e && e.length > 2 ? parseFloat(e[1]) / parseFloat(e[2]) : parseFloat(i + "") } else n && s && (i = n / s); if (!i) return; e.style.aspectRatio = "", e.style.width = "", e.style.height = "", e.offsetHeight; const o = e.getBoundingClientRect(), a = o.width || 1, r = o.height || 1; e.style.aspectRatio = i + "", i < a / r ? (s = "auto" === s ? r : Math.min(r, s), e.style.width = "auto", e.style.height = `${s}px`) : (n = "auto" === n ? a : Math.min(a, n), e.style.width = `${n}px`, e.style.height = "auto") } attach() { const t = this, e = t.instance; e.on("Carousel.beforeInitSlide", t.onBeforeInitSlide), e.on("Carousel.createSlide", t.onCreateSlide), e.on("Carousel.selectSlide", t.onSelectSlide), e.on("Carousel.unselectSlide", t.onUnselectSlide), e.on("Carousel.Panzoom.refresh", t.onRefresh), e.on("done", t.onDone), e.on("clearContent", t.onClearContent), window.addEventListener("message", t.onMessage) } detach() { const t = this, e = t.instance; e.off("Carousel.beforeInitSlide", t.onBeforeInitSlide), e.off("Carousel.createSlide", t.onCreateSlide), e.off("Carousel.selectSlide", t.onSelectSlide), e.off("Carousel.unselectSlide", t.onUnselectSlide), e.off("Carousel.Panzoom.refresh", t.onRefresh), e.off("done", t.onDone), e.off("clearContent", t.onClearContent), window.removeEventListener("message", t.onMessage) } } Object.defineProperty(zt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: At }); const Rt = "play", kt = "pause", It = "ready"; class Dt extends $ { constructor() { super(...arguments), Object.defineProperty(this, "state", { enumerable: !0, configurable: !0, writable: !0, value: It }), Object.defineProperty(this, "inHover", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "timer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "progressBar", { enumerable: !0, configurable: !0, writable: !0, value: null }) } get isActive() { return this.state !== It } onReady(t) { this.option("autoStart") && (t.isInfinite || t.page < t.pages.length - 1) && this.start() } onChange() { this.removeProgressBar(), this.pause() } onSettle() { this.resume() } onVisibilityChange() { "visible" === document.visibilityState ? this.resume() : this.pause() } onMouseEnter() { this.inHover = !0, this.pause() } onMouseLeave() { var t; this.inHover = !1, (null === (t = this.instance.panzoom) || void 0 === t ? void 0 : t.isResting) && this.resume() } onTimerEnd() { const t = this.instance; "play" === this.state && (t.isInfinite || t.page !== t.pages.length - 1 ? t.slideNext() : t.slideTo(0)) } removeProgressBar() { this.progressBar && (this.progressBar.remove(), this.progressBar = null) } createProgressBar() { var t; if (!this.option("showProgress")) return null; this.removeProgressBar(); const e = this.instance, i = (null === (t = e.pages[e.page]) || void 0 === t ? void 0 : t.slides) || []; let n = this.option("progressParentEl"); if (n || (n = (1 === i.length ? i[0].el : null) || e.viewport), !n) return null; const s = document.createElement("div"); return C(s, "f-progress"), n.prepend(s), this.progressBar = s, s.offsetHeight, s } set() { const t = this, e = t.instance; if (e.pages.length < 2) return; if (t.timer) return; const i = t.option("timeout"); t.state = Rt, C(e.container, "has-autoplay"); let n = t.createProgressBar(); n && (n.style.transitionDuration = `${i}ms`, n.style.transform = "scaleX(1)"), t.timer = setTimeout((() => { t.timer = null, t.inHover || t.onTimerEnd() }), i), t.emit("set") } clear() { const t = this; t.timer && (clearTimeout(t.timer), t.timer = null), t.removeProgressBar() } start() { const t = this; if (t.set(), t.state !== It) { if (t.option("pauseOnHover")) { const e = t.instance.container; e.addEventListener("mouseenter", t.onMouseEnter, !1), e.addEventListener("mouseleave", t.onMouseLeave, !1) } document.addEventListener("visibilitychange", t.onVisibilityChange, !1), t.emit("start") } } stop() { const t = this, e = t.state, i = t.instance.container; t.clear(), t.state = It, i.removeEventListener("mouseenter", t.onMouseEnter, !1), i.removeEventListener("mouseleave", t.onMouseLeave, !1), document.removeEventListener("visibilitychange", t.onVisibilityChange, !1), P(i, "has-autoplay"), e !== It && t.emit("stop") } pause() { const t = this; t.state === Rt && (t.state = kt, t.clear(), t.emit(kt)) } resume() { const t = this, e = t.instance; if (e.isInfinite || e.page !== e.pages.length - 1) if (t.state !== Rt) { if (t.state === kt && !t.inHover) { const e = new Event("resume", { bubbles: !0, cancelable: !0 }); t.emit("resume", e), e.defaultPrevented || t.set() } } else t.set(); else t.stop() } toggle() { this.state === Rt || this.state === kt ? this.stop() : this.start() } attach() { const t = this, e = t.instance; e.on("ready", t.onReady), e.on("Panzoom.startAnimation", t.onChange), e.on("Panzoom.endAnimation", t.onSettle), e.on("Panzoom.touchMove", t.onChange) } detach() { const t = this, e = t.instance; e.off("ready", t.onReady), e.off("Panzoom.startAnimation", t.onChange), e.off("Panzoom.endAnimation", t.onSettle), e.off("Panzoom.touchMove", t.onChange), t.stop() } } Object.defineProperty(Dt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: { autoStart: !0, pauseOnHover: !0, progressParentEl: null, showProgress: !0, timeout: 3e3 } }); class Ft extends $ { constructor() { super(...arguments), Object.defineProperty(this, "ref", { enumerable: !0, configurable: !0, writable: !0, value: null }) } onPrepare(t) { const e = t.carousel; if (!e) return; const i = t.container; i && (e.options.Autoplay = p({ autoStart: !1 }, this.option("Autoplay") || {}, { pauseOnHover: !1, timeout: this.option("timeout"), progressParentEl: () => this.option("progressParentEl") || null, on: { start: () => { t.emit("startSlideshow") }, set: e => { var n; i.classList.add("has-slideshow"), (null === (n = t.getSlide()) || void 0 === n ? void 0 : n.state) !== ct.Ready && e.pause() }, stop: () => { i.classList.remove("has-slideshow"), t.isCompact || t.endIdle(), t.emit("endSlideshow") }, resume: (e, i) => { var n, s, o; !i || !i.cancelable || (null === (n = t.getSlide()) || void 0 === n ? void 0 : n.state) === ct.Ready && (null === (o = null === (s = t.carousel) || void 0 === s ? void 0 : s.panzoom) || void 0 === o ? void 0 : o.isResting) || i.preventDefault() } } }), e.attachPlugins({ Autoplay: Dt }), this.ref = e.plugins.Autoplay) } onReady(t) { const e = t.carousel, i = this.ref; i && e && this.option("playOnStart") && (e.isInfinite || e.page < e.pages.length - 1) && i.start() } onDone(t, e) { const i = this.ref, n = t.carousel; if (!i || !n) return; const s = e.panzoom; s && s.on("startAnimation", (() => { t.isCurrentSlide(e) && i.stop() })), t.isCurrentSlide(e) && i.resume() } onKeydown(t, e) { var i; const n = this.ref; n && e === this.option("key") && "BUTTON" !== (null === (i = document.activeElement) || void 0 === i ? void 0 : i.nodeName) && n.toggle() } attach() { const t = this, e = t.instance; e.on("Carousel.init", t.onPrepare), e.on("Carousel.ready", t.onReady), e.on("done", t.onDone), e.on("keydown", t.onKeydown) } detach() { const t = this, e = t.instance; e.off("Carousel.init", t.onPrepare), e.off("Carousel.ready", t.onReady), e.off("done", t.onDone), e.off("keydown", t.onKeydown) } } Object.defineProperty(Ft, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: { key: " ", playOnStart: !1, progressParentEl: t => { var e; return (null === (e = t.instance.container) || void 0 === e ? void 0 : e.querySelector(".fancybox__toolbar [data-fancybox-toggle-slideshow]")) || t.instance.container }, timeout: 3e3 } }); const jt = { classes: { container: "f-thumbs f-carousel__thumbs", viewport: "f-thumbs__viewport", track: "f-thumbs__track", slide: "f-thumbs__slide", isResting: "is-resting", isSelected: "is-selected", isLoading: "is-loading", hasThumbs: "has-thumbs" }, minCount: 2, parentEl: null, thumbTpl: '', type: "modern" }; var Bt; ! function(t) { t[t.Init = 0] = "Init", t[t.Ready = 1] = "Ready", t[t.Hidden = 2] = "Hidden" }(Bt || (Bt = {})); const Ht = "isResting", Nt = "thumbWidth", _t = "thumbHeight", $t = "thumbClipWidth"; let Wt = class extends $ { constructor() { super(...arguments), Object.defineProperty(this, "type", { enumerable: !0, configurable: !0, writable: !0, value: "modern" }), Object.defineProperty(this, "container", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "track", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "carousel", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "thumbWidth", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "thumbClipWidth", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "thumbHeight", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "thumbGap", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "thumbExtraGap", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "state", { enumerable: !0, configurable: !0, writable: !0, value: Bt.Init }) } get isModern() { return "modern" === this.type } onInitSlide(t, e) { const i = e.el ? e.el.dataset : void 0; i && (e.thumbSrc = i.thumbSrc || e.thumbSrc || "", e[$t] = parseFloat(i[$t] || "") || e[$t] || 0, e[_t] = parseFloat(i.thumbHeight || "") || e[_t] || 0), this.addSlide(e) } onInitSlides() { this.build() } onChange() { var t; if (!this.isModern) return; const e = this.container, i = this.instance, n = i.panzoom, s = this.carousel, o = s ? s.panzoom : null, r = i.page; if (n && s && o) { if (n.isDragging) { P(e, this.cn(Ht)); let n = (null === (t = s.pages[r]) || void 0 === t ? void 0 : t.pos) || 0; n += i.getProgress(r) * (this[$t] + this.thumbGap); let a = o.getBounds(); - 1 * n > a.x.min && -1 * n < a.x.max && o.panTo({ x: -1 * n, friction: .12 }) } else a(e, this.cn(Ht), n.isResting); this.shiftModern() } } onRefresh() { this.updateProps(); for (const t of this.instance.slides || []) this.resizeModernSlide(t); this.shiftModern() } isDisabled() { const t = this.option("minCount") || 0; if (t) { const e = this.instance; let i = 0; for (const t of e.slides || []) t.thumbSrc && i++; if (i < t) return !0 } const e = this.option("type"); return ["modern", "classic"].indexOf(e) < 0 } getThumb(t) { const e = this.option("thumbTpl") || ""; return { html: this.instance.localize(e, [ ["%i", t.index], ["%d", t.index + 1], ["%s", t.thumbSrc || "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"] ]) } } addSlide(t) { const e = this.carousel; e && e.addSlide(t.index, this.getThumb(t)) } getSlides() { const t = []; for (const e of this.instance.slides || []) t.push(this.getThumb(e)); return t } resizeModernSlide(t) { this.isModern && (t[Nt] = t[$t] && t[_t] ? Math.round(this[_t] * (t[$t] / t[_t])) : this[Nt]) } updateProps() { const t = this.container; if (!t) return; const e = e => parseFloat(getComputedStyle(t).getPropertyValue("--f-thumb-" + e)) || 0; this.thumbGap = e("gap"), this.thumbExtraGap = e("extra-gap"), this[Nt] = e("width") || 40, this[$t] = e("clip-width") || 40, this[_t] = e("height") || 40 } build() { const t = this; if (t.state !== Bt.Init) return; if (t.isDisabled()) return void t.emit("disabled"); const e = t.instance, i = e.container, n = t.getSlides(), s = t.option("type"); t.type = s; const o = t.option("parentEl"), a = t.cn("container"), r = t.cn("track"); let l = null == o ? void 0 : o.querySelector("." + a); l || (l = document.createElement("div"), C(l, a), o ? o.appendChild(l) : i.after(l)), C(l, `is-${s}`), C(i, t.cn("hasThumbs")), t.container = l, t.updateProps(); let c = l.querySelector("." + r); c || (c = document.createElement("div"), C(c, t.cn("track")), l.appendChild(c)), t.track = c; const h = p({}, { track: c, infinite: !1, center: !0, fill: "classic" === s, dragFree: !0, slidesPerPage: 1, transition: !1, preload: .25, friction: .12, Panzoom: { maxVelocity: 0 }, Dots: !1, Navigation: !1, classes: { container: "f-thumbs", viewport: "f-thumbs__viewport", track: "f-thumbs__track", slide: "f-thumbs__slide" } }, t.option("Carousel") || {}, { Sync: { target: e }, slides: n }), d = new e.constructor(l, h); d.on("createSlide", ((e, i) => { t.setProps(i.index), t.emit("createSlide", i, i.el) })), d.on("ready", (() => { t.shiftModern(), t.emit("ready") })), d.on("refresh", (() => { t.shiftModern() })), d.on("Panzoom.click", ((e, i, n) => { t.onClick(n) })), t.carousel = d, t.state = Bt.Ready } onClick(t) { t.preventDefault(), t.stopPropagation(); const e = this.instance, { pages: i, page: n } = e, s = t => { if (t) { const e = t.closest("[data-carousel-index]"); if (e) return [parseInt(e.dataset.carouselIndex || "", 10) || 0, e] } return [-1, void 0] }, o = (t, e) => { const i = document.elementFromPoint(t, e); return i ? s(i) : [-1, void 0] }; let [a, r] = s(t.target); if (a > -1) return; const l = this[$t], c = t.clientX, h = t.clientY; let [d, u] = o(c - l, h), [p, f] = o(c + l, h); u && f ? (a = Math.abs(c - u.getBoundingClientRect().right) < Math.abs(c - f.getBoundingClientRect().left) ? d : p, a === n && (a = a === d ? p : d)) : u ? a = d : f && (a = p), a > -1 && i[a] && e.slideTo(a) } getShift(t) { var e; const i = this, { instance: n } = i, s = i.carousel; if (!n || !s) return 0; const o = i[Nt], a = i[$t], r = i.thumbGap, l = i.thumbExtraGap; if (!(null === (e = s.slides[t]) || void 0 === e ? void 0 : e.el)) return 0; const c = .5 * (o - a), h = n.pages.length - 1; let d = n.getProgress(0), u = n.getProgress(h), p = n.getProgress(t, !1, !0), f = 0, g = c + l + r; const m = d < 0 && d > -1, v = u > 0 && u < 1; return 0 === t ? (f = g * Math.abs(d), v && 1 === d && (f -= g * Math.abs(u))) : t === h ? (f = g * Math.abs(u) * -1, m && -1 === u && (f += g * Math.abs(d))) : m || v ? (f = -1 * g, f += g * Math.abs(d), f += g * (1 - Math.abs(u))) : f = g * p, f } setProps(t) { var i; const n = this; if (!n.isModern) return; const { instance: s } = n, o = n.carousel; if (s && o) { const a = null === (i = o.slides[t]) || void 0 === i ? void 0 : i.el; if (a && a.childNodes.length) { let i = e(1 - Math.abs(s.getProgress(t))), o = e(n.getShift(t)); a.style.setProperty("--progress", i ? i + "" : ""), a.style.setProperty("--shift", o + "") } } } shiftModern() { const t = this; if (!t.isModern) return; const { instance: e, track: i } = t, n = e.panzoom, s = t.carousel; if (!(e && i && n && s)) return; if (n.state === v.Init || n.state === v.Destroy) return; for (const i of e.slides) t.setProps(i.index); let o = (t[$t] + t.thumbGap) * (s.slides.length || 0); i.style.setProperty("--width", o + "") } cleanup() { const t = this; t.carousel && t.carousel.destroy(), t.carousel = null, t.container && t.container.remove(), t.container = null, t.track && t.track.remove(), t.track = null, t.state = Bt.Init, P(t.instance.container, t.cn("hasThumbs")) } attach() { const t = this, e = t.instance; e.on("initSlide", t.onInitSlide), e.state === H.Init ? e.on("initSlides", t.onInitSlides) : t.onInitSlides(), e.on(["change", "Panzoom.afterTransform"], t.onChange), e.on("Panzoom.refresh", t.onRefresh) } detach() { const t = this, e = t.instance; e.off("initSlide", t.onInitSlide), e.off("initSlides", t.onInitSlides), e.off(["change", "Panzoom.afterTransform"], t.onChange), e.off("Panzoom.refresh", t.onRefresh), t.cleanup() } }; Object.defineProperty(Wt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: jt }); const Xt = Object.assign(Object.assign({}, jt), { key: "t", showOnStart: !0, parentEl: null }), qt = "is-masked", Yt = "aria-hidden"; class Vt extends $ { constructor() { super(...arguments), Object.defineProperty(this, "ref", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "hidden", { enumerable: !0, configurable: !0, writable: !0, value: !1 }) } get isEnabled() { const t = this.ref; return t && !t.isDisabled() } get isHidden() { return this.hidden } onClick(t, e) { e.stopPropagation() } onCreateSlide(t, e) { var i, n, s; const o = (null === (s = null === (n = null === (i = this.instance) || void 0 === i ? void 0 : i.carousel) || void 0 === n ? void 0 : n.slides[e.index]) || void 0 === s ? void 0 : s.type) || "", a = e.el; if (a && o) { let t = `for-${o}`; ["video", "youtube", "vimeo", "html5video"].includes(o) && (t += " for-video"), C(a, t) } } onInit() { var t; const e = this, i = e.instance, n = i.carousel; if (e.ref || !n) return; const s = e.option("parentEl") || i.footer || i.container; if (!s) return; const o = p({}, e.options, { parentEl: s, classes: { container: "f-thumbs fancybox__thumbs" }, Carousel: { Sync: { friction: i.option("Carousel.friction") || 0 } }, on: { ready: t => { const i = t.container; i && this.hidden && (e.refresh(), i.style.transition = "none", e.hide(), i.offsetHeight, queueMicrotask((() => { i.style.transition = "", e.show() }))) } } }); o.Carousel = o.Carousel || {}, o.Carousel.on = p((null === (t = e.options.Carousel) || void 0 === t ? void 0 : t.on) || {}, { click: this.onClick, createSlide: this.onCreateSlide }), n.options.Thumbs = o, n.attachPlugins({ Thumbs: Wt }), e.ref = n.plugins.Thumbs, e.option("showOnStart") || (e.ref.state = Bt.Hidden, e.hidden = !0) } onResize() { var t; const e = null === (t = this.ref) || void 0 === t ? void 0 : t.container; e && (e.style.maxHeight = "") } onKeydown(t, e) { const i = this.option("key"); i && i === e && this.toggle() } toggle() { const t = this.ref; if (t && !t.isDisabled()) return t.state === Bt.Hidden ? (t.state = Bt.Init, void t.build()) : void(this.hidden ? this.show() : this.hide()) } show() { const t = this.ref; if (!t || t.isDisabled()) return; const e = t.container; e && (this.refresh(), e.offsetHeight, e.removeAttribute(Yt), e.classList.remove(qt), this.hidden = !1) } hide() { const t = this.ref, e = t && t.container; e && (this.refresh(), e.offsetHeight, e.classList.add(qt), e.setAttribute(Yt, "true")), this.hidden = !0 } refresh() { const t = this.ref; if (!t || !t.state) return; const e = t.container, i = (null == e ? void 0 : e.firstChild) || null; e && i && i.childNodes.length && (e.style.maxHeight = `${i.getBoundingClientRect().height}px`) } attach() { const t = this, e = t.instance; e.state === lt.Init ? e.on("Carousel.init", t.onInit) : t.onInit(), e.on("resize", t.onResize), e.on("keydown", t.onKeydown) } detach() { var t; const e = this, i = e.instance; i.off("Carousel.init", e.onInit), i.off("resize", e.onResize), i.off("keydown", e.onKeydown), null === (t = i.carousel) || void 0 === t || t.detachPlugins(["Thumbs"]), e.ref = null } } Object.defineProperty(Vt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: Xt }); const Zt = { panLeft: { icon: '', change: { panX: -100 } }, panRight: { icon: '', change: { panX: 100 } }, panUp: { icon: '', change: { panY: -100 } }, panDown: { icon: '', change: { panY: 100 } }, zoomIn: { icon: '', action: "zoomIn" }, zoomOut: { icon: '', action: "zoomOut" }, toggle1to1: { icon: '', action: "toggleZoom" }, toggleZoom: { icon: '', action: "toggleZoom" }, iterateZoom: { icon: '', action: "iterateZoom" }, rotateCCW: { icon: '', action: "rotateCCW" }, rotateCW: { icon: '', action: "rotateCW" }, flipX: { icon: '', action: "flipX" }, flipY: { icon: '', action: "flipY" }, fitX: { icon: '', action: "fitX" }, fitY: { icon: '', action: "fitY" }, reset: { icon: '', action: "reset" }, toggleFS: { icon: '', action: "toggleFS" } }; var Ut; ! function(t) { t[t.Init = 0] = "Init", t[t.Ready = 1] = "Ready", t[t.Disabled = 2] = "Disabled" }(Ut || (Ut = {})); const Gt = { absolute: "auto", display: { left: ["infobar"], middle: [], right: ["iterateZoom", "slideshow", "fullscreen", "thumbs", "close"] }, enabled: "auto", items: { infobar: { tpl: '

/

' }, download: { tpl: '' }, prev: { tpl: '' }, next: { tpl: '' }, slideshow: { tpl: '' }, fullscreen: { tpl: '' }, thumbs: { tpl: '' }, close: { tpl: '' } }, parentEl: null }, Kt = { tabindex: "-1", width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, Jt = "has-toolbar", Qt = "fancybox__toolbar"; class te extends $ { constructor() { super(...arguments), Object.defineProperty(this, "state", { enumerable: !0, configurable: !0, writable: !0, value: Ut.Init }), Object.defineProperty(this, "container", { enumerable: !0, configurable: !0, writable: !0, value: null }) } onReady(t) { var e; if (!t.carousel) return; let i = this.option("display"), n = this.option("absolute"), s = this.option("enabled"); if ("auto" === s) { const t = this.instance.carousel; let e = 0; if (t) for (const i of t.slides)(i.panzoom || "image" === i.type) && e++; e || (s = !1) } s || (i = void 0); let o = 0; const a = { left: [], middle: [], right: [] }; if (i) for (const t of ["left", "middle", "right"]) for (const n of i[t]) { const i = this.createEl(n); i && (null === (e = a[t]) || void 0 === e || e.push(i), o++) } let r = null; if (o && (r = this.createContainer()), r) { for (const [t, e] of Object.entries(a)) { const i = document.createElement("div"); C(i, Qt + "__column is-" + t); for (const t of e) i.appendChild(t); "auto" !== n || "middle" !== t || e.length || (n = !0), r.appendChild(i) }!0 === n && C(r, "is-absolute"), this.state = Ut.Ready, this.onRefresh() } else this.state = Ut.Disabled } onClick(t) { var e, i; const n = this.instance, s = n.getSlide(), o = null == s ? void 0 : s.panzoom, a = t.target, r = a && S(a) ? a.dataset : null; if (!r) return; if (void 0 !== r.fancyboxToggleThumbs) return t.preventDefault(), t.stopPropagation(), void(null === (e = n.plugins.Thumbs) || void 0 === e || e.toggle()); if (void 0 !== r.fancyboxToggleFullscreen) return t.preventDefault(), t.stopPropagation(), void this.instance.toggleFullscreen(); if (void 0 !== r.fancyboxToggleSlideshow) { t.preventDefault(), t.stopPropagation(); const e = null === (i = n.carousel) || void 0 === i ? void 0 : i.plugins.Autoplay; let s = e.isActive; return o && "mousemove" === o.panMode && !s && o.reset(), void(s ? e.stop() : e.start()) } const l = r.panzoomAction, c = r.panzoomChange; if ((c || l) && (t.preventDefault(), t.stopPropagation()), c) { let t = {}; try { t = JSON.parse(c) } catch (t) {} o && o.applyChange(t) } else l && o && o[l] && o[l]() } onChange() { this.onRefresh() } onRefresh() { if (this.instance.isClosing()) return; const t = this.container; if (!t) return; const e = this.instance.getSlide(); if (!e || e.state !== ct.Ready) return; const i = e && !e.error && e.panzoom; for (const e of t.querySelectorAll("[data-panzoom-action]")) i ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1")); let n = i && i.canZoomIn(), s = i && i.canZoomOut(); for (const e of t.querySelectorAll('[data-panzoom-action="zoomIn"]')) n ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1")); for (const e of t.querySelectorAll('[data-panzoom-action="zoomOut"]')) s ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1")); for (const e of t.querySelectorAll('[data-panzoom-action="toggleZoom"],[data-panzoom-action="iterateZoom"]')) { s || n ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1")); const t = e.querySelector("g"); t && (t.style.display = n ? "" : "none") } } onDone(t, e) { var i; null === (i = e.panzoom) || void 0 === i || i.on("afterTransform", (() => { this.instance.isCurrentSlide(e) && this.onRefresh() })), this.instance.isCurrentSlide(e) && this.onRefresh() } createContainer() { const t = this.instance.container; if (!t) return null; const e = this.option("parentEl") || t; let i = e.querySelector("." + Qt); return i || (i = document.createElement("div"), C(i, Qt), e.prepend(i)), i.addEventListener("click", this.onClick, { passive: !1, capture: !0 }), t && C(t, Jt), this.container = i, i } createEl(t) { const e = this.instance, i = e.carousel; if (!i) return null; if ("toggleFS" === t) return null; if ("fullscreen" === t && !at()) return null; let n = null; const o = i.slides.length || 0; let a = 0, r = 0; for (const t of i.slides)(t.panzoom || "image" === t.type) && a++, ("image" === t.type || t.downloadSrc) && r++; if (o < 2 && ["infobar", "prev", "next"].includes(t)) return n; if (void 0 !== Zt[t] && !a) return null; if ("download" === t && !r) return null; if ("thumbs" === t) { const t = e.plugins.Thumbs; if (!t || !t.isEnabled) return null } if ("slideshow" === t) { if (!i.plugins.Autoplay || o < 2) return null } if (void 0 !== Zt[t]) { const e = Zt[t]; n = document.createElement("button"), n.setAttribute("title", this.instance.localize(`{{${t.toUpperCase()}}}`)), C(n, "f-button"), e.action && (n.dataset.panzoomAction = e.action), e.change && (n.dataset.panzoomChange = JSON.stringify(e.change)), n.appendChild(s(this.instance.localize(e.icon))) } else { const e = (this.option("items") || [])[t]; e && (n = s(this.instance.localize(e.tpl)), "function" == typeof e.click && n.addEventListener("click", (t => { t.preventDefault(), t.stopPropagation(), "function" == typeof e.click && e.click.call(this, this, t) }))) } const l = null == n ? void 0 : n.querySelector("svg"); if (l) for (const [t, e] of Object.entries(Kt)) l.getAttribute(t) || l.setAttribute(t, String(e)); return n } removeContainer() { const t = this.container; t && t.remove(), this.container = null, this.state = Ut.Disabled; const e = this.instance.container; e && P(e, Jt) } attach() { const t = this, e = t.instance; e.on("Carousel.initSlides", t.onReady), e.on("done", t.onDone), e.on(["reveal", "Carousel.change"], t.onChange), t.onReady(t.instance) } detach() { const t = this, e = t.instance; e.off("Carousel.initSlides", t.onReady), e.off("done", t.onDone), e.off(["reveal", "Carousel.change"], t.onChange), t.removeContainer() } } Object.defineProperty(te, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: Gt }); const ee = { Hash: class extends $ { onReady() { dt = !1 } onChange(t) { pt && clearTimeout(pt); const { hash: e } = ft(), { hash: i } = gt(), n = t.isOpeningSlide(t.getSlide()); n && (ht = i === e ? "" : i), e && e !== i && (pt = setTimeout((() => { try { if (t.state === lt.Ready) { let t = "replaceState"; n && !ut && (t = "pushState", ut = !0), window.history[t]({}, document.title, window.location.pathname + window.location.search + e) } } catch (t) {} }), 300)) } onClose(t) { if (pt && clearTimeout(pt), !dt && ut) return ut = !1, dt = !1, void window.history.back(); if (!dt) try { window.history.replaceState({}, document.title, window.location.pathname + window.location.search + (ht || "")) } catch (t) {} } attach() { const t = this.instance; t.on("ready", this.onReady), t.on(["Carousel.ready", "Carousel.change"], this.onChange), t.on("close", this.onClose) } detach() { const t = this.instance; t.off("ready", this.onReady), t.off(["Carousel.ready", "Carousel.change"], this.onChange), t.off("close", this.onClose) } static parseURL() { return gt() } static startFromUrl() { mt() } static destroy() { window.removeEventListener("hashchange", bt, !1) } }, Html: zt, Images: xt, Slideshow: Ft, Thumbs: Vt, Toolbar: te }, ie = "with-fancybox", ne = "hide-scrollbar", se = "--fancybox-scrollbar-compensate", oe = "--fancybox-body-margin", ae = "aria-hidden", re = "is-using-tab", le = "is-animated", ce = "is-compact", he = "is-loading", de = "is-opening", ue = "has-caption", pe = "disabled", fe = "tabindex", ge = "download", me = "href", ve = "src", be = t => "string" == typeof t, ye = function() { var t = window.getSelection(); return !!t && "Range" === t.type }; let we, xe = null, Ee = null, Se = 0, Pe = 0, Ce = 0, Te = 0; const Me = new Map; let Oe = 0; class Ae extends m { get isIdle() { return this.idle } get isCompact() { return this.option("compact") } constructor(t = [], e = {}, i = {}) { super(e), Object.defineProperty(this, "userSlides", { enumerable: !0, configurable: !0, writable: !0, value: [] }), Object.defineProperty(this, "userPlugins", { enumerable: !0, configurable: !0, writable: !0, value: {} }), Object.defineProperty(this, "idle", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "idleTimer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "clickTimer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "pwt", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "ignoreFocusChange", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "startedFs", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "state", { enumerable: !0, configurable: !0, writable: !0, value: lt.Init }), Object.defineProperty(this, "id", { enumerable: !0, configurable: !0, writable: !0, value: 0 }), Object.defineProperty(this, "container", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "caption", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "footer", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "carousel", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "lastFocus", { enumerable: !0, configurable: !0, writable: !0, value: null }), Object.defineProperty(this, "prevMouseMoveEvent", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), we || (we = at()), this.id = e.id || ++Oe, Me.set(this.id, this), this.userSlides = t, this.userPlugins = i, queueMicrotask((() => { this.init() })) } init() { if (this.state === lt.Destroy) return; this.state = lt.Init, this.attachPlugins(Object.assign(Object.assign({}, Ae.Plugins), this.userPlugins)), this.emit("init"), this.emit("attachPlugins"), !0 === this.option("hideScrollbar") && (() => { if (!it) return; const t = document, e = t.body, i = t.documentElement; if (e.classList.contains(ne)) return; let n = window.innerWidth - i.getBoundingClientRect().width; const s = parseFloat(window.getComputedStyle(e).marginRight); n < 0 && (n = 0), i.style.setProperty(se, `${n}px`), s && e.style.setProperty(oe, `${s}px`), e.classList.add(ne) })(), this.initLayout(), this.scale(); const t = () => { this.initCarousel(this.userSlides), this.state = lt.Ready, this.attachEvents(), this.emit("ready"), setTimeout((() => { this.container && this.container.setAttribute(ae, "false") }), 16) }; this.option("Fullscreen.autoStart") && we && !we.isFullscreen() ? we.request().then((() => { this.startedFs = !0, t() })).catch((() => t())) : t() } initLayout() { var t, e; const i = this.option("parentEl") || document.body, n = s(this.localize(this.option("tpl.main") || "")); if (n) { if (n.setAttribute("id", `fancybox-${this.id}`), n.setAttribute("aria-label", this.localize("{{MODAL}}")), n.classList.toggle(ce, this.isCompact), C(n, this.option("mainClass") || ""), C(n, de), this.container = n, this.footer = n.querySelector(".fancybox__footer"), i.appendChild(n), C(document.documentElement, ie), xe && Ee || (xe = document.createElement("span"), C(xe, "fancybox-focus-guard"), xe.setAttribute(fe, "0"), xe.setAttribute(ae, "true"), xe.setAttribute("aria-label", "Focus guard"), Ee = xe.cloneNode(), null === (t = n.parentElement) || void 0 === t || t.insertBefore(xe, n), null === (e = n.parentElement) || void 0 === e || e.append(Ee)), n.addEventListener("mousedown", (t => { Se = t.pageX, Pe = t.pageY, P(n, re) })), this.option("closeExisting")) for (const t of Me.values()) t.id !== this.id && t.close(); else this.option("animated") && (C(n, le), setTimeout((() => { this.isClosing() || P(n, le) }), 350)); this.emit("initLayout") } } initCarousel(t) { const e = this.container; if (!e) return; const n = e.querySelector(".fancybox__carousel"); if (!n) return; const s = this.carousel = new tt(n, p({}, { slides: t, transition: "fade", Panzoom: { lockAxis: this.option("dragToClose") ? "xy" : "x", infinite: !!this.option("dragToClose") && "y" }, Dots: !1, Navigation: { classes: { container: "fancybox__nav", button: "f-button", isNext: "is-next", isPrev: "is-prev" } }, initialPage: this.option("startIndex"), l10n: this.option("l10n") }, this.option("Carousel") || {})); s.on("*", ((t, e, ...i) => { this.emit(`Carousel.${e}`, t, ...i) })), s.on(["ready", "change"], (() => { this.manageCaption() })), this.on("Carousel.removeSlide", ((t, e, i) => { this.clearContent(i), i.state = void 0 })), s.on("Panzoom.touchStart", (() => { var t, e; this.isCompact || this.endIdle(), (null === (t = document.activeElement) || void 0 === t ? void 0 : t.closest(".f-thumbs")) && (null === (e = this.container) || void 0 === e || e.focus()) })), s.on("settle", (() => { this.idleTimer || this.isCompact || !this.option("idle") || this.setIdle(), this.option("autoFocus") && !this.isClosing && this.checkFocus() })), this.option("dragToClose") && (s.on("Panzoom.afterTransform", ((t, e) => { const n = this.getSlide(); if (n && i(n.el)) return; const s = this.container; if (s) { const t = Math.abs(e.current.f), i = t < 1 ? "" : Math.max(.5, Math.min(1, 1 - t / e.contentRect.fitHeight * 1.5)); s.style.setProperty("--fancybox-ts", i ? "0s" : ""), s.style.setProperty("--fancybox-opacity", i + "") } })), s.on("Panzoom.touchEnd", ((t, e, n) => { var s; const o = this.getSlide(); if (o && i(o.el)) return; if (e.isMobile && document.activeElement && -1 !== ["TEXTAREA", "INPUT"].indexOf(null === (s = document.activeElement) || void 0 === s ? void 0 : s.nodeName)) return; const a = Math.abs(e.dragOffset.y); "y" === e.lockedAxis && (a >= 200 || a >= 50 && e.dragOffset.time < 300) && (n && n.cancelable && n.preventDefault(), this.close(n, "f-throwOut" + (e.current.f < 0 ? "Up" : "Down"))) }))), s.on("change", (t => { var e; let i = null === (e = this.getSlide()) || void 0 === e ? void 0 : e.triggerEl; if (i) { const e = new CustomEvent("slideTo", { bubbles: !0, cancelable: !0, detail: t.page }); i.dispatchEvent(e) } })), s.on(["refresh", "change"], (t => { const e = this.container; if (!e) return; for (const i of e.querySelectorAll("[data-fancybox-current-index]")) i.innerHTML = t.page + 1; for (const i of e.querySelectorAll("[data-fancybox-count]")) i.innerHTML = t.pages.length; if (!t.isInfinite) { for (const i of e.querySelectorAll("[data-fancybox-next]")) t.page < t.pages.length - 1 ? (i.removeAttribute(pe), i.removeAttribute(fe)) : (i.setAttribute(pe, ""), i.setAttribute(fe, "-1")); for (const i of e.querySelectorAll("[data-fancybox-prev]")) t.page > 0 ? (i.removeAttribute(pe), i.removeAttribute(fe)) : (i.setAttribute(pe, ""), i.setAttribute(fe, "-1")) } const i = this.getSlide(); if (!i) return; let n = i.downloadSrc || ""; n || "image" !== i.type || i.error || !be(i[ve]) || (n = i[ve]); for (const t of e.querySelectorAll("[data-fancybox-download]")) { const e = i.downloadFilename; n ? (t.removeAttribute(pe), t.removeAttribute(fe), t.setAttribute(me, n), t.setAttribute(ge, e || n), t.setAttribute("target", "_blank")) : (t.setAttribute(pe, ""), t.setAttribute(fe, "-1"), t.removeAttribute(me), t.removeAttribute(ge)) } })), this.emit("initCarousel") } attachEvents() { const t = this, e = t.container; if (!e) return; e.addEventListener("click", t.onClick, { passive: !1, capture: !1 }), e.addEventListener("wheel", t.onWheel, { passive: !1, capture: !1 }), document.addEventListener("keydown", t.onKeydown, { passive: !1, capture: !0 }), document.addEventListener("visibilitychange", t.onVisibilityChange, !1), document.addEventListener("mousemove", t.onMousemove), t.option("trapFocus") && document.addEventListener("focus", t.onFocus, !0), window.addEventListener("resize", t.onResize); const i = window.visualViewport; i && (i.addEventListener("scroll", t.onResize), i.addEventListener("resize", t.onResize)) } detachEvents() { const t = this, e = t.container; if (!e) return; document.removeEventListener("keydown", t.onKeydown, { passive: !1, capture: !0 }), e.removeEventListener("wheel", t.onWheel, { passive: !1, capture: !1 }), e.removeEventListener("click", t.onClick, { passive: !1, capture: !1 }), document.removeEventListener("mousemove", t.onMousemove), window.removeEventListener("resize", t.onResize); const i = window.visualViewport; i && (i.removeEventListener("resize", t.onResize), i.removeEventListener("scroll", t.onResize)), document.removeEventListener("visibilitychange", t.onVisibilityChange, !1), document.removeEventListener("focus", t.onFocus, !0) } scale() { const t = this.container; if (!t) return; const e = window.visualViewport, i = Math.max(1, (null == e ? void 0 : e.scale) || 1); let n = "", s = "", o = ""; if (e && i > 1) { let t = `${e.offsetLeft}px`, a = `${e.offsetTop}px`; n = e.width * i + "px", s = e.height * i + "px", o = `translate3d(${t}, ${a}, 0) scale(${1/i})` } t.style.transform = o, t.style.width = n, t.style.height = s } onClick(t) { var e; const { container: i, isCompact: n } = this; if (!i || this.isClosing()) return; !n && this.option("idle") && this.resetIdle(); const s = t.composedPath()[0]; if (s.closest(".fancybox-spinner") || s.closest("[data-fancybox-close]")) return t.preventDefault(), void this.close(t); if (s.closest("[data-fancybox-prev]")) return t.preventDefault(), void this.prev(); if (s.closest("[data-fancybox-next]")) return t.preventDefault(), void this.next(); if ("click" === t.type && 0 === t.detail) return; if (Math.abs(t.pageX - Se) > 30 || Math.abs(t.pageY - Pe) > 30) return; const o = document.activeElement; if (ye() && o && i.contains(o)) return; if (n && "image" === (null === (e = this.getSlide()) || void 0 === e ? void 0 : e.type)) return void(this.clickTimer ? (clearTimeout(this.clickTimer), this.clickTimer = null) : this.clickTimer = setTimeout((() => { this.toggleIdle(), this.clickTimer = null }), 350)); if (this.emit("click", t), t.defaultPrevented) return; let a = !1; if (s.closest(".fancybox__content")) { if (o) { if (o.closest("[contenteditable]")) return; s.matches(st) || o.blur() } if (ye()) return; a = this.option("contentClick") } else s.closest(".fancybox__carousel") && !s.matches(st) && (a = this.option("backdropClick")); "close" === a ? (t.preventDefault(), this.close(t)) : "next" === a ? (t.preventDefault(), this.next()) : "prev" === a && (t.preventDefault(), this.prev()) } onWheel(t) { const e = t.target; let i = this.option("wheel", t); e.closest(".fancybox__thumbs") && (i = "slide"); const s = "slide" === i, o = [-t.deltaX || 0, -t.deltaY || 0, -t.detail || 0].reduce((function(t, e) { return Math.abs(e) > Math.abs(t) ? e : t })), a = Math.max(-1, Math.min(1, o)), r = Date.now(); this.pwt && r - this.pwt < 300 ? s && t.preventDefault() : (this.pwt = r, this.emit("wheel", t, a), t.defaultPrevented || ("close" === i ? (t.preventDefault(), this.close(t)) : "slide" === i && (n(e) || (t.preventDefault(), this[a > 0 ? "prev" : "next"]())))) } onScroll() { window.scrollTo(Ce, Te) } onKeydown(t) { if (!this.isTopmost()) return; this.isCompact || !this.option("idle") || this.isClosing() || this.resetIdle(); const e = t.key, i = this.option("keyboard"); if (!i) return; const n = t.composedPath()[0], s = document.activeElement && document.activeElement.classList, o = s && s.contains("f-button") || n.dataset.carouselPage || n.dataset.carouselIndex; if ("Escape" !== e && !o && S(n)) { if (n.isContentEditable || -1 !== ["TEXTAREA", "OPTION", "INPUT", "SELECT", "VIDEO"].indexOf(n.nodeName)) return } if ("Tab" === t.key ? C(this.container, re) : P(this.container, re), t.ctrlKey || t.altKey || t.shiftKey) return; this.emit("keydown", e, t); const a = i[e]; a && "function" == typeof this[a] && (t.preventDefault(), this[a]()) } onResize() { const t = this.container; if (!t) return; const e = this.isCompact; t.classList.toggle(ce, e), this.manageCaption(this.getSlide()), this.isCompact ? this.clearIdle() : this.endIdle(), this.scale(), this.emit("resize") } onFocus(t) { this.isTopmost() && this.checkFocus(t) } onMousemove(t) { this.prevMouseMoveEvent = t, !this.isCompact && this.option("idle") && this.resetIdle() } onVisibilityChange() { "visible" === document.visibilityState ? this.checkFocus() : this.endIdle() } manageCloseBtn(t) { const e = this.optionFor(t, "closeButton") || !1; if ("auto" === e) { const t = this.plugins.Toolbar; if (t && t.state === Ut.Ready) return } if (!e) return; if (!t.contentEl || t.closeBtnEl) return; const i = this.option("tpl.closeButton"); if (i) { const e = s(this.localize(i)); t.closeBtnEl = t.contentEl.appendChild(e), t.el && C(t.el, "has-close-btn") } } manageCaption(t = void 0) { return; var e, i; const n = "fancybox__caption", s = this.container; if (!s) return; P(s, ue); const o = this.isCompact || this.option("commonCaption"), a = !o; if (this.caption && this.stop(this.caption), a && this.caption && (this.caption.remove(), this.caption = null), o && !this.caption) for (const t of (null === (e = this.carousel) || void 0 === e ? void 0 : e.slides) || []) t.captionEl && (t.captionEl.remove(), t.captionEl = void 0, P(t.el, ue), null === (i = t.el) || void 0 === i || i.removeAttribute("aria-labelledby")); if (t || (t = this.getSlide()), !t || o && !this.isCurrentSlide(t)) return; const r = t.el; let l = this.optionFor(t, "caption", ""); if (!l) return void(o && this.caption && this.animate(this.caption, "f-fadeOut", (() => { this.caption && (this.caption.innerHTML = "") }))); let c = null; if (a) { if (c = t.captionEl || null, r && !c) { const e = n + `_${this.id}_${t.index}`; c = document.createElement("div"), C(c, n), c.setAttribute("id", e), t.captionEl = r.appendChild(c), C(r, ue), r.setAttribute("aria-labelledby", e) } } else { if (c = this.caption, c || (c = s.querySelector("." + n)), !c) { c = document.createElement("div"), c.dataset.fancyboxCaption = "", C(c, n); (this.footer || s).prepend(c) } C(s, ue), this.caption = c } c && (c.innerHTML = "", be(l) || "number" == typeof l ? c.innerHTML = l + "" : l instanceof HTMLElement && c.appendChild(l)) } checkFocus(t) { this.focus(t) } focus(t) { var e; if (this.ignoreFocusChange) return; const i = document.activeElement || null, n = (null == t ? void 0 : t.target) || null, s = this.container, o = null === (e = this.carousel) || void 0 === e ? void 0 : e.viewport; if (!s || !o) return; if (!t && i && s.contains(i)) return; const a = this.getSlide(), r = a && a.state === ct.Ready ? a.el : null; if (!r || r.contains(i) || s === i) return; t && t.cancelable && t.preventDefault(), this.ignoreFocusChange = !0; const l = Array.from(s.querySelectorAll(st)); let c = [], h = null; for (let t of l) { const e = !t.offsetParent || !!t.closest('[aria-hidden="true"]'), i = r && r.contains(t), n = !o.contains(t); if (t === s || (i || n) && !e) { c.push(t); const e = t.dataset.origTabindex; void 0 !== e && e && (t.tabIndex = parseFloat(e)), t.removeAttribute("data-orig-tabindex"), !t.hasAttribute("autoFocus") && h || (h = t) } else { const e = void 0 === t.dataset.origTabindex ? t.getAttribute("tabindex") || "" : t.dataset.origTabindex; e && (t.dataset.origTabindex = e), t.tabIndex = -1 } } let d = null; t ? (!n || c.indexOf(n) < 0) && (d = h || s, c.length && (i === Ee ? d = c[0] : this.lastFocus !== s && i !== xe || (d = c[c.length - 1]))) : d = a && "image" === a.type ? s : h || s, d && ot(d), this.lastFocus = document.activeElement, this.ignoreFocusChange = !1 } next() { const t = this.carousel; t && t.pages.length > 1 && t.slideNext() } prev() { const t = this.carousel; t && t.pages.length > 1 && t.slidePrev() } jumpTo(...t) { this.carousel && this.carousel.slideTo(...t) } isTopmost() { var t; return (null === (t = Ae.getInstance()) || void 0 === t ? void 0 : t.id) == this.id } animate(t = null, e = "", i) { if (!t || !e) return void(i && i()); this.stop(t); const n = s => { s.target === t && t.dataset.animationName && (t.removeEventListener("animationend", n), delete t.dataset.animationName, i && i(), P(t, e)) }; t.dataset.animationName = e, t.addEventListener("animationend", n), C(t, e) } stop(t) { t && t.dispatchEvent(new CustomEvent("animationend", { bubbles: !1, cancelable: !0, currentTarget: t })) } setContent(t, e = "", i = !0) { if (this.isClosing()) return; const n = t.el; if (!n) return; let o = null; if (S(e) ? o = e : (o = s(e + ""), S(o) || (o = document.createElement("div"), o.innerHTML = e + "")), ["img", "picture", "iframe", "video", "audio"].includes(o.nodeName.toLowerCase())) { const t = document.createElement("div"); t.appendChild(o), o = t } S(o) && t.filter && !t.error && (o = o.querySelector(t.filter)), o && S(o) ? (C(o, "fancybox__content"), t.id && o.setAttribute("id", t.id), n.classList.add(`has-${t.error?"error":t.type||"unknown"}`), n.prepend(o), "none" === o.style.display && (o.style.display = ""), "none" === getComputedStyle(o).getPropertyValue("display") && (o.style.display = t.display || this.option("defaultDisplay") || "flex"), t.contentEl = o, i && this.revealContent(t), this.manageCloseBtn(t), this.manageCaption(t)) : this.setError(t, "{{ELEMENT_NOT_FOUND}}") } revealContent(t, e) { const i = t.el, n = t.contentEl; i && n && (this.emit("reveal", t), this.hideLoading(t), t.state = ct.Opening, (e = this.isOpeningSlide(t) ? void 0 === e ? this.optionFor(t, "showClass") : e : "f-fadeIn") ? this.animate(n, e, (() => { this.done(t) })) : this.done(t)) } done(t) { this.isClosing() || (t.state = ct.Ready, this.emit("done", t), C(t.el, "is-done"), this.isCurrentSlide(t) && this.option("autoFocus") && queueMicrotask((() => { var e; null === (e = t.panzoom) || void 0 === e || e.updateControls(), this.option("autoFocus") && this.focus() })), this.isOpeningSlide(t) && (P(this.container, de), !this.isCompact && this.option("idle") && this.setIdle())) } isCurrentSlide(t) { const e = this.getSlide(); return !(!t || !e) && e.index === t.index } isOpeningSlide(t) { var e, i; return null === (null === (e = this.carousel) || void 0 === e ? void 0 : e.prevPage) && t && t.index === (null === (i = this.getSlide()) || void 0 === i ? void 0 : i.index) } showLoading(t) { t.state = ct.Loading; const e = t.el; if (!e) return; C(e, he), this.emit("loading", t), t.spinnerEl || setTimeout((() => { if (!this.isClosing() && !t.spinnerEl && t.state === ct.Loading) { let i = s(E); C(i, "fancybox-spinner"), t.spinnerEl = i, e.prepend(i), this.animate(i, "f-fadeIn") } }), 250) } hideLoading(t) { const e = t.el; if (!e) return; const i = t.spinnerEl; this.isClosing() ? null == i || i.remove() : (P(e, he), i && this.animate(i, "f-fadeOut", (() => { i.remove() })), t.state === ct.Loading && (this.emit("loaded", t), t.state = ct.Ready)) } setError(t, e) { if (this.isClosing()) return; const i = new Event("error", { bubbles: !0, cancelable: !0 }); if (this.emit("error", i, t), i.defaultPrevented) return; t.error = e, this.hideLoading(t), this.clearContent(t); const n = document.createElement("div"); n.classList.add("fancybox-error"), n.innerHTML = this.localize(e || "

{{ERROR}}

"), this.setContent(t, n) } clearContent(t) { if (void 0 === t.state) return; this.emit("clearContent", t), t.contentEl && (t.contentEl.remove(), t.contentEl = void 0); const e = t.el; e && (P(e, "has-error"), P(e, "has-unknown"), P(e, `has-${t.type||"unknown"}`)), t.closeBtnEl && t.closeBtnEl.remove(), t.closeBtnEl = void 0, t.captionEl && t.captionEl.remove(), t.captionEl = void 0, t.spinnerEl && t.spinnerEl.remove(), t.spinnerEl = void 0 } getSlide() { var t; const e = this.carousel; return (null === (t = null == e ? void 0 : e.pages[null == e ? void 0 : e.page]) || void 0 === t ? void 0 : t.slides[0]) || void 0 } close(t, e) { if (this.isClosing()) return; const i = new Event("shouldClose", { bubbles: !0, cancelable: !0 }); if (this.emit("shouldClose", i, t), i.defaultPrevented) return; t && t.cancelable && (t.preventDefault(), t.stopPropagation()); const n = () => { this.proceedClose(t, e) }; this.startedFs && we && we.isFullscreen() ? Promise.resolve(we.exit()).then((() => n())) : n() } clearIdle() { this.idleTimer && clearTimeout(this.idleTimer), this.idleTimer = null } setIdle(t = !1) { const e = () => { this.clearIdle(), this.idle = !0, C(this.container, "is-idle"), this.emit("setIdle") }; if (this.clearIdle(), !this.isClosing()) if (t) e(); else { const t = this.option("idle"); t && (this.idleTimer = setTimeout(e, t)) } } endIdle() { this.clearIdle(), this.idle && !this.isClosing() && (this.idle = !1, P(this.container, "is-idle"), this.emit("endIdle")) } resetIdle() { this.endIdle(), this.setIdle() } toggleIdle() { this.idle ? this.endIdle() : this.setIdle(!0) } toggleFullscreen() { we && (we.isFullscreen() ? we.exit() : we.request().then((() => { this.startedFs = !0 }))) } isClosing() { return [lt.Closing, lt.CustomClosing, lt.Destroy].includes(this.state) } proceedClose(t, e) { var i, n; this.state = lt.Closing, this.clearIdle(), this.detachEvents(); const s = this.container, o = this.carousel, a = this.getSlide(), r = a && this.option("placeFocusBack") ? a.triggerEl || this.option("triggerEl") : null; if (r && (et(r) ? ot(r) : r.focus()), s && (P(s, de), C(s, "is-closing"), s.setAttribute(ae, "true"), this.option("animated") && C(s, le), s.style.pointerEvents = "none"), o) { o.clearTransitions(), null === (i = o.panzoom) || void 0 === i || i.destroy(), null === (n = o.plugins.Navigation) || void 0 === n || n.detach(); for (const t of o.slides) { t.state = ct.Closing, this.hideLoading(t); const e = t.contentEl; e && this.stop(e); const i = null == t ? void 0 : t.panzoom; i && (i.stop(), i.detachEvents(), i.detachObserver()), this.isCurrentSlide(t) || o.emit("removeSlide", t) } } Ce = window.scrollX, Te = window.scrollY, window.addEventListener("scroll", this.onScroll), this.emit("close", t), this.state !== lt.CustomClosing ? (void 0 === e && a && (e = this.optionFor(a, "hideClass")), e && a ? (this.animate(a.contentEl, e, (() => { o && o.emit("removeSlide", a) })), setTimeout((() => { this.destroy() }), 500)) : this.destroy()) : setTimeout((() => { this.destroy() }), 500) } destroy() { var t; if (this.state === lt.Destroy) return; window.removeEventListener("scroll", this.onScroll), this.state = lt.Destroy, null === (t = this.carousel) || void 0 === t || t.destroy(); const e = this.container; e && e.remove(), Me.delete(this.id); const i = Ae.getInstance(); i ? i.focus() : (xe && (xe.remove(), xe = null), Ee && (Ee.remove(), Ee = null), P(document.documentElement, ie), (() => { if (!it) return; const t = document, e = t.body; e.classList.remove(ne), e.style.setProperty(oe, ""), t.documentElement.style.setProperty(se, "") })(), this.emit("destroy")) } static bind(t, e, i) { if (!it) return; let n, s = "", o = {}; if (void 0 === t ? n = document.body : be(t) ? (n = document.body, s = t, "object" == typeof e && (o = e || {})) : (n = t, be(e) && (s = e), "object" == typeof i && (o = i || {})), !n || !S(n)) return; s = s || "[data-fancybox]"; const a = Ae.openers.get(n) || new Map; a.set(s, o), Ae.openers.set(n, a), 1 === a.size && n.addEventListener("click", Ae.fromEvent) } static unbind(t, e) { let i, n = ""; if (be(t) ? (i = document.body, n = t) : (i = t, be(e) && (n = e)), !i) return; const s = Ae.openers.get(i); s && n && s.delete(n), n && s || (Ae.openers.delete(i), i.removeEventListener("click", Ae.fromEvent)) } static destroy() { let t; for (; t = Ae.getInstance();) t.destroy(); for (const t of Ae.openers.keys()) t.removeEventListener("click", Ae.fromEvent); Ae.openers = new Map } static fromEvent(t) { if (t.defaultPrevented) return; if (t.button && 0 !== t.button) return; if (t.ctrlKey || t.metaKey || t.shiftKey) return; let e = t.composedPath()[0]; const i = e.closest("[data-fancybox-trigger]"); if (i) { const t = i.dataset.fancyboxTrigger || "", n = document.querySelectorAll(`[data-fancybox="${t}"]`), s = parseInt(i.dataset.fancyboxIndex || "", 10) || 0; e = n[s] || e } if (!(e && e instanceof Element)) return; let n, s, o, a; if ([...Ae.openers].reverse().find((([t, i]) => !(!t.contains(e) || ![...i].reverse().find((([i, r]) => { let l = e.closest(i); return !!l && (n = t, s = i, o = l, a = r, !0) }))))), !n || !s || !o) return; a = a || {}, t.preventDefault(), e = o; let r = [], l = p({}, rt, a); l.event = t, l.triggerEl = e, l.delegate = i; const c = l.groupAll, h = l.groupAttr, d = h && e ? e.getAttribute(`${h}`) : ""; if ((!e || d || c) && (r = [].slice.call(n.querySelectorAll(s))), e && !c && (r = d ? r.filter((t => t.getAttribute(`${h}`) === d)) : [e]), !r.length) return; const u = Ae.getInstance(); return u && u.options.triggerEl && r.indexOf(u.options.triggerEl) > -1 ? void 0 : (e && (l.startIndex = r.indexOf(e)), Ae.fromNodes(r, l)) } static fromSelector(t, e, i) { let n = null, s = "", o = {}; if (be(t) ? (n = document.body, s = t, "object" == typeof e && (o = e || {})) : t instanceof HTMLElement && be(e) && (n = t, s = e, "object" == typeof i && (o = i || {})), !n || !s) return !1; const a = Ae.openers.get(n); return !!a && (o = p({}, a.get(s) || {}, o), !!o && Ae.fromNodes(Array.from(n.querySelectorAll(s)), o)) } static fromNodes(t, e) { e = p({}, rt, e || {}); const i = []; for (const n of t) { const t = n.dataset || {}, s = t[ve] || n.getAttribute(me) || n.getAttribute("currentSrc") || n.getAttribute(ve) || void 0; let o; const a = e.delegate; let r; a && i.length === e.startIndex && (o = a instanceof HTMLImageElement ? a : a.querySelector("img:not([aria-hidden])")), o || (o = n instanceof HTMLImageElement ? n : n.querySelector("img:not([aria-hidden])")), o && (r = o.currentSrc || o[ve] || void 0, !r && o.dataset && (r = o.dataset.lazySrc || o.dataset[ve] || void 0)); const l = { src: s, triggerEl: n, thumbEl: o, thumbElSrc: r, thumbSrc: r }; for (const e in t) { let i = t[e] + ""; i = "false" !== i && ("true" === i || i), l[e] = i } i.push(l) } return new Ae(i, e) } static getInstance(t) { if (t) return Me.get(t); return Array.from(Me.values()).reverse().find((t => !t.isClosing() && t)) || null } static getSlide() { var t; return (null === (t = Ae.getInstance()) || void 0 === t ? void 0 : t.getSlide()) || null } static show(t = [], e = {}) { return new Ae(t, e) } static next() { const t = Ae.getInstance(); t && t.next() } static prev() { const t = Ae.getInstance(); t && t.prev() } static close(t = !0, ...e) { if (t) for (const t of Me.values()) t.close(...e); else { const t = Ae.getInstance(); t && t.close(...e) } } } Object.defineProperty(Ae, "version", { enumerable: !0, configurable: !0, writable: !0, value: "5.0.36" }), Object.defineProperty(Ae, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: rt }), Object.defineProperty(Ae, "Plugins", { enumerable: !0, configurable: !0, writable: !0, value: ee }), Object.defineProperty(Ae, "openers", { enumerable: !0, configurable: !0, writable: !0, value: new Map }), t.Carousel = tt, t.Fancybox = Ae, t.Panzoom = D }));