// ==UserScript== // @name Manga OnlineViewer // @author Tago // @supportURL https://github.com/TagoDR/MangaOnlineViewer/issues // @namespace https://github.com/TagoDR // @description Shows all pages at once in online view for these sites // @version 2024.01.11 // @license MIT // @icon https://cdn-icons-png.flaticon.com/32/2281/2281832.png // @run-at document-end // @grant unsafeWindow // @grant GM_getValue // @grant GM_setValue // @grant GM_listValues // @grant GM_deleteValue // @grant GM_xmlhttpRequest // @noframes on // @connect * // @require https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.6.0/tinycolor.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/jszip/3.9.1/jszip.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.4.8/sweetalert2.min.js // @require https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js // @require https://cdn.jsdelivr.net/npm/hotkeys-js@3.13.2/dist/hotkeys.min.js // @require https://cdn.jsdelivr.net/npm/range-slider-input@2.4.4/dist/rangeslider.nostyle.umd.min.js // @include /https?:\/\/alandal.com\/chapter\/.+\/\d+/ // @include /https?:\/\/(www\.)?bato.to\/(chapter|title).*/ // @include /https?:\/\/(www\.)?(bilibilicomics).com\/.+\/.+/ // @include /https?:\/\/comic\.nizamkomputer.com\/read\/.+\/\d+.*/ // @include /https?:\/\/(www\.)?dynasty-scans.com\/chapters\/.+/ // @include /https?:\/\/(www\.)?(asura.*|flamecomics|rizzcomic|void-scans|luminousscans|shimascans|nightscans|manhwafreak|manhwa-freak|ozulscansen|azuremanga|cypherscans).(com|org|gg|xyz|to|net)\/.+/ // @include /https?:\/\/(comics\.)?inkr.com\/title\/.+\/chapter\/.+/ // @include /https?:\/\/(www\.)?inmanga.com\/ver\/manga\/.+\/.+/ // @include /https?:\/\/(www\.)?klmanga.com\/.+chapter.+/ // @include /https?:\/\/(www\.)?leitor.net\/manga\/.+\/.+\/.+/ // @include /https?:\/\/(www\.)?lhtranslation.net\/read.+/ // @include /(file:\/\/\/.+(index)?.html)/ // @include /https?:\/\/(www\.)?lynxscans.com\/comics?\/.+/ // @include /https?:\/\/(www\.)?mangabuddy.com\/.+\/chapter.+/ // @include /https?:\/\/(www\.)?mangadex.org\/chapter\/.+(\/.+)?/ // @include /https?:\/\/(www\.)?(fanfox.net|mangahere.cc)\/manga\/.+\/.+\// // @include /https?:\/\/.{3,4}?(mangafreak).net\/Read.+/ // @include /https?:\/\/(www\.)?mangago.me\/.*\/.*\/.*/ // @include /https?:\/\/(www\.)?mangahosted.com\/manga\/.+\/.+/ // @include /https?:\/\/(www\.)?(mangahub).io\/chapter\/.+\/.+/ // @include /https?:\/\/(www\.)?mangas.in\/manga\/.+\/.+\/\d+/ // @include /https?:\/\/(www\.)?(read|chap)?(manganelo|mangakakalot|manganato).(com|to).*\/chapter.+/ // @include /https?:\/\/(www\.)?mangapark.(com|me|org|net)\/title\/.+\/.+/ // @include /https?:\/\/(www\.)?mangareader.to\/read\/.+\/.+\/.+/ // @include /https?:\/\/(www\.)?(mangasee123|manga4life).com\/read-online\/.+/ // @include /https?:\/\/(www\.)?mangatigre.net\/.+\/.+\/.+/ // @include /https?:\/\/.*mangatoon.mobi\/.+\/watch\/.+/ // @include /https?:\/\/(www\.|m\.)?mangatown.com\/manga\/.+\/.+/ // @include /https?:\/\/(www\.)?manhuascan.io\/.+chapter.+/ // @include /https?:\/\/(www\.)?mgeko.com?\/reader\/.*/ // @include /https?:\/\/(www\.)?(naniscans).com\/chapters\/.+\/read/ // @include /https?:\/\/(www\.)?ninemanga.com\/chapter\/.+\/.+\.html/ // @include /https?:\/\/(www\.)?olympusscans.com\/capitulo\/.+\/.+/ // @include /https?:\/\/(www\.)?pandamanga.xyz\/.+\/.+\/.+/ // @include /https?:\/\/(www\.)?rawdevart.com\/comic\/.+\/.+\// // @include /https?:\/\/(www\.)?readcomicsonline.ru\/comic\/.*\/\d*/ // @include /https?:\/\/(www\.)?(funmanga|mngdoom|readmng|mangainn).(com|net)\/.+\/\d+/ // @include /https?:\/\/(www\.)?reaperscans\.com\/comics\/.+\/chapters\/.+/ // @include /https?:\/\/raw\.senmanga.com\/.+\/.+\/?/ // @include /https?:\/\/(www\.)?tapas.io\/episode\/.+/ // @include /https?:\/\/(www\.)?(tenmanga|gardenmanage).com\/(chapter|statuses)\/.+/ // @include /https?:\/\/(www\.)?(.+).com\/(viewer|news)\/.+\/(paginated|cascade)/ // @include /https?:\/\/(www\.)?tumanhwas.com\/news\/.+/ // @include /https?:\/\/(www\.)?unionleitor.top\/leitor\/.+\/.+/ // @include /https?:\/\/(www\.)?webnovel.com\/comic\/.+/ // @include /https?:\/\/(www\.)?webtoons.com\/.+viewer.+/ // @include /https?:\/\/(www\.)?(manga33).com\/manga\/.+/ // @include /https?:\/\/(www\.)?(yugenmangas).(com|net|lat)\/series\/.+/ // @include /https?:\/\/(www\.)?zscans.com\/comics\/.+/ // @include /^(?!.*jaiminisbox).*\/read\/.+/ // @include /https?:\/\/.+\/(manga|series|manhua|comic|ch|novel)\/.+\/.+/ // @exclude /https?:\/\/(www\.)?tsumino.com\/.+/ // @exclude /https?:\/\/(www\.)?pururin.io\/.+/ // @downloadURL none // ==/UserScript== (function () { "use strict"; const alandal = { name: "Alandal", url: /https?:\/\/alandal.com\/chapter\/.+\/\d+/, homepage: "https://alandal.com/", language: ["English"], category: "manga", run() { const images = [...document.querySelectorAll('img[alt^="Page"]')]; const chapter = document ?.querySelector('[aria-label="chapter list"]') ?.parentElement?.parentElement?.parentElement?.parentElement?.querySelectorAll( "a", ); return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector('a[href^="/series/"]') ?.getAttribute("href"), pages: images.length, prev: chapter?.item(0)?.getAttribute("href"), next: chapter?.item(1)?.getAttribute("href"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const batoto = { name: "Batoto", url: /https?:\/\/(www\.)?bato.to\/(chapter|title).*/, homepage: "https://bato.to/", language: ["English"], category: "manga", waitEle: 'div[name="image-item"] img, .page-img', run() { if (window.location.pathname.startsWith("/title")) { if (window.location.search !== "?load=2") { window.location.search = "?load=2"; } const images2 = [ ...document.querySelectorAll('div[name="image-item"] img'), ]; return { title: document.querySelector("h6")?.textContent?.trim(), series: document.querySelector("h3 a")?.getAttribute("href"), pages: images2.length, prev: [...document.querySelectorAll("span")] .find((item) => item.textContent?.endsWith("Prev Chapter")) ?.parentElement?.getAttribute("href"), next: [...document.querySelectorAll("span")] .find((item) => item.textContent?.startsWith("Next Chapter")) ?.parentElement?.getAttribute("href"), listImages: images2.map((img) => img.getAttribute("src")), }; } const images = [...document.querySelectorAll(".page-img")]; return { title: document.querySelector(".nav-title a")?.textContent?.trim(), series: document.querySelector(".nav-title a")?.getAttribute("href"), pages: images.length, prev: document.querySelector(".nav-prev a")?.getAttribute("href"), next: document.querySelector(".nav-next a")?.getAttribute("href"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const bilibilicomics = { name: "BilibiliComics", url: /https?:\/\/(www\.)?(bilibilicomics).com\/.+\/.+/, homepage: "https://www.bilibilicomics.com/", language: ["English"], category: "manga", waitEle: ".read-nav", async run() { const api = await fetch( "https://www.bilibilicomics.com/twirp/comic.v1.Comic/GetImageIndex?device=pc&platform=web&lang=en&sys_lang=en", { method: "post", headers: { Accept: "application/json", "Content-Type": "application/json", }, body: JSON.stringify({ ep_id: window.location.href.split("/").pop(), credential: "", }), }, ) .then(async (res) => res.json()) .then(({ data }) => data.images.map((image) => `${image.path}@2000w.webp`), ) .then(JSON.stringify) .then(async (urls) => fetch( "https://www.bilibilicomics.com/twirp/comic.v1.Comic/ImageToken?device=pc&platform=web&lang=en&sys_lang=en", { method: "post", headers: { Accept: "application/json", "Content-Type": "application/json", }, body: JSON.stringify({ urls }), }, ), ) .then(async (res) => res.json()) .then((tokens) => tokens.data.map((i) => `${i.url}?token=${i.token}`)); return { title: document.querySelector(".read-nav")?.textContent?.trim(), series: document.querySelector(".manga-title")?.getAttribute("href"), pages: api.length, prev: document .querySelector(".navigate a button[title=Previous]") ?.parentElement?.getAttribute("href"), next: document .querySelector(".navigate a button[title=Next]") ?.parentElement?.getAttribute("href"), listImages: api, }; }, }; const comicastle = { name: "ComiCastle", url: /https?:\/\/comic\.nizamkomputer.com\/read\/.+\/\d+.*/, homepage: "https://comic.nizamkomputer.com/", language: ["English"], category: "comic", waitEle: ".form-control option:nth-child(1)", run() { const images = [ ...document .querySelectorAll(".form-control")[1] .querySelectorAll("option"), ]; const chapter = document .querySelectorAll(".form-control")[0] .querySelector("option:checked"); return { title: chapter?.textContent?.trim(), series: document .querySelector(".navbar-header a") ?.getAttribute("href"), pages: images.length, prev: chapter?.previousElementSibling?.getAttribute("value"), next: chapter?.nextElementSibling?.getAttribute("value"), listImages: images.map((img) => img.getAttribute("alt")), }; }, }; const dysnatyscans = { name: "Dynasty-Scans", url: /https?:\/\/(www\.)?dynasty-scans.com\/chapters\/.+/, homepage: "https://dynasty-scans.com/", language: ["English"], category: "manga", run() { return { title: document.querySelector("#chapter-title")?.textContent?.trim(), series: document .querySelector("#chapter-title a") ?.getAttribute("href"), pages: unsafeWindow.pages.length, prev: document.querySelector("#prev_link")?.getAttribute("href"), next: document.querySelector("#next_link")?.getAttribute("href"), listImages: unsafeWindow.pages.map((x) => x.image), }; }, }; const foolslide = { name: ["FoOlSlide", "Kireicake"], url: /^(?!.*jaiminisbox).*\/read\/.+/, homepage: [ "https://github.com/saintly2k/FoOlSlideX", "https://reader.kireicake.com", ], language: ["English"], obs: "Any Site that uses FoOLSlide", category: "manga", waitEle: "img.open", run() { const chapter = [ ...document.querySelectorAll( ".topbar_left .dropdown_parent:last-of-type li", ), ]; const origin = chapter.findIndex((item) => { const url = item.querySelector("a")?.getAttribute("href"); if (url) { return window.location.href.startsWith(url); } return false; }); const pages = [ ...document.querySelectorAll(".topbar_right .dropdown li"), ]; const images = [...document.querySelectorAll(".inner img:not(.open)")]; const num = images.length > 1 ? images.length : pages.length; return { title: chapter.at(origin)?.querySelector("a")?.textContent?.trim() ?? document.querySelector("title")?.textContent?.trim(), series: document .querySelector("div.tbtitle div.text a") ?.getAttribute("href"), pages: num, prev: chapter .at(origin + 1) ?.querySelector("a") ?.getAttribute("href"), next: chapter .at(origin - 1) ?.querySelector("a") ?.getAttribute("href"), listPages: images.length > 1 ? null : Array(num) .fill(0) .map( (_, i) => `${window.location.href.replace(/\/\d+$/, "")}/${i + 1}`, ), listImages: images.length > 1 ? images.map((img) => img.getAttribute("src")) : null, img: "img.open", }; }, }; const inkr = { name: "INKR", url: /https?:\/\/(comics\.)?inkr.com\/title\/.+\/chapter\/.+/, homepage: "https://inkr.com/", language: ["English"], category: "manga", waitFunc: () => document.querySelector( '[data-container="file-horizontal-scroll-view"] img', )?.naturalWidth !== void 0 && document.querySelectorAll( '[data-container="file-horizontal-scroll-view"] img', ).length > 2, run() { const images = [ ...document.querySelectorAll( '[data-container="file-horizontal-scroll-view"] img', ), ]; return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector('[aria-label="Previous Chapter"] + div a') ?.getAttribute("href"), pages: images.length, prev: document .querySelector('a[aria-label="Previous Chapter"]') ?.getAttribute("href"), next: document .querySelector('a[aria-label="Next Chapter"]') ?.getAttribute("href"), listImages: images.map((img) => img.getAttribute("src")?.replace("/t.", "/p."), ), }; }, }; const inmanga = { name: "InManga", url: /https?:\/\/(www\.)?inmanga.com\/ver\/manga\/.+\/.+/, homepage: "https://inmanga.com//", language: ["Spanish"], category: "manga", waitVar: "pageController", run() { const images = [...document.querySelectorAll("#PageList option")]; const chapter = document.querySelector("#ChapList option:checked"); const src = unsafeWindow.pageController._containers.pageUrl; return { title: document.querySelector("title")?.textContent?.trim(), series: `../${unsafeWindow.pageController._containers.mangaIdentification}`, pages: images.length, prev: chapter?.previousElementSibling?.getAttribute("value"), next: chapter?.nextElementSibling?.getAttribute("value"), listImages: images.map((img, index) => src .replace("identification", img.getAttribute("value")) .replace("pageNumber", index), ), }; }, }; const klmanga = { name: "KLManga", url: /https?:\/\/(www\.)?klmanga.com\/.+chapter.+/, homepage: "https://klmanga.com/", language: ["Raw"], category: "manga", run() { const images = [...document.querySelectorAll(".chapter-content img")]; const chapter = document .querySelectorAll(".form-control")[0] .querySelector("option:checked"); return { title: document.querySelector("title")?.textContent?.trim(), series: document.querySelector(".navbar-brand")?.getAttribute("href"), pages: images.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const leitor = { name: "Leitor", url: /https?:\/\/(www\.)?leitor.net\/manga\/.+\/.+\/.+/, homepage: "https://leitor.net/", language: ["Portuguese"], category: "manga", async run() { const url = `https://leitor.net/leitor/pages/${unsafeWindow.READER_ID_RELEASE}.json?key=${unsafeWindow.READER_TOKEN}`; const api = await fetch(url).then(async (res) => res.json()); const chapter = document.querySelector(".chapter-list .selected"); return { title: document.querySelector("title")?.textContent?.trim(), series: document.querySelector(".series-cover a")?.getAttribute("href"), pages: api.images.length, prev: chapter?.nextElementSibling ?.querySelector("a") ?.getAttribute("href"), next: chapter?.previousElementSibling ?.querySelector("a") ?.getAttribute("href"), listImages: api.images.map((img) => img.avif ?? img.legacy), }; }, }; const lhtranslation = { name: "LHTranslation", url: /https?:\/\/(www\.)?lhtranslation.net\/read.+/, homepage: "https://lhtranslation.net/", language: ["English"], category: "manga", run() { const chapter = document.querySelector(".form-control option:checked"); const images = [...document.querySelectorAll("img.chapter-img")]; return { title: document .querySelector(".chapter-img.tieude font") ?.textContent?.trim(), series: document .querySelector(".navbar-brand.manga-name") ?.getAttribute("href"), pages: images.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const concatenateTemplateLiteralTag = (raw, ...keys) => keys.length === 0 ? raw[0] : String.raw({ raw }, ...keys); const html = concatenateTemplateLiteralTag; const css = concatenateTemplateLiteralTag; const colors = { dark: { name: "dark", 50: "#C1C2C5", 100: "#A6A7AB", 200: "#909296", 300: "#5c5f66", 400: "#373A40", 500: "#2C2E33", 600: "#25262b", 700: "#1A1B1E", 800: "#141517", 900: "#101113", }, gray: { name: "gray", 50: "#f8f9fa", 100: "#f1f3f5", 200: "#e9ecef", 300: "#dee2e6", 400: "#ced4da", 500: "#adb5bd", 600: "#868e96", 700: "#495057", 800: "#343a40", 900: "#212529", }, red: { name: "red", 50: "#fff5f5", 100: "#ffe3e3", 200: "#ffc9c9", 300: "#ffa8a8", 400: "#ff8787", 500: "#ff6b6b", 600: "#fa5252", 700: "#f03e3e", 800: "#e03131", 900: "#c92a2a", }, pink: { name: "pink", 50: "#fff0f6", 100: "#ffdeeb", 200: "#fcc2d7", 300: "#faa2c1", 400: "#f783ac", 500: "#f06595", 600: "#e64980", 700: "#d6336c", 800: "#c2255c", 900: "#a61e4d", }, grape: { name: "grape", 50: "#f8f0fc", 100: "#f3d9fa", 200: "#eebefa", 300: "#e599f7", 400: "#da77f2", 500: "#cc5de8", 600: "#be4bdb", 700: "#ae3ec9", 800: "#9c36b5", 900: "#862e9c", }, violet: { name: "violet", 50: "#f3f0ff", 100: "#e5dbff", 200: "#d0bfff", 300: "#b197fc", 400: "#9775fa", 500: "#845ef7", 600: "#7950f2", 700: "#7048e8", 800: "#6741d9", 900: "#5f3dc4", }, indigo: { name: "purple", 50: "#edf2ff", 100: "#dbe4ff", 200: "#bac8ff", 300: "#91a7ff", 400: "#748ffc", 500: "#5c7cfa", 600: "#4c6ef5", 700: "#4263eb", 800: "#3b5bdb", 900: "#364fc7", }, blue: { name: "blue", 50: "#e7f5ff", 100: "#d0ebff", 200: "#a5d8ff", 300: "#74c0fc", 400: "#4dabf7", 500: "#339af0", 600: "#228be6", 700: "#1c7ed6", 800: "#1971c2", 900: "#1864ab", }, cyan: { name: "cyan", 50: "#e3fafc", 100: "#c5f6fa", 200: "#99e9f2", 300: "#66d9e8", 400: "#3bc9db", 500: "#22b8cf", 600: "#15aabf", 700: "#1098ad", 800: "#0c8599", 900: "#0b7285", }, teal: { name: "teal", 50: "#e6fcf5", 100: "#c3fae8", 200: "#96f2d7", 300: "#63e6be", 400: "#38d9a9", 500: "#20c997", 600: "#12b886", 700: "#0ca678", 800: "#099268", 900: "#087f5b", }, green: { name: "green", 50: "#ebfbee", 100: "#d3f9d8", 200: "#b2f2bb", 300: "#8ce99a", 400: "#69db7c", 500: "#51cf66", 600: "#40c057", 700: "#37b24d", 800: "#2f9e44", 900: "#2b8a3e", }, lime: { name: "lime", 50: "#f4fce3", 100: "#e9fac8", 200: "#d8f5a2", 300: "#c0eb75", 400: "#a9e34b", 500: "#94d82d", 600: "#82c91e", 700: "#74b816", 800: "#66a80f", 900: "#5c940d", }, yellow: { name: "yellow", 50: "#fff9db", 100: "#fff3bf", 200: "#ffec99", 300: "#ffe066", 400: "#ffd43b", 500: "#fcc419", 600: "#fab005", 700: "#f59f00", 800: "#f08c00", 900: "#e67700", }, orange: { name: "orange", 50: "#fff4e6", 100: "#ffe8cc", 200: "#ffd8a8", 300: "#ffc078", 400: "#ffa94d", 500: "#ff922b", 600: "#fd7e14", 700: "#f76707", 800: "#e8590c", 900: "#d9480f", }, darkblue: { name: "darkblue", 50: "#E8F4F9", 100: "#D9DEE9", 200: "#B7C2DA", 300: "#6482C0", 400: "#4267B2", 500: "#385898", 600: "#314E89", 700: "#29487D", 800: "#223B67", 900: "#1E355B", }, }; const darkest = 10; const lightest = 95; function setLightness(hsl, lightness) { hsl.l = lightness; return tinycolor(hsl).toHexString(); } function getTextColor(hex) { const color = tinycolor(hex); const hsl = color.toHsl(); return setLightness(hsl, color.isDark() ? lightest : darkest); } function isDark(color) { return tinycolor(color).getBrightness() <= 120; } function isBackgroundColorDark(element) { return isDark(window.getComputedStyle(element).backgroundColor); } function svgToUrl(str) { const cleaned = str.replace(/[\t\n\r]/gim, "").replace(/\s\s+/g, " "); const encoded = encodeURIComponent(cleaned) .replace(/\(/g, "%28") .replace(/\)/g, "%29"); return `data:image/svg+xml;charset=UTF-8,${encoded}`; } const rulerMarkerLength = (len) => { if (len % 100 === 0) { return 15; } if (len % 50 === 0) { return 10; } if (len % 25 === 0) { return 5; } return 2.5; }; function rectangleRuler(width, height, bgColor, textColor) { let markers = ""; for (let x = 0; x <= width; x += 5) { const tick = html` `; markers += tick; if (x !== 0 && x % 50 === 0) { const label = html` ${x} `; markers += label; } } for (let y = 0; y <= height; y += 5) { const tick = html` `; markers += tick; if (y !== 0 && y % 50 === 0) { const label = html` ${y} `; markers += label; } } return html` ${width}x${height} ${markers} `; } function placeholder( width, height, bgColor = "#0F1C3F", textColor = "#ECEAD9", ) { const str = rectangleRuler(width, height, bgColor, textColor); return svgToUrl(str); } const backgrounds = Object.values(colors).map((i) => i["900"]); const widths = [400, 600, 900, 1200, 1400, 1600, 1970]; const heights = [600, 800, 1e3, 1200, 1400, 2e3, 2600]; function randomPlaceholder() { const randomWidth = Math.floor(Math.random() * widths.length); const randomHeight = Math.floor(Math.random() * heights.length); const randomColor = Math.floor(Math.random() * backgrounds.length); return placeholder( widths[randomWidth], heights[randomHeight], backgrounds[randomColor], ); } const localhost = { name: "Local Files", url: /(file:\/\/\/.+(index)?.html)/, homepage: "/index.html?raw=1", language: ["Raw"], category: "manga", run() { const num = parseInt( /\d+/.exec(window.location.search)?.toString() ?? "5", 10, ); const comments = document.createElement("div"); comments.innerHTML = Array(100).fill("Testing Comment
").join(""); return { title: "Placeholder Manga Loaded", series: "?reload", pages: num, begin: 1, prev: "?pages=50", next: "?pages=1", listImages: [ placeholder(1970, 1400, "#2D1657"), placeholder(985, 1400, "#152C55"), placeholder(985, 1400, "#7A1420"), placeholder(985, 1400, "#0F5B30"), placeholder(1970, 1400, "#806D15"), ...Array(num).fill(0).map(randomPlaceholder), ], comments, }; }, }; const lynxscans = { name: "LynxScans", url: /https?:\/\/(www\.)?lynxscans.com\/comics?\/.+/, homepage: "https://lynxscans.com/", language: ["English"], category: "manga", waitAttr: ["#app", "data-page"], run() { const data = JSON.parse( document.querySelector("#app").getAttribute("data-page"), ); return { title: document.querySelector("title")?.textContent?.trim(), series: data.props.home, pages: data.props.pages.length, prev: data.props.previousChapter, next: data.props.nextChapter, listImages: data.props.pages.map((img) => img.url), }; }, }; function findImages() { return [ ...document.querySelectorAll( ".wp-manga-chapter-img, .blocks-gallery-item img, .reading-content img", ), ].map( (img) => img?.getAttribute("src") ?? img?.getAttribute("data-src") ?? img?.getAttribute("data-full-url"), ); } const madarawp = { name: [ "Madara WordPress Plugin", "MangaHaus", "Isekai Scan", "Comic Kiba", "Zinmanga", "mangatx", "Toonily", "Mngazuki", "JaiminisBox", "DisasterScans", "ManhuaPlus", "TopManhua", "NovelMic", "Reset-Scans", "LeviatanScans", "Dragon Tea", "SetsuScans", ], url: /https?:\/\/.+\/(manga|series|manhua|comic|ch|novel)\/.+\/.+/, homepage: [ "https://mangabooth.com/", "https://manhuaus.com", "https://isekaiscan.com/", "https://comickiba.com/", "https://zinmanga.com/", "https://mangatx.com/", "https://toonily.net/", "https://mangazuki.me/", "https://jaiminisbox.net", "https://disasterscans.com/", "https://manhuaplus.com/", "https://www.topmanhua.com/", "https://novelmic.com/", "https://reset-scans.com/", "https://leviatanscans.com/", "https://dragontea.ink/", "https://setsuscans.com/", ], language: ["English"], obs: "Any Site that uses Madara Wordpress Plugin", category: "manga", waitFunc: () => findImages().every( (s) => s && /^([\t\n])*(https?:\/\/)?.+\.(jpg|jpeg|png|gif|bmp|webp).*$/.test(s), ), run() { const images = findImages(); return { title: document.querySelector("#chapter-heading")?.textContent?.trim(), series: ( document.querySelector(".breadcrumb li:nth-child(3) a") ?? document.querySelector(".breadcrumb li:nth-child(2) a") )?.getAttribute("href"), pages: images.length, prev: document.querySelector(".prev_page")?.getAttribute("href"), next: document.querySelector(".next_page")?.getAttribute("href"), listImages: images, }; }, }; const mangabuddy = { name: "MangaBuddy", url: /https?:\/\/(www\.)?mangabuddy.com\/.+\/chapter.+/, homepage: "https://mangabuddy.com/", language: ["English"], category: "manga", waitVar: "chapImages", run() { const images = unsafeWindow.chapImages.split(","); return { title: document.querySelector(".chapter-info")?.textContent?.trim(), series: document .querySelector("#breadcrumbs-container div:nth-child(2) a") ?.getAttribute("href"), pages: images.length, prev: document.querySelector("a.prev")?.getAttribute("href"), next: document.querySelector("a.next")?.getAttribute("href"), listImages: images, }; }, }; const mangadex = { name: "MangaDex", url: /https?:\/\/(www\.)?mangadex.org\/chapter\/.+(\/.+)?/, homepage: "https://mangadex.org/", language: ["English"], category: "manga", waitEle: ".md--reader-menu a[href^='/chapter/']", async run() { const chapterId = /\/chapter\/([^/]+)(\/\d+)?/ .exec(window.location.pathname) ?.at(1); const home = `https://api.mangadex.org/at-home/server/${chapterId}`; const server = await fetch(home).then(async (res) => res.json()); const images = server.chapter.data; const chapters = [ ...document.querySelectorAll(".md--reader-menu a[href^='/chapter/']"), ].map((a) => a.getAttribute("href")); return { title: document.querySelector("title")?.text.replace(" - MangaDex", ""), series: document .querySelector("a.text-primary[href^='/title/']") ?.getAttribute("href"), pages: images.length, prev: chapters[0] !== window.location.pathname ? chapters[0] : "#", next: chapters[1] !== window.location.pathname ? chapters[1] : "#", listImages: images.map( (img) => `${server.baseUrl}/data/${server.chapter.hash}/${img}`, ), }; }, }; const mangafox = { name: ["MangaFox", "MangaHere"], url: /https?:\/\/(www\.)?(fanfox.net|mangahere.cc)\/manga\/.+\/.+\//, homepage: ["https://fanfox.net/", "https://www.mangahere.cc/"], language: ["English"], category: "manga", waitVar: "chapterid", async run() { const key = document.querySelector("#dm5_key")?.getAttribute("value"); const options = { method: "GET", headers: { "Content-Type": "text/plain", }, }; const src = Array(unsafeWindow.imagecount) .fill(0) .map(async (_, i) => { const url = `chapterfun.ashx?cid=${ unsafeWindow.chapterid ?? unsafeWindow.chapter_id }&page=${i}&key=${key}`; const api = await fetch(url, options).then(async (res) => res.text()); (0, eval)(api); return d; }); const images = await Promise.all(src); return { title: document .querySelector(".reader-header-title div") ?.textContent?.trim(), series: document .querySelector(".reader-header-title a") ?.getAttribute("href"), pages: unsafeWindow.imagecount, prev: unsafeWindow.prechapterurl, next: unsafeWindow.nextchapterurl, listImages: images.map((img, i) => img[i === 0 ? 0 : 1]), }; }, }; const mangafreak = { name: "MangaFreak", url: /https?:\/\/.{3,4}?(mangafreak).net\/Read.+/, homepage: "https://mangafreak.net/", language: ["English"], category: "manga", run() { const chapter = document.querySelector( ".chapter_list select option:checked", ); const images = [...document.querySelectorAll(".mySlides img")]; return { title: document.querySelector("title")?.textContent?.trim(), series: document.querySelector(".title a")?.getAttribute("href"), pages: images.length, prev: chapter?.previousElementSibling?.getAttribute("value"), next: chapter?.nextElementSibling?.getAttribute("value"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const mangago = { name: "Mangago", url: /https?:\/\/(www\.)?mangago.me\/.*\/.*\/.*/, homepage: "https://www.mangago.me/", language: ["English"], category: "manga", waitVar: "imgsrcs", run() { const key = CryptoJS.enc.Hex.parse("e11adc3949ba59abbe56e057f20f883e"); const iv = CryptoJS.enc.Hex.parse("1234567890abcdef1234567890abcdef"); const opinion = { iv, padding: CryptoJS.pad.ZeroPadding }; const images = CryptoJS.AES.decrypt(unsafeWindow.imgsrcs, key, opinion) .toString(CryptoJS.enc.Utf8) .split(","); return { title: `${unsafeWindow.manga_name} ${unsafeWindow.chapter_name}`, series: unsafeWindow.mid, pages: unsafeWindow.total_pages, prev: document .querySelector(".recom p:nth-child(5) a") ?.getAttribute("href"), next: unsafeWindow.next_c_url, listImages: images, }; }, }; const mangahosted = { name: "MangaHosted", url: /https?:\/\/(www\.)?mangahosted.com\/manga\/.+\/.+/, homepage: "https://mangahosted.com/", language: ["Portuguese"], category: "manga", run() { const images = [...document.querySelectorAll("picture img")]; return { title: $(".breadcrumb li:eq(3)").text().trim(), series: $(".breadcrumb li:eq(2) a").attr("href"), pages: images.length, prev: unsafeWindow.$read_prev, next: unsafeWindow.$read_next, listImages: images.map((img) => img.getAttribute("src")), }; }, }; const mangahub = { name: "MangaHub", url: /https?:\/\/(www\.)?(mangahub).io\/chapter\/.+\/.+/, homepage: "https://mangahub.io/", language: ["English"], category: "manga", waitEle: "#select-chapter", async run() { function getCookie(name) { const re = new RegExp(`${name}=([^;]+)`); const value = re.exec(document.cookie); return value != null ? decodeURIComponent(value[1]) : null; } const slug = unsafeWindow.CURRENT_MANGA_SLUG ?? window.location.pathname.split("/")[2]; const number = window.location.pathname .split("/")[3] .replace("chapter-", ""); const data = { query: `{chapter(x:m01,slug:"${slug}",number:${number}){pages}}`, }; const options = { method: "POST", body: JSON.stringify(data), headers: { "Content-Type": "application/json", "x-mhub-access": getCookie("mhub_access") ?? "", }, }; const api = await fetch("https://api.mghubcdn.com/graphql", options).then( async (res) => res.json(), ); const images = JSON.parse(api?.data.chapter.pages.toString()); return { title: document.querySelector("#mangareader h3")?.textContent?.trim(), series: document.querySelector("#mangareader a")?.getAttribute("href"), pages: images.i.length, prev: document.querySelector(".previous a")?.getAttribute("href"), next: document.querySelector(".next a")?.getAttribute("href"), listImages: images.i.map( (i) => `https://img.mghubcdn.com/file/imghub/${images.p + i}`, ), }; }, }; const mangasin = { name: "MangasIn", url: /https?:\/\/(www\.)?mangas.in\/manga\/.+\/.+\/\d+/, homepage: "https://mangas.in/", language: ["Spanish"], category: "manga", run() { const images = [...document.querySelectorAll("#all img")]; const chapter = document.querySelector("#chapter-list li.active"); return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector("#navbar-collapse-1 ul:nth-child(2) a") ?.getAttribute("href"), pages: images.length, prev: chapter?.nextElementSibling?.firstElementChild?.getAttribute( "href", ), next: chapter?.previousElementSibling?.firstElementChild?.getAttribute( "href", ), listImages: images.map((img) => img.getAttribute("data-src")), }; }, }; const mangakakalot = { name: ["MangaKakalot", "MangaNelo", "MangaNato"], url: /https?:\/\/(www\.)?(read|chap)?(manganelo|mangakakalot|manganato).(com|to).*\/chapter.+/, homepage: [ "https://mangakakalot.com/", "https://www.manganelo.com/", "https://www.manganato.com/", ], language: ["English"], category: "manga", run() { const images = [ ...document.querySelectorAll( "#vungdoc img, .container-chapter-reader img", ), ]; return { title: document .querySelector( ".info-top-chapter h2, .imageOptions-chapter-info-top h1, .panel-chapter-info-top h1", ) ?.textContent?.trim(), series: document .querySelectorAll("span a[title]") .item(1) .getAttribute("href"), pages: images.length, prev: document .querySelector(".navi-change-chapter-btn-prev, .next") ?.getAttribute("href"), next: document .querySelector(".navi-change-chapter-btn-next, .back") ?.getAttribute("href"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const mangapark = { name: "MangaPark", url: /https?:\/\/(www\.)?mangapark.(com|me|org|net)\/title\/.+\/.+/, homepage: "https://mangapark.net/", language: ["English"], category: "manga", waitEle: "main div div a.btn-primary", run() { const json = JSON.parse( document.querySelector("#__NEXT_DATA__")?.innerHTML ?? "", ); const data = json.props.pageProps.dehydratedState.queries[0].state.data.data .imageSet; const images = data.httpLis.map( (img, index) => `${img}?${data.wordLis[index]}`, ); return { title: [ ...document.querySelectorAll( ".comic-detail h3 a, .comic-detail h6 span", ), ] .map((e) => e.textContent?.trim()) .join(" "), series: document.querySelector(".comic-detail a")?.getAttribute("href"), pages: images.length, prev: document .querySelectorAll("main div div a.btn-primary") ?.item(0) ?.getAttribute("href"), next: document .querySelectorAll("main div div a.btn-primary") ?.item(1) ?.getAttribute("href"), listImages: images, }; }, }; const mangareader = { name: "Mangareader", url: /https?:\/\/(www\.)?mangareader.to\/read\/.+\/.+\/.+/, homepage: "https://mangareader.to", language: ["English"], category: "manga", obs: "Some galleries will not be usable", waitEle: ".ds-image, .iv-card", async run() { const chapter = document.querySelector(".chapter-item.active"); const images = [ ...document.querySelectorAll(".ds-image[data-url], .iv-card[data-url]"), ]; const src = images.map(async (img) => { const url = img.getAttribute("data-url"); if (url && img.classList.contains("shuffled")) { return (await imgReverser(url)).toDataURL(); } return url; }); return { title: document.querySelector(".hr-manga h2")?.textContent?.trim(), series: document.querySelector(".hr-manga")?.getAttribute("href"), pages: src.length, prev: chapter?.nextElementSibling ?.querySelector("a") ?.getAttribute("href"), next: chapter?.previousElementSibling ?.querySelector("a") ?.getAttribute("href"), listImages: await Promise.all(src), }; }, }; const mangasee = { name: ["MangaSee", "Manga4life"], url: /https?:\/\/(www\.)?(mangasee123|manga4life).com\/read-online\/.+/, homepage: ["https://mangasee123.com/", "https://manga4life.com/"], language: ["English"], category: "manga", waitAttr: [".img-fluid", "src"], run() { const src = document.querySelector(".img-fluid")?.getAttribute("src") ?? ""; const script = [ ...document.querySelectorAll("body script:not([src])"), ].at(-1)?.textContent; const textCurChapter = script?.match(/CurChapter = ({.+});/) ?? []; const CurChapter = JSON.parse(textCurChapter[1]); const textCHAPTERS = script?.match(/CHAPTERS = (\[\{.+}]);/) ?? []; const CHAPTERS = JSON.parse(textCHAPTERS[1]); const CurChapterIndex = CHAPTERS.findIndex( (chap) => chap.Chapter === CurChapter.Chapter, ); function ChapterURLEncode(reference) { let ChapterString = CHAPTERS[CurChapterIndex + reference]; if (ChapterString === void 0) { return "#"; } ChapterString = ChapterString.Chapter; let Index = ""; const IndexString = ChapterString.substring(0, 1); if (IndexString !== "1") { Index = `-index-${IndexString}`; } const Chapter = parseInt(ChapterString.slice(1, -1), 10); let Odd = ""; const OddString = ChapterString[ChapterString.length - 1]; if (OddString !== "0") { Odd = `.${OddString}`; } return window.location.href.replace( /-chapter-.+/, `-chapter-${Chapter}${Odd}${Index}.html`, ); } return { title: document .querySelector("title") ?.textContent?.replace(/ Page .+/, "") .trim(), series: document .querySelector(".MainContainer a") ?.getAttribute("href"), pages: parseInt(CurChapter.Page, 10), prev: ChapterURLEncode(-1), next: ChapterURLEncode(1), listImages: Array(parseInt(CurChapter.Page, 10)) .fill(0) .map((_, i) => src.replace( /-\d\d\d.png/, `-${String(i + 1) .padStart(3, "0") .slice(-3)}.png`, ), ), }; }, }; const mangastreamwp = { name: [ "MangaStream WordPress Plugin", "Asura Scans", "Flame Comics", "Rizzcomic", "Voids-Scans", "Luminous Scans", "Shimada Scans", "Night Scans", "Manhwa-Freak", "OzulScansEn", "AzureManga", "CypherScans", ], url: /https?:\/\/(www\.)?(asura.*|flamecomics|rizzcomic|void-scans|luminousscans|shimascans|nightscans|manhwafreak|manhwa-freak|ozulscansen|azuremanga|cypherscans).(com|org|gg|xyz|to|net)\/.+/, homepage: [ "https://themesia.com/mangastream-wordpress-theme/", "https://asuratoon.com/", "https://flamecomics.com/", "https://rizzcomic.com/", "https://void-scans.com/", "https://luminousscans.com/", "https://shimadascans.com/", "https://nightscans.net/", "https://manhwa-freak.com/", "https://ozulscansen.com/", "https://azuremanga.com/", "https://cypherscans.xyz/", ], language: ["English"], category: "manga", // waitTime: 2000, waitEle: "#chapter option:nth-child(2)", run() { const chapter = document.querySelector("#chapter option:checked"); const images = [ ...document.querySelectorAll("#readerarea img:not(.asurascans)"), ]; return { title: document.querySelector(".entry-title")?.textContent?.trim(), series: document.querySelector(".allc a")?.getAttribute("href"), pages: images.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listImages: images.map( (img) => img.getAttribute("data-src") ?? img.getAttribute("data-lazy-src") ?? img.getAttribute("src"), ), }; }, }; const mangatigre = { name: "MangaTigre", url: /https?:\/\/(www\.)?mangatigre.net\/.+\/.+\/.+/, homepage: "https://www.mangatigre.net/", language: ["Spanish"], category: "manga", run() { const images = [...document.querySelectorAll(".chapter-content img")]; const chapter = document.querySelector(".form-control option:checked"); return { title: document.querySelector(".page-title")?.textContent?.trim(), series: document .querySelector(".breadcrumb li:nth-child(3) a") ?.getAttribute("href"), pages: images.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listImages: images.map( (img) => img.getAttribute("data-src") ?? img.getAttribute("src"), ), }; }, }; const mangatoon = { name: "MangaToons", url: /https?:\/\/.*mangatoon.mobi\/.+\/watch\/.+/, homepage: "https://mangatoon.mobi/", language: ["English"], category: "manga", waitEle: ".pictures img:not(.cover)", run() { const images = [ ...document.querySelectorAll(".pictures img:not(.cover)"), ]; return { title: document.querySelector("title")?.textContent?.trim(), series: document.querySelector(".top-left a")?.getAttribute("href"), pages: images.length, prev: document.querySelector(".page-icons-prev")?.getAttribute("href"), next: document.querySelector(".page-icons-next")?.getAttribute("href"), listImages: images.map((img) => img.getAttribute("data-src")), }; }, }; const mangatown = { name: "MangaTown", url: /https?:\/\/(www\.|m\.)?mangatown.com\/manga\/.+\/.+/, homepage: "https://www.mangatown.com/", language: ["English"], category: "manga", waitVar: "chapter_id", async run() { const key = document.querySelector("#dm5_key")?.getAttribute("value"); const options = { method: "GET", headers: { "Content-Type": "text/plain", }, }; const src = Array(unsafeWindow.total_pages) .fill(0) .map(async (_, i) => { const url = `chapterfun.ashx?cid=${unsafeWindow.chapter_id}&page=${i}&key=${key}`; const api = await fetch(url, options).then(async (res) => res.text()); (0, eval)(api); return d; }); const images = await Promise.all(src); const chapter = document.querySelector( "#top_chapter_list option:checked", ); return { title: document.querySelector(".title h1")?.textContent, series: unsafeWindow.series_url, pages: images.length, prev: chapter?.previousElementSibling?.getAttribute("value"), next: chapter?.nextElementSibling?.getAttribute("value"), listImages: images.map((img, i) => img[i === 0 ? 0 : 1]), }; }, }; const manhuascan = { name: "ManhuaScan", url: /https?:\/\/(www\.)?manhuascan.io\/.+chapter.+/, homepage: "https://manhuascan.io/", language: ["English"], category: "manga", waitVar: "imgsrcs", run() { const key = CryptoJS.enc.Hex.parse("e11adc3949ba59abbe56e057f20f131e"); const iv = CryptoJS.enc.Hex.parse("1234567890abcdef1234567890abcdef"); const opinion = { iv, padding: CryptoJS.pad.ZeroPadding }; const images = CryptoJS.AES.decrypt(unsafeWindow.imgsrcs, key, opinion) .toString(CryptoJS.enc.Utf8) .split(","); return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector(".breadcrumb li:nth-child(3) a") ?.getAttribute("href"), pages: images.length, prev: document .querySelector(".chapter-select a:first-of-type") ?.getAttribute("href"), next: document .querySelector(".chapter-select a:last-of-type") ?.getAttribute("href"), listImages: images, }; }, }; const mgeko = { name: ["MangaGeko"], url: /https?:\/\/(www\.)?mgeko.com?\/reader\/.*/, homepage: ["https://www.mgeko.com/"], language: ["English"], category: "manga", run() { const images = [...document.querySelectorAll("#chapter-reader img")]; return { title: document.querySelector(".titles")?.textContent?.trim(), series: document.querySelector(".titles a")?.getAttribute("href"), pages: images.length, prev: document.querySelector(".chnav.prev")?.getAttribute("href"), next: document.querySelector(".chnav.next")?.getAttribute("href"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const naniscans = { name: "NaniScans", url: /https?:\/\/(www\.)?(naniscans).com\/chapters\/.+\/read/, homepage: "https://naniscans.com/", language: ["English"], category: "manga", waitVar: "chapterListRoute", async run() { const api = await fetch( window.location.href.replace("read", "json"), ).then(async (res) => res.json()); return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector('a[href^="/titles/"]') ?.getAttribute("href"), pages: api.pages.length, prev: unsafeWindow.previousChapterRoute, next: unsafeWindow.nextChapterRoute, listImages: api.pages.map((i) => i.address), }; }, }; const ninemanga = { name: "NineManga", url: /https?:\/\/(www\.)?ninemanga.com\/chapter\/.+\/.+\.html/, homepage: "https://ninemanga.com/", language: ["English"], category: "manga", run() { const chapter = document.querySelector("#chapter option:checked"); const pages = [ ...document.querySelector("#page").querySelectorAll("option"), ]; return { title: document.querySelector(".tip a")?.textContent?.trim(), series: document .querySelector(".subgiude > li:nth-child(2) > a") ?.getAttribute("href"), pages: pages.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listPages: pages.map((item) => $(item).val()), img: ".manga_pic", }; }, }; const olympusscans = { name: "OlympusScans", url: /https?:\/\/(www\.)?olympusscans.com\/capitulo\/.+\/.+/, homepage: "https://olympusscans.com/", language: ["Spanish"], category: "manga", waitVar: "__NUXT__", run() { const images = unsafeWindow.__NUXT__.data[window.location.pathname].chapter.pages; return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector("h1") ?.parentElement?.getAttribute("href"), pages: images.length, prev: document .querySelector(".i-heroicons-chevron-left-20-solid") ?.parentElement?.getAttribute("href"), next: document .querySelector(".i-heroicons-chevron-right-20-solid") ?.parentElement?.getAttribute("href"), listImages: images, }; }, }; const pandamanga = { name: "PandaManga", url: /https?:\/\/(www\.)?pandamanga.xyz\/.+\/.+\/.+/, homepage: "https://www.pandamanga.com/", language: ["English"], category: "manga", run() { const chapter = document.querySelector(".select-chapter option:checked"); const data = JSON.parse( document.getElementById("__NEXT_DATA__").textContent, ); const images = data.props.pageProps.mangaview.source .split(",") .filter((url) => url.length > 0); return { title: data.props.pageProps.mangaview.nameSeoChapter, series: document.querySelector(".allc a")?.getAttribute("href"), pages: images.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listImages: images, }; }, }; const rawdevart = { name: "RawDevart", url: /https?:\/\/(www\.)?rawdevart.com\/comic\/.+\/.+\//, homepage: "https://rawdevart.com", language: ["Raw"], category: "manga", waitVar: "rconfig", waitEle: "#chapter-list select", run() { const chapter = document.querySelector("#chapter-list option:checked"); const images = [...document.querySelectorAll("#img-container img")]; return { title: unsafeWindow.rconfig.chapterTitle, series: unsafeWindow.rconfig.prefix, pages: images.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listImages: images.map( (item) => $(item).attr("data-src") ?? $(item).attr("src"), ), }; }, }; const readcomicsonline = { name: "ReadComicsOnline", url: /https?:\/\/(www\.)?readcomicsonline.ru\/comic\/.*\/\d*/, homepage: "https://readcomicsonline.ru/", language: ["English"], category: "comic", run() { const images = [...document.querySelectorAll("#all img")]; return { title: unsafeWindow.title.replace(/ - Page \d+/, ""), series: document.querySelector("div.pager-cnt a")?.getAttribute("href"), pages: unsafeWindow.pages.length, prev: unsafeWindow.prev_chapter, next: unsafeWindow.next_chapter, listImages: images.map((img) => img.getAttribute("data-src")), }; }, }; const readmangatoday = { name: ["ReadManga Today", "Funmanga", "MangaDoom", "MangaInn"], url: /https?:\/\/(www\.)?(funmanga|mngdoom|readmng|mangainn).(com|net)\/.+\/\d+/, homepage: [ "https://www.readmng.com/", "https://funmanga.com/", "https://mngdoom.com/", "https://www.mangainn.net/", ], language: ["English"], category: "manga", run() { return { title: unsafeWindow.chapter_page_title, series: unsafeWindow.manga_url, pages: unsafeWindow.images.length, prev: unsafeWindow.prev_chapter_url, next: unsafeWindow.next_chapter_url, listImages: unsafeWindow.images.map((item) => item.url), }; }, }; const reaperscans = { name: "ReaperScans", url: /https?:\/\/(www\.)?reaperscans\.com\/comics\/.+\/chapters\/.+/, homepage: "https://reaperscans.com/", language: ["English"], category: "manga", waitEle: "main img", run() { const images = [...document.querySelectorAll("main img")]; return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector(".fa-list") ?.parentElement?.getAttribute("href"), pages: images.length, prev: document .querySelector(".fa-arrow-left-long") ?.parentElement?.getAttribute("href"), next: document .querySelector(".fa-arrow-right-long") ?.parentElement?.getAttribute("href"), listImages: images.map( (img) => img.getAttribute("data-src") ?? img.getAttribute("src"), ), }; }, }; const senmanga = { name: "SenManga(Raw)", url: /https?:\/\/raw\.senmanga.com\/.+\/.+\/?/, homepage: "https://raw.senmanga.com/", language: ["Raw"], category: "manga", run() { const url = `/${window.location.pathname.split("/")[1]}/${ window.location.pathname.split("/")[2] }`; const num = parseInt( document .querySelector(".page-list select option:last-child") ?.getAttribute("value") ?? "0", 10, ); const chapter = [...document.querySelectorAll(".dropdown-chapter li")]; const origin = chapter.findIndex( (item) => item.querySelector("a")?.getAttribute("href") === window.location.href, ); return { title: $(".title").text().trim(), series: document .querySelector(".breadcrumb li:nth-child(2) a") ?.getAttribute("href"), pages: num, prev: chapter .at(origin + 1) ?.querySelector("a") ?.getAttribute("href"), next: chapter .at(origin - 1) ?.querySelector("a") ?.getAttribute("href"), listPages: Array(num) .fill(0) .map((_, i) => `${url}/${i + 1}/`), img: ".picture", }; }, }; const tapas = { name: "KLManga", url: /https?:\/\/(www\.)?tapas.io\/episode\/.+/, homepage: "https://tapas.io/", language: ["English"], category: "manga", run() { const images = [ ...document.querySelectorAll(".viewer__body img.content__img"), ]; const chapter = document.querySelector( ".js-episodes .body__item--selected", ); return { title: document .querySelector(".viewer__header .title") ?.textContent?.trim(), series: document.querySelector(".vw-nav__left a")?.getAttribute("href"), pages: images.length, prev: chapter?.previousElementSibling?.getAttribute("data-href"), next: chapter?.nextElementSibling?.getAttribute("data-href"), listImages: images.map( (img) => img.getAttribute("data-src") ?? img.getAttribute("src"), ), }; }, }; const tenmanga = { name: "TenManga", url: /https?:\/\/(www\.)?(tenmanga|gardenmanage).com\/(chapter|statuses)\/.+/, homepage: "https://www.tenmanga.com/", language: ["English"], category: "manga", waitVar: "_pageCtrl", run() { const chapter = document.querySelector( ".mangaread-pagenav select option:checked", ); const images = unsafeWindow._pageCtrl.options.all_imgs_url; return { title: document.querySelector(".title h1")?.textContent?.trim(), series: document .querySelector(".title a:nth-child(2)") ?.getAttribute("href"), pages: images.length, prev: chapter?.nextElementSibling?.getAttribute("value"), next: chapter?.previousElementSibling?.getAttribute("value"), listImages: images, }; }, }; const tmofans = { name: "TuMangaOnline", url: /https?:\/\/(www\.)?(.+).com\/(viewer|news)\/.+\/(paginated|cascade)/, homepage: "https://lectortmo.com/", language: ["Spanish"], category: "manga", run() { const images = [ ...document.querySelectorAll( ".img-container img, .viewer-container img", ), ]; const pages = [ ...document.querySelectorAll( "div.container:nth-child(4) select#viewer-pages-select option", ), ]; const num = images.length > 1 ? images.length : pages.length; return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector('a[title="Volver"]') ?.getAttribute("href"), pages: num, prev: document.querySelector(".chapter-prev a")?.getAttribute("href"), next: document.querySelector(".chapter-next a")?.getAttribute("href"), ...(images.length > 1 ? { listImages: images.map((item) => $(item).attr("data-src")), } : { listPages: Array(pages.length) .fill(0) .map( (_, i) => `${window.location.href.replace(/\/\d+$/, "")}/${i + 1}`, ), img: "#viewer-container img, .viewer-page", }), }; }, }; const tumanhwas = { name: "TuManhwas", url: /https?:\/\/(www\.)?tumanhwas.com\/news\/.+/, homepage: "https://tumanhwas.com/", language: ["Spanish"], category: "manga", run() { const images = [...document.querySelectorAll("#chapter_imgs img")]; return { title: document.querySelector(".entry-title")?.textContent?.trim(), series: document .querySelector(".nextprev a:nth-child(2)") ?.getAttribute("href"), pages: images.length, prev: document .querySelector(".nextprev a:nth-child(1)") ?.getAttribute("href"), next: document .querySelector(".nextprev a:nth-child(3)") ?.getAttribute("href"), listImages: images.map((item) => $(item).attr("src")), }; }, }; const unionmangas = { name: "UnionMangas", url: /https?:\/\/(www\.)?unionleitor.top\/leitor\/.+\/.+/, homepage: "https://unionleitor.top/", language: ["Portuguese"], category: "manga", run() { const chapter = document.querySelector("#capitulo_trocar option:checked"); const images = [...document.querySelectorAll(".img-manga")]; return { title: document.querySelector(".titulo-leitura")?.textContent?.trim(), series: document .querySelector(".breadcrumbs a:nth-child(3)") ?.getAttribute("href"), pages: images.length, prev: chapter?.previousElementSibling?.getAttribute("value"), next: chapter?.nextElementSibling?.getAttribute("value"), listImages: images.map((img) => img.getAttribute("src")), }; }, }; const webnovel = { name: "WebNovel", url: /https?:\/\/(www\.)?webnovel.com\/comic\/.+/, homepage: "https://www.webnovel.com/", language: ["English"], category: "manga", waitVar: "g_data", run() { const images = unsafeWindow.g_data.chapter.chapterInfo.chapterPage.map( (img) => img.url, ); return { title: document.querySelector("title")?.textContent?.trim(), series: "./", pages: images.length, prev: `${unsafeWindow.g_data.chapter.chapterInfo.preChapterName}_${unsafeWindow.g_data.chapter.chapterInfo.preChapterId}`, next: `${unsafeWindow.g_data.chapter.chapterInfo.nextChapterName}_${unsafeWindow.g_data.chapter.chapterInfo.nextChapterId}`, listImages: images, }; }, }; const webtoons = { name: "WebToons", url: /https?:\/\/(www\.)?webtoons.com\/.+viewer.+/, homepage: "https://www.webtoons.com/", language: ["English"], category: "manga", run() { const images = [...document.querySelectorAll("#_imageList img")]; return { title: document.querySelector(".subj_info")?.textContent?.trim(), series: document.querySelector(".subj_info a")?.getAttribute("href"), pages: images.length, prev: document.querySelector("._prevEpisode")?.getAttribute("href"), next: document.querySelector("._nextEpisode")?.getAttribute("href"), listImages: images.map( (img) => img.getAttribute("data-url") ?? img.getAttribute("data-src") ?? img.getAttribute("src"), ), }; }, }; const wpmanga = { name: ["Manga33"], url: /https?:\/\/(www\.)?(manga33).com\/manga\/.+/, homepage: ["https://manga33.com/"], language: ["English"], category: "manga", run() { const images = [...document.querySelectorAll(".chapter-content img")]; return { title: document.querySelector("title")?.textContent?.trim(), series: document.querySelector(".navbar-brand")?.getAttribute("href"), pages: images.length, prev: document.querySelector("a.prev")?.getAttribute("href"), next: document.querySelector("a.next")?.getAttribute("href"), listImages: images.map((img) => img.getAttribute("src")), before() { if (/all.html$/.exec(window.location.pathname)) { return; } if (/\d+-\d+.html$/.exec(window.location.pathname)) { window.location.pathname = window.location.pathname.replace( /-\d+.html$/, "-all.html", ); } }, }; }, }; const yugenmangas = { name: "YugenMangas", url: /https?:\/\/(www\.)?(yugenmangas).(com|net|lat)\/series\/.+/, homepage: "https://yugenmangas.lat/", language: ["Spanish"], category: "manga", async run() { const images = [...document.querySelectorAll("p.flex > img")]; return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector("div.justify-between:nth-child(2) > a:nth-child(2)") ?.getAttribute("href"), pages: images.length, prev: document .querySelector("div.justify-between:nth-child(2) > a:nth-child(1)") ?.getAttribute("href"), next: document .querySelector("div.justify-between:nth-child(2) > a:nth-child(3)") ?.getAttribute("href"), listImages: images.map((img) => img.classList.contains("lazy") ? img.getAttribute("data-src") : img.getAttribute("src"), ), }; }, }; const zeroscans = { name: "ZeroScans", url: /https?:\/\/(www\.)?zscans.com\/comics\/.+/, homepage: "https://zscans.com/", language: ["English"], category: "manga", waitVar: "__ZEROSCANS__", run() { const images = unsafeWindow.__ZEROSCANS__.data.at(0).current_chapter.high_quality; const chapters = document.querySelectorAll(".v-btn--router"); return { title: document.querySelector("title")?.textContent?.trim(), series: document .querySelector(".v-breadcrumbs li:nth-child(2) + a") ?.getAttribute("href"), pages: images.length, prev: chapters[0]?.getAttribute("href"), next: chapters[1]?.getAttribute("href"), listImages: images, }; }, }; const sites = [ alandal, // Asurascans, batoto, bilibilicomics, comicastle, dysnatyscans, mangastreamwp, inkr, inmanga, klmanga, leitor, // Leviatanscans, lhtranslation, localhost, lynxscans, mangabuddy, mangadex, mangafox, mangafreak, mangago, mangahosted, mangahub, mangasin, mangakakalot, mangapark, mangareader, mangasee, mangatigre, mangatoon, mangatown, manhuascan, mgeko, naniscans, ninemanga, olympusscans, pandamanga, rawdevart, readcomicsonline, readmangatoday, reaperscans, // Resetscans, deprecated senmanga, tapas, tenmanga, tmofans, tumanhwas, unionmangas, webnovel, webtoons, wpmanga, yugenmangas, zeroscans, foolslide, // Must be at the end because is a generic check madarawp, // Must be at the end because is a generic check ]; const rangeSliderStyles = ".range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px rgba(33,150,243,.5)}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translate(0,-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%,0)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}"; function logScript(...text) { console.log("MangaOnlineViewer: ", ...text); return text; } function getListGM() { return typeof GM_listValues !== "undefined" ? GM_listValues() : []; } function removeValueGM(name) { if (typeof GM_deleteValue !== "undefined") { GM_deleteValue(name); } else { logScript("Removing: ", name); } } const getInfoGM = typeof GM_info !== "undefined" ? GM_info : { scriptHandler: "Console", script: { name: "Debug", version: "Testing", }, }; function getValueGM(name, defaultValue = null) { if (typeof GM_getValue !== "undefined") { return GM_getValue(name, defaultValue); } logScript("Fake Getting: ", name, " = ", defaultValue); return defaultValue; } function getJsonGM(name, defaultValue = null) { const result = getValueGM(name, defaultValue); if (typeof result === "string") { return JSON.parse(result); } return result; } function getSettings(defaultSettings) { return getJsonGM("settings", defaultSettings); } function setValueGM(name, value) { try { GM_setValue(name, value); return value.toString(); } catch (e) { logScript("Fake Setting: ", name, " = ", value); return String(value); } } function setSettings(value) { return setValueGM("settings", value); } function getBrowser() { let tem; const M = /(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i.exec( navigator.userAgent, ) ?? []; if (/trident/i.test(M[1])) { tem = /\brv[ :]+(\d+)/g.exec(navigator.userAgent) ?? []; return `IE ${tem[1] ?? ""}`; } if (M[1] === "Chrome") { tem = /\b(OPR|Edge)\/(\d+)/.exec(navigator.userAgent); if (tem !== null) { return tem.slice(1).join(" ").replace("OPR", "Opera"); } } const tempM = [M[1], M[2]]; tem = /version\/(\d+)/i.exec(navigator.userAgent); if (tem !== null) { tempM.splice(1, 1, tem[1]); } return tempM.join(" "); } function getEngine() { return getInfoGM.scriptHandler ?? "Greasemonkey"; } const isMobile = () => window.matchMedia("screen and (max-width: 768px)").matches; const diffObj = (changed, original) => { const changes = (object, base) => _.transform( object, (result, value, key) => { if (!_.isEqual(value, base[key])) { if (_.isArray(value)) { result[key] = _.difference(value, base[key]); } else if (_.isObject(value) && _.isObject(base[key])) { result[key] = changes(value, base[key]); } else { result[key] = value; } } }, /* Omit accumulator */ ); return changes(changed, original); }; const en_US = { ID: "en_US", NAME: "English (US)", STARTING: "Starting
Manga OnlineViewer", RESUME: "Resuming reading from Page ", WAITING: "Please wait, 3 seconds...", CHOOSE_BEGINNING: "Choose the Page to start from:", BUTTON_START: "Start Manga OnlineViewer", SETTINGS: "Settings", LANGUAGE: "Language", COLOR_SCHEME: "Color Scheme", THEME: "Theme", THEME_HUE: "Theme Primary Color Hue", THEME_SHADE: "Theme Primary Color Shade", DEFAULT_LOAD_MODE: "Default Load Mode", LOAD_MODE_NORMAL: "Normal(Wait 3 sec)", LOAD_MODE_ALWAYS: "Always(Immediately)", LOAD_MODE_NEVER: "Never(Manually)", LOAD_SPEED: "Load Speed Pages/Second", DEFAULT_ZOOM: "Default Zoom (between 5 and 200)", DEFAULT_ZOOM_MODE: "Default Zoom Mode", MINIMUM_ZOOM: "Minimum Zoom relative to the width of screen (between 30 and 100)", ZOOM_STEP: "Zoom Change Step (between 5 and 50)", DEFAULT_VIEW_MODE: "Default View Mode", VIEW_MODE_VERTICAL: "Vertical", VIEW_MODE_LEFT: "Left to Right", VIEW_MODE_RIGHT: "Right to Left", VIEW_MODE_WEBCOMIC: "WebComic", FIT_WIDTH_OVERSIZED: "Fit Width if Oversized", SHOW_THUMBNAILS: "Show Thumbnails", HIDE_CONTROLS: "Always Hide Page Controls", HEADER_TYPE: "Change Header Type", HEADER_HOVER: "Hover", HEADER_SCROLL: "Scroll", HEADER_CLICK: "Click", HEADER_FIXED: "Fixed", HEADER_SIMPLE: "Simple", BUTTON_DOWNLOAD: "Download", DOWNLOAD_ZIP: "Download Zip file", DOWNLOAD_IMAGES: "Download Images as Zip Automatically", BUTTON_NEXT: "Next", NEXT_CHAPTER: "Next Chapter", BUTTON_PREVIOUS: "Previous", PREVIOUS_CHAPTER: "Previous Chapter", BOOKMARKS: "Bookmarks", BOOKMARK: "Bookmark", BOOKMARK_REMOVED: "Bookmark Removed", BOOKMARK_SAVED: "Bookmark Saved", BOOKMARK_MESSAGE: "Next time you open this chapter it will resume from:

