An image searching/browsing tool on pixiv
// ==UserScript==// @name Patchouli// @name:en Patchouli// @name:ja パチュリー// @name:zh-TW 帕秋莉// @name:zh-CN 帕秋莉// @description An image searching/browsing tool on pixiv// @description:en An image searching/browsing tool on pixiv// @description:ja pixiv 検索機能強化// @description:zh-TW pixiv 搜尋/瀏覽 工具// @description:zh-CN pixiv 搜寻/浏览 工具// @namespace https://github.com/FlandreDaisuki// @include *://www.pixiv.net/*// @require https://unpkg.com/[email protected]/dist/vue.min.js// @require https://unpkg.com/[email protected]/dist/vuex.min.js// @require https://unpkg.com/[email protected]/dist/vue-i18n.min.js// @require https://unpkg.com/[email protected]/dist/FileSaver.min.js// @require https://www.gitcdn.xyz/repo/FlandreDaisuki/zip_player/ecf3751317079fcabef70af4bd0e92411288303d/dist/zip_player.iife.min.js// @icon http://i.imgur.com/VwoYc5w.png// @connect i.pximg.net// @noframes// @author FlandreDaisuki// @license The MIT License (MIT) Copyright (c) 2016-2019 FlandreDaisuki// @compatible firefox>=52// @compatible chrome>=55// @version 4.2.4// @grant unsafeWindow// @grant GM_getValue// @grant GM.getValue// @grant GM_setValue// @grant GM.setValue// @grant GM_xmlhttpRequest// @grant GM.xmlHttpRequest// ==/UserScript==(function (Vue, VueI18n, Vuex) {'use strict';function __$styleInject ( css ) {if(!css) return ;if(typeof(window) == 'undefined') return ;let style = document.createElement('style');style.innerHTML = css;document.head.appendChild(style);return css;}Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;VueI18n = VueI18n && VueI18n.hasOwnProperty('default') ? VueI18n['default'] : VueI18n;Vuex = Vuex && Vuex.hasOwnProperty('default') ? Vuex['default'] : Vuex;__$styleInject("._global-header {\n z-index: 4;\n position: relative;\n}\n._global-header .ui-search {\n z-index: auto;\n}\n._global-header.koakuma-placeholder {\n /* I don't know why #koakuma just 32px\n but it should preserve 42px to keep all spacing correct */\n margin-bottom: 42px;\n}\nul.menu-items > li.current > a {\n color: black;\n font-weight: bold;\n text-decoration: none;\n}\n#toolbar-items {\n z-index: 5;\n}\n.ω {\n display: flex;\n flex-flow: row wrap;\n justify-content: center;\n position: relative;\n}\n.ω,\n.ω .layout-a,\n.ω .layout-body {\n transition: width 0.2s;\n}\n.ω.↔,\n.ω.↔ .layout-a,\n.ω.↔ .layout-body {\n width: 100% !important;\n}\n.ω.↔ .layout-a {\n display: flex;\n flex-direction: row-reverse;\n}\n.ω.↔ .layout-column-2 {\n flex: 1;\n margin-left: 20px;\n}\n.ω.↔ .layout-body,\n.ω.↔ .layout-a {\n margin: 10px 20px;\n}\n\n._28nOzbY {\n /* Fix Koakuma will cover pixiv recommended popup\n when follow user in NewProfilePage */\n z-index: 4;\n}\n\n/* annoyings, ref: lib/pixiv.js */\n\n/* Ad */\n.ad,\n.ads_area,\n.ad-footer,\n.ads_anchor,\n.ads-top-info,\n.comic-hot-works,\n.user-ad-container,\n.ads_area_no_margin,\n/* Premium */\n.hover-item,\n.ad-printservice,\n.bookmark-ranges,\n.require-premium,\n.showcase-reminder,\n.sample-user-search,\n.popular-introduction,\n._premium-lead-tag-search-bar,\n._premium-lead-popular-d-body,\n._premium-lead-promotion-banner {\n display: none !important;\n}\n\n:root {\n --new-default-image-item-square-size: 184px;\n --default-image-item-image-square-size: 200px;\n --loading-icon-size: 72px;\n --loading-icon-color: #0096fa;\n}\n\n/* dotted focus */\na::-moz-focus-inner,\nbutton::-moz-focus-inner {\n border: 0 !important;\n outline: 0 !important;\n}\na:focus,\nbutton:focus {\n outline: 0 !important;\n}\n");const MAIN_PAGE_TYPE = {ANCIENT_FOLLOWED_NEWS: Symbol('ANCIENT_FOLLOWED_NEWS'),FOLLOWED_NEWS: Symbol('FOLLOWED_NEWS'),NEW_PROFILE: Symbol('NEW_PROFILE'),NEW_PROFILE_BOOKMARK: Symbol('NEW_PROFILE_BOOKMARK'),NEW_PROFILE_ILLUST: Symbol('NEW_PROFILE_ILLUST'),NEW_PROFILE_MANGA: Symbol('NEW_PROFILE_MANGA'),NO_SUPPORT: Symbol('NO_SUPPORT'),SEARCH: Symbol('SEARCH'),SELF_BOOKMARK: Symbol('SELF_BOOKMARK'),};const SORT_TYPE = {BOOKMARK_COUNT: 2,BOOKMARK_ID: 1,ILLUST_ID: 0,};const NPP_TYPE_COUNT = 5;const $ = (selector) => {return document.querySelector(selector);};const $$ = (selector) => {return [...document.querySelectorAll(selector)];};const $$find = (doc, selector) => {return [...doc.querySelectorAll(selector)];};const $el = (tag, attr = {}, cb = () => {}) => {const el = document.createElement(tag);Object.assign(el, attr);cb(el);return el;};const $print = {debug(...args) {console.debug.apply(console, [...args]);},error(...args) {console.error.apply(console, [...args]);},log(...args) {console.log.apply(console, [...args]);},};const toInt = (x) => {const t = Number(x);return isNaN(t) ? 0 : Math.floor(t);};const toFormUrlencoded = (o) => {return new URLSearchParams(o).toString();};async function waitUntil(func, { ms = 100, maxCount = 20 } = {}) {return new Promise((resolve, reject) => {let c = maxCount;const i = setInterval(() => {const r = func();if (r) {clearInterval(i);resolve(r);} else if (c <= 0) {clearInterval(i);reject();} else {c -= 1;}}, ms);});}async function $ready(func) {return waitUntil(func, { maxCount: Infinity }).catch($print.error);}Vue.use(VueI18n);const en = {config: {blacklist: 'Blacklist',contextMenuExtension: 'Right click extension',hoverPlay: 'Mouse hover play ugoira',userTooltip: 'Illustrator tooltip',},contextMenu: {addToBlacklist: 'Add to Blacklist',download: 'Download',followUser: 'Follow',openBookmarkPage: 'Add Bookmark Page',preview: 'Preview',thumbUp: 'Like',},ctrlPanel: {buttonEnd: 'End',buttonGo: 'Go',buttonPause: 'Pause',fitWidth: 'fit browser width',sortByBookmarkId: 'sort by bookmark id',sortByDate: 'sort by date',sortByPopularity: 'sort by popularity',tagFilterQueryPlaceholder: 'tags filter example: flandre || sister',},mainView: {bookmarkTooltip: '{count} bookmarks',newProfilePage: {bookmarks: 'Bookmarks',contents: 'Contents',illustrations: 'Illustrations',manga: 'Manga',noR###lt: 'Not found',privateBookmark: 'Private',publicBookmark: 'Public',},},};const ja = {config: {blacklist: 'ブラックリスト',contextMenuExtension: '右クリックの拡張機能',hoverPlay: 'マウスオーバーでうごイラ再生',userTooltip: 'イラストレーターツールチップ',},contextMenu: {addToBlacklist: 'ブラックリストへ',download: 'ダウンロード',followUser: 'フォローする',openBookmarkPage: 'ブックマーク追加ページ',preview: 'プレビュー',thumbUp: 'いいね',},ctrlPanel: {buttonEnd: '終了',buttonGo: '捜す',buttonPause: '中断',fitWidth: '全幅',sortByBookmarkId: 'ブックマーク順',sortByDate: '投稿順',sortByPopularity: '人気順',tagFilterQueryPlaceholder: 'タグフィルター 例: フランドール || 妹様',},mainView: {bookmarkTooltip: '{count} 件のブックマーク',newProfilePage: {bookmarks: 'ブックマーク',contents: '作品',illustrations: 'イラスト',manga: 'マンガ',noR###lt: '作品がありません',privateBookmark: '非公開',publicBookmark: '公開',},},};const zhCN = {config: {blacklist: '黑名單',contextMenuExtension: '右键扩展',hoverPlay: '鼠标播放动图',userTooltip: '绘师提示框',},contextMenu: {addToBlacklist: '拉黑',download: '下载',followUser: '加关注',openBookmarkPage: '开启添加收藏页',preview: '原图预览',thumbUp: '赞',},ctrlPanel: {buttonEnd: '完',buttonGo: '找',buttonPause: '停',fitWidth: '自适应浏览器宽度',sortByBookmarkId: '以加入顺序排序',sortByDate: '以日期排序',sortByPopularity: '以人气排序',tagFilterQueryPlaceholder: '标签过滤 例: 芙兰朵露 || 二小姐',},mainView: {bookmarkTooltip: '{count} 个收藏',newProfilePage: {bookmarks: '收藏',contents: '作品',illustrations: '插画',manga: '漫画',noR###lt: '找不到作品',privateBookmark: '非公开',publicBookmark: '公开',},},};const zhTW = {config: {blacklist: '黑名單',contextMenuExtension: '擴充右鍵',hoverPlay: '滑鼠播放動圖',userTooltip: '繪師提示框',},contextMenu: {addToBlacklist: '加入黑名單',download: '下載',followUser: '加關注',openBookmarkPage: '開啟添加收藏頁',preview: '原圖預覽',thumbUp: '讚',},ctrlPanel: {buttonEnd: '完',buttonGo: '找',buttonPause: '停',fitWidth: '自適應瀏覽器寬度',sortByBookmarkId: '以加入順序排序',sortByDate: '以日期排序',sortByPopularity: '以人氣排序',tagFilterQueryPlaceholder: '標籤過濾 例: 芙蘭朵露 || 二小姐',},mainView: {bookmarkTooltip: '{count} 個收藏',newProfilePage: {bookmarks: '收藏',contents: '作品',illustrations: '插畫',manga: '漫畫',noR###lt: '找不到作品',privateBookmark: '非公開',publicBookmark: '公開',},},};var i18n = new VueI18n({fallbackLocale: 'ja',locale: document.documentElement.lang.toLowerCase(),messages: {en,ja,'zh': zhCN,'zh-cn': zhCN,'zh-tw': zhTW,},});class ExtendableError extends Error {constructor(message) {super(message);this.name = this.constructor.name;if (typeof Error.captureStackTrace === 'function') {Error.captureStackTrace(this, this.constructor);} else {this.stack = (new Error(message)).stack;}}}class InitError extends ExtendableError {}class ConnectionError extends ExtendableError {}class Pixiv {constructor() {this._tt = null;}get tt() {if (this._tt) {return this._tt;}const inputTT = $('input[name="tt"]');if (inputTT) {this._tt = inputTT.value;} else if (window.pixiv) {this._tt = window.pixiv.context.token;} else if (window.globalInitData) {this._tt = window.globalInitData.token;} else {$print.error('Pixiv#tt getter');}return this._tt;}async fetch(url, options = {}) {const opt = Object.assign({ credentials: 'same-origin' }, options);try {if (url) {const a = $el('a', { href: url });const resp = await fetch(a.href, opt);if (!resp.ok) {throw new ConnectionError(`${resp.status} ${resp.statusText}`);}return resp;} else {$print.error('Pixiv#fetch without url');}} catch (error) {$print.error('Pixiv#fetch: error:', error);}}async fetchJSON(url, options = {}) {try {const resp = await this.fetch(url, options);const data = await resp.json();const properties = Object.keys(data);if (properties.includes('error') && properties.includes('body')) {if (data.error) {$print.error('Pixiv#fetchJSON: JSON has error:', data.message);return null;} else {return data.body;}} else {return data;}} catch (error) {$print.error('Pixiv#fetchJSON: error:', error);}}async fetchHTML(url, options = {}) {try {const resp = await this.fetch(url, options);const data = await resp.text();return data;} catch (error) {$print.error('Pixiv#fetchHTML: error:', error);}}async rpcCall(mode, params = {}) {return this.fetchJSON('/rpc/index.php', {method: 'POST',headers: { 'Content-Type': 'application/x-www-form-urlencoded' },body: toFormUrlencoded({ ...params, mode, tt: this.tt }),});}async getIllustData(illustId) {const url = `/ajax/illust/${illustId}`;const data = await this.fetchJSON(url);return data;}async getIllustBookmarkData(illustId) {const url = `/ajax/illust/${illustId}/bookmarkData`;const data = await this.fetchJSON(url);return data;}async getIllustDataGroup(illustIds) {const uniqIllustIds = [...new Set(illustIds)];const illustDataGroup = await Promise.all(uniqIllustIds.map(id => this.getIllustData(id)));return illustDataGroup.filter(Boolean).reduce((collect, d) => {collect[d.illustId] = d;return collect;}, {});}async getUserData(userId) {const url = `/ajax/user/${userId}`;const data = await this.fetchJSON(url);return data;}async getUserProfileData(userId) {const url = `/ajax/user/${userId}/profile/all`;const data = await this.fetchJSON(url);return data;}async getUserBookmarkData(userId, optSearchParams = {}) {const searchParams = Object.assign({limit: 24,offset: 0,rest: 'show',tag: '',}, optSearchParams);const url = `/ajax/user/${userId}/illusts/bookmarks?${toFormUrlencoded(searchParams)}`;const data = await this.fetchJSON(url);return data;}async getUserDataGroup(userIds) {const uniqUserIds = [...new Set(userIds)];const userDataGroup = await Promise.all(uniqUserIds.map(id => this.getUserData(id)));return userDataGroup.filter(Boolean).reduce((collect, d) => {collect[d.userId] = d;return collect;}, {});}async getIllustUgoiraMetaData(illustId) {const url = `/ajax/illust/${illustId}/ugoira_meta`;const data = await this.fetchJSON(url);return data;}async getIllustIdsInLegacyPageHTML(url) {try {const html = await this.fetchHTML(url);const nextTag = html.match(/class="next"[^/]*/);let nextUrl = '';if (nextTag) {const nextHref = nextTag[0].match(/href="([^"]+)"/);if (nextHref) {const query = nextHref[1].replace(/&/g, '&');if (query) {nextUrl = `${location.pathname}${query}`;}}}const iidHTMLs = html.match(/;illust_id=\d+"\s*class="work/g) || [];const illustIds = [];for (const dataid of iidHTMLs) {const iid = dataid.replace(/\D+(\d+).*/, '$1');if (!illustIds.includes(iid) && iid !== '0') {illustIds.push(iid);}}const ret = {illustIds,nextUrl,};return ret;} catch (error) {$print.error('Pixiv#getIllustIdsInLegacyPageHTML: error:', error);}}async getIllustIdsInPageHTML(url) {try {const html = await this.fetchHTML(url);const nextTag = html.match(/class="next"[^/]*/);let nextUrl = '';if (nextTag) {const nextHref = nextTag[0].match(/href="([^"]+)"/);if (nextHref) {const query = nextHref[1].replace(/&/g, '&');if (query) {nextUrl = `${location.pathname}${query}`;}}}const iidHTMLs = html.match(/illustId":"(\d+)"/g) || [];const illustIds = [];for (const dataid of iidHTMLs) {const iid = dataid.replace(/\D+(\d+).*/, '$1');if (!illustIds.includes(iid) && iid !== '0') {illustIds.push(iid);}}const ret = {illustIds,nextUrl,};return ret;} catch (error) {$print.error('Pixiv#getIllustIdsInPageHTML: error:', error);}}async postIllustLike(illustId) {const url = '/ajax/illusts/like';const data = await this.fetchJSON(url, {method: 'POST',headers: {'Content-Type': 'application/json','x-csrf-token': this.tt,},body: JSON.stringify({illust_id: illustId,}),});return Boolean(data);}async postFollowUser(userId) {const url = '/bookmark_add.php';const searchParams = {format: 'json',mode: 'add',restrict: 0,tt: this.tt,type: 'user',user_id: userId,};const data = await this.fetchJSON(url, {method: 'POST',headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',},body: toFormUrlencoded(searchParams),});return Boolean(data);}async postRPCAddBookmark(illustId) {const searchParams = {comment: '',illust_id: illustId,restrict: 0,tags: '',};await this.rpcCall('save_illust_bookmark', searchParams);return true;}async postRPCDeleteBookmark(bookmarkId) {const searchParams = { bookmark_id: bookmarkId };await this.rpcCall('delete_illust_bookmark', searchParams);return true;}}const PixivAPI = new Pixiv();function removeAnnoyings(doc = document) {const annoyings = ['.ad','.ads_area','.ad-footer','.ads_anchor','.ads-top-info','.comic-hot-works','.user-ad-container','.ads_area_no_margin','.hover-item','.ad-printservice','.bookmark-ranges','.require-premium','.showcase-reminder','.sample-user-search','.popular-introduction','._premium-lead-tag-search-bar','._premium-lead-popular-d-body','._premium-lead-promotion-banner',];for (const selector of annoyings) {for (const el of $$find(doc, selector)) {el.remove();}}}const DEFAULT_MATCH = true;const isString = (s) => typeof(s) === 'string';const isFunction = (s) => typeof(s) === 'function';const isOrOp = (s) => s === ' || ';const isAndOp = (s) => s === ' && ';const isCondOp = (s) => isOrOp(s) || isAndOp(s);const isGroupExpr = (s) => isString(s) && (/^{.*}$/).test(s);const isPartialExclusionExpr = (s) => isString(s) && (/^-[^-].*$/).test(s);const isPartialInclusionExpr = (s) => isString(s) && (/^[+]?.*$/).test(s);const defaultFunc = () => DEFAULT_MATCH;const isMatched = (ruleStr, targetStr) => {const rule = ruleStr.toLowerCase();const target = targetStr.toLowerCase();return makeRuleFunc(rule, target)();};const makeRuleFunc = (rule, target) => {if (isString(rule)) {const rtoks = rule.trim().match(/(\{.*?\}| ([|]{2}|[&]{2}) |\S+)/g);if (!rtoks) {return defaultFunc;}const tokList = rtoks.map((rtok) => {if (isCondOp(rtok)) {return rtok;} else if (isGroupExpr(rtok)) {return makeRuleFunc(rtok.slice(1, -1), target);} else if (isPartialExclusionExpr(rtok)) {return () => !target.includes(rtok.slice(1));} else if (isPartialInclusionExpr(rtok)) {return () => target.includes(rtok.replace(/^[+]?(.*)$/, '$1'));} else {$print.log('tagMatcher#makeRuleFunc: Unknown rtok', rtok);return defaultFunc;}});return makeRuleFunc(tokList, target);} else {const ruleList = rule.map(r => (isString(r) && !isCondOp(r)) ? makeRuleFunc(r, target) : r);const funcList = ruleList.filter(isFunction);const opList = ruleList.filter(isCondOp);if (funcList.length + opList.length !== ruleList.length) {$print.log('tagMatcher#makeRuleFunc: Unknown ruleList', ruleList);return defaultFunc;}if (opList.every(isAndOp)) {return () => funcList.every(fn => fn());} else if (opList.every(isOrOp)) {return () => funcList.some(fn => fn());} else {$print.log('tagMatcher#makeRuleFunc: Mixed condition operators without grouping', ruleList);return defaultFunc;}}};var tagFilterQuerier = {isMatched,makeRuleFunc,};const makeNewTag = (tag) => {if (tag.translation) {const trs = Object.values(tag.translation);return [tag.tag, ...trs].filter(Boolean).join('\x00');}return [tag.tag, tag.romaji].filter(Boolean).join('\x00');};const makeLibraryData = ({ illustDataGroup, userDataGroup }) => {if (!illustDataGroup || !Object.keys(illustDataGroup).length) {return [];}const library = [];for (const [illustId, illustData] of Object.entries(illustDataGroup)) {const allTags = illustData.tags.tags.map(makeNewTag).join('\x00');const d = {bookmarkCount: illustData.bookmarkCount,bookmarkId: '',illustId,illustPageCount: toInt(illustData.pageCount),illustTitle: illustData.illustTitle,isBookmarked: Boolean(illustData.bookmarkData),isFollowed: userDataGroup[illustData.userId].isFollowed,isManga: illustData.illustType === 1,isPrivateBookmark: false,isUgoira: illustData.illustType === 2,profileImg: userDataGroup[illustData.userId].image,tags: allTags,urls: {original: illustData.urls.original,regular: illustData.urls.regular,thumb: illustData.urls.thumb,},userId: illustData.userId,userName: illustData.userName,};if (illustData.bookmarkData) {d.bookmarkId = illustData.bookmarkData.id;d.isPrivateBookmark = illustData.bookmarkData.private;}library.push(d);}return library;};const state = {batchSize: 40,defaultStatus: {isEnded: false,isPaused: true,},imageItemLibrary: [],moveWindowIndex: 0,moveWindowPrivateBookmarkIndex: 0,nextUrl: location.href,nppStatus: {isEnded: Array(NPP_TYPE_COUNT).fill(false),isPaused: true,},prefetchPool: {illusts: [],manga: [],},};const getters = {batchSize: (state) => state.batchSize,defaultDisplayIndices: (state, getters, rootState, rootGetters) => {const clonedLib = state.imageItemLibrary.slice();const { sp, filters, config, orderBy } = rootGetters;const dateOldFirst = sp.order === 'date';const bookmarkEarlyFirst = sp.order === 'asc';const isToShow = (d) => {return d.bookmarkCount >= filters.limit &&tagFilterQuerier.isMatched(filters.query, d.tags) &&!config.blacklist.includes(d.userId) &&!(rootGetters.unbookmarkedOnly && d.isBookmarked);};const shows = [], hides = [];for (const [i, d] of clonedLib.entries()) {const s = isToShow(d);const o = {index: i,[orderBy]: d[orderBy],};if (s) {shows.push(o);} else {hides.push(o);}}shows.sort((a, b) => {const av = toInt(a[orderBy]);const bv = toInt(b[orderBy]);const c = bv - av;switch (orderBy) {case 'illustId':return dateOldFirst ? -c : c;case 'bookmarkCount':return c;case 'bookmarkId':return bookmarkEarlyFirst ? -c : c;default:return 0;}});return {hides: hides.map(item => item.index),shows: shows.map(item => item.index),};},imageItemLibrary: (state) => state.imageItemLibrary,nppDisplayIndices: (state, getters, rootState, rootGetters) => {const clonedLib = state.imageItemLibrary.slice();const { filters, config, orderBy, sp } = rootGetters;const { nppType } = getters;const isToShow = (d) => {const conds = [d.bookmarkCount >= filters.limit,tagFilterQuerier.isMatched(filters.query, d.tags),!config.blacklist.includes(d.userId),!(rootGetters.unbookmarkedOnly && d.isBookmarked),];switch (nppType) {case 0:conds.push(d.userId === sp.id);break;case 1:conds.push(d.userId === sp.id && !d.isManga);break;case 2:conds.push(d.userId === sp.id && d.isManga);break;case 3:conds.push(d.userId !== sp.id && !d.isPrivateBookmark);break;case 4:conds.push(d.userId !== sp.id && d.isPrivateBookmark);break;default:break;}return conds.every(Boolean);};const shows = [], hides = [];for (const [i, d] of clonedLib.entries()) {const s = isToShow(d);const o = {index: i,[orderBy]: d[orderBy],};if (s) {shows.push(o);} else {hides.push(o);}}shows.sort((a, b) => {const av = toInt(a[orderBy]);const bv = toInt(b[orderBy]);return bv - av;});return {hides: hides.map(item => item.index),shows: shows.map(item => item.index),};},nppType: (state, getters, rootState, rootGetters) => {const types = [MAIN_PAGE_TYPE.NEW_PROFILE,MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST,MAIN_PAGE_TYPE.NEW_PROFILE_MANGA,MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK,];const loginId = rootGetters.loginData.id;const uid = rootGetters.sp.id;const rest = rootGetters.sp.rest;const mpt = rootGetters.MPT;const isSelfPrivateBookmarkPage = mpt === MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK && loginId === uid && rest === 'hide';if (isSelfPrivateBookmarkPage) {return types.length;}return types.indexOf(mpt);},status: (state, getters) => {if (getters.nppType >= 0) {return {isEnded: state.nppStatus.isEnded[getters.nppType],isPaused: state.nppStatus.isPaused,};} else {return state.defaultStatus;}},};const mutations = {editImgItem: (state, payload = {}) => {const DEFAULT_OPT = {illustId: '',type: null,userId: '',};const opt = Object.assign({}, DEFAULT_OPT, payload);if (opt.type === 'follow-user' && opt.userId) {state.imageItemLibrary.filter(i => i.userId === opt.userId).forEach(i => {i.isFollowed = true;});} else if (opt.type === 'edit-bookmarked' && opt.illustId) {state.imageItemLibrary.filter(i => i.illustId === opt.illustId).forEach(i => {if (typeof opt.isBookmarked === 'boolean' ) {i.isBookmarked = opt.isBookmarked;if (!opt.isBookmarked) {i.isPrivateBookmark = false;}}});}},setStatus: (state, { nppType = -1, isPaused, isEnded }) => {if (nppType >= 0) {if (isPaused !== undefined) {state.nppStatus.isPaused = isPaused;}if (isEnded !== undefined) {state.nppStatus.isEnded[nppType] = isEnded;}} else {if (isPaused !== undefined) {state.defaultStatus.isPaused = isPaused;}if (isEnded !== undefined) {state.defaultStatus.isEnded = isEnded;}}},};const actions = {pause: ({ commit, getters }) => {commit('setStatus', { isPaused: true, nppType: getters.nppType });},relive: ({ commit, getters }) => {commit('setStatus', { isEnded: false, nppType: getters.nppType });},r###me: ({ commit, getters }) => {commit('setStatus', { isPaused: false, nppType: getters.nppType });},start: async({ state, dispatch, getters, rootGetters }, { times = Infinity, force = false, isFirst = false } = {}) => {await dispatch('r###me');if (force) {await dispatch('relive');}if (getters.status.isEnded || times <= 0) {return;}if (getters.nppType >= 0 && isFirst) {const profile = await PixivAPI.getUserProfileData(rootGetters.sp.id);state.prefetchPool.illusts.push(...Object.keys(profile.illusts));state.prefetchPool.manga.push(...Object.keys(profile.manga));state.prefetchPool.illusts.sort((i, j) => j - i);state.prefetchPool.manga.sort((i, j) => j - i);}switch (rootGetters.MPT) {case MAIN_PAGE_TYPE.SEARCH:case MAIN_PAGE_TYPE.FOLLOWED_NEWS:case MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS:case MAIN_PAGE_TYPE.SELF_BOOKMARK:await dispatch('startNextUrlBased', { times });break;case MAIN_PAGE_TYPE.NEW_PROFILE:await dispatch('startPrefetchBased', { pool: 'all', times });break;case MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST:await dispatch('startPrefetchBased', { pool: 'illusts', times });break;case MAIN_PAGE_TYPE.NEW_PROFILE_MANGA:await dispatch('startPrefetchBased', { pool: 'manga', times });break;case MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK:await dispatch('startMovingWindowBased', { times });break;default:$print.error('Unknown main page type', rootGetters.MPT);break;}},startMovingWindowBased: async({ state, dispatch, getters, rootGetters }, { times = Infinity, rest = null } = {}) => {while (!getters.status.isPaused && !getters.status.isEnded && times) {let illustIds = [], maxTotal = Infinity;const _rest = rest || rootGetters.sp.rest || 'show';const _uid = rootGetters.sp.id;let cIndex = (_rest === 'show') ? state.moveWindowIndex : state.moveWindowPrivateBookmarkIndex;if (getters.nppType >= 0) {const opt = { limit: getters.batchSize, offset: cIndex, rest: _rest };const { works, total } = await PixivAPI.getUserBookmarkData(_uid, opt);if (!works) {await dispatch('stop');break;}maxTotal = total;illustIds.push(...works.map((d) => d.id));}cIndex += getters.batchSize;if (getters.nppType >= 0 && _rest === 'hide') {state.moveWindowPrivateBookmarkIndex = cIndex;} else {state.moveWindowIndex = cIndex;}const illustDataGroup = await PixivAPI.getIllustDataGroup(illustIds);const userIds = Object.values(illustDataGroup).map(d => d.userId);const userDataGroup = await PixivAPI.getUserDataGroup(userIds);const libraryData = makeLibraryData({illustDataGroup,userDataGroup,});for (const d of libraryData) {if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) {state.imageItemLibrary.push(d);}}times -= 1;if (!times) {await dispatch('pause');}if (cIndex > maxTotal) {await dispatch('stop');}}},startNextUrlBased: async({ state, dispatch, getters, rootGetters }, { times = Infinity } = {}) => {while (!getters.status.isPaused && !getters.status.isEnded && times) {let page = null;if ([MAIN_PAGE_TYPE.SEARCH, MAIN_PAGE_TYPE.FOLLOWED_NEWS].includes(rootGetters.MPT)) {page = await PixivAPI.getIllustIdsInPageHTML(state.nextUrl);} else {page = await PixivAPI.getIllustIdsInLegacyPageHTML(state.nextUrl);}state.nextUrl = page.nextUrl;const illustDataGroup = await PixivAPI.getIllustDataGroup(page.illustIds);const userIds = Object.values(illustDataGroup).map(d => d.userId);const userDataGroup = await PixivAPI.getUserDataGroup(userIds);const libraryData = makeLibraryData({illustDataGroup,userDataGroup,});for (const d of libraryData) {if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) {state.imageItemLibrary.push(d);}}times -= 1;if (!times) {await dispatch('pause');}if (!state.nextUrl) {await dispatch('stop');}}},startPrefetchBased: async({ state, dispatch, getters }, { times = Infinity, pool = 'all' } = {}) => {const pPool = state.prefetchPool;let todoPool = [];if (pool === 'all') {todoPool.push(...pPool.illusts);todoPool.push(...pPool.manga);} else {todoPool.push(...pPool[pool]);}while (!getters.status.isPaused && !getters.status.isEnded && times) {if (!todoPool.length) {await dispatch('stop');}const illustIds = todoPool.splice(0, getters.batchSize);if (pool === 'all') {illustIds.forEach((id) => {const ii = pPool.illusts.indexOf(id);if (ii >= 0) {pPool.illusts.splice(ii, 1);}const mi = pPool.manga.indexOf(id);if (mi >= 0) {pPool.manga.splice(mi, 1);}});}const illustDataGroup = await PixivAPI.getIllustDataGroup(illustIds);const userIds = Object.values(illustDataGroup).map(d => d.userId);const userDataGroup = await PixivAPI.getUserDataGroup(userIds);const libraryData = makeLibraryData({illustDataGroup,userDataGroup,});for (const d of libraryData) {if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) {state.imageItemLibrary.push(d);}}times -= 1;if (!times) {await dispatch('pause');}if (!todoPool.length) {await dispatch('stop');}}},stop: ({ commit, getters }) => {commit('setStatus', { isEnded: true, isPaused: true, nppType: getters.nppType });},};var pixiv = {actions,getters,mutations,namespaced: true,state,};const state$1 = {active: false,data: null,position: { x: -1e7, y: -1e7 },};const getters$1 = {active: (state) => state.active,data: (state) => state.data,pos: (state) => state.position,};const mutations$1 = {activate: (state, payload) => {state.active = true;state.position = payload.position;state.data = payload.data;},deactivate: (state) => {state.active = false;state.position = { x: -1e7, y: -1e7 };},};var contextMenu = {getters: getters$1,mutations: mutations$1,namespaced: true,state: state$1,};const state$2 = {data: null,mode: null,};const mutations$2 = {close: (state) => {state.mode = null;},open: (state, payload) => {Object.assign(state, payload);},};const getters$2 = {data: (state) => state.data,mode: (state) => state.mode,};var coverLayer = {getters: getters$2,mutations: mutations$2,namespaced: true,state: state$2,};Vue.use(Vuex);const _isSelfBookmarkPage = (mpt, loginId, uid) => {return (mpt === MAIN_PAGE_TYPE.SELF_BOOKMARK ||(mpt === MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK &&loginId === uid));};const _getSearchParam = () => {const s = new URLSearchParams(location.search);const ret = {};[...s.entries()].reduce((collect, [k, v]) => {collect[k] = v;return collect;}, ret);return ret;};const modules = { contextMenu, coverLayer, pixiv };const state$3 = {NAME: GM_info.script.name,VERSION: GM_info.script.version,config: {blacklist: [],contextMenu: 1,croppedThumb: 1,fitwidth: 1,hoverPlay: 1,sort: SORT_TYPE.ILLUST_ID,userTooltip: 1,},filters: {limit: 0,query: '',},locale: document.documentElement.lang.toLowerCase(),loginData: null,mainPageType: MAIN_PAGE_TYPE.NO_SUPPORT,mountPointCoverLayer: null,mountPointCtrlPanel: null,mountPointMainView: null,searchParam: {},unbookmarkedOnly: false,};const getters$3 = {MPT: (state) => state.mainPageType,config: (state) => state.config,filters: (state) => state.filters,isSelfBookmarkPage: (state) => _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id),locale: (state) => state.locale,loginData: (state) => state.loginData,mountPointCoverLayer: (state) => state.mountPointCoverLayer,mountPointCtrlPanel: (state) => state.mountPointCtrlPanel,mountPointMainView: (state) => state.mountPointMainView,orderBy: (state) => {switch (state.config.sort) {case SORT_TYPE.ILLUST_ID:return 'illustId';case SORT_TYPE.BOOKMARK_ID:return 'bookmarkId';case SORT_TYPE.BOOKMARK_COUNT:return 'bookmarkCount';default:$print.error('VuexStore#getters.orderBy:', state.config.sort);return 'illustId';}},sp: (state) => state.searchParam,unbookmarkedOnly: (state) => state.unbookmarkedOnly,};const mutations$3 = {afterInit: (state) => {const _sbp = _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id);if (_sbp) {state.config.sort = SORT_TYPE.BOOKMARK_ID;} else if (state.config.sort === SORT_TYPE.BOOKMARK_ID) {state.config.sort = SORT_TYPE.ILLUST_ID;}if (state.mainPageType === MAIN_PAGE_TYPE.SELF_BOOKMARK) {for (const marker of $$('.js-legacy-mark-all, .js-legacy-unmark-all')) {marker.addEventListener('click', () => {$$('input[name="book_id[]"]').forEach(el => {el.checked = marker.classList.contains('js-legacy-mark-all');});});}const sp = state.searchParam;if (sp.order && sp.order.includes('date')) {state.config.sort = SORT_TYPE.ILLUST_ID;} else {state.config.sort = SORT_TYPE.BOOKMARK_ID;}}removeAnnoyings();},applyConfig: (state) => {if (state.mainPageType !== MAIN_PAGE_TYPE.NO_SUPPORT) {if (state.config.fitwidth) {$$('.ω').forEach(el => el.classList.add('↔'));} else {$$('.ω').forEach(el => el.classList.remove('↔'));}}},loadConfig: (state) => {const config = JSON.parse(localStorage.getItem(state.NAME) || '{}');Object.assign(state.config, config);},saveConfig: (state) => {const storable = JSON.stringify(state.config);localStorage.setItem(state.NAME, storable);},setConfig: (state, payload) => {Object.assign(state.config, payload);},setFilters: (state, payload) => {Object.assign(state.filters, payload);},setMainPageType: (state, payload = {}) => {if (payload.forceSet) {state.mainPageType = payload.forceSet;} else {const path = location.pathname;const sp = state.searchParam;switch (path) {case '/search.php':state.mainPageType = MAIN_PAGE_TYPE.SEARCH;break;case '/bookmark_new_illust_r18.php':case '/bookmark_new_illust.php':state.mainPageType = MAIN_PAGE_TYPE.FOLLOWED_NEWS;break;case '/new_illust.php':case '/mypixiv_new_illust.php':case '/new_illust_r18.php':state.mainPageType = MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS;break;case '/member.php':state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE;break;case '/member_illust.php':if (sp.mode) {state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT;break;}if (sp.type === 'manga') {state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_MANGA;} else if (sp.type === 'illust') {state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST;} else {state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE;}break;case '/bookmark.php': {if (sp.type === 'user' || sp.type === 'reg_user') {state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT;}else if (sp.id) {state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK;} else {state.mainPageType = MAIN_PAGE_TYPE.SELF_BOOKMARK;}break;}default:state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT;break;}}const _sbp = _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id);if (!_sbp && state.config.sort === SORT_TYPE.BOOKMARK_ID) {state.config.sort = SORT_TYPE.ILLUST_ID;}},toggleUnbookmarkedOnly: (state) => {state.unbookmarkedOnly = !state.unbookmarkedOnly;},updateSearchParam: (state) => {state.searchParam = _getSearchParam();},};const actions$1 = {init: async({ state, commit, dispatch }) => {if (window.globalInitData && window.globalInitData.userData) {const u = window.globalInitData.userData;state.loginData = { id: u.id };} else if (window.pixiv && window.pixiv.user) {const u = window.pixiv.user;state.loginData = { id: u.id };} else {throw new InitError('The page has no any login user data.');}commit('updateSearchParam');commit('setMainPageType');if (state.mainPageType !== MAIN_PAGE_TYPE.NO_SUPPORT) {commit('loadConfig');await dispatch('setMountPoints');commit('afterInit');commit('applyConfig');commit('saveConfig');}},setMountPoints: async({ state, getters }) => {$$('#wrapper').forEach(el => el.classList.add('ω'));state.mountPointCoverLayer = $el('div', null, (el) => {document.body.appendChild(el);});state.mountPointCtrlPanel = $el('div', null, async(el) => {if (getters['pixiv/nppType'] >= 0) {await $ready(() => $('.sLHPYEz, ._3CsQgM9'));$('.sLHPYEz, ._3CsQgM9').parentNode.insertAdjacentElement('afterend', el);} else {$('header._global-header').insertAdjacentElement('afterend', el);}});switch (state.mainPageType) {case MAIN_PAGE_TYPE.SEARCH:state.mountPointMainView = $('#js-react-search-mid');break;case MAIN_PAGE_TYPE.FOLLOWED_NEWS:state.mountPointMainView = $('#js-mount-point-latest-following');break;case MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS:state.mountPointMainView = $('ul._image-items');break;case MAIN_PAGE_TYPE.NEW_PROFILE:case MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK:case MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST:case MAIN_PAGE_TYPE.NEW_PROFILE_MANGA:await $ready(() => $('.g4R-bsH, ._9GTeZI7'));state.mountPointMainView = $('.g4R-bsH, ._9GTeZI7');break;case MAIN_PAGE_TYPE.SELF_BOOKMARK:state.mountPointMainView = $('.display_editable_works');break;default:break;}},};var vuexStore = new Vuex.Store({actions: actions$1,getters: getters$3,modules,mutations: mutations$3,state: state$3,});var script = {props: {icon: {default: '',type: String,},},};function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {if (typeof shadowMode !== 'boolean') {createInjectorSSR = createInjector;createInjector = shadowMode;shadowMode = false;}var options = typeof script === 'function' ? script.options : script;if (template && template.render) {options.render = template.render;options.staticRenderFns = template.staticRenderFns;options._compiled = true;if (isFunctionalTemplate) {options.functional = true;}}if (scopeId) {options._scopeId = scopeId;}var hook;if (moduleIdentifier) {hook = function hook(context) {context = context ||this.$vnode && this.$vnode.ssrContext ||this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {context = __VUE_SSR_CONTEXT__;}if (style) {style.call(this, createInjectorSSR(context));}if (context && context._registeredComponents) {context._registeredComponents.add(moduleIdentifier);}};options._ssrRegister = hook;} else if (style) {hook = shadowMode ? function () {style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));} : function (context) {style.call(this, createInjector(context));};}if (hook) {if (options.functional) {var originalRender = options.render;options.render = function renderWithStyleInjection(h, context) {hook.call(context);return originalRender(h, context);};} else {var existing = options.beforeCreate;options.beforeCreate = existing ? [].concat(existing, hook) : [hook];}}return script;}var normalizeComponent_1 = normalizeComponent;const __vue_script__ = script;var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.icon === 'angle-down')?_c('svg',{staticClass:"fa-angle-down",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"angle-down","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 320 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"}})]):(_vm.icon === 'bookmark')?_c('svg',{staticClass:"fa-bookmark",attrs:{"aria-hidden":"true","data-prefix":"far","data-icon":"bookmark","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 384 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M336 0H48C21.49 0 0 21.49 0 48v464l192-112 192 112V48c0-26.51-21.49-48-48-48zm0 428.43l-144-84-144 84V54a6 6 0 0 1 6-6h276c3.314 0 6 2.683 6 5.996V428.43z"}})]):(_vm.icon === 'cog')?_c('svg',{staticClass:"fa-cog",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"cog","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z"}})]):(_vm.icon === 'compress')?_c('svg',{staticClass:"fa-compress",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"compress","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M436 192H312c-13.3 0-24-10.7-24-24V44c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v84h84c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-276-24V44c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v84H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24zm0 300V344c0-13.3-10.7-24-24-24H12c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-84h84c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12H312c-13.3 0-24 10.7-24 24v124c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12z"}})]):(_vm.icon === 'download')?_c('svg',{staticClass:"fa-download",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"download","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"}})]):(_vm.icon === 'expand')?_c('svg',{staticClass:"fa-expand",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"expand","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M0 180V56c0-13.3 10.7-24 24-24h124c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H64v84c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12zM288 44v40c0 6.6 5.4 12 12 12h84v84c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12V56c0-13.3-10.7-24-24-24H300c-6.6 0-12 5.4-12 12zm148 276h-40c-6.6 0-12 5.4-12 12v84h-84c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h124c13.3 0 24-10.7 24-24V332c0-6.6-5.4-12-12-12zM160 468v-40c0-6.6-5.4-12-12-12H64v-84c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v124c0 13.3 10.7 24 24 24h124c6.6 0 12-5.4 12-12z"}})]):(_vm.icon === 'eye-slash')?_c('svg',{staticClass:"fa-eye-slash",attrs:{"aria-hidden":"true","data-prefix":"far","data-icon":"eye-slash","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 576 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M272.702 359.139c-80.483-9.011-136.212-86.886-116.93-167.042l116.93 167.042zM288 392c-102.556 0-192.092-54.701-240-136 21.755-36.917 52.1-68.342 88.344-91.658l-27.541-39.343C67.001 152.234 31.921 188.741 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.004 376.006 168.14 440 288 440a332.89 332.89 0 0 0 39.648-2.367l-32.021-45.744A284.16 284.16 0 0 1 288 392zm281.354-111.631c-33.232 56.394-83.421 101.742-143.554 129.492l48.116 68.74c3.801 5.429 2.48 12.912-2.949 16.712L450.23 509.83c-5.429 3.801-12.912 2.48-16.712-2.949L102.084 33.399c-3.801-5.429-2.48-12.912 2.949-16.712L125.77 2.17c5.429-3.801 12.912-2.48 16.712 2.949l55.526 79.325C226.612 76.343 256.808 72 288 72c119.86 0 224.996 63.994 281.354 159.631a48.002 48.002 0 0 1 0 48.738zM528 256c-44.157-74.933-123.677-127.27-216.162-135.007C302.042 131.078 296 144.83 296 160c0 30.928 25.072 56 56 56s56-25.072 56-56l-.001-.042c30.632 57.277 16.739 130.26-36.928 171.719l26.695 38.135C452.626 346.551 498.308 306.386 528 256z"}})]):(_vm.icon === 'rss')?_c('svg',{staticClass:"fa-rss",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"rss","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 448 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504z"}})]):(_vm.icon === 'search-plus')?_c('svg',{staticClass:"fa-search-plus",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"search-plus","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6 9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7 99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136 136-60.8 136-136z"}})]):(_vm.icon === 'thumbs-up')?_c('svg',{staticClass:"fa-thumbs-up",attrs:{"aria-hidden":"true","data-prefix":"far","data-icon":"thumbs-up","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M466.27 286.69C475.04 271.84 480 256 480 236.85c0-44.015-37.218-85.58-85.82-85.58H357.7c4.92-12.81 8.85-28.13 8.85-46.54C366.55 31.936 328.86 0 271.28 0c-61.607 0-58.093 94.933-71.76 108.6-22.747 22.747-49.615 66.447-68.76 83.4H32c-17.673 0-32 14.327-32 32v240c0 17.673 14.327 32 32 32h64c14.893 0 27.408-10.174 30.978-23.95 44.509 1.001 75.06 39.94 177.802 39.94 7.22 0 15.22.01 22.22.01 77.117 0 111.986-39.423 112.94-95.33 13.319-18.425 20.299-43.122 17.34-66.99 9.854-18.452 13.664-40.343 8.99-62.99zm-61.75 53.83c12.56 21.13 1.26 49.41-13.94 57.57 7.7 48.78-17.608 65.9-53.12 65.9h-37.82c-71.639 0-118.029-37.82-171.64-37.82V240h10.92c28.36 0 67.98-70.89 94.54-97.46 28.36-28.36 18.91-75.63 37.82-94.54 47.27 0 47.27 32.98 47.27 56.73 0 39.17-28.36 56.72-28.36 94.54h103.99c21.11 0 37.73 18.91 37.82 37.82.09 18.9-12.82 37.81-22.27 37.81 13.489 14.555 16.371 45.236-5.21 65.62zM88 432c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"}})]):(_vm.icon === 'toggle-off')?_c('svg',{staticClass:"fa-toggle-off",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"toggle-off","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 576 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M384 64H192C85.961 64 0 149.961 0 256s85.961 192 192 192h192c106.039 0 192-85.961 192-192S490.039 64 384 64zM64 256c0-70.741 57.249-128 128-128 70.741 0 128 57.249 128 128 0 70.741-57.249 128-128 128-70.741 0-128-57.249-128-128zm320 128h-48.905c65.217-72.858 65.236-183.12 0-256H384c70.741 0 128 57.249 128 128 0 70.74-57.249 128-128 128z"}})]):(_vm.icon === 'toggle-on')?_c('svg',{staticClass:"fa-toggle-on",attrs:{"aria-hidden":"true","data-prefix":"fas","data-icon":"toggle-on","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 576 512"}},[_c('path',{attrs:{"fill":"currentColor","d":"M576 256c0 106.039-85.961 192-192 192H192C85.961 448 0 362.039 0 256S85.961 64 192 64h192c106.039 0 192 85.961 192 192zM384 128c-70.741 0-128 57.249-128 128 0 70.741 57.249 128 128 128 70.741 0 128-57.249 128-128 0-70.741-57.249-128-128-128"}})]):_c('span',[_vm._v(_vm._s(_vm.icon))])};var __vue_staticRenderFns__ = [];const __vue_inject_styles__ = undefined;const __vue_scope_id__ = undefined;const __vue_module_identifier__ = undefined;const __vue_is_functional_template__ = false;var FontAwesomeIcon = normalizeComponent_1({ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },__vue_inject_styles__,__vue_script__,__vue_scope_id__,__vue_is_functional_template__,__vue_module_identifier__,undefined,undefined);var script$1 = {props: {cropped: {default: true,type: Boolean,},},};const __vue_script__$1 = script$1;var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{"aria-hidden":"true","focusable":"false","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('path',{directives:[{name:"show",rawName:"v-show",value:(!_vm.cropped),expression:"!cropped"}],staticClass:"fa-image",attrs:{"fill":"currentColor","d":"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"}}),_vm._v(" "),_c('path',{directives:[{name:"show",rawName:"v-show",value:(_vm.cropped),expression:"cropped"}],staticClass:"fa-image-cropped",attrs:{"fill":"currentColor","d":"M 80.42266,58.577333 C 70.20134,63.692 62.84266,73.058667 58.406664,86.6 L 56,93.948 56,256 l 0,162.052 2.406664,7.348 c 4.435996,13.54133 11.794676,22.908 22.015996,28.02267 L 85.576,456 256,456 l 170.424,0 5.15334,-2.57733 c 10.22133,-5.11467 17.58,-14.48134 22.016,-28.02267 L 456,418.052 456,256 456,93.948 453.59334,86.6 C 449.136,72.993333 441.88,63.701333 431.77867,58.668 L 426.424,56 256,56 85.576,56 80.42266,58.577333 m 335.52001,49.979997 2.55733,2.556 0,144.88667 0,144.88667 -2.55733,2.556 L 413.38667,406 256,406 98.61333,406 96.05733,403.44267 93.5,400.88667 93.5,256 l 0,-144.88667 2.55733,-2.556 L 98.61333,106 256,106 l 157.38667,0 2.556,2.55733 m -272.44267,80.776 0,36.576 3.24,-1.88133 c 1.78267,-1.036 5.05867,-3.93467 7.28133,-6.444 16.28534,-18.38534 12.456,-51.484 -7.28133,-62.94534 l -3.24,-1.88133 0,36.576 m 109.66534,52.32133 -63.81201,63.78134 -22.2,-22.11467 C 154.94267,271.16 144.62533,261.208 144.22533,261.208 c -0.39866,0 -0.72533,21.328 -0.72533,47.396 l 0,47.396 112.5,0 112.5,0 0,-69.04534 0,-69.04533 -20.11333,-20.01733 -20.112,-20.01734 -5.64933,0 -5.648,0 -63.812,63.78"}})])};var __vue_staticRenderFns__$1 = [];const __vue_inject_styles__$1 = undefined;const __vue_scope_id__$1 = undefined;const __vue_module_identifier__$1 = undefined;const __vue_is_functional_template__$1 = false;var IconCropThumb = normalizeComponent_1({ render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },__vue_inject_styles__$1,__vue_script__$1,__vue_scope_id__$1,__vue_is_functional_template__$1,__vue_module_identifier__$1,undefined,undefined);var script$2 = {props: {double: {default: false,type: Boolean,},},};const __vue_script__$2 = script$2;var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"fa-layered-hearts",attrs:{"aria-hidden":"true","role":"img","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 512 512"}},[_c('g',{directives:[{name:"show",rawName:"v-show",value:(_vm.double),expression:"double"}],attrs:{"transform":"translate(256 256)"}},[_c('g',{attrs:{"transform":"translate(-80, 0) scale(0.6, 0.6) rotate(0 0 0)"}},[_c('path',{attrs:{"fill":"currentColor","d":"M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z","transform":"translate(-256 -256)"}})])]),_vm._v(" "),_c('g',{directives:[{name:"show",rawName:"v-show",value:(_vm.double),expression:"double"}],attrs:{"transform":"translate(256 256)"}},[_c('g',{attrs:{"transform":"translate(80, 0) scale(0.6, 0.6) rotate(0 0 0)"}},[_c('path',{attrs:{"fill":"currentColor","d":"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z","transform":"translate(-256 -256)"}})])]),_vm._v(" "),_c('g',{directives:[{name:"show",rawName:"v-show",value:(!_vm.double),expression:"!double"}],attrs:{"transform":"translate(256 256)"}},[_c('g',{attrs:{"transform":"translate(0, 0) scale(0.9, 0.9) rotate(0 0 0)"}},[_c('path',{attrs:{"fill":"currentColor","d":"M458.4 64.3C400.6 15.7 311.3 23 256 79.3 200.7 23 111.4 15.6 53.6 64.3-21.6 127.6-10.6 230.8 43 285.5l175.4 178.7c10 10.2 23.4 15.9 37.6 15.9 14.3 0 27.6-5.6 37.6-15.8L469 285.6c53.5-54.7 64.7-157.9-10.6-221.3zm-23.6 187.5L259.4 430.5c-2.4 2.4-4.4 2.4-6.8 0L77.2 251.8c-36.5-37.2-43.9-107.6 7.3-150.7 38.9-32.7 98.9-27.8 136.5 10.5l35 35.7 35-35.7c37.8-38.5 97.8-43.2 136.5-10.6 51.1 43.1 43.5 113.9 7.3 150.8z","transform":"translate(-256 -256)"}})])])])};var __vue_staticRenderFns__$2 = [];const __vue_inject_styles__$2 = undefined;const __vue_scope_id__$2 = undefined;const __vue_module_identifier__$2 = undefined;const __vue_is_functional_template__$2 = false;var IconLayeredHearts = normalizeComponent_1({ render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },__vue_inject_styles__$2,__vue_script__$2,__vue_scope_id__$2,__vue_is_functional_template__$2,__vue_module_identifier__$2,undefined,undefined);var script$3 = {components: {FontAwesomeIcon,IconCropThumb,IconLayeredHearts,},props: {id: {default: '',type: String,},},data() {return {debounceId4sortInput: null,debounceId4tagsFilter: null,sortingOrderSwitchOn: false,unbookmarkedOnly: this.$store.getters.unbookmarkedOnly,usualList: [100, 500, 1000, 3000, 5000, 10000],usualSwitchOn: false,};},computed: {buttonMsg() {if (this.status.isEnded) {return this.$t('ctrlPanel.buttonEnd');} else if (this.status.isPaused) {return this.$t('ctrlPanel.buttonGo');} else {return this.$t('ctrlPanel.buttonPause');}},filters() {return this.$store.getters.filters;},isSelfBookmarkPage() {return this.$store.getters.isSelfBookmarkPage;},processedCountMsg() {const rootGetters = this.$store.getters;const isNewProfilePage = rootGetters['pixiv/nppType'] >= 0;let indices = null;if (isNewProfilePage) {indices = rootGetters['pixiv/nppDisplayIndices'];} else {indices = rootGetters['pixiv/defaultDisplayIndices'];}const { shows, hides } = indices;return `${shows.length} / ${shows.length + hides.length}`;},sortingOrderMsg() {switch (this.xc.sort) {case SORT_TYPE.BOOKMARK_COUNT:return this.$t('ctrlPanel.sortByPopularity');case SORT_TYPE.ILLUST_ID:return this.$t('ctrlPanel.sortByDate');default:return this.$t('ctrlPanel.sortByBookmarkId');}},status() {return this.$store.getters['pixiv/status'];},statusClass() {const _s = this.status;return {end: _s.isEnded,go: _s.isPaused && !_s.isEnded,paused: !_s.isPaused && !_s.isEnded,};},xc() {return this.$store.getters.config;},},methods: {clickMainButton() {if (this.status.isPaused) {this.$store.dispatch('pixiv/start');} else {this.$store.dispatch('pixiv/pause');}},clickSortingOrder(event) {const ct = event.currentTarget;switch (ct.id) {case 'koakuma-sorting-order-by-popularity':this.$store.commit('setConfig', { sort: SORT_TYPE.BOOKMARK_COUNT });break;case 'koakuma-sorting-order-by-bookmark-id':this.$store.commit('setConfig', { sort: SORT_TYPE.BOOKMARK_ID });break;default:this.$store.commit('setConfig', { sort: SORT_TYPE.ILLUST_ID });break;}this.$store.commit('saveConfig');this.$store.commit('applyConfig');this.sortingOrderSwitchOn = false;},clickUsual(event) {this.$store.commit('setFilters', {limit: toInt(event.currentTarget.textContent),});this.usualSwitchOn = false;},openCoverLayerInConfigMode() {this.$store.commit('coverLayer/open', { data: null, mode: 'config' });},optionsChange(event) {if (event.target.closest('#koakuma-options-width-compress')) {this.$store.commit('setConfig', { fitwidth: false });} else if (event.target.closest('#koakuma-options-width-expand')) {this.$store.commit('setConfig', { fitwidth: true });}this.$store.commit('saveConfig');this.$store.commit('applyConfig');},sortInputInput(event) {if (this.debounceId4sortInput) {clearTimeout(this.debounceId4sortInput);}this.debounceId4sortInput = setTimeout(() => {this.debounceId4sortInput = null;this.$store.commit('setFilters', {limit: Math.max(0, toInt(event.target.value)),});}, 500);},sortInputWheel(event) {if (event.deltaY < 0) {this.$store.commit('setFilters', {limit: toInt(event.target.value) + 20,});} else {this.$store.commit('setFilters', {limit: Math.max(0, toInt(event.target.value) - 20),});}},tagsFilterInput(event) {if (this.debounceId4tagsFilter) {clearTimeout(this.debounceId4tagsFilter);}this.debounceId4tagsFilter = setTimeout(() => {this.debounceId4tagsFilter = null;this.$store.commit('setFilters', {query: event.target.value,});}, 1500);},toggleCroppedThumb() {this.$store.commit('setConfig', {croppedThumb: !this.xc.croppedThumb,});this.$store.commit('saveConfig');},toggleUnbookmarkedOnly() {this.$store.commit('toggleUnbookmarkedOnly');this.unbookmarkedOnly = this.$store.getters.unbookmarkedOnly;},},};var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function createInjector(context) {return function (id, style) {return addStyle(id, style);};}var HEAD;var styles = {};function addStyle(id, css) {var group = isOldIE ? css.media || 'default' : id;var style = styles[group] || (styles[group] = {ids: new Set(),styles: []});if (!style.ids.has(id)) {style.ids.add(id);var code = css.source;if (css.map) {code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';}if (!style.element) {style.element = document.createElement('style');style.element.type = 'text/css';if (css.media) style.element.setAttribute('media', css.media);if (HEAD === undefined) {HEAD = document.head || document.getElementsByTagName('head')[0];}HEAD.appendChild(style.element);}if ('styleSheet' in style.element) {style.styles.push(code);style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n');} else {var index = style.ids.size - 1;var textNode = document.createTextNode(code);var nodes = style.element.childNodes;if (nodes[index]) style.element.removeChild(nodes[index]);if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);}}}var browser = createInjector;const __vue_script__$3 = script$3;var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:_vm.id,attrs:{"id":_vm.id}},[_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-processed-block"}},[_vm._v(_vm._s(_vm.processedCountMsg))]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-bookmark-sort-block"}},[_c('label',{attrs:{"id":"koakuma-bookmark-sort-label","for":"koakuma-bookmark-sort-input"}},[_c('span',[_vm._v("❤️")]),_vm._v(" "),_c('input',{attrs:{"id":"koakuma-bookmark-sort-input","type":"number","min":"0","step":"1"},domProps:{"value":_vm.filters.limit},on:{"wheel":function($event){$event.stopPropagation();$event.preventDefault();return _vm.sortInputWheel($event)},"input":_vm.sortInputInput}})]),_vm._v(" "),_c('a',{attrs:{"id":"koakuma-bookmark-input-usual-switch","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }_vm.usualSwitchOn = !_vm.usualSwitchOn;}}},[_c('FontAwesomeIcon',{attrs:{"icon":'angle-down'}})],1),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.usualSwitchOn),expression:"usualSwitchOn"}],attrs:{"id":"koakuma-bookmark-input-usual-list"}},_vm._l((_vm.usualList),function(usual){return _c('li',{key:usual},[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"usual-list-link",attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickUsual($event)}}},[_vm._v(_vm._s(usual))])])}),0)]),_vm._v(" "),_c('div',{staticClass:"koakuma-block"},[_c('input',{attrs:{"id":"koakuma-bookmark-tags-filter-input","placeholder":_vm.$t('ctrlPanel.tagFilterQueryPlaceholder'),"type":"text"},on:{"input":_vm.tagsFilterInput}})]),_vm._v(" "),_c('div',{staticClass:"koakuma-block"},[_c('button',{class:_vm.statusClass,attrs:{"id":"koakuma-main-button","disabled":_vm.status.isEnded},on:{"mouseup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickMainButton($event)}}},[_vm._v(_vm._s(_vm.buttonMsg))])]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-sorting-order-block"}},[_c('a',{attrs:{"id":"koakuma-sorting-order-select-switch","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }_vm.sortingOrderSwitchOn = !_vm.sortingOrderSwitchOn;}}},[_c('output',{attrs:{"id":"koakuma-sorting-order-select-output"}},[_vm._v(_vm._s(_vm.sortingOrderMsg))]),_vm._v(" "),_c('FontAwesomeIcon',{attrs:{"icon":'angle-down'}})],1),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.sortingOrderSwitchOn),expression:"sortingOrderSwitchOn"}],attrs:{"id":"koakuma-sorting-order-select-list"}},[_c('li',[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"sorting-order-link",attrs:{"id":"koakuma-sorting-order-by-popularity","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSortingOrder($event)}}},[_vm._v(_vm._s(_vm.$t('ctrlPanel.sortByPopularity')))])]),_vm._v(" "),_c('li',[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"sorting-order-link",attrs:{"id":"koakuma-sorting-order-by-date","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSortingOrder($event)}}},[_vm._v(_vm._s(_vm.$t('ctrlPanel.sortByDate')))])]),_vm._v(" "),_c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.isSelfBookmarkPage),expression:"isSelfBookmarkPage"}]},[_c('span',{staticClass:"sort-order-apply-indicator"},[_vm._v("⮬")]),_vm._v(" "),_c('a',{staticClass:"sorting-order-link",attrs:{"id":"koakuma-sorting-order-by-bookmark-id","role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSortingOrder($event)}}},[_vm._v(_vm._s(_vm.$t('ctrlPanel.sortByBookmarkId')))])])])]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-display-options-block"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isSelfBookmarkPage),expression:"!isSelfBookmarkPage"}],on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.toggleUnbookmarkedOnly($event)}}},[_c('IconLayeredHearts',{attrs:{"id":"koakuma-display-options-unbookmarked-only","double":_vm.unbookmarkedOnly}})],1)]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-crop-thumb-options-block"}},[_c('div',{on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.toggleCroppedThumb($event)}}},[_c('IconCropThumb',{attrs:{"id":"koakuma-crop-thumb-options-icon","cropped":!!_vm.xc.croppedThumb}})],1)]),_vm._v(" "),_c('div',{staticClass:"koakuma-block",attrs:{"id":"koakuma-options-block"}},[_c('div',{on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.optionsChange($event)}}},[_c('FontAwesomeIcon',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.fitwidth),expression:"xc.fitwidth"}],attrs:{"id":"koakuma-options-width-compress","icon":'compress'}}),_vm._v(" "),_c('FontAwesomeIcon',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.fitwidth),expression:"!xc.fitwidth"}],attrs:{"id":"koakuma-options-width-expand","icon":'expand'}})],1),_vm._v(" "),_c('div',{on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.openCoverLayerInConfigMode($event)}}},[_c('FontAwesomeIcon',{attrs:{"id":"koakuma-options-config","icon":'cog'}})],1)])])};var __vue_staticRenderFns__$3 = [];const __vue_inject_styles__$3 = function (inject) {if (!inject) returninject("data-v-039298e9_0", { source: "a[data-v-039298e9]{color:#258fb8;text-decoration:none}a[role=button]>.fa-angle-down[data-v-039298e9]{padding:2px;height:16px}#Koakuma[data-v-039298e9]{display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:3;background-color:#eef;box-shadow:0 1px 1px #777;padding:4px;color:#00186c;font-size:16px}.koakuma-block[data-v-039298e9]{margin:0 10px;display:inline-flex}#koakuma-processed-block[data-v-039298e9]{font-size:18px}#koakuma-bookmark-sort-label[data-v-039298e9]{display:inline-flex!important;align-items:center;margin-right:0;border-radius:3px 0 0 3px;background-color:#cef;color:#0069b1;margin:0 1px;padding:0 6px}#koakuma-bookmark-sort-block[data-v-039298e9],#koakuma-sorting-order-block[data-v-039298e9]{position:relative;box-shadow:0 0 1px #069;border-radius:4px}#koakuma-sorting-order-block[data-v-039298e9]{background-color:#cef}#koakuma-bookmark-sort-input[data-v-039298e9]{-moz-appearance:textfield;border:none;background-color:transparent;padding:0;color:inherit;font-size:16px;display:inline-block;cursor:ns-resize;text-align:center;max-width:50px}#koakuma-bookmark-sort-input[data-v-039298e9]::-webkit-inner-spin-button,#koakuma-bookmark-sort-input[data-v-039298e9]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#koakuma-bookmark-tags-filter-input[data-v-039298e9]{margin:0;padding:0 4px;color:#333;font-size:12px;border:1px solid #becad7;height:20px;min-width:300px}#koakuma-bookmark-tags-filter-input[data-v-039298e9]:focus{background:#ffc;outline:0}#koakuma-bookmark-input-usual-switch[data-v-039298e9],#koakuma-sorting-order-select-switch[data-v-039298e9]{background-color:#cef;padding:1px;border-left:1px solid #888;border-radius:0 3px 3px 0;cursor:pointer;display:inline-flex;align-items:center}#koakuma-sorting-order-select-switch[data-v-039298e9]{border:none;border-radius:3px}#koakuma-bookmark-input-usual-list[data-v-039298e9],#koakuma-sorting-order-select-list[data-v-039298e9]{border-radius:3px;background-color:#cef;box-shadow:0 0 2px #069;position:absolute;top:100%;width:100%;margin-top:1px;list-style:none;padding:0}#koakuma-sorting-order-select-list[data-v-039298e9]{display:grid;grid-auto-columns:max-content;width:initial}#koakuma-bookmark-input-usual-list>li[data-v-039298e9],#koakuma-sorting-order-select-list>li[data-v-039298e9]{display:flex;position:relative;line-height:24px}#koakuma-bookmark-input-usual-list>li[data-v-039298e9]::after,#koakuma-sorting-order-select-list>li[data-v-039298e9]::after{content:\"\";box-shadow:0 0 0 1px #89d8ff;display:inline-block;margin:0;height:0;line-height:0;font-size:0;position:absolute;left:0;right:0;width:100%;transform:scaleX(.8)}#koakuma-bookmark-input-usual-list>li[data-v-039298e9]:first-child::after,#koakuma-sorting-order-select-list>li[data-v-039298e9]:first-child::after{box-shadow:none}#koakuma-bookmark-input-usual-list .sort-order-apply-indicator[data-v-039298e9],#koakuma-sorting-order-select-list .sort-order-apply-indicator[data-v-039298e9]{visibility:hidden}#koakuma-bookmark-input-usual-list .sort-order-apply-indicator[data-v-039298e9]{position:absolute}#koakuma-bookmark-input-usual-list>li:hover .sort-order-apply-indicator[data-v-039298e9],#koakuma-sorting-order-select-list>li:hover .sort-order-apply-indicator[data-v-039298e9]{visibility:visible}.sort-order-apply-indicator[data-v-039298e9]{display:block;justify-content:center;align-items:center;font-weight:bolder;padding:0 4px}.sorting-order-link[data-v-039298e9],.usual-list-link[data-v-039298e9]{display:block;cursor:pointer;text-align:center;flex:1}.sorting-order-link[data-v-039298e9]{padding-right:18px}#koakuma-sorting-order-select-output[data-v-039298e9]{padding:0 16px;display:flex;align-items:center}#koakuma-sorting-order-select[data-v-039298e9]{font-size:14px}#koakuma-crop-thumb-options-block>*[data-v-039298e9],#koakuma-display-options-block>*[data-v-039298e9],#koakuma-options-block>*[data-v-039298e9]{margin:0 5px;display:inline-flex;align-items:center}#koakuma-main-button[data-v-039298e9]{border:none;padding:2px 14px;border-radius:3px;font-size:16px}#koakuma-main-button[data-v-039298e9]:enabled{transform:translate(-1px,-1px);box-shadow:1px 1px 1px #4c4c4c;cursor:pointer}#koakuma-main-button[data-v-039298e9]:enabled:hover{transform:translate(0);box-shadow:none}#koakuma-main-button[data-v-039298e9]:enabled:active{transform:translate(1px,1px);box-shadow:-1px -1px 1px #4c4c4c}#koakuma-main-button.go[data-v-039298e9]{background-color:#00ff59}#koakuma-main-button.paused[data-v-039298e9]{background-color:#feff00}#koakuma-main-button.end[data-v-039298e9]{background-color:#878787;color:#fff;opacity:.87}#koakuma-crop-thumb-options-icon[data-v-039298e9],#koakuma-display-options-unbookmarked-only[data-v-039298e9],#koakuma-options-config[data-v-039298e9],#koakuma-options-width-compress[data-v-039298e9],#koakuma-options-width-expand[data-v-039298e9]{height:20px;cursor:pointer}", map: undefined, media: undefined });};const __vue_scope_id__$3 = "data-v-039298e9";const __vue_module_identifier__$3 = undefined;const __vue_is_functional_template__$3 = false;var ctrlPanel = normalizeComponent_1({ render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },__vue_inject_styles__$3,__vue_script__$3,__vue_scope_id__$3,__vue_is_functional_template__$3,__vue_module_identifier__$3,browser,undefined);const GMC = {async XHR(details) {const xhr = window.GM_xmlhttpRequest || (GM ? GM.xmlHttpRequest : null);if (!xhr) {return Promise.reject();}return new Promise((resolve, reject) => {Object.assign(details, {onabort: reject,onerror: reject,onload: resolve,ontimeout: reject,});xhr(details);});},async getValue(name, failv = null) {if (window.GM_getValue) {return Promise.resolve(GM_getValue(name) || failv);} else {return (await GM.getValue(name)) || failv;}},async setValue(name, value) {if (window.GM_setValue) {GM_setValue(name, value);} else {GM.setValue(name, value);}},};var script$4 = {components: { FontAwesomeIcon },computed: {bookmarkPageLink() {if (!this.xdata) {return '#';}return `bookmark_add.php?type=illust&illust_id=${this.xdata.illustId}`;},currentImageItem() {if (!this.xdata) {return null;}const lib = this.$store.getters['pixiv/imageItemLibrary'];const found = lib.find(i => i.illustId === this.xdata.illustId);return found ? found : null;},currentType() {if (!this.xdata) {return '';}return this.xdata.type;},inlineStyle() {const RIGHT_BOUND = 200;const position = this.xpos;const ow = document.body.offsetWidth;let style = `top: ${position.y}px;`;if (ow - position.x < RIGHT_BOUND) {style += `right: ${ow - position.x}px;`;} else {style += `left: ${position.x}px;`;}return style;},isDownloadable() {return (this.currentImageItem &&this.currentImageItem.illustPageCount === 1 &&!this.currentImageItem.isUgoira);},isUgoira() {return this.currentImageItem && this.currentImageItem.isUgoira;},xdata() {return this.$store.getters['contextMenu/data'];},xpos() {return this.$store.getters['contextMenu/pos'];},},methods: {addToBlacklist() {if (this.currentImageItem) {const userId = this.currentImageItem.userId;const blacklist = this.$store.getters.config.blacklist;blacklist.push(userId);blacklist.sort((a, b) => a - b);this.$store.commit('setConfig', { blacklist });this.$store.commit('saveConfig');}},async downloadOne() {const imgUrl = this.currentImageItem.urls.original;const illustId = this.currentImageItem.illustId;const a = $el('a', { href: imgUrl });const filename = a.pathname.split('/').pop();const ext = filename.split('.').pop().toLowerCase();const response = await GMC.XHR({method: 'GET',url: imgUrl,responseType: 'arraybuffer',binary: true,headers: {Referer: `https://www.pixiv.net/member_illust.php?mode=medium&illust_id=${illustId}`,},});if (ext === 'jpg' || ext === 'jpeg') {saveAs(new File([response.response], filename, { type: 'image/jpeg' }));} else if (ext === 'png') {saveAs(new File([response.response], filename, { type: 'image/png' }));}},async followUser() {if (this.currentImageItem) {const userId = this.currentImageItem.userId;if (await PixivAPI.postFollowUser(userId)) {this.$store.commit('pixiv/editImgItem', {type: 'follow-user',userId: this.currentImageItem.userId,});}}},openPreview() {this.$store.commit('coverLayer/open', {data: this.currentImageItem,mode: 'preview',});},thumbUp() {if (this.currentImageItem) {PixivAPI.postIllustLike(this.currentImageItem.illustId);}},},};const __vue_script__$4 = script$4;var __vue_render__$4 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.inlineStyle),attrs:{"id":"patchouli-context-menu"}},[_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentType === 'image-item-image'),expression:"currentType === 'image-item-image'"}]},[_c('li',[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.thumbUp($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'thumbs-up'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.thumbUp'))+"\n ")],1)]),_vm._v(" "),_c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDownloadable),expression:"isDownloadable"}]},[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.downloadOne($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'download'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.download'))+"\n ")],1)]),_vm._v(" "),_c('li',[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.openPreview($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'search-plus'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.preview'))+"\n ")],1)]),_vm._v(" "),_c('li',[_c('a',{attrs:{"href":_vm.bookmarkPageLink,"role":"button","target":"_blank"}},[_c('FontAwesomeIcon',{attrs:{"icon":'bookmark'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.openBookmarkPage'))+"\n ")],1)])]),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentType === 'image-item-title-user'),expression:"currentType === 'image-item-title-user'"}]},[_c('li',[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.addToBlacklist($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'eye-slash'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.addToBlacklist'))+"\n ")],1)]),_vm._v(" "),_c('li',{directives:[{name:"show",rawName:"v-show",value:(_vm.currentImageItem && !_vm.currentImageItem.isFollowed),expression:"currentImageItem && !currentImageItem.isFollowed"}]},[_c('a',{attrs:{"role":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.followUser($event)}}},[_c('FontAwesomeIcon',{attrs:{"icon":'rss'}}),_vm._v("\n "+_vm._s(_vm.$t('contextMenu.followUser'))+"\n ")],1)])])])};var __vue_staticRenderFns__$4 = [];const __vue_inject_styles__$4 = function (inject) {if (!inject) returninject("data-v-9e5a37f4_0", { source: "#patchouli-context-menu[data-v-9e5a37f4]{box-sizing:border-box;border:1px solid #b28fce;position:fixed;z-index:10;background-color:#fff;font-size:16px;overflow:hidden;border-radius:5px}#patchouli-context-menu>ul[data-v-9e5a37f4]{margin:0;padding:0;line-height:20px}#patchouli-context-menu>ul>li[data-v-9e5a37f4]{display:flex;align-items:center}#patchouli-context-menu>ul a[data-v-9e5a37f4]{color:#85a;padding:3px;flex:1;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;text-align:center}#patchouli-context-menu>ul a[data-v-9e5a37f4]:hover{background-color:#b28fce;color:#fff;cursor:pointer}#patchouli-context-menu>ul svg[role=img][data-v-9e5a37f4]{height:18px;width:18px;margin:0 4px}", map: undefined, media: undefined });};const __vue_scope_id__$4 = "data-v-9e5a37f4";const __vue_module_identifier__$4 = undefined;const __vue_is_functional_template__$4 = false;var ContextMenu = normalizeComponent_1({ render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },__vue_inject_styles__$4,__vue_script__$4,__vue_scope_id__$4,__vue_is_functional_template__$4,__vue_module_identifier__$4,browser,undefined);var script$5 = {props: {size: {default: 48,type: Number,},},computed: {inlineStyle() {return `height: ${this.size}px; width: ${this.size}px;`;},},};const __vue_script__$5 = script$5;var __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"iup",style:(_vm.inlineStyle),attrs:{"viewBox":"0 0 24 24"}},[_c('circle',{staticClass:"iup-circle",attrs:{"cx":"12","cy":"12","r":"10"}}),_vm._v(" "),_c('path',{attrs:{"d":"M9,8.74841664 L9,15.2515834 C9,15.8038681 9.44771525,16.2515834 10,16.2515834 C10.1782928,16.2515834 10.3533435,16.2039156 10.5070201,16.1135176 L16.0347118,12.8619342 C16.510745,12.5819147 16.6696454,11.969013 16.3896259,11.4929799 C16.3034179,11.3464262 16.1812655,11.2242738 16.0347118,11.1380658 L10.5070201,7.88648243 C10.030987,7.60646294 9.41808527,7.76536339 9.13806578,8.24139652 C9.04766776,8.39507316 9,8.57012386 9,8.74841664 Z"}})])};var __vue_staticRenderFns__$5 = [];const __vue_inject_styles__$5 = function (inject) {if (!inject) returninject("data-v-0b17ca5d_0", { source: ".iup-circle[data-v-0b17ca5d]{fill:#000;fill-opacity:.4}.iup[data-v-0b17ca5d]{fill:#fff;font-size:0;line-height:0;stroke:none;vertical-align:middle}", map: undefined, media: undefined });};const __vue_scope_id__$5 = "data-v-0b17ca5d";const __vue_module_identifier__$5 = undefined;const __vue_is_functional_template__$5 = false;var IconUgoiraPlay = normalizeComponent_1({ render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },__vue_inject_styles__$5,__vue_script__$5,__vue_scope_id__$5,__vue_is_functional_template__$5,__vue_module_identifier__$5,browser,undefined);var script$6 = {props: {actived: {default: false,type: Boolean,},isPrivate: {default: false,type: Boolean,},},computed: {classes() {return {['ibh-active']: this.actived,['ibh-inactive']: !this.actived,['ibh-private']: this.isPrivate,};},},};const __vue_script__$6 = script$6;var __vue_render__$6 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"ibh-effect",class:_vm.classes,attrs:{"viewBox":"0 0 32 32","width":"32","height":"32"}},[_c('path',{staticClass:"ibh-filled-heart",attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M21,5.5 C24.8659932,5.5 28,8.63400675 28,12.5 C28,18.2694439 24.2975093,23.1517313 17.2206059,27.1100183 C16.4622493,27.5342993 15.5379984,27.5343235 14.779626,27.110148 C7.70250208,23.1517462 4,18.2694529 4,12.5 C4,8.63400691 7.13400681,5.5 11,5.5 C12.829814,5.5 14.6210123,6.4144028 16,7.8282366 C17.3789877,6.4144028 19.170186,5.5 21,5.5 Z"}}),_vm._v(" "),_c('path',{staticClass:"ibh-hollow-heart",attrs:{"d":"M16,11.3317089 C15.0857201,9.28334665 13.0491506,7.5 11,7.5 C8.23857625,7.5 6,9.73857647 6,12.5 C6,17.4386065 9.2519779,21.7268174 15.7559337,25.3646328 C15.9076021,25.4494645 16.092439,25.4494644 16.2441073,25.3646326 C22.7480325,21.7268037 26,17.4385986 26,12.5 C26,9.73857625 23.7614237,7.5 21,7.5 C18.9508494,7.5 16.9142799,9.28334665 16,11.3317089 Z"}}),_vm._v(" "),_c('path',{staticClass:"ibh-heart-lock-bg",attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M29.98 20.523A3.998 3.998 0 0 1 32 24v4a4 4 0 0 1-4 4h-7a4 4 0 0 1-4-4v-4c0-1.489.814-2.788 2.02-3.477a5.5 5.5 0 0 1 10.96 0z","fill":"#fff"}}),_vm._v(" "),_c('path',{staticClass:"ibh-heart-lock-fg",attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M28 22a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2v-1a3.5 3.5 0 1 1 7 0v1zm-5-1a1.5 1.5 0 0 1 3 0v1h-3v-1z","fill":"#1F1F1F"}})])};var __vue_staticRenderFns__$6 = [];const __vue_inject_styles__$6 = function (inject) {if (!inject) returninject("data-v-688ed66c_0", { source: ".ibh-active[data-v-688ed66c]{fill:#ff4060}.ibh-heart-lock-bg[data-v-688ed66c],.ibh-heart-lock-fg[data-v-688ed66c]{display:none}.ibh-active.ibh-private>.ibh-heart-lock-bg[data-v-688ed66c],.ibh-active.ibh-private>.ibh-heart-lock-fg[data-v-688ed66c]{display:inline}.ibh-inactive[data-v-688ed66c]{fill:#fff}.ibh-inactive>.ibh-filled-heart[data-v-688ed66c]{fill:#333}.ibh-effect[data-v-688ed66c]{box-sizing:border-box;font-size:0;line-height:0;-webkit-transition:fill .2s,stroke .2s;transition:fill .2s,stroke .2s;vertical-align:top;opacity:.85}.ibh-effect[data-v-688ed66c]:hover{opacity:1}", map: undefined, media: undefined });};const __vue_scope_id__$6 = "data-v-688ed66c";const __vue_module_identifier__$6 = undefined;const __vue_is_functional_template__$6 = false;var IconBookmarkHeart = normalizeComponent_1({ render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },__vue_inject_styles__$6,__vue_script__$6,__vue_scope_id__$6,__vue_is_functional_template__$6,__vue_module_identifier__$6,browser,undefined);var script$7 = {props: {illustPageCount: {default: 1,type: Number,},},};const __vue_script__$7 = script$7;var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"icon-multiple-indicator"},[_c('svg',{staticClass:"icon-multiple-svg",attrs:{"viewBox":"0 0 9 10"}},[_c('path',{attrs:{"d":"M8,3 C8.55228475,3 9,3.44771525 9,4 L9,9 C9,9.55228475 8.55228475,10 8,10 L3,10 C2.44771525,10 2,9.55228475 2,9 L6,9 C7.1045695,9 8,8.1045695 8,7 L8,3 Z M1,1 L6,1 C6.55228475,1 7,1.44771525 7,2 L7,7 C7,7.55228475 6.55228475,8 6,8 L1,8 C0.44771525,8 0,7.55228475 0,7 L0,2 C0,1.44771525 0.44771525,1 1,1 Z"}})]),_vm._v(" "),_c('span',{staticClass:"illust-page-count"},[_vm._v(_vm._s(_vm.illustPageCount))])])};var __vue_staticRenderFns__$7 = [];const __vue_inject_styles__$7 = function (inject) {if (!inject) returninject("data-v-24bf7204_0", { source: ".icon-multiple-indicator[data-v-24bf7204]{align-items:center;background:rgba(0,0,0,.4);border-radius:10px;box-sizing:border-box;display:flex;flex:none;height:20px;margin:2px 2px -20px auto;padding:5px 6px;z-index:1;color:#fff;font-size:10px;font-weight:700;line-height:1}.icon-multiple-svg[data-v-24bf7204]{fill:#fff;font-size:0;height:10px;line-height:0;stroke:none;width:9px}.illust-page-count[data-v-24bf7204]{margin-left:2px}", map: undefined, media: undefined });};const __vue_scope_id__$7 = "data-v-24bf7204";const __vue_module_identifier__$7 = undefined;const __vue_is_functional_template__$7 = false;var IndicatorMultiple = normalizeComponent_1({ render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },__vue_inject_styles__$7,__vue_script__$7,__vue_scope_id__$7,__vue_is_functional_template__$7,__vue_module_identifier__$7,browser,undefined);var script$8 = {components: { IconBookmarkHeart, IconUgoiraPlay, IndicatorMultiple },props: {bookmarkId: {default: '',type: String,},illustId: {default: '',type: String,},illustPageCount: {default: 1,type: Number,},imgUrl: {default: '',type: String,},isBookmarked: {default: false,type: Boolean,},isPrivateBookmark: {default: false,type: Boolean,},isUgoira: {default: false,type: Boolean,},},data() {return {selfIsBookmarked: this.isBookmarked,selfIsPrivateBookmark: this.isPrivateBookmark,ugoiraMeta: null,ugoiraPlayed: false,ugoiraPlayer: null,};},computed: {canHoverPlay() {return this.$store.getters.config.hoverPlay;},illustPageUrl() {return `/member_illust.php?mode=medium&illust_id=${this.illustId}`;},isSelfBookmarkPage() {return this.$store.getters.isSelfBookmarkPage;},},mounted() {this.$nextTick(async() => {if (this.isUgoira && this.canHoverPlay) {this.ugoiraMeta = await PixivAPI.getIllustUgoiraMetaData(this.illustId);}});},methods: {activateContextMenu(event) {if (this.$store.state.config.contextMenu) {event.preventDefault();const payload = {data: {illustId: this.illustId,type: 'image-item-image',},position: {x: event.clientX,y: event.clientY,},};this.$store.commit('contextMenu/activate', payload);}},controlUgoira(event) {if (!this.ugoiraMeta) {return;}if (!this.ugoiraPlayer) {try {this.ugoiraPlayer = new ZipImagePlayer({autosize: true,canvas: this.$refs.smallUgoiraPreview,chunkSize: 300000,loop: true,metadata: this.ugoiraMeta,source: this.ugoiraMeta.src,});} catch (error) {$print.error(error);}}if (this.canHoverPlay) {if (event.type === 'mouseenter') {this.ugoiraPlayed = true;this.ugoiraPlayer.play();} else {this.ugoiraPlayed = false;this.ugoiraPlayer.pause();this.ugoiraPlayer.rewind();}}},async oneClickBookmarkAdd() {if (!this.selfIsBookmarked) {if (await PixivAPI.postRPCAddBookmark(this.illustId)) {this.selfIsBookmarked = true;}} else {let bookmarkId = this.bookmarkId;if (!bookmarkId) {const data = await PixivAPI.getIllustBookmarkData(this.illustId);bookmarkId = data.bookmarkData.id;}if (await PixivAPI.postRPCDeleteBookmark(bookmarkId)) {this.selfIsBookmarked = false;this.selfIsPrivateBookmark = false;}}this.$store.commit('pixiv/editImgItem', {illustId: this.illustId,isBookmarked: this.selfIsBookmarked,type: 'edit-bookmarked',});},},};const __vue_script__$8 = script$8;var __vue_render__$8 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"image-item-image"},[_c('a',{staticClass:"image-flexbox",attrs:{"href":_vm.illustPageUrl,"rel":"noopener"},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)},"mouseenter":_vm.controlUgoira,"mouseleave":_vm.controlUgoira}},[(_vm.illustPageCount > 1)?_c('IndicatorMultiple',{attrs:{"illust-page-count":_vm.illustPageCount}}):_vm._e(),_vm._v(" "),_c('img',{directives:[{name:"show",rawName:"v-show",value:(!_vm.ugoiraPlayed),expression:"!ugoiraPlayed"}],attrs:{"data-src":_vm.imgUrl,"src":_vm.imgUrl}}),_vm._v(" "),(_vm.isUgoira)?_c('IconUgoiraPlay',{directives:[{name:"show",rawName:"v-show",value:(!_vm.ugoiraPlayed),expression:"!ugoiraPlayed"}],staticClass:"ugoira-icon",attrs:{"size":60}}):_vm._e(),_vm._v(" "),(_vm.isUgoira)?_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.ugoiraPlayed),expression:"ugoiraPlayed"}],ref:"smallUgoiraPreview"}):_vm._e()],1),_vm._v(" "),_c('div',{staticClass:"bookmark-heart-block",on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.stopPropagation();return _vm.oneClickBookmarkAdd($event)}}},[_c('IconBookmarkHeart',{attrs:{"actived":_vm.selfIsBookmarked,"is-private":_vm.selfIsPrivateBookmark}})],1),_vm._v(" "),(_vm.isSelfBookmarkPage)?_c('div',{staticClass:"bookmark-input-container"},[_c('input',{attrs:{"type":"checkbox","name":"book_id[]"},domProps:{"value":_vm.bookmarkId}})]):_vm._e()])};var __vue_staticRenderFns__$8 = [];const __vue_inject_styles__$8 = function (inject) {if (!inject) returninject("data-v-3ad0b8ac_0", { source: ".image-item-image[data-v-3ad0b8ac]{display:flex;align-items:center;justify-content:center;position:relative}.image-flexbox[data-v-3ad0b8ac]{display:flex;flex-flow:column;justify-content:center;align-items:center;z-index:0;border:1px solid rgba(0,0,0,.04);position:relative;height:var(--default-image-item-image-square-size);width:var(--default-image-item-image-square-size)}.image-flexbox[data-v-3ad0b8ac]:hover{text-decoration:none}.top-right-slot[data-v-3ad0b8ac]{flex:none;display:flex;align-items:center;z-index:1;box-sizing:border-box;margin:0 0 -24px auto;padding:6px;height:24px;background:#000;background:rgba(0,0,0,.4);border-radius:0 0 0 4px;color:#fff;font-size:12px;line-height:1;font-weight:700}.ugoira-icon[data-v-3ad0b8ac]{position:absolute}canvas[data-v-3ad0b8ac],img[data-v-3ad0b8ac]{max-height:100%;max-width:100%}.bookmark-input-container[data-v-3ad0b8ac]{position:absolute;left:0;top:0;background:rgba(0,0,0,.4);padding:6px;border-radius:0 0 4px 0}.bookmark-heart-block[data-v-3ad0b8ac]{position:absolute;bottom:0;right:0}", map: undefined, media: undefined });};const __vue_scope_id__$8 = "data-v-3ad0b8ac";const __vue_module_identifier__$8 = undefined;const __vue_is_functional_template__$8 = false;var DefaultImageItemImage = normalizeComponent_1({ render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },__vue_inject_styles__$8,__vue_script__$8,__vue_scope_id__$8,__vue_is_functional_template__$8,__vue_module_identifier__$8,browser,undefined);var script$9 = {components: { FontAwesomeIcon },props: {bookmarkCount: {default: 0,type: Number,},illustId: {default: '',type: String,},illustTitle: {default: '',type: String,},isFollowed: {default: false,type: Boolean,},profileImgUrl: {default: '',type: String,},userId: {default: '',type: String,},userName: {default: '',type: String,},},computed: {bookmarkDetailUrl() {return `/bookmark_detail.php?illust_id=${this.illustId}`;},bookmarkTooltipMsg() {return this.$t('mainView.bookmarkTooltip', {count: this.bookmarkCount,});},illustPageUrl() {return `/member_illust.php?mode=medium&illust_id=${this.illustId}`;},isEnableUserTooltip() {return this.$store.state.config.userTooltip;},profileImgStyle() {return {backgroundImage: `url(${this.profileImgUrl})`,};},userPageUrl() {return `/member_illust.php?id=${this.userId}`;},},methods: {activateContextMenu(event) {if (this.$store.state.config.contextMenu) {event.preventDefault();const payload = {position: {x: event.clientX,y: event.clientY,},};const ct = event.currentTarget;if (ct.classList.contains('user-info')) {payload.data = {illustId: this.illustId,type: 'image-item-title-user',};} else {payload.data = {illustId: this.illustId,type: 'image-item-image',};}this.$store.commit('contextMenu/activate', payload);}},},};const __vue_script__$9 = script$9;var __vue_render__$9 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('figcaption',{staticClass:"image-item-title-user"},[_c('ul',[_c('li',{staticClass:"title-text",on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_c('a',{attrs:{"href":_vm.illustPageUrl,"title":_vm.illustTitle}},[_vm._v(_vm._s(_vm.illustTitle))])]),_vm._v(" "),_c('li',{staticClass:"user-info",on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_c('a',{staticClass:"user-link",class:_vm.isEnableUserTooltip ? 'ui-profile-popup' : '',attrs:{"href":_vm.userPageUrl,"title":_vm.userName,"data-user_id":_vm.userId,"data-user_name":_vm.userName,"target":"_blank"}},[_c('span',{staticClass:"user-img",style:(_vm.profileImgStyle)}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.userName))])]),_vm._v(" "),(_vm.isFollowed)?_c('FontAwesomeIcon',{staticClass:"user-followed-indicator",attrs:{"icon":'rss'}}):_vm._e()],1),_vm._v(" "),(_vm.bookmarkCount > 0)?_c('li',[_c('ul',{staticClass:"count-list"},[_c('li',[_c('a',{staticClass:"_ui-tooltip bookmark-count",attrs:{"href":_vm.bookmarkDetailUrl,"data-tooltip":_vm.$t('mainView.bookmarkTooltip', { count: _vm.bookmarkCount })}},[_c('i',{staticClass:"_icon _bookmark-icon-inline"}),_vm._v("\n "+_vm._s(_vm.bookmarkCount)+"\n ")])])])]):_vm._e()])])};var __vue_staticRenderFns__$9 = [];const __vue_inject_styles__$9 = function (inject) {if (!inject) returninject("data-v-3c0faed8_0", { source: ".image-item-title-user[data-v-3c0faed8]{max-width:100%;margin:8px auto;text-align:center;color:#333;font-size:12px;line-height:1}.title-text[data-v-3c0faed8]{margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.user-info[data-v-3c0faed8]{display:inline-flex;align-items:center}.user-link[data-v-3c0faed8]{font-size:12px;display:inline-flex;align-items:center}.user-img[data-v-3c0faed8]{width:20px;height:20px;display:inline-block;background-size:cover;border-radius:50%;margin-right:4px}.user-followed-indicator[data-v-3c0faed8]{display:inline-block;margin-left:4px;width:16px;height:16px;color:#1e90ff}", map: undefined, media: undefined });};const __vue_scope_id__$9 = "data-v-3c0faed8";const __vue_module_identifier__$9 = undefined;const __vue_is_functional_template__$9 = false;var DefaultImageItemTitle = normalizeComponent_1({ render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },__vue_inject_styles__$9,__vue_script__$9,__vue_scope_id__$9,__vue_is_functional_template__$9,__vue_module_identifier__$9,browser,undefined);var script$a = {components: { DefaultImageItemImage, DefaultImageItemTitle },props: {bookmarkCount: {default: 0,type: Number,},bookmarkId: {default: '',type: String,},illustId: {default: '',type: String,},illustPageCount: {default: 1,type: Number,},illustTitle: {default: '',type: String,},imgUrl: {default: '',type: String,},isBookmarked: {default: false,type: Boolean,},isFollowed: {default: false,type: Boolean,},isPrivateBookmark: {default: false,type: Boolean,},isUgoira: {default: false,type: Boolean,},profileImgUrl: {default: '',type: String,},userId: {default: '',type: String,},userName: {default: '',type: String,},},};const __vue_script__$a = script$a;var __vue_render__$a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"image-item"},[_c('figure',{staticClass:"image-item-inner"},[_c('DefaultImageItemImage',{attrs:{"img-url":_vm.imgUrl,"illust-id":_vm.illustId,"illust-page-count":_vm.illustPageCount,"is-ugoira":_vm.isUgoira,"is-bookmarked":_vm.isBookmarked,"is-private-bookmark":_vm.isPrivateBookmark,"bookmark-id":_vm.bookmarkId}}),_vm._v(" "),_c('DefaultImageItemTitle',{attrs:{"illust-id":_vm.illustId,"illust-title":_vm.illustTitle,"user-name":_vm.userName,"user-id":_vm.userId,"is-followed":_vm.isFollowed,"profile-img-url":_vm.profileImgUrl,"bookmark-count":_vm.bookmarkCount}})],1)])};var __vue_staticRenderFns__$a = [];const __vue_inject_styles__$a = function (inject) {if (!inject) returninject("data-v-149e5fa6_0", { source: ".image-item[data-v-149e5fa6]{display:flex;justify-content:center;margin:0 0 30px 0;padding:10px;height:auto;width:200px}.image-item-inner[data-v-149e5fa6]{display:flex;flex-flow:column;max-width:100%;max-height:300px}", map: undefined, media: undefined });};const __vue_scope_id__$a = "data-v-149e5fa6";const __vue_module_identifier__$a = undefined;const __vue_is_functional_template__$a = false;var DefaultImageItem = normalizeComponent_1({ render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },__vue_inject_styles__$a,__vue_script__$a,__vue_scope_id__$a,__vue_is_functional_template__$a,__vue_module_identifier__$a,browser,undefined);var script$b = {components: { DefaultImageItem },computed: {defaultProcessedLibrary() {const { shows, hides } = this.displayIndices;const iiLib = this.$store.getters['pixiv/imageItemLibrary'];return shows.concat(hides).map(idx => iiLib[idx]);},displayIndices() {return this.$store.getters['pixiv/defaultDisplayIndices'];},imageToShowCount() {const { shows } = this.displayIndices;return shows.length;},},methods: {getThumbUrl(urls) {if (this.$store.getters.config.croppedThumb) {return urls.thumb;}return urls.regular;},},};const __vue_script__$b = script$b;var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"patchouli-default-image-item-page"}},_vm._l((_vm.defaultProcessedLibrary),function(d,index){return _c('DefaultImageItem',{directives:[{name:"show",rawName:"v-show",value:(index < _vm.imageToShowCount),expression:"index < imageToShowCount"}],key:d.illustId,attrs:{"img-url":_vm.getThumbUrl(d.urls),"illust-id":d.illustId,"illust-title":d.illustTitle,"illust-page-count":d.illustPageCount,"is-ugoira":d.isUgoira,"user-name":d.userName,"user-id":d.userId,"profile-img-url":d.profileImg,"bookmark-count":d.bookmarkCount,"is-private-bookmark":d.isPrivateBookmark,"is-bookmarked":d.isBookmarked,"is-followed":d.isFollowed,"bookmark-id":d.bookmarkId}})}),1)};var __vue_staticRenderFns__$b = [];const __vue_inject_styles__$b = function (inject) {if (!inject) returninject("data-v-0d55836a_0", { source: "#patchouli-default-image-item-page[data-v-0d55836a]{display:flex;flex-flow:wrap;justify-content:space-around}", map: undefined, media: undefined });};const __vue_scope_id__$b = "data-v-0d55836a";const __vue_module_identifier__$b = undefined;const __vue_is_functional_template__$b = false;var DefaultImageItemPage = normalizeComponent_1({ render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },__vue_inject_styles__$b,__vue_script__$b,__vue_scope_id__$b,__vue_is_functional_template__$b,__vue_module_identifier__$b,browser,undefined);var script$c = {components: {FontAwesomeIcon,IconBookmarkHeart,IconUgoiraPlay,IndicatorMultiple,},props: {bookmarkCount: {default: 0,type: Number,},bookmarkId: {default: '',type: String,},illustId: {default: '',type: String,},illustPageCount: {default: 1,type: Number,},illustTitle: {default: '',type: String,},isBookmarked: {default: false,type: Boolean,},isFollowed: {default: false,type: Boolean,},isUgoira: {default: false,type: Boolean,},profileImgUrl: {default: '',type: String,},showUserProfile: {default: true,type: Boolean,},thumbImgUrl: {default: '',type: String,},userId: {default: '',type: String,},userName: {default: '',type: String,},},data() {return {selfBookmarkId: this.bookmarkId,selfIsBookmarked: this.isBookmarked,ugoiraMeta: null,ugoiraPlayed: false,ugoiraPlayer: null,};},computed: {canHoverPlay() {return this.$store.getters.config.hoverPlay;},illustMainImgStyle() {return {backgroundImage: this.ugoiraPlayed ? 'none' : `url(${this.thumbImgUrl})`,};},illustPageUrl() {return `/member_illust.php?mode=medium&illust_id=${this.illustId}`;},profileImgStyle() {return {backgroundImage: `url(${this.profileImgUrl})`,};},userPageUrl() {return `/member_illust.php?id=${this.userId}`;},},mounted() {this.$nextTick(async() => {if (this.isUgoira && this.canHoverPlay) {this.ugoiraMeta = await PixivAPI.getIllustUgoiraMetaData(this.illustId);}});},methods: {activateContextMenu(event) {if (this.$store.getters.config.contextMenu) {event.preventDefault();const payload = {position: {x: event.clientX,y: event.clientY,},};const ct = event.currentTarget;if (ct.classList.contains('user-profile-name')) {payload.data = {illustId: this.illustId,type: 'image-item-title-user',};} else {payload.data = {illustId: this.illustId,type: 'image-item-image',};}this.$store.commit('contextMenu/activate', payload);}},controlUgoira(event) {if (!this.ugoiraMeta) {return;}if (!this.ugoiraPlayer) {try {this.ugoiraPlayer = new ZipImagePlayer({autosize: true,canvas: this.$refs.smallUgoiraPreview,chunkSize: 300000,loop: true,metadata: this.ugoiraMeta,source: this.ugoiraMeta.src,});} catch (error) {$print.error(error);}}if (this.canHoverPlay) {if (event.type === 'mouseenter') {this.ugoiraPlayed = true;this.ugoiraPlayer.play();} else {this.ugoiraPlayed = false;this.ugoiraPlayer.pause();this.ugoiraPlayer.rewind();}}},async oneClickBookmarkAdd() {if (!this.selfIsBookmarked) {if (await PixivAPI.postRPCAddBookmark(this.illustId)) {this.selfIsBookmarked = true;}} else {if (!this.selfBookmarkId) {const data = await PixivAPI.getIllustBookmarkData(this.illustId);this.selfBookmarkId = data.bookmarkData.id;}if (await PixivAPI.postRPCDeleteBookmark(this.selfBookmarkId)) {this.selfIsBookmarked = false;}}this.$store.commit('pixiv/editImgItem', {illustId: this.illustId,isBookmarked: this.selfIsBookmarked,type: 'edit-bookmarked',});},},};const __vue_script__$c = script$c;var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"illust-item-root"},[_c('a',{staticClass:"illust-main",attrs:{"href":_vm.illustPageUrl},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)},"mouseenter":_vm.controlUgoira,"mouseleave":_vm.controlUgoira}},[_c('div',{staticClass:"illust-main-indicators"},[(_vm.illustPageCount > 1)?_c('IndicatorMultiple',{attrs:{"illust-page-count":_vm.illustPageCount}}):_vm._e()],1),_vm._v(" "),_c('div',{staticClass:"illust-main-img",style:(_vm.illustMainImgStyle)},[(_vm.isUgoira)?_c('IconUgoiraPlay',{directives:[{name:"show",rawName:"v-show",value:(!_vm.ugoiraPlayed),expression:"!ugoiraPlayed"}]}):_vm._e(),_vm._v(" "),(_vm.isUgoira)?_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.ugoiraPlayed),expression:"ugoiraPlayed"}],ref:"smallUgoiraPreview",staticClass:"illust-main-ugoira"}):_vm._e()],1)]),_vm._v(" "),_c('div',{staticClass:"illust-buttons"},[_c('div',[_c('button',{attrs:{"type":"button"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.oneClickBookmarkAdd($event)}}},[_c('IconBookmarkHeart',{attrs:{"actived":_vm.selfIsBookmarked}})],1)])]),_vm._v(" "),_c('a',{staticClass:"illust-title",attrs:{"href":_vm.illustPageUrl},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_vm._v(_vm._s(_vm.illustTitle))]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showUserProfile),expression:"showUserProfile"}],staticClass:"user-profile"},[_c('div',[_c('a',{staticClass:"user-profile-img",style:(_vm.profileImgStyle),attrs:{"href":_vm.illustPageUrl}})]),_vm._v(" "),_c('a',{staticClass:"user-profile-name",attrs:{"href":_vm.userPageUrl},on:{"contextmenu":function($event){return _vm.activateContextMenu($event)}}},[_vm._v(_vm._s(_vm.userName))]),_vm._v(" "),(_vm.isFollowed)?_c('FontAwesomeIcon',{staticClass:"user-followed-indicator",attrs:{"icon":'rss'}}):_vm._e()],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.bookmarkCount > 0),expression:"bookmarkCount > 0"}],staticClass:"illust-popularity"},[_c('span',[_vm._v(_vm._s(_vm.bookmarkCount))])])])};var __vue_staticRenderFns__$c = [];const __vue_inject_styles__$c = function (inject) {if (!inject) returninject("data-v-7f2906da_0", { source: ".illust-item-root[data-v-7f2906da]{margin:0 12px 24px}.illust-main[data-v-7f2906da]{text-decoration:none}.illust-main-indicators[data-v-7f2906da]{display:flex;position:absolute;width:var(--new-default-image-item-square-size);justify-content:end}.illust-main-img[data-v-7f2906da]{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;display:flex;height:var(--new-default-image-item-square-size);justify-content:center;margin-bottom:8px;position:relative;width:var(--new-default-image-item-square-size)}.illust-main-img[data-v-7f2906da]::before{background-color:rgba(0,0,0,.02);content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.illust-main-ugoira[data-v-7f2906da]{object-fit:contain;height:var(--new-default-image-item-square-size);width:var(--new-default-image-item-square-size)}.illust-buttons[data-v-7f2906da]{display:flex;height:32px;justify-content:flex-end;margin-bottom:8px;margin-top:-40px}.illust-buttons>div[data-v-7f2906da]{z-index:1}.illust-buttons>div>button[data-v-7f2906da]{background:0 0;border:none;box-sizing:content-box;cursor:pointer;display:inline-block;height:32px;line-height:1;padding:0}.illust-title[data-v-7f2906da]{color:#177082;display:block;font-size:14px;font-weight:700;line-height:1;margin:0 0 4px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:var(--new-default-image-item-square-size)}.user-profile[data-v-7f2906da]{align-items:center;display:flex;width:var(--new-default-image-item-square-size);margin-bottom:4px}.user-profile>div[data-v-7f2906da]{display:inline-block;margin-right:4px}.user-profile-img[data-v-7f2906da]{background-size:cover;border-radius:50%;display:block;flex:none;position:relative;overflow:hidden;width:16px;height:16px}.user-profile-name[data-v-7f2906da]{color:#999;font-size:12px;line-height:1;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;flex:1}.user-followed-indicator[data-v-7f2906da]{display:inline-block;margin-left:4px;width:16px;height:16px;color:#1e90ff}.illust-popularity[data-v-7f2906da]{display:flex;width:100%;justify-content:center}.illust-popularity>span[data-v-7f2906da]{background-color:#cef;color:#0069b1;padding:2px 8px;border-radius:8px;font-weight:700}.illust-popularity>span[data-v-7f2906da]::before{content:\"❤️\";margin-right:4px}", map: undefined, media: undefined });};const __vue_scope_id__$c = "data-v-7f2906da";const __vue_module_identifier__$c = undefined;const __vue_is_functional_template__$c = false;var NewDefaultImageItem = normalizeComponent_1({ render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },__vue_inject_styles__$c,__vue_script__$c,__vue_scope_id__$c,__vue_is_functional_template__$c,__vue_module_identifier__$c,browser,undefined);var script$d = {};const __vue_script__$d = script$d;var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)};var __vue_staticRenderFns__$d = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"ils-grid"},[_c('div',{staticClass:"ils-cell ils-1"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-2"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-3"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-4"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-5"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-6"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-7"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-8"}),_vm._v(" "),_c('div',{staticClass:"ils-cell ils-9"})])}];const __vue_inject_styles__$d = function (inject) {if (!inject) returninject("data-v-08feaed6_0", { source: ".ils-grid[data-v-08feaed6]{width:var(--loading-icon-size);height:var(--loading-icon-size);margin:100px auto}.ils-grid .ils-cell[data-v-08feaed6]{width:33%;height:33%;background-color:var(--loading-icon-color);float:left;-webkit-animation:ilsGridScaleDelay-data-v-08feaed6 1.3s infinite ease-in-out;animation:ilsGridScaleDelay-data-v-08feaed6 1.3s infinite ease-in-out}.ils-grid .ils-1[data-v-08feaed6]{-webkit-animation-delay:.2s;animation-delay:.2s}.ils-grid .ils-2[data-v-08feaed6]{-webkit-animation-delay:.3s;animation-delay:.3s}.ils-grid .ils-3[data-v-08feaed6]{-webkit-animation-delay:.4s;animation-delay:.4s}.ils-grid .ils-4[data-v-08feaed6]{-webkit-animation-delay:.1s;animation-delay:.1s}.ils-grid .ils-5[data-v-08feaed6]{-webkit-animation-delay:.2s;animation-delay:.2s}.ils-grid .ils-6[data-v-08feaed6]{-webkit-animation-delay:.3s;animation-delay:.3s}.ils-grid .ils-7[data-v-08feaed6]{-webkit-animation-delay:0s;animation-delay:0s}.ils-grid .ils-8[data-v-08feaed6]{-webkit-animation-delay:.1s;animation-delay:.1s}.ils-grid .ils-9[data-v-08feaed6]{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes ilsGridScaleDelay-data-v-08feaed6{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes ilsGridScaleDelay-data-v-08feaed6{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}", map: undefined, media: undefined });};const __vue_scope_id__$d = "data-v-08feaed6";const __vue_module_identifier__$d = undefined;const __vue_is_functional_template__$d = false;var IconLoadingSpin = normalizeComponent_1({ render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },__vue_inject_styles__$d,__vue_script__$d,__vue_scope_id__$d,__vue_is_functional_template__$d,__vue_module_identifier__$d,browser,undefined);var script$e = {components: { IconLoadingSpin, NewDefaultImageItem },data() {return {routeIsInited: Array(NPP_TYPE_COUNT).fill(false),};},computed: {displayIndices() {return this.$store.getters['pixiv/nppDisplayIndices'];},hasNoR###lt() {return !this.imageToShowCount;},imageToShowCount() {const { shows } = this.displayIndices;return shows.length;},isSelfBookmarkPage() {return this.$store.getters.isSelfBookmarkPage;},nppProcessedLibrary() {const { shows, hides } = this.displayIndices;const iiLib = this.$store.getters['pixiv/imageItemLibrary'];return shows.concat(hides).map(idx => iiLib[idx]);},nppType() {return this.$store.getters['pixiv/nppType'];},rest() {return this.$store.getters.sp.rest;},status() {return this.$store.getters['pixiv/status'];},uid() {return this.$store.getters.sp.id;},},mounted() {this.$nextTick(() => {this.routeIsInited[this.nppType] = true;});},methods: {async clickRoute(event) {await this.$store.dispatch('pixiv/pause');const tid = event.currentTarget.id;const thref = event.currentTarget.href;if (this.isSamePath(location.href, thref)) {return;}history.pushState(null, '', thref);switch (tid) {case 'patchouli-npp-all':this.$store.commit('setMainPageType', {forceSet: MAIN_PAGE_TYPE.NEW_PROFILE,});break;case 'patchouli-npp-illust':this.$store.commit('setMainPageType', {forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST,});break;case 'patchouli-npp-manga':this.$store.commit('setMainPageType', {forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_MANGA,});break;case 'patchouli-npp-bookmark':case 'patchouli-npp-view-bookmark-switch-public':case 'patchouli-npp-view-bookmark-switch-private':this.$store.commit('updateSearchParam');this.$store.commit('setMainPageType', {forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK,});break;default:break;}if (!this.routeIsInited[this.nppType]) {this.$store.dispatch('pixiv/start', { force: true, times: 1 });this.routeIsInited[this.nppType] = true;}},isSamePath(href0, href1) {const a0 = $el('a', { href: href0 });const a1 = $el('a', { href: href1 });if (a0.pathname !== a1.pathname) {return false;}const sp0 = new URLSearchParams(a0.search);const sp1 = new URLSearchParams(a1.search);const keysSet = new Set([...sp0.keys(), ...sp1.keys()]);for (const k of keysSet) {if (sp0.get(k) !== sp1.get(k)) {return false;}}return true;},},};const __vue_script__$e = script$e;var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"patchouli-new-profile-page"}},[_c('nav',{attrs:{"id":"patchouli-npp-nav"}},[_c('a',{class:{'current': _vm.nppType === 0},attrs:{"id":"patchouli-npp-all","href":("/member.php?id=" + _vm.uid)},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.contents')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 1},attrs:{"id":"patchouli-npp-illust","href":("/member_illust.php?id=" + _vm.uid + "&type=illust")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.illustrations')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 2},attrs:{"id":"patchouli-npp-manga","href":("/member_illust.php?id=" + _vm.uid + "&type=manga")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.manga')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 3},attrs:{"id":"patchouli-npp-bookmark","href":("/bookmark.php?id=" + _vm.uid + "&rest=show")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.bookmarks')))])]),_vm._v(" "),_c('div',{attrs:{"id":"patchouli-npp-view"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isSelfBookmarkPage),expression:"isSelfBookmarkPage"}],staticClass:"ω",attrs:{"id":"patchouli-npp-view-bookmark-switch"}},[_c('nav',[_c('a',{class:{'current': _vm.nppType === 3},attrs:{"id":"patchouli-npp-view-bookmark-switch-public","href":("/bookmark.php?id=" + _vm.uid + "&rest=show")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.publicBookmark')))]),_vm._v(" "),_c('a',{class:{'current': _vm.nppType === 4},attrs:{"id":"patchouli-npp-view-bookmark-switch-private","href":("/bookmark.php?id=" + _vm.uid + "&rest=hide")},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.clickRoute($event)}}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.privateBookmark')))])])]),_vm._v(" "),_c('div',{attrs:{"id":"patchouli-npp-view-header"}}),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(!_vm.hasNoR###lt),expression:"!hasNoR###lt"}],staticClass:"ω",attrs:{"id":"patchouli-npp-view-image-item-list"}},_vm._l((_vm.nppProcessedLibrary),function(d,index){return _c('NewDefaultImageItem',{directives:[{name:"show",rawName:"v-show",value:(index < _vm.imageToShowCount),expression:"index < imageToShowCount"}],key:d.illustId,attrs:{"illust-id":d.illustId,"bookmark-count":d.bookmarkCount,"bookmark-id":d.bookmarkId,"is-bookmarked":d.isBookmarked,"is-followed":d.isFollowed,"is-ugoira":d.isUgoira,"illust-page-count":d.illustPageCount,"illust-title":d.illustTitle,"thumb-img-url":d.urls.thumb,"profile-img-url":d.profileImg,"user-id":d.userId,"user-name":d.userName,"show-user-profile":_vm.uid !== d.userId}})}),1),_vm._v(" "),_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.hasNoR###lt),expression:"hasNoR###lt"}],attrs:{"id":"patchouli-npp-view-no-r###lt"}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.noR###lt')))]),_vm._v(" "),_c('span',{directives:[{name:"show",rawName:"v-show",value:(!_vm.status.isPaused && !_vm.status.isEnded),expression:"!status.isPaused && !status.isEnded"}],attrs:{"id":"patchouli-npp-view-loading"}},[_c('IconLoadingSpin')],1)])])};var __vue_staticRenderFns__$e = [];const __vue_inject_styles__$e = function (inject) {if (!inject) returninject("data-v-aa4aafec_0", { source: "#patchouli-npp-nav[data-v-aa4aafec]{display:flex;justify-content:center;background-color:#f9f8ff;width:100%}#patchouli-npp-nav>a[data-v-aa4aafec]{border-top:4px solid transparent;color:#999;font-size:16px;font-weight:700;margin:0 10px;padding:10px 20px;text-decoration:none;transition:color .2s}#patchouli-npp-nav>a[data-v-aa4aafec]:hover{color:#333;cursor:pointer}#patchouli-npp-nav>a.current[data-v-aa4aafec]{color:#333;border-bottom:4px solid #0096fa}#patchouli-npp-view[data-v-aa4aafec]{display:flex;flex-flow:column;min-height:340px;align-items:center}#patchouli-npp-view-bookmark-switch[data-v-aa4aafec]{display:flex;justify-content:flex-end;margin:24px auto 48px;width:1300px}#patchouli-npp-view-bookmark-switch a.current[data-v-aa4aafec]{background-color:#f5f5f5;color:#5c5c5c}#patchouli-npp-view-bookmark-switch a[data-v-aa4aafec]{border-radius:24px;color:#8f8f8f;font-size:16px;font-weight:700;padding:16px 24px;text-decoration:none}#patchouli-npp-view-image-item-list[data-v-aa4aafec]{list-style:none;display:flex;align-content:flex-start;justify-content:center;flex-wrap:wrap;padding:14px 0;margin:0 auto;width:1300px}#patchouli-npp-view-no-r###lt[data-v-aa4aafec]{flex:1;display:inline-flex;align-items:center;color:#b8b8b8;font-size:20px;font-weight:700;line-height:1}#patchouli-npp-view-loading[data-v-aa4aafec]{flex:1;display:inline-flex;align-items:center}", map: undefined, media: undefined });};const __vue_scope_id__$e = "data-v-aa4aafec";const __vue_module_identifier__$e = undefined;const __vue_is_functional_template__$e = false;var NewProfilePage = normalizeComponent_1({ render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },__vue_inject_styles__$e,__vue_script__$e,__vue_scope_id__$e,__vue_is_functional_template__$e,__vue_module_identifier__$e,browser,undefined);var script$f = {components: { ContextMenu, DefaultImageItemPage, NewProfilePage },props: {id: {default: '',type: String,},},computed: {isNewProfilePage() {return this.$store.getters['pixiv/nppType'] >= 0;},},};const __vue_script__$f = script$f;var __vue_render__$f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.id}},[(_vm.isNewProfilePage)?_c('NewProfilePage'):_c('DefaultImageItemPage'),_vm._v(" "),_c('ContextMenu')],1)};var __vue_staticRenderFns__$f = [];const __vue_inject_styles__$f = undefined;const __vue_scope_id__$f = "data-v-ace52af6";const __vue_module_identifier__$f = undefined;const __vue_is_functional_template__$f = false;var mainView = normalizeComponent_1({ render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },__vue_inject_styles__$f,__vue_script__$f,__vue_scope_id__$f,__vue_is_functional_template__$f,__vue_module_identifier__$f,undefined,undefined);var script$g = {components: { FontAwesomeIcon },props: {id: {default: '',type: String,},},data() {return {previewCurrentIndex: 0,previewSrcList: [],previewUgoiraMetaData: null,ugoiraPlayers: [],};},computed: {xc() {return this.$store.getters.config;},xdata() {return this.$store.getters['coverLayer/data'];},xmode() {return this.$store.getters['coverLayer/mode'];},},watch: {async xmode(value) {if (value === 'preview') {const imageItem = this.xdata;if (imageItem.isUgoira) {this.previewUgoiraMetaData = await PixivAPI.getIllustUgoiraMetaData(imageItem.illustId);this.initZipImagePlayer();this.previewSrcList.push(imageItem.urls.thumb);this.previewSrcList.push(imageItem.urls.original);} else if (imageItem.illustPageCount > 1) {const indexArray = Array.from(Array(imageItem.illustPageCount).keys());const srcs = indexArray.map(idx =>imageItem.urls.original.replace('p0', `p${idx}`));this.previewSrcList.push(...srcs);} else {this.previewSrcList.push(imageItem.urls.original);}} else if (!value) {this.previewSrcList.length = 0;this.previewCurrentIndex = 0;this.previewUgoiraMetaData = null;this.ugoiraPlayers.forEach(player => player.stop());this.ugoiraPlayers.length = 0;}},},updated() {if (this.xmode === 'preview') {this.$refs.coverLayerRoot.focus();}},methods: {clickBase(event) {this.$store.commit('coverLayer/close');const blacklist = [...new Set(this.$refs.blacklistTextarea.value.split('\n').map(s => s.trim()).filter(Boolean)),];blacklist.sort((a, b) => a - b);this.$store.commit('setConfig', { blacklist });this.$store.commit('saveConfig');},clickSwitch(event) {if (event.currentTarget.id === 'config-context-menu-switch') {this.xc.contextMenu = toInt(!this.xc.contextMenu);}if (event.currentTarget.id === 'config-user-tooltip-switch') {this.xc.userTooltip = toInt(!this.xc.userTooltip);}if (event.currentTarget.id === 'config-hover-play-switch') {this.xc.hoverPlay = toInt(!this.xc.hoverPlay);}},initZipImagePlayer() {const meta = this.previewUgoiraMetaData;this.$refs.previewOriginalUgoiraCanvas.width = 0;this.$refs.previewUgoiraCanvas.width = 0;const opt = {autoStart: true,autosize: true,canvas: this.$refs.previewUgoiraCanvas,chunkSize: 300000,loop: true,metadata: meta,source: meta.src,};this.ugoiraPlayers.push(new ZipImagePlayer(opt));this.ugoiraPlayers.push(new ZipImagePlayer(Object.assign({}, opt, {canvas: this.$refs.previewOriginalUgoiraCanvas,source: meta.originalSrc,})));},jumpByKeyup(event) {if (this.xmode === 'preview') {if (event.key === 'ArrowLeft') {this.jumpPrev();} else if (event.key === 'ArrowRight') {this.jumpNext();}}},jumpByWheel(event) {if (this.xmode === 'preview') {if (event.deltaY < 0) {this.jumpPrev();} else if (event.deltaY > 0) {this.jumpNext();}}},jumpNext() {const t = this.previewSrcList.length;const c = this.previewCurrentIndex;this.jumpTo((c + 1) % t);},jumpPrev() {const t = this.previewSrcList.length;const c = this.previewCurrentIndex;this.jumpTo((c + t - 1) % t);},jumpTo(index) {this.previewCurrentIndex = index;},},};const __vue_script__$g = script$g;var __vue_render__$g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.xmode),expression:"xmode"}],ref:"coverLayerRoot",attrs:{"id":_vm.id,"tabindex":"0"},on:{"keyup":_vm.jumpByKeyup,"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickBase($event)},"scroll":function($event){$event.stopPropagation();$event.preventDefault();},"wheel":function($event){$event.stopPropagation();$event.preventDefault();return _vm.jumpByWheel($event)}}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.xmode === 'config'),expression:"xmode === 'config'"}],attrs:{"id":"marisa-config-mode"},on:{"click":function($event){$event.stopPropagation();}}},[_c('a',{attrs:{"id":"config-context-menu-switch"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSwitch($event)}}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.contextMenu),expression:"xc.contextMenu"}],attrs:{"id":"config-context-menu-switch-on","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-on'}})],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.contextMenu),expression:"!xc.contextMenu"}],attrs:{"id":"config-context-menu-switch-off","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-off'}})],1),_vm._v(" "),_c('span',{attrs:{"id":"config-context-menu-label"}},[_vm._v(_vm._s(_vm.$t('config.contextMenuExtension')))])]),_vm._v(" "),_c('a',{attrs:{"id":"config-user-tooltip-switch"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSwitch($event)}}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.userTooltip),expression:"xc.userTooltip"}],attrs:{"id":"config-user-tooltip-switch-on","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-on'}})],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.userTooltip),expression:"!xc.userTooltip"}],attrs:{"id":"config-user-tooltip-switch-off","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-off'}})],1),_vm._v(" "),_c('span',{attrs:{"id":"config-user-tooltip-label"}},[_vm._v(_vm._s(_vm.$t('config.userTooltip')))])]),_vm._v(" "),_c('a',{attrs:{"id":"config-hover-play-switch"},on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.clickSwitch($event)}}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.xc.hoverPlay),expression:"xc.hoverPlay"}],attrs:{"id":"config-hover-play-switch-on","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-on'}})],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.xc.hoverPlay),expression:"!xc.hoverPlay"}],attrs:{"id":"config-hover-play-switch-off","role":"button"}},[_c('FontAwesomeIcon',{attrs:{"icon":'toggle-off'}})],1),_vm._v(" "),_c('span',{attrs:{"id":"config-hover-play-label"}},[_vm._v(_vm._s(_vm.$t('config.hoverPlay')))])]),_vm._v(" "),_c('a',{attrs:{"id":"marisa-config-blacklist-label"}},[_c('FontAwesomeIcon',{attrs:{"icon":'eye-slash'}}),_vm._v("\n "+_vm._s(_vm.$t('config.blacklist'))+"\n ")],1),_vm._v(" "),_c('textarea',{ref:"blacklistTextarea",attrs:{"id":"marisa-config-blacklist-textarea","spellcheck":"false","rows":"5"},domProps:{"value":_vm.xc.blacklist.join('\n')}})]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.xmode === 'preview'),expression:"xmode === 'preview'"}],attrs:{"id":"marisa-preview-mode"},on:{"click":function($event){$event.stopPropagation();}}},[_c('div',{attrs:{"id":"marisa-preview-display-area"}},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.previewUgoiraMetaData),expression:"!previewUgoiraMetaData"}],attrs:{"href":_vm.previewSrcList[_vm.previewCurrentIndex],"target":"_blank"}},[_c('img',{attrs:{"src":_vm.previewSrcList[_vm.previewCurrentIndex]}})]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!!_vm.previewUgoiraMetaData),expression:"!!previewUgoiraMetaData"}]},[_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.previewCurrentIndex === 0),expression:"previewCurrentIndex === 0"}],ref:"previewUgoiraCanvas"}),_vm._v(" "),_c('canvas',{directives:[{name:"show",rawName:"v-show",value:(_vm.previewCurrentIndex === 1),expression:"previewCurrentIndex === 1"}],ref:"previewOriginalUgoiraCanvas"})])]),_vm._v(" "),_c('ul',{directives:[{name:"show",rawName:"v-show",value:(_vm.previewSrcList.length > 1),expression:"previewSrcList.length > 1"}],attrs:{"id":"marisa-preview-thumbnails-area"}},_vm._l((_vm.previewSrcList),function(pSrc,index){return _c('li',{key:pSrc},[_c('a',{class:(index === _vm.previewCurrentIndex) ? 'current-preview' : '',on:{"click":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.jumpTo(index)}}},[_c('img',{attrs:{"src":pSrc}})])])}),0)])])};var __vue_staticRenderFns__$g = [];const __vue_inject_styles__$g = function (inject) {if (!inject) returninject("data-v-020aa59c_0", { source: "#Marisa[data-v-020aa59c]{background-color:#000a;position:fixed;height:100%;width:100%;z-index:5;top:0;left:0;display:flex;align-items:center;justify-content:center}#marisa-config-mode[data-v-020aa59c],#marisa-preview-mode[data-v-020aa59c]{min-width:100px;min-height:100px;background-color:#eef}#marisa-config-mode[data-v-020aa59c]{display:flex;flex-flow:column;padding:10px;border-radius:10px;font-size:18px;white-space:nowrap}#marisa-config-mode a[data-v-020aa59c]{color:#00186c;text-decoration:none;display:inline-flex}#marisa-config-mode>a[data-v-020aa59c]{align-items:center;justify-content:center;margin:2px 0}#marisa-config-mode [id$=switch][data-v-020aa59c]{cursor:pointer}#marisa-config-mode svg[data-v-020aa59c]{height:18px;margin:0 4px}#marisa-config-blacklist-textarea[data-v-020aa59c]{box-sizing:border-box;flex:1;resize:none;font-size:11pt;height:90px}#marisa-preview-mode[data-v-020aa59c]{width:70%;height:100%;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,auto) max-content}#marisa-preview-display-area[data-v-020aa59c]{border:2px #00186c solid;box-sizing:border-box;text-align:center}#marisa-preview-display-area>a[data-v-020aa59c],#marisa-preview-display-area>div[data-v-020aa59c]{display:inline-flex;height:100%;justify-content:center;align-items:center}#marisa-preview-display-area>a>img[data-v-020aa59c],#marisa-preview-display-area>div>canvas[data-v-020aa59c]{object-fit:contain;max-width:100%;max-height:100%}#marisa-preview-thumbnails-area[data-v-020aa59c]{background-color:#f8f8ff;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;height:100%;border:2px solid #014;box-sizing:border-box;border-top:0;margin:0;padding:0;list-style:none}#marisa-preview-thumbnails-area>li[data-v-020aa59c]{margin:0 10px;display:inline-flex}#marisa-preview-thumbnails-area>li>a[data-v-020aa59c]{cursor:pointer;display:inline-flex;border:3px solid transparent}#marisa-preview-thumbnails-area>li>a.current-preview[data-v-020aa59c]{border:3px solid #db7093}#marisa-preview-thumbnails-area>li>a>img[data-v-020aa59c]{max-height:100px;box-sizing:border-box;display:inline-block}", map: undefined, media: undefined });};const __vue_scope_id__$g = "data-v-020aa59c";const __vue_module_identifier__$g = undefined;const __vue_is_functional_template__$g = false;var coverLayer$1 = normalizeComponent_1({ render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },__vue_inject_styles__$g,__vue_script__$g,__vue_scope_id__$g,__vue_is_functional_template__$g,__vue_module_identifier__$g,browser,undefined);if (unsafeWindow) {const { globalInitData, pixiv } = unsafeWindow;const { DataView, ArrayBuffer } = unsafeWindow;Object.assign(window, {ArrayBuffer,DataView,globalInitData,pixiv,});}vuexStore.dispatch('init').then(() => {if (vuexStore.getters.MPT === MAIN_PAGE_TYPE.NO_SUPPORT) {return;}const Koakuma = new Vue({i18n,store: vuexStore,data: {name: 'Koakuma',},computed: {currentLocale() {return this.$store.getters.locale;},},watch: {currentLocale(newValue) {this.$i18n.locale = newValue;},},render(h) {return h(ctrlPanel, { props: { id: this.name } });},});const Patchouli = new Vue({i18n,store: vuexStore,data: {name: 'Patchouli',},computed: {currentLocale() {return this.$store.getters.locale;},},watch: {currentLocale(newValue) {this.$i18n.locale = newValue;},},render(h) {return h(mainView, { props: { id: this.name } });},});const Marisa = new Vue({i18n,store: vuexStore,data: {name: 'Marisa',},computed: {currentLocale() {return this.$store.getters.locale;},},watch: {currentLocale(newValue) {this.$i18n.locale = newValue;},},render(h) {return h(coverLayer$1, { props: { id: this.name } });},});if (vuexStore.getters['pixiv/nppType'] < 0) {$('._global-header').classList.add('koakuma-placeholder');}vuexStore.dispatch('pixiv/start', { isFirst: true, times: 1 }).then(() => {Patchouli.$mount(vuexStore.getters.mountPointMainView);Koakuma.$mount(vuexStore.getters.mountPointCtrlPanel);Marisa.$mount(vuexStore.getters.mountPointCoverLayer);vuexStore.commit('applyConfig');if (vuexStore.getters['pixiv/nppType'] < 0) {$('._global-header').classList.remove('koakuma-placeholder');}}).catch(error => {$print.error('main#init: Fail to first mount', error);});document.body.addEventListener('click', (event) => {const koakuma = Koakuma.$children[0];if (!event.target.closest('#koakuma-bookmark-input-usual-switch')) {koakuma.usualSwitchOn = false;}if (!event.target.closest('#koakuma-sorting-order-select-switch')) {koakuma.sortingOrderSwitchOn = false;}if (vuexStore.getters['contextMenu/active']) {vuexStore.commit('contextMenu/deactivate');}});if (vuexStore.getters.MPT === MAIN_PAGE_TYPE.SEARCH) {const menuItems = $('ul.menu-items');[...menuItems.children].forEach((item, index) => {const textContent = item.textContent;const a = $el('a', { href: 'javascript:;', textContent });item.removeChild(item.firstChild);item.appendChild(a);item.addEventListener('click', () => {[...menuItems.children].forEach(_item => _item.classList.remove('current'));item.classList.add('current');const target = $('#koakuma-bookmark-tags-filter-input');if (index === 1) {target.value = '-R-18';} else if (index === 2) {target.value = 'R-18';} else {target.value = '';}Koakuma.$children[0].tagsFilterInput({ target });});});}Object.assign(unsafeWindow, {Koakuma,Marisa,Patchouli,vuexStore,});}).catch($print.error);}(Vue, VueI18n, Vuex));