improve UX of Gallery Page, Multi-Page Viewer and Front Page
// ==UserScript== // @name Exhentai Enhancer // @name:en Exhentai Enhancer // @name:zh-TW Exhentai Enhancer // @name:zh-CN Exhentai Enhancer // @namespace https://github.com/sk2589822/Exhentai-Enhancer // @version 1.20.1 // @author sk2589822 // @description improve UX of Gallery Page, Multi-Page Viewer and Front Page // @description:en improve UX of Gallery Page, Multi-Page Viewer and Front Page // @description:zh-TW 改善 Gallery Page、Multi-Page Viewer 和 Front Page 的使用者體驗 // @description:zh-CN 改善 Gallery Page、Multi-Page Viewer 和 Front Page 的使用者體驗 // @license MIT // @icon https://vitejs.dev/logo.svg // @supportURL https://github.com/sk2589822/Exhentai-Enhancer/issues // @match https://exhentai.org/* // @match https://e-hentai.org/* // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.global.prod.js // @grant GM.getValue // @grant GM.registerMenuCommand // @grant GM.setValue // @grant GM_addStyle // @grant GM_addValueChangeListener // @grant GM_getValue // @grant GM_setClipboard // @grant GM_setValue // @grant GM_xmlhttpRequest // @grant unsafeWindow // ==/UserScript== (function(vue) { 'use strict'; var __create = Object.create; var __defProp$2 = Object.defineProperty; var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor; var __getOwnPropNames$1 = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp$2 = Object.prototype.hasOwnProperty; var __copyProps$1 = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames$1(from), i = 0, n = keys.length, key; i < n; i++) { key = keys[i]; if (!__hasOwnProp$2.call(to, key) && key !== except) __defProp$2(to, key, { get: ((k) => from[k]).bind(null, key), enumerable: !(desc = __getOwnPropDesc$1(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps$1(isNodeMode || !mod || !mod.__esModule ? __defProp$2(target, "default", { value: mod, enumerable: true }) : target, mod)); vue = __toESM(vue); var s = new Set(); var _css = async (t) => { if (s.has(t)) return; s.add(t); ((c) => { if (typeof GM_addStyle === "function") GM_addStyle(c); else (document.head || document.documentElement).appendChild(document.createElement("style")).append(c); })(t); }; _css(" @keyframes spin{0%{rotate:0}to{rotate:360deg}}.searchnav{overflow-anchor:none}.itg.gld.is-fetching:after{content:\"⌛\";grid-column:1/-1;justify-content:center;align-items:center;width:30px;height:30px;margin:auto;line-height:30px;animation:1s ease-in-out infinite spin;display:flex}.gldown{display:flex}.archive-button{cursor:pointer;background-color:#5fa9cf;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative;box-shadow:0 3px 5px #0000003d}.hide-button{cursor:pointer;opacity:.25;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;height:12px;font-size:14px;transition:opacity .15s ease-in-out;display:flex;position:relative}.hide-button:hover{opacity:.6}.hide-button.is-hidden{opacity:1}.popup{text-align:center;background-color:var(--bg-color);z-index:100;border:3px solid #fff;border-radius:20px;padding:20px;transition:opacity .3s;position:absolute!important}.popup a{text-decoration:underline}div#gd5{float:unset;width:auto}#gd5 .is-ready:after{content:\" ✔️\"}.enhancer-container .is-fetching{pointer-events:none;font-size:0;text-decoration:none}.enhancer-container .is-fetching:after{content:\"⌛\";font-size:8px;line-height:8px;animation:1s ease-in-out infinite spin;display:inline-block}.enhancer-container input[name=dltype]+.is-fetching{position:relative}.enhancer-container input[name=dltype]+.is-fetching:after{font-size:12px;line-height:27px;position:absolute;top:0;left:50%}.enhancer-container input[name=dltype]+.is-fetching input{color:#0000}.enhancer-container .is-finished{pointer-events:none;font-size:0;text-decoration:none}.enhancer-container .is-finished:after{content:\"✔️\";font-size:8px;line-height:8px;display:inline-block}.page-elevator[data-v-b87e2f8f]{opacity:1;flex-direction:column;gap:10px;width:40px;display:flex}.page-elevator__input[data-v-b87e2f8f]{text-align:center;box-sizing:border-box;border:1px solid #777;width:100%;height:30px;margin:0;padding:0;display:flex}.page-elevator__slash[data-v-b87e2f8f]{line-height:100%}:fullscreen .page-elevator[data-v-b87e2f8f]{opacity:0}:fullscreen .page-elevator[data-v-b87e2f8f]:hover{opacity:1}#pane_images .mimg{min-width:unset;width:min-content!important;max-height:calc(var(--image-size) + 24px)!important}#pane_images .mimg>a{-webkit-user-select:none;user-select:none}#pane_images .mimg>a>img{max-height:var(--image-size);pointer-events:none;width:auto!important}.image-resizer[data-v-fb83c8f5]{flex-direction:column;gap:16px;width:40px;display:flex}.image-resizer__button[data-v-fb83c8f5]{text-align:center;box-sizing:border-box;cursor:pointer;background-color:#0000;border:1px solid #777;border-radius:5px;width:100%;height:30px;padding:0}.image-resizer__button[data-v-fb83c8f5]:hover{background-color:#ffa50033}.image-resizer__button--active[data-v-fb83c8f5],.image-resizer__button--active[data-v-fb83c8f5]:hover{background-color:orange}.magnifier-overlay[data-v-ba829bde]{z-index:999;cursor:none;background:0 0;position:fixed;inset:0}.magnifier[data-v-ba829bde]{z-index:1000}.magnifier-background[data-v-ba829bde]{background-color:#00000080;position:absolute;inset:0}.magnifier-image[data-v-ba829bde]{cursor:none;position:absolute}.enhancer-features{z-index:100;box-sizing:border-box;flex-direction:row-reverse;align-items:center;gap:16px;padding-right:5px;display:flex;position:absolute;top:0;bottom:0;right:0}.enhancer-features__feature{opacity:0;box-sizing:border-box;background:#7777;border-radius:10px;padding:10px 5px;transition:opacity .3s}.enhancer-features__feature:hover{opacity:1}.switch[data-v-7bec1a82]{width:50px;height:24px;display:inline-block;position:relative}.switch__input[data-v-7bec1a82]{opacity:0;width:0;height:0}.switch__slider[data-v-7bec1a82]{cursor:pointer;background-color:#ccc;border-radius:9999px;transition:all .4s;position:absolute;inset:0}.switch__slider[data-v-7bec1a82]:before{aspect-ratio:1;content:\"\";background-color:#fff;border-radius:50%;height:calc(100% - 4px);transition:all .4s;position:absolute;top:2px;left:2px}.switch__input:checked+.switch__slider[data-v-7bec1a82]{background-color:#34353b}.switch__input:checked+.switch__slider[data-v-7bec1a82]:before{transform:translate(26px)}.settings-panel-wrap{justify-content:center;align-items:center;display:flex}.settings-panel{box-sizing:border-box;color:#f1f1f1;background-color:#34353b;border-radius:4px;flex-direction:column;row-gap:16px;max-width:1000px;max-height:calc(100vh - 64px);margin:32px;padding:32px;display:flex;position:relative}.settings-panel__inner{height:100%;padding-right:16px;overflow-y:auto}.settings-panel__section{background-color:#4f535b;border-radius:4px}.settings-panel__section-name{text-align:left;margin:16px 32px;padding-top:16px;font-size:20px;line-height:100%}.settings-panel__close-button{cursor:pointer;padding:8px;position:absolute;top:4px;right:4px}.settings-panel__close-button svg{width:16px;height:16px}.settings-panel__separator{background:#f1f1f1}.settings{flex-wrap:wrap;justify-content:start;align-items:center;column-gap:8px;padding:8px 16px;display:flex}.settings__name{font-size:16px}.settings__notice{font-size:12px}.settings__intro{text-align:left;width:100%;margin-left:60px;font-size:14px}.settings__magnifier-config{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}.settings__label{flex-direction:row;align-items:center;gap:.25rem;font-size:.9rem;display:flex}.settings__input{color:#f1f1f1;background-color:#34353b;border:1px solid #ccc;border-radius:4px;outline:none;width:120px;padding:.25rem}.settings__link{color:#ddd}.settings__select{color:#f1f1f1;background-color:#34353b;border:#8d8d8d;outline:none}.settings__select:enabled:hover,.settings__select:enabled:focus{background-color:#43464e!important;border-color:#aeaeae!important}.settings__option{color:#f1f1f1;background-color:#34353b;outline:none}.actions{justify-content:flex-end;align-items:center;display:flex}.actions__button{color:#fff;cursor:pointer;background-color:#4f535b;border:none;border-radius:4px;padding:8px 16px}\n/*$vite$:1*/ "); var __defProp$1 = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp$1 = Object.prototype.hasOwnProperty; var __exportAll = (all, no_symbols) => { let target = {}; for (var name in all) __defProp$1(target, name, { get: all[name], enumerable: true }); if (!no_symbols) __defProp$1(target, Symbol.toStringTag, { value: "Module" }); return target; }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) { key = keys[i]; if (!__hasOwnProp$1.call(to, key) && key !== except) __defProp$1(to, key, { get: ((k) => from[k]).bind(null, key), enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default")); function tryOnScopeDispose$1(fn, failSilently) { if ((0, vue.getCurrentScope)()) { (0, vue.onScopeDispose)(fn, failSilently); return true; } return false; } var isClient$1 = typeof window !== "undefined" && typeof document !== "undefined"; typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope; var notNullish = (val) => val != null; var toString = Object.prototype.toString; var isObject$1 = (val) => toString.call(val) === "[object Object]"; var noop = () => {}; function toRef$2(...args) { if (args.length !== 1) return (0, vue.toRef)(...args); const r = args[0]; return typeof r === "function" ? (0, vue.readonly)((0, vue.customRef)(() => ({ get: r, set: noop }))) : (0, vue.ref)(r); } function createFilterWrapper(filter, fn) { function wrapper(...args) { return new Promise((resolve, reject) => { Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject); }); } return wrapper; } var bypassFilter = (invoke) => { return invoke(); }; function pausableFilter(extendFilter = bypassFilter, options = {}) { const { initialState = "active" } = options; const isActive = toRef$2(initialState === "active"); function pause() { isActive.value = false; } function resume() { isActive.value = true; } const eventFilter = (...args) => { if (isActive.value) extendFilter(...args); }; return { isActive: (0, vue.shallowReadonly)(isActive), pause, resume, eventFilter }; } function objectEntries(obj) { return Object.entries(obj); } function toArray(value) { return Array.isArray(value) ? value : [value]; } function getLifeCycleTarget(target) { return target || (0, vue.getCurrentInstance)(); } function createSharedComposable(composable) { if (!isClient$1) return composable; let subscribers = 0; let state; let scope; const dispose = () => { subscribers -= 1; if (scope && subscribers <= 0) { scope.stop(); state = void 0; scope = void 0; } }; return ((...args) => { subscribers += 1; if (!scope) { scope = (0, vue.effectScope)(true); state = scope.run(() => composable(...args)); } tryOnScopeDispose$1(dispose); return state; }); } function watchWithFilter(source, cb, options = {}) { const { eventFilter = bypassFilter, ...watchOptions } = options; return (0, vue.watch)(source, createFilterWrapper(eventFilter, cb), watchOptions); } function watchPausable(source, cb, options = {}) { const { eventFilter: filter, initialState = "active", ...watchOptions } = options; const { eventFilter, pause, resume, isActive } = pausableFilter(filter, { initialState }); return { stop: watchWithFilter(source, cb, { ...watchOptions, eventFilter }), pause, resume, isActive }; } function tryOnMounted(fn, sync = true, target) { if (getLifeCycleTarget(target)) (0, vue.onMounted)(fn, target); else if (sync) fn(); else (0, vue.nextTick)(fn); } function watchImmediate(source, cb, options) { return (0, vue.watch)(source, cb, { ...options, immediate: true }); } var defaultWindow = isClient$1 ? window : void 0; var defaultDocument$1 = isClient$1 ? window.document : void 0; isClient$1 && window.navigator; isClient$1 && window.location; function unrefElement$1(elRef) { var _$el; const plain = (0, vue.toValue)(elRef); return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain; } function useEventListener(...args) { const register = (el, event, listener, options) => { el.addEventListener(event, listener, options); return () => el.removeEventListener(event, listener, options); }; const firstParamTargets = (0, vue.computed)(() => { const test = toArray((0, vue.toValue)(args[0])).filter((e) => e != null); return test.every((e) => typeof e !== "string") ? test : void 0; }); return watchImmediate(() => { var _firstParamTargets$va, _firstParamTargets$va2; return [ (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement$1(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null), toArray((0, vue.toValue)(firstParamTargets.value ? args[1] : args[0])), toArray((0, vue.unref)(firstParamTargets.value ? args[2] : args[1])), (0, vue.toValue)(firstParamTargets.value ? args[3] : args[2]) ]; }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => { if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return; const optionsClone = isObject$1(raw_options) ? { ...raw_options } : raw_options; const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone)))); onCleanup(() => { cleanups.forEach((fn) => fn()); }); }, { flush: "post" }); } function useMounted() { const isMounted = (0, vue.shallowRef)(false); const instance = (0, vue.getCurrentInstance)(); if (instance) (0, vue.onMounted)(() => { isMounted.value = true; }, instance); return isMounted; } function useSupported(callback) { const isMounted = useMounted(); return (0, vue.computed)(() => { isMounted.value; return Boolean(callback()); }); } function useMutationObserver(target, callback, options = {}) { const { window = defaultWindow, ...mutationOptions } = options; let observer; const isSupported = useSupported(() => window && "MutationObserver" in window); const cleanup = () => { if (observer) { observer.disconnect(); observer = void 0; } }; const stopWatch = (0, vue.watch)((0, vue.computed)(() => { const items = toArray((0, vue.toValue)(target)).map(unrefElement$1).filter(notNullish); return new Set(items); }), (newTargets) => { cleanup(); if (isSupported.value && newTargets.size) { observer = new MutationObserver(callback); newTargets.forEach((el) => observer.observe(el, mutationOptions)); } }, { immediate: true, flush: "post" }); const takeRecords = () => { return observer === null || observer === void 0 ? void 0 : observer.takeRecords(); }; const stop = () => { stopWatch(); cleanup(); }; tryOnScopeDispose$1(stop); return { isSupported, stop, takeRecords }; } var WRITABLE_PROPERTIES = [ "hash", "host", "hostname", "href", "pathname", "port", "protocol", "search" ]; function useBrowserLocation(options = {}) { const { window = defaultWindow } = options; const refs = Object.fromEntries(WRITABLE_PROPERTIES.map((key) => [key, (0, vue.ref)()])); for (const [key, ref] of objectEntries(refs)) (0, vue.watch)(ref, (value) => { if (!(window === null || window === void 0 ? void 0 : window.location) || window.location[key] === value) return; window.location[key] = value; }); const buildState = (trigger) => { var _window$location; const { state, length } = (window === null || window === void 0 ? void 0 : window.history) || {}; const { origin } = (window === null || window === void 0 ? void 0 : window.location) || {}; for (const key of WRITABLE_PROPERTIES) refs[key].value = window === null || window === void 0 || (_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location[key]; return (0, vue.reactive)({ trigger, state, length, origin, ...refs }); }; const state = (0, vue.ref)(buildState("load")); if (window) { const listenerOptions = { passive: true }; useEventListener(window, "popstate", () => state.value = buildState("popstate"), listenerOptions); useEventListener(window, "hashchange", () => state.value = buildState("hashchange"), listenerOptions); } return state; } var _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {}; var globalKey = "__vueuse_ssr_handlers__"; var handlers = getHandlers(); function getHandlers() { if (!(globalKey in _global)) _global[globalKey] = _global[globalKey] || {}; return _global[globalKey]; } function getSSRHandler(key, fallback) { return handlers[key] || fallback; } function guessSerializerType(rawInit) { return rawInit == null ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : !Number.isNaN(rawInit) ? "number" : "any"; } var StorageSerializers = { boolean: { read: (v) => v === "true", write: (v) => String(v) }, object: { read: (v) => JSON.parse(v), write: (v) => JSON.stringify(v) }, number: { read: (v) => Number.parseFloat(v), write: (v) => String(v) }, any: { read: (v) => v, write: (v) => String(v) }, string: { read: (v) => v, write: (v) => String(v) }, map: { read: (v) => new Map(JSON.parse(v)), write: (v) => JSON.stringify(Array.from(v.entries())) }, set: { read: (v) => new Set(JSON.parse(v)), write: (v) => JSON.stringify(Array.from(v)) }, date: { read: (v) => new Date(v), write: (v) => v.toISOString() } }; var customStorageEventName = "vueuse-storage"; function useStorage(key, defaults, storage, options = {}) { var _options$serializer; const { flush = "pre", deep = true, listenToStorageChanges = true, writeDefaults = true, mergeDefaults = false, shallow, window = defaultWindow, eventFilter, onError = (e) => { console.error(e); }, initOnMounted } = options; const data = (shallow ? vue.shallowRef : vue.ref)(typeof defaults === "function" ? defaults() : defaults); const keyComputed = (0, vue.computed)(() => (0, vue.toValue)(key)); if (!storage) try { storage = getSSRHandler("getDefaultStorage", () => defaultWindow === null || defaultWindow === void 0 ? void 0 : defaultWindow.localStorage)(); } catch (e) { onError(e); } if (!storage) return data; const rawInit = (0, vue.toValue)(defaults); const type = guessSerializerType(rawInit); const serializer = (_options$serializer = options.serializer) !== null && _options$serializer !== void 0 ? _options$serializer : StorageSerializers[type]; const { pause: pauseWatch, resume: resumeWatch } = watchPausable(data, (newValue) => write(newValue), { flush, deep, eventFilter }); (0, vue.watch)(keyComputed, () => update(), { flush }); let firstMounted = false; const onStorageEvent = (ev) => { if (initOnMounted && !firstMounted) return; update(ev); }; const onStorageCustomEvent = (ev) => { if (initOnMounted && !firstMounted) return; updateFromCustomEvent(ev); }; if (window && listenToStorageChanges) if (storage instanceof Storage) useEventListener(window, "storage", onStorageEvent, { passive: true }); else useEventListener(window, customStorageEventName, onStorageCustomEvent); if (initOnMounted) tryOnMounted(() => { firstMounted = true; update(); }); else update(); function dispatchWriteEvent(oldValue, newValue) { if (window) { const payload = { key: keyComputed.value, oldValue, newValue, storageArea: storage }; window.dispatchEvent(storage instanceof Storage ? new StorageEvent("storage", payload) : new CustomEvent(customStorageEventName, { detail: payload })); } } function write(v) { try { const oldValue = storage.getItem(keyComputed.value); if (v == null) { dispatchWriteEvent(oldValue, null); storage.removeItem(keyComputed.value); } else { const serialized = serializer.write(v); if (oldValue !== serialized) { storage.setItem(keyComputed.value, serialized); dispatchWriteEvent(oldValue, serialized); } } } catch (e) { onError(e); } } function read(event) { const rawValue = event ? event.newValue : storage.getItem(keyComputed.value); if (rawValue == null) { if (writeDefaults && rawInit != null) storage.setItem(keyComputed.value, serializer.write(rawInit)); return rawInit; } else if (!event && mergeDefaults) { const value = serializer.read(rawValue); if (typeof mergeDefaults === "function") return mergeDefaults(value, rawInit); else if (type === "object" && !Array.isArray(value)) return { ...rawInit, ...value }; return value; } else if (typeof rawValue !== "string") return rawValue; else return serializer.read(rawValue); } function update(event) { if (event && event.storageArea !== storage) return; if (event && event.key == null) { data.value = rawInit; return; } if (event && event.key !== keyComputed.value) return; pauseWatch(); try { const serializedData = serializer.write(data.value); if (event === void 0 || (event === null || event === void 0 ? void 0 : event.newValue) !== serializedData) data.value = read(event); } catch (e) { onError(e); } finally { if (event) (0, vue.nextTick)(resumeWatch); else resumeWatch(); } } function updateFromCustomEvent(event) { update(event.detail); } return data; } function useResizeObserver(target, callback, options = {}) { const { window = defaultWindow, ...observerOptions } = options; let observer; const isSupported = useSupported(() => window && "ResizeObserver" in window); const cleanup = () => { if (observer) { observer.disconnect(); observer = void 0; } }; const stopWatch = (0, vue.watch)((0, vue.computed)(() => { const _targets = (0, vue.toValue)(target); return Array.isArray(_targets) ? _targets.map((el) => unrefElement$1(el)) : [unrefElement$1(_targets)]; }), (els) => { cleanup(); if (isSupported.value && window) { observer = new ResizeObserver(callback); for (const _el of els) if (_el) observer.observe(_el, observerOptions); } }, { immediate: true, flush: "post" }); const stop = () => { cleanup(); stopWatch(); }; tryOnScopeDispose$1(stop); return { isSupported, stop }; } function useElementBounding(target, options = {}) { const { reset = true, windowResize = true, windowScroll = true, immediate = true, updateTiming = "sync" } = options; const height = (0, vue.shallowRef)(0); const bottom = (0, vue.shallowRef)(0); const left = (0, vue.shallowRef)(0); const right = (0, vue.shallowRef)(0); const top = (0, vue.shallowRef)(0); const width = (0, vue.shallowRef)(0); const x = (0, vue.shallowRef)(0); const y = (0, vue.shallowRef)(0); function recalculate() { const el = unrefElement$1(target); if (!el) { if (reset) { height.value = 0; bottom.value = 0; left.value = 0; right.value = 0; top.value = 0; width.value = 0; x.value = 0; y.value = 0; } return; } const rect = el.getBoundingClientRect(); height.value = rect.height; bottom.value = rect.bottom; left.value = rect.left; right.value = rect.right; top.value = rect.top; width.value = rect.width; x.value = rect.x; y.value = rect.y; } function update() { if (updateTiming === "sync") recalculate(); else if (updateTiming === "next-frame") requestAnimationFrame(() => recalculate()); } useResizeObserver(target, update); (0, vue.watch)(() => unrefElement$1(target), (ele) => !ele && update()); useMutationObserver(target, update, { attributeFilter: ["style", "class"] }); if (windowScroll) useEventListener("scroll", update, { capture: true, passive: true }); if (windowResize) useEventListener("resize", update, { passive: true }); tryOnMounted(() => { if (immediate) update(); }); return { height, bottom, left, right, top, width, x, y, update }; } var eventHandlers = [ "fullscreenchange", "webkitfullscreenchange", "webkitendfullscreen", "mozfullscreenchange", "MSFullscreenChange" ]; function useFullscreen(target, options = {}) { const { document = defaultDocument$1, autoExit = false } = options; const targetRef = (0, vue.computed)(() => { var _unrefElement; return (_unrefElement = unrefElement$1(target)) !== null && _unrefElement !== void 0 ? _unrefElement : document === null || document === void 0 ? void 0 : document.documentElement; }); const isFullscreen = (0, vue.shallowRef)(false); const requestMethod = (0, vue.computed)(() => { return [ "requestFullscreen", "webkitRequestFullscreen", "webkitEnterFullscreen", "webkitEnterFullScreen", "webkitRequestFullScreen", "mozRequestFullScreen", "msRequestFullscreen" ].find((m) => document && m in document || targetRef.value && m in targetRef.value); }); const exitMethod = (0, vue.computed)(() => { return [ "exitFullscreen", "webkitExitFullscreen", "webkitExitFullScreen", "webkitCancelFullScreen", "mozCancelFullScreen", "msExitFullscreen" ].find((m) => document && m in document || targetRef.value && m in targetRef.value); }); const fullscreenEnabled = (0, vue.computed)(() => { return [ "fullScreen", "webkitIsFullScreen", "webkitDisplayingFullscreen", "mozFullScreen", "msFullscreenElement" ].find((m) => document && m in document || targetRef.value && m in targetRef.value); }); const fullscreenElementMethod = [ "fullscreenElement", "webkitFullscreenElement", "mozFullScreenElement", "msFullscreenElement" ].find((m) => document && m in document); const isSupported = useSupported(() => targetRef.value && document && requestMethod.value !== void 0 && exitMethod.value !== void 0 && fullscreenEnabled.value !== void 0); const isCurrentElementFullScreen = () => { if (fullscreenElementMethod) return (document === null || document === void 0 ? void 0 : document[fullscreenElementMethod]) === targetRef.value; return false; }; const isElementFullScreen = () => { if (fullscreenEnabled.value) if (document && document[fullscreenEnabled.value] != null) return document[fullscreenEnabled.value]; else { const target = targetRef.value; if ((target === null || target === void 0 ? void 0 : target[fullscreenEnabled.value]) != null) return Boolean(target[fullscreenEnabled.value]); } return false; }; async function exit() { if (!isSupported.value || !isFullscreen.value) return; if (exitMethod.value) if ((document === null || document === void 0 ? void 0 : document[exitMethod.value]) != null) await document[exitMethod.value](); else { const target = targetRef.value; if ((target === null || target === void 0 ? void 0 : target[exitMethod.value]) != null) await target[exitMethod.value](); } isFullscreen.value = false; } async function enter() { if (!isSupported.value || isFullscreen.value) return; if (isElementFullScreen()) await exit(); const target = targetRef.value; if (requestMethod.value && (target === null || target === void 0 ? void 0 : target[requestMethod.value]) != null) { await target[requestMethod.value](); isFullscreen.value = true; } } async function toggle() { await (isFullscreen.value ? exit() : enter()); } const handlerCallback = () => { const isElementFullScreenValue = isElementFullScreen(); if (!isElementFullScreenValue || isElementFullScreenValue && isCurrentElementFullScreen()) isFullscreen.value = isElementFullScreenValue; }; const listenerOptions = { capture: false, passive: true }; useEventListener(document, eventHandlers, handlerCallback, listenerOptions); useEventListener(() => unrefElement$1(targetRef), eventHandlers, handlerCallback, listenerOptions); tryOnMounted(handlerCallback, false); if (autoExit) tryOnScopeDispose$1(exit); return { isSupported, isFullscreen, enter, exit, toggle }; } Number.POSITIVE_INFINITY; var lib_exports = __exportAll({ Vue: () => vue, Vue2: () => void 0, del: () => del, install: () => install, isVue2: () => false, isVue3: () => true, set: () => set }); __reExport(lib_exports, vue); function install() {} function set(target, key, val) { if (Array.isArray(target)) { target.length = Math.max(target.length, key); target.splice(key, 1, val); return val; } target[key] = val; return val; } function del(target, key) { if (Array.isArray(target)) { target.splice(key, 1); return; } delete target[key]; } function tryOnScopeDispose(fn) { if ((0, lib_exports.getCurrentScope)()) { (0, lib_exports.onScopeDispose)(fn); return true; } return false; } function toValue$1(r) { return typeof r === "function" ? r() : (0, lib_exports.unref)(r); } var isClient = typeof window !== "undefined" && typeof document !== "undefined"; typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope; function unrefElement(elRef) { var _a; const plain = toValue$1(elRef); return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain; } isClient && window.document; isClient && window.navigator; isClient && window.location; Number.POSITIVE_INFINITY; var candidateSelectors = [ "input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", "[contenteditable]:not([contenteditable=\"false\"]):not([inert]):not([inert] *)", "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)" ]; var candidateSelector = candidateSelectors.join(","); var NoElement = typeof Element === "undefined"; var matches = NoElement ? function() {} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; var getRootNode = !NoElement && Element.prototype.getRootNode ? function(element) { var _element$getRootNode; return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element); } : function(element) { return element === null || element === void 0 ? void 0 : element.ownerDocument; }; var _isInert = function isInert(node, lookUp) { var _node$getAttribute; if (lookUp === void 0) lookUp = true; var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, "inert"); return inertAtt === "" || inertAtt === "true" || lookUp && node && (typeof node.closest === "function" ? node.closest("[inert]") : _isInert(node.parentNode)); }; var isContentEditable = function isContentEditable(node) { var _node$getAttribute2; var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, "contenteditable"); return attValue === "" || attValue === "true"; }; var getCandidates = function getCandidates(el, includeContainer, filter) { if (_isInert(el)) return []; var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector)); if (includeContainer && matches.call(el, candidateSelector)) candidates.unshift(el); candidates = candidates.filter(filter); return candidates; }; var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) { var candidates = []; var elementsToCheck = Array.from(elements); while (elementsToCheck.length) { var element = elementsToCheck.shift(); if (_isInert(element, false)) continue; if (element.tagName === "SLOT") { var assigned = element.assignedElements(); var nestedCandidates = _getCandidatesIteratively(assigned.length ? assigned : element.children, true, options); if (options.flatten) candidates.push.apply(candidates, nestedCandidates); else candidates.push({ scopeParent: element, candidates: nestedCandidates }); } else { if (matches.call(element, candidateSelector) && options.filter(element) && (includeContainer || !elements.includes(element))) candidates.push(element); var shadowRoot = element.shadowRoot || typeof options.getShadowRoot === "function" && options.getShadowRoot(element); var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element)); if (shadowRoot && validShadowRoot) { var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options); if (options.flatten) candidates.push.apply(candidates, _nestedCandidates); else candidates.push({ scopeParent: element, candidates: _nestedCandidates }); } else elementsToCheck.unshift.apply(elementsToCheck, element.children); } } return candidates; }; var hasTabIndex = function hasTabIndex(node) { return !isNaN(parseInt(node.getAttribute("tabindex"), 10)); }; var getTabIndex = function getTabIndex(node) { if (!node) throw new Error("No node provided"); if (node.tabIndex < 0) { if ((/^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || isContentEditable(node)) && !hasTabIndex(node)) return 0; } return node.tabIndex; }; var getSortOrderTabIndex = function getSortOrderTabIndex(node, isScope) { var tabIndex = getTabIndex(node); if (tabIndex < 0 && isScope && !hasTabIndex(node)) return 0; return tabIndex; }; var sortOrderedTabbables = function sortOrderedTabbables(a, b) { return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex; }; var isInput = function isInput(node) { return node.tagName === "INPUT"; }; var isHiddenInput = function isHiddenInput(node) { return isInput(node) && node.type === "hidden"; }; var isDetailsWithSummary = function isDetailsWithSummary(node) { return node.tagName === "DETAILS" && Array.prototype.slice.apply(node.children).some(function(child) { return child.tagName === "SUMMARY"; }); }; var getCheckedRadio = function getCheckedRadio(nodes, form) { for (var i = 0; i < nodes.length; i++) if (nodes[i].checked && nodes[i].form === form) return nodes[i]; }; var isTabbableRadio = function isTabbableRadio(node) { if (!node.name) return true; var radioScope = node.form || getRootNode(node); var queryRadios = function queryRadios(name) { return radioScope.querySelectorAll("input[type=\"radio\"][name=\"" + name + "\"]"); }; var radioSet; if (typeof window !== "undefined" && typeof window.CSS !== "undefined" && typeof window.CSS.escape === "function") radioSet = queryRadios(window.CSS.escape(node.name)); else try { radioSet = queryRadios(node.name); } catch (err) { console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", err.message); return false; } var checked = getCheckedRadio(radioSet, node.form); return !checked || checked === node; }; var isRadio = function isRadio(node) { return isInput(node) && node.type === "radio"; }; var isNonTabbableRadio = function isNonTabbableRadio(node) { return isRadio(node) && !isTabbableRadio(node); }; var isNodeAttached = function isNodeAttached(node) { var _nodeRoot; var nodeRoot = node && getRootNode(node); var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host; var attached = false; if (nodeRoot && nodeRoot !== node) { var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument; attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node)); while (!attached && nodeRootHost) { var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD; nodeRoot = getRootNode(nodeRootHost); nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host; attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost)); } } return attached; }; var isZeroArea = function isZeroArea(node) { var _node$getBoundingClie = node.getBoundingClientRect(), width = _node$getBoundingClie.width, height = _node$getBoundingClie.height; return width === 0 && height === 0; }; var isHidden = function isHidden(node, _ref) { var displayCheck = _ref.displayCheck, getShadowRoot = _ref.getShadowRoot; if (displayCheck === "full-native") { if ("checkVisibility" in node) return !node.checkVisibility({ checkOpacity: false, opacityProperty: false, contentVisibilityAuto: true, visibilityProperty: true, checkVisibilityCSS: true }); } if (getComputedStyle(node).visibility === "hidden") return true; var nodeUnderDetails = matches.call(node, "details>summary:first-of-type") ? node.parentElement : node; if (matches.call(nodeUnderDetails, "details:not([open]) *")) return true; if (!displayCheck || displayCheck === "full" || displayCheck === "full-native" || displayCheck === "legacy-full") { if (typeof getShadowRoot === "function") { var originalNode = node; while (node) { var parentElement = node.parentElement; var rootNode = getRootNode(node); if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true) return isZeroArea(node); else if (node.assignedSlot) node = node.assignedSlot; else if (!parentElement && rootNode !== node.ownerDocument) node = rootNode.host; else node = parentElement; } node = originalNode; } if (isNodeAttached(node)) return !node.getClientRects().length; if (displayCheck !== "legacy-full") return true; } else if (displayCheck === "non-zero-area") return isZeroArea(node); return false; }; var isDisabledFromFieldset = function isDisabledFromFieldset(node) { if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName)) { var parentNode = node.parentElement; while (parentNode) { if (parentNode.tagName === "FIELDSET" && parentNode.disabled) { for (var i = 0; i < parentNode.children.length; i++) { var child = parentNode.children.item(i); if (child.tagName === "LEGEND") return matches.call(parentNode, "fieldset[disabled] *") ? true : !child.contains(node); } return true; } parentNode = parentNode.parentElement; } } return false; }; var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(options, node) { if (node.disabled || isHiddenInput(node) || isHidden(node, options) || isDetailsWithSummary(node) || isDisabledFromFieldset(node)) return false; return true; }; var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(options, node) { if (isNonTabbableRadio(node) || getTabIndex(node) < 0 || !isNodeMatchingSelectorFocusable(options, node)) return false; return true; }; var isShadowRootTabbable = function isShadowRootTabbable(shadowHostNode) { var tabIndex = parseInt(shadowHostNode.getAttribute("tabindex"), 10); if (isNaN(tabIndex) || tabIndex >= 0) return true; return false; }; var _sortByOrder = function sortByOrder(candidates) { var regularTabbables = []; var orderedTabbables = []; candidates.forEach(function(item, i) { var isScope = !!item.scopeParent; var element = isScope ? item.scopeParent : item; var candidateTabindex = getSortOrderTabIndex(element, isScope); var elements = isScope ? _sortByOrder(item.candidates) : element; if (candidateTabindex === 0) isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element); else orderedTabbables.push({ documentOrder: i, tabIndex: candidateTabindex, item, isScope, content: elements }); }); return orderedTabbables.sort(sortOrderedTabbables).reduce(function(acc, sortable) { sortable.isScope ? acc.push.apply(acc, sortable.content) : acc.push(sortable.content); return acc; }, []).concat(regularTabbables); }; var tabbable = function tabbable(container, options) { options = options || {}; var candidates; if (options.getShadowRoot) candidates = _getCandidatesIteratively([container], options.includeContainer, { filter: isNodeMatchingSelectorTabbable.bind(null, options), flatten: false, getShadowRoot: options.getShadowRoot, shadowRootFilter: isShadowRootTabbable }); else candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options)); return _sortByOrder(candidates); }; var focusable = function focusable(container, options) { options = options || {}; var candidates; if (options.getShadowRoot) candidates = _getCandidatesIteratively([container], options.includeContainer, { filter: isNodeMatchingSelectorFocusable.bind(null, options), flatten: true, getShadowRoot: options.getShadowRoot }); else candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorFocusable.bind(null, options)); return candidates; }; var isTabbable = function isTabbable(node, options) { options = options || {}; if (!node) throw new Error("No node provided"); if (matches.call(node, candidateSelector) === false) return false; return isNodeMatchingSelectorTabbable(options, node); }; var focusableCandidateSelector = candidateSelectors.concat("iframe:not([inert]):not([inert] *)").join(","); var isFocusable = function isFocusable(node, options) { options = options || {}; if (!node) throw new Error("No node provided"); if (matches.call(node, focusableCandidateSelector) === false) return false; return isNodeMatchingSelectorFocusable(options, node); }; function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function(r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function(r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true }); else obj[key] = value; return obj; } function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== void 0) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); } var activeFocusTraps = { activateTrap: function activateTrap(trapStack, trap) { if (trapStack.length > 0) { var activeTrap = trapStack[trapStack.length - 1]; if (activeTrap !== trap) activeTrap.pause(); } var trapIndex = trapStack.indexOf(trap); if (trapIndex === -1) trapStack.push(trap); else { trapStack.splice(trapIndex, 1); trapStack.push(trap); } }, deactivateTrap: function deactivateTrap(trapStack, trap) { var trapIndex = trapStack.indexOf(trap); if (trapIndex !== -1) trapStack.splice(trapIndex, 1); if (trapStack.length > 0) trapStack[trapStack.length - 1].unpause(); } }; var isSelectableInput = function isSelectableInput(node) { return node.tagName && node.tagName.toLowerCase() === "input" && typeof node.select === "function"; }; var isEscapeEvent = function isEscapeEvent(e) { return (e === null || e === void 0 ? void 0 : e.key) === "Escape" || (e === null || e === void 0 ? void 0 : e.key) === "Esc" || (e === null || e === void 0 ? void 0 : e.keyCode) === 27; }; var isTabEvent = function isTabEvent(e) { return (e === null || e === void 0 ? void 0 : e.key) === "Tab" || (e === null || e === void 0 ? void 0 : e.keyCode) === 9; }; var isKeyForward = function isKeyForward(e) { return isTabEvent(e) && !e.shiftKey; }; var isKeyBackward = function isKeyBackward(e) { return isTabEvent(e) && e.shiftKey; }; var delay$1 = function delay(fn) { return setTimeout(fn, 0); }; var findIndex = function findIndex(arr, fn) { var idx = -1; arr.every(function(value, i) { if (fn(value)) { idx = i; return false; } return true; }); return idx; }; var valueOrHandler = function valueOrHandler(value) { for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) params[_key - 1] = arguments[_key]; return typeof value === "function" ? value.apply(void 0, params) : value; }; var getActualTarget = function getActualTarget(event) { return event.target.shadowRoot && typeof event.composedPath === "function" ? event.composedPath()[0] : event.target; }; var internalTrapStack = []; var createFocusTrap = function createFocusTrap(elements, userOptions) { var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document; var trapStack = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.trapStack) || internalTrapStack; var config = _objectSpread2({ returnFocusOnDeactivate: true, escapeDeactivates: true, delayInitialFocus: true, isKeyForward, isKeyBackward }, userOptions); var state = { containers: [], containerGroups: [], tabbableGroups: [], nodeFocusedBeforeActivation: null, mostRecentlyFocusedNode: null, active: false, paused: false, delayInitialFocusTimer: void 0, recentNavEvent: void 0 }; var trap; var getOption = function getOption(configOverrideOptions, optionName, configOptionName) { return configOverrideOptions && configOverrideOptions[optionName] !== void 0 ? configOverrideOptions[optionName] : config[configOptionName || optionName]; }; var findContainerIndex = function findContainerIndex(element, event) { var composedPath = typeof (event === null || event === void 0 ? void 0 : event.composedPath) === "function" ? event.composedPath() : void 0; return state.containerGroups.findIndex(function(_ref) { var container = _ref.container, tabbableNodes = _ref.tabbableNodes; return container.contains(element) || (composedPath === null || composedPath === void 0 ? void 0 : composedPath.includes(container)) || tabbableNodes.find(function(node) { return node === element; }); }); }; var getNodeForOption = function getNodeForOption(optionName) { var optionValue = config[optionName]; if (typeof optionValue === "function") { for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) params[_key2 - 1] = arguments[_key2]; optionValue = optionValue.apply(void 0, params); } if (optionValue === true) optionValue = void 0; if (!optionValue) { if (optionValue === void 0 || optionValue === false) return optionValue; throw new Error("`".concat(optionName, "` was specified but was not a node, or did not return a node")); } var node = optionValue; if (typeof optionValue === "string") { node = doc.querySelector(optionValue); if (!node) throw new Error("`".concat(optionName, "` as selector refers to no known node")); } return node; }; var getInitialFocusNode = function getInitialFocusNode() { var node = getNodeForOption("initialFocus"); if (node === false) return false; if (node === void 0 || !isFocusable(node, config.tabbableOptions)) if (findContainerIndex(doc.activeElement) >= 0) node = doc.activeElement; else { var firstTabbableGroup = state.tabbableGroups[0]; node = firstTabbableGroup && firstTabbableGroup.firstTabbableNode || getNodeForOption("fallbackFocus"); } if (!node) throw new Error("Your focus-trap needs to have at least one focusable element"); return node; }; var updateTabbableNodes = function updateTabbableNodes() { state.containerGroups = state.containers.map(function(container) { var tabbableNodes = tabbable(container, config.tabbableOptions); var focusableNodes = focusable(container, config.tabbableOptions); var firstTabbableNode = tabbableNodes.length > 0 ? tabbableNodes[0] : void 0; var lastTabbableNode = tabbableNodes.length > 0 ? tabbableNodes[tabbableNodes.length - 1] : void 0; var firstDomTabbableNode = focusableNodes.find(function(node) { return isTabbable(node); }); var lastDomTabbableNode = focusableNodes.slice().reverse().find(function(node) { return isTabbable(node); }); return { container, tabbableNodes, focusableNodes, posTabIndexesFound: !!tabbableNodes.find(function(node) { return getTabIndex(node) > 0; }), firstTabbableNode, lastTabbableNode, firstDomTabbableNode, lastDomTabbableNode, nextTabbableNode: function nextTabbableNode(node) { var forward = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true; var nodeIdx = tabbableNodes.indexOf(node); if (nodeIdx < 0) { if (forward) return focusableNodes.slice(focusableNodes.indexOf(node) + 1).find(function(el) { return isTabbable(el); }); return focusableNodes.slice(0, focusableNodes.indexOf(node)).reverse().find(function(el) { return isTabbable(el); }); } return tabbableNodes[nodeIdx + (forward ? 1 : -1)]; } }; }); state.tabbableGroups = state.containerGroups.filter(function(group) { return group.tabbableNodes.length > 0; }); if (state.tabbableGroups.length <= 0 && !getNodeForOption("fallbackFocus")) throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times"); if (state.containerGroups.find(function(g) { return g.posTabIndexesFound; }) && state.containerGroups.length > 1) throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps."); }; var getActiveElement = function getActiveElement(el) { var activeElement = el.activeElement; if (!activeElement) return; if (activeElement.shadowRoot && activeElement.shadowRoot.activeElement !== null) return getActiveElement(activeElement.shadowRoot); return activeElement; }; var tryFocus = function tryFocus(node) { if (node === false) return; if (node === getActiveElement(document)) return; if (!node || !node.focus) { tryFocus(getInitialFocusNode()); return; } node.focus({ preventScroll: !!config.preventScroll }); state.mostRecentlyFocusedNode = node; if (isSelectableInput(node)) node.select(); }; var getReturnFocusNode = function getReturnFocusNode(previousActiveElement) { var node = getNodeForOption("setReturnFocus", previousActiveElement); return node ? node : node === false ? false : previousActiveElement; }; var findNextNavNode = function findNextNavNode(_ref2) { var target = _ref2.target, event = _ref2.event, _ref2$isBackward = _ref2.isBackward, isBackward = _ref2$isBackward === void 0 ? false : _ref2$isBackward; target = target || getActualTarget(event); updateTabbableNodes(); var destinationNode = null; if (state.tabbableGroups.length > 0) { var containerIndex = findContainerIndex(target, event); var containerGroup = containerIndex >= 0 ? state.containerGroups[containerIndex] : void 0; if (containerIndex < 0) if (isBackward) destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode; else destinationNode = state.tabbableGroups[0].firstTabbableNode; else if (isBackward) { var startOfGroupIndex = findIndex(state.tabbableGroups, function(_ref3) { var firstTabbableNode = _ref3.firstTabbableNode; return target === firstTabbableNode; }); if (startOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target, false))) startOfGroupIndex = containerIndex; if (startOfGroupIndex >= 0) { var destinationGroupIndex = startOfGroupIndex === 0 ? state.tabbableGroups.length - 1 : startOfGroupIndex - 1; var destinationGroup = state.tabbableGroups[destinationGroupIndex]; destinationNode = getTabIndex(target) >= 0 ? destinationGroup.lastTabbableNode : destinationGroup.lastDomTabbableNode; } else if (!isTabEvent(event)) destinationNode = containerGroup.nextTabbableNode(target, false); } else { var lastOfGroupIndex = findIndex(state.tabbableGroups, function(_ref4) { var lastTabbableNode = _ref4.lastTabbableNode; return target === lastTabbableNode; }); if (lastOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target))) lastOfGroupIndex = containerIndex; if (lastOfGroupIndex >= 0) { var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1; var _destinationGroup = state.tabbableGroups[_destinationGroupIndex]; destinationNode = getTabIndex(target) >= 0 ? _destinationGroup.firstTabbableNode : _destinationGroup.firstDomTabbableNode; } else if (!isTabEvent(event)) destinationNode = containerGroup.nextTabbableNode(target); } } else destinationNode = getNodeForOption("fallbackFocus"); return destinationNode; }; var checkPointerDown = function checkPointerDown(e) { if (findContainerIndex(getActualTarget(e), e) >= 0) return; if (valueOrHandler(config.clickOutsideDeactivates, e)) { trap.deactivate({ returnFocus: config.returnFocusOnDeactivate }); return; } if (valueOrHandler(config.allowOutsideClick, e)) return; e.preventDefault(); }; var checkFocusIn = function checkFocusIn(event) { var target = getActualTarget(event); var targetContained = findContainerIndex(target, event) >= 0; if (targetContained || target instanceof Document) { if (targetContained) state.mostRecentlyFocusedNode = target; } else { event.stopImmediatePropagation(); var nextNode; var navAcrossContainers = true; if (state.mostRecentlyFocusedNode) { if (getTabIndex(state.mostRecentlyFocusedNode) > 0) { var mruContainerIdx = findContainerIndex(state.mostRecentlyFocusedNode); var tabbableNodes = state.containerGroups[mruContainerIdx].tabbableNodes; if (tabbableNodes.length > 0) { var mruTabIdx = tabbableNodes.findIndex(function(node) { return node === state.mostRecentlyFocusedNode; }); if (mruTabIdx >= 0) { if (config.isKeyForward(state.recentNavEvent)) { if (mruTabIdx + 1 < tabbableNodes.length) { nextNode = tabbableNodes[mruTabIdx + 1]; navAcrossContainers = false; } } else if (mruTabIdx - 1 >= 0) { nextNode = tabbableNodes[mruTabIdx - 1]; navAcrossContainers = false; } } } } else if (!state.containerGroups.some(function(g) { return g.tabbableNodes.some(function(n) { return getTabIndex(n) > 0; }); })) navAcrossContainers = false; } else navAcrossContainers = false; if (navAcrossContainers) nextNode = findNextNavNode({ target: state.mostRecentlyFocusedNode, isBackward: config.isKeyBackward(state.recentNavEvent) }); if (nextNode) tryFocus(nextNode); else tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode()); } state.recentNavEvent = void 0; }; var checkKeyNav = function checkKeyNav(event) { var isBackward = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false; state.recentNavEvent = event; var destinationNode = findNextNavNode({ event, isBackward }); if (destinationNode) { if (isTabEvent(event)) event.preventDefault(); tryFocus(destinationNode); } }; var checkKey = function checkKey(event) { if (isEscapeEvent(event) && valueOrHandler(config.escapeDeactivates, event) !== false) { event.preventDefault(); trap.deactivate(); return; } if (config.isKeyForward(event) || config.isKeyBackward(event)) checkKeyNav(event, config.isKeyBackward(event)); }; var checkClick = function checkClick(e) { if (findContainerIndex(getActualTarget(e), e) >= 0) return; if (valueOrHandler(config.clickOutsideDeactivates, e)) return; if (valueOrHandler(config.allowOutsideClick, e)) return; e.preventDefault(); e.stopImmediatePropagation(); }; var addListeners = function addListeners() { if (!state.active) return; activeFocusTraps.activateTrap(trapStack, trap); state.delayInitialFocusTimer = config.delayInitialFocus ? delay$1(function() { tryFocus(getInitialFocusNode()); }) : tryFocus(getInitialFocusNode()); doc.addEventListener("focusin", checkFocusIn, true); doc.addEventListener("mousedown", checkPointerDown, { capture: true, passive: false }); doc.addEventListener("touchstart", checkPointerDown, { capture: true, passive: false }); doc.addEventListener("click", checkClick, { capture: true, passive: false }); doc.addEventListener("keydown", checkKey, { capture: true, passive: false }); return trap; }; var removeListeners = function removeListeners() { if (!state.active) return; doc.removeEventListener("focusin", checkFocusIn, true); doc.removeEventListener("mousedown", checkPointerDown, true); doc.removeEventListener("touchstart", checkPointerDown, true); doc.removeEventListener("click", checkClick, true); doc.removeEventListener("keydown", checkKey, true); return trap; }; var mutationObserver = typeof window !== "undefined" && "MutationObserver" in window ? new MutationObserver(function checkDomRemoval(mutations) { if (mutations.some(function(mutation) { return Array.from(mutation.removedNodes).some(function(node) { return node === state.mostRecentlyFocusedNode; }); })) tryFocus(getInitialFocusNode()); }) : void 0; var updateObservedNodes = function updateObservedNodes() { if (!mutationObserver) return; mutationObserver.disconnect(); if (state.active && !state.paused) state.containers.map(function(container) { mutationObserver.observe(container, { subtree: true, childList: true }); }); }; trap = { get active() { return state.active; }, get paused() { return state.paused; }, activate: function activate(activateOptions) { if (state.active) return this; var onActivate = getOption(activateOptions, "onActivate"); var onPostActivate = getOption(activateOptions, "onPostActivate"); var checkCanFocusTrap = getOption(activateOptions, "checkCanFocusTrap"); if (!checkCanFocusTrap) updateTabbableNodes(); state.active = true; state.paused = false; state.nodeFocusedBeforeActivation = doc.activeElement; onActivate === null || onActivate === void 0 || onActivate(); var finishActivation = function finishActivation() { if (checkCanFocusTrap) updateTabbableNodes(); addListeners(); updateObservedNodes(); onPostActivate === null || onPostActivate === void 0 || onPostActivate(); }; if (checkCanFocusTrap) { checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation); return this; } finishActivation(); return this; }, deactivate: function deactivate(deactivateOptions) { if (!state.active) return this; var options = _objectSpread2({ onDeactivate: config.onDeactivate, onPostDeactivate: config.onPostDeactivate, checkCanReturnFocus: config.checkCanReturnFocus }, deactivateOptions); clearTimeout(state.delayInitialFocusTimer); state.delayInitialFocusTimer = void 0; removeListeners(); state.active = false; state.paused = false; updateObservedNodes(); activeFocusTraps.deactivateTrap(trapStack, trap); var onDeactivate = getOption(options, "onDeactivate"); var onPostDeactivate = getOption(options, "onPostDeactivate"); var checkCanReturnFocus = getOption(options, "checkCanReturnFocus"); var returnFocus = getOption(options, "returnFocus", "returnFocusOnDeactivate"); onDeactivate === null || onDeactivate === void 0 || onDeactivate(); var finishDeactivation = function finishDeactivation() { delay$1(function() { if (returnFocus) tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)); onPostDeactivate === null || onPostDeactivate === void 0 || onPostDeactivate(); }); }; if (returnFocus && checkCanReturnFocus) { checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation, finishDeactivation); return this; } finishDeactivation(); return this; }, pause: function pause(pauseOptions) { if (state.paused || !state.active) return this; var onPause = getOption(pauseOptions, "onPause"); var onPostPause = getOption(pauseOptions, "onPostPause"); state.paused = true; onPause === null || onPause === void 0 || onPause(); removeListeners(); updateObservedNodes(); onPostPause === null || onPostPause === void 0 || onPostPause(); return this; }, unpause: function unpause(unpauseOptions) { if (!state.paused || !state.active) return this; var onUnpause = getOption(unpauseOptions, "onUnpause"); var onPostUnpause = getOption(unpauseOptions, "onPostUnpause"); state.paused = false; onUnpause === null || onUnpause === void 0 || onUnpause(); updateTabbableNodes(); addListeners(); updateObservedNodes(); onPostUnpause === null || onPostUnpause === void 0 || onPostUnpause(); return this; }, updateContainerElements: function updateContainerElements(containerElements) { state.containers = [].concat(containerElements).filter(Boolean).map(function(element) { return typeof element === "string" ? doc.querySelector(element) : element; }); if (state.active) updateTabbableNodes(); updateObservedNodes(); return this; } }; trap.updateContainerElements(elements); return trap; }; function useFocusTrap(target, options = {}) { let trap; const { immediate, ...focusTrapOptions } = options; const hasFocus = (0, lib_exports.ref)(false); const isPaused = (0, lib_exports.ref)(false); const activate = (opts) => trap && trap.activate(opts); const deactivate = (opts) => trap && trap.deactivate(opts); const pause = () => { if (trap) { trap.pause(); isPaused.value = true; } }; const unpause = () => { if (trap) { trap.unpause(); isPaused.value = false; } }; (0, lib_exports.watch)(() => unrefElement(target), (el) => { if (!el) return; trap = createFocusTrap(el, { ...focusTrapOptions, onActivate() { hasFocus.value = true; if (options.onActivate) options.onActivate(); }, onDeactivate() { hasFocus.value = false; if (options.onDeactivate) options.onDeactivate(); } }); if (immediate) activate(); }, { flush: "post" }); tryOnScopeDispose(() => deactivate()); return { hasFocus, isPaused, activate, deactivate, pause, unpause }; } var uo = (e) => (...o) => { e && (e?.(...o), e = null); }, q = () => {}; function oe(e, o, l) { return e > l ? l : e < o ? o : e; } function fe(e, o) { var s; const l = ((s = $(e, o)) == null ? void 0 : s[0]) || o; e.push(l); } function $(e, o) { const l = e.indexOf(o); if (l !== -1) return e.splice(l, 1); } var co = { teleportTo: { type: [ String, null, Boolean, Object ], default: "body" }, modalId: { type: [ String, Number, Symbol ], default: void 0 }, modelValue: { type: Boolean, default: void 0 }, displayDirective: { type: String, default: "if", validator: (e) => [ "if", "show", "visible" ].includes(e) }, hideOverlay: { type: Boolean, default: void 0 }, overlayBehavior: { type: String, default: "auto", validator: (e) => ["auto", "persist"].includes(e) }, overlayTransition: { type: [String, Object], default: void 0 }, contentTransition: { type: [String, Object], default: void 0 }, overlayClass: { type: void 0, default: void 0 }, contentClass: { type: void 0, default: void 0 }, overlayStyle: { type: [ String, Object, Array ], default: void 0 }, contentStyle: { type: [ String, Object, Array ], default: void 0 }, clickToClose: { type: Boolean, default: !0 }, escToClose: { type: Boolean, default: !0 }, background: { type: String, default: "non-interactive", validator: (e) => ["interactive", "non-interactive"].includes(e) }, focusTrap: { type: [Boolean, Object], default: () => ({ allowOutsideClick: !0 }) }, lockScroll: { type: Boolean, default: !0 }, reserveScrollBarGap: { type: Boolean, default: !0 }, zIndexFn: { type: Function, default: ({ index: e }) => 1e3 + 2 * e }, swipeToClose: { type: String, default: "none", validator: (e) => [ "none", "up", "right", "down", "left" ].includes(e) }, threshold: { type: Number, default: 0 }, showSwipeBanner: { type: Boolean, default: void 0 }, preventNavigationGestures: { type: Boolean, default: void 0 } }; function Oe(e = !1) { const o = (0, vue.ref)(e), l = (0, vue.ref)(o.value ? 0 : void 0); return [ o, l, { beforeEnter() { l.value = 1; }, afterEnter() { l.value = 0; }, beforeLeave() { l.value = 3; }, afterLeave() { l.value = 2; } } ]; } function fo(e, o) { const { modelValueLocal: l, onEntering: s, onEnter: u, onLeaving: c, onLeave: a } = o, n = (0, vue.ref)(l.value), [t, r, m] = Oe(n.value), [f, M, S] = Oe(n.value), V = (0, vue.computed)(() => typeof e.contentTransition == "string" ? { name: e.contentTransition, appear: !0 } : { appear: !0, ...e.contentTransition }), O = (0, vue.computed)(() => typeof e.overlayTransition == "string" ? { name: e.overlayTransition, appear: !0 } : { appear: !0, ...e.overlayTransition }); (0, vue.watch)((0, vue.computed)(() => (e.hideOverlay || M.value === 2) && r.value === 2), (k) => { k && (n.value = !1); }), (0, vue.watch)(r, (k) => { if (k === 1) { if (!n.value) return; s?.(); } else if (k === 0) { if (!n.value) return; u?.(); } else k === 3 ? c?.() : k === 2 && a?.(); }); async function w() { n.value = !0, await (0, vue.nextTick)(), t.value = !0, f.value = !0; } function D() { t.value = !1, f.value = !1; } return { visible: n, contentVisible: t, contentListeners: m, contentTransition: V, overlayVisible: f, overlayListeners: S, overlayTransition: O, enterTransition: w, leaveTransition: D }; } function vo(e, o, l) { const { vfmRootEl: s, vfmContentEl: u, visible: c, modelValueLocal: a } = l, n = (0, vue.ref)(); function t() { c.value && e.escToClose && (a.value = !1); } function r(f) { n.value = f == null ? void 0 : f.target; } function m() { var f; n.value === s.value && (e.clickToClose ? a.value = !1 : ((f = u.value) == null || f.focus(), o("clickOutside"))); } return { onEsc: t, onMouseupRoot: m, onMousedown: r }; } function po(e, o, l) { let s = !1; const { open: u, close: c } = l, a = (0, vue.ref)(!1), n = { get value() { return a.value; }, set value(r) { t(r); } }; function t(r) { (r ? u() : c()) ? (a.value = r, r !== e.modelValue && o("update:modelValue", r)) : (s = !0, o("update:modelValue", !r), (0, vue.nextTick)(() => { s = !1; })); } return (0, vue.watch)(() => e.modelValue, (r) => { s || (n.value = !!r); }), { modelValueLocal: n }; } function yo(e, o) { if (e.focusTrap === !1) return { focus() {}, blur() {} }; const { focusEl: l } = o, { hasFocus: s, activate: u, deactivate: c } = useFocusTrap(l, e.focusTrap); function a() { requestAnimationFrame(() => { u(); }); } function n() { s.value && c(); } return { focus: a, blur: n }; } var be = !1; if (typeof window < "u") { const e = { get passive() { be = !0; } }; window.addEventListener("testPassive", null, e), window.removeEventListener("testPassive", null, e); } var He = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1); var j = [], le = !1, ne = 0, je = -1, W, X; var ho = (e) => { if (!e || e.nodeType !== Node.ELEMENT_NODE) return !1; const o = window.getComputedStyle(e); return ["auto", "scroll"].includes(o.overflowY) && e.scrollHeight > e.clientHeight; }, mo = (e, o) => !(e.scrollTop === 0 && o < 0 || e.scrollTop + e.clientHeight + o >= e.scrollHeight && o > 0), wo = (e) => { const o = []; for (; e;) { if (o.push(e), e.classList.contains("vfm")) return o; e = e.parentElement; } return o; }, bo = (e, o) => { let l = !1; return wo(e).forEach((u) => { ho(u) && mo(u, o) && (l = !0); }), l; }, Ne = (e) => j.some(() => bo(e, -ne)), se = (e) => { const o = e || window.event; return Ne(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1); }, To = (e) => { if (X === void 0) { const o = !!e && e.reserveScrollBarGap === !0, l = window.innerWidth - document.documentElement.clientWidth; if (o && l > 0) { const s = parseInt(getComputedStyle(document.body).getPropertyValue("padding-right"), 10); X = document.body.style.paddingRight, document.body.style.paddingRight = `${s + l}px`; } } W === void 0 && (W = document.body.style.overflow, document.body.style.overflow = "hidden"); }, So = () => { X !== void 0 && (document.body.style.paddingRight = X, X = void 0), W !== void 0 && (document.body.style.overflow = W, W = void 0); }, Mo = (e) => e ? e.scrollHeight - e.scrollTop <= e.clientHeight : !1, go = (e, o) => (ne = e.targetTouches[0].clientY - je, Ne(e.target) ? !1 : o && o.scrollTop === 0 && ne > 0 || Mo(o) && ne < 0 ? se(e) : (e.stopPropagation(), !0)), Co = (e, o) => { if (!e) { console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices."); return; } if (j.some((s) => s.targetElement === e)) return; const l = { targetElement: e, options: o || {} }; j = [...j, l], He ? (e.ontouchstart = (s) => { s.targetTouches.length === 1 && (je = s.targetTouches[0].clientY); }, e.ontouchmove = (s) => { s.targetTouches.length === 1 && go(s, e); }, le || (document.addEventListener("touchmove", se, be ? { passive: !1 } : void 0), le = !0)) : To(o); }, ko = (e) => { if (!e) { console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices."); return; } j = j.filter((o) => o.targetElement !== e), He ? (e.ontouchstart = null, e.ontouchmove = null, le && j.length === 0 && (document.removeEventListener("touchmove", se, be ? { passive: !1 } : void 0), le = !1)) : j.length || So(); }; function Vo(e, o) { const { lockScrollEl: l, modelValueLocal: s } = o; let u; (0, vue.watch)(l, (n) => { n && (u = n); }, { immediate: !0 }), (0, vue.watch)(() => e.lockScroll, (n) => { n ? a() : c(); }), (0, vue.onBeforeUnmount)(() => { c(); }); function c() { u && ko(u); } function a() { s.value && e.lockScroll && u && Co(u, { reserveScrollBarGap: e.reserveScrollBarGap, allowTouchMove: (n) => { for (; n && n !== document.body;) { if (n.getAttribute("vfm-scroll-lock-ignore") !== null) return !0; n = n.parentElement; } return !1; } }); } return { enableBodyScroll: c, disableBodyScroll: a }; } function Eo(e) { const o = (0, vue.ref)(); function l(u) { var c; o.value = (c = e.zIndexFn) == null ? void 0 : c.call(e, { index: u <= -1 ? 0 : u }); } function s() { o.value = void 0; } return { zIndex: o, refreshZIndex: l, resetZIndex: s }; } var ve = { beforeMount(e, { value: o }, { transition: l }) { e._vov = e.style.visibility === "hidden" ? "" : e.style.visibility, l && o ? l.beforeEnter(e) : G(e, o); }, mounted(e, { value: o }, { transition: l }) { l && o && l.enter(e); }, updated(e, { value: o, oldValue: l }, { transition: s }) { !o != !l && (s ? o ? (s.beforeEnter(e), G(e, !0), s.enter(e)) : s.leave(e, () => { G(e, !1); }) : G(e, o)); }, beforeUnmount(e, { value: o }) { G(e, o); } }; function G(e, o) { e.style.visibility = o ? e._vov : "hidden"; } var De = (e) => { if (e instanceof MouseEvent) { const { clientX: o, clientY: l } = e; return { x: o, y: l }; } else { const { clientX: o, clientY: l } = e.targetTouches[0]; return { x: o, y: l }; } }; function Bo(e) { if (!e) return !1; let o = !1; return e.addEventListener("x", q, { get passive() { return o = !0, !1; } }), e.removeEventListener("x", q), o; } function Oo(e, { threshold: o = 0, onSwipeStart: l, onSwipe: s, onSwipeEnd: u, passive: c = !0 }) { const a = (0, vue.reactive)({ x: 0, y: 0 }), n = (0, vue.reactive)({ x: 0, y: 0 }), t = (0, vue.computed)(() => a.x - n.x), r = (0, vue.computed)(() => a.y - n.y), { max: m, abs: f } = Math, M = (0, vue.computed)(() => m(f(t.value), f(r.value)) >= o), S = (0, vue.ref)(!1), V = (0, vue.computed)(() => M.value ? f(t.value) > f(r.value) ? t.value > 0 ? "left" : "right" : r.value > 0 ? "up" : "down" : "none"), O = (p, h) => { a.x = p, a.y = h; }, E = (p, h) => { n.x = p, n.y = h; }; let w, D; function k(p) { w.capture && !w.passive && p.preventDefault(); const { x: h, y: R } = De(p); O(h, R), E(h, R), l?.(p), D = [ useEventListener(e, "mousemove", P, w), useEventListener(e, "touchmove", P, w), useEventListener(e, "mouseup", i, w), useEventListener(e, "touchend", i, w), useEventListener(e, "touchcancel", i, w) ]; } function P(p) { const { x: h, y: R } = De(p); E(h, R), !S.value && M.value && (S.value = !0), S.value && s?.(p); } function i(p) { S.value && u?.(p, V.value), S.value = !1, D.forEach((h) => h()); } let b = []; return (0, vue.onMounted)(() => { const p = Bo(window == null ? void 0 : window.document); c ? w = p ? { passive: !0 } : { capture: !1 } : w = p ? { passive: !1, capture: !0 } : { capture: !0 }, b = [useEventListener(e, "mousedown", k, w), useEventListener(e, "touchstart", k, w)]; }), { isSwiping: S, direction: V, coordsStart: a, coordsEnd: n, lengthX: t, lengthY: r, stop: () => { b.forEach((p) => p()), D.forEach((p) => p()); } }; } function Do(e, o) { const { vfmContentEl: l, modelValueLocal: s } = o, u = .1, c = 300, a = (0, vue.ref)(), n = (0, vue.computed)(() => { if (!(e.swipeToClose === void 0 || e.swipeToClose === "none")) return e.showSwipeBanner ? a.value : l.value; }), t = (0, vue.ref)(0), r = (0, vue.ref)(!0); let m = q, f = !0, M, S = !1; const { lengthX: V, lengthY: O, direction: E, isSwiping: w } = Oo(n, { threshold: e.threshold, onSwipeStart(i) { m = useEventListener(document, "selectionchange", () => { var b; r.value = (b = window.getSelection()) == null ? void 0 : b.isCollapsed; }), M = new Date().getTime(), S = P(i == null ? void 0 : i.target); }, onSwipe() { var i, b, L, p; if (S && r.value && E.value === e.swipeToClose) { if (E.value === "up") t.value = oe(Math.abs(O.value || 0), 0, ((i = n.value) == null ? void 0 : i.offsetHeight) || 0) - (e.threshold || 0); else if (E.value === "down") t.value = -(oe(Math.abs(O.value || 0), 0, ((b = n.value) == null ? void 0 : b.offsetHeight) || 0) - (e.threshold || 0)); else if (E.value === "right") t.value = -(oe(Math.abs(V.value || 0), 0, ((L = n.value) == null ? void 0 : L.offsetWidth) || 0) - (e.threshold || 0)); else if (E.value === "left") t.value = oe(Math.abs(V.value || 0), 0, ((p = n.value) == null ? void 0 : p.offsetWidth) || 0) - (e.threshold || 0); } }, onSwipeEnd(i, b) { if (m(), !r.value) { r.value = !0; return; } const L = new Date().getTime(), p = b === e.swipeToClose, h = (() => { var J, Q; if (b === "up" || b === "down") return Math.abs((O == null ? void 0 : O.value) || 0) > u * (((J = n.value) == null ? void 0 : J.offsetHeight) || 0); if (b === "left" || b === "right") return Math.abs((V == null ? void 0 : V.value) || 0) > u * (((Q = n.value) == null ? void 0 : Q.offsetWidth) || 0); })(), R = L - M <= c; if (f && S && p && (h || R)) { s.value = !1; return; } t.value = 0; } }), D = (0, vue.computed)(() => { if (e.swipeToClose === "none") return; const i = (() => { switch (e.swipeToClose) { case "up": case "down": return "translateY"; case "left": case "right": return "translateX"; } })(); return { class: { "vfm-bounce-back": !w.value }, style: { transform: `${i}(${-t.value}px)` } }; }); (0, vue.watch)(() => r.value, (i) => { i || (t.value = 0); }), (0, vue.watch)(() => s.value, (i) => { i && (t.value = 0); }), (0, vue.watch)(() => t.value, (i, b) => { switch (e.swipeToClose) { case "down": case "right": f = i < b; break; case "up": case "left": f = i > b; break; } }); function k(i) { e.preventNavigationGestures && i.preventDefault(); } function P(i) { const b = i == null ? void 0 : i.tagName; if (!b || ["INPUT", "TEXTAREA"].includes(b)) return !1; const L = (() => { switch (e.swipeToClose) { case "up": return (i == null ? void 0 : i.scrollTop) + (i == null ? void 0 : i.clientHeight) === (i == null ? void 0 : i.scrollHeight); case "left": return (i == null ? void 0 : i.scrollLeft) + (i == null ? void 0 : i.clientWidth) === (i == null ? void 0 : i.scrollWidth); case "down": return (i == null ? void 0 : i.scrollTop) === 0; case "right": return (i == null ? void 0 : i.scrollLeft) === 0; default: return !1; } })(); return i === n.value ? L : L && P(i == null ? void 0 : i.parentElement); } return { vfmContentEl: l, swipeBannerEl: a, bindSwipe: D, onTouchStartSwipeBanner: k }; } var Ye = Symbol("vfm"); var H; var Lo = (e) => H = e, Po = { install: q, modals: [], openedModals: [], openedModalOverlays: [], dynamicModals: [], modalsContainers: (0, vue.ref)([]), get: () => {}, toggle: () => {}, open: () => {}, close: () => {}, closeAll: () => Promise.allSettled([]) }, Ao = () => (0, vue.getCurrentInstance)() && (0, vue.inject)(Ye, Po) || H; function zo() { const e = (0, vue.shallowReactive)([]), o = (0, vue.shallowReactive)([]), c = (0, vue.markRaw)({ install(a) { a.provide(Ye, c), a.config.globalProperties.$vfm = c; }, modals: e, openedModals: o, openedModalOverlays: (0, vue.shallowReactive)([]), dynamicModals: (0, vue.shallowReactive)([]), modalsContainers: (0, vue.ref)([]), get(a) { return e.find((n) => { var t, r; return ((r = (t = Z(n)) == null ? void 0 : t.value.modalId) == null ? void 0 : r.value) === a; }); }, toggle(a, n) { var r; return (r = Z(c.get(a))) == null ? void 0 : r.value.toggle(n); }, open(a) { return c.toggle(a, !0); }, close(a) { return c.toggle(a, !1); }, closeAll() { return Promise.allSettled(o.reduce((a, n) => { const t = Z(n), r = t == null ? void 0 : t.value.toggle(!1); return r && a.push(r), a; }, [])); } }); return Lo(c), c; } function Z(e) { var o; return (o = e == null ? void 0 : e.exposed) == null ? void 0 : o.modalExposed; } var Ro = (0, vue.defineComponent)({ ...(0, vue.defineComponent)({ inheritAttrs: !1 }), __name: "VueFinalModal", props: co, emits: [ "update:modelValue", "beforeOpen", "opened", "beforeClose", "closed", "clickOutside" ], setup(e, { expose: o, emit: l }) { const s = e, u = l, c = (0, vue.useAttrs)(), a = (0, vue.getCurrentInstance)(), { modals: n, openedModals: t, openedModalOverlays: r } = K(), m = (0, vue.ref)(), f = (0, vue.ref)(), { focus: M, blur: S } = yo(s, { focusEl: m }), { zIndex: V, refreshZIndex: O, resetZIndex: E } = Eo(s), { modelValueLocal: w } = po(s, u, { open: We, close: Xe }), { enableBodyScroll: D, disableBodyScroll: k } = Vo(s, { lockScrollEl: m, modelValueLocal: w }); let P = q; const { visible: i, contentVisible: b, contentListeners: L, contentTransition: p, overlayVisible: h, overlayListeners: R, overlayTransition: J, enterTransition: Q, leaveTransition: xe } = fo(s, { modelValueLocal: w, onEntering() { (0, vue.nextTick)(() => { k(), M(); }); }, onEnter() { u("opened"), P("opened"); }, onLeave() { $(t, a), E(), D(), u("closed"), P("closed"); } }), { onEsc: ze, onMouseupRoot: Ge, onMousedown: Te } = vo(s, u, { vfmRootEl: m, vfmContentEl: f, visible: i, modelValueLocal: w }), { swipeBannerEl: $e, bindSwipe: Ue, onTouchStartSwipeBanner: Se } = Do(s, { vfmContentEl: f, modelValueLocal: w }), Me = (0, vue.computed)(() => a ? t.indexOf(a) : -1); (0, vue.watch)([() => s.zIndexFn, Me], () => { i.value && O(Me.value); }), (0, vue.onMounted)(() => { fe(n, a); }), s.modelValue && (w.value = !0); function We() { let d = !1; return u("beforeOpen", { stop: () => d = !0 }), d ? !1 : (fe(t, a), fe(r, a), ie(), Q(), !0); } function Xe() { let d = !1; return u("beforeClose", { stop: () => d = !0 }), d ? !1 : ($(r, a), ie(), S(), xe(), !0); } function Ze() { w.value = !1; } (0, vue.onBeforeUnmount)(() => { D(), $(n, a), $(t, a), S(), ie(); }); async function ie() { await (0, vue.nextTick)(); const d = r.filter((y) => { var A; const T = Z(y); return (T == null ? void 0 : T.value.overlayBehavior.value) === "auto" && !((A = T == null ? void 0 : T.value.hideOverlay) != null && A.value); }); d.forEach((y, T) => { const A = Z(y); A != null && A.value && (A.value.overlayVisible.value = T === d.length - 1); }); } const Ke = (0, vue.toRef)(() => s.modalId), ge = (0, vue.toRef)(() => s.hideOverlay), qe = (0, vue.toRef)(() => s.overlayBehavior); return o({ modalExposed: (0, vue.computed)(() => ({ modalId: Ke, hideOverlay: ge, overlayBehavior: qe, overlayVisible: h, toggle(d) { return new Promise((y) => { P = uo((A) => y(A)); w.value = typeof d == "boolean" ? d : !w.value; }); } })) }), (d, y) => ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: d.teleportTo ? d.teleportTo : void 0, disabled: !d.teleportTo }, [d.displayDirective !== "if" || (0, vue.unref)(i) ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(c), { ref_key: "vfmRootEl", ref: m, class: ["vfm vfm--fixed vfm--inset", { "vfm--prevent-none": d.background === "interactive" }], style: { zIndex: (0, vue.unref)(V) }, role: "dialog", "aria-modal": "true", onKeydown: y[7] || (y[7] = (0, vue.withKeys)(() => (0, vue.unref)(ze)(), ["esc"])), onMouseup: y[8] || (y[8] = (0, vue.withModifiers)(() => (0, vue.unref)(Ge)(), ["self"])), onMousedown: y[9] || (y[9] = (0, vue.withModifiers)((T) => (0, vue.unref)(Te)(T), ["self"])) }), [ge.value ? (0, vue.createCommentVNode)("", !0) : ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, (0, vue.mergeProps)({ key: 0 }, (0, vue.unref)(J), (0, vue.toHandlers)((0, vue.unref)(R))), { default: (0, vue.withCtx)(() => [d.displayDirective !== "if" || (0, vue.unref)(h) ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", { key: 0, class: (0, vue.normalizeClass)(["vfm__overlay vfm--overlay vfm--absolute vfm--inset vfm--prevent-none", d.overlayClass]), style: (0, vue.normalizeStyle)(d.overlayStyle), "aria-hidden": "true" }, null, 6)), [[vue.vShow, d.displayDirective !== "show" || (0, vue.unref)(h)], [(0, vue.unref)(ve), d.displayDirective !== "visible" || (0, vue.unref)(h)]]) : (0, vue.createCommentVNode)("", !0)]), _: 1 }, 16)), (0, vue.createVNode)(vue.Transition, (0, vue.mergeProps)((0, vue.unref)(p), (0, vue.toHandlers)((0, vue.unref)(L))), { default: (0, vue.withCtx)(() => [d.displayDirective !== "if" || (0, vue.unref)(b) ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({ key: 0, ref_key: "vfmContentEl", ref: f, class: ["vfm__content vfm--outline-none", [d.contentClass, { "vfm--prevent-auto": d.background === "interactive" }]], style: d.contentStyle, tabindex: "0" }, (0, vue.unref)(Ue), { onMousedown: y[6] || (y[6] = () => (0, vue.unref)(Te)()) }), [(0, vue.renderSlot)(d.$slots, "default", (0, vue.normalizeProps)((0, vue.guardReactiveProps)({ close: Ze }))), d.showSwipeBanner ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", { key: 0, ref_key: "swipeBannerEl", ref: $e, class: "vfm-swipe-banner-container", onTouchstart: y[2] || (y[2] = (T) => (0, vue.unref)(Se)(T)) }, [(0, vue.renderSlot)(d.$slots, "swipe-banner", {}, () => [(0, vue.createElementVNode)("div", { class: "vfm-swipe-banner-back", onTouchstart: y[0] || (y[0] = (T) => d.swipeToClose === "left" && T.preventDefault()) }, null, 32), (0, vue.createElementVNode)("div", { class: "vfm-swipe-banner-forward", onTouchstart: y[1] || (y[1] = (T) => d.swipeToClose === "right" && T.preventDefault()) }, null, 32)])], 544)) : !d.showSwipeBanner && d.preventNavigationGestures ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", { key: 1, class: "vfm-swipe-banner-container", onTouchstart: y[5] || (y[5] = (T) => (0, vue.unref)(Se)(T)) }, [(0, vue.createElementVNode)("div", { class: "vfm-swipe-banner-back", onTouchstart: y[3] || (y[3] = (T) => d.swipeToClose === "left" && T.preventDefault()) }, null, 32), (0, vue.createElementVNode)("div", { class: "vfm-swipe-banner-forward", onTouchstart: y[4] || (y[4] = (T) => d.swipeToClose === "right" && T.preventDefault()) }, null, 32)], 32)) : (0, vue.createCommentVNode)("", !0)], 16)), [[vue.vShow, d.displayDirective !== "show" || (0, vue.unref)(b)], [(0, vue.unref)(ve), d.displayDirective !== "visible" || (0, vue.unref)(b)]]) : (0, vue.createCommentVNode)("", !0)]), _: 3 }, 16)], 16)), [[vue.vShow, d.displayDirective !== "show" || (0, vue.unref)(i)], [(0, vue.unref)(ve), d.displayDirective !== "visible" || (0, vue.unref)(i)]]) : (0, vue.createCommentVNode)("", !0)], 8, ["to", "disabled"])); } }); function K() { const e = Ao(); if (!e) throw new Error(`[Vue Final Modal]: getActiveVfm was called with no active Vfm. Did you forget to install vfm? const vfm = createVfm() app.use(vfm) This will fail in production.`); return e; } var __defProp = Object.defineProperty; var __getOwnPropSymbols = Object.getOwnPropertySymbols; var __hasOwnProp = Object.prototype.hasOwnProperty; var __propIsEnum = Object.prototype.propertyIsEnumerable; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __spreadValues = (a, b) => { for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]); if (__getOwnPropSymbols) { for (var prop of __getOwnPropSymbols(b)) if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]); } return a; }; var isFunction = (value) => typeof value === "function"; var isString = (value) => typeof value === "string"; var isNonEmptyString = (value) => isString(value) && value.trim().length > 0; var isNumber = (value) => typeof value === "number"; var isUndefined = (value) => typeof value === "undefined"; var isObject = (value) => typeof value === "object" && value !== null; var isJSX = (obj) => hasProp(obj, "tag") && isNonEmptyString(obj.tag); var isTouchEvent = (event) => window.TouchEvent && event instanceof TouchEvent; var isToastComponent = (obj) => hasProp(obj, "component") && isToastContent(obj.component); var isVueComponent = (c) => isFunction(c) || isObject(c); var isToastContent = (obj) => !isUndefined(obj) && (isString(obj) || isVueComponent(obj) || isToastComponent(obj)); var isDOMRect = (obj) => isObject(obj) && [ "height", "width", "right", "left", "top", "bottom" ].every((p) => isNumber(obj[p])); var hasProp = (obj, propKey) => (isObject(obj) || isFunction(obj)) && propKey in obj; var getId = ((i) => () => i++)(0); function getX(event) { return isTouchEvent(event) ? event.targetTouches[0].clientX : event.clientX; } function getY(event) { return isTouchEvent(event) ? event.targetTouches[0].clientY : event.clientY; } var removeElement = (el) => { if (!isUndefined(el.remove)) el.remove(); else if (el.parentNode) el.parentNode.removeChild(el); }; var getVueComponentFromObj = (obj) => { if (isToastComponent(obj)) return getVueComponentFromObj(obj.component); if (isJSX(obj)) return (0, vue.defineComponent)({ render() { return obj; } }); return typeof obj === "string" ? obj : (0, vue.toRaw)((0, vue.unref)(obj)); }; var normalizeToastComponent = (obj) => { if (typeof obj === "string") return obj; const props = hasProp(obj, "props") && isObject(obj.props) ? obj.props : {}; const listeners = hasProp(obj, "listeners") && isObject(obj.listeners) ? obj.listeners : {}; return { component: getVueComponentFromObj(obj), props, listeners }; }; var isBrowser = () => typeof window !== "undefined"; var EventBus = class { constructor() { this.allHandlers = {}; } getHandlers(eventType) { return this.allHandlers[eventType] || []; } on(eventType, handler) { const handlers = this.getHandlers(eventType); handlers.push(handler); this.allHandlers[eventType] = handlers; } off(eventType, handler) { const handlers = this.getHandlers(eventType); handlers.splice(handlers.indexOf(handler) >>> 0, 1); } emit(eventType, event) { this.getHandlers(eventType).forEach((handler) => handler(event)); } }; var isEventBusInterface = (e) => [ "on", "off", "emit" ].every((f) => hasProp(e, f) && isFunction(e[f])); var TYPE; (function(TYPE2) { TYPE2["SUCCESS"] = "success"; TYPE2["ERROR"] = "error"; TYPE2["WARNING"] = "warning"; TYPE2["INFO"] = "info"; TYPE2["DEFAULT"] = "default"; })(TYPE || (TYPE = {})); var POSITION; (function(POSITION2) { POSITION2["TOP_LEFT"] = "top-left"; POSITION2["TOP_CENTER"] = "top-center"; POSITION2["TOP_RIGHT"] = "top-right"; POSITION2["BOTTOM_LEFT"] = "bottom-left"; POSITION2["BOTTOM_CENTER"] = "bottom-center"; POSITION2["BOTTOM_RIGHT"] = "bottom-right"; })(POSITION || (POSITION = {})); var EVENTS; (function(EVENTS2) { EVENTS2["ADD"] = "add"; EVENTS2["DISMISS"] = "dismiss"; EVENTS2["UPDATE"] = "update"; EVENTS2["CLEAR"] = "clear"; EVENTS2["UPDATE_DEFAULTS"] = "update_defaults"; })(EVENTS || (EVENTS = {})); var VT_NAMESPACE = "Vue-Toastification"; var COMMON = { type: { type: String, default: TYPE.DEFAULT }, classNames: { type: [String, Array], default: () => [] }, trueBoolean: { type: Boolean, default: true } }; var ICON = { type: COMMON.type, customIcon: { type: [ String, Boolean, Object, Function ], default: true } }; var CLOSE_BUTTON = { component: { type: [ String, Object, Function, Boolean ], default: "button" }, classNames: COMMON.classNames, showOnHover: { type: Boolean, default: false }, ariaLabel: { type: String, default: "close" } }; var PROGRESS_BAR = { timeout: { type: [Number, Boolean], default: 5e3 }, hideProgressBar: { type: Boolean, default: false }, isRunning: { type: Boolean, default: false } }; var TRANSITION = { transition: { type: [Object, String], default: `${VT_NAMESPACE}__bounce` } }; var propValidators_default = { CORE_TOAST: { position: { type: String, default: POSITION.TOP_RIGHT }, draggable: COMMON.trueBoolean, draggablePercent: { type: Number, default: .6 }, pauseOnFocusLoss: COMMON.trueBoolean, pauseOnHover: COMMON.trueBoolean, closeOnClick: COMMON.trueBoolean, timeout: PROGRESS_BAR.timeout, hideProgressBar: PROGRESS_BAR.hideProgressBar, toastClassName: COMMON.classNames, bodyClassName: COMMON.classNames, icon: ICON.customIcon, closeButton: CLOSE_BUTTON.component, closeButtonClassName: CLOSE_BUTTON.classNames, showCloseButtonOnHover: CLOSE_BUTTON.showOnHover, accessibility: { type: Object, default: () => ({ toastRole: "alert", closeButtonLabel: "close" }) }, rtl: { type: Boolean, default: false }, eventBus: { type: Object, required: false, default: () => new EventBus() } }, TOAST: { id: { type: [String, Number], required: true, default: 0 }, type: COMMON.type, content: { type: [ String, Object, Function ], required: true, default: "" }, onClick: { type: Function, default: void 0 }, onClose: { type: Function, default: void 0 } }, CONTAINER: { container: { type: [Object, Function], default: () => document.body }, newestOnTop: COMMON.trueBoolean, maxToasts: { type: Number, default: 20 }, transition: TRANSITION.transition, toastDefaults: Object, filterBeforeCreate: { type: Function, default: (toast) => toast }, filterToasts: { type: Function, default: (toasts) => toasts }, containerClassName: COMMON.classNames, onMounted: Function, shareAppContext: [Boolean, Object] }, PROGRESS_BAR, ICON, TRANSITION, CLOSE_BUTTON }; var VtProgressBar_default = (0, vue.defineComponent)({ name: "VtProgressBar", props: propValidators_default.PROGRESS_BAR, data() { return { hasClass: true }; }, computed: { style() { return { animationDuration: `${this.timeout}ms`, animationPlayState: this.isRunning ? "running" : "paused", opacity: this.hideProgressBar ? 0 : 1 }; }, cpClass() { return this.hasClass ? `${VT_NAMESPACE}__progress-bar` : ""; } }, watch: { timeout() { this.hasClass = false; this.$nextTick(() => this.hasClass = true); } }, mounted() { this.$el.addEventListener("animationend", this.animationEnded); }, beforeUnmount() { this.$el.removeEventListener("animationend", this.animationEnded); }, methods: { animationEnded() { this.$emit("close-toast"); } } }); function render(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { style: (0, vue.normalizeStyle)(_ctx.style), class: (0, vue.normalizeClass)(_ctx.cpClass) }, null, 6); } VtProgressBar_default.render = render; var VtProgressBar_default2 = VtProgressBar_default; var VtCloseButton_default = (0, vue.defineComponent)({ name: "VtCloseButton", props: propValidators_default.CLOSE_BUTTON, computed: { buttonComponent() { if (this.component !== false) return getVueComponentFromObj(this.component); return "button"; }, classes() { const classes = [`${VT_NAMESPACE}__close-button`]; if (this.showOnHover) classes.push("show-on-hover"); return classes.concat(this.classNames); } } }); var _hoisted_1$8 = (0, vue.createTextVNode)(" × "); function render2(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(_ctx.buttonComponent), (0, vue.mergeProps)({ "aria-label": _ctx.ariaLabel, class: _ctx.classes }, _ctx.$attrs), { default: (0, vue.withCtx)(() => [_hoisted_1$8]), _: 1 }, 16, ["aria-label", "class"]); } VtCloseButton_default.render = render2; var VtCloseButton_default2 = VtCloseButton_default; var VtSuccessIcon_default = {}; var _hoisted_12$1 = { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "check-circle", class: "svg-inline--fa fa-check-circle fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }; var _hoisted_3$3 = [(0, vue.createElementVNode)("path", { fill: "currentColor", d: "M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" }, null, -1)]; function render3(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_12$1, _hoisted_3$3); } VtSuccessIcon_default.render = render3; var VtSuccessIcon_default2 = VtSuccessIcon_default; var VtInfoIcon_default = {}; var _hoisted_13$1 = { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "info-circle", class: "svg-inline--fa fa-info-circle fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }; var _hoisted_32$1 = [(0, vue.createElementVNode)("path", { fill: "currentColor", d: "M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z" }, null, -1)]; function render4(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_13$1, _hoisted_32$1); } VtInfoIcon_default.render = render4; var VtInfoIcon_default2 = VtInfoIcon_default; var VtWarningIcon_default = {}; var _hoisted_14$1 = { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "exclamation-circle", class: "svg-inline--fa fa-exclamation-circle fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }; var _hoisted_33$1 = [(0, vue.createElementVNode)("path", { fill: "currentColor", d: "M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z" }, null, -1)]; function render5(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_14$1, _hoisted_33$1); } VtWarningIcon_default.render = render5; var VtWarningIcon_default2 = VtWarningIcon_default; var VtErrorIcon_default = {}; var _hoisted_15$1 = { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "exclamation-triangle", class: "svg-inline--fa fa-exclamation-triangle fa-w-18", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512" }; var _hoisted_34$1 = [(0, vue.createElementVNode)("path", { fill: "currentColor", d: "M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z" }, null, -1)]; function render6(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_15$1, _hoisted_34$1); } VtErrorIcon_default.render = render6; var VtErrorIcon_default2 = VtErrorIcon_default; var VtIcon_default = (0, vue.defineComponent)({ name: "VtIcon", props: propValidators_default.ICON, computed: { customIconChildren() { return hasProp(this.customIcon, "iconChildren") ? this.trimValue(this.customIcon.iconChildren) : ""; }, customIconClass() { if (isString(this.customIcon)) return this.trimValue(this.customIcon); else if (hasProp(this.customIcon, "iconClass")) return this.trimValue(this.customIcon.iconClass); return ""; }, customIconTag() { if (hasProp(this.customIcon, "iconTag")) return this.trimValue(this.customIcon.iconTag, "i"); return "i"; }, hasCustomIcon() { return this.customIconClass.length > 0; }, component() { if (this.hasCustomIcon) return this.customIconTag; if (isToastContent(this.customIcon)) return getVueComponentFromObj(this.customIcon); return this.iconTypeComponent; }, iconTypeComponent() { return { [TYPE.DEFAULT]: VtInfoIcon_default2, [TYPE.INFO]: VtInfoIcon_default2, [TYPE.SUCCESS]: VtSuccessIcon_default2, [TYPE.ERROR]: VtErrorIcon_default2, [TYPE.WARNING]: VtWarningIcon_default2 }[this.type]; }, iconClasses() { const classes = [`${VT_NAMESPACE}__icon`]; if (this.hasCustomIcon) return classes.concat(this.customIconClass); return classes; } }, methods: { trimValue(value, empty = "") { return isNonEmptyString(value) ? value.trim() : empty; } } }); function render7(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(_ctx.component), { class: (0, vue.normalizeClass)(_ctx.iconClasses) }, { default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.customIconChildren), 1)]), _: 1 }, 8, ["class"]); } VtIcon_default.render = render7; var VtToast_default = (0, vue.defineComponent)({ name: "VtToast", components: { ProgressBar: VtProgressBar_default2, CloseButton: VtCloseButton_default2, Icon: VtIcon_default }, inheritAttrs: false, props: Object.assign({}, propValidators_default.CORE_TOAST, propValidators_default.TOAST), data() { return { isRunning: true, disableTransitions: false, beingDragged: false, dragStart: 0, dragPos: { x: 0, y: 0 }, dragRect: {} }; }, computed: { classes() { const classes = [ `${VT_NAMESPACE}__toast`, `${VT_NAMESPACE}__toast--${this.type}`, `${this.position}` ].concat(this.toastClassName); if (this.disableTransitions) classes.push("disable-transition"); if (this.rtl) classes.push(`${VT_NAMESPACE}__toast--rtl`); return classes; }, bodyClasses() { return [`${VT_NAMESPACE}__toast-${isString(this.content) ? "body" : "component-body"}`].concat(this.bodyClassName); }, draggableStyle() { if (this.dragStart === this.dragPos.x) return {}; else if (this.beingDragged) return { transform: `translateX(${this.dragDelta}px)`, opacity: 1 - Math.abs(this.dragDelta / this.removalDistance) }; else return { transition: "transform 0.2s, opacity 0.2s", transform: "translateX(0)", opacity: 1 }; }, dragDelta() { return this.beingDragged ? this.dragPos.x - this.dragStart : 0; }, removalDistance() { if (isDOMRect(this.dragRect)) return (this.dragRect.right - this.dragRect.left) * this.draggablePercent; return 0; } }, mounted() { if (this.draggable) this.draggableSetup(); if (this.pauseOnFocusLoss) this.focusSetup(); }, beforeUnmount() { if (this.draggable) this.draggableCleanup(); if (this.pauseOnFocusLoss) this.focusCleanup(); }, methods: { hasProp, getVueComponentFromObj, closeToast() { this.eventBus.emit(EVENTS.DISMISS, this.id); }, clickHandler() { if (this.onClick) this.onClick(this.closeToast); if (this.closeOnClick) { if (!this.beingDragged || this.dragStart === this.dragPos.x) this.closeToast(); } }, timeoutHandler() { this.closeToast(); }, hoverPause() { if (this.pauseOnHover) this.isRunning = false; }, hoverPlay() { if (this.pauseOnHover) this.isRunning = true; }, focusPause() { this.isRunning = false; }, focusPlay() { this.isRunning = true; }, focusSetup() { addEventListener("blur", this.focusPause); addEventListener("focus", this.focusPlay); }, focusCleanup() { removeEventListener("blur", this.focusPause); removeEventListener("focus", this.focusPlay); }, draggableSetup() { const element = this.$el; element.addEventListener("touchstart", this.onDragStart, { passive: true }); element.addEventListener("mousedown", this.onDragStart); addEventListener("touchmove", this.onDragMove, { passive: false }); addEventListener("mousemove", this.onDragMove); addEventListener("touchend", this.onDragEnd); addEventListener("mouseup", this.onDragEnd); }, draggableCleanup() { const element = this.$el; element.removeEventListener("touchstart", this.onDragStart); element.removeEventListener("mousedown", this.onDragStart); removeEventListener("touchmove", this.onDragMove); removeEventListener("mousemove", this.onDragMove); removeEventListener("touchend", this.onDragEnd); removeEventListener("mouseup", this.onDragEnd); }, onDragStart(event) { this.beingDragged = true; this.dragPos = { x: getX(event), y: getY(event) }; this.dragStart = getX(event); this.dragRect = this.$el.getBoundingClientRect(); }, onDragMove(event) { if (this.beingDragged) { event.preventDefault(); if (this.isRunning) this.isRunning = false; this.dragPos = { x: getX(event), y: getY(event) }; } }, onDragEnd() { if (this.beingDragged) if (Math.abs(this.dragDelta) >= this.removalDistance) { this.disableTransitions = true; this.$nextTick(() => this.closeToast()); } else setTimeout(() => { this.beingDragged = false; if (isDOMRect(this.dragRect) && this.pauseOnHover && this.dragRect.bottom >= this.dragPos.y && this.dragPos.y >= this.dragRect.top && this.dragRect.left <= this.dragPos.x && this.dragPos.x <= this.dragRect.right) this.isRunning = false; else this.isRunning = true; }); } } }); var _hoisted_16$1 = ["role"]; function render8(_ctx, _cache) { const _component_Icon = (0, vue.resolveComponent)("Icon"); const _component_CloseButton = (0, vue.resolveComponent)("CloseButton"); const _component_ProgressBar = (0, vue.resolveComponent)("ProgressBar"); return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(_ctx.classes), style: (0, vue.normalizeStyle)(_ctx.draggableStyle), onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args)), onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.hoverPause && _ctx.hoverPause(...args)), onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.hoverPlay && _ctx.hoverPlay(...args)) }, [ _ctx.icon ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_Icon, { key: 0, "custom-icon": _ctx.icon, type: _ctx.type }, null, 8, ["custom-icon", "type"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", { role: _ctx.accessibility.toastRole || "alert", class: (0, vue.normalizeClass)(_ctx.bodyClasses) }, [typeof _ctx.content === "string" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(_ctx.content), 1)], 2112)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(_ctx.getVueComponentFromObj(_ctx.content)), (0, vue.mergeProps)({ key: 1, "toast-id": _ctx.id }, _ctx.hasProp(_ctx.content, "props") ? _ctx.content.props : {}, (0, vue.toHandlers)(_ctx.hasProp(_ctx.content, "listeners") ? _ctx.content.listeners : {}), { onCloseToast: _ctx.closeToast }), null, 16, ["toast-id", "onCloseToast"]))], 10, _hoisted_16$1), !!_ctx.closeButton ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_CloseButton, { key: 1, component: _ctx.closeButton, "class-names": _ctx.closeButtonClassName, "show-on-hover": _ctx.showCloseButtonOnHover, "aria-label": _ctx.accessibility.closeButtonLabel, onClick: (0, vue.withModifiers)(_ctx.closeToast, ["stop"]) }, null, 8, [ "component", "class-names", "show-on-hover", "aria-label", "onClick" ])) : (0, vue.createCommentVNode)("v-if", true), _ctx.timeout ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_ProgressBar, { key: 2, "is-running": _ctx.isRunning, "hide-progress-bar": _ctx.hideProgressBar, timeout: _ctx.timeout, onCloseToast: _ctx.timeoutHandler }, null, 8, [ "is-running", "hide-progress-bar", "timeout", "onCloseToast" ])) : (0, vue.createCommentVNode)("v-if", true) ], 38); } VtToast_default.render = render8; var VtToast_default2 = VtToast_default; var VtTransition_default = (0, vue.defineComponent)({ name: "VtTransition", props: propValidators_default.TRANSITION, emits: ["leave"], methods: { hasProp, leave(el) { if (el instanceof HTMLElement) { el.style.left = el.offsetLeft + "px"; el.style.top = el.offsetTop + "px"; el.style.width = getComputedStyle(el).width; el.style.position = "absolute"; } } } }); function render9(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createBlock)(vue.TransitionGroup, { tag: "div", "enter-active-class": _ctx.transition.enter ? _ctx.transition.enter : `${_ctx.transition}-enter-active`, "move-class": _ctx.transition.move ? _ctx.transition.move : `${_ctx.transition}-move`, "leave-active-class": _ctx.transition.leave ? _ctx.transition.leave : `${_ctx.transition}-leave-active`, onLeave: _ctx.leave }, { default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]), _: 3 }, 8, [ "enter-active-class", "move-class", "leave-active-class", "onLeave" ]); } VtTransition_default.render = render9; var VtToastContainer_default = (0, vue.defineComponent)({ name: "VueToastification", devtools: { hide: true }, components: { Toast: VtToast_default2, VtTransition: VtTransition_default }, props: Object.assign({}, propValidators_default.CORE_TOAST, propValidators_default.CONTAINER, propValidators_default.TRANSITION), data() { return { count: 0, positions: Object.values(POSITION), toasts: {}, defaults: {} }; }, computed: { toastArray() { return Object.values(this.toasts); }, filteredToasts() { return this.defaults.filterToasts(this.toastArray); } }, beforeMount() { const events = this.eventBus; events.on(EVENTS.ADD, this.addToast); events.on(EVENTS.CLEAR, this.clearToasts); events.on(EVENTS.DISMISS, this.dismissToast); events.on(EVENTS.UPDATE, this.updateToast); events.on(EVENTS.UPDATE_DEFAULTS, this.updateDefaults); this.defaults = this.$props; }, mounted() { this.setup(this.container); }, methods: { async setup(container) { if (isFunction(container)) container = await container(); removeElement(this.$el); container.appendChild(this.$el); }, setToast(props) { if (!isUndefined(props.id)) this.toasts[props.id] = props; }, addToast(params) { params.content = normalizeToastComponent(params.content); const props = Object.assign({}, this.defaults, params.type && this.defaults.toastDefaults && this.defaults.toastDefaults[params.type], params); const toast = this.defaults.filterBeforeCreate(props, this.toastArray); toast && this.setToast(toast); }, dismissToast(id) { const toast = this.toasts[id]; if (!isUndefined(toast) && !isUndefined(toast.onClose)) toast.onClose(); delete this.toasts[id]; }, clearToasts() { Object.keys(this.toasts).forEach((id) => { this.dismissToast(id); }); }, getPositionToasts(position) { const toasts = this.filteredToasts.filter((toast) => toast.position === position).slice(0, this.defaults.maxToasts); return this.defaults.newestOnTop ? toasts.reverse() : toasts; }, updateDefaults(update) { if (!isUndefined(update.container)) this.setup(update.container); this.defaults = Object.assign({}, this.defaults, update); }, updateToast({ id, options, create }) { if (this.toasts[id]) { if (options.timeout && options.timeout === this.toasts[id].timeout) options.timeout++; this.setToast(Object.assign({}, this.toasts[id], options)); } else if (create) this.addToast(Object.assign({}, { id }, options)); }, getClasses(position) { return [`${VT_NAMESPACE}__container`, position].concat(this.defaults.containerClassName); } } }); function render10(_ctx, _cache) { const _component_Toast = (0, vue.resolveComponent)("Toast"); const _component_VtTransition = (0, vue.resolveComponent)("VtTransition"); return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", null, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.positions, (pos) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { key: pos }, [(0, vue.createVNode)(_component_VtTransition, { transition: _ctx.defaults.transition, class: (0, vue.normalizeClass)(_ctx.getClasses(pos)) }, { default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.getPositionToasts(pos), (toast) => { return (0, vue.openBlock)(), (0, vue.createBlock)(_component_Toast, (0, vue.mergeProps)({ key: toast.id }, toast), null, 16); }), 128))]), _: 2 }, 1032, ["transition", "class"])]); }), 128))]); } VtToastContainer_default.render = render10; var VtToastContainer_default2 = VtToastContainer_default; var buildInterface = (globalOptions = {}, mountContainer = true) => { const events = globalOptions.eventBus = globalOptions.eventBus || new EventBus(); if (mountContainer) (0, vue.nextTick)(() => { const app = (0, vue.createApp)(VtToastContainer_default2, __spreadValues({}, globalOptions)); const component = app.mount(document.createElement("div")); const onMounted = globalOptions.onMounted; if (!isUndefined(onMounted)) onMounted(component, app); if (globalOptions.shareAppContext) { const baseApp = globalOptions.shareAppContext; if (baseApp === true) console.warn(`[${VT_NAMESPACE}] App to share context with was not provided.`); else { app._context.components = baseApp._context.components; app._context.directives = baseApp._context.directives; app._context.mixins = baseApp._context.mixins; app._context.provides = baseApp._context.provides; app.config.globalProperties = baseApp.config.globalProperties; } } }); const toast = (content, options) => { const props = Object.assign({}, { id: getId(), type: TYPE.DEFAULT }, options, { content }); events.emit(EVENTS.ADD, props); return props.id; }; toast.clear = () => events.emit(EVENTS.CLEAR, void 0); toast.updateDefaults = (update) => { events.emit(EVENTS.UPDATE_DEFAULTS, update); }; toast.dismiss = (id) => { events.emit(EVENTS.DISMISS, id); }; function updateToast(id, { content, options }, create = false) { const opt = Object.assign({}, options, { content }); events.emit(EVENTS.UPDATE, { id, options: opt, create }); } toast.update = updateToast; toast.success = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.SUCCESS })); toast.info = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.INFO })); toast.error = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.ERROR })); toast.warning = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.WARNING })); return toast; }; var createMockToastInterface = () => { const toast = () => console.warn(`[${VT_NAMESPACE}] This plugin does not support SSR!`); return new Proxy(toast, { get() { return toast; } }); }; function createToastInterface(optionsOrEventBus) { if (!isBrowser()) return createMockToastInterface(); if (isEventBusInterface(optionsOrEventBus)) return buildInterface({ eventBus: optionsOrEventBus }, false); return buildInterface(optionsOrEventBus, true); } var toastInjectionKey = Symbol("VueToastification"); var globalEventBus = new EventBus(); var VueToastificationPlugin = (App, options) => { if ((options == null ? void 0 : options.shareAppContext) === true) options.shareAppContext = App; const inter = createToastInterface(__spreadValues({ eventBus: globalEventBus }, options)); App.provide(toastInjectionKey, inter); }; var useToast = (eventBus) => { if (eventBus) return createToastInterface(eventBus); const toast = (0, vue.getCurrentInstance)() ? (0, vue.inject)(toastInjectionKey, void 0) : void 0; return toast ? toast : createToastInterface(globalEventBus); }; var src_default = VueToastificationPlugin; _css(".Vue-Toastification__container{z-index:9999;box-sizing:border-box;color:#fff;pointer-events:none;flex-direction:column;width:600px;min-height:100%;padding:4px;display:flex;position:fixed}@media only screen and (width>=600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{flex-direction:column-reverse;bottom:1em}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not ((-moz-appearance:none)){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not ((-moz-appearance:none)){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{margin-left:-300px;left:50%}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (width<=600px){.Vue-Toastification__container{width:100vw;margin:0;padding:0;left:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{flex-direction:column-reverse;bottom:0}}.Vue-Toastification__toast{box-sizing:border-box;pointer-events:auto;direction:ltr;border-radius:8px;justify-content:space-between;min-width:326px;max-width:600px;min-height:64px;max-height:800px;margin-bottom:1rem;padding:22px 24px;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{color:#fff;background-color:#1976d2}.Vue-Toastification__toast--info{color:#fff;background-color:#2196f3}.Vue-Toastification__toast--success{color:#fff;background-color:#4caf50}.Vue-Toastification__toast--error{color:#fff;background-color:#ff5252}.Vue-Toastification__toast--warning{color:#fff;background-color:#ffc107}@media only screen and (width<=600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{word-break:break-word;white-space:pre-wrap;flex:1;font-size:16px;line-height:24px}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{cursor:pointer;color:#fff;opacity:.3;background:0 0;border:none;outline:none;align-items:center;padding:0 0 0 10px;font-size:24px;font-weight:700;line-height:24px;transition:visibility,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{z-index:10000;transform-origin:0;background-color:#ffffffb3;width:100%;height:5px;animation:linear forwards scale-x-frames;position:absolute;bottom:0;left:0}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:100%}.Vue-Toastification__icon{background:0 0;border:none;outline:none;align-items:center;width:20px;height:100%;margin:auto 18px auto 0;padding:0;transition:all .3s}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(1000px)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)}to{opacity:0;transform:translate(-2000px)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes bounceOutUp{20%{transform:translateY(-10px)}40%,45%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translateY(10px)}40%,45%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@keyframes fadeOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@keyframes slideInBlurredLeft{0%{transform-origin:100%;filter:blur(40px);opacity:0;transform:translate(-1000px)scaleX(2.5)scaleY(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredTop{0%{transform-origin:50% 0;filter:blur(240px);opacity:0;transform:translateY(-1000px)scaleY(2.5)scaleX(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredRight{0%{transform-origin:0%;filter:blur(40px);opacity:0;transform:translate(1000px)scaleX(2.5)scaleY(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredBottom{0%{transform-origin:50% 100%;filter:blur(240px);opacity:0;transform:translateY(1000px)scaleY(2.5)scaleX(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes slideOutBlurredTop{0%{transform-origin:50% 0;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}to{transform-origin:50% 0;filter:blur(240px);opacity:0;transform:translateY(-1000px)scaleY(2)scaleX(.2)}}@keyframes slideOutBlurredBottom{0%{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}to{transform-origin:50% 100%;filter:blur(240px);opacity:0;transform:translateY(1000px)scaleY(2)scaleX(.2)}}@keyframes slideOutBlurredLeft{0%{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}to{transform-origin:100%;filter:blur(40px);opacity:0;transform:translate(-1000px)scaleX(2)scaleY(.2)}}@keyframes slideOutBlurredRight{0%{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}to{transform-origin:0%;filter:blur(40px);opacity:0;transform:translate(1000px)scaleX(2)scaleY(.2)}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}"); var _GM = typeof GM != "undefined" ? GM : void 0; var _GM_addStyle = typeof GM_addStyle != "undefined" ? GM_addStyle : void 0; var _GM_addValueChangeListener = typeof GM_addValueChangeListener != "undefined" ? GM_addValueChangeListener : void 0; var _GM_getValue = typeof GM_getValue != "undefined" ? GM_getValue : void 0; var _GM_setClipboard = typeof GM_setClipboard != "undefined" ? GM_setClipboard : void 0; var _GM_setValue = typeof GM_setValue != "undefined" ? GM_setValue : void 0; var _GM_xmlhttpRequest = typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0; var _unsafeWindow = typeof unsafeWindow != "undefined" ? unsafeWindow : void 0; var ArchiveDownloadMethod = function(ArchiveDownloadMethod) { ArchiveDownloadMethod["Manual"] = "Manual"; ArchiveDownloadMethod["HaH_Original"] = "download Original Resolution with H@H"; ArchiveDownloadMethod["HaH_2400"] = "download 2400x Resolution with H@H"; ArchiveDownloadMethod["Direct_Origin"] = "download Original Resolution directly"; ArchiveDownloadMethod["Direct_Resample"] = "download Resample Resolution directly"; return ArchiveDownloadMethod; }({}); var MouseButton = function(MouseButton) { MouseButton["Left"] = "left"; MouseButton["Right"] = "right"; return MouseButton; }({}); var GMVariable = class { _key; _value; constructor(key, defaultValue) { this._key = key; this._value = defaultValue; } get value() { return this._value; } set value(value) { this._value = value; _GM.setValue(this._key, this._value); } async initialize() { this._value = await _GM.getValue(this._key, this._value); } }; var infiniteScrollSwitch = (0, vue.reactive)(new GMVariable("InfiniteScroll", true)); var archiveButtonSwitch = (0, vue.reactive)(new GMVariable("archiveButton", true)); var highlightSwitch = (0, vue.reactive)(new GMVariable("Highlight", true)); var showHiddenGalleriesSwitch = (0, vue.reactive)(new GMVariable("ShowHiddenGalleries", false)); var scrollByRowSwitch = (0, vue.reactive)(new GMVariable("ScrollByRow", true)); var betterPopupSwitch = (0, vue.reactive)(new GMVariable("BetterPopup", true)); var quickArchiveDownloadMethod = (0, vue.reactive)(new GMVariable("QuickDownloadMethod", "Manual")); var quickTorrentDownloadSwitch = (0, vue.reactive)(new GMVariable("QuickTorrentDownload", false)); var loadAllGalleryImagesSwitch = (0, vue.reactive)(new GMVariable("LoadAllGalleryImages", true)); var multipageViewerEnhancerSwitch = (0, vue.reactive)(new GMVariable("MultipageViewerEnhancer", true)); var autoRedirectSwitch = (0, vue.reactive)(new GMVariable("AutoRedirect", false)); var preventImageRemovalSwitch = (0, vue.reactive)(new GMVariable("PreventImageRemoval", false)); var changePageByWheelAnyWhereSwitch = (0, vue.reactive)(new GMVariable("ChangePageByWheelAnyWhere", false)); var magnifierSwitch = (0, vue.reactive)(new GMVariable("Magnifier", true)); var magnifierActivationButton = (0, vue.reactive)(new GMVariable("MagnifierActivationButton", "left")); var magnifierToggleMode = (0, vue.reactive)(new GMVariable("MagnifierToggleMode", true)); var magnifierDefaultScale = (0, vue.reactive)(new GMVariable("MagnifierDefaultScale", 1.5)); var magnifierScaleStep = (0, vue.reactive)(new GMVariable("MagnifierScaleStep", .1)); var magnifierLongPressThreshold = (0, vue.reactive)(new GMVariable("MagnifierLongPressThreshold", 200)); var magnifierSensitivityX = (0, vue.reactive)(new GMVariable("MagnifierSensitivityX", 2)); var magnifierSensitivityY = (0, vue.reactive)(new GMVariable("MagnifierSensitivityY", 2)); var showJapaneseTitle = (0, vue.reactive)(new GMVariable("ShowJapaneseTitle", true)); async function initializeMonkeySwitches() { await Promise.all([ infiniteScrollSwitch.initialize(), archiveButtonSwitch.initialize(), highlightSwitch.initialize(), showHiddenGalleriesSwitch.initialize(), scrollByRowSwitch.initialize(), betterPopupSwitch.initialize(), quickArchiveDownloadMethod.initialize(), quickTorrentDownloadSwitch.initialize(), loadAllGalleryImagesSwitch.initialize(), multipageViewerEnhancerSwitch.initialize(), autoRedirectSwitch.initialize(), preventImageRemovalSwitch.initialize(), changePageByWheelAnyWhereSwitch.initialize(), magnifierSwitch.initialize(), magnifierActivationButton.initialize(), magnifierToggleMode.initialize(), magnifierDefaultScale.initialize(), magnifierScaleStep.initialize(), magnifierLongPressThreshold.initialize(), magnifierSensitivityX.initialize(), magnifierSensitivityY.initialize(), showJapaneseTitle.initialize() ]); } function delay(ms) { return new Promise((resolve) => setTimeout(resolve, ms)); } function getElement(selector, root = document) { return root.querySelector(selector); } function getElements(selector, root = document) { return root.querySelectorAll(selector); } async function getDoc(url, options) { const html = await (await fetch(url, options)).text(); return new DOMParser().parseFromString(html, "text/html"); } function scrollElement(element, { offset, absolute }) { if (offset) { element.scrollTop += offset; return; } if (absolute) element.scrollTop = absolute; } function isExHentai() { return _unsafeWindow.location.origin === "https://exhentai.org"; } function setWheelStep({ containerSelector, itemsSelector }) { const container = getElement(containerSelector); if (!container) { console.warn(`container not found. selector: ${containerSelector}`); return; } let firstItemOfRows = getFirstItemOfRows(itemsSelector, container); if (firstItemOfRows.length === 0) { console.warn(`item not found. selector: ${itemsSelector}`); return; } new MutationObserver(() => { firstItemOfRows = getFirstItemOfRows(itemsSelector, container); }).observe(container, { childList: true, characterData: true }); setContainerWheelEvent(); function setContainerWheelEvent() { if (!container) return; container.addEventListener("mousewheel", ((event) => { if (!firstItemOfRows) return; const firstVisibleItemIndex = firstItemOfRows.findIndex((item) => Math.floor(item.getBoundingClientRect().bottom) > 0); const firstVisibleItem = firstItemOfRows[firstVisibleItemIndex]; const boundingTop = Math.floor(firstVisibleItem.getBoundingClientRect().top); let nextIndex = firstVisibleItemIndex; if (Math.sign(event.deltaY) === 1 && boundingTop <= 0) nextIndex++; else if (Math.sign(event.deltaY) === -1 && boundingTop >= -1) nextIndex--; if (nextIndex >= 0 && nextIndex < firstItemOfRows.length) { event.preventDefault(); event.stopPropagation(); firstItemOfRows[nextIndex].scrollIntoView(); } })); } } function getFirstItemOfRows(selector, parent) { const item = getElement(selector, parent); if (!item) return []; if (parent.clientWidth === 0 || parent.clientWidth === 0) { console.warn(`container width is 0, do nothing. container: ${parent}`); return []; } if (item.clientWidth === 0) { console.warn(`item width is 0, do nothing. item: ${item}`); return []; } const firstItemOfRows = getElements(`${selector}:nth-child(${Math.floor(parent.clientWidth / item.clientWidth)}n + 1)`, parent); if (!firstItemOfRows) return []; return [...firstItemOfRows]; } var Logger = class { _feature; _featureStyle; _scope; _scopeStyle; constructor(feature, scope) { this._feature = feature; this._scope = scope; this._featureStyle = "background: #777; border-radius: 5px;"; this._scopeStyle = "background: #555; border-radius: 5px;"; } set scope(scope) { this._scope = scope; } get prefix() { let prefix = `%c ${this._feature} `; if (this._scope) prefix += `%c ${this._scope} `; return prefix; } get style() { const style = [this._featureStyle]; if (this._scope) style.push(this._scopeStyle); return style; } log(message) { console.log(this.prefix, ...this.style, message); } error(message, error) { console.error(this.prefix, ...this.style, message, error); } }; var LoggerScopeDecorator = class { _logger; constructor(baseLogger, scope) { this._logger = baseLogger; this._logger.scope = scope; } log(message) { this._logger.log(message); } error(message, error) { this._logger.error(message, error); } }; function getInfoDiv() { return getElement(".gm"); } function getArchiveLinkAnchor() { return getElement("#gd5 > p:nth-child(2) a"); } function getTorrentLinkAnchor() { return getElement("#gd5 > p:nth-child(3) a"); } function getFavoritesLinkAnchor() { return getElement("#favoritelink"); } function usePopups() { const archiveLinkAnchor = getArchiveLinkAnchor(); const torrentLinkAnchor = getTorrentLinkAnchor(); const torrentInnerHtml = (0, vue.ref)(""); const archiveInnerHtml = (0, vue.ref)(""); const favoriteInnerHtml = (0, vue.ref)(""); async function preloadLinks() { [archiveInnerHtml.value, torrentInnerHtml.value, favoriteInnerHtml.value] = await Promise.all([ fetchArchive(), fetchTorrents(), fetchFavorites() ]); } async function fetchTorrents() { const logger = new LoggerScopeDecorator(new Logger("Preload Links"), "Torrent"); logger.log("Start"); const link = getDownloadLink(torrentLinkAnchor); if (!link) { logger.error("link not found."); return ""; } const popupContent = getPopupContent(await getDoc(link), "#torrentinfo"); if (!popupContent) { logger.error("popup content not found."); return ""; } const listContainer = popupContent.querySelector(":scope > div:first-child"); if (listContainer) listContainer.style.height = "auto"; const uploadSection = popupContent.querySelector(":scope > div:last-child"); if (uploadSection) { uploadSection.style.margin = "0"; uploadSection.style.borderTop = "none"; } logger.log("End"); return popupContent.innerHTML; } async function fetchArchive(url) { const logger = new LoggerScopeDecorator(new Logger("Preload Links"), "Archive"); logger.log("Start"); const link = url || getDownloadLink(archiveLinkAnchor); if (!link) { logger.error("link not found."); return ""; } const popupContent = getPopupContent(await getDoc(link), "#db"); if (!popupContent) { logger.error("popup content not found."); return ""; } logger.log("End"); return popupContent.innerHTML; } async function fetchFavorites() { const logger = new LoggerScopeDecorator(new Logger("Preload Links"), "Favorites"); logger.log("Start"); const link = getFavoritesLink(); if (!link) { logger.error("link not found."); return ""; } const popupContent = getPopupContent(await getDoc(link), ".stuffbox"); if (!popupContent) { logger.error("popup content not found."); return ""; } logger.log("End"); return popupContent.innerHTML; } function getDownloadLink(linkElement) { const onClick = linkElement.getAttribute("onclick"); if (!onClick) return null; return onClick.match(/(https:\/\/\S+)',\d+,\d+/)?.[1]; } function getPopupContent(doc, selector) { const content = getElement(selector, doc); if (!content) return null; content.removeAttribute("style"); content.classList.add("popup"); return content; } function getFavoritesLink() { return `${location.origin}/gallerypopups.php?gid=${getGID()}&t=${getGalleryVersion()}&act=addfav`; } function getGID() { return location.pathname.split("/")[2]; } function getGalleryVersion() { return location.pathname.split("/")[3]; } return { torrentInnerHtml, archiveInnerHtml, favoriteInnerHtml, preloadLinks, fetchTorrents, fetchArchive, fetchFavorites, getDownloadLink, getPopupContent, getFavoritesLink, getGID, getGalleryVersion }; } function getAipUrl() { return isExHentai() ? "https://exhentai.org/api.php" : "https://api.e-hentai.org/api.php"; } function getGalleryMetadataBody(id, token) { return JSON.stringify({ method: "gdata", gidlist: [[id, token]], namespace: 1 }); } function getGalleryIDandToken(pathname) { const groups = pathname.match(/(mpv|g)\/(?<id>\d+)\/(?<token>\w+)/)?.groups; if (!groups) return { id: null, token: null }; return { id: Number(groups.id), token: groups.token }; } async function fetchGalleryData({ id, token }) { const apiURL = getAipUrl(); return fetch(apiURL, { method: "POST", body: getGalleryMetadataBody(id, token) }).then((response) => response.json()); } async function changeTitleToJapanese() { const { id, token } = getGalleryIDandToken(_unsafeWindow.location.pathname); if (!id || !token) return; const galleryData = await fetchGalleryData({ id, token }); if (galleryData) { const japaneseTitle = galleryData.gmetadata[0].title_jpn; if (japaneseTitle) document.title = japaneseTitle; } } async function getArchiveLink(url) { const { id, token } = getGalleryIDandToken(url); if (!id || !token) return; const galleryData = await fetchGalleryData({ id, token }); return `${_unsafeWindow.location.origin}/archiver.php?gid=${id}&token=${token}&or=${galleryData.gmetadata[0].archiver_key}`; } var DOWNLOADED_GALLERIES_KEY = "downloaded-galleries-ids"; function watchDownloadedGalleries() { _GM_addValueChangeListener(DOWNLOADED_GALLERIES_KEY, () => { highlightDownloadedGalleries(); }); } function highlightDownloadedGalleries() { const highlightColor = isExHentai() ? "black" : "#FFF9C4"; const downloadedGalleriesIDs = new Set(_GM_getValue(DOWNLOADED_GALLERIES_KEY, [])); const galleries = getElements(".gl1t"); if (!galleries) return; [...galleries].map((gallery) => { try { const id = Number(gallery.querySelector("a")?.href.split("/")[4]); if (downloadedGalleriesIDs.has(id)) return gallery; } catch { return null; } return null; }).filter((gallery) => !!gallery).forEach((gallery) => { gallery.style.backgroundColor = highlightColor; }); } function setAsDownloaded(galleryID) { if (!highlightSwitch.value) return; const downloadedGalleriesIDs = _GM_getValue(DOWNLOADED_GALLERIES_KEY) || []; downloadedGalleriesIDs.push(galleryID); _GM_setValue(DOWNLOADED_GALLERIES_KEY, [...new Set(downloadedGalleriesIDs)]); } function useArchive() { const toast = useToast(); function setHentaiAtHomeEvent() { const logger = new Logger("Hentai At Home Event"); const hentaiAtHomeLinks = getElements(".popup--archive table td a"); if (!hentaiAtHomeLinks?.length) { logger.error("hentai@Home Links not found."); return; } const postUrl = getElement("#hathdl_form")?.getAttribute("action"); if (!postUrl) { logger.error("postUrl not found."); return; } for (const link of hentaiAtHomeLinks) { const resolution = link.getAttribute("onclick")?.split("'")?.[1] || "org"; link.removeAttribute("onclick"); link.addEventListener("click", async (event) => { event.preventDefault(); link.classList.add("is-fetching"); const response = getElement("#db", await sendDownloadRequest(postUrl, resolution)); logger.log(response); const parsedResponse = parseResponse(response, logger); if (parsedResponse) { link.classList.remove("is-fetching"); if (/download has been queued/.test(parsedResponse)) { toast.success(parsedResponse); link.classList.add("is-finished"); } else toast.error(parsedResponse); } setAsDownloaded(Number(new URL(postUrl).searchParams.get("gid"))); }); } } async function sendDownloadRequest(postUrl, resolution) { const formData = new FormData(); formData.append("hathdl_xres", resolution); return await getDoc(postUrl, { method: "POST", body: formData }); } function parseResponse(response, logger) { if (!response) { logger.error("Failed to get response."); return null; } if (!response.innerHTML) { logger.error("Failed to get response innerHTML."); return null; } const result = response.innerHTML.match(/(?<=<p>)(.*?)(?=<\/p>)/g); if (!result) { logger.error("Failed to parse response."); return null; } return result.join("\n").replace(/<strong>#\d+<\/strong>/, ""); } function setDirectDownloadEvent() { const logger = new Logger("Archive Event"); const downloadButtons = getElements("form input[name=\"dlcheck\"]"); if (!downloadButtons) { logger.error("archive download buttons not found."); return; } for (const button of downloadButtons) button.addEventListener("click", async (event) => { event.preventDefault(); const form = button?.parentElement?.parentElement; if (!form) { logger.error("form not found."); return; } const url = form.getAttribute("action"); if (!url) { logger.error("url not found."); return; } const resolution = button.getAttribute("value"); button.parentElement.classList.add("is-fetching"); await sendDownloadRequest(url, resolution); button.parentElement.classList.remove("is-fetching"); setAsDownloaded(Number(new URL(url).searchParams.get("gid"))); }); async function sendDownloadRequest(url, resolution) { const html = await (await fetch(url, { method: "POST", body: resolution === "Download Original Archive" ? "dlcheck=Download Original Archive&dltype=org" : "dlcheck=Download Resample Archive&dltype=res", headers: new Headers({ "Content-Type": "application/x-www-form-urlencoded" }) })).text(); if (!html.includes("Locating archive server and preparing file for download...")) { toast.error("something went wrong. Open your console to see the response"); console.warn("Download failed, response HTML:", html); return; } const matches = html.match(/document\.location = "(.*)"/); if (!matches || matches?.length !== 2) { toast.error("something went wrong. Open your console to see the response"); console.warn("Download failed, response HTML:", html); return; } const downloadLink = `${matches[1]}?start=1`; window.location.href = downloadLink; } } const { archiveInnerHtml } = usePopups(); function setCancelArchiveEvent() { const logger = new Logger("Archive Event"); const invalidateForm = getElement("#invalidate_form"); if (!invalidateForm) { logger.log("no unlocked archive to invalidate."); return; } const cancelButton = invalidateForm?.nextElementSibling?.children?.[2]; if (!cancelButton || cancelButton.innerHTML !== "cancel") { logger.log("no unlocked archive to invalidate."); return; } cancelButton.removeAttribute("onclick"); cancelButton.addEventListener("click", (event) => { event.preventDefault(); cancelButton.innerHTML = "canceling..."; const url = invalidateForm.getAttribute("action"); fetch(url, { method: "POST", body: "invalidate_sessions=1", headers: new Headers({ "Content-Type": "application/x-www-form-urlencoded" }) }).then((res) => res.text()).then((text) => { archiveInnerHtml.value = getElement("#db", new DOMParser().parseFromString(text, "text/html"))?.innerHTML; setTimeout(() => { setDirectDownloadEvent(); }, 0); }); }); } function quickDownload(popup) { function getHaHDownloadLinkElement(downloadMethod) { const index = { [ArchiveDownloadMethod.HaH_Original]: 6, [ArchiveDownloadMethod.HaH_2400]: 5 }[downloadMethod]; return getElement(`td:nth-child(${index}) > p > a`, popup.value); } switch (quickArchiveDownloadMethod.value) { case ArchiveDownloadMethod.HaH_Original: case ArchiveDownloadMethod.HaH_2400: { const downloadLinkElement = getHaHDownloadLinkElement(quickArchiveDownloadMethod.value); if (downloadLinkElement) downloadLinkElement.click(); else { toast.warning(`Failed ${quickArchiveDownloadMethod.value}. The link might not exists.\n Open popup`); return false; } break; } case ArchiveDownloadMethod.Direct_Origin: getElement("input[value=\"Download Original Archive\"]", popup.value).click(); break; case ArchiveDownloadMethod.Direct_Resample: getElement("input[value=\"Download Resample Archive\"]", popup.value).click(); break; } return true; } return { setHentaiAtHomeEvent, setDirectDownloadEvent, setCancelArchiveEvent, quickDownload }; } var HIDDEN_GALLERIES_KEY = "hidden-galleries-titles"; var hiddenTitles = new Set(_GM_getValue(HIDDEN_GALLERIES_KEY, [])); function getGalleryTitle(gallery) { return gallery.querySelector(".gl4t.glname")?.textContent?.trim() || null; } function isGalleryHidden(title) { return hiddenTitles.has(title); } function setGalleryHidden(title, hidden) { if (hidden) hiddenTitles.add(title); else hiddenTitles.delete(title); _GM_setValue(HIDDEN_GALLERIES_KEY, [...hiddenTitles]); } function removeHiddenGalleries() { if (showHiddenGalleriesSwitch.value) return; const galleries = getElements(".gl1t"); if (!galleries) return; for (const gallery of [...galleries]) { const title = getGalleryTitle(gallery); if (title !== null && hiddenTitles.has(title)) gallery.remove(); } } function watchHiddenGalleries(callback) { _GM_addValueChangeListener(HIDDEN_GALLERIES_KEY, (_, __, nextValue) => { hiddenTitles = new Set(nextValue); callback(); }); } var _hoisted_1$7 = ["innerHTML"]; var GalleriesEnhancer_default = (0, vue.defineComponent)({ __name: "GalleriesEnhancer", setup(__props) { if (scrollByRowSwitch.value) setWheelStep({ containerSelector: ".itg.gld", itemsSelector: ".gl1t" }); if (infiniteScrollSwitch.value) useInfiniteScroll(); function useInfiniteScroll() { const galleryContainer = getElement(".itg.gld"); const bottomPagination = getElements(".searchnav")?.[1]; let nextPageUrl = getElement("#dnext")?.getAttribute("href"); let isFetching = false; const intersectionObserver = new IntersectionObserver(async ([bottomPagination]) => { if (!bottomPagination.isIntersecting || isFetching) return; if (!nextPageUrl) return; isFetching = true; galleryContainer?.classList.add("is-fetching"); const doc = await getDoc(nextPageUrl); const galleriesOfNextPage = getElements(".itg.gld > .gl1t", doc); if (!galleriesOfNextPage) return; galleryContainer?.append(...galleriesOfNextPage); isFetching = false; galleryContainer?.classList.remove("is-fetching"); nextPageUrl = getElement("#dnext", doc)?.getAttribute("href"); history.pushState(void 0, doc.title, nextPageUrl); }); if (bottomPagination) intersectionObserver.observe(bottomPagination); } const { archiveInnerHtml, fetchArchive } = usePopups(); const archivePopup = (0, vue.ref)(); const activeButton = (0, vue.ref)(); function setHideButtonState(button, isHidden) { button.classList.toggle("is-hidden", isHidden); button.title = isHidden ? "Unhide gallery" : "Hide gallery"; } function appendHideButtons() { getElements(".gl1t")?.forEach((gallery) => { const title = getGalleryTitle(gallery); if (title === null) return; const existing = getElement(".hide-button", gallery); if (existing) { setHideButtonState(existing, isGalleryHidden(title)); return; } const button = document.createElement("span"); button.classList.add("hide-button"); button.textContent = "🚫"; setHideButtonState(button, isGalleryHidden(title)); button.onclick = (e) => { e.preventDefault(); e.stopPropagation(); const nextHidden = !isGalleryHidden(title); setGalleryHidden(title, nextHidden); setHideButtonState(button, nextHidden); }; const archiveBtn = getElement(".archive-button", gallery); const downloadDiv = getElement(".gldown", gallery); if (archiveBtn) archiveBtn.after(button); else downloadDiv?.appendChild(button); }); } function syncGalleriesEnhancerFeatures() { removeHiddenGalleries(); appendHideButtons(); if (archiveButtonSwitch.value) appendArchiveButtons(); if (highlightSwitch.value) highlightDownloadedGalleries(); } async function appendArchiveButtons() { getElements(".gl1t")?.forEach((gallery) => { if (getElement(".archive-button", gallery)) return; const button = document.createElement("span"); button.classList.add("archive-button"); button.textContent = "A"; button.title = "Show Archive"; button.onclick = async () => { isArchivePopupShow.value = !isArchivePopupShow.value; archiveInnerHtml.value = "Fetching..."; activeButton.value = button; archiveInnerHtml.value = await fetchArchive(await getArchiveLink(getElement("a", gallery).href)); setTimeout(() => { setArchiveEvent(); }, 0); }; getElement(".gldown", gallery)?.appendChild(button); }); } const borderRect = useElementBounding(getElement(".itg.gld")); const popupRect = useElementBounding(archivePopup); const targetRect = useElementBounding(activeButton); const archivePopupPosition = (0, vue.computed)(() => { const top = Math.min(targetRect.bottom.value + 5, borderRect.bottom.value - popupRect.height.value); let left = targetRect.left.value - popupRect.width.value / 2; const right = left + popupRect.width.value; if (left < borderRect.left.value) left = borderRect.left.value; else if (right > borderRect.right.value) left = borderRect.right.value - popupRect.width.value; return { top: `${top}px`, left: `${left}px`, marginRight: "-9999px" }; }); syncGalleriesEnhancerFeatures(); const galleryContainer = getElement(".itg.gld"); if (galleryContainer) new MutationObserver(() => { syncGalleriesEnhancerFeatures(); }).observe(galleryContainer, { childList: true }); watchHiddenGalleries(() => { syncGalleriesEnhancerFeatures(); }); const modalOptions = (0, vue.ref)({ teleportTo: ".enhancer-container", displayDirective: "show", hideOverlay: true, contentTransition: "vfm-fade", lockScroll: false }); const isArchivePopupShow = (0, vue.ref)(false); const { setHentaiAtHomeEvent, setDirectDownloadEvent, setCancelArchiveEvent, quickDownload } = useArchive(); const isQuickDownload = (0, vue.computed)(() => quickArchiveDownloadMethod.value !== ArchiveDownloadMethod.Manual); function setArchiveEvent() { setHentaiAtHomeEvent(); setDirectDownloadEvent(); setCancelArchiveEvent(); if (isQuickDownload.value) { if (!quickDownload(archivePopup)) isArchivePopupShow.value = true; } } if (highlightSwitch.value) watchDownloadedGalleries(); return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(Ro), (0, vue.mergeProps)({ modelValue: isArchivePopupShow.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isArchivePopupShow.value = $event) }, modalOptions.value), { default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { ref_key: "archivePopup", ref: archivePopup, class: "popup popup--archive", style: (0, vue.normalizeStyle)(archivePopupPosition.value), innerHTML: (0, vue.unref)(archiveInnerHtml) }, null, 12, _hoisted_1$7)]), _: 1 }, 16, ["modelValue"]); }; } }); var baseLogger = new Logger("Images"); async function fetchAllImages({ delayInMs = 3e3 }) { const logger = new LoggerScopeDecorator(baseLogger, "Fetch All"); if (!isFirstPage()) { logger.log("Not first page, do nothing"); return; } logger.log("Start"); const pageUrls = getPageUrls(); if (!pageUrls) { logger.error("Page URLs not found."); return; } if (pageUrls.length === 0) { logger.log("Only one page, do nothing"); return; } for (const url of pageUrls) try { await delay(delayInMs); logger.log(`fetching ${url}`); const imageElements = getImageElements(await getDoc(url)); if (!imageElements) return; appendImages(imageElements); } catch (error) { if (error instanceof Error) logger.error(`fetch ${url} failed`, error); } logger.log("Done"); function isFirstPage() { return getElement(".ptds")?.innerText === "1"; } function getImageElements(doc) { return getElements("#gdt > a", doc); } function getPageUrls() { const lastPageElement = getElement(".ptt td:nth-last-child(2) a"); if (!lastPageElement) { logger.error("Get last page element failed"); return; } const pageCount = Number(lastPageElement.innerText); if (pageCount === 1) return []; const { href } = window.location; return Array(pageCount - 1).fill("").map((_, index) => `${href}?p=${index + 1}`); } function appendImages(elements) { getElement("#gdt")?.append(...elements); } } function useFavorite(favoriteInnerHtml) { const { fetchFavorites, getFavoritesLink } = usePopups(); function setRequestEvents(target, popup, isPopupShow) { (popup.value?.querySelector("[type=submit]"))?.addEventListener("click", async (event) => { event.preventDefault(); const favoriteCategory = getElement("[name=favcat]:checked")?.value; await setFavorite(favoriteCategory); }); const categoryOptions = popup.value?.querySelectorAll("#galpop .nosel > div"); if (categoryOptions?.length) for (const option of categoryOptions) option.addEventListener("dblclick", async (event) => { event.preventDefault(); const category = option.querySelector("[name=favcat]")?.value; await setFavorite(category); }); _unsafeWindow.clicked_fav = () => null; async function setFavorite(category) { const formData = new FormData(); const favoriteNote = getElement("[name=favnote]")?.value; const apply = category === "favdel" ? "Apply Changes" : "Add to Favorites"; formData.append("favcat", category); formData.append("favnote", favoriteNote); formData.append("apply", apply); formData.append("update", "1"); const script = ((await (await fetch(getFavoritesLink(), { method: "POST", body: formData })).text()).match(/(if\(window\.opener\.document\.getElementById\("favoritelink"\)).*/)?.[0])?.replaceAll(".opener", ""); Function(script)(); isPopupShow.value = false; favoriteInnerHtml.value = await fetchFavorites(); await (0, vue.nextTick)(); setRequestEvents(target, popup, isPopupShow); } } return { setRequestEvents }; } function useTorrent(torrentInnerHtml) { function downloadTorrent(popup) { getElement("a", popup.value)?.click(); } function extractMagnetLink(href) { const match = href.match(/([0-9a-f]{40})/i); if (!match) return null; return `magnet:?xt=urn:btih:${match[1]}`; } function addMagnetCopyButtons(popup) { if (!popup.value) return; popup.value.querySelectorAll("form table").forEach((table) => { if (table.querySelector("[data-magnet-button]")) return; const link = table.querySelector("a"); if (!link?.href) return; const magnet = extractMagnetLink(link.href); if (!magnet) return; const insertionPoint = table.querySelector("input[type=\"submit\"], button[type=\"submit\"]"); if (!insertionPoint) return; const button = document.createElement("input"); button.type = "button"; button.value = "Copy Magnet"; button.dataset.magnetButton = "true"; button.style.marginBottom = "4px"; button.onclick = async () => { _GM_setClipboard(magnet, "text"); button.value = "✅ Copied"; button.disabled = true; setTimeout(() => { button.disabled = false; button.value = "Copy Magnet"; }, 1e3); }; insertionPoint.parentNode?.insertBefore(button, insertionPoint); }); } function setTorrentPopupEvents(popup, onContentChanged) { if (!popup.value) return; const logger = new Logger("Torrent Popup Events"); let cachedHtml = ""; bindListFormEvents(); async function fetchAndUpdate(url, params) { const html = processInfoResponse(await getDoc(url, { method: "POST", body: params })); if (!html) { logger.error("content not found in response."); return false; } torrentInnerHtml.value = html; return true; } function buildParams(form, submitter) { const params = new URLSearchParams(); new FormData(form).forEach((value, key) => { params.append(key, value); }); if (submitter instanceof HTMLInputElement || submitter instanceof HTMLButtonElement) params.append(submitter.name, submitter.value); return params; } function processInfoResponse(doc) { const content = getElement("#torrentinfo", doc) || getElement(".stuffbox", doc); if (!content) return null; content.removeAttribute("style"); const styles = doc.querySelectorAll("head style"); let styleHtml = ""; styles.forEach((style) => { styleHtml += style.outerHTML; }); return styleHtml + content.innerHTML; } function bindListFormEvents() { if (!popup.value) return; popup.value.querySelectorAll("form").forEach((form) => { if (form.enctype === "multipart/form-data") { form.target = "_blank"; return; } form.addEventListener("submit", async (event) => { event.preventDefault(); const submitter = event.submitter; if (!submitter) return; const url = form.getAttribute("action"); if (!url) { logger.error("form action not found."); return; } cachedHtml = torrentInnerHtml.value; try { if (await fetchAndUpdate(url, buildParams(form, submitter))) { await (0, vue.nextTick)(); bindInfoPageEvents(); } else cachedHtml = ""; } catch (error) { if (error instanceof Error) logger.error("failed to fetch torrent info.", error); cachedHtml = ""; } }); }); } function bindInfoPageEvents() { if (!popup.value) return; popup.value.querySelectorAll("form:not(#expungeform)").forEach((form) => { form.addEventListener("submit", async (event) => { event.preventDefault(); const submitter = event.submitter; if (submitter instanceof HTMLInputElement && submitter.name === "list") { const html = cachedHtml; cachedHtml = ""; torrentInnerHtml.value = html; await (0, vue.nextTick)(); onContentChanged(); bindListFormEvents(); return; } const url = form.getAttribute("action"); if (!url) return; if (await fetchAndUpdate(url, buildParams(form, submitter))) { await (0, vue.nextTick)(); bindInfoPageEvents(); } }); }); const expungeLink = popup.value.querySelector("[onclick*=\"expungeform\"]"); if (expungeLink) { const message = expungeLink.textContent?.includes("Delete") ? "Are you sure you wish to delete this torrent? This action cannot be undone." : "Are you sure you wish to expunge this torrent? This action cannot be undone."; expungeLink.removeAttribute("onclick"); expungeLink.addEventListener("click", async (event) => { event.preventDefault(); if (!confirm(message)) return; const form = popup.value?.querySelector("#expungeform"); const url = form?.getAttribute("action"); if (!form || !url) return; if (await fetchAndUpdate(url, buildParams(form))) { await (0, vue.nextTick)(); bindInfoPageEvents(); } }); } } } return { downloadTorrent, extractMagnetLink, addMagnetCopyButtons, setTorrentPopupEvents }; } function usePositions() { const archiveLinkRect = useElementBounding(getArchiveLinkAnchor()); const torrentLinkRect = useElementBounding(getTorrentLinkAnchor()); const favoriteLinkRect = useElementBounding(getFavoritesLinkAnchor()); function getDownloadPopupRight() { return (document.documentElement.clientWidth - getInfoDiv().clientWidth) / 2; } return { archive: (0, vue.computed)(() => ({ top: `${archiveLinkRect.bottom.value + 5}px`, right: `${getDownloadPopupRight()}px` })), torrent: (0, vue.computed)(() => ({ top: `${torrentLinkRect.bottom.value + 5}px`, right: `${getDownloadPopupRight()}px` })), favorite: (0, vue.computed)(() => ({ top: `${favoriteLinkRect.bottom.value + 5}px`, right: `${favoriteLinkRect.left.value}px` })) }; } var _hoisted_1$6 = ["innerHTML"]; var _hoisted_2$3 = ["innerHTML"]; var _hoisted_3$2 = ["innerHTML"]; var GalleryEnhancer_default = (0, vue.defineComponent)({ __name: "GalleryEnhancer", async setup(__props) { let __temp, __restore; if (loadAllGalleryImagesSwitch.value) fetchAllImages({ delayInMs: 1e3 }); if (scrollByRowSwitch.value) setWheelStep({ containerSelector: "#gdt", itemsSelector: "a" }); const modalOptions = (0, vue.ref)({ teleportTo: ".enhancer-container", displayDirective: "show", hideOverlay: true, contentTransition: "vfm-fade", lockScroll: false }); const archiveLinkAnchor = getArchiveLinkAnchor(); const torrentLinkAnchor = getTorrentLinkAnchor(); const favoritesLinkAnchor = getFavoritesLinkAnchor(); const archivePopup = (0, vue.ref)(); const torrentPopup = (0, vue.ref)(); const favoritePopup = (0, vue.ref)(); const { archiveInnerHtml, torrentInnerHtml, favoriteInnerHtml, preloadLinks } = usePopups(); const isArchivePopupShow = (0, vue.ref)(false); const isTorrentPopupShow = (0, vue.ref)(false); const isFavoritePopupShow = (0, vue.ref)(false); const { archive: archivePosition, torrent: torrentPosition, favorite: favoritePosition } = usePositions(); const { setHentaiAtHomeEvent, setDirectDownloadEvent, setCancelArchiveEvent, quickDownload } = useArchive(); const { downloadTorrent, addMagnetCopyButtons, setTorrentPopupEvents } = useTorrent(torrentInnerHtml); const { setRequestEvents } = useFavorite(favoriteInnerHtml); if (betterPopupSwitch.value) { [__temp, __restore] = (0, vue.withAsyncContext)(() => preloadLinks()), await __temp, __restore(); setTimeout(() => { setArchiveClickEvent(); setTorrentClickEvent(); setFavoriteClickEvent(); }, 0); } const isQuickDownload = (0, vue.computed)(() => quickArchiveDownloadMethod.value !== ArchiveDownloadMethod.Manual); function setArchiveClickEvent() { setHentaiAtHomeEvent(); setDirectDownloadEvent(); setCancelArchiveEvent(); archiveLinkAnchor.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); if (isQuickDownload.value) { if (!quickDownload(archivePopup)) isArchivePopupShow.value = true; } else isArchivePopupShow.value = !isArchivePopupShow.value; }); setReady(archiveLinkAnchor); } function setupTorrentPopupContent() { addMagnetCopyButtons(torrentPopup); const torrentDownloadLinks = getElements("a", torrentPopup.value); if (torrentDownloadLinks?.length) torrentDownloadLinks.forEach((link) => { link.addEventListener("click", () => { setAsDownloaded(_unsafeWindow.gid); }); }); } function setTorrentClickEvent() { setRequestEvents(archiveLinkAnchor, favoritePopup, isFavoritePopupShow); const isOnlyOneTorrent = torrentLinkAnchor.innerText.endsWith("(1)"); setupTorrentPopupContent(); setTorrentPopupEvents(torrentPopup, setupTorrentPopupContent); torrentLinkAnchor.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); if (quickTorrentDownloadSwitch.value && isOnlyOneTorrent) downloadTorrent(torrentPopup); else isTorrentPopupShow.value = !isTorrentPopupShow.value; }); setReady(torrentLinkAnchor); } function setFavoriteClickEvent() { favoritesLinkAnchor.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); isFavoritePopupShow.value = !isFavoritePopupShow.value; }); setReady(favoritesLinkAnchor); } function setReady(element) { element.removeAttribute("onclick"); element.classList.add("is-ready"); } (0, vue.onMounted)(() => { _unsafeWindow.pop_ren = Function("popUp(popbase + \"rename\", window.innerWidth * 2 / 3, window.innerHeight * 2 / 3);"); }); return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [ (0, vue.createVNode)((0, vue.unref)(Ro), (0, vue.mergeProps)({ modelValue: isArchivePopupShow.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isArchivePopupShow.value = $event) }, modalOptions.value), { default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { ref_key: "archivePopup", ref: archivePopup, class: "popup popup--archive", style: (0, vue.normalizeStyle)((0, vue.unref)(archivePosition)), innerHTML: (0, vue.unref)(archiveInnerHtml) }, null, 12, _hoisted_1$6)]), _: 1 }, 16, ["modelValue"]), (0, vue.createVNode)((0, vue.unref)(Ro), (0, vue.mergeProps)({ modelValue: isTorrentPopupShow.value, "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isTorrentPopupShow.value = $event) }, modalOptions.value), { default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { ref_key: "torrentPopup", ref: torrentPopup, class: "popup popup--torrent", style: (0, vue.normalizeStyle)((0, vue.unref)(torrentPosition)), innerHTML: (0, vue.unref)(torrentInnerHtml) }, null, 12, _hoisted_2$3)]), _: 1 }, 16, ["modelValue"]), (0, vue.createVNode)((0, vue.unref)(Ro), (0, vue.mergeProps)({ modelValue: isFavoritePopupShow.value, "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isFavoritePopupShow.value = $event) }, modalOptions.value), { default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { ref_key: "favoritePopup", ref: favoritePopup, class: "popup", style: (0, vue.normalizeStyle)((0, vue.unref)(favoritePosition)), innerHTML: (0, vue.unref)(favoriteInnerHtml) }, null, 12, _hoisted_3$2)]), _: 1 }, 16, ["modelValue"]) ], 64); }; } }); function getPaneOuterDiv() { return getElement("#pane_outer"); } function getPaneImagesDiv() { return getElement("#pane_images"); } function getPaneThumbsDiv() { return getElement("#pane_thumbs"); } var usePages = createSharedComposable(_usePages); function _usePages() { const paneImagesDiv = getPaneImagesDiv(); const location = useBrowserLocation(); const currentPage = (0, vue.ref)(Number(location.value.hash?.replace("#page", "")) || 1); const pageCount = _unsafeWindow.pagecount; function appendPageIndex() { const imageContainers = getElements(".mimg"); const pageCount = imageContainers.length; const mutationObserver = new MutationObserver(([mutation]) => { const target = mutation.target; const index = target.id.split("image_")[1]; const captionElement = getElement(".mbar > *:nth-child(3)", target); const captionText = captionElement?.innerText; if (!captionText || captionText?.includes(" ／ ")) return; captionElement.innerText = `${captionText} - ${index} ／ ${pageCount}`; }); const config = { attributes: true }; imageContainers.forEach((container) => { mutationObserver.observe(container, config); }); } function goToNextPage() { goToPageByOffset(1); } function goToPrevPage() { goToPageByOffset(-1); } function goToCurrentPage() { goToPage(currentPage.value); } function goToPageByOffset(offset) { let index = currentPage.value + offset; index = Math.min(index, pageCount); index = Math.max(index, 1); goToPage(index); } function goToPage(index) { currentPage.value = index; getElement(`#image_${index}`).scrollIntoView(); } function scrollToImageTop() { getCurrentImage().scrollIntoView(); } function scrollToRelativePosition(relativeToViewport) { const currentImage = getCurrentImage(); const { height: imageHeight } = currentImage.getBoundingClientRect(); const top = currentImage.offsetTop + relativeToViewport * imageHeight - window.innerHeight / 2 - 1; paneImagesDiv.scrollTo({ top }); } function getRelativeToViewport() { const currentImage = getCurrentImage(); if (!currentImage) return null; const { top: imageTop, height: imageHeight } = currentImage.getBoundingClientRect(); return 1 - (imageHeight - 1 + imageTop - window.innerHeight / 2) / imageHeight; } function scrollToProperPosition(relativeToViewport, currentSize) { const currentImage = getCurrentImage(); if (currentSize === 100) scrollToImageTop(); else scrollToRelativePosition(relativeToViewport); if (currentImage.getBoundingClientRect().top > 1) scrollToImageTop(); } function changePageOnWheel(event) { if (event.deltaY < 0) goToPrevPage(); else goToNextPage(); } function setPreloadImagesEvent() { paneImagesDiv.onscroll = () => { _unsafeWindow.preload_scroll_images(); }; } function getCurrentImage() { return getElement(`img[id^=imgsrc_${currentPage.value}]`); } function syncCurrentImageOnScroll() { const imageContainers = getElements(".mimg"); let firstIntersectingIndex = 1; const observer = new IntersectionObserver((entries) => { firstIntersectingIndex = Number(entries[0].target.id.replace("image_", "")); }); imageContainers.forEach((container) => { observer.observe(container); }); paneImagesDiv.addEventListener("scroll", () => { const visibleImageContainers = []; for (let index = Math.max(firstIntersectingIndex - 1, 1); index < imageContainers.length; index++) { const percentage = getVisiblePercentageInViewport(imageContainers[index - 1]); if (percentage > 0) visibleImageContainers.push({ index, percentage, element: imageContainers[index] }); } if (visibleImageContainers.length === 0) return; else if (visibleImageContainers.length === 1) currentPage.value = visibleImageContainers[0].index; else { visibleImageContainers.sort((elem1, elem2) => elem2.percentage - elem1.percentage); const [largest, secondLargest] = visibleImageContainers; if (largest.percentage / secondLargest.percentage >= 2) currentPage.value = largest.index; } }); } function getVisiblePercentageInViewport(element) { const viewportHeight = window.innerHeight; const { top, bottom } = element.getBoundingClientRect(); if (top > viewportHeight || bottom < 0) return 0; return (Math.min(viewportHeight, bottom) - Math.max(top, 0)) / viewportHeight; } return { appendPageIndex, pageCount, currentPage, getCurrentImage, goToNextPage, goToPrevPage, goToPageByOffset, goToPage, goToCurrentPage, scrollToImageTop, scrollToRelativePosition, getRelativeToViewport, scrollToProperPosition, changePageOnWheel, syncCurrentImageOnScroll, setPreloadImagesEvent }; } function debounce(func, debounceMs, { signal, edges } = {}) { let pendingThis = void 0; let pendingArgs = null; const leading = edges != null && edges.includes("leading"); const trailing = edges == null || edges.includes("trailing"); const invoke = () => { if (pendingArgs !== null) { func.apply(pendingThis, pendingArgs); pendingThis = void 0; pendingArgs = null; } }; const onTimerEnd = () => { if (trailing) invoke(); cancel(); }; let timeoutId = null; const schedule = () => { if (timeoutId != null) clearTimeout(timeoutId); timeoutId = setTimeout(() => { timeoutId = null; onTimerEnd(); }, debounceMs); }; const cancelTimer = () => { if (timeoutId !== null) { clearTimeout(timeoutId); timeoutId = null; } }; const cancel = () => { cancelTimer(); pendingThis = void 0; pendingArgs = null; }; const flush = () => { invoke(); }; const debounced = function(...args) { if (signal?.aborted) return; pendingThis = this; pendingArgs = args; const isFirstCall = timeoutId == null; schedule(); if (leading && isFirstCall) invoke(); }; debounced.schedule = schedule; debounced.cancel = cancel; debounced.flush = flush; signal?.addEventListener("abort", cancel, { once: true }); return debounced; } var useEvents = createSharedComposable(_useEvents); function _useEvents() { const { pageCount, currentPage, getCurrentImage, goToPage, goToPageByOffset, goToNextPage, goToPrevPage, getRelativeToViewport, scrollToProperPosition } = usePages(); const paneImagesDiv = getPaneImagesDiv(); const paneThumbsDiv = getPaneThumbsDiv(); function setKeyBoardEvent() { document.onkeydown = null; window.addEventListener("keydown", async (event) => { if (event.ctrlKey) switch (event.code) { case "ArrowLeft": goToPageByOffset(-10); break; case "ArrowRight": goToPageByOffset(10); break; } else { const currentImage = getCurrentImage(); switch (event.code) { case "Numpad8": if (currentImage) scrollElement(paneImagesDiv, { absolute: currentImage.offsetTop }); break; case "Numpad5": if (currentImage) scrollElement(paneImagesDiv, { absolute: currentImage.offsetTop + (currentImage.offsetHeight - window.innerHeight) / 2 }); break; case "Numpad2": if (currentImage) scrollElement(paneImagesDiv, { absolute: currentImage.offsetTop + currentImage.offsetHeight - window.innerHeight }); break; case "ArrowUp": scrollElement(paneImagesDiv, { offset: -50 }); break; case "ArrowDown": scrollElement(paneImagesDiv, { offset: 50 }); break; case "ArrowLeft": case "Numpad1": case "Numpad4": goToPrevPage(); break; case "Backspace": event.preventDefault(); goToPrevPage(); break; case "ArrowRight": case "Numpad3": case "Numpad6": case "Space": goToNextPage(); break; case "PageUp": goToPageByOffset(-10); break; case "PageDown": goToPageByOffset(10); break; case "Home": goToPage(1); break; case "End": goToPage(pageCount); break; case "KeyF": case "Enter": toggleFullScreen(); break; case "KeyR": _unsafeWindow.action_reload(currentPage.value); break; case "Numpad7": rotate(-90); break; case "Numpad9": rotate(90); break; } } }); } function setClickEvent() { setChangePageClickEvent(); setFullscreenToggleEvent(); setThumbsClickEvent(); function setChangePageClickEvent() { const config = { click: goToNextPage, contextmenu: goToPrevPage }; for (const [event, action] of Object.entries(config)) paneImagesDiv.addEventListener(event, (event) => { if (event.target.closest(".mbar")) return; event.preventDefault(); event.stopPropagation(); action(); hideCursor(event); }); } function setFullscreenToggleEvent() { document.body.addEventListener("mousedown", (event) => { if (event.button !== 1) return; if (event.target.closest(".original-functions")) return; document.body.addEventListener("mouseup", () => { toggleFullScreen(); }, { once: true }); }); } function setThumbsClickEvent() { paneThumbsDiv.addEventListener("click", (event) => { currentPage.value = Number(event.target.closest("div")?.id.replace("thumb_", "")); }); } } function setShowCursorEvent() { document.body.addEventListener("mousemove", (event) => { if (!checkMouseDelta(event)) return; showCursor(); }); } function setHideCursorEvent() { document.body.addEventListener("mousewheel", (event) => { hideCursor(event); }, true); const debouncedHideCursor = debounce(hideCursor, 1e3); document.body.addEventListener("mousemove", (event) => { debouncedHideCursor(event); }, true); } const prevMousePoint = { x: 0, y: 0 }; function checkMouseDelta({ clientX, clientY }) { const threshold = 50; return Math.abs(clientX - prevMousePoint.x) >= threshold || Math.abs(clientY - prevMousePoint.y) >= threshold; } function showCursor() { document.body.classList.remove("hide-cursor"); } function hideCursor({ clientX, clientY }) { prevMousePoint.x = clientX; prevMousePoint.y = clientY; document.body.classList.add("hide-cursor"); } function setShowThumbsEvent() { document.addEventListener("mousemove", (event) => { const shouldShowThumbs = event.clientX < paneThumbsDiv.offsetWidth + 15; paneThumbsDiv.style.opacity = shouldShowThumbs ? "1" : "0"; }); } const { toggle } = useFullscreen(document.body); async function toggleFullScreen() { const relativeToViewport = getRelativeToViewport(); const page = currentPage.value; document.body.addEventListener("reflow", () => { if (relativeToViewport) setTimeout(() => { goToPage(page); setTimeout(() => { scrollToProperPosition(relativeToViewport); }, 0); }, 100); }, { once: true }); await toggle(); } function setReflowTrigger() { new ResizeObserver((entries) => { for (const entry of entries) requestAnimationFrame(() => { requestAnimationFrame(() => { entry.target?.dispatchEvent(new CustomEvent("reflow")); }); }); }).observe(document.body); } function rotate(degree) { const currentImage = getCurrentImage(); const newDegree = (Number(currentImage.style.rotate.replace("deg", "")) + degree) % 360; currentImage.style.rotate = `${newDegree}deg`; if (newDegree % 180 === 0) currentImage.style.scale = "initial"; else { const { width, height } = currentImage.getBoundingClientRect(); currentImage.style.scale = (width / height).toString(); } } return { setKeyBoardEvent, setClickEvent, setShowCursorEvent, setHideCursorEvent, setShowThumbsEvent, setReflowTrigger }; } var _hoisted_1$5 = { class: "page-elevator" }; var _hoisted_2$2 = ["value"]; var _hoisted_3$1 = ["textContent"]; var PageElevator_vue_vue_type_script_setup_true_lang_default = (0, vue.defineComponent)({ __name: "PageElevator", setup(__props) { const { pageCount, currentPage, goToPage } = usePages(); return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$5, [ (0, vue.createElementVNode)("input", { type: "text", class: "page-elevator__input", value: (0, vue.unref)(currentPage), onKeydown: [_cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["stop"])), _cache[1] || (_cache[1] = (0, vue.withKeys)(($event) => (0, vue.unref)(goToPage)(Number($event.target.value)), ["enter"]))] }, null, 40, _hoisted_2$2), _cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", { class: "page-elevator__slash" }, "／", -1)), (0, vue.createElementVNode)("span", { textContent: (0, vue.toDisplayString)((0, vue.unref)(pageCount)) }, null, 8, _hoisted_3$1) ]); }; } }); var _plugin_vue_export_helper_default = (sfc, props) => { const target = sfc.__vccOpts || sfc; for (const [key, val] of props) target[key] = val; return target; }; var PageElevator_default = _plugin_vue_export_helper_default(PageElevator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b87e2f8f"]]); var _hoisted_1$4 = { class: "image-resizer" }; var _hoisted_2$1 = ["onClick", "textContent"]; var ImageResizer_default = _plugin_vue_export_helper_default((0, vue.defineComponent)({ __name: "ImageResizer", setup(__props) { const { goToCurrentPage, getRelativeToViewport, scrollToProperPosition } = usePages(); const paneImagesDiv = getPaneImagesDiv(); const { sizeList, currentIndex, setImageSize, onResizerClick, setResizeShortcuts } = useImageResizer(); setResizeShortcuts(); setTimeout(() => { setImageSize(currentIndex.value); goToCurrentPage(); }, 0); function useImageResizer() { const sizeList = [ 100, 125, 150, 175, 200 ]; const storedIndex = useStorage("image-resizer-index", 0); const currentIndex = (0, vue.ref)(storedIndex.value); (0, vue.watch)(currentIndex, (index) => { storedIndex.value = index; }); const currentSize = (0, vue.computed)(() => { if (currentIndex.value < 0) return; return sizeList[currentIndex.value]; }); function onResizerClick(index) { const relativeToViewport = getRelativeToViewport(); if (index === currentIndex.value) clearImageSize(); else setImageSize(index); if (relativeToViewport) scrollToProperPosition(relativeToViewport); } function setImageSize(index) { currentIndex.value = index; paneImagesDiv.style.setProperty("--image-size", `${currentSize.value}vh`); } function clearImageSize() { currentIndex.value = -1; paneImagesDiv.style.removeProperty("--image-size"); } function increaseImageSize() { setImageSize(Math.min(currentIndex.value + 1, sizeList.length - 1)); } function decreaseImageSize() { setImageSize(currentIndex.value === -1 ? sizeList.length - 1 : Math.max(currentIndex.value - 1, 0)); } function setResizeShortcuts() { window.addEventListener("keydown", (event) => { const relativeToViewport = getRelativeToViewport(); if (event.ctrlKey) { const matchResult = event.code.match(/Numpad(?<index>[1-5])/); if (!matchResult) return; setImageSize(Number(matchResult.groups?.index) - 1); } else switch (event.code) { case "NumpadAdd": increaseImageSize(); break; case "NumpadSubtract": decreaseImageSize(); break; case "Numpad0": if (currentIndex.value === 0) clearImageSize(); else setImageSize(0); break; case "NumpadDecimal": { const index = Math.floor(sizeList.length / 2); if (currentIndex.value === index) clearImageSize(); else setImageSize(index); break; } case "NumpadEnter": clearImageSize(); break; default: return; } if (relativeToViewport) scrollToProperPosition(relativeToViewport, currentSize.value); }); } return { sizeList, currentIndex, currentSize, setImageSize, onResizerClick, setResizeShortcuts }; } return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$4, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(sizeList), (size, index) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)("button", { key: size, class: (0, vue.normalizeClass)(["image-resizer__button", { "image-resizer__button--active": index === (0, vue.unref)(currentIndex) }]), onClick: ($event) => (0, vue.unref)(onResizerClick)(index), textContent: (0, vue.toDisplayString)(size) }, null, 10, _hoisted_2$1); }), 128))]); }; } }), [["__scopeId", "data-v-fb83c8f5"]]); function useMagnifierGesture(config) { const isLeftPressed = (0, vue.ref)(false); const isRightPressed = (0, vue.ref)(false); const pressTimer = (0, vue.ref)(); const isPrimaryButton = (0, vue.computed)(() => config.activationButton === "left" ? isLeftPressed.value : isRightPressed.value); const isSecondaryButton = (0, vue.computed)(() => config.activationButton === "left" ? isRightPressed.value : isLeftPressed.value); function updateButtonState(e) { if (e.button === 0) isLeftPressed.value = e.type === "mousedown"; else if (e.button === 2) isRightPressed.value = e.type === "mousedown"; } function isPrimaryButtonEvent(e) { return config.activationButton === "left" && e.button === 0 || config.activationButton === "right" && e.button === 2; } function isSecondaryButtonEvent(e) { return config.activationButton === "left" && e.button === 2 || config.activationButton === "right" && e.button === 0; } function startLongPressTimer(callback) { pressTimer.value = window.setTimeout(callback, config.longPressThreshold); } function clearTimer() { if (pressTimer.value) { clearTimeout(pressTimer.value); pressTimer.value = void 0; } } return { isLeftPressed, isRightPressed, isPrimaryButton, isSecondaryButton, updateButtonState, isPrimaryButtonEvent, isSecondaryButtonEvent, startLongPressTimer, clearTimer }; } function useMagnifierImageLoader(state) { const paneImagesDiv = getPaneImagesDiv(); const currentRequest = (0, vue.ref)(null); const currentObjectUrl = (0, vue.ref)(null); function cleanup() { if (currentRequest.value) { currentRequest.value.abort(); currentRequest.value = null; } if (currentObjectUrl.value) { URL.revokeObjectURL(currentObjectUrl.value); currentObjectUrl.value = null; } } async function loadOriginal(img) { const mbar = img.closest(".mimg"); const originalLink = mbar && getElement("a[href*=\"/fullimg/\"]", mbar); if (originalLink) { const originalUrl = originalLink.href; const newImage = new Image(); state.isLoadingOriginal = true; state.loadingProgress = 0; try { await new Promise((resolve, reject) => { currentRequest.value = _GM_xmlhttpRequest({ method: "GET", url: originalUrl, responseType: "blob", onprogress: (event) => { state.loadingProgress = event.loaded / event.total * 100; }, onload: (response) => { const blob = response.response; const objectUrl = URL.createObjectURL(blob); currentObjectUrl.value = objectUrl; newImage.onload = () => { resolve(); }; newImage.onerror = () => { URL.revokeObjectURL(objectUrl); reject(); }; newImage.src = objectUrl; }, onerror: reject }); }); img.src = newImage.src; state.isLoadingOriginal = false; currentRequest.value = null; return true; } catch (error) { console.error("原圖載入失敗:", error); state.isLoadingOriginal = false; currentRequest.value = null; return false; } } return false; } function findImageAtPosition(posY) { const mouseY = posY; const images = paneImagesDiv.querySelectorAll(".mimg > a > img"); if (!images.length) return; if ((mouseY <= 0 || mouseY >= window.innerHeight) && state.currentImage) return; for (const img of images) { const rect = img.getBoundingClientRect(); if (mouseY >= rect.top + window.scrollY && mouseY <= rect.bottom + window.scrollY) { state.currentImage = img; return; } } state.currentImage = null; } return { loadOriginal, findImageAtPosition, cleanup }; } function useMagnifierEvents(state, config) { const paneImagesDiv = getPaneImagesDiv(); const gesture = useMagnifierGesture(config); const imageLoader = useMagnifierImageLoader(state); const navigation = createNavigation(state, config); const isWaitingForToggleEnd = (0, vue.ref)(false); function handlePress(e) { e.preventDefault(); e.stopPropagation(); gesture.updateButtonState(e); if (!gesture.isPrimaryButton.value) return; gesture.startLongPressTimer(() => { imageLoader.findImageAtPosition(e.pageY); if (!state.currentImage) return; state.isOriginalMode = gesture.isPrimaryButton.value && gesture.isSecondaryButton.value; if (state.isOriginalMode) imageLoader.loadOriginal(state.currentImage); activateMagnifier(e); }); } function handleRelease(e) { gesture.updateButtonState(e); gesture.clearTimer(); if (!state.isActive) return; if (config.toggleMode) handleToggleModeRelease(e); else handleHoldModeRelease(); } function handleToggleModeRelease(e) { if (!gesture.isPrimaryButtonEvent(e)) return; if (isWaitingForToggleEnd.value) { deactivateMagnifier(); isWaitingForToggleEnd.value = false; } else isWaitingForToggleEnd.value = true; } function handleHoldModeRelease() { if (state.isOriginalMode) { if (!gesture.isPrimaryButton.value && !gesture.isSecondaryButton.value) deactivateMagnifier(); } else if (!gesture.isPrimaryButton.value) deactivateMagnifier(); } function activateMagnifier(e) { state.isActive = true; state.position = { x: e.pageX, y: e.pageY }; state.lastPosition = { x: e.pageX, y: e.pageY }; state.scale = config.scale.default; if (state.currentImage) { navigation.updatePosition(e); paneImagesDiv.dataset.magnifierActive = "true"; document.body.classList.add("hide-cursor"); const style = document.createElement("style"); style.id = "magnifier-style"; style.textContent = ` #pane_thumbs { display: none !important; pointer-events: none !important; visibility: hidden !important; } `; document.head.appendChild(style); } } function deactivateMagnifier() { imageLoader.cleanup(); delete paneImagesDiv.dataset.magnifierActive; state.currentImage = null; state.isOriginalMode = false; state.isLoadingOriginal = false; document.body.classList.remove("hide-cursor"); getElement("#magnifier-style")?.remove(); setTimeout(() => { state.isActive = false; }, 0); } function handleWheel(e) { if (!state.isActive) return; e.preventDefault(); e.stopPropagation(); navigation.updateScale(-Math.sign(e.deltaY) * config.scale.step); } function handleMouseDown(e) { if (!e.target.closest(".mbar")) handlePress(e); } function preventDefaultHandler(e) { if (state.isActive && !e.target.closest(".mbar")) { e.preventDefault(); e.stopPropagation(); } } function bindEvents() { paneImagesDiv.addEventListener("mousedown", handleMouseDown); window.addEventListener("mouseup", handleRelease); window.addEventListener("mousemove", navigation.updatePosition); [ "mousedown", "click", "contextmenu" ].forEach((eventName) => { paneImagesDiv.addEventListener(eventName, preventDefaultHandler, { capture: true }); }); } function unbindEvents() { imageLoader.cleanup(); paneImagesDiv.removeEventListener("mousedown", handleMouseDown); window.removeEventListener("mouseup", handleRelease); window.removeEventListener("mousemove", navigation.updatePosition); [ "mousedown", "click", "contextmenu" ].forEach((eventName) => { paneImagesDiv.removeEventListener(eventName, preventDefaultHandler, { capture: true }); }); } return { bindEvents, unbindEvents, handleWheel }; } function createNavigation(state, config) { function updatePosition(e) { if (!state.isActive) return; const movementX = e.pageX - state.lastPosition.x; const movementY = e.pageY - state.lastPosition.y; state.position = { x: state.position.x + movementX * config.sensitivity.x, y: state.position.y + movementY * config.sensitivity.y }; state.position = { x: Math.max(0, Math.min(window.innerWidth, state.position.x)), y: Math.max(0, Math.min(window.innerHeight, state.position.y)) }; state.lastPosition = { x: e.pageX, y: e.pageY }; } function updateScale(delta) { if (!state.isActive) return; state.scale = Math.min(Math.max(state.scale + delta, config.scale.min), config.scale.max); } return { updatePosition, updateScale }; } function useMagnifierStyle(state, config) { const paneImagesDiv = getPaneImagesDiv(); const contentStyle = (0, vue.computed)(() => { if (!state.currentImage) return {}; const style = calculateTransformStyle(state.currentImage, state.position, state.scale); if (state.isLoadingOriginal) return { ...style, maskImage: `linear-gradient(to bottom, black ${state.loadingProgress}%, transparent ${state.loadingProgress}%)`, WebkitMaskImage: `linear-gradient(to bottom, black ${state.loadingProgress}%, transparent ${state.loadingProgress}%)` }; return style; }); function calculateTransformStyle(img, position, scale) { const currentImageBounds = img.getBoundingClientRect(); const currentImageScale = getImageSizeScale(); const idealImageBounds = getNormalizedRect(currentImageBounds); const magnifierCenter = getCenterPoint(currentImageBounds); const mouseRelativePos = getRelativePosition(position, getMappingArea(currentImageBounds, idealImageBounds)); const finalScale = currentImageScale * scale; const finalTranslate = { x: magnifierCenter.x - idealImageBounds.width * mouseRelativePos.x * finalScale + (position.x - magnifierCenter.x), y: magnifierCenter.y - idealImageBounds.height * mouseRelativePos.y * finalScale + (position.y - magnifierCenter.y) }; return { position: "absolute", inset: 0, width: `${idealImageBounds.width * finalScale}px`, height: `${idealImageBounds.height * finalScale}px`, transform: `translate(${finalTranslate.x}px, ${finalTranslate.y}px)`, backgroundImage: `url(${img.src})`, backgroundSize: "100% 100%", backgroundRepeat: "no-repeat" }; } function getImageSizeScale() { const imageSizeStyle = getComputedStyle(paneImagesDiv).getPropertyValue("--image-size"); return imageSizeStyle ? parseInt(imageSizeStyle) / 100 : 1; } function getNormalizedRect(imgRect) { const width = window.innerHeight * (imgRect.width / imgRect.height); return { width, height: window.innerHeight, top: 0, bottom: window.innerHeight, left: (window.innerWidth - width) / 2, right: (window.innerWidth + width) / 2 }; } function getCenterPoint(imgRect) { return { x: imgRect.left + imgRect.width / 2, y: window.innerHeight / 2 }; } function getMappingArea(imgRect, normalizedRect) { return { top: normalizedRect.top + imgRect.height * config.mappingArea.vertical / 100, bottom: normalizedRect.bottom - imgRect.height * config.mappingArea.vertical / 100, left: imgRect.left + imgRect.width * config.mappingArea.horizontal / 100, right: imgRect.right - imgRect.width * config.mappingArea.horizontal / 100 }; } function getRelativePosition(position, mappingArea) { return { x: (position.x - mappingArea.left) / (mappingArea.right - mappingArea.left), y: (position.y - mappingArea.top) / (mappingArea.bottom - mappingArea.top) }; } return { contentStyle }; } var ImageMagnifier_default = _plugin_vue_export_helper_default((0, vue.defineComponent)({ __name: "ImageMagnifier", setup(__props) { const magnifierConfig = { toggleMode: magnifierToggleMode.value, activationButton: magnifierActivationButton.value, longPressThreshold: magnifierLongPressThreshold.value, scale: { default: magnifierDefaultScale.value, step: magnifierScaleStep.value, min: 1.1, max: 10 }, mappingArea: { horizontal: 0, vertical: 5 }, sensitivity: { x: magnifierSensitivityX.value, y: magnifierSensitivityY.value } }; const state = (0, vue.reactive)({ isActive: false, position: { x: 0, y: 0 }, lastPosition: { x: 0, y: 0 }, scale: magnifierConfig.scale.default, currentImage: null, isOriginalMode: false, isLoadingOriginal: false, loadingProgress: 0 }); const magnifierStyle = (0, vue.computed)(() => ({ position: "fixed", inset: 0, margin: "auto", pointerEvents: "none", zIndex: 1e3 })); const { contentStyle } = useMagnifierStyle(state, magnifierConfig); const { bindEvents, unbindEvents, handleWheel } = useMagnifierEvents(state, magnifierConfig); (0, vue.onMounted)(() => { bindEvents(); }); (0, vue.onUnmounted)(() => { unbindEvents(); }); const isShow = (0, vue.computed)(() => state.isActive); return (_ctx, _cache) => { return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", null, [(0, vue.createElementVNode)("div", { class: "magnifier-overlay", onWheel: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleWheel) && (0, vue.unref)(handleWheel)(...args)), onMousedown: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["prevent", "stop"])), onClick: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["prevent", "stop"])), onContextmenu: _cache[3] || (_cache[3] = (0, vue.withModifiers)(() => {}, ["prevent", "stop"])) }, null, 32), (0, vue.createElementVNode)("div", { class: "magnifier", style: (0, vue.normalizeStyle)(magnifierStyle.value) }, [_cache[4] || (_cache[4] = (0, vue.createElementVNode)("div", { class: "magnifier-background" }, null, -1)), (0, vue.createElementVNode)("div", { class: "magnifier-image", style: (0, vue.normalizeStyle)((0, vue.unref)(contentStyle)) }, null, 4)], 4)], 512)), [[vue.vShow, isShow.value]]); }; } }), [["__scopeId", "data-v-ba829bde"]]); var _hoisted_1$3 = ["innerHTML"]; var MultiPageViewerEnhancer_default = (0, vue.defineComponent)({ __name: "MultiPageViewerEnhancer", setup(__props) { const { currentPage, appendPageIndex, changePageOnWheel, setPreloadImagesEvent, syncCurrentImageOnScroll } = usePages(); const { setKeyBoardEvent, setClickEvent, setShowCursorEvent, setHideCursorEvent, setShowThumbsEvent, setReflowTrigger } = useEvents(); appendPageIndex(); setPreloadImagesEvent(); syncCurrentImageOnScroll(); setKeyBoardEvent(); setClickEvent(); setShowCursorEvent(); setHideCursorEvent(); setShowThumbsEvent(); setReflowTrigger(); setWheelStep({ containerSelector: "#pane_thumbs", itemsSelector: "[id^=thumb_]" }); if (changePageByWheelAnyWhereSwitch.value) { const paneImagesDiv = getPaneImagesDiv(); getPaneOuterDiv().addEventListener("mousewheel", changePageOnWheel); paneImagesDiv.addEventListener("mousewheel", changePageOnWheel); } const exhentaiButtons = (0, vue.ref)(""); (0, vue.onMounted)(() => { exhentaiButtons.value = replaceOriginalFunctions(); }); function replaceOriginalFunctions() { const originalFunctions = getElement("#bar3"); const closeButton = originalFunctions.querySelector("img:first-child"); if (!closeButton) return ""; const link = document.createElement("a"); link.href = window.location.origin + window.location.pathname.replace("mpv", "g"); closeButton.parentNode?.insertBefore(link, closeButton); link.append(closeButton); return originalFunctions.innerHTML; } (0, vue.onMounted)(() => { overrideGlobalCSS(); (0, vue.watch)(() => preventImageRemovalSwitch.value, (value) => { if (!value) return; _unsafeWindow.preload_generic = Function("a", "b", "c", ` var d = a.scrollTop; a = d + a.offsetHeight; for (var e = "image" == b, f = 1; f <= pagecount; f++) { var g = document.getElementById(b + "_" + f) , h = g.offsetTop , k = h + g.offsetHeight; if ("hidden" == g.style.visibility && k >= d && h <= a + c) e ? load_image(f) : load_thumb(f), g.style.visibility = "visible"; } `); }, { immediate: true }); (0, vue.watch)(currentPage, (index) => { getElement(`#thumb_${index}`)?.scrollIntoView({ block: "center" }); }); }); function overrideGlobalCSS() { _GM_addStyle(` html, body { padding: 0; width: 100% !important; height: 100% !important; } div#bar3 { display: none; } .hide-cursor, .hide-cursor * { cursor: none; } .original-functions { position: absolute; top: 0; right: 0; display: block; width: 35px; height: 270px; opacity: 0; transition: opacity 0.3s ease; &:hover { opacity: 1; } > img { cursor: pointer; } } #pane_images { inset: 0 !important; margin: auto; } #pane_thumbs { display: block; opacity: 0; z-index: 1; transition: opacity 0.3s; } `); } return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: "enhancer-features", onWheel: _cache[0] || (_cache[0] = (0, vue.withModifiers)((...args) => (0, vue.unref)(changePageOnWheel) && (0, vue.unref)(changePageOnWheel)(...args), ["stop"])) }, [ (0, vue.createVNode)(PageElevator_default, { class: "enhancer-features__feature" }), (0, vue.createVNode)(ImageResizer_default, { class: "enhancer-features__feature" }), (0, vue.createElementVNode)("div", { class: "original-functions", innerHTML: exhentaiButtons.value }, null, 8, _hoisted_1$3), (0, vue.unref)(magnifierSwitch).value ? ((0, vue.openBlock)(), (0, vue.createBlock)(ImageMagnifier_default, { key: 0 })) : (0, vue.createCommentVNode)("", true) ], 32); }; } }); var _sfc_main = {}; var _hoisted_1$2 = { xmlns: "http://www.w3.org/2000/svg", "xmlns:xlink": "http://www.w3.org/1999/xlink", fill: "#FFF", version: "1.1", width: "800px", height: "800px", viewBox: "0 0 94.926 94.926", "xml:space": "preserve" }; function _sfc_render(_ctx, _cache) { return (0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("g", null, [(0, vue.createElementVNode)("path", { d: "M55.931,47.463L94.306,9.09c0.826-0.827,0.826-2.167,0-2.994L88.833,0.62C88.436,0.224,87.896,0,87.335,0 c-0.562,0-1.101,0.224-1.498,0.62L47.463,38.994L9.089,0.62c-0.795-0.795-2.202-0.794-2.995,0L0.622,6.096 c-0.827,0.827-0.827,2.167,0,2.994l38.374,38.373L0.622,85.836c-0.827,0.827-0.827,2.167,0,2.994l5.473,5.476 c0.397,0.396,0.936,0.62,1.498,0.62s1.1-0.224,1.497-0.62l38.374-38.374l38.374,38.374c0.397,0.396,0.937,0.62,1.498,0.62 s1.101-0.224,1.498-0.62l5.473-5.476c0.826-0.827,0.826-2.167,0-2.994L55.931,47.463z" })], -1)])]); } var CrossButton_default = _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]); var _hoisted_1$1 = { class: "switch" }; var ToggleSwitch_default = _plugin_vue_export_helper_default((0, vue.defineComponent)({ __name: "ToggleSwitch", props: { modelValue: { type: Boolean } }, emits: ["update:modelValue", "toggle"], setup(__props, { emit: __emit }) { const props = __props; const emit = __emit; const modelValueProxy = (0, vue.computed)({ get: () => props.modelValue, set: (value) => { emit("update:modelValue", value); emit("toggle", value); } }); return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_1$1, [(0, vue.withDirectives)((0, vue.createElementVNode)("input", { "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValueProxy.value = $event), type: "checkbox", class: "switch__input" }, null, 512), [[vue.vModelCheckbox, modelValueProxy.value]]), _cache[1] || (_cache[1] = (0, vue.createElementVNode)("span", { class: "switch__slider" }, null, -1))]); }; } }), [["__scopeId", "data-v-7bec1a82"]]); var _hoisted_1 = { class: "settings-panel__inner" }; var _hoisted_2 = { class: "settings-panel__section" }; var _hoisted_3 = { class: "settings" }; var _hoisted_4 = { class: "settings-panel__section" }; var _hoisted_5 = { class: "settings" }; var _hoisted_6 = { class: "settings" }; var _hoisted_7 = { class: "settings__intro" }; var _hoisted_8 = { class: "settings__option" }; var _hoisted_9 = { class: "settings__option" }; var _hoisted_10 = { class: "settings__option" }; var _hoisted_11 = { class: "settings__option" }; var _hoisted_12 = { class: "settings__option" }; var _hoisted_13 = { class: "settings" }; var _hoisted_14 = { class: "settings" }; var _hoisted_15 = { class: "settings-panel__section" }; var _hoisted_16 = { class: "settings" }; var _hoisted_17 = { class: "settings" }; var _hoisted_18 = { class: "settings" }; var _hoisted_19 = { class: "settings" }; var _hoisted_20 = { class: "settings" }; var _hoisted_21 = { class: "settings__intro" }; var _hoisted_22 = { class: "settings__magnifier-config" }; var _hoisted_23 = { class: "settings__label" }; var _hoisted_24 = ["value"]; var _hoisted_25 = ["value"]; var _hoisted_26 = { class: "settings__label" }; var _hoisted_27 = { class: "settings__label" }; var _hoisted_28 = { class: "settings__label" }; var _hoisted_29 = { class: "settings__label" }; var _hoisted_30 = { class: "settings__label" }; var _hoisted_31 = { class: "settings__label" }; var _hoisted_32 = { class: "settings-panel__section" }; var _hoisted_33 = { class: "settings" }; var _hoisted_34 = { class: "settings" }; var _hoisted_35 = { class: "settings" }; var _hoisted_36 = { class: "settings" }; var _hoisted_37 = { class: "settings" }; var SettingsPanel_default = (0, vue.defineComponent)({ __name: "SettingsPanel", setup(__props) { const isShow = (0, vue.ref)(false); (0, vue.onMounted)(() => { _GM.registerMenuCommand("Open settings panel", () => isShow.value = !isShow.value); }); function reload() { location.reload(); } return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(Ro), { modelValue: isShow.value, "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => isShow.value = $event), "overlay-transition": "vfm-fade", class: "settings-panel-wrap", "content-class": "settings-panel" }, { default: (0, vue.withCtx)(() => [ (0, vue.createElementVNode)("div", _hoisted_1, [ (0, vue.createElementVNode)("section", _hoisted_2, [ _cache[26] || (_cache[26] = (0, vue.createElementVNode)("h2", { class: "settings-panel__section-name" }, " Common ", -1)), _cache[27] || (_cache[27] = (0, vue.createElementVNode)("hr", { class: "settings-panel__separator" }, null, -1)), (0, vue.createElementVNode)("div", _hoisted_3, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(showJapaneseTitle).value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(showJapaneseTitle).value = $event) }, null, 8, ["modelValue"]), _cache[25] || (_cache[25] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Change Browser Tab Title to Japanese ", -1))]) ]), (0, vue.createElementVNode)("section", _hoisted_4, [ _cache[35] || (_cache[35] = (0, vue.createElementVNode)("h2", { class: "settings-panel__section-name" }, " Gallery Enhancer ", -1)), _cache[36] || (_cache[36] = (0, vue.createElementVNode)("hr", { class: "settings-panel__separator" }, null, -1)), (0, vue.createElementVNode)("div", _hoisted_5, [ (0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(scrollByRowSwitch).value, "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => (0, vue.unref)(scrollByRowSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[28] || (_cache[28] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Scroll by Row ", -1)), _cache[29] || (_cache[29] = (0, vue.createElementVNode)("span", { class: "settings__notice" }, " *Synced with \"Galleries Enhancer - Scroll by Row\" ", -1)) ]), (0, vue.createElementVNode)("div", _hoisted_6, [ (0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(betterPopupSwitch).value, "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => (0, vue.unref)(betterPopupSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[32] || (_cache[32] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Better Popup ", -1)), (0, vue.createElementVNode)("div", _hoisted_7, [ _cache[30] || (_cache[30] = (0, vue.createElementVNode)("span", null, " Action when clicking \"Archive Download\": ", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("select", { "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => (0, vue.unref)(quickArchiveDownloadMethod).value = $event), class: "settings__select" }, [ (0, vue.createElementVNode)("option", _hoisted_8, (0, vue.toDisplayString)((0, vue.unref)(ArchiveDownloadMethod).Manual), 1), (0, vue.createElementVNode)("option", _hoisted_9, (0, vue.toDisplayString)((0, vue.unref)(ArchiveDownloadMethod).HaH_Original), 1), (0, vue.createElementVNode)("option", _hoisted_10, (0, vue.toDisplayString)((0, vue.unref)(ArchiveDownloadMethod).HaH_2400), 1), (0, vue.createElementVNode)("option", _hoisted_11, (0, vue.toDisplayString)((0, vue.unref)(ArchiveDownloadMethod).Direct_Origin), 1), (0, vue.createElementVNode)("option", _hoisted_12, (0, vue.toDisplayString)((0, vue.unref)(ArchiveDownloadMethod).Direct_Resample), 1) ], 512), [[vue.vModelSelect, (0, vue.unref)(quickArchiveDownloadMethod).value]]), _cache[31] || (_cache[31] = (0, vue.createElementVNode)("p", null, [ (0, vue.createTextVNode)(" *Note: If you have changed the Archiver Settings, you must revert it to \"Manual Select, Manual Start (Default)\" on the settings page: "), (0, vue.createElementVNode)("a", { class: "settings__link", target: "_blank", href: "https://e-hentai.org/uconfig.php", rel: "noreferrer noopener" }, " E-Hentai "), (0, vue.createTextVNode)(" , "), (0, vue.createElementVNode)("a", { class: "settings__link", target: "_blank", href: "https://exhentai.org/uconfig.php", rel: "noreferrer noopener" }, " ExHentai ") ], -1)) ]) ]), (0, vue.createElementVNode)("div", _hoisted_13, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(quickTorrentDownloadSwitch).value, "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => (0, vue.unref)(quickTorrentDownloadSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[33] || (_cache[33] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Download Directly if Only One Torrent Is Available ", -1))]), (0, vue.createElementVNode)("div", _hoisted_14, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(loadAllGalleryImagesSwitch).value, "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => (0, vue.unref)(loadAllGalleryImagesSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[34] || (_cache[34] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Load All Gallery Images ", -1))]) ]), (0, vue.createElementVNode)("section", _hoisted_15, [ _cache[50] || (_cache[50] = (0, vue.createElementVNode)("h2", { class: "settings-panel__section-name" }, " Multi-Page Viewer Enhancer ", -1)), _cache[51] || (_cache[51] = (0, vue.createElementVNode)("hr", { class: "settings-panel__separator" }, null, -1)), (0, vue.createElementVNode)("div", _hoisted_16, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(multipageViewerEnhancerSwitch).value, "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => (0, vue.unref)(multipageViewerEnhancerSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[37] || (_cache[37] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Multi-Page Viewer Enhancer ", -1))]), (0, vue.createElementVNode)("div", _hoisted_17, [ (0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(preventImageRemovalSwitch).value, "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => (0, vue.unref)(preventImageRemovalSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[38] || (_cache[38] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Prevent Image Removal ", -1)), _cache[39] || (_cache[39] = (0, vue.createElementVNode)("div", { class: "settings__intro" }, [(0, vue.createElementVNode)("p", null, " ExHentai's built-in script removes images that are far from your current scroll position. Scrolling back to a removed image may cause it to flash, since the browser must re-render it even if it's cached. ")], -1)) ]), (0, vue.createElementVNode)("div", _hoisted_18, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(changePageByWheelAnyWhereSwitch).value, "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => (0, vue.unref)(changePageByWheelAnyWhereSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[40] || (_cache[40] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Change Page by Scrolling the Mouse Wheel Anywhere ", -1))]), (0, vue.createElementVNode)("div", _hoisted_19, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(autoRedirectSwitch).value, "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => (0, vue.unref)(autoRedirectSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[41] || (_cache[41] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Auto-Redirect to Multi-Page Viewer ", -1))]), (0, vue.createElementVNode)("div", _hoisted_20, [ (0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(magnifierSwitch).value, "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => (0, vue.unref)(magnifierSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[49] || (_cache[49] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Image Magnifier ", -1)), (0, vue.createElementVNode)("div", _hoisted_21, [_cache[48] || (_cache[48] = (0, vue.createElementVNode)("p", null, " Long-press the activation button to enable the magnifier. Press both mouse buttons simultaneously to view the image at its original scale. ", -1)), (0, vue.createElementVNode)("div", _hoisted_22, [ (0, vue.createElementVNode)("label", _hoisted_23, [_cache[42] || (_cache[42] = (0, vue.createTextVNode)(" Activation Button: ", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("select", { "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => (0, vue.unref)(magnifierActivationButton).value = $event), class: "settings__select" }, [(0, vue.createElementVNode)("option", { class: "settings__option", value: (0, vue.unref)(MouseButton).Left }, "Left Mouse Button", 8, _hoisted_24), (0, vue.createElementVNode)("option", { class: "settings__option", value: (0, vue.unref)(MouseButton).Right }, "Right Mouse Button", 8, _hoisted_25)], 512), [[vue.vModelSelect, (0, vue.unref)(magnifierActivationButton).value]])]), (0, vue.createElementVNode)("label", _hoisted_26, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(magnifierToggleMode).value, "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => (0, vue.unref)(magnifierToggleMode).value = $event) }, null, 8, ["modelValue"]), (0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(magnifierToggleMode).value ? "Toggle Mode (click once to enable, click again to disable)" : "Hold Mode (hold down to use)"), 1)]), (0, vue.createElementVNode)("label", _hoisted_27, [_cache[43] || (_cache[43] = (0, vue.createTextVNode)(" Default Scale: ", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("input", { "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => (0, vue.unref)(magnifierDefaultScale).value = $event), type: "number", min: "1.1", max: "10", step: "0.1", class: "settings__input" }, null, 512), [[ vue.vModelText, (0, vue.unref)(magnifierDefaultScale).value, void 0, { number: true } ]])]), (0, vue.createElementVNode)("label", _hoisted_28, [_cache[44] || (_cache[44] = (0, vue.createTextVNode)(" Scale Step (Mouse Wheel): ", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("input", { "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => (0, vue.unref)(magnifierScaleStep).value = $event), type: "number", min: "0.05", max: "0.5", step: "0.05", class: "settings__input" }, null, 512), [[ vue.vModelText, (0, vue.unref)(magnifierScaleStep).value, void 0, { number: true } ]])]), (0, vue.createElementVNode)("label", _hoisted_29, [_cache[45] || (_cache[45] = (0, vue.createTextVNode)(" Long-Press Threshold (ms): ", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("input", { "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => (0, vue.unref)(magnifierLongPressThreshold).value = $event), type: "number", min: "50", max: "1000", step: "50", class: "settings__input" }, null, 512), [[ vue.vModelText, (0, vue.unref)(magnifierLongPressThreshold).value, void 0, { number: true } ]])]), (0, vue.createElementVNode)("label", _hoisted_30, [_cache[46] || (_cache[46] = (0, vue.createTextVNode)(" Mouse Sensitivity X: ", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("input", { "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => (0, vue.unref)(magnifierSensitivityX).value = $event), type: "number", min: "0.5", max: "5", step: "0.5", class: "settings__input" }, null, 512), [[ vue.vModelText, (0, vue.unref)(magnifierSensitivityX).value, void 0, { number: true } ]])]), (0, vue.createElementVNode)("label", _hoisted_31, [_cache[47] || (_cache[47] = (0, vue.createTextVNode)(" Mouse Sensitivity Y: ", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("input", { "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => (0, vue.unref)(magnifierSensitivityY).value = $event), type: "number", min: "0.5", max: "5", step: "0.5", class: "settings__input" }, null, 512), [[ vue.vModelText, (0, vue.unref)(magnifierSensitivityY).value, void 0, { number: true } ]])]) ])]) ]) ]), (0, vue.createElementVNode)("section", _hoisted_32, [ _cache[60] || (_cache[60] = (0, vue.createElementVNode)("h2", { class: "settings-panel__section-name" }, " Galleries Enhancer ", -1)), _cache[61] || (_cache[61] = (0, vue.createElementVNode)("hr", { class: "settings-panel__separator" }, null, -1)), (0, vue.createElementVNode)("div", _hoisted_33, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(infiniteScrollSwitch).value, "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => (0, vue.unref)(infiniteScrollSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[52] || (_cache[52] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Infinite Scroll ", -1))]), (0, vue.createElementVNode)("div", _hoisted_34, [ (0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(scrollByRowSwitch).value, "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => (0, vue.unref)(scrollByRowSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[53] || (_cache[53] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Scroll by Row ", -1)), _cache[54] || (_cache[54] = (0, vue.createElementVNode)("span", { class: "settings__notice" }, " *Synced with \"Gallery Enhancer - Scroll by Row\" ", -1)) ]), (0, vue.createElementVNode)("div", _hoisted_35, [ (0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(highlightSwitch).value, "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => (0, vue.unref)(highlightSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[55] || (_cache[55] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Highlight Downloaded Galleries ", -1)), _cache[56] || (_cache[56] = (0, vue.createElementVNode)("div", { class: "settings__intro" }, " Sets the background of downloaded galleries to black (ExHentai) or light yellow (e-hentai). ", -1)) ]), (0, vue.createElementVNode)("div", _hoisted_36, [(0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(archiveButtonSwitch).value, "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => (0, vue.unref)(archiveButtonSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[57] || (_cache[57] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Insert Archiver Buttons ", -1))]), (0, vue.createElementVNode)("div", _hoisted_37, [ (0, vue.createVNode)(ToggleSwitch_default, { modelValue: (0, vue.unref)(showHiddenGalleriesSwitch).value, "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => (0, vue.unref)(showHiddenGalleriesSwitch).value = $event) }, null, 8, ["modelValue"]), _cache[58] || (_cache[58] = (0, vue.createElementVNode)("h3", { class: "settings__name" }, " Show Hidden Galleries ", -1)), _cache[59] || (_cache[59] = (0, vue.createElementVNode)("div", { class: "settings__intro" }, " When enabled, galleries hidden via the 🚫 button remain visible (with the icon at full opacity) so you can unhide them. ", -1)) ]) ]) ]), (0, vue.createElementVNode)("span", { class: "settings-panel__close-button", onClick: _cache[23] || (_cache[23] = ($event) => isShow.value = false) }, [(0, vue.createVNode)(CrossButton_default)]), (0, vue.createElementVNode)("div", { class: "actions" }, [(0, vue.createElementVNode)("button", { class: "actions__button", onClick: reload }, " Apply and Reload ")]) ]), _: 1 }, 8, ["modelValue"]); }; } }); var App_default = (0, vue.defineComponent)({ __name: "App", setup(__props) { const { href } = window.location; const enhancer = getEnhancer(); if (autoRedirectSwitch.value) redirectIfSinglePageViewer(); if (showJapaneseTitle.value) changeTitleToJapanese(); setCSS(); function getEnhancer() { if (getElement(".itg.gld")) return GalleriesEnhancer_default; if (/https:\/\/e[-x]hentai\.org\/g\/\w+\/\w+/.test(href)) return GalleryEnhancer_default; if (multipageViewerEnhancerSwitch.value && /https:\/\/e[-x]hentai\.org\/mpv\/\w+\/\w+/.test(href)) return MultiPageViewerEnhancer_default; return null; } function redirectIfSinglePageViewer() { if (/https:\/\/e[-x]hentai\.org\/s\/\w+\/\w+/.test(href)) (0, vue.onMounted)(() => { const page = location.pathname.split("-")[1]; const url = getElement(".sb > a").href.replace("/g/", "/mpv/"); location.href = `${url}#page${page}`; }); } function setCSS() { document.documentElement.style.setProperty("--bg-color", isExHentai() ? "#34353b" : "#E3E0D1"); } return (_ctx, _cache) => { return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [((0, vue.openBlock)(), (0, vue.createBlock)(vue.Suspense, null, { default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(enhancer))))]), _: 1 })), (0, vue.createVNode)(SettingsPanel_default)], 64); }; } }); _css(".vfm--fixed{position:fixed}.vfm--absolute{position:absolute}.vfm--inset{inset:0}.vfm--overlay{z-index:-1;background-color:#00000080}.vfm--prevent-none{pointer-events:none}.vfm--prevent-auto{pointer-events:auto}.vfm--outline-none:focus{outline:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.vfm-fade-enter-active{animation:.3s fade-in}.vfm-fade-leave-active{animation:.3s fade-out}.vfm-bounce-back{transition-property:transform;transition-duration:.3s}.vfm-slide-up-enter-active,.vfm-slide-up-leave-active,.vfm-slide-down-enter-active,.vfm-slide-down-leave-active{transition:transform .3s}.vfm-slide-down-enter-from,.vfm-slide-down-leave-to{transform:translateY(100vh)!important}.vfm-slide-up-enter-from,.vfm-slide-up-leave-to{transform:translateY(-100vh)!important}.vfm-slide-right-enter-active,.vfm-slide-right-leave-active,.vfm-slide-left-enter-active,.vfm-slide-left-leave-active{transition:transform .3s}.vfm-slide-right-enter-from,.vfm-slide-right-leave-to{transform:translate(100vw)!important}.vfm-slide-left-enter-from,.vfm-slide-left-leave-to{transform:translate(-100vw)!important}.vfm-swipe-banner-back,.vfm-swipe-banner-forward{z-index:10;width:27px;position:fixed;top:0;bottom:0}.vfm-swipe-banner-back{left:0}.vfm-swipe-banner-forward{right:0}"); var app = (0, vue.createApp)(App_default); var vfm = zo(); app.use(vfm); app.use(src_default, { transition: "Vue-Toastification__fade", maxToasts: 2, newestOnTop: true, pauseOnFocusLoss: true, hideProgressBar: true, closeButton: false }); (async () => { await initializeMonkeySwitches(); app.mount((() => { const app = document.createElement("div"); app.classList.add("enhancer-container"); document.body.append(app); return app; })()); })(); })(Vue);