Page ##num##

(Only ONCE per Bookmark)", KEYBINDINGS: "Keybindings", EDIT_KEYBINDS: "Edit KeyBindings", SAVE_KEYBINDS: "Save KeyBindings", BUTTON_EDIT: "Edit", BUTTON_SAVE: "Save", KEYBIND_RULES: `

Supported Keys

Allowed modifiers: shift, option, alt, ctrl, control, command.
Special keys: backspace, tab, clear, enter, return, esc, escape, space, up, down, left, right, home, end, pageup, pagedown, del, delete, f1 - f19, num_0 - num_9, num_multiply, num_add, num_enter, num_subtract, num_decimal, num_divide.
Examples: a, ctrl+a , shift+a , num_2 , 2 `, ATTENTION: "Attention", WARNING: "Warning", BUTTON_RESET_SETTINGS: "Reset Settings", SETTINGS_RESET: "Settings have been reset, reload the page to take effect", LANGUAGE_CHANGED: "Language has been changed, reload the page to take effect", AUTO_DOWNLOAD: "Next time a chapter finish loading you will be prompted to save automatically", LAZY_LOAD: "Lazy load is incompatible with zip download, you will not be able to download with this setting ON.
Suggestion: Disable Thumbnails to save Bandwidth/Memory.", LAZY_LOAD_IMAGES_ENABLE: "Enable Lazy Load Images", LAZY_LOAD_IMAGES: "Lazy Start From Page (between 5 and 100)", RETURN_CHAPTER_LIST: "Return to Chapter List", PAGES_LOADED: "Pages Loaded", GO_TO_PAGE: "Go to Page", ENLARGE: "Enlarge", RESTORE: "Restore", REDUCE: "Restore", FIT_WIDTH: "Fit Width", FIT_HEIGHT: "Fit Height", PERCENT: "Percent", TOGGLE_CONTROLS: "Toggle page controls", ZOOM_IN: "Zoom In", ZOOM_OUT: "Zoom Out", ZOOM_RESET: "Zoom Reset", ZOOM_WIDTH: "Zoom to Width", ZOOM_HEIGHT: "Zoom to Height", HIDE: "Hide", RELOAD: "Reload", SLOWLY: "Slowly", NORMAL: "Normal", FAST: "Fast", EXTREME: "Extreme", ALL_PAGES: "All Pages", SPEED_WARNING: "Loading Speed too High", SPEED_WARNING_MESSAGE: "This speed is not recommended.
It may hurt some servers or get your IP marked as DDoS attacker.
Please use with caution!", SCROLL_UP: "Scroll Up", SCROLL_DOWN: "Scroll Down", CLOSE: "Close", LIST_EMPTY: "List Empty", DISPLAY_COMMENTS: "Display Comments", COMMENTS: "Comments Section", SCROLL_START: "Toggle Auto Scroll", AUTO_SCROLL_HEIGHT: "Auto Scroll Speed in Pixels", }; const pt_BR = { ID: "pt_BR", NAME: "Portugues (Brasil)", STARTING: "Iniciando
Manga OnlineViewer", RESUME: "Continuando leitura na Pagina ", WAITING: "Por Favor espere, 3 segundos...", CHOOSE_BEGINNING: "Escolha a pagina de onde começar:", BUTTON_START: "Iniciar Manga OnlineViewer", SETTINGS: "Configurações", LANGUAGE: "Idioma", COLOR_SCHEME: "Esquema de Color", THEME: "Tema", THEME_HUE: "Coloração primaria", THEME_SHADE: "Saturação de Cor", DEFAULT_LOAD_MODE: "Forma de Carregamento Padrão", LOAD_MODE_NORMAL: "Normal(Esperando 3 sec)", LOAD_MODE_ALWAYS: "Sempre(Imediatamente)", LOAD_MODE_NEVER: "Nunca(Manualmente)", LOAD_SPEED: "Velocidade de Carregamento Paginas/Segundo", DEFAULT_ZOOM: "Zoom padrão (entre 5 e 200)", DEFAULT_ZOOM_MODE: "Modo de Zoom padrão", MINIMUM_ZOOM: "Zoom minimo, relativo ao tamanho da tela (entre 30 e 100)", ZOOM_STEP: "Precisão da Mudança do Zoom (entre 5 e 50)", DEFAULT_VIEW_MODE: "Modo de Visualização Padrão", VIEW_MODE_VERTICAL: "Vertical", VIEW_MODE_LEFT: "Esquerda para Direita", VIEW_MODE_RIGHT: "Direita para Esquerda", VIEW_MODE_WEBCOMIC: "WebComic", FIT_WIDTH_OVERSIZED: "Encher a tela se grande demais", SHOW_THUMBNAILS: "Mostra Miniaturas", HIDE_CONTROLS: "Sempre esconder controles das paginas", HEADER_TYPE: "Mudar Tipo de Cabeçalho", HEADER_HOVER: "Passar por perto", HEADER_SCROLL: "Rolagem do Mouse", HEADER_CLICK: "Click", HEADER_FIXED: "Fixo", HEADER_SIMPLE: "Simples", BUTTON_DOWNLOAD: "Download", DOWNLOAD_ZIP: "Baixar arquivo Zip", DOWNLOAD_IMAGES: "Download das Imagens como Zip Automaticamente", BUTTON_NEXT: "Proximo", NEXT_CHAPTER: "Proximo Capitulo", BUTTON_PREVIOUS: "Anterior", PREVIOUS_CHAPTER: "Capitulo Anterior", BOOKMARKS: "Marca paginas", BOOKMARK: "Marcar pagina", BOOKMARK_REMOVED: "Marca pagina Removido", BOOKMARK_SAVED: "Marca pagina Salvo", BOOKMARK_MESSAGE: "Proxima vez que abrir este capitulo continuará a partir da

Pagina ##num##

(Apenas UMA VEZ por marca pagina)", KEYBINDINGS: "Atalhos", EDIT_KEYBINDS: "Editar Atalhos", SAVE_KEYBINDS: "Salvar Atalhos", BUTTON_EDIT: "Editar", BUTTON_SAVE: "Salvar", KEYBIND_RULES: `

Teclas Suportadas

Modificadores permitidos: shift, option, alt, ctrl, control, command.
Teclas Especiais: backspace, tab, clear, enter, return, esc, escape, space, up, down, left, right, home, end, pageup, pagedown, del, delete, f1 - f19, num_0 - num_9, num_multiply, num_add, num_enter, num_subtract, num_decimal, num_divide.
Exemplos: a, ctrl+a , shift+a , num_2 , 2 `, ATTENTION: "Atenção", WARNING: "Alerta", BUTTON_RESET_SETTINGS: "Limpar Configurações(Reset Settings)", SETTINGS_RESET: "Configurações foram limpas, recarregue o site para efetivar a alteração", LANGUAGE_CHANGED: "Idioma foi alterado, recarregue o site para efetivar a alteração", AUTO_DOWNLOAD: "Proxima vez que abrir um capitulo download iniciara automaticamente", LAZY_LOAD: "Carregamento preguiçoso não é compativel com download de zip, não conseguira com essa configuração ativa.
Sugestão: Desative Miniaturas para economizar memoria e cota de internet.", LAZY_LOAD_IMAGES_ENABLE: "Ativar Carregamento de imagens preguiçoso", LAZY_LOAD_IMAGES: "Carregamento de paginas preguiçoso começa a partir de (entre 5 e 100)", RETURN_CHAPTER_LIST: "Voltar a lista de Capitulos", PAGES_LOADED: "Paginas Carregadas", GO_TO_PAGE: "Pular para", ENLARGE: "Aumentar", RESTORE: "Restaurar", REDUCE: "Diminuir", FIT_WIDTH: "Preencher Largura", FIT_HEIGHT: "Preencher Altura ", PERCENT: "Percentual", TOGGLE_CONTROLS: "Mostar controles de pagina", ZOOM_IN: "Mais Zoom", ZOOM_OUT: "Menos Zoom", ZOOM_RESET: "Resetar Zoom", ZOOM_WIDTH: "Zoom para Largura", ZOOM_HEIGHT: "Zoom para Altura", HIDE: "Esconder", RELOAD: "Recarregar", SLOWLY: "Devagar", NORMAL: "Normal", FAST: "Rapido", EXTREME: "Extremo", ALL_PAGES: "Todas as Paginas", SPEED_WARNING: "Velocidade de Carregamento muito alta", SPEED_WARNING_MESSAGE: "Essa velocidade não é recomendada.
Ela pode derrubar um servidor or marcar voce como um ataque hacker de DDoS.
Use com cuidado!", SCROLL_UP: "Subir Pagina", SCROLL_DOWN: "Descer Pagina", CLOSE: "Fechar", LIST_EMPTY: "Lista Vazia", DISPLAY_COMMENTS: "Mostar Comentarios", COMMENTS: "Seção de comentários", SCROLL_START: "Ativar Rolagem Automatica", AUTO_SCROLL_HEIGHT: "Velocidade da Rolagem Automatica em Pixels", }; const zh_CN = { ID: "zh_CN", NAME: "中文 (简体)", STARTING: "正在启动
Manga OnlineViewer", RESUME: "从页面继续阅读 ", WAITING: "请等待3秒钟...", CHOOSE_BEGINNING: "选择要开始的页数:", BUTTON_START: "启动Manga OnlineViewer", SETTINGS: "设置", LANGUAGE: "语言", COLOR_SCHEME: "配色方案", THEME: "主题", THEME_HUE: "主题色调", THEME_SHADE: "主题阴影", DEFAULT_LOAD_MODE: "默认加载模式", LOAD_MODE_NORMAL: "等待模式(等待3秒自动加载 )", LOAD_MODE_ALWAYS: "自动模式(无需等待)", LOAD_MODE_NEVER: "手动模式(点击启动)", LOAD_SPEED: "加载速度页数/秒", DEFAULT_ZOOM: "默认缩放 (最小 5 最大 200)", DEFAULT_ZOOM_MODE: "默认缩放模式", MINIMUM_ZOOM: "相对于屏幕宽度的最小缩放 (最小 30 最大 100)", ZOOM_STEP: "缩放级别 (最小 5 最大 50)", DEFAULT_VIEW_MODE: "默认视图模式", VIEW_MODE_VERTICAL: "垂直有缝", VIEW_MODE_LEFT: "从左到右", VIEW_MODE_RIGHT: "从右到左", VIEW_MODE_WEBCOMIC: "垂直无缝", FIT_WIDTH_OVERSIZED: "如果尺寸过大、则适合宽度", SHOW_THUMBNAILS: "显示缩略图", HIDE_CONTROLS: "始终隐藏页面控件", HEADER_TYPE: "更改标题显示方式", HEADER_HOVER: "悬停", HEADER_SCROLL: "滚动", HEADER_CLICK: "点击", HEADER_FIXED: "固定", HEADER_SIMPLE: "简单", BUTTON_DOWNLOAD: "下载", DOWNLOAD_ZIP: "下载压缩文件", DOWNLOAD_IMAGES: "自动将图片下载成ZIP", BUTTON_NEXT: "下一页", NEXT_CHAPTER: "下一章", BUTTON_PREVIOUS: "上一页", PREVIOUS_CHAPTER: "上一章", BOOKMARKS: "书签", BOOKMARK: "Bookmark", BOOKMARK_REMOVED: "删除书签", BOOKMARK_SAVED: "保存书签", BOOKMARK_MESSAGE: "下次打开本章时，将从:

页码 ##num##

(仅一次 每个书签)", KEYBINDINGS: "快捷键", EDIT_KEYBINDS: "编辑键绑定", SAVE_KEYBINDS: "保存键绑定", BUTTON_EDIT: "编辑", BUTTON_SAVE: "救", KEYBIND_RULES: `

支持的密钥

允许的修饰符: shift, option, alt, ctrl, control, command.
特殊键: backspace, tab, clear, enter, return, esc, escape, space, up, down, left, right, home, end, pageup, pagedown, del, delete, f1 - f19, num_0 - num_9, num_multiply, num_add, num_enter, num_subtract, num_decimal, num_divide.
例子: a, ctrl+a , shift+a , num_2 , 2 `, ATTENTION: "注意", WARNING: "警告", BUTTON_RESET_SETTINGS: "重置设置(Reset Settings)", SETTINGS_RESET: "设置已重置、重新加载页面才能生效", LANGUAGE_CHANGED: "语言已更改、重新加载页面才能生效", AUTO_DOWNLOAD: "下次章节加载完成时、系统将提示您自动保存", LAZY_LOAD: "延迟加载与zip下载不兼容、您将无法使用此设置下载.
建议: 禁用缩略图 以节省流量和内存.", LAZY_LOAD_IMAGES_ENABLE: "启用延迟加载图像", LAZY_LOAD_IMAGES: "惰性加载从页面 (最小 5 最大 100)", RETURN_CHAPTER_LIST: "返回章节列表", PAGES_LOADED: "已加载的页数", GO_TO_PAGE: "转到页数", ENLARGE: "放大", RESTORE: "还原", REDUCE: "缩小", FIT_WIDTH: "适合宽度", FIT_HEIGHT: "适合高度", PERCENT: "百分之", TOGGLE_CONTROLS: "显示隐藏页面控件", ZOOM_IN: "放大", ZOOM_OUT: "缩小", ZOOM_RESET: "还原", ZOOM_WIDTH: "适合宽度", ZOOM_HEIGHT: "适合高度", HIDE: "显示隐藏页面控件", RELOAD: "重新加载", SLOWLY: "慢速", NORMAL: "正常", FAST: "快速", EXTREME: "极端", ALL_PAGES: "所有页面", SPEED_WARNING: "加载速度过高", SPEED_WARNING_MESSAGE: "不建议使用此速度.
它可能会伤害某些服务器或将您的 IP 标记为 DDoS 攻击者.
请谨慎使用!", SCROLL_UP: "向上滚动", SCROLL_DOWN: "向下滚动", CLOSE: "关闭", LIST_EMPTY: "没有收藏书签", DISPLAY_COMMENTS: "显示注释", COMMENTS: "评论部分", SCROLL_START: "切换自动滚动", AUTO_SCROLL_HEIGHT: "自动滚动速度（以像素为单位）", }; const es_ES = { ID: "es_ES", NAME: "Español (ES)", STARTING: "Iniciando
Manga OnlineViewer", RESUME: "Continuando lectura desde la Página ", WAITING: "Por favor espere, 3 segundos...", CHOOSE_BEGINNING: "Elija la página en la que comenzar:", BUTTON_START: "Iniciar Manga OnlineViewer", SETTINGS: "Ajustes", LANGUAGE: "Idioma", COLOR_SCHEME: "Esquema de color", THEME: "Tema", THEME_HUE: "Matiz del color primario", THEME_SHADE: "Saturación del color primario", DEFAULT_LOAD_MODE: "Modo de carga por defecto", LOAD_MODE_NORMAL: "Normal (Espera 3s)", LOAD_MODE_ALWAYS: "Siempre (Inmediatamente)", LOAD_MODE_NEVER: "Nunca (Manualmente)", LOAD_SPEED: "Velocidad carga página/segundo", DEFAULT_ZOOM: "Zoom por defecto (entre 5 y 200)", DEFAULT_ZOOM_MODE: "Modo de zoom por defecto", MINIMUM_ZOOM: "Zoom mínimo relativo al ancho de la pantalla", ZOOM_STEP: "Paso entre cambios de zoom (entre 5 y 50)", DEFAULT_VIEW_MODE: "Modo de visualización por defecto", VIEW_MODE_VERTICAL: "Vertical", VIEW_MODE_LEFT: "Izquierda a derecha", VIEW_MODE_RIGHT: "Derecha a izquierda", VIEW_MODE_WEBCOMIC: "WebComic", FIT_WIDTH_OVERSIZED: "Ajustar ancho si es demasiado grande", SHOW_THUMBNAILS: "Mostrar miniaturas", HIDE_CONTROLS: "Ocultar siempre la barra de controles", HEADER_TYPE: "Cambiar tipo de cabecera", HEADER_HOVER: "Pasar por encima", HEADER_SCROLL: "Desplazamiento", HEADER_CLICK: "Hacer click", HEADER_FIXED: "Fijo", HEADER_SIMPLE: "Sencillo", BUTTON_DOWNLOAD: "Descargar", DOWNLOAD_ZIP: "Descargar fichero Zip", DOWNLOAD_IMAGES: "Autodescargar imágenes como Zip", BUTTON_NEXT: "Siguiente", NEXT_CHAPTER: "Siguiente capítulo", BUTTON_PREVIOUS: "Anterior", PREVIOUS_CHAPTER: "Capítulo anterior", BOOKMARKS: "Marcadores", BOOKMARK: "Marcador", BOOKMARK_REMOVED: "Marcador eliminado", BOOKMARK_SAVED: "Marcador guardado", BOOKMARK_MESSAGE: "La próxima vez que abra este capítulo, continuará desde la

página ##num##

(Sólo UNA VEZ por Marcador)", KEYBINDINGS: "Atajos de teclado", EDIT_KEYBINDS: "Editar atajos", SAVE_KEYBINDS: "Guardar atajos", BUTTON_EDIT: "Editar", BUTTON_SAVE: "Guardar", KEYBIND_RULES: `

Teclas soportadas

Modificadores permitidos: shift, option, alt, ctrl, control, command.
Teclas especiales: backspace, tab, clear, enter, return, esc, escape, space, up, down, left, right, home, end, pageup, pagedown, del, delete, f1 - f19, num_0 - num_9, num_multiply, num_add, num_enter, num_subtract, num_decimal, num_divide.
Ejemplos: a, ctrl+a , shift+a , num_2 , 2 `, ATTENTION: "Atención", WARNING: "Alerta", BUTTON_RESET_SETTINGS: "Reiniciar ajustes(Reset Settings)", SETTINGS_RESET: "Se han restablecido los ajustes, vuelve a cargar la página para que surta efecto", LANGUAGE_CHANGED: "Se ha cambiado el idioma, vuelve a cargar la página para que surta efecto", AUTO_DOWNLOAD: "La próxima vez que termine de cargarse un capítulo, se le pedirá que guarde automáticamente", LAZY_LOAD: "La carga diferida es incompatible con la descarga zip, no podrá descargar con este ajuste activado.
Sugerencia: Desactivar miniaturas para ahorrar Ancho de banda/Memoria.", LAZY_LOAD_IMAGES_ENABLE: "Habilitar carga de imágenes diferida", LAZY_LOAD_IMAGES: "Empezar carga diferida a partir de la página (entre 5 y 100)", RETURN_CHAPTER_LIST: "Regresar a la lista de capítulos", PAGES_LOADED: "Páginas cargadas", GO_TO_PAGE: "Ir a página", ENLARGE: "Agrandar", RESTORE: "Restaurar", REDUCE: "Reducir", FIT_WIDTH: "Ajustar al ancho", FIT_HEIGHT: "Ajustar al alto", PERCENT: "Porcentual", TOGGLE_CONTROLS: "Alternar controles de página", ZOOM_IN: "Acercar", ZOOM_OUT: "Alejar", ZOOM_RESET: "Restablecer zoom", ZOOM_WIDTH: "Zoom al ancho", ZOOM_HEIGHT: "Zoom al alto", HIDE: "Ocultar", RELOAD: "Recargar", SLOWLY: "Lento", NORMAL: "Normal", FAST: "Rápido", EXTREME: "Extremo", ALL_PAGES: "Todas las páginas", SPEED_WARNING: "Velocidad de carga muy alta", SPEED_WARNING_MESSAGE: "No se recomienda esta velocidad.
Puede dañar algunos servidores o marcar su IP como atacante DDoS.
¡Utilícelo con precaución!", SCROLL_UP: "Desplazar arriba", SCROLL_DOWN: "Desplazar abajo", CLOSE: "Cerrar", LIST_EMPTY: "Lista vacía", DISPLAY_COMMENTS: "Mostrar comentarios", COMMENTS: "Sección de comentarios", SCROLL_START: "Alternar desplazamiento automático", AUTO_SCROLL_HEIGHT: "Velocidad de desplazamiento automático en píxeles", }; const locales = [en_US, es_ES, pt_BR, zh_CN]; function isEmpty(value) { return ( value === null || // Check for null typeof value === "undefined" || value === void 0 || // Check for undefined (typeof value === "string" && value === "") || // Check for empty string (Array.isArray(value) && value.length === 0) || // Check for empty array (typeof value === "object" && Object.keys(value).length === 0) ); } function isNothing(value) { const isEmptyObject = (a) => { if (!Array.isArray(a)) { const hasNonempty = Object.keys(a).some( (element) => !isNothing(a[element]), ); return hasNonempty ? false : isEmptyObject(Object.keys(a)); } return !a.some( (element) => !isNothing(element), // ); }; return ( // eslint-disable-next-line eqeqeq value == false || value === 0 || isEmpty(value) || (typeof value === "object" && isEmptyObject(value)) ); } const defaultSettings = { locale: "en_US", theme: "darkblue", customTheme: "#263e3a", themeShade: 600, colorScheme: "dark", fitWidthIfOversize: true, showThumbnails: true, downloadZip: false, throttlePageLoad: 1e3, zoomMode: "percent", defaultZoom: 100, zoomStep: 25, minZoom: 30, loadMode: "wait", viewMode: "WebComic", bookmarks: [], lazyLoadImages: false, lazyStart: 50, hidePageControls: false, header: "hover", maxReload: 5, scrollHeight: 20, keybinds: { SCROLL_UP: ["up", "W", "num_8"], SCROLL_DOWN: ["down", "S", "num_2"], NEXT_CHAPTER: ["right", "/", "D", "num_6"], PREVIOUS_CHAPTER: ["left", ";", "A", "num_4"], ENLARGE: ["-", "num_add", "E"], REDUCE: ["=", "num_subtract", "Q"], RESTORE: ["9", "num_divide", "R"], FIT_WIDTH: ["0", "num_multiply", "F"], FIT_HEIGHT: ["H"], SETTINGS: ["num_divide", "num_5", "X"], VIEW_MODE_WEBCOMIC: ["C"], VIEW_MODE_VERTICAL: ["V"], VIEW_MODE_LEFT: ["N"], VIEW_MODE_RIGHT: ["B"], SCROLL_START: ["space"], }, }; let settings$2 = _.defaultsDeep( getSettings(defaultSettings), defaultSettings, ); if (isMobile()) { settings$2.lazyLoadImages = true; settings$2.fitWidthIfOversize = true; settings$2.showThumbnails = false; settings$2.viewMode = "WebComic"; settings$2.header = "click"; } function getUserSettings() { return settings$2; } function getLocaleString(name) { const locale = locales.find((l) => l.ID === settings$2.locale); if (locale?.[name]) { return locale[name]; } if (locales?.at(1)?.[name]) { return locales[1][name]; } return "##MISSING_STRING##"; } function updateSettings(newValue) { logScript(JSON.stringify(newValue)); settings$2 = { ...settings$2, ...newValue }; setSettings(diffObj(settings$2, defaultSettings)); } function resetSettings() { getListGM().forEach((setting) => { removeValueGM(setting); }); updateSettings(defaultSettings); } function isBookmarked(url = window.location.href) { return settings$2.bookmarks.find((el) => el.url === url)?.page; } const bookmarkTimeLimit = 1e3 * 60 * 60 * 24 * 30 * 12; const refreshedBookmark = settings$2.bookmarks.filter( (el) => Date.now() - new Date(el.date).valueOf() < bookmarkTimeLimit, ); if (settings$2.bookmarks.length !== refreshedBookmark.length) { updateSettings({ bookmarks: refreshedBookmark }); } function clearBookmark(url = window.location.href) { if (!isNothing(isBookmarked())) { logScript(`Bookmark Removed ${window.location.href}`); updateSettings({ bookmarks: settings$2.bookmarks.filter((el) => el.url !== url), }); } } const IconArrowAutofitDown = '\n \n \n \n \n\n\n\n'; const IconArrowAutofitHeight = '\n \n \n \n \n \n \n\n\n\n'; const IconArrowAutofitLeft = '\n \n \n \n \n\n\n\n'; const IconArrowAutofitRight = '\n \n \n \n \n\n\n\n'; const IconArrowAutofitWidth = '\n \n \n \n \n \n \n\n\n\n'; const IconArrowBigLeft = '\n \n \n\n\n\n'; const IconArrowBigRight = '\n \n \n\n\n\n'; const IconBookmark = '\n \n \n\n\n\n'; const IconBookmarkOff = '\n \n \n \n\n\n\n'; const IconBookmarks = '\n \n \n \n\n\n\n'; const IconCategory = '\n \n \n \n \n \n\n\n\n'; const IconCheck = '\n \n \n\n\n\n'; const IconDeviceFloppy = '\n \n \n \n \n\n\n\n'; const IconExternalLink = '\n \n \n \n \n\n\n\n'; const IconEye = '\n \n \n \n\n\n\n'; const IconEyeOff = '\n \n \n \n \n\n\n\n'; const IconFileDownload = '\n \n \n \n \n \n\n\n\n'; const IconKeyboard = '\n \n \n \n \n \n \n \n \n \n\n\n\n'; const IconListNumbers = '\n \n \n \n \n \n \n\n\n\n'; const IconLoader2 = '\n \n \n\n\n\n'; const IconMenu2 = '\n \n \n \n \n\n\n\n'; const IconMessage = '\n \n \n \n \n\n\n\n'; const IconMoon = '\n \n \n\n\n\n'; const IconPalette = '\n \n \n \n \n \n\n\n\n'; const IconPencil = '\n \n \n \n\n\n\n'; const IconPhoto = '\n \n \n \n \n \n\n\n\n'; const IconPhotoOff = '\n \n \n \n \n \n \n\n\n\n'; const IconRefresh = '\n \n \n \n\n\n\n'; const IconSettings = '\n \n \n \n\n\n\n'; const IconSpacingVertical = '\n \n \n \n \n\n\n\n'; const IconSun = '\n \n \n \n\n\n\n'; const IconTrash = '\n \n \n \n \n \n \n\n\n\n'; const IconX = '\n \n \n \n\n\n\n'; const IconZoomCancel = '\n \n \n \n \n \n\n\n\n'; const IconZoomIn = '\n \n \n \n \n \n\n\n\n'; const IconZoomInArea = '\n \n \n \n \n \n \n \n \n \n \n\n\n\n'; const IconZoomOut = '\n \n \n \n \n\n\n\n'; const IconZoomOutArea = '\n \n \n \n \n \n \n \n \n \n\n\n\n'; const IconZoomPan = '\n \n \n \n \n \n \n \n\n\n\n'; const IconPlayerPlay = '\n \n \n\n\n\n'; const IconPlayerPause = '\n \n \n \n\n\n\n'; const styles = ":root {\n --theme-body-background: #25262b;\n --theme-body-text-color: #c1c2c5;\n --theme-text-color: #c1c2c5;\n --theme-primary-color: #1a1b1e;\n --theme-primary-text-color: #c1c2c5;\n --theme-background-color: #25262b;\n --theme-hightlight-color: #2c2e33;\n --theme-border-color: #373a40;\n}\n\n#MangaOnlineViewer {\n height: 100%;\n width: 100%;\n text-decoration: none;\n color: var(--theme-body-text-color);\n background-color: var(--theme-body-background);\n}\n\n#MangaOnlineViewer #Chapter {\n display: grid;\n grid-template-columns: repeat(1, 1fr);\n min-width: 225px;\n}\n\n#MangaOnlineViewer #Chapter.Vertical,\n#MangaOnlineViewer #Chapter.WebComic {\n padding-bottom: 40px;\n}\n\n#MangaOnlineViewer #Chapter.Vertical .PageContent {\n margin-bottom: 15px;\n}\n\n#MangaOnlineViewer .closeButton {\n width: fit-content;\n height: fit-content;\n position: absolute;\n right: 10px;\n top: 10px;\n}\n\n#MangaOnlineViewer .overlay {\n position: fixed;\n display: none;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 950;\n cursor: pointer;\n}\n\n#MangaOnlineViewer .overlay.visible {\n display: block;\n}\n\n#MangaOnlineViewer select {\n height: 20px;\n padding: 0;\n margin-bottom: 5px;\n}\n\n#MangaOnlineViewer .ControlButton {\n cursor: pointer;\n border-radius: 5px;\n border-width: 1px;\n padding: 2px;\n min-height: 32px;\n color: var(--theme-primary-text-color);\n background-color: var(--theme-primary-color);\n border-color: var(--theme-border-color);\n}\n\n#MangaOnlineViewer .ControlButton:active,\n#MangaOnlineViewer .ControlButton:hover {\n opacity: 0.8;\n}\n\n#MangaOnlineViewer .panel {\n padding: 5px;\n position: inherit;\n border-radius: 5px;\n background-color: var(--theme-background-color);\n}\n\n#MangaOnlineViewer .fitWidthIfOversize .PageContent .PageImg {\n max-width: 100%;\n}\n\n#MangaOnlineViewer .ControlButton.hidden,\n#MangaOnlineViewer.light #ColorScheme > .icon-tabler-sun,\n#MangaOnlineViewer:not(.light) #ColorScheme > .icon-tabler-moon,\n#MangaOnlineViewer .ChapterControl #download.loading > .icon-tabler-file-download,\n#MangaOnlineViewer .ChapterControl #download:not(.loading) > .icon-tabler-loader-2,\n#MangaOnlineViewer .MangaPage.hide .ControlButton.Hide > .icon-tabler-eye-off,\n#MangaOnlineViewer .MangaPage:not(.hide) .ControlButton.Hide > .icon-tabler-eye,\n#MangaOnlineViewer.bookmarked .ControlButton.Bookmark > .icon-tabler-bookmark,\n#MangaOnlineViewer:not(.bookmarked) .ControlButton.Bookmark > .icon-tabler-bookmark-off,\n#MangaOnlineViewer #AutoScroll.running > .icon-tabler-player-play,\n#MangaOnlineViewer #AutoScroll:not(.running) > .icon-tabler-player-pause {\n display: none;\n}\n\n#MangaOnlineViewer.hideControls .PageFunctions {\n visibility: hidden;\n}\n"; const icons = ".icon-tabler {\n height: 1rem;\n width: 1rem;\n vertical-align: sub;\n}\n\n.icon-tabler-file-download > :nth-child(n + 4) {\n /* 4, 5 */\n color: gold;\n}\n.icon-tabler-arrow-autofit-width > :nth-child(n + 3) {\n /* 3,4,5,6 */\n color: yellow;\n}\n.icon-tabler-arrow-autofit-height > :nth-child(n + 3) {\n /* 3,4,5,6 */\n color: yellow;\n}\n.icon-tabler-zoom-in-area > :nth-child(2),\n.icon-tabler-zoom-in-area > :nth-child(3) {\n color: lime;\n}\n.icon-tabler-zoom-out-area > :nth-child(2) {\n color: red;\n}\n.icon-tabler-zoom-pan > :nth-child(n + 4) {\n color: #9966ff;\n}\n.icon-tabler-arrow-autofit-down > :nth-child(n + 3) {\n color: #28ffbf;\n}\n.icon-tabler-arrow-autofit-left > :nth-child(n + 3) {\n color: #28ffbf;\n}\n.icon-tabler-arrow-autofit-right > :nth-child(n + 3) {\n color: #28ffbf;\n}\n.icon-tabler-spacing-vertical > :nth-child(4) {\n color: fuchsia;\n}\n.icon-tabler-list-numbers > :nth-child(n + 5) {\n color: #e48900;\n}\n.icon-tabler-bookmarks > :nth-child(n + 2) {\n color: orange;\n}\n.icon-tabler-bookmark > * {\n color: orange;\n}\n.icon-tabler-bookmark-off > * {\n color: orange;\n}\n.icon-tabler-bookmark-off > :nth-child(3) {\n color: red;\n}\n.icon-tabler-eye-off > :nth-child(4) {\n color: red;\n}\n.icon-tabler-zoom-cancel > :nth-child(3),\n.icon-tabler-zoom-cancel > :nth-child(4) {\n color: #9966ff;\n}\n.icon-tabler-zoom-in > :nth-child(3),\n.icon-tabler-zoom-in > :nth-child(4) {\n color: lime;\n}\n.icon-tabler-zoom-out > :nth-child(3) {\n color: red;\n}\n.icon-tabler-refresh > :nth-child(n + 2) {\n color: cyan;\n}\n.icon-tabler-photo > * {\n color: silver;\n}\n.icon-tabler-photo-off > * {\n color: silver;\n}\n.icon-tabler-photo-off > :nth-child(5) {\n color: orange;\n}\n.icon-tabler-message > :nth-child(2),\n.icon-tabler-message > :nth-child(3) {\n color: greenyellow;\n}\n"; const normalize$1 = "/* Simple Normalizer */\nhtml {\n font-size: 100%;\n}\n\nbody {\n margin: 0;\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-size: 14px;\n line-height: 20px;\n color: var(--theme-body-text-color);\n background-color: var(--theme-body-background);\n padding: 0;\n}\n\na,\na:link,\na:visited,\na:active,\na:focus {\n color: var(--theme-body-text-color);\n text-decoration: none;\n}\n\nimg {\n height: auto;\n vertical-align: middle;\n border: 0 none;\n}\n"; const media = "@media (max-width: 992px) {\n #MangaOnlineViewer #Header {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n }\n\n #MangaOnlineViewer #Header.click {\n padding-left: initial;\n }\n\n #MangaOnlineViewer #Header.click.headroom-end {\n transform: translateY(0%);\n position: sticky;\n top: 0;\n }\n\n #MangaOnlineViewer .PageContent .PageImg {\n max-width: 100%;\n }\n\n #MangaOnlineViewer .ViewerTitle {\n order: 1;\n min-height: auto;\n padding: 0;\n margin: 0;\n flex-grow: 1;\n flex-shrink: 1;\n flex-basis: 100%;\n }\n\n #MangaOnlineViewer #GlobalFunctions {\n width: auto;\n order: 2;\n padding: 5px;\n }\n\n #MangaOnlineViewer #ChapterNavigation {\n order: 3;\n }\n\n #MangaOnlineViewer #GlobalFunctions #ZoomSlider,\n #MangaOnlineViewer #GlobalFunctions .ControlButton:not(.tablets, .phones) {\n display: none;\n }\n}\n\n/* Small devices (portrait phones) */\n@media (max-width: 600px) {\n #MangaOnlineViewer #Header {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n }\n\n #MangaOnlineViewer #Header.click {\n position: sticky;\n }\n\n #MangaOnlineViewer #MangaTitle {\n word-wrap: anywhere;\n }\n\n #MangaOnlineViewer .ViewerTitle {\n order: 1;\n margin-top: 0;\n height: auto;\n padding: 0;\n }\n\n #MangaOnlineViewer #GlobalFunctions {\n order: 2;\n padding: 0;\n width: auto;\n flex-basis: 35px;\n }\n\n #MangaOnlineViewer #ChapterNavigation {\n order: 3;\n width: min-content;\n min-width: 205px;\n }\n\n #MangaOnlineViewer .ChapterControl {\n flex-direction: row;\n flex-wrap: wrap;\n }\n\n #MangaOnlineViewer .ChapterControl .NavigationControlButton {\n flex-grow: 1;\n }\n\n #MangaOnlineViewer .PageFunctions {\n padding: 0;\n }\n\n #MangaOnlineViewer .PageFunctions .ControlButton.Bookmark {\n opacity: 1;\n }\n\n #MangaOnlineViewer .PageContent {\n margin: 0;\n width: 100%;\n }\n\n #MangaOnlineViewer .PageContent .PageImg {\n max-width: 100%;\n }\n\n #MangaOnlineViewer #Navigation,\n #MangaOnlineViewer #GlobalFunctions #ZoomSlider,\n #MangaOnlineViewer #GlobalFunctions .ControlButton:not(.phones),\n #MangaOnlineViewer .PageFunctions .ControlButton:not(.Bookmark),\n #MangaOnlineViewer #SettingsPanel .DefaultZoomMode,\n #MangaOnlineViewer #SettingsPanel .DefaultZoom,\n #MangaOnlineViewer #SettingsPanel .viewMode,\n #MangaOnlineViewer #SettingsPanel .fitIfOversize,\n #MangaOnlineViewer #SettingsPanel .showThumbnails,\n #MangaOnlineViewer #SettingsPanel .lazyLoadImages,\n #MangaOnlineViewer #SettingsPanel .downloadZip,\n #MangaOnlineViewer #SettingsPanel .minZoom,\n #MangaOnlineViewer #SettingsPanel .zoomStep,\n #MangaOnlineViewer #SettingsPanel .headerType,\n #MangaOnlineViewer #SettingsPanel .autoScroll,\n #MangaOnlineViewer #KeybindingsPanel,\n #MangaOnlineViewer .ChapterControl .download,\n #MangaOnlineViewer #Counters {\n display: none;\n }\n}\n"; const animation = "@-webkit-keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes spin-reverse {\n 0% {\n transform: rotate(360deg);\n }\n\n to {\n transform: rotate(0);\n }\n}\n\n@keyframes spin-reverse {\n 0% {\n transform: rotate(360deg);\n }\n\n to {\n transform: rotate(0);\n }\n}\n\n.icon-tabler-loader-2,\n.animate-spin {\n -webkit-animation: spin 1s linear infinite;\n animation: spin 1s linear infinite;\n}\n\n.animate-spin-reverse {\n -webkit-animation: spin-reverse 1s linear infinite;\n animation: spin-reverse 1s linear infinite;\n}\n"; const header = "#MangaOnlineViewer #gotoPage {\n min-width: 35px;\n}\n\n#MangaOnlineViewer #Header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-flow: row nowrap;\n transition: transform 0.3s ease-in;\n position: sticky;\n top: 0;\n left: 0;\n right: 0;\n background-color: inherit;\n z-index: 900;\n}\n\n#MangaOnlineViewer #Header.click.headroom-end,\n#MangaOnlineViewer #Header.click {\n position: fixed;\n top: -100%;\n padding-left: 40px;\n}\n\n#MangaOnlineViewer #Header.hover,\n#MangaOnlineViewer #Header.simple {\n position: static;\n}\n\n/*#MangaOnlineViewer #Header.hover.headroom-hide,*/\n#MangaOnlineViewer #Header.scroll.headroom-hide {\n transform: translateY(-100%);\n}\n\n#MangaOnlineViewer #Header.headroom-end,\n#MangaOnlineViewer #Header.scroll.headroom-show,\n#MangaOnlineViewer #Header.hover.visible,\n#MangaOnlineViewer #Header.click.visible,\n#MangaOnlineViewer #Header.fixed {\n transform: translateY(0%);\n position: sticky;\n top: 0;\n}\n\n#MangaOnlineViewer #menu {\n position: fixed;\n z-index: 1;\n color: var(--theme-body-text-color);\n height: 40px;\n width: 40px;\n}\n\n#MangaOnlineViewer #menu .icon-tabler {\n position: relative;\n top: 4px;\n left: 4px;\n height: 32px;\n width: 32px;\n stroke-width: 1.25;\n}\n\n#MangaOnlineViewer #menu:not(.click, .hover),\n#MangaOnlineViewer #menu.hide {\n display: none;\n}\n\n#MangaOnlineViewer #menu.click {\n z-index: 901;\n}\n\n#MangaOnlineViewer #MangaTitle {\n padding: 2px;\n margin: 0;\n font-size: 1.2rem;\n font-weight: 400;\n}\n\n#MangaOnlineViewer #GlobalFunctions {\n display: flex;\n gap: 3px;\n padding: 3px 3px 3px 0;\n flex-wrap: wrap;\n width: 300px;\n z-index: 100;\n}\n\n#MangaOnlineViewer #GlobalFunctions span,\n#MangaOnlineViewer .ChapterControl span {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-evenly;\n}\n\n#MangaOnlineViewer .ChapterControl span {\n flex-grow: 1;\n}\n\n#MangaOnlineViewer .ChapterControl span > * {\n flex-basis: 50%;\n}\n\n#MangaOnlineViewer #ScrollControl .icon-tabler,\n#MangaOnlineViewer #GlobalFunctions .icon-tabler {\n width: 25px;\n height: 25px;\n}\n\n#MangaOnlineViewer #GlobalFunctions #ZoomSlider {\n display: flex;\n align-items: center;\n}\n\n#MangaOnlineViewer #GlobalFunctions #Zoom {\n margin: 2px 5px;\n width: 160px;\n}\n\n#MangaOnlineViewer #GlobalFunctions #ZoomVal {\n width: 40px;\n display: inline-block;\n color: var(--theme-primary-text-color);\n line-height: 20px;\n text-align: center;\n border-radius: 3px;\n background: var(--theme-primary-color);\n padding: 2px 5px;\n}\n\n#MangaOnlineViewer #ChapterNavigation {\n display: flex;\n flex-flow: column nowrap;\n justify-content: center;\n align-items: end;\n padding: 5px;\n max-width: 350px;\n}\n\n#MangaOnlineViewer #Counters {\n padding-right: 5px;\n}\n\n#MangaOnlineViewer #ChapterControl {\n display: flex;\n}\n\n#MangaOnlineViewer #ChapterControl .NavigationControlButton {\n display: inline-flex;\n margin: 2px;\n justify-content: center;\n align-items: center;\n padding: 3px;\n gap: 0.5em;\n}\n\n#MangaOnlineViewer #ChapterControl .NavigationControlButton .icon-tabler {\n flex-shrink: 0;\n align-self: center;\n width: 1rem;\n height: 1rem;\n}\n\n#MangaOnlineViewer #ChapterControl .NavigationControlButton[href='#'],\n#MangaOnlineViewer #ChapterControl .NavigationControlButton[href=''],\n#MangaOnlineViewer #ChapterControl .NavigationControlButton[href='undefined'] {\n visibility: hidden;\n}\n\n#MangaOnlineViewer #ChapterControl #download.loading {\n cursor: not-allowed;\n pointer-events: none;\n opacity: 0.6;\n}\n\n#MangaOnlineViewer #ChapterControl .NavigationControlButton.disabled {\n pointer-events: none;\n filter: grayscale(0.9);\n}\n\n#MangaOnlineViewer .ViewerTitle {\n text-align: center;\n min-height: 60px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 5px;\n flex-basis: 60%;\n}\n\n#MangaOnlineViewer #Header .ViewerTitle #series[href='#'],\n#MangaOnlineViewer #Header .ViewerTitle #series[href=''],\n#MangaOnlineViewer #Header .ViewerTitle #series[href='undefined'] {\n /*visibility: hidden;*/\n}\n"; const keybindings$1 = "#MangaOnlineViewer #KeybindingsPanel {\n padding: 10px;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n transition: transform 0.3s ease-in-out;\n transform: translateX(100%);\n line-height: 1.5em;\n z-index: 1000;\n overflow-y: auto;\n width: 360px;\n max-width: 100vw;\n}\n\n#MangaOnlineViewer #KeybindingsPanel.visible {\n transform: translateX(0);\n display: block;\n}\n\n#MangaOnlineViewer #KeybindingsPanel #KeybindingsList {\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 5px;\n}\n\n#MangaOnlineViewer #KeybindingsPanel .ControlButton {\n margin-left: 3px;\n justify-content: center;\n align-items: center;\n padding: 5px 10px;\n gap: 0.5em;\n}\n\n#MangaOnlineViewer #KeybindingsPanel label {\n display: ruby;\n}\n#MangaOnlineViewer #KeybindingsPanel input {\n display: inline-block;\n width: 100%;\n}\n\n#MangaOnlineViewer #KeybindingsPanel #HotKeysRules {\n grid-column: span 2;\n}\n"; const page = "#MangaOnlineViewer .MangaPage {\n width: 100%;\n display: inline-block;\n text-align: center;\n line-height: 0;\n min-height: 22px;\n min-width: 100%;\n}\n\n#MangaOnlineViewer .PageContent {\n text-align: center;\n display: inline-block;\n overflow-x: auto;\n max-width: 100%;\n transition: all 0.3s ease-in-out;\n height: 100%;\n overflow-y: hidden;\n}\n\n#MangaOnlineViewer .MangaPage.hide .PageContent {\n height: 0;\n}\n\n#MangaOnlineViewer .PageContent .PageImg[src=''],\n#MangaOnlineViewer .PageContent .PageImg:not([src]) {\n width: 40vw;\n height: 80vh;\n display: inline-block;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 20%;\n background-color: var(--theme-hightlight-color);\n}\n\n#MangaOnlineViewer .PageContent .PageImg.imgBroken {\n width: 40vw;\n height: 80vh;\n display: inline-block;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 20%;\n background-color: var(--theme-hightlight-color);\n}\n\n#MangaOnlineViewer .PageFunctions {\n font-family: monospace;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin: 0;\n padding: 0;\n gap: 3px;\n position: absolute;\n right: 0;\n}\n\n#MangaOnlineViewer .PageFunctions > .PageIndex {\n background-color: var(--theme-primary-color);\n color: var(--theme-primary-text-color);\n min-width: 20px;\n text-align: center;\n display: inline-block;\n padding: 3px 5px;\n line-height: 1rem;\n border-radius: 5px;\n}\n\n#MangaOnlineViewer .PageFunctions .ControlButton {\n padding: 3px;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n border-width: 0;\n min-height: auto;\n opacity: 0.5;\n}\n\n#MangaOnlineViewer .PageFunctions:hover .ControlButton {\n opacity: 1;\n}\n\n#MangaOnlineViewer .PageFunctions .ControlButton:hover {\n opacity: 0.9;\n}\n"; const fluid = "#MangaOnlineViewer #Chapter.FluidLTR,\n#MangaOnlineViewer #Chapter.FluidRTL {\n display: flex;\n overflow-x: auto;\n min-width: auto;\n /*height: 100%;*/\n\n .ZoomWidth {\n display: none;\n }\n\n .PageImg {\n min-width: unset;\n }\n\n .MangaPage {\n width: initial;\n min-width: fit-content;\n position: relative;\n max-height: 100%;\n }\n\n .MangaPage.DoublePage {\n grid-column: span 2;\n }\n}\n\n#MangaOnlineViewer #Chapter.FluidLTR {\n flex-direction: row;\n\n .MangaPage .PageFunctions {\n right: auto;\n left: 0;\n direction: rtl;\n }\n}\n\n#MangaOnlineViewer #Chapter.FluidRTL {\n flex-direction: row-reverse;\n}\n"; const settings$1 = "#MangaOnlineViewer #SettingsPanel {\n color: var(--theme-text-color);\n padding: 10px;\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n z-index: 1000;\n transition:\n transform 0.3s ease-in,\n background-color 0.3s linear;\n transform: translateX(-100%);\n display: flex;\n flex-flow: column;\n gap: 5px;\n overflow-y: auto;\n max-width: 100vw;\n width: 305px;\n}\n\n#MangaOnlineViewer #SettingsPanel.visible {\n transform: translateX(0);\n}\n\n#MangaOnlineViewer #SettingsPanel .ControlLabel {\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n align-items: center;\n}\n\n#MangaOnlineViewer #SettingsPanel .ControlLabelItem {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n#MangaOnlineViewer #SettingsPanel .ControlLabelItem:not(.show) {\n display: none;\n}\n\n#MangaOnlineViewer #SettingsPanel input[type='range'] {\n width: 100%;\n}\n\n#MangaOnlineViewer #SettingsPanel .RangeValue {\n display: inline-block;\n color: var(--theme-primary-text-color);\n line-height: 20px;\n text-align: center;\n border-radius: 3px;\n background: var(--theme-primary-color);\n padding: 2px 5px;\n margin-left: 8px;\n}\n\n#MangaOnlineViewer #SettingsPanel datalist {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n writing-mode: vertical-lr;\n width: 100%;\n}\n\n#MangaOnlineViewer #SettingsPanel datalist option {\n padding: 0;\n}\n#MangaOnlineViewer #ThemeSection {\n border: 1px solid var(--theme-body-text-color);\n border-radius: 10px;\n padding: 10px;\n}\n\n#MangaOnlineViewer .ThemeRadio {\n border: 1px solid var(--theme-text-color);\n color: var(--theme-primary-text-color);\n background-color: var(--theme-primary-color);\n height: 20px;\n width: 20px;\n border-radius: 50%;\n padding: 1px;\n margin: 2px 5px;\n position: relative;\n}\n\n#MangaOnlineViewer .ThemeRadio svg {\n position: absolute;\n top: 15%;\n right: 15%;\n}\n\n#MangaOnlineViewer .ThemeRadio.selected .icon-tabler-check {\n display: inline;\n}\n\n#MangaOnlineViewer .ThemeRadio:not(.selected) .icon-tabler-check {\n display: none;\n}\n\n#MangaOnlineViewer #ThemeSelector {\n width: 110px;\n}\n"; const thumbnails = "#MangaOnlineViewer .Thumbnail .ThumbnailImg[src=''],\n#MangaOnlineViewer .Thumbnail .ThumbnailImg:not([src]) {\n width: 100px;\n height: 150px;\n display: inline-block;\n background-position: center;\n background-repeat: no-repeat;\n background-size: 20%;\n}\n\n#MangaOnlineViewer #NavigationCounters {\n margin: 5px;\n width: 100%;\n line-height: 1rem;\n}\n\n#MangaOnlineViewer #Navigation {\n color: var(--theme-text-color);\n background-color: var(--theme-hightlight-color);\n bottom: -180px;\n height: 185px;\n overflow-x: hidden;\n overflow-y: hidden;\n padding-bottom: 20px;\n position: fixed;\n white-space: nowrap;\n width: 100%;\n text-align: center;\n transition:\n transform 0.3s ease-in,\n background-color 0.3s linear;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n line-height: 0;\n}\n\n#MangaOnlineViewer #Navigation #Thumbnails {\n overflow-x: auto;\n overflow-y: hidden;\n margin-right: 10px;\n}\n\n#MangaOnlineViewer #Navigation:hover {\n transform: translateY(-180px);\n}\n\n#MangaOnlineViewer #Navigation.disabled {\n display: none;\n}\n\n#MangaOnlineViewer #Navigation.visible {\n transform: translateY(-180px);\n}\n\n#MangaOnlineViewer #Navigation .Thumbnail {\n display: inline-block;\n height: 150px;\n margin: 0 5px;\n border: 1px solid var(--theme-primary-color);\n}\n\n#MangaOnlineViewer #Navigation .Thumbnail .ThumbnailIndex {\n color: var(--theme-text-color);\n background-color: var(--theme-hightlight-color);\n display: block;\n opacity: 0.8;\n position: relative;\n bottom: 25%;\n width: 100%;\n line-height: 1rem;\n}\n\n#MangaOnlineViewer #Navigation .Thumbnail .ThumbnailImg {\n cursor: pointer;\n display: inline-block;\n max-height: 150px;\n min-height: 150px;\n min-width: 80px;\n max-width: 160px;\n}\n"; const bookmarks$1 = "#MangaOnlineViewer #BookmarksPanel {\n position: fixed;\n top: 10%;\n width: 50%;\n left: 25%;\n right: 25%;\n text-align: center;\n max-height: 70%;\n transition: transform 0.3s ease-in-out;\n transform: scaleY(0);\n z-index: 1000;\n}\n\n#MangaOnlineViewer #BookmarksPanel.visible {\n transform: scaleY(1);\n display: block;\n}\n\n#MangaOnlineViewer #BookmarksList {\n padding: 0 15px;\n overflow: auto;\n max-height: 60vh;\n}\n\n#MangaOnlineViewer #BookmarksList .BookmarkItem {\n display: flex;\n flex-flow: row;\n justify-content: space-between;\n align-items: center;\n padding: 2px;\n}\n\n#MangaOnlineViewer #BookmarksList .bookmarkData {\n flex-basis: 15%;\n}\n\n#MangaOnlineViewer #BookmarksList .bookmarkURl {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex-basis: 55%;\n}\n"; const comments = "#MangaOnlineViewer #CommentsPanel {\n position: static;\n width: 90%;\n height: 0;\n top: 5%;\n left: 5%;\n text-align: center;\n transition: transform 0.3s ease-in-out;\n transform: scaleY(0);\n z-index: 1000;\n overflow-y: initial;\n background: var(--theme-body-background);\n opacity: 0;\n}\n\n#MangaOnlineViewer #CommentsPanel.visible {\n position: fixed;\n height: 90%;\n transform: scaleY(1);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n opacity: 1;\n}\n\n#MangaOnlineViewer #CommentsArea {\n overflow-y: auto;\n overscroll-behavior: contain;\n height: 100%;\n width: 100%;\n}\n"; const cssStyles = css` :root, .dark, .dark .default, [data-theme="dark"] { --theme-body-background: ${colors.dark["600"]}; --theme-body-text-color: ${colors.dark["50"]}; --theme-text-color: ${colors.dark["50"]}; --theme-primary-color: ${colors.dark["700"]}; --theme-primary-text-color: ${colors.dark["50"]}; --theme-background-color: ${colors.dark["600"]}; --theme-hightlight-color: ${colors.dark["500"]}; --theme-border-color: ${colors.dark["400"]}; } .light, .light .default, [data-theme="light"] { --theme-body-background: ${colors.gray["50"]}; --theme-body-text-color: ${colors.gray["900"]}; --theme-text-color: ${colors.gray["900"]}; --theme-primary-color: ${colors.gray["300"]}; --theme-primary-text-color: ${colors.gray["900"]}; --theme-background-color: ${colors.gray["50"]}; --theme-hightlight-color: ${colors.gray["500"]}; --theme-border-color: ${colors.gray["100"]}; } #MangaOnlineViewer .PageContent .PageImg[src=""], #MangaOnlineViewer .PageContent .PageImg:not([src]) { background-image: url("${svgToUrl(IconPhoto)}"); } #MangaOnlineViewer .PageContent .PageImg.imgBroken { background-image: url("${svgToUrl(IconPhotoOff)}"); } #MangaOnlineViewer .Thumbnail .ThumbnailImg[src=""], #MangaOnlineViewer .Thumbnail .ThumbnailImg:not([src]) { background-image: url("${svgToUrl(IconPhoto)}"); } #MangaOnlineViewer .ThemeRadio.custom { /*background-image: url("${svgToUrl(IconPalette)}");*/ } ${normalize$1} ${styles} ${header} ${icons} ${keybindings$1} ${page} ${fluid} ${settings$1} ${thumbnails} ${bookmarks$1} ${comments} ${media} ${animation} `; function createStyleElement(id, content) { const style = document.createElement("style"); style.id = id; style.appendChild(document.createTextNode(content)); return style; } function appendStyleSheet(id, content) { if (!document.querySelector(`#${id}`)) { const head = document.head ?? document.querySelector("head"); head.appendChild(createStyleElement(id, content)); } } function removeStyleSheet(id) { document.querySelectorAll(`style[id="${id}"]`).forEach((elem) => { elem.remove(); }); } function replaceStyleSheet(id, content) { removeStyleSheet(id); appendStyleSheet(id, content); } function wrapStyle(id, css) { return html` `; } function generateThemeCSS(name, primary, text) { return css` .${name}, [data-theme="${name}"] { --theme-primary-color: ${primary}; --theme-primary-text-color: ${text}; } `; } function getNormalThemeCSS(theme) { return generateThemeCSS( theme.name, theme[getUserSettings().themeShade], getUserSettings().themeShade < 500 ? theme["900"] : theme["50"], ); } function getCustomThemeCSS(hex) { return generateThemeCSS("custom", hex, getTextColor(hex)); } function addTheme(theme) { return wrapStyle(theme.name, getNormalThemeCSS(theme)); } function addCustomTheme(hex) { replaceStyleSheet("custom", getCustomThemeCSS(hex)); } const themes = () => Object.values(colors); function refreshThemes() { themes().forEach((theme) => { replaceStyleSheet(theme.name, getNormalThemeCSS(theme)); }); replaceStyleSheet( "custom", getCustomThemeCSS(getUserSettings().customTheme), ); } const themesCSS = themes().map(addTheme).join("") + wrapStyle("custom", getCustomThemeCSS(getUserSettings().customTheme)); const sweetalert = '.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:1fr 99fr 1fr;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:grid;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto) minmax(-webkit-min-content,auto);grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-bottom-start,.swal2-container.swal2-center-start,.swal2-container.swal2-top-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-bottom,.swal2-container.swal2-center,.swal2-container.swal2-top{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-bottom-end,.swal2-container.swal2-center-end,.swal2-container.swal2-top-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-left>.swal2-popup,.swal2-container.swal2-center-start>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-left>.swal2-popup,.swal2-container.swal2-bottom-start>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-fullscreen>.swal2-popup,.swal2-container.swal2-grow-row>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 transparent #2778c4 transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(112,102,224,.5)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px rgba(220,55,65,.5)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px rgba(110,120,129,.5)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px rgba(100,150,200,.5)}.swal2-styled:focus{outline:0}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:0 0;color:#ccc;font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:0 0;color:#f27474}.swal2-close:focus{outline:0;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em 2em 3px}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em 2em 3px;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-warning.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .5s;animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-info.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-i-mark .8s;animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-question.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{-webkit-animation:swal2-animate-question-mark .8s;animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@-webkit-keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}100%{transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@-webkit-keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:transparent;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}'; const normalize = '/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type="search"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n'; const nprogress = "/* Make clicks pass-through */\n#nprogress {\n pointer-events: none;\n}\n\n#nprogress .bar {\n background: #29d;\n\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n\n width: 100%;\n height: 2px;\n}\n\n/* Fancy blur effect */\n#nprogress .peg {\n display: block;\n position: absolute;\n right: 0px;\n width: 100px;\n height: 100%;\n box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n opacity: 1.0;\n\n -webkit-transform: rotate(3deg) translate(0px, -4px);\n -ms-transform: rotate(3deg) translate(0px, -4px);\n transform: rotate(3deg) translate(0px, -4px);\n}\n\n/* Remove these to get rid of the spinner */\n#nprogress .spinner {\n display: block;\n position: fixed;\n z-index: 1031;\n top: 15px;\n right: 15px;\n}\n\n#nprogress .spinner-icon {\n width: 18px;\n height: 18px;\n box-sizing: border-box;\n\n border: solid 2px transparent;\n border-top-color: #29d;\n border-left-color: #29d;\n border-radius: 50%;\n\n -webkit-animation: nprogress-spinner 400ms linear infinite;\n animation: nprogress-spinner 400ms linear infinite;\n}\n\n.nprogress-custom-parent {\n overflow: hidden;\n position: relative;\n}\n\n.nprogress-custom-parent #nprogress .spinner,\n.nprogress-custom-parent #nprogress .bar {\n position: absolute;\n}\n\n@-webkit-keyframes nprogress-spinner {\n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n@keyframes nprogress-spinner {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n"; const keyscss = '/**\r\n * KEYS.css\r\n *\r\n * A simple stylesheet for rendering beautiful keyboard-style elements.\r\n *\r\n * Author: Michael Hüneburg\r\n * Website: http://michaelhue.com/keyscss\r\n * License: MIT License (see LICENSE.txt)\r\n */\r\n\r\nkbd,\r\n.key {\r\n display: inline;\r\n display: inline-block;\r\n white-space: nowrap;\r\n min-width: 1em;\r\n padding: .3em .4em .2em .3em;\r\n font-style: normal;\r\n font-family: "Lucida Grande", Lucida, Arial, sans-serif;\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: .3em;\r\n border: none;\r\n background-color: #505050;\r\n background-color: gradient(linear, left top, left bottom, from(#3c3c3c), to(#505050));\r\n color: #fafafa;\r\n text-shadow: -1px -1px 0 #464646;\r\n -webkit-box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);\r\n box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);\r\n font-size: .85em;\r\n line-height: 1;\r\n cursor: default;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\nkbd[title],\r\n.key[title] {\r\n cursor: help;\r\n}\r\nkbd.dark,\r\n.dark-keys kbd,\r\n.key.dark,\r\n.dark-keys .key {\r\n display: inline;\r\n display: inline-block;\r\n white-space: nowrap;\r\n min-width: 1em;\r\n padding: .3em .4em .2em .3em;\r\n font-style: normal;\r\n font-family: "Lucida Grande", Lucida, Arial, sans-serif;\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: .3em;\r\n border: none;\r\n background-color: #505050;\r\n background-color: gradient(linear, left top, left bottom, from(#3c3c3c), to(#505050));\r\n color: #fafafa;\r\n text-shadow: -1px -1px 0 #464646;\r\n -webkit-box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);\r\n box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3);\r\n}\r\nkbd.light,\r\n.light-keys kbd,\r\n.key.light,\r\n.light-keys .key {\r\n display: inline;\r\n display: inline-block;\r\n white-space: nowrap;\r\n min-width: 1em;\r\n padding: .3em .4em .2em .3em;\r\n font-style: normal;\r\n font-family: "Lucida Grande", Lucida, Arial, sans-serif;\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: .3em;\r\n border: none;\r\n background-color: #fafafa;\r\n background-color: gradient(linear, left top, left bottom, from(#d2d2d2), to(#ffffff));\r\n color: #323232;\r\n text-shadow: 0 0 2px #ffffff;\r\n -webkit-box-shadow: inset 0 0 1px #ffffff, inset 0 0 0.4em #c8c8c8, 0 0.1em 0 #828282, 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9);\r\n box-shadow: inset 0 0 1px #ffffff, inset 0 0 0.4em #c8c8c8, 0 0.1em 0 #828282, 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9);\r\n}\r\nkbd.so,\r\n.so-keys kbd,\r\n.key.so,\r\n.so-keys .key {\r\n display: inline;\r\n display: inline-block;\r\n white-space: nowrap;\r\n min-width: 1em;\r\n padding: .3em .4em .2em .3em;\r\n font-style: normal;\r\n font-family: "Lucida Grande", Lucida, Arial, sans-serif;\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: .3em;\r\n border: none;\r\n margin: 0 .1em;\r\n padding: .1em .6em;\r\n font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;\r\n line-height: 1.4;\r\n color: #242729;\r\n text-shadow: 0 1px 0 #FFF;\r\n background-color: #e1e3e5;\r\n border: 1px solid #adb3b9;\r\n border-radius: 0.27272727em;\r\n -webkit-box-shadow: 0 1px 0 rgba(12, 13, 14, 0.2), 0 0 0 2px #FFF inset;\r\n box-shadow: 0 1px 0 rgba(12, 13, 14, 0.2), 0 0 0 2px #FFF inset;\r\n}\r\nkbd.github,\r\n.github-keys kbd,\r\n.key.github,\r\n.github-keys .key {\r\n display: inline;\r\n display: inline-block;\r\n white-space: nowrap;\r\n min-width: 1em;\r\n padding: .3em .4em .2em .3em;\r\n font-style: normal;\r\n font-family: "Lucida Grande", Lucida, Arial, sans-serif;\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: .3em;\r\n border: none;\r\n padding: 0.27272727em 0.45454545em;\r\n font-size: 68.75%;\r\n line-height: 0.90909091;\r\n color: #444d56;\r\n vertical-align: middle;\r\n background-color: #fafbfc;\r\n border: solid 1px #c6cbd1;\r\n border-bottom-color: #959da5;\r\n border-radius: 0.27272727em;\r\n -webkit-box-shadow: inset 0 -1px 0 #959da5;\r\n box-shadow: inset 0 -1px 0 #959da5;\r\n font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n text-shadow: none;\r\n}\r\n\r\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImtleXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFLGdCQUFnQjtFQUNoQixzQkFBc0I7RUFDdEIsb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZiw2QkFBNkI7RUFDN0IsbUJBQW1CO0VBQ25CLHdEQUF3RDtFQUN4RCxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQixhQUFhO0VBQ2IsMEJBQTBCO0VBQzFCLHNGQUFzRjtFQUN0RixlQUFlO0VBQ2YsaUNBQWlDO0VBQ2pDLDhIQUFzSDtVQUF0SCxzSEFBc0g7RUFDdEgsaUJBQWlCO0VBQ2pCLGVBQWU7RUFDZixnQkFBZ0I7RUFDaEIsMEJBQWtCO0tBQWxCLHVCQUFrQjtNQUFsQixzQkFBa0I7VUFBbEIsa0JBQWtCO0NBQ25CO0FBQ0Q7O0VBRUUsYUFBYTtDQUNkO0FBQ0Q7Ozs7RUFJRSxnQkFBZ0I7RUFDaEIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQixlQUFlO0VBQ2YsNkJBQTZCO0VBQzdCLG1CQUFtQjtFQUNuQix3REFBd0Q7RUFDeEQsbUJBQW1CO0VBQ25CLHNCQUFzQjtFQUN0QixvQkFBb0I7RUFDcEIsYUFBYTtFQUNiLDBCQUEwQjtFQUMxQixzRkFBc0Y7RUFDdEYsZUFBZTtFQUNmLGlDQUFpQztFQUNqQyw4SEFBc0g7VUFBdEgsc0hBQXNIO0NBQ3ZIO0FBQ0Q7Ozs7RUFJRSxnQkFBZ0I7RUFDaEIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQixlQUFlO0VBQ2YsNkJBQTZCO0VBQzdCLG1CQUFtQjtFQUNuQix3REFBd0Q7RUFDeEQsbUJBQW1CO0VBQ25CLHNCQUFzQjtFQUN0QixvQkFBb0I7RUFDcEIsYUFBYTtFQUNiLDBCQUEwQjtFQUMxQixzRkFBc0Y7RUFDdEYsZUFBZTtFQUNmLDZCQUE2QjtFQUM3Qix3SkFBZ0o7VUFBaEosZ0pBQWdKO0NBQ2pKO0FBQ0Q7Ozs7RUFJRSxnQkFBZ0I7RUFDaEIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQixlQUFlO0VBQ2YsNkJBQTZCO0VBQzdCLG1CQUFtQjtFQUNuQix3REFBd0Q7RUFDeEQsbUJBQW1CO0VBQ25CLHNCQUFzQjtFQUN0QixvQkFBb0I7RUFDcEIsYUFBYTtFQUNiLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsNERBQTREO0VBQzVELGlCQUFpQjtFQUNqQixlQUFlO0VBQ2YsMEJBQTBCO0VBQzFCLDBCQUEwQjtFQUMxQiwwQkFBMEI7RUFDMUIsNEJBQTRCO0VBQzVCLHdFQUFnRTtVQUFoRSxnRUFBZ0U7Q0FDakU7QUFDRDs7OztFQUlFLGdCQUFnQjtFQUNoQixzQkFBc0I7RUFDdEIsb0JBQW9CO0VBQ3BCLGVBQWU7RUFDZiw2QkFBNkI7RUFDN0IsbUJBQW1CO0VBQ25CLHdEQUF3RDtFQUN4RCxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtFQUNwQixhQUFhO0VBQ2IsbUNBQW1DO0VBQ25DLGtCQUFrQjtFQUNsQix3QkFBd0I7RUFDeEIsZUFBZTtFQUNmLHVCQUF1QjtFQUN2QiwwQkFBMEI7RUFDMUIsMEJBQTBCO0VBQzFCLDZCQUE2QjtFQUM3Qiw0QkFBNEI7RUFDNUIsMkNBQW1DO1VBQW5DLG1DQUFtQztFQUNuQyxzRkFBc0Y7RUFDdEYsK0JBQXVCO1VBQXZCLHVCQUF1QjtFQUN2QixrQkFBa0I7Q0FDbkIiLCJmaWxlIjoidG1wMi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJrYmQsXG4ua2V5IHtcbiAgZGlzcGxheTogaW5saW5lO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG1pbi13aWR0aDogMWVtO1xuICBwYWRkaW5nOiAuM2VtIC40ZW0gLjJlbSAuM2VtO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtZmFtaWx5OiBcIkx1Y2lkYSBHcmFuZGVcIiwgTHVjaWRhLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IC4zZW07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzUwNTA1MDtcbiAgYmFja2dyb3VuZC1jb2xvcjogZ3JhZGllbnQobGluZWFyLCBsZWZ0IHRvcCwgbGVmdCBib3R0b20sIGZyb20oIzNjM2MzYyksIHRvKCM1MDUwNTApKTtcbiAgY29sb3I6ICNmYWZhZmE7XG4gIHRleHQtc2hhZG93OiAtMXB4IC0xcHggMCAjNDY0NjQ2O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMXB4ICM5Njk2OTYsIGluc2V0IDAgLTAuMDVlbSAwLjRlbSAjNTA1MDUwLCAwIDAuMWVtIDAgIzFlMWUxZSwgMCAwLjFlbSAwLjFlbSByZ2JhKDAsIDAsIDAsIDAuMyk7XG4gIGZvbnQtc2l6ZTogLjg1ZW07XG4gIGxpbmUtaGVpZ2h0OiAxO1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxua2JkW3RpdGxlXSxcbi5rZXlbdGl0bGVdIHtcbiAgY3Vyc29yOiBoZWxwO1xufVxua2JkLmRhcmssXG4uZGFyay1rZXlzIGtiZCxcbi5rZXkuZGFyayxcbi5kYXJrLWtleXMgLmtleSB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBtaW4td2lkdGg6IDFlbTtcbiAgcGFkZGluZzogLjNlbSAuNGVtIC4yZW0gLjNlbTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LWZhbWlseTogXCJMdWNpZGEgR3JhbmRlXCIsIEx1Y2lkYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAuM2VtO1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1MDUwNTA7XG4gIGJhY2tncm91bmQtY29sb3I6IGdyYWRpZW50KGxpbmVhciwgbGVmdCB0b3AsIGxlZnQgYm90dG9tLCBmcm9tKCMzYzNjM2MpLCB0bygjNTA1MDUwKSk7XG4gIGNvbG9yOiAjZmFmYWZhO1xuICB0ZXh0LXNoYWRvdzogLTFweCAtMXB4IDAgIzQ2NDY0NjtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDFweCAjOTY5Njk2LCBpbnNldCAwIC0wLjA1ZW0gMC40ZW0gIzUwNTA1MCwgMCAwLjFlbSAwICMxZTFlMWUsIDAgMC4xZW0gMC4xZW0gcmdiYSgwLCAwLCAwLCAwLjMpO1xufVxua2JkLmxpZ2h0LFxuLmxpZ2h0LWtleXMga2JkLFxuLmtleS5saWdodCxcbi5saWdodC1rZXlzIC5rZXkge1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbWluLXdpZHRoOiAxZW07XG4gIHBhZGRpbmc6IC4zZW0gLjRlbSAuMmVtIC4zZW07XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC1mYW1pbHk6IFwiTHVjaWRhIEdyYW5kZVwiLCBMdWNpZGEsIEFyaWFsLCBzYW5zLXNlcmlmO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogLjNlbTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmFmYWZhO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBncmFkaWVudChsaW5lYXIsIGxlZnQgdG9wLCBsZWZ0IGJvdHRvbSwgZnJvbSgjZDJkMmQyKSwgdG8oI2ZmZmZmZikpO1xuICBjb2xvcjogIzMyMzIzMjtcbiAgdGV4dC1zaGFkb3c6IDAgMCAycHggI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDFweCAjZmZmZmZmLCBpbnNldCAwIDAgMC40ZW0gI2M4YzhjOCwgMCAwLjFlbSAwICM4MjgyODIsIDAgMC4xMWVtIDAgcmdiYSgwLCAwLCAwLCAwLjQpLCAwIDAuMWVtIDAuMTFlbSByZ2JhKDAsIDAsIDAsIDAuOSk7XG59XG5rYmQuc28sXG4uc28ta2V5cyBrYmQsXG4ua2V5LnNvLFxuLnNvLWtleXMgLmtleSB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBtaW4td2lkdGg6IDFlbTtcbiAgcGFkZGluZzogLjNlbSAuNGVtIC4yZW0gLjNlbTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LWZhbWlseTogXCJMdWNpZGEgR3JhbmRlXCIsIEx1Y2lkYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAuM2VtO1xuICBib3JkZXI6IG5vbmU7XG4gIG1hcmdpbjogMCAuMWVtO1xuICBwYWRkaW5nOiAuMWVtIC42ZW07XG4gIGZvbnQtZmFtaWx5OiBBcmlhbCwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGNvbG9yOiAjMjQyNzI5O1xuICB0ZXh0LXNoYWRvdzogMCAxcHggMCAjRkZGO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTFlM2U1O1xuICBib3JkZXI6IDFweCBzb2xpZCAjYWRiM2I5O1xuICBib3JkZXItcmFkaXVzOiAwLjI3MjcyNzI3ZW07XG4gIGJveC1zaGFkb3c6IDAgMXB4IDAgcmdiYSgxMiwgMTMsIDE0LCAwLjIpLCAwIDAgMCAycHggI0ZGRiBpbnNldDtcbn1cbmtiZC5naXRodWIsXG4uZ2l0aHViLWtleXMga2JkLFxuLmtleS5naXRodWIsXG4uZ2l0aHViLWtleXMgLmtleSB7XG4gIGRpc3BsYXk6IGlubGluZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBtaW4td2lkdGg6IDFlbTtcbiAgcGFkZGluZzogLjNlbSAuNGVtIC4yZW0gLjNlbTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LWZhbWlseTogXCJMdWNpZGEgR3JhbmRlXCIsIEx1Y2lkYSwgQXJpYWwsIHNhbnMtc2VyaWY7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAuM2VtO1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAuMjcyNzI3MjdlbSAwLjQ1NDU0NTQ1ZW07XG4gIGZvbnQtc2l6ZTogNjguNzUlO1xuICBsaW5lLWhlaWdodDogMC45MDkwOTA5MTtcbiAgY29sb3I6ICM0NDRkNTY7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmYWZiZmM7XG4gIGJvcmRlcjogc29saWQgMXB4ICNjNmNiZDE7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICM5NTlkYTU7XG4gIGJvcmRlci1yYWRpdXM6IDAuMjcyNzI3MjdlbTtcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4IDAgIzk1OWRhNTtcbiAgZm9udC1mYW1pbHk6IFwiU0ZNb25vLVJlZ3VsYXJcIiwgQ29uc29sYXMsIFwiTGliZXJhdGlvbiBNb25vXCIsIE1lbmxvLCBDb3VyaWVyLCBtb25vc3BhY2U7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHRleHQtc2hhZG93OiBub25lO1xufVxuIl19 */'; const fix = "#nprogress .bar {\n background: #29d;\n position: fixed;\n z-index: 1031;\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n}\n\n#pagesSlider {\n margin: 10px 0;\n}\n\n#pageInputs {\n display: flex;\n gap: 5px;\n align-items: center;\n justify-content: center;\n}\n\n#swal2-html-container .pageInput {\n border: 1px darkblue dashed;\n border-radius: 5px;\n text-align: center;\n background-color: aliceblue;\n color: black;\n max-width: 40%;\n}\n\n#swal2-title {\n color: navy;\n}\n\nbutton.swal2-styled {\n position: inherit;\n transform: inherit;\n}\n"; const sweetalertStyle = [normalize, sweetalert, fix, nprogress, keyscss].join( "\n", ); function head(manga) { return html` ${manga.title} ${wrapStyle("externals", sweetalertStyle)} ${wrapStyle("reader", cssStyles)} ${themesCSS} ${wrapStyle( "MinZoom", `#MangaOnlineViewer .PageContent .PageImg {min-width: ${ getUserSettings().minZoom }vw;}`, )} `; } const localeSelector = () => locales .map( (locale) => html` `, ) .join(""); const themesSelector = () => [...Object.keys(colors).map((color) => colors[color].name)] .map( (theme2) => html` ${IconCheck} `, ) .join(""); const language = html`
${getLocaleString("LANGUAGE")}
`; const theme = html`
${getLocaleString("COLOR_SCHEME")}
${getLocaleString("THEME")} ${IconPalette} ${IconCheck} ${themesSelector()}
${getLocaleString("THEME_HUE")}
${getLocaleString("THEME_SHADE")} ${getUserSettings().themeShade}
`; const loadMode = html`
${getLocaleString("DEFAULT_LOAD_MODE")}
`; const loadSpeed = html`
${getLocaleString("LOAD_SPEED")}
`; const defaultZoomMode = html`
${getLocaleString("DEFAULT_ZOOM_MODE")}
`; const defaultZoom = html`
${getLocaleString("DEFAULT_ZOOM")} ${getUserSettings().defaultZoom}%
`; const minZoom = html`
${getLocaleString("MINIMUM_ZOOM")} ${getUserSettings().minZoom}%
`; const zoomStep = html`
${getLocaleString("ZOOM_STEP")} ${getUserSettings().zoomStep}%
`; const viewMode$1 = html`
${getLocaleString("DEFAULT_VIEW_MODE")}
`; const lazyLoad$1 = html`
${getLocaleString("LAZY_LOAD_IMAGES")} ${getUserSettings().lazyStart}
`; const headerType = html`
${getLocaleString("HEADER_TYPE")}
`; const checkboxOptions = html`
${getLocaleString("FIT_WIDTH_OVERSIZED")}
${getLocaleString("SHOW_THUMBNAILS")}
${getLocaleString("LAZY_LOAD_IMAGES_ENABLE")}
${lazyLoad$1}
${getLocaleString("DOWNLOAD_IMAGES")}
${getLocaleString("HIDE_CONTROLS")}
`; const autoScroll = html`
${getLocaleString("AUTO_SCROLL_HEIGHT")} ${getUserSettings().scrollHeight} px
`; const SettingsPanel = () => html`

${getLocaleString("SETTINGS")}

${language} ${theme} ${loadMode} ${loadSpeed} ${defaultZoomMode} ${defaultZoom} ${minZoom} ${zoomStep} ${viewMode$1} ${checkboxOptions} ${headerType} ${autoScroll}
`; const keybindList = () => Object.keys(getUserSettings().keybinds).map((kb) => { const keys = getUserSettings().keybinds[kb]?.length ? getUserSettings() .keybinds[kb]?.map((key) => html`${key}`) .join(" / ") : ""; return html`${getLocaleString(kb)}: ${keys}`; }); const keybindEditor = () => Object.keys(getUserSettings().keybinds) .map( // Language=html (kb) => html` `, ) .concat( html`
${getLocaleString("KEYBIND_RULES")}
`, ); const KeybindingsPanel = () => html`

${getLocaleString("KEYBINDINGS")}

${keybindList().join("\n")}
`; function indexList(repeat, begin = 1) { return Array(repeat) .fill(0) .map((_, i) => i + 1) .filter((i) => i >= begin); } const ThumbnailsPanel = (manga) => html` `; const listBookmarks = () => { if (isEmpty(getUserSettings().bookmarks)) { return [getLocaleString("LIST_EMPTY")]; } return getUserSettings().bookmarks.map( (mark, index) => html`
${new Date(mark.date).toISOString().slice(0, 10)} ${mark.url} Page: ${mark.page}
`, ); }; const BookmarkPanel = () => html`

${getLocaleString("BOOKMARKS")}

`; function reloadBookmarks() { const list = document.getElementById("BookmarksList"); if (list) { list.innerHTML = listBookmarks().join(""); } } const listOptions = (times, begin) => indexList(times, begin).map( (index) => html` `, ); const Header = (manga) => html` `; const listPages = (times, begin) => indexList(times, begin).map( // Language=html (index) => html`
${index}
`, ); const Reader = (manga) => html`
${listPages(manga.pages, manga.begin).join("")}
`; const commentsPanel = (manga) => html`

${getLocaleString("COMMENTS")}

`; function scrollToElement(ele) { const chapter = document.querySelector("#Chapter"); if ( chapter?.classList.contains("FluidLTR") || chapter?.classList.contains("FluidRTL") ) { chapter?.scroll(ele?.offsetLeft ?? 0, ele?.offsetTop ?? 0); } else { window?.scroll(ele?.offsetLeft ?? 0, ele?.offsetTop ?? 0); } } function addEvent(ev, fn) { return (elem) => elem.addEventListener(ev, fn); } function transformScrollToHorizontal(event) { if (!event.deltaY) { return; } event.currentTarget.scrollLeft += event.deltaY + event.deltaX; event.preventDefault(); } function transformScrollToHorizontalReverse(event) { if (!event.deltaY) { return; } event.currentTarget.scrollLeft -= event.deltaY + event.deltaX; event.preventDefault(); } function buttonBookmarksOpen() { reloadBookmarks(); document.querySelector("#BookmarksPanel")?.classList.add("visible"); document.querySelector("#Overlay")?.classList.add("visible"); } function buttonBookmarksClose() { document.querySelector("#BookmarksPanel")?.classList.remove("visible"); document.querySelector("#Overlay")?.classList.remove("visible"); } function buttonEraseBookmarks(event) { const target = event.currentTarget.value; const marks = getUserSettings().bookmarks.filter((el) => el.url !== target); if (target === window.location.href) { document .querySelector("#MangaOnlineViewer") ?.classList.toggle("bookmarked"); } logScript(`Bookmark Removed ${target}`); Swal.fire({ title: getLocaleString("BOOKMARK_REMOVED"), timer: 1e4, icon: "error", }); updateSettings({ bookmarks: marks }); reloadBookmarks(); document .querySelectorAll(".BookmarkItem .erase") ?.forEach(addEvent("click", buttonEraseBookmarks)); } function buttonBookmark(event) { document .querySelector("#MangaOnlineViewer") ?.classList.toggle("bookmarked"); const num = parseInt( event.currentTarget.parentElement?.querySelector(".PageIndex") ?.textContent ?? "0", 10, ); const mark = { url: window.location.href, page: num, date: /* @__PURE__ */ new Date().toISOString().slice(0, 10), }; if (isBookmarked(mark.url)) { updateSettings({ bookmarks: getUserSettings().bookmarks.filter( (el) => el.url !== mark.url, ), }); Swal.fire({ title: getLocaleString("BOOKMARK_REMOVED"), timer: 1e4, icon: "error", }); } else { updateSettings({ bookmarks: [...getUserSettings().bookmarks, mark] }); Swal.fire({ title: getLocaleString("BOOKMARK_SAVED"), html: getLocaleString("BOOKMARK_SAVED").replace( "##NUM##", num.toString(), ), icon: "success", }); } reloadBookmarks(); document .querySelectorAll(".BookmarkItem .erase") ?.forEach(addEvent("click", buttonEraseBookmarks)); } function bookmarks() { document .querySelector("#bookmarks") ?.addEventListener("click", buttonBookmarksOpen); document .querySelectorAll(".closeButton") ?.forEach(addEvent("click", buttonBookmarksClose)); document .querySelector("#Overlay") ?.addEventListener("click", buttonBookmarksClose); document .querySelectorAll(".BookmarkItem .erase") ?.forEach(addEvent("click", buttonEraseBookmarks)); document .querySelectorAll(".Bookmark") ?.forEach(addEvent("click", buttonBookmark)); } var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {}; var FileSaver_min = { exports: {} }; (function (module, exports) { (function (a, b) { b(); })(commonjsGlobal, function () { function b(a, b) { return ( "undefined" == typeof b ? (b = { autoBom: !1 }) : "object" != typeof b && (console.warn( "Deprecated: Expected third argument to be a object", ), (b = { autoBom: !b })), b.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test( a.type, ) ? new Blob(["\uFEFF", a], { type: a.type }) : a ); } function c(a, b, c) { var d = new XMLHttpRequest(); d.open("GET", a), (d.responseType = "blob"), (d.onload = function () { g(d.response, b, c); }), (d.onerror = function () { console.error("could not download file"); }), d.send(); } function d(a) { var b = new XMLHttpRequest(); b.open("HEAD", a, !1); try { b.send(); } catch (a) {} return 200 <= b.status && 299 >= b.status; } function e(a) { try { a.dispatchEvent(new MouseEvent("click")); } catch (c) { var b = document.createEvent("MouseEvents"); b.initMouseEvent( "click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null, ), a.dispatchEvent(b); } } var f = "object" == typeof window && window.window === window ? window : "object" == typeof self && self.self === self ? self : "object" == typeof commonjsGlobal && commonjsGlobal.global === commonjsGlobal ? commonjsGlobal : void 0, a = f.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), g = f.saveAs || ("object" != typeof window || window !== f ? function () {} : "download" in HTMLAnchorElement.prototype && !a ? function (b, g, h) { var i = f.URL || f.webkitURL, j = document.createElement("a"); (g = g || b.name || "download"), (j.download = g), (j.rel = "noopener"), "string" == typeof b ? ((j.href = b), j.origin === location.origin ? e(j) : d(j.href) ? c(b, g, h) : e(j, (j.target = "_blank"))) : ((j.href = i.createObjectURL(b)), setTimeout(function () { i.revokeObjectURL(j.href); }, 4e4), setTimeout(function () { e(j); }, 0)); } : "msSaveOrOpenBlob" in navigator ? function (f, g, h) { if (((g = g || f.name || "download"), "string" != typeof f)) navigator.msSaveOrOpenBlob(b(f, h), g); else if (d(f)) c(f, g, h); else { var i = document.createElement("a"); (i.href = f), (i.target = "_blank"), setTimeout(function () { e(i); }); } } : function (b, d, e, g) { if ( ((g = g || open("", "_blank")), g && (g.document.title = g.document.body.innerText = "downloading..."), "string" == typeof b) ) return c(b, d, e); var h = "application/octet-stream" === b.type, i = /constructor/i.test(f.HTMLElement) || f.safari, j = /CriOS\/[\d]+/.test(navigator.userAgent); if ( (j || (h && i) || a) && "undefined" != typeof FileReader ) { var k = new FileReader(); (k.onloadend = function () { var a = k.result; (a = j ? a : a.replace(/^data:[^;]*;/, "data:attachment/file;")), g ? (g.location.href = a) : (location = a), (g = null); }), k.readAsDataURL(b); } else { var l = f.URL || f.webkitURL, m = l.createObjectURL(b); g ? (g.location = m) : (location.href = m), (g = null), setTimeout(function () { l.revokeObjectURL(m); }, 4e4); } }); (f.saveAs = g.saveAs = g), (module.exports = g); }); })(FileSaver_min); var FileSaver_minExports = FileSaver_min.exports; let zip; const base64Regex = /^data:(?image\/\w+);base64,+(?.+)/; const getExtension = (mimeType) => /image\/(?jpe?g|png|webp)/.exec(mimeType)?.groups?.ext ?? "png"; const getFilename = (name, index, total, ext) => `${name}${(index + 1) .toString() .padStart(Math.floor(Math.log10(total)) + 1, "0")}.${ext.replace( "jpeg", "jpg", )}`; async function getImage(src) { return new Promise((resolve) => { logScript(`Getting Image data: ${src}`); GM_xmlhttpRequest({ method: "GET", url: src, headers: { referer: src, origin: src }, responseType: "blob", onload(response) { resolve(response); }, }); }); } async function getImageData(img, index, array) { const src = img.getAttribute("src") ?? img.getAttribute("data-src"); if (src == null) { return Promise.reject(new Error("Image source not specified")); } const base64 = base64Regex.exec(src); if (base64?.groups) { return Promise.resolve({ name: getFilename( "Page-", index, array.length, getExtension(base64.groups?.mimeType), ), data: base64.groups.data, }); } return new Promise((resolve) => { getImage(src) .then((res) => { resolve({ name: getFilename( "Page-", index, array.length, getExtension(res.response.type), ), data: res.response, }); }) .catch(logScript); }); } function addZip(img) { logScript(`${img.name} Added to Zip from Base64 Image`); zip.file(img.name, img.data, { base64: true, createFolders: true, compression: "DEFLATE", }); } async function generateZip() { zip = new JSZip(); const images = [...document.querySelectorAll(".PageImg")]; const data = await Promise.all(images.map(getImageData)); data.forEach(addZip); logScript("Generating Zip"); zip .generateAsync( { type: "blob", }, // LogScript, progress ) .then((content) => { logScript("Download Ready"); const zipName = `${document .querySelector("#MangaTitle") ?.textContent?.trim()}.zip`; FileSaver_minExports.saveAs(content, zipName, { autoBom: false }); document.getElementById("download")?.classList.remove("loading"); }) .catch(logScript); } function buttonStartDownload(event) { const button = event.currentTarget; if (button.classList.contains("loading")) { return; } logScript("Downloading Chapter"); button.classList.add("loading"); generateZip().catch((err) => logScript("Error downloading chapter", err)); } function buttonGlobalHideImageControls() { document .querySelector("#MangaOnlineViewer") ?.classList.toggle("hideControls"); } function buttonRedirectURL(event) { const element = event.target; const url = element.getAttribute("value") ?? element.getAttribute("href"); if (url) { window.location.href = url; } else { window.history.back(); } } function buttonCommentsOpen() { document.querySelector("#CommentsPanel")?.classList.add("visible"); document.querySelector("#Overlay")?.classList.add("visible"); } function buttonCommentsClose() { document.querySelector("#CommentsPanel")?.classList.remove("visible"); document.querySelector("#Overlay")?.classList.remove("visible"); } function globals() { document .querySelector("#download") ?.addEventListener("click", buttonStartDownload); document .querySelector("#pageControls") ?.addEventListener("click", buttonGlobalHideImageControls); document .querySelector("#next") ?.addEventListener("click", buttonRedirectURL); document .querySelector("#prev") ?.addEventListener("click", buttonRedirectURL); document .querySelector("#series") ?.addEventListener("click", buttonRedirectURL); document .querySelector("#CommentsButton") ?.addEventListener("click", buttonCommentsOpen); document .querySelectorAll(".closeButton") ?.forEach(addEvent("click", buttonCommentsClose)); document .querySelector("#Overlay") ?.addEventListener("click", buttonCommentsClose); } function headroom(showEnd = 0) { let prevOffset = 0; const setScrollDirection = (classSuffix) => { const header = document.querySelector("#Header"); header.classList.remove("headroom-end"); header.classList.remove("headroom-hide"); header.classList.remove("headroom-show"); if (classSuffix) { header.classList.add(`headroom-${classSuffix}`); } }; function toggleScrollDirection() { const { scrollY } = window; if ( showEnd && getUserSettings().zoomMode !== "height" && scrollY + window.innerHeight + showEnd > document.body.scrollHeight ) { setScrollDirection("end"); } else if (scrollY > prevOffset && scrollY > 50) { setScrollDirection("hide"); } else if (scrollY < prevOffset && scrollY > 50) { setScrollDirection("show"); } else { setScrollDirection(""); } prevOffset = scrollY; } window.addEventListener("scroll", _.debounce(toggleScrollDirection, 50)); } const doClick = (selector) => document.querySelector(selector)?.dispatchEvent(new Event("click")); function doScrolling(sign) { const chapter = document.querySelector("#Chapter"); if ( chapter?.classList.contains("FluidLTR") || chapter?.classList.contains("FluidRTL") ) { chapter.scrollBy({ left: (window.innerWidth / 2) * sign * (chapter?.classList.contains("FluidRTL") ? -1 : 1), behavior: "smooth", }); } else if (getUserSettings().zoomMode === "height") { const pages = [...document.querySelectorAll(".MangaPage")]; const distance = pages.map((element) => Math.abs(element.offsetTop - window.scrollY), ); const currentPage = distance.findIndex((d) => d <= 5); const target = currentPage + sign; const header = document.querySelector("#Header"); if (target < 0) { scrollToElement(header); } else if (target >= pages.length) { header.classList.add("headroom-end"); } else { logScript( `Current array page ${currentPage},`, `Scrolling to page ${target}`, ); scrollToElement(pages.at(target)); } } else { window.scrollBy({ top: (sign * window.innerHeight) / 2, behavior: "smooth", }); } } const actions = { SCROLL_UP() { doScrolling(-1); }, SCROLL_DOWN() { doScrolling(1); }, NEXT_CHAPTER() { doClick("#next"); }, PREVIOUS_CHAPTER() { doClick("#prev"); }, ENLARGE() { doClick("#enlarge"); }, REDUCE() { doClick("#reduce"); }, RESTORE() { doClick("#restore"); }, FIT_WIDTH() { doClick("#fitWidth"); }, FIT_HEIGHT() { doClick("#fitHeight"); }, SETTINGS() { doClick("#settings"); }, VIEW_MODE_WEBCOMIC() { doClick("#webComic"); }, VIEW_MODE_VERTICAL() { doClick("#verticalMode"); }, VIEW_MODE_LEFT() { doClick("#rtlMode"); }, VIEW_MODE_RIGHT() { doClick("#ltrMode"); }, SCROLL_START() { doClick("#AutoScroll"); }, }; function keybindings() { document.onkeydown = null; document.onkeyup = null; document.onkeypress = null; window.onkeydown = null; window.onkeyup = null; window.onkeypress = null; window.onload = null; document.body.onload = null; hotkeys.unbind(); Object.keys(getUserSettings().keybinds).forEach((key) => { hotkeys(getUserSettings().keybinds[key]?.join(",") ?? "", (event) => { event.preventDefault(); event.stopImmediatePropagation(); event.stopPropagation(); actions[key](); }); }); } function isImagesManga(manga) { return "listImages" in manga && !isNothing(manga.listImages); } function isPagesManga(manga) { return "listPages" in manga && !isNothing(manga.listPages); } function isBruteforceManga(manga) { return "bruteForce" in manga && !isNothing(manga.bruteForce); } async function fetchText(url, format) { return new Promise((resolve) => { logScript("Fetching page: ", url); fetch(url) .then(async (response) => // When the page is loaded convert it to text response.text(), ) .then((html) => { const parser = new DOMParser(); const doc = parser.parseFromString(html, format); resolve(doc); }) .catch((err) => { logScript("Failed to fetch page: ", err); }); }); } async function fetchHtml(url) { return fetchText(url, "text/html"); } async function getElementAttribute(url, selector, attribute) { return fetchHtml(url).then((doc) => doc.querySelector(selector)?.getAttribute(attribute), ); } const settings = { threshold: 2e3, throttle: 500, lazyAttribute: "data-src", targetAttribute: "src", }; let listElements = []; let setup = false; function filterInView(value) { const { element } = value; const rect = element.getBoundingClientRect(); const target = (window.innerHeight || document.documentElement.clientHeight) + settings.threshold; return rect.top <= target || rect.bottom <= target; } function showElement(item) { const value = item.element.getAttribute(settings.lazyAttribute); if (value) { item.element.setAttribute(settings.targetAttribute, value); } item.callback(item.element)?.catch(logScript); } function executeCheck() { const inView = listElements.filter(filterInView); listElements = listElements.filter((item) => !filterInView(item)); inView.forEach(showElement); } const observerEvent = _.throttle(executeCheck, settings.throttle); function lazyLoad(element, callback) { if (!setup) { window.addEventListener("scroll", observerEvent, { passive: true, }); window.addEventListener("touchmove", observerEvent, { passive: true, }); window.addEventListener("resize", observerEvent, { passive: true, }); setup = true; } listElements.push({ element, callback }); observerEvent(); } function applyZoom( zoom = getUserSettings().zoomMode, pages = ".PageContent img", ) { const pg = [...document.querySelectorAll(pages)]; pg.forEach((img) => { img.removeAttribute("width"); img.removeAttribute("height"); img.removeAttribute("style"); if (zoom === "width") { img.style.width = `${window.innerWidth}px`; } else if (zoom === "height") { const chapter = document.querySelector("#Chapter"); const fluid = chapter?.classList.contains("FluidLTR") || chapter?.classList.contains("FluidRTL"); const nextHeight = window.innerHeight + (getUserSettings().showThumbnails || fluid ? -30 : 0); img.style.height = `${nextHeight}px`; img.style.minWidth = "unset"; } else if (zoom === "percent") { img.style.width = `${ img.naturalWidth * (getUserSettings().defaultZoom / 100) }px`; } else if (zoom >= 0 && zoom !== 100) { img.style.width = `${img.naturalWidth * (zoom / 100)}px`; } }); } function invalidateImageCache(src, repeat) { const url = src.replace(/[?&]cache=\d+$/, ""); const symbol = !url.includes("?") ? "?" : "&"; return `${url + symbol}cache=${repeat}`; } function getRepeatValue(src) { let repeat = 1; const cache = src?.match(/cache=(\d+)$/); if (cache?.at(1)) { repeat = parseInt(cache[1], 10) + 1; } return repeat; } function reloadImage(img) { const src = img.getAttribute("src"); if (!src) { return; } img.removeAttribute("src"); img.setAttribute("src", invalidateImageCache(src, getRepeatValue(src))); } function onImagesDone() { logScript("Images Loading Complete"); if (getUserSettings().downloadZip) { document.getElementById("download")?.dispatchEvent(new Event("click")); } document.getElementById("download")?.classList.remove("disabled"); } function updateProgress() { const total = document.querySelectorAll(".PageContent .PageImg").length; const loaded = document.querySelectorAll( ".PageContent .PageImg.imgLoaded", ).length; const percentage = Math.floor((loaded / total) * 100); const title = document.querySelector("title"); if (title) { title.innerHTML = html`(${percentage}%) ${document.querySelector("#MangaTitle")?.textContent}`; } document .querySelectorAll("#Counters i, #NavigationCounters i") .forEach((ele) => { ele.textContent = loaded.toString(); }); NProgress.configure({ showSpinner: false, }).set(loaded / total); logScript(`Progress: ${percentage}%`); if (loaded === total) { onImagesDone(); } } function onImagesSuccess(instance) { instance.images.forEach((image) => { image.img.classList.add("imgLoaded"); image.img.classList.remove("imgBroken"); const thumbId = image.img.id.replace("PageImg", "ThumbnailImg"); const thumb = document.getElementById(thumbId); if (thumb) { thumb.setAttribute("src", image.img.getAttribute("src")); } applyZoom(getUserSettings().zoomMode, `#${image.img.id}`); updateProgress(); }); } function onImagesFail(instance) { instance.images.forEach((image) => { image.img.classList.add("imgBroken"); const src = image.img.getAttribute("src"); if (src && getRepeatValue(src) <= getUserSettings().maxReload) { setTimeout(() => { reloadImage(image.img); const imgLoad = imagesLoaded(image.img.parentElement); imgLoad.on("done", onImagesSuccess); imgLoad.on("fail", onImagesFail); }, 2e3); } }); } function normalizeUrl(url = "") { let uri = url.trim(); if (uri.startsWith("//")) { uri = `https:${uri}`; } return uri; } function addImg(manga, index, imageSrc, position) { const relativePosition = position - manga.begin; const src = normalizeUrl(imageSrc); const img = document.querySelector(`#PageImg${index}`); if (img) { if ( !getUserSettings().lazyLoadImages || relativePosition <= getUserSettings().lazyStart ) { setTimeout( () => { const imgLoad = imagesLoaded(img.parentElement); imgLoad.on("done", onImagesSuccess); imgLoad.on("fail", onImagesFail); img.setAttribute("src", src); logScript("Loaded Image:", index, "Source:", src); }, (manga.timer ?? getUserSettings().throttlePageLoad) * relativePosition, ); } else { img.setAttribute("data-src", src); lazyLoad(img, () => { const imgLoad = imagesLoaded(img.parentElement); imgLoad.on("done", onImagesSuccess); imgLoad.on("fail", onImagesFail); logScript( "Lazy Image: ", index, " Source: ", img.getAttribute("src"), ); }); } } } function findPage(manga, index, pageUrl, lazy) { return async () => { const src = await getElementAttribute( pageUrl, manga.img, manga.lazyAttr ?? "src", ); const img = document.querySelector(`#PageImg${index}`); if (src && img) { img.style.width = "auto"; const imgLoad = imagesLoaded(img.parentElement); imgLoad.on("done", onImagesSuccess); imgLoad.on("fail", onImagesFail); img.setAttribute("src", src); logScript( `${lazy && "Lazy "}Page: `, index, " Source: ", img.getAttribute("src"), ); } }; } async function addPage(manga, index, pageUrl, position) { const relativePosition = position - manga.begin; const img = document.querySelector(`#PageImg${index}`); if (img) { if ( !getUserSettings().lazyLoadImages || relativePosition <= getUserSettings().lazyStart ) { setTimeout( () => { findPage(manga, index, pageUrl, false)().catch(logScript); }, (manga.timer ?? getUserSettings().throttlePageLoad) * relativePosition, ); } else { img.setAttribute( "data-src", "data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==", ); lazyLoad(img, findPage(manga, index, pageUrl, true)); } } } function loadMangaPages(begin, manga) { indexList(manga.pages, begin).forEach((index, position) => { addPage(manga, index, manga.listPages[index - 1], position).catch( logScript, ); }); } function loadMangaImages(begin, manga) { indexList(manga.pages, begin).forEach((index, position) => { addImg(manga, index, manga.listImages[index - 1], position); }); } function loadManga(manga, begin = 1) { getUserSettings().lazyLoadImages = manga.lazy ?? getUserSettings().lazyLoadImages; logScript("Loading Images"); logScript( `Intervals: ${ manga.timer ?? getUserSettings().throttlePageLoad ?? "Default(1000)" }`, ); logScript( `Lazy: ${getUserSettings().lazyLoadImages}, Starting from: ${ getUserSettings().lazyStart }`, ); if (isImagesManga(manga)) { logScript("Method: Images:", manga.listImages); loadMangaImages(begin, manga); } else if (isPagesManga(manga)) { logScript("Method: Pages:", manga.listPages); loadMangaPages(begin, manga); } else if (isBruteforceManga(manga)) { logScript("Method: Brute Force"); manga.bruteForce({ begin, addImg, loadImages(list) { loadMangaImages(begin, { ...manga, listImages: list }); }, loadPages(list, img, lazyAttr) { loadMangaPages(begin, { ...manga, listPages: list, img, lazyAttr, }); }, wait: getUserSettings().throttlePageLoad, }); } else { logScript("No Loading Method Found"); } } function buttonReloadPage(event) { const img = event.currentTarget.parentElement?.parentElement?.querySelector( ".PageImg", ); reloadImage(img); } function buttonHidePage(event) { const img = event.currentTarget.parentElement?.parentElement; img.classList.toggle("hide"); } function individual() { document .querySelectorAll(".Reload") ?.forEach(addEvent("click", buttonReloadPage)); document .querySelectorAll(".Hide") ?.forEach(addEvent("click", buttonHidePage)); } function selectGoToPage(event) { const target = event.currentTarget.value; applyZoom(); scrollToElement(document.querySelector(`#Page${target}`)); } function clickThumbnail(event) { applyZoom(); scrollToElement( document.querySelector( `#Page${ event.currentTarget.querySelector(".ThumbnailIndex")?.textContent }`, ), ); } function navigation() { document .querySelector("#gotoPage") ?.addEventListener("change", selectGoToPage); document .querySelectorAll(".Thumbnail") ?.forEach(addEvent("click", clickThumbnail)); document .querySelector("#Thumbnails") ?.addEventListener("wheel", transformScrollToHorizontal); } function buttonResetSettings() { resetSettings(); const elem = document.getElementById("MangaOnlineViewer"); elem?.removeAttribute("locale"); elem?.dispatchEvent(new Event("locale")); } function changeLocale(event) { const locale = event.currentTarget.value; updateSettings({ locale }); const elem = document.getElementById("MangaOnlineViewer"); elem?.setAttribute("locale", locale); elem?.dispatchEvent(new Event("locale")); } function changeLoadMode(event) { const mode = event.currentTarget.value; updateSettings({ loadMode: mode }); } function checkFitWidthOversize(event) { document.querySelector("#Chapter")?.classList.toggle("fitWidthIfOversize"); updateSettings({ fitWidthIfOversize: event.currentTarget.checked }); } function checkShowThumbnails(event) { document.querySelector("#Navigation")?.classList.toggle("disabled"); updateSettings({ showThumbnails: event.currentTarget.checked }); applyZoom(); } function changeAutoDownload(event) { updateSettings({ downloadZip: event.currentTarget.checked }); if (event.currentTarget.checked) { Swal.fire({ title: getLocaleString("ATTENTION"), text: getLocaleString("AUTO_DOWNLOAD"), timer: 1e4, icon: "info", }); } } function checkLazyLoad(event) { updateSettings({ lazyLoadImages: event.currentTarget.checked }); const start = document.querySelector(".lazyStart"); if (getUserSettings().lazyLoadImages) { start?.classList.add("show"); } else { start?.classList.remove("show"); } if (event.currentTarget.checked) { Swal.fire({ title: getLocaleString("WARNING"), html: getLocaleString("LAZY_LOAD"), icon: "warning", }); } } function changeLazyStart(event) { const start = event.currentTarget.value; updateSettings({ lazyStart: parseInt(start, 10) }); } function changePagesPerSecond(event) { const timer = parseInt(event.currentTarget.value, 10); updateSettings({ throttlePageLoad: timer }); if (timer < 100) { Swal.fire({ title: getLocaleString("SPEED_WARNING"), html: getLocaleString("SPEED_WARNING_MESSAGE"), icon: "warning", }); } } function changeZoomStep(event) { const step = event.currentTarget.value; updateSettings({ zoomStep: parseInt(step, 10) }); } function changeMinZoom(event) { const min = event.currentTarget.value; replaceStyleSheet( "MinZoom", `#MangaOnlineViewer .PageContent .PageImg {min-width: ${min}vw;}`, ); updateSettings({ minZoom: parseInt(min, 10) }); } function checkHideImageControls(event) { document .querySelector("#MangaOnlineViewer") ?.classList.toggle("hideControls"); updateSettings({ hidePageControls: event.currentTarget.checked }); } function changeHeaderType(event) { const headerType = event.currentTarget.value; document.querySelector("#Header").className = headerType; document.querySelector("#menu").className = headerType; updateSettings({ header: headerType }); } function changeScrollHeight(event) { const { value } = event.currentTarget; updateSettings({ scrollHeight: parseInt(value, 10) }); } function options() { document .querySelector("#ResetSettings") ?.addEventListener("click", buttonResetSettings); document.querySelector("#locale")?.addEventListener("change", changeLocale); document .querySelector("#fitIfOversize") ?.addEventListener("change", checkFitWidthOversize); document .querySelector("#loadMode") ?.addEventListener("change", changeLoadMode); document .querySelector("#showThumbnails") ?.addEventListener("change", checkShowThumbnails); document .querySelector("#downloadZip") ?.addEventListener("change", changeAutoDownload); document .querySelector("#lazyLoadImages") ?.addEventListener("change", checkLazyLoad); document .querySelector("#lazyStart") ?.addEventListener("change", changeLazyStart); document .querySelector("#PagesPerSecond") ?.addEventListener("change", changePagesPerSecond); document .querySelector("#zoomStep") ?.addEventListener("change", changeZoomStep); document .querySelector("#minZoom") ?.addEventListener("input", changeMinZoom); document .querySelector("#hidePageControls") ?.addEventListener("change", checkHideImageControls); document .querySelector("#headerType") ?.addEventListener("change", changeHeaderType); document .querySelector("#scrollHeight") ?.addEventListener("change", changeScrollHeight); } function buttonHeaderClick() { const header = document.querySelector("#Header"); if (header?.classList.contains("click")) { header?.classList.toggle("visible"); } } function isMouseInsideRegion(event, headerWidth, headerHeight) { return ( event.clientX >= 0 && event.clientX <= headerWidth && event.clientY >= 0 && event.clientY <= headerHeight ); } function headerHover(event) { const header = document.querySelector("#Header"); if (header?.classList.contains("hover")) { if (isMouseInsideRegion(event, header.clientWidth, header.clientHeight)) { document.querySelector("#menu")?.classList.add("hide"); header?.classList.add("visible"); } else { document.querySelector("#menu")?.classList.remove("hide"); header?.classList.remove("visible"); } } } function buttonSettingsOpen() { document.querySelector("#SettingsPanel")?.classList.add("visible"); document.querySelector("#Navigation")?.classList.add("visible"); document.querySelector("#Header")?.classList.add("visible"); document.querySelector("#Overlay")?.classList.add("visible"); } function buttonSettingsClose() { document.querySelector("#SettingsPanel")?.classList.remove("visible"); document.querySelector("#Navigation")?.classList.remove("visible"); document.querySelector("#Header")?.classList.remove("visible"); document.querySelector("#Overlay")?.classList.remove("visible"); } function buttonKeybindingsOpen() { document.querySelector("#KeybindingsList").innerHTML = keybindList().join("\n"); document.querySelector("#SaveKeybindings")?.classList.add("hidden"); document.querySelector("#EditKeybindings")?.classList.remove("hidden"); document.querySelector("#KeybindingsPanel")?.classList.add("visible"); document.querySelector("#Overlay")?.classList.add("visible"); } function buttonKeybindingsClose() { document.querySelector("#SaveKeybindings")?.classList.add("hidden"); document.querySelector("#EditKeybindings")?.classList.remove("hidden"); document.querySelector("#KeybindingsPanel")?.classList.remove("visible"); document.querySelector("#Overlay")?.classList.remove("visible"); } function saveKeybindings() { const newkeybinds = getUserSettings().keybinds; Object.keys(getUserSettings().keybinds).forEach((kb) => { const keys = document .querySelector(`#${kb}`) ?.value.split(",") ?.map((value) => value.trim()); newkeybinds[kb] = isNothing(keys) ? void 0 : keys; }); updateSettings({ keybinds: newkeybinds }); document.querySelector("#KeybindingsList").innerHTML = keybindList().join("\n"); document.querySelector("#SaveKeybindings")?.classList.add("hidden"); document.querySelector("#EditKeybindings")?.classList.remove("hidden"); keybindings(); } function editKeybindings() { document.querySelector("#KeybindingsList").innerHTML = keybindEditor().join("\n"); document.querySelector("#SaveKeybindings")?.classList.remove("hidden"); document.querySelector("#EditKeybindings")?.classList.add("hidden"); } function panels() { document .querySelector("#menu") ?.addEventListener("click", buttonHeaderClick); document.addEventListener("mousemove", _.throttle(headerHover, 300)); document .querySelector("#settings") ?.addEventListener("click", buttonSettingsOpen); document .querySelectorAll(".closeButton") ?.forEach(addEvent("click", buttonSettingsClose)); document .querySelector("#Overlay") ?.addEventListener("click", buttonSettingsClose); document .querySelector("#keybindings") ?.addEventListener("click", buttonKeybindingsOpen); document .querySelectorAll(".closeButton") ?.forEach(addEvent("click", buttonKeybindingsClose)); document .querySelector("#Overlay") ?.addEventListener("click", buttonKeybindingsClose); document .querySelector("#EditKeybindings") ?.addEventListener("click", editKeybindings); document .querySelector("#SaveKeybindings") ?.addEventListener("click", saveKeybindings); } function buttonZoomIn(event) { const img = event.currentTarget.parentElement?.parentElement?.querySelector( ".PageImg", ); const ratio = (img.width / img.naturalWidth) * (100 + getUserSettings().zoomStep); applyZoom(ratio, `#${img.getAttribute("id")}`); } function buttonZoomOut(event) { const img = event.currentTarget.parentElement?.parentElement?.querySelector( ".PageImg", ); const ratio = (img.width / img.naturalWidth) * (100 - getUserSettings().zoomStep); applyZoom(ratio, `#${img.getAttribute("id")}`); } function buttonRestoreZoom() { document.querySelector(".PageContent .PageImg")?.removeAttribute("width"); } function buttonZoomWidth(event) { const page = event.currentTarget.parentElement?.parentElement; const img = page?.querySelector(".PageImg"); applyZoom("width", `#${img.getAttribute("id")}`); page?.classList.toggle("DoublePage"); } function buttonZoomHeight(event) { const img = event.currentTarget.parentElement?.parentElement?.querySelector( ".PageImg", ); applyZoom("height", `#${img.getAttribute("id")}`); } function size() { document .querySelectorAll(".ZoomIn") ?.forEach(addEvent("click", buttonZoomIn)); document .querySelectorAll(".ZoomOut") ?.forEach(addEvent("click", buttonZoomOut)); document .querySelectorAll(".ZoomRestore") ?.forEach(addEvent("click", buttonRestoreZoom)); document .querySelectorAll(".ZoomWidth") ?.forEach(addEvent("click", buttonZoomWidth)); document .querySelectorAll(".ZoomHeight") ?.forEach(addEvent("click", buttonZoomHeight)); } function changeColorScheme() { const isDark = getUserSettings().colorScheme === "dark"; updateSettings({ colorScheme: isDark ? "light" : "dark" }); const elem = document.getElementById("MangaOnlineViewer"); elem?.classList.remove(isDark ? "dark" : "light"); elem?.classList.add(getUserSettings().colorScheme); } function buttonSelectTheme(event) { const target = event.currentTarget; [...document.querySelectorAll(".ThemeRadio")].forEach((theme) => { theme.classList.remove("selected"); }); target.classList.add("selected"); document .getElementById("MangaOnlineViewer") ?.setAttribute("data-theme", target.title); updateSettings({ theme: target.title }); const hue = document.querySelector("#Hue"); const shade = document.querySelector("#Shade"); if (target.title.startsWith("custom")) { hue?.classList.add("show"); shade?.classList.remove("show"); } else { hue?.classList.remove("show"); shade?.classList.add("show"); } } function changeCustomTheme(event) { const target = event.currentTarget.value; updateSettings({ customTheme: target }); addCustomTheme(target); } function changeThemeShade(event) { const target = parseInt(event.currentTarget.value, 10); updateSettings({ themeShade: target }); refreshThemes(); } function theming() { document .querySelector("#ColorScheme") ?.addEventListener("click", changeColorScheme); document .querySelectorAll(".ThemeRadio") .forEach(addEvent("click", buttonSelectTheme)); document .querySelector("#CustomThemeHue") ?.addEventListener("change", changeCustomTheme); document .querySelector("#ThemeShade") ?.addEventListener("input", changeThemeShade); } function changeGlobalZoom(value) { return () => { if (typeof value !== "number") { getUserSettings().zoomMode = value; } else { getUserSettings().zoomMode = "percent"; } const globalZoomVal = document.querySelector("#ZoomVal"); if (Number.isInteger(value)) { globalZoomVal.textContent = `${value}%`; document.querySelector("#Zoom").value = value.toString(); } else { globalZoomVal.textContent = value; } applyZoom(value); }; } function changeZoomByStep(sign = 1) { return () => { const globalZoom = document.querySelector("#Zoom"); const ratio = parseInt(globalZoom.value, 10) + sign * getUserSettings().zoomStep; globalZoom.value = ratio.toString(); globalZoom?.dispatchEvent(new Event("input", { bubbles: true })); }; } function changeDefaultZoomMode(event) { const target = event.currentTarget.value; updateSettings({ zoomMode: target }); changeGlobalZoom(target)(); const percent = document.querySelector(".DefaultZoom"); if (getUserSettings().zoomMode === "percent") { percent?.classList.add("show"); } else { percent?.classList.remove("show"); } } function changeDefaultZoom(event) { const target = parseInt(event.currentTarget.value, 10); updateSettings({ defaultZoom: target }); changeGlobalZoom(target)(); } function changeZoom(event) { const target = parseInt(event.currentTarget.value, 10); changeGlobalZoom(target)(); document.querySelector("#ZoomVal").textContent = `${target}%`; } function zoom() { document .querySelector("#DefaultZoomMode") ?.addEventListener("change", changeDefaultZoomMode); document .querySelector("#DefaultZoom") ?.addEventListener("input", changeDefaultZoom); document.querySelector("#Zoom")?.addEventListener("input", changeZoom); document .querySelector("#enlarge") ?.addEventListener("click", changeZoomByStep()); document .querySelector("#reduce") ?.addEventListener("click", changeZoomByStep(-1)); document .querySelector("#restore") ?.addEventListener("click", changeGlobalZoom(100)); document .querySelector("#fitWidth") ?.addEventListener("click", changeGlobalZoom("width")); document .querySelector("#fitHeight") ?.addEventListener("click", changeGlobalZoom("height")); } function setupFluid(mode) { const chapter = document.querySelector("#Chapter"); document.querySelector("#Header").className = "click"; document.querySelector("#menu").className = "click"; changeGlobalZoom("height")(); scrollToElement(chapter); chapter?.addEventListener( "wheel", mode === "FluidLTR" ? transformScrollToHorizontal : transformScrollToHorizontalReverse, ); } function updateViewMode(mode) { return () => { const chapter = document.querySelector("#Chapter"); const header = document.querySelector("#Header"); ["Vertical", "WebComic", "FluidLTR", "FluidRTL"].forEach((c) => chapter?.classList.remove(c), ); chapter?.classList.add(mode); header.className = ""; chapter?.removeEventListener("wheel", transformScrollToHorizontal); chapter?.removeEventListener("wheel", transformScrollToHorizontalReverse); if (mode === "FluidLTR" || mode === "FluidRTL") { setupFluid(mode); } else { document.querySelector("#Header").className = getUserSettings().header; document.querySelector("#menu").className = getUserSettings().header; changeGlobalZoom(100)(); } }; } function changeViewMode(event) { const mode = event.currentTarget.value; updateViewMode(mode)(); updateSettings({ viewMode: mode }); } function viewMode() { document .querySelector("#viewMode") ?.addEventListener("change", changeViewMode); document .querySelector("#webComic") ?.addEventListener("click", updateViewMode("WebComic")); document .querySelector("#ltrMode") ?.addEventListener("click", updateViewMode("FluidLTR")); document .querySelector("#rtlMode") ?.addEventListener("click", updateViewMode("FluidRTL")); document .querySelector("#verticalMode") ?.addEventListener("click", updateViewMode("Vertical")); if ( getUserSettings().viewMode === "FluidLTR" || getUserSettings().viewMode === "FluidRTL" ) { setupFluid(getUserSettings().viewMode); } } let scrollInterval; function scroll() { const chapter = document.querySelector("#Chapter"); if ( chapter?.classList.contains("FluidLTR") || chapter?.classList.contains("FluidRTL") ) { chapter?.scrollBy({ top: 0, left: getUserSettings().scrollHeight * (chapter?.classList.contains("FluidRTL") ? -1 : 1), behavior: "smooth", }); } else { window.scrollBy({ top: getUserSettings().scrollHeight, left: 0, behavior: "smooth", }); } if (document.querySelector("#Header")?.classList.contains("headroom-end")) { clearInterval(scrollInterval); scrollInterval = void 0; document.querySelector("#ScrollControl")?.classList.remove("running"); logScript("Finished auto scroll"); } } function toggleAutoScroll() { const control = document.querySelector("#AutoScroll"); if (scrollInterval) { clearInterval(scrollInterval); scrollInterval = void 0; control?.classList.remove("running"); logScript("Stopped auto scroll"); } else { scroll(); scrollInterval = setInterval(scroll, 1e3 / 60); control?.classList.add("running"); logScript("Start auto scroll"); } } let resume = false; const debounceAutoScroll = _.debounce(() => { toggleAutoScroll(); resume = false; }, 500); function manualScroll() { if (!resume && scrollInterval) { toggleAutoScroll(); resume = true; } if (resume && !scrollInterval) { debounceAutoScroll(); } } function autoscroll() { window.addEventListener("wheel", _.throttle(manualScroll, 500)); document .querySelector("#AutoScroll") ?.addEventListener("click", toggleAutoScroll); } let setupEvents = false; function events() { if (!setupEvents) { headroom(100); keybindings(); individual(); size(); setupEvents = true; } bookmarks(); globals(); navigation(); options(); panels(); theming(); viewMode(); zoom(); autoscroll(); } let loadedManga; function hydrateApp() { const elements = { "#Header": Header(loadedManga), "#CommentsPanel": commentsPanel(loadedManga), "#SettingsPanel": SettingsPanel(), "#KeybindingsPanel": KeybindingsPanel(), "#Bookmarks": BookmarkPanel(), }; if ( document.querySelector("#ScrollControl")?.classList.contains("running") ) { toggleAutoScroll(); } Object.entries(elements).forEach(([id, component]) => { const tag = document.querySelector(id); if (tag) { tag.outerHTML = component; } }); document.querySelector("#Overlay")?.dispatchEvent(new Event("click")); events(); } const app = (manga) => { loadedManga = manga; return html`
${Header(manga)} ${Reader(manga)} ${ThumbnailsPanel(manga)}
${commentsPanel(manga)} ${KeybindingsPanel()} ${BookmarkPanel()} ${SettingsPanel()}
`; }; function display(manga) { document.head.innerHTML = head(manga); document.body.innerHTML = app(manga); events(); loadManga(manga); document .querySelector("#MangaOnlineViewer") ?.addEventListener("locale", hydrateApp); if (manga.comments) document.querySelector("#CommentsArea")?.append(manga.comments); } const cleanUpElement = (...ele) => ele.forEach((element) => { element.getAttributeNames().forEach((attr) => { element.removeAttribute(attr); }); }); async function viewer(manga) { if (manga.before !== void 0) { await manga.before(manga.begin); } manga.comments = document.querySelector("#disqus_thread, #fb-comments"); logScript("Rebuilding Site"); setTimeout(() => { try { cleanUpElement(document.documentElement, document.head, document.body); window.scrollTo(0, 0); display(manga); } catch (e) { logScript(e); } finally { clearBookmark(); } }, 50); } const startButton = "#StartMOV {\n font-size: 2em;\n color: #fff;\n cursor: pointer;\n margin: 10px auto;\n padding: 10px 20px;\n text-align: center;\n border: none;\n background-size: 300% 100%;\n border-radius: 50px;\n transition: all 0.4s ease-in-out;\n background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7);\n box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);\n position: fixed;\n right: 0;\n left: 0;\n bottom: 0;\n z-index: 105000;\n height: 3em;\n min-height: 50px;\n width: 80%;\n}\n\n#StartMOV:hover {\n background-position: 100% 0;\n transition: all 0.4s ease-in-out;\n}\n\n#StartMOV:focus {\n outline: none;\n}\n"; function waitForElm(selector, target = document.body) { return new Promise((resolve) => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); return; } const observer = new MutationObserver(() => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); observer.disconnect(); } }); observer.observe(target, { childList: true, subtree: true, attributes: true, }); }); } function waitForAtb(selector, attribute, target = document.body) { return new Promise((resolve) => { if (target.querySelector(selector)?.getAttribute(attribute)) { resolve(target.querySelector(selector)?.getAttribute(attribute) ?? ""); return; } const observer = new MutationObserver(() => { if (target.querySelector(selector)?.getAttribute(attribute)) { resolve( target.querySelector(selector)?.getAttribute(attribute) ?? "", ); observer.disconnect(); } }); observer.observe(target, { childList: true, subtree: true, attributes: true, attributeFilter: [attribute], }); }); } function waitForVar(name, target = document.body) { return new Promise((resolve) => { if (!isNothing(unsafeWindow[name])) { resolve(unsafeWindow[name]); return; } const observer = new MutationObserver(() => { if (!isNothing(unsafeWindow[name])) { resolve(unsafeWindow[name]); observer.disconnect(); } }); observer.observe(target, { childList: true, subtree: true, attributes: true, }); }); } async function testAttribute(site) { if (site.waitAttr !== void 0) { logScript( `Waiting for Attribute ${site.waitAttr[1]} of ${site.waitAttr[0]}`, ); const wait = await waitForAtb(site.waitAttr[0], site.waitAttr[1]); logScript( `Found Attribute ${site.waitAttr[1]} of ${site.waitAttr[0]} = ${wait}`, ); } } async function testElement(site) { if (site.waitEle !== void 0) { logScript(`Waiting for Element ${site.waitEle}`); const wait = await waitForElm(site.waitEle); logScript(`Found Element ${site.waitEle} = `, wait); } } async function testVariable(site) { if (site.waitVar !== void 0) { logScript(`Waiting for Variable ${site.waitVar}`); const wait = await waitForVar(site.waitVar); logScript(`Found Variable ${site.waitVar} = ${wait}`); } } async function until(predFn) { const poll = (done) => { const result = predFn(); if (result) { done(result); } else { setTimeout(() => { poll(done); }, 500); } }; return new Promise(poll); } async function testFunc(site) { if (site.waitFunc !== void 0) { logScript(`Waiting to pass Function check ${site.waitFunc}`); const wait = await until(site.waitFunc); logScript(`Found Function check ${site.waitFunc} = ${wait}`); } } async function testTime(site) { if (site.waitTime !== void 0) { logScript(`Waiting to for ${site.waitTime} milliseconds`); await new Promise((resolve) => { setTimeout(resolve, site.waitTime); }); logScript("Continuing"); } } const fileTypes = [ "image/apng", "image/bmp", "image/gif", "image/jpeg", "image/pjpeg", "image/png", "image/svg+xml", "image/tiff", "image/webp", "image/x-icon", ]; const fileImageExt = /.(png|jpg|jpeg|gif|bmp|webp)$/i; const orderFiles = (a, b) => a.localeCompare(b, navigator.languages[0] || navigator.language, { numeric: true, ignorePunctuation: true, }); function validFileType(file) { return fileTypes.includes(file.type); } const getImageBlob = (content) => { const buffer = new Uint8Array(content); const blob = new Blob([buffer.buffer]); return URL.createObjectURL(blob); }; async function loadZipFile(filePath) { const zip = await JSZip.loadAsync(filePath); const files = zip .filter((_, file) => !file.dir && fileImageExt.test(file.name)) .sort((a, b) => orderFiles(a.name, b.name)); logScript("Files in zip:", zip.files); return Promise.all( files.map((file) => file.async("arraybuffer").then(getImageBlob)), ); } function displayUploadedFiles(title, listImages) { viewer({ title, series: "?reload", pages: listImages.length, begin: 1, prev: "#", next: "#", listImages, }).then(() => logScript("Page loaded")); } async function loadMangaFromZip(zipFile) { const listImages = await loadZipFile(zipFile); displayUploadedFiles( typeof zipFile === "string" ? zipFile : zipFile.name, listImages, ); } function openFileImages(evt) { const input = evt.target; const files = Array.from(input.files) .filter(validFileType) .sort((a, b) => orderFiles( a.webkitRelativePath || a.name, b.webkitRelativePath || b.name, ), ); logScript( "Local Files: ", files, files.map((f) => f.webkitRelativePath || f.name), ); if (input.files?.[0]) { displayUploadedFiles( input.files[0].webkitRelativePath.split("/")[0] || "Local Images", files.map(URL.createObjectURL), ); } } function allowUpload() { if (localhost.url.test(window.location.href)) { if (document.querySelector("#MangaOnlineViewer, #LocalTest")) { document .querySelector("#LocalTest") ?.setAttribute("style", "display:none"); document.querySelector("#file")?.addEventListener("change", (evt) => { const input = evt.target; if (input.files?.[0]) loadMangaFromZip(input.files[0]); }); document .querySelector("#folder") ?.addEventListener("change", openFileImages); document .querySelector("#images") ?.addEventListener("change", openFileImages); logScript(`Waiting for zip/images upload`); } return true; } return false; } function Unlock() { try { const originalAttachShadow = Element.prototype.attachShadow; Element.prototype.attachShadow = function customAttachShadow() { return originalAttachShadow.apply(this, [{ mode: "open" }]); }; } catch (e) { logScript("Failed to unlock Closed Shadow DOM", e); } } function validateMin(valBegin, endPage, rs) { let val = valBegin; if (Number.isNaN(val) || val < rs.min()) { val = rs.min(); } else if (val > rs.max()) { val = rs.max(); } else if (val > endPage) { val = endPage; } return val; } function validateMax(valEnd, beginPage, rs) { let val = valEnd; if (Number.isNaN(val) || val > rs.max()) { val = rs.max(); } else if (val < rs.min()) { val = rs.min(); } else if (val < beginPage) { val = beginPage; } return val; } async function lateStart(site, begin = 1) { const manga = await site.run(); logScript("LateStart"); let beginPage = begin; let endPage = manga.pages; const options = { title: getLocaleString("STARTING"), // Language=html html: html` ${getLocaleString("CHOOSE_BEGINNING")}
-
`, showCancelButton: true, cancelButtonColor: "#d33", reverseButtons: true, icon: "question", didOpen() { const pageBeginInput = document.querySelector("#pageBegin"); const pageEndInput = document.querySelector("#pageEnd"); const rangeSliderElement = rangeSlider( document.getElementById("pagesSlider"), { min: 1, max: manga.pages, value: [beginPage, endPage], onInput(value, userInteraction) { if (userInteraction) { [beginPage, endPage] = value; if (pageBeginInput) { pageBeginInput.value = beginPage.toString(); } if (pageEndInput) { pageEndInput.value = endPage.toString(); } } }, }, ); function changedInput() { if (pageBeginInput.value === "" || pageEndInput.value === "") { return; } const valBegin = validateMin( parseInt(pageBeginInput.value, 10), endPage, rangeSliderElement, ); const valEnd = validateMax( parseInt(pageEndInput.value, 10), beginPage, rangeSliderElement, ); pageBeginInput.value = valBegin.toString(); pageEndInput.value = valEnd.toString(); beginPage = valBegin; endPage = valEnd; rangeSliderElement.value([valBegin, valEnd]); } const observerEvent = _.debounce(changedInput, 600); ["change", "mouseup", "keyup", "touchend"].forEach((event) => { pageBeginInput?.addEventListener(event, observerEvent); pageEndInput?.addEventListener(event, observerEvent); }); }, }; Swal.fire(options).then((result) => { if (result.value) { logScript(`Choice: ${beginPage} - ${endPage}`); manga.begin = beginPage; manga.pages = endPage; viewer(manga).then(() => logScript("Page loaded")); } else { logScript(result.dismiss); } }); } function createLateStartButton(site, beginning) { const button = document.createElement("button"); button.innerText = getLocaleString("BUTTON_START"); button.id = "StartMOV"; button.onclick = () => { lateStart(site, beginning).catch(logScript); }; document.body.appendChild(button); const style = document.createElement("style"); style.appendChild(document.createTextNode(startButton + rangeSliderStyles)); document.head.appendChild(style); logScript("Start Button added to page", button); } function showWaitPopup(site, manga) { Swal.fire({ title: getLocaleString("STARTING"), html: html`${manga.begin > 1 ? `${getLocaleString("RESUME")}${manga.begin}.
` : ""}${getLocaleString("WAITING")}`, showCancelButton: true, cancelButtonColor: "#d33", reverseButtons: true, timer: 3e3, }).then((result) => { if (result.value || result.dismiss === Swal.DismissReason.timer) { viewer(manga).then(() => logScript("Page loaded")); } else { createLateStartButton(site, manga.begin); logScript(result.dismiss); } }); } async function preparePage(site) { const manga = await site.run(); logScript(`Found Pages: ${manga.pages}`); if (manga.pages <= 0) { return; } if (!manga.title) { manga.title = document.querySelector("title")?.textContent?.trim(); } manga.begin = isBookmarked() ?? manga.begin ?? 1; const style = document.createElement("style"); style.appendChild(document.createTextNode(sweetalertStyle)); document.body.appendChild(style); unsafeWindow.MOV = (startPage, endPage) => { if (startPage !== void 0) { manga.begin = startPage; } if (endPage !== void 0) { manga.pages = endPage; } viewer(manga).then(() => logScript("Page loaded")); }; switch (site.start ?? getUserSettings()?.loadMode) { case "never": createLateStartButton(site, manga.begin); break; case "always": viewer(manga).then(() => logScript("Page loaded")); break; case "wait": default: showWaitPopup(site, manga); break; } } async function start(sites) { Unlock(); logScript( `Starting ${getInfoGM.script.name} ${ getInfoGM.script.version } on ${getBrowser()} with ${getEngine()}`, ); if (allowUpload()) return; logScript(`${sites.length} Known Manga Sites, Looking for a match...`); const site = sites.find((s) => s.url.test(window.location.href)); if (site) { logScript(`Found site: ${site.name}`); await Promise.all([ testTime(site), testElement(site), testAttribute(site), testVariable(site), testFunc(site), ]).then(async () => preparePage(site).catch(logScript)); } else { logScript("Sorry, didnt find any valid site"); } } start(sites).catch(logScript); })();