☰

帕秋莉

pixiv 搜寻/浏览 工具

安装此脚本？
作者推荐脚本

您可能也喜欢Pixiv 简单存图。

安装此脚本 
  1. // ==UserScript==
  2. // @name       Patchouli
  3. // @name:en    Patchouli
  4. // @name:ja    パチュリー
  5. // @name:zh-TW 帕秋莉
  6. // @name:zh-CN 帕秋莉
  7. // @description       An image searching/browsing tool on pixiv
  8. // @description:en    An image searching/browsing tool on pixiv
  9. // @description:ja    pixiv 検索機能強化
  10. // @description:zh-TW pixiv 搜尋/瀏覽 工具
  11. // @description:zh-CN pixiv 搜寻/浏览 工具
  12. // @namespace  https://github.com/FlandreDaisuki
  13. // @include    *://www.pixiv.net/*
  14. // @require    https://unpkg.com/vue@2.6.10/dist/vue.min.js
  15. // @require    https://unpkg.com/vuex@3.1.1/dist/vuex.min.js
  16. // @require    https://unpkg.com/vue-i18n@8.14.1/dist/vue-i18n.min.js
  17. // @require    https://unpkg.com/file-saver@2.0.2/dist/FileSaver.min.js
  18. // @require    https://www.gitcdn.xyz/repo/FlandreDaisuki/zip_player/ecf3751317079fcabef70af4bd0e92411288303d/dist/zip_player.iife.min.js
  19. // @icon       http://i.imgur.com/VwoYc5w.png
  20. // @connect    i.pximg.net
  21. // @noframes
  22. // @author     FlandreDaisuki
  23. // @license    The MIT License (MIT) Copyright (c) 2016-2019 FlandreDaisuki
  24. // @compatible firefox>=52
  25. // @compatible chrome>=55
  26. // @version    4.2.4
  27. // @grant      unsafeWindow
  28. // @grant      GM_getValue
  29. // @grant      GM.getValue
  30. // @grant      GM_setValue
  31. // @grant      GM.setValue
  32. // @grant      GM_xmlhttpRequest
  33. // @grant      GM.xmlHttpRequest
  34. // ==/UserScript==
  35.  
  36. (function (Vue, VueI18n, Vuex) {
  37.   'use strict';
  38.  
  39.   
  40.  
  41.   function __$styleInject ( css ) {
  42.       if(!css) return ;
  43.  
  44.       if(typeof(window) == 'undefined') return ;
  45.       let style = document.createElement('style');
  46.  
  47.       style.innerHTML = css;
  48.       document.head.appendChild(style);
  49.       return css;
  50.   }
  51.  
  52.   Vue = Vue && Vue.hasOwnProperty('default') ? Vue['default'] : Vue;
  53.   VueI18n = VueI18n && VueI18n.hasOwnProperty('default') ? VueI18n['default'] : VueI18n;
  54.   Vuex = Vuex && Vuex.hasOwnProperty('default') ? Vuex['default'] : Vuex;
  55.  
  56.   __$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");
  57.  
  58.   const MAIN_PAGE_TYPE = {
  59.     ANCIENT_FOLLOWED_NEWS: Symbol('ANCIENT_FOLLOWED_NEWS'),
  60.     FOLLOWED_NEWS: Symbol('FOLLOWED_NEWS'),
  61.     NEW_PROFILE: Symbol('NEW_PROFILE'),
  62.     NEW_PROFILE_BOOKMARK: Symbol('NEW_PROFILE_BOOKMARK'),
  63.     NEW_PROFILE_ILLUST: Symbol('NEW_PROFILE_ILLUST'),
  64.     NEW_PROFILE_MANGA: Symbol('NEW_PROFILE_MANGA'),
  65.     NO_SUPPORT: Symbol('NO_SUPPORT'),
  66.     SEARCH: Symbol('SEARCH'),
  67.     SELF_BOOKMARK: Symbol('SELF_BOOKMARK'),
  68.   };
  69.   const SORT_TYPE = {
  70.     BOOKMARK_COUNT: 2,
  71.     BOOKMARK_ID: 1,
  72.     ILLUST_ID: 0,
  73.   };
  74.   const NPP_TYPE_COUNT = 5;
  75.   const $ = (selector) => {
  76.     return document.querySelector(selector);
  77.   };
  78.   const $$ = (selector) => {
  79.     return [...document.querySelectorAll(selector)];
  80.   };
  81.   const $$find = (doc, selector) => {
  82.     return [...doc.querySelectorAll(selector)];
  83.   };
  84.   const $el = (tag, attr = {}, cb = () => {}) => {
  85.     const el = document.createElement(tag);
  86.     Object.assign(el, attr);
  87.     cb(el);
  88.     return el;
  89.   };
  90.   const $print = {
  91.     debug(...args) {
  92.       console.debug.apply(console, [...args]);
  93.     },
  94.     error(...args) {
  95.       console.error.apply(console, [...args]);
  96.     },
  97.     log(...args) {
  98.       console.log.apply(console, [...args]);
  99.     },
  100.   };
  101.   const toInt = (x) => {
  102.     const t = Number(x);
  103.     return isNaN(t) ? 0 : Math.floor(t);
  104.   };
  105.   const toFormUrlencoded = (o) => {
  106.     return new URLSearchParams(o).toString();
  107.   };
  108.   async function waitUntil(func, { ms = 100, maxCount = 20 } = {}) {
  109.     return new Promise((resolve, reject) => {
  110.       let c = maxCount;
  111.       const i = setInterval(() => {
  112.         const r = func();
  113.         if (r) {
  114.           clearInterval(i);
  115.           resolve(r);
  116.         } else if (c <= 0) {
  117.           clearInterval(i);
  118.           reject();
  119.         } else {
  120.           c -= 1;
  121.         }
  122.       }, ms);
  123.     });
  124.   }
  125.   async function $ready(func) {
  126.     return waitUntil(func, { maxCount: Infinity })
  127.       .catch($print.error);
  128.   }
  129.   Vue.use(VueI18n);
  130.   const en = {
  131.     config: {
  132.       blacklist: 'Blacklist',
  133.       contextMenuExtension: 'Right click extension',
  134.       hoverPlay: 'Mouse hover play ugoira',
  135.       userTooltip: 'Illustrator tooltip',
  136.     },
  137.     contextMenu: {
  138.       addToBlacklist: 'Add to Blacklist',
  139.       download: 'Download',
  140.       followUser: 'Follow',
  141.       openBookmarkPage: 'Add Bookmark Page',
  142.       preview: 'Preview',
  143.       thumbUp: 'Like',
  144.     },
  145.     ctrlPanel: {
  146.       buttonEnd: 'End',
  147.       buttonGo: 'Go',
  148.       buttonPause: 'Pause',
  149.       fitWidth: 'fit browser width',
  150.       sortByBookmarkId: 'sort by bookmark id',
  151.       sortByDate: 'sort by date',
  152.       sortByPopularity: 'sort by popularity',
  153.       tagFilterQueryPlaceholder: 'tags filter example: flandre || sister',
  154.     },
  155.     mainView: {
  156.       bookmarkTooltip: '{count} bookmarks',
  157.       newProfilePage: {
  158.         bookmarks: 'Bookmarks',
  159.         contents: 'Contents',
  160.         illustrations: 'Illustrations',
  161.         manga: 'Manga',
  162.         noResult: 'Not found',
  163.         privateBookmark: 'Private',
  164.         publicBookmark: 'Public',
  165.       },
  166.     },
  167.   };
  168.   const ja = {
  169.     config: {
  170.       blacklist: 'ブラックリスト',
  171.       contextMenuExtension: '右クリックの拡張機能',
  172.       hoverPlay: 'マウスオーバーでうごイラ再生',
  173.       userTooltip: 'イラストレーターツールチップ',
  174.     },
  175.     contextMenu: {
  176.       addToBlacklist: 'ブラックリストへ',
  177.       download: 'ダウンロード',
  178.       followUser: 'フォローする',
  179.       openBookmarkPage: 'ブックマーク追加ページ',
  180.       preview: 'プレビュー',
  181.       thumbUp: 'いいね',
  182.     },
  183.     ctrlPanel: {
  184.       buttonEnd: '終了',
  185.       buttonGo: '捜す',
  186.       buttonPause: '中断',
  187.       fitWidth: '全幅',
  188.       sortByBookmarkId: 'ブックマーク順',
  189.       sortByDate: '投稿順',
  190.       sortByPopularity: '人気順',
  191.       tagFilterQueryPlaceholder: 'タグフィルター 例: フランドール || 妹様',
  192.     },
  193.     mainView: {
  194.       bookmarkTooltip: '{count} 件のブックマーク',
  195.       newProfilePage: {
  196.         bookmarks: 'ブックマーク',
  197.         contents: '作品',
  198.         illustrations: 'イラスト',
  199.         manga: 'マンガ',
  200.         noResult: '作品がありません',
  201.         privateBookmark: '非公開',
  202.         publicBookmark: '公開',
  203.       },
  204.     },
  205.   };
  206.   const zhCN = {
  207.     config: {
  208.       blacklist: '黑名單',
  209.       contextMenuExtension: '右键扩展',
  210.       hoverPlay: '鼠标播放动图',
  211.       userTooltip: '绘师提示框',
  212.     },
  213.     contextMenu: {
  214.       addToBlacklist: '拉黑',
  215.       download: '下载',
  216.       followUser: '加关注',
  217.       openBookmarkPage: '开启添加收藏页',
  218.       preview: '原图预览',
  219.       thumbUp: '赞',
  220.     },
  221.     ctrlPanel: {
  222.       buttonEnd: '完',
  223.       buttonGo: '找',
  224.       buttonPause: '停',
  225.       fitWidth: '自适应浏览器宽度',
  226.       sortByBookmarkId: '以加入顺序排序',
  227.       sortByDate: '以日期排序',
  228.       sortByPopularity: '以人气排序',
  229.       tagFilterQueryPlaceholder: '标签过滤 例: 芙兰朵露 || 二小姐',
  230.     },
  231.     mainView: {
  232.       bookmarkTooltip: '{count} 个收藏',
  233.       newProfilePage: {
  234.         bookmarks: '收藏',
  235.         contents: '作品',
  236.         illustrations: '插画',
  237.         manga: '漫画',
  238.         noResult: '找不到作品',
  239.         privateBookmark: '非公开',
  240.         publicBookmark: '公开',
  241.       },
  242.     },
  243.   };
  244.   const zhTW = {
  245.     config: {
  246.       blacklist: '黑名單',
  247.       contextMenuExtension: '擴充右鍵',
  248.       hoverPlay: '滑鼠播放動圖',
  249.       userTooltip: '繪師提示框',
  250.     },
  251.     contextMenu: {
  252.       addToBlacklist: '加入黑名單',
  253.       download: '下載',
  254.       followUser: '加關注',
  255.       openBookmarkPage: '開啟添加收藏頁',
  256.       preview: '原圖預覽',
  257.       thumbUp: '讚',
  258.     },
  259.     ctrlPanel: {
  260.       buttonEnd: '完',
  261.       buttonGo: '找',
  262.       buttonPause: '停',
  263.       fitWidth: '自適應瀏覽器寬度',
  264.       sortByBookmarkId: '以加入順序排序',
  265.       sortByDate: '以日期排序',
  266.       sortByPopularity: '以人氣排序',
  267.       tagFilterQueryPlaceholder: '標籤過濾 例: 芙蘭朵露 || 二小姐',
  268.     },
  269.     mainView: {
  270.       bookmarkTooltip: '{count} 個收藏',
  271.       newProfilePage: {
  272.         bookmarks: '收藏',
  273.         contents: '作品',
  274.         illustrations: '插畫',
  275.         manga: '漫畫',
  276.         noResult: '找不到作品',
  277.         privateBookmark: '非公開',
  278.         publicBookmark: '公開',
  279.       },
  280.     },
  281.   };
  282.   var i18n = new VueI18n({
  283.     fallbackLocale: 'ja',
  284.     locale: document.documentElement.lang.toLowerCase(),
  285.     messages: {
  286.       en,
  287.       ja,
  288.       'zh': zhCN,
  289.       'zh-cn': zhCN,
  290.       'zh-tw': zhTW,
  291.     },
  292.   });
  293.   class ExtendableError extends Error {
  294.     constructor(message) {
  295.       super(message);
  296.       this.name = this.constructor.name;
  297.       if (typeof Error.captureStackTrace === 'function') {
  298.         Error.captureStackTrace(this, this.constructor);
  299.       } else {
  300.         this.stack = (new Error(message)).stack;
  301.       }
  302.     }
  303.   }
  304.   class InitError extends ExtendableError {}
  305.   class ConnectionError extends ExtendableError {}
  306.   class Pixiv {
  307.     constructor() {
  308.       this._tt = null;
  309.     }
  310.     get tt() {
  311.       if (this._tt) {
  312.         return this._tt;
  313.       }
  314.       const inputTT = $('input[name="tt"]');
  315.       if (inputTT) {
  316.         this._tt = inputTT.value;
  317.       } else if (window.pixiv) {
  318.         this._tt = window.pixiv.context.token;
  319.       } else if (window.globalInitData) {
  320.         this._tt = window.globalInitData.token;
  321.       } else {
  322.         $print.error('Pixiv#tt getter');
  323.       }
  324.       return this._tt;
  325.     }
  326.     async fetch(url, options = {}) {
  327.       const opt = Object.assign({ credentials: 'same-origin' }, options);
  328.       try {
  329.         if (url) {
  330.           const a = $el('a', { href: url });
  331.           const resp = await fetch(a.href, opt);
  332.           if (!resp.ok) {
  333.             throw new ConnectionError(`${resp.status} ${resp.statusText}`);
  334.           }
  335.           return resp;
  336.         } else {
  337.           $print.error('Pixiv#fetch without url');
  338.         }
  339.       } catch (error) {
  340.         $print.error('Pixiv#fetch: error:', error);
  341.       }
  342.     }
  343.     async fetchJSON(url, options = {}) {
  344.       try {
  345.         const resp = await this.fetch(url, options);
  346.         const data = await resp.json();
  347.         const properties = Object.keys(data);
  348.         if (properties.includes('error') && properties.includes('body')) {
  349.           if (data.error) {
  350.             $print.error('Pixiv#fetchJSON: JSON has error:', data.message);
  351.             return null;
  352.           } else {
  353.             return data.body;
  354.           }
  355.         } else {
  356.           return data;
  357.         }
  358.       } catch (error) {
  359.         $print.error('Pixiv#fetchJSON: error:', error);
  360.       }
  361.     }
  362.     async fetchHTML(url, options = {}) {
  363.       try {
  364.         const resp = await this.fetch(url, options);
  365.         const data = await resp.text();
  366.         return data;
  367.       } catch (error) {
  368.         $print.error('Pixiv#fetchHTML: error:', error);
  369.       }
  370.     }
  371.     async rpcCall(mode, params = {}) {
  372.       return this.fetchJSON('/rpc/index.php', {
  373.         method: 'POST',
  374.         headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
  375.         body: toFormUrlencoded({ ...params, mode, tt: this.tt }),
  376.       });
  377.     }
  378.     async getIllustData(illustId) {
  379.       const url = `/ajax/illust/${illustId}`;
  380.       const data = await this.fetchJSON(url);
  381.       return data;
  382.     }
  383.     async getIllustBookmarkData(illustId) {
  384.       const url = `/ajax/illust/${illustId}/bookmarkData`;
  385.       const data = await this.fetchJSON(url);
  386.       return data;
  387.     }
  388.     async getIllustDataGroup(illustIds) {
  389.       const uniqIllustIds = [...new Set(illustIds)];
  390.       const illustDataGroup = await Promise.all(uniqIllustIds.map(id => this.getIllustData(id)));
  391.       return illustDataGroup
  392.         .filter(Boolean)
  393.         .reduce((collect, d) => {
  394.           collect[d.illustId] = d;
  395.           return collect;
  396.         }, {});
  397.     }
  398.     async getUserData(userId) {
  399.       const url = `/ajax/user/${userId}`;
  400.       const data = await this.fetchJSON(url);
  401.       return data;
  402.     }
  403.     async getUserProfileData(userId) {
  404.       const url = `/ajax/user/${userId}/profile/all`;
  405.       const data = await this.fetchJSON(url);
  406.       return data;
  407.     }
  408.     async getUserBookmarkData(userId, optSearchParams = {}) {
  409.       const searchParams = Object.assign({
  410.         limit: 24,
  411.         offset: 0,
  412.         rest: 'show',
  413.         tag: '',
  414.       }, optSearchParams);
  415.       const url = `/ajax/user/${userId}/illusts/bookmarks?${toFormUrlencoded(searchParams)}`;
  416.       const data = await this.fetchJSON(url);
  417.       return data;
  418.     }
  419.     async getUserDataGroup(userIds) {
  420.       const uniqUserIds = [...new Set(userIds)];
  421.       const userDataGroup = await Promise.all(uniqUserIds.map(id => this.getUserData(id)));
  422.       return userDataGroup
  423.         .filter(Boolean)
  424.         .reduce((collect, d) => {
  425.           collect[d.userId] = d;
  426.           return collect;
  427.         }, {});
  428.     }
  429.     async getIllustUgoiraMetaData(illustId) {
  430.       const url = `/ajax/illust/${illustId}/ugoira_meta`;
  431.       const data = await this.fetchJSON(url);
  432.       return data;
  433.     }
  434.     async getIllustIdsInLegacyPageHTML(url) {
  435.       try {
  436.         const html = await this.fetchHTML(url);
  437.         const nextTag = html.match(/class="next"[^/]*/);
  438.         let nextUrl = '';
  439.         if (nextTag) {
  440.           const nextHref = nextTag[0].match(/href="([^"]+)"/);
  441.           if (nextHref) {
  442.             const query = nextHref[1].replace(/&amp;/g, '&');
  443.             if (query) {
  444.               nextUrl = `${location.pathname}${query}`;
  445.             }
  446.           }
  447.         }
  448.         const iidHTMLs = html.match(/;illust_id=\d+"\s*class="work/g) || [];
  449.         const illustIds = [];
  450.         for (const dataid of iidHTMLs) {
  451.           const iid = dataid.replace(/\D+(\d+).*/, '$1');
  452.           if (!illustIds.includes(iid) && iid !== '0') {
  453.             illustIds.push(iid);
  454.           }
  455.         }
  456.         const ret = {
  457.           illustIds,
  458.           nextUrl,
  459.         };
  460.         return ret;
  461.       } catch (error) {
  462.         $print.error('Pixiv#getIllustIdsInLegacyPageHTML: error:', error);
  463.       }
  464.     }
  465.     async getIllustIdsInPageHTML(url) {
  466.       try {
  467.         const html = await this.fetchHTML(url);
  468.         const nextTag = html.match(/class="next"[^/]*/);
  469.         let nextUrl = '';
  470.         if (nextTag) {
  471.           const nextHref = nextTag[0].match(/href="([^"]+)"/);
  472.           if (nextHref) {
  473.             const query = nextHref[1].replace(/&amp;/g, '&');
  474.             if (query) {
  475.               nextUrl = `${location.pathname}${query}`;
  476.             }
  477.           }
  478.         }
  479.         const iidHTMLs = html.match(/illustId&quot;:&quot;(\d+)&quot;/g) || [];
  480.         const illustIds = [];
  481.         for (const dataid of iidHTMLs) {
  482.           const iid = dataid.replace(/\D+(\d+).*/, '$1');
  483.           if (!illustIds.includes(iid) && iid !== '0') {
  484.             illustIds.push(iid);
  485.           }
  486.         }
  487.         const ret = {
  488.           illustIds,
  489.           nextUrl,
  490.         };
  491.         return ret;
  492.       } catch (error) {
  493.         $print.error('Pixiv#getIllustIdsInPageHTML: error:', error);
  494.       }
  495.     }
  496.     async postIllustLike(illustId) {
  497.       const url = '/ajax/illusts/like';
  498.       const data = await this.fetchJSON(url, {
  499.         method: 'POST',
  500.         headers: {
  501.           'Content-Type': 'application/json',
  502.           'x-csrf-token': this.tt,
  503.         },
  504.         body: JSON.stringify({
  505.           illust_id: illustId,
  506.         }),
  507.       });
  508.       return Boolean(data);
  509.     }
  510.     async postFollowUser(userId) {
  511.       const url = '/bookmark_add.php';
  512.       const searchParams = {
  513.         format: 'json',
  514.         mode: 'add',
  515.         restrict: 0,
  516.         tt: this.tt,
  517.         type: 'user',
  518.         user_id: userId,
  519.       };
  520.       const data = await this.fetchJSON(url, {
  521.         method: 'POST',
  522.         headers: {
  523.           'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
  524.         },
  525.         body: toFormUrlencoded(searchParams),
  526.       });
  527.       return Boolean(data);
  528.     }
  529.     async postRPCAddBookmark(illustId) {
  530.       const searchParams = {
  531.         comment: '',
  532.         illust_id: illustId,
  533.         restrict: 0,
  534.         tags: '',
  535.       };
  536.       await this.rpcCall('save_illust_bookmark', searchParams);
  537.       return true;
  538.     }
  539.     async postRPCDeleteBookmark(bookmarkId) {
  540.       const searchParams = { bookmark_id: bookmarkId };
  541.       await this.rpcCall('delete_illust_bookmark', searchParams);
  542.       return true;
  543.     }
  544.   }
  545.   const PixivAPI = new Pixiv();
  546.   function removeAnnoyings(doc = document) {
  547.     const annoyings = [
  548.       '.ad',
  549.       '.ads_area',
  550.       '.ad-footer',
  551.       '.ads_anchor',
  552.       '.ads-top-info',
  553.       '.comic-hot-works',
  554.       '.user-ad-container',
  555.       '.ads_area_no_margin',
  556.       '.hover-item',
  557.       '.ad-printservice',
  558.       '.bookmark-ranges',
  559.       '.require-premium',
  560.       '.showcase-reminder',
  561.       '.sample-user-search',
  562.       '.popular-introduction',
  563.       '._premium-lead-tag-search-bar',
  564.       '._premium-lead-popular-d-body',
  565.       '._premium-lead-promotion-banner',
  566.     ];
  567.     for (const selector of annoyings) {
  568.       for (const el of $$find(doc, selector)) {
  569.         el.remove();
  570.       }
  571.     }
  572.   }
  573.   const DEFAULT_MATCH = true;
  574.   const isString = (s) => typeof(s) === 'string';
  575.   const isFunction = (s) => typeof(s) === 'function';
  576.   const isOrOp = (s) => s === ' || ';
  577.   const isAndOp = (s) => s === ' && ';
  578.   const isCondOp = (s) => isOrOp(s) || isAndOp(s);
  579.   const isGroupExpr = (s) => isString(s) && (/^{.*}$/).test(s);
  580.   const isPartialExclusionExpr = (s) => isString(s) && (/^-[^-].*$/).test(s);
  581.   const isPartialInclusionExpr = (s) => isString(s) && (/^[+]?.*$/).test(s);
  582.   const defaultFunc = () => DEFAULT_MATCH;
  583.   const isMatched = (ruleStr, targetStr) => {
  584.     const rule = ruleStr.toLowerCase();
  585.     const target = targetStr.toLowerCase();
  586.     return makeRuleFunc(rule, target)();
  587.   };
  588.   const makeRuleFunc = (rule, target) => {
  589.     if (isString(rule)) {
  590.       const rtoks = rule.trim().match(/(\{.*?\}| ([|]{2}|[&]{2}) |\S+)/g);
  591.       if (!rtoks) {
  592.         return defaultFunc;
  593.       }
  594.       const tokList = rtoks.map((rtok) => {
  595.         if (isCondOp(rtok)) {
  596.           return rtok;
  597.         } else if (isGroupExpr(rtok)) {
  598.           return makeRuleFunc(rtok.slice(1, -1), target);
  599.         } else if (isPartialExclusionExpr(rtok)) {
  600.           return () => !target.includes(rtok.slice(1));
  601.         } else if (isPartialInclusionExpr(rtok)) {
  602.           return () => target.includes(rtok.replace(/^[+]?(.*)$/, '$1'));
  603.         } else {
  604.           $print.log('tagMatcher#makeRuleFunc: Unknown rtok', rtok);
  605.           return defaultFunc;
  606.         }
  607.       });
  608.       return makeRuleFunc(tokList, target);
  609.     } else {
  610.       const ruleList = rule.map(r => (isString(r) && !isCondOp(r)) ? makeRuleFunc(r, target) : r);
  611.       const funcList = ruleList.filter(isFunction);
  612.       const opList = ruleList.filter(isCondOp);
  613.       if (funcList.length + opList.length !== ruleList.length) {
  614.         $print.log('tagMatcher#makeRuleFunc: Unknown ruleList', ruleList);
  615.         return defaultFunc;
  616.       }
  617.       if (opList.every(isAndOp)) {
  618.         return () => funcList.every(fn => fn());
  619.       } else if (opList.every(isOrOp)) {
  620.         return () => funcList.some(fn => fn());
  621.       } else {
  622.         $print.log('tagMatcher#makeRuleFunc: Mixed condition operators without grouping', ruleList);
  623.         return defaultFunc;
  624.       }
  625.     }
  626.   };
  627.   var tagFilterQuerier = {
  628.     isMatched,
  629.     makeRuleFunc,
  630.   };
  631.   const makeNewTag = (tag) => {
  632.     if (tag.translation) {
  633.       const trs = Object.values(tag.translation);
  634.       return [tag.tag, ...trs].filter(Boolean).join('\x00');
  635.     }
  636.     return [tag.tag, tag.romaji].filter(Boolean).join('\x00');
  637.   };
  638.   const makeLibraryData = ({ illustDataGroup, userDataGroup }) => {
  639.     if (!illustDataGroup || !Object.keys(illustDataGroup).length) {
  640.       return [];
  641.     }
  642.     const library = [];
  643.     for (const [illustId, illustData] of Object.entries(illustDataGroup)) {
  644.       const allTags = illustData.tags.tags.map(makeNewTag).join('\x00');
  645.       const d = {
  646.         bookmarkCount: illustData.bookmarkCount,
  647.         bookmarkId: '',
  648.         illustId,
  649.         illustPageCount: toInt(illustData.pageCount),
  650.         illustTitle: illustData.illustTitle,
  651.         isBookmarked: Boolean(illustData.bookmarkData),
  652.         isFollowed: userDataGroup[illustData.userId].isFollowed,
  653.         isManga: illustData.illustType === 1,
  654.         isPrivateBookmark: false,
  655.         isUgoira: illustData.illustType === 2,
  656.         profileImg: userDataGroup[illustData.userId].image,
  657.         tags: allTags,
  658.         urls: {
  659.           original: illustData.urls.original,
  660.           regular: illustData.urls.regular,
  661.           thumb: illustData.urls.thumb,
  662.         },
  663.         userId: illustData.userId,
  664.         userName: illustData.userName,
  665.       };
  666.       if (illustData.bookmarkData) {
  667.         d.bookmarkId = illustData.bookmarkData.id;
  668.         d.isPrivateBookmark = illustData.bookmarkData.private;
  669.       }
  670.       library.push(d);
  671.     }
  672.     return library;
  673.   };
  674.   const state = {
  675.     batchSize: 40,
  676.     defaultStatus: {
  677.       isEnded: false,
  678.       isPaused: true,
  679.     },
  680.     imageItemLibrary: [],
  681.     moveWindowIndex: 0,
  682.     moveWindowPrivateBookmarkIndex: 0,
  683.     nextUrl: location.href,
  684.     nppStatus: {
  685.       isEnded: Array(NPP_TYPE_COUNT).fill(false),
  686.       isPaused: true,
  687.     },
  688.     prefetchPool: {
  689.       illusts: [],
  690.       manga: [],
  691.     },
  692.   };
  693.   const getters = {
  694.     batchSize: (state) => state.batchSize,
  695.     defaultDisplayIndices: (state, getters, rootState, rootGetters) => {
  696.       const clonedLib = state.imageItemLibrary.slice();
  697.       const { sp, filters, config, orderBy } = rootGetters;
  698.       const dateOldFirst = sp.order === 'date';
  699.       const bookmarkEarlyFirst = sp.order === 'asc';
  700.       const isToShow = (d) => {
  701.         return d.bookmarkCount >= filters.limit &&
  702.           tagFilterQuerier.isMatched(filters.query, d.tags) &&
  703.           !config.blacklist.includes(d.userId) &&
  704.           !(rootGetters.unbookmarkedOnly && d.isBookmarked);
  705.       };
  706.       const shows = [], hides = [];
  707.       for (const [i, d] of clonedLib.entries()) {
  708.         const s = isToShow(d);
  709.         const o = {
  710.           index: i,
  711.           [orderBy]: d[orderBy],
  712.         };
  713.         if (s) {
  714.           shows.push(o);
  715.         } else {
  716.           hides.push(o);
  717.         }
  718.       }
  719.       shows.sort((a, b) => {
  720.         const av = toInt(a[orderBy]);
  721.         const bv = toInt(b[orderBy]);
  722.         const c = bv - av;
  723.         switch (orderBy) {
  724.         case 'illustId':
  725.           return dateOldFirst ? -c : c;
  726.         case 'bookmarkCount':
  727.           return c;
  728.         case 'bookmarkId':
  729.           return bookmarkEarlyFirst ? -c : c;
  730.         default:
  731.           return 0;
  732.         }
  733.       });
  734.       return {
  735.         hides: hides.map(item => item.index),
  736.         shows: shows.map(item => item.index),
  737.       };
  738.     },
  739.     imageItemLibrary: (state) => state.imageItemLibrary,
  740.     nppDisplayIndices: (state, getters, rootState, rootGetters) => {
  741.       const clonedLib = state.imageItemLibrary.slice();
  742.       const { filters, config, orderBy, sp } = rootGetters;
  743.       const { nppType } = getters;
  744.       const isToShow = (d) => {
  745.         const conds = [
  746.           d.bookmarkCount >= filters.limit,
  747.           tagFilterQuerier.isMatched(filters.query, d.tags),
  748.           !config.blacklist.includes(d.userId),
  749.           !(rootGetters.unbookmarkedOnly && d.isBookmarked),
  750.         ];
  751.         switch (nppType) {
  752.         case 0:
  753.           conds.push(d.userId === sp.id);
  754.           break;
  755.         case 1:
  756.           conds.push(d.userId === sp.id && !d.isManga);
  757.           break;
  758.         case 2:
  759.           conds.push(d.userId === sp.id && d.isManga);
  760.           break;
  761.         case 3:
  762.           conds.push(d.userId !== sp.id && !d.isPrivateBookmark);
  763.           break;
  764.         case 4:
  765.           conds.push(d.userId !== sp.id && d.isPrivateBookmark);
  766.           break;
  767.         default:
  768.           break;
  769.         }
  770.         return conds.every(Boolean);
  771.       };
  772.       const shows = [], hides = [];
  773.       for (const [i, d] of clonedLib.entries()) {
  774.         const s = isToShow(d);
  775.         const o = {
  776.           index: i,
  777.           [orderBy]: d[orderBy],
  778.         };
  779.         if (s) {
  780.           shows.push(o);
  781.         } else {
  782.           hides.push(o);
  783.         }
  784.       }
  785.       shows.sort((a, b) => {
  786.         const av = toInt(a[orderBy]);
  787.         const bv = toInt(b[orderBy]);
  788.         return bv - av;
  789.       });
  790.       return {
  791.         hides: hides.map(item => item.index),
  792.         shows: shows.map(item => item.index),
  793.       };
  794.     },
  795.     nppType: (state, getters, rootState, rootGetters) => {
  796.       const types = [
  797.         MAIN_PAGE_TYPE.NEW_PROFILE,
  798.         MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST,
  799.         MAIN_PAGE_TYPE.NEW_PROFILE_MANGA,
  800.         MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK,
  801.       ];
  802.       const loginId = rootGetters.loginData.id;
  803.       const uid = rootGetters.sp.id;
  804.       const rest = rootGetters.sp.rest;
  805.       const mpt = rootGetters.MPT;
  806.       const isSelfPrivateBookmarkPage = mpt === MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK && loginId === uid && rest === 'hide';
  807.       if (isSelfPrivateBookmarkPage) {
  808.         return types.length;
  809.       }
  810.       return types.indexOf(mpt);
  811.     },
  812.     status: (state, getters) => {
  813.       if (getters.nppType >= 0) {
  814.         return {
  815.           isEnded: state.nppStatus.isEnded[getters.nppType],
  816.           isPaused: state.nppStatus.isPaused,
  817.         };
  818.       } else {
  819.         return state.defaultStatus;
  820.       }
  821.     },
  822.   };
  823.   const mutations = {
  824.     editImgItem: (state, payload = {}) => {
  825.       const DEFAULT_OPT = {
  826.         illustId: '',
  827.         type: null,
  828.         userId: '',
  829.       };
  830.       const opt = Object.assign({}, DEFAULT_OPT, payload);
  831.       if (opt.type === 'follow-user' && opt.userId) {
  832.         state.imageItemLibrary
  833.           .filter(i => i.userId === opt.userId)
  834.           .forEach(i => {
  835.             i.isFollowed = true;
  836.           });
  837.       } else if (opt.type === 'edit-bookmarked' && opt.illustId) {
  838.         state.imageItemLibrary
  839.           .filter(i => i.illustId === opt.illustId)
  840.           .forEach(i => {
  841.             if (typeof opt.isBookmarked === 'boolean' ) {
  842.               i.isBookmarked = opt.isBookmarked;
  843.               if (!opt.isBookmarked) {
  844.                 i.isPrivateBookmark = false;
  845.               }
  846.             }
  847.           });
  848.       }
  849.     },
  850.     setStatus: (state, { nppType = -1, isPaused, isEnded }) => {
  851.       if (nppType >= 0) {
  852.         if (isPaused !== undefined) {
  853.           state.nppStatus.isPaused = isPaused;
  854.         }
  855.         if (isEnded !== undefined) {
  856.           state.nppStatus.isEnded[nppType] = isEnded;
  857.         }
  858.       } else {
  859.         if (isPaused !== undefined) {
  860.           state.defaultStatus.isPaused = isPaused;
  861.         }
  862.         if (isEnded !== undefined) {
  863.           state.defaultStatus.isEnded = isEnded;
  864.         }
  865.       }
  866.     },
  867.   };
  868.   const actions = {
  869.     pause: ({ commit, getters }) => {
  870.       commit('setStatus', { isPaused: true,  nppType: getters.nppType });
  871.     },
  872.     relive: ({ commit, getters }) => {
  873.       commit('setStatus', { isEnded: false,  nppType: getters.nppType });
  874.     },
  875.     resume: ({ commit, getters }) => {
  876.       commit('setStatus', { isPaused: false,  nppType: getters.nppType });
  877.     },
  878.     start: async({ state, dispatch, getters, rootGetters }, { times = Infinity, force = false, isFirst = false } = {}) => {
  879.       await dispatch('resume');
  880.       if (force) {
  881.         await dispatch('relive');
  882.       }
  883.       if (getters.status.isEnded || times <= 0) {
  884.         return;
  885.       }
  886.       if (getters.nppType >= 0 && isFirst) {
  887.         const profile = await PixivAPI.getUserProfileData(rootGetters.sp.id);
  888.         state.prefetchPool.illusts.push(...Object.keys(profile.illusts));
  889.         state.prefetchPool.manga.push(...Object.keys(profile.manga));
  890.         state.prefetchPool.illusts.sort((i, j) => j - i);
  891.         state.prefetchPool.manga.sort((i, j) => j - i);
  892.       }
  893.       switch (rootGetters.MPT) {
  894.       case MAIN_PAGE_TYPE.SEARCH:
  895.       case MAIN_PAGE_TYPE.FOLLOWED_NEWS:
  896.       case MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS:
  897.       case MAIN_PAGE_TYPE.SELF_BOOKMARK:
  898.         await dispatch('startNextUrlBased', { times });
  899.         break;
  900.       case MAIN_PAGE_TYPE.NEW_PROFILE:
  901.         await dispatch('startPrefetchBased', { pool: 'all', times  });
  902.         break;
  903.       case MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST:
  904.         await dispatch('startPrefetchBased', { pool: 'illusts', times });
  905.         break;
  906.       case MAIN_PAGE_TYPE.NEW_PROFILE_MANGA:
  907.         await dispatch('startPrefetchBased', { pool: 'manga', times });
  908.         break;
  909.       case MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK:
  910.         await dispatch('startMovingWindowBased', { times });
  911.         break;
  912.       default:
  913.         $print.error('Unknown main page type', rootGetters.MPT);
  914.         break;
  915.       }
  916.     },
  917.     startMovingWindowBased: async({ state, dispatch, getters, rootGetters }, { times = Infinity, rest = null } = {}) => {
  918.       while (!getters.status.isPaused && !getters.status.isEnded && times) {
  919.         let illustIds = [], maxTotal = Infinity;
  920.         const _rest = rest || rootGetters.sp.rest || 'show';
  921.         const _uid = rootGetters.sp.id;
  922.         let cIndex = (_rest === 'show') ? state.moveWindowIndex : state.moveWindowPrivateBookmarkIndex;
  923.         if (getters.nppType >= 0) {
  924.           const opt = { limit: getters.batchSize, offset: cIndex, rest: _rest };
  925.           const { works, total } = await PixivAPI.getUserBookmarkData(_uid, opt);
  926.           if (!works) {
  927.             await dispatch('stop');
  928.             break;
  929.           }
  930.           maxTotal = total;
  931.           illustIds.push(...works.map((d) => d.id));
  932.         }
  933.         cIndex += getters.batchSize;
  934.         if (getters.nppType >= 0 && _rest === 'hide') {
  935.           state.moveWindowPrivateBookmarkIndex = cIndex;
  936.         } else {
  937.           state.moveWindowIndex = cIndex;
  938.         }
  939.         const illustDataGroup = await PixivAPI.getIllustDataGroup(illustIds);
  940.         const userIds = Object.values(illustDataGroup).map(d => d.userId);
  941.         const userDataGroup = await PixivAPI.getUserDataGroup(userIds);
  942.         const libraryData = makeLibraryData({
  943.           illustDataGroup,
  944.           userDataGroup,
  945.         });
  946.         for (const d of libraryData) {
  947.           if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) {
  948.             state.imageItemLibrary.push(d);
  949.           }
  950.         }
  951.         times -= 1;
  952.         if (!times) {
  953.           await dispatch('pause');
  954.         }
  955.         if (cIndex > maxTotal) {
  956.           await dispatch('stop');
  957.         }
  958.       }
  959.     },
  960.     startNextUrlBased: async({ state, dispatch, getters, rootGetters }, { times = Infinity } = {}) => {
  961.       while (!getters.status.isPaused && !getters.status.isEnded && times) {
  962.         let page = null;
  963.         if ([MAIN_PAGE_TYPE.SEARCH, MAIN_PAGE_TYPE.FOLLOWED_NEWS].includes(rootGetters.MPT)) {
  964.           page = await PixivAPI.getIllustIdsInPageHTML(state.nextUrl);
  965.         } else {
  966.           page = await PixivAPI.getIllustIdsInLegacyPageHTML(state.nextUrl);
  967.         }
  968.         state.nextUrl = page.nextUrl;
  969.         const illustDataGroup = await PixivAPI.getIllustDataGroup(page.illustIds);
  970.         const userIds = Object.values(illustDataGroup).map(d => d.userId);
  971.         const userDataGroup = await PixivAPI.getUserDataGroup(userIds);
  972.         const libraryData = makeLibraryData({
  973.           illustDataGroup,
  974.           userDataGroup,
  975.         });
  976.         for (const d of libraryData) {
  977.           if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) {
  978.             state.imageItemLibrary.push(d);
  979.           }
  980.         }
  981.         times -= 1;
  982.         if (!times) {
  983.           await dispatch('pause');
  984.         }
  985.         if (!state.nextUrl) {
  986.           await dispatch('stop');
  987.         }
  988.       }
  989.     },
  990.     startPrefetchBased: async({ state, dispatch, getters }, { times = Infinity, pool = 'all' } = {}) => {
  991.       const pPool = state.prefetchPool;
  992.       let todoPool = [];
  993.       if (pool === 'all') {
  994.         todoPool.push(...pPool.illusts);
  995.         todoPool.push(...pPool.manga);
  996.       } else {
  997.         todoPool.push(...pPool[pool]);
  998.       }
  999.       while (!getters.status.isPaused && !getters.status.isEnded && times) {
  1000.         if (!todoPool.length) {
  1001.           await dispatch('stop');
  1002.         }
  1003.         const illustIds = todoPool.splice(0, getters.batchSize);
  1004.         if (pool === 'all') {
  1005.           illustIds.forEach((id) => {
  1006.             const ii = pPool.illusts.indexOf(id);
  1007.             if (ii >= 0) {
  1008.               pPool.illusts.splice(ii, 1);
  1009.             }
  1010.             const mi = pPool.manga.indexOf(id);
  1011.             if (mi >= 0) {
  1012.               pPool.manga.splice(mi, 1);
  1013.             }
  1014.           });
  1015.         }
  1016.         const illustDataGroup = await PixivAPI.getIllustDataGroup(illustIds);
  1017.         const userIds = Object.values(illustDataGroup).map(d => d.userId);
  1018.         const userDataGroup = await PixivAPI.getUserDataGroup(userIds);
  1019.         const libraryData = makeLibraryData({
  1020.           illustDataGroup,
  1021.           userDataGroup,
  1022.         });
  1023.         for (const d of libraryData) {
  1024.           if (!state.imageItemLibrary.find(x => x.illustId === d.illustId)) {
  1025.             state.imageItemLibrary.push(d);
  1026.           }
  1027.         }
  1028.         times -= 1;
  1029.         if (!times) {
  1030.           await dispatch('pause');
  1031.         }
  1032.         if (!todoPool.length) {
  1033.           await dispatch('stop');
  1034.         }
  1035.       }
  1036.     },
  1037.     stop: ({ commit, getters }) => {
  1038.       commit('setStatus', { isEnded: true, isPaused: true,  nppType: getters.nppType });
  1039.     },
  1040.   };
  1041.   var pixiv = {
  1042.     actions,
  1043.     getters,
  1044.     mutations,
  1045.     namespaced: true,
  1046.     state,
  1047.   };
  1048.   const state$1 = {
  1049.     active: false,
  1050.     data: null,
  1051.     position: { x: -1e7, y: -1e7 },
  1052.   };
  1053.   const getters$1 = {
  1054.     active: (state) => state.active,
  1055.     data: (state) => state.data,
  1056.     pos: (state) => state.position,
  1057.   };
  1058.   const mutations$1 =  {
  1059.     activate: (state, payload) => {
  1060.       state.active = true;
  1061.       state.position = payload.position;
  1062.       state.data = payload.data;
  1063.     },
  1064.     deactivate: (state) => {
  1065.       state.active = false;
  1066.       state.position = { x: -1e7, y: -1e7 };
  1067.     },
  1068.   };
  1069.   var contextMenu = {
  1070.     getters: getters$1,
  1071.     mutations: mutations$1,
  1072.     namespaced: true,
  1073.     state: state$1,
  1074.   };
  1075.   const state$2 = {
  1076.     data: null,
  1077.     mode: null,
  1078.   };
  1079.   const mutations$2 = {
  1080.     close: (state) => {
  1081.       state.mode = null;
  1082.     },
  1083.     open: (state, payload) => {
  1084.       Object.assign(state, payload);
  1085.     },
  1086.   };
  1087.   const getters$2 = {
  1088.     data: (state) => state.data,
  1089.     mode: (state) => state.mode,
  1090.   };
  1091.   var coverLayer = {
  1092.     getters: getters$2,
  1093.     mutations: mutations$2,
  1094.     namespaced: true,
  1095.     state: state$2,
  1096.   };
  1097.   Vue.use(Vuex);
  1098.   const _isSelfBookmarkPage = (mpt, loginId, uid) => {
  1099.     return (
  1100.       mpt === MAIN_PAGE_TYPE.SELF_BOOKMARK ||
  1101.       (mpt === MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK &&
  1102.         loginId === uid)
  1103.     );
  1104.   };
  1105.   const _getSearchParam = () => {
  1106.     const s = new URLSearchParams(location.search);
  1107.     const ret = {};
  1108.     [...s.entries()].reduce((collect, [k, v]) => {
  1109.       collect[k] = v;
  1110.       return collect;
  1111.     }, ret);
  1112.     return ret;
  1113.   };
  1114.   const modules = { contextMenu, coverLayer, pixiv };
  1115.   const state$3 = {
  1116.     NAME: GM_info.script.name,
  1117.     VERSION: GM_info.script.version,
  1118.     config: {
  1119.       blacklist: [],
  1120.       contextMenu: 1,
  1121.       croppedThumb: 1,
  1122.       fitwidth: 1,
  1123.       hoverPlay: 1,
  1124.       sort: SORT_TYPE.ILLUST_ID,
  1125.       userTooltip: 1,
  1126.     },
  1127.     filters: {
  1128.       limit: 0,
  1129.       query: '',
  1130.     },
  1131.     locale: document.documentElement.lang.toLowerCase(),
  1132.     loginData: null,
  1133.     mainPageType: MAIN_PAGE_TYPE.NO_SUPPORT,
  1134.     mountPointCoverLayer: null,
  1135.     mountPointCtrlPanel: null,
  1136.     mountPointMainView: null,
  1137.     searchParam: {},
  1138.     unbookmarkedOnly: false,
  1139.   };
  1140.   const getters$3 = {
  1141.     MPT: (state) => state.mainPageType,
  1142.     config: (state) => state.config,
  1143.     filters: (state) => state.filters,
  1144.     isSelfBookmarkPage: (state) => _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id),
  1145.     locale: (state) => state.locale,
  1146.     loginData: (state) => state.loginData,
  1147.     mountPointCoverLayer: (state) => state.mountPointCoverLayer,
  1148.     mountPointCtrlPanel: (state) => state.mountPointCtrlPanel,
  1149.     mountPointMainView: (state) => state.mountPointMainView,
  1150.     orderBy: (state) => {
  1151.       switch (state.config.sort) {
  1152.       case SORT_TYPE.ILLUST_ID:
  1153.         return 'illustId';
  1154.       case SORT_TYPE.BOOKMARK_ID:
  1155.         return 'bookmarkId';
  1156.       case SORT_TYPE.BOOKMARK_COUNT:
  1157.         return 'bookmarkCount';
  1158.       default:
  1159.         $print.error('VuexStore#getters.orderBy:', state.config.sort);
  1160.         return 'illustId';
  1161.       }
  1162.     },
  1163.     sp: (state) => state.searchParam,
  1164.     unbookmarkedOnly: (state) => state.unbookmarkedOnly,
  1165.   };
  1166.   const mutations$3 = {
  1167.     afterInit: (state) => {
  1168.       const _sbp = _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id);
  1169.       if (_sbp) {
  1170.         state.config.sort = SORT_TYPE.BOOKMARK_ID;
  1171.       } else if (state.config.sort === SORT_TYPE.BOOKMARK_ID) {
  1172.         state.config.sort = SORT_TYPE.ILLUST_ID;
  1173.       }
  1174.       if (state.mainPageType === MAIN_PAGE_TYPE.SELF_BOOKMARK) {
  1175.         for (const marker of $$('.js-legacy-mark-all, .js-legacy-unmark-all')) {
  1176.           marker.addEventListener('click', () => {
  1177.             $$('input[name="book_id[]"]').forEach(el => {
  1178.               el.checked = marker.classList.contains('js-legacy-mark-all');
  1179.             });
  1180.           });
  1181.         }
  1182.         const sp = state.searchParam;
  1183.         if (sp.order && sp.order.includes('date')) {
  1184.           state.config.sort = SORT_TYPE.ILLUST_ID;
  1185.         } else {
  1186.           state.config.sort = SORT_TYPE.BOOKMARK_ID;
  1187.         }
  1188.       }
  1189.       removeAnnoyings();
  1190.     },
  1191.     applyConfig: (state) => {
  1192.       if (state.mainPageType !== MAIN_PAGE_TYPE.NO_SUPPORT) {
  1193.         if (state.config.fitwidth) {
  1194.           $$('.ω').forEach(el => el.classList.add('↔'));
  1195.         } else {
  1196.           $$('.ω').forEach(el => el.classList.remove('↔'));
  1197.         }
  1198.       }
  1199.     },
  1200.     loadConfig: (state) => {
  1201.       const config = JSON.parse(localStorage.getItem(state.NAME) || '{}');
  1202.       Object.assign(state.config, config);
  1203.     },
  1204.     saveConfig: (state) => {
  1205.       const storable = JSON.stringify(state.config);
  1206.       localStorage.setItem(state.NAME, storable);
  1207.     },
  1208.     setConfig: (state, payload) => {
  1209.       Object.assign(state.config, payload);
  1210.     },
  1211.     setFilters: (state, payload) => {
  1212.       Object.assign(state.filters, payload);
  1213.     },
  1214.     setMainPageType: (state, payload = {}) => {
  1215.       if (payload.forceSet) {
  1216.         state.mainPageType = payload.forceSet;
  1217.       } else {
  1218.         const path = location.pathname;
  1219.         const sp = state.searchParam;
  1220.         switch (path) {
  1221.         case '/search.php':
  1222.           state.mainPageType = MAIN_PAGE_TYPE.SEARCH;
  1223.           break;
  1224.         case '/bookmark_new_illust_r18.php':
  1225.         case '/bookmark_new_illust.php':
  1226.           state.mainPageType = MAIN_PAGE_TYPE.FOLLOWED_NEWS;
  1227.           break;
  1228.         case '/new_illust.php':
  1229.         case '/mypixiv_new_illust.php':
  1230.         case '/new_illust_r18.php':
  1231.           state.mainPageType = MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS;
  1232.           break;
  1233.         case '/member.php':
  1234.           state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE;
  1235.           break;
  1236.         case '/member_illust.php':
  1237.           if (sp.mode) {
  1238.             state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT;
  1239.             break;
  1240.           }
  1241.           if (sp.type === 'manga') {
  1242.             state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_MANGA;
  1243.           } else if (sp.type === 'illust') {
  1244.             state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST;
  1245.           } else {
  1246.             state.mainPageType = MAIN_PAGE_TYPE.NEW_PROFILE;
  1247.           }
  1248.           break;
  1249.         case '/bookmark.php': {
  1250.           if (sp.type === 'user' || sp.type === 'reg_user') {
  1251.             state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT;
  1252.           }
  1253.           else if (sp.id) {
  1254.             state.mainPageType =  MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK;
  1255.           } else {
  1256.             state.mainPageType = MAIN_PAGE_TYPE.SELF_BOOKMARK;
  1257.           }
  1258.           break;
  1259.         }
  1260.         default:
  1261.           state.mainPageType = MAIN_PAGE_TYPE.NO_SUPPORT;
  1262.           break;
  1263.         }
  1264.       }
  1265.       const _sbp = _isSelfBookmarkPage(state.mainPageType, state.loginData.id, state.searchParam.id);
  1266.       if (!_sbp && state.config.sort === SORT_TYPE.BOOKMARK_ID) {
  1267.         state.config.sort = SORT_TYPE.ILLUST_ID;
  1268.       }
  1269.     },
  1270.     toggleUnbookmarkedOnly: (state) => {
  1271.       state.unbookmarkedOnly = !state.unbookmarkedOnly;
  1272.     },
  1273.     updateSearchParam: (state) => {
  1274.       state.searchParam = _getSearchParam();
  1275.     },
  1276.   };
  1277.   const actions$1 = {
  1278.     init: async({ state, commit, dispatch }) => {
  1279.       if (window.globalInitData && window.globalInitData.userData) {
  1280.         const u = window.globalInitData.userData;
  1281.         state.loginData = { id: u.id };
  1282.       } else if (window.pixiv && window.pixiv.user) {
  1283.         const u = window.pixiv.user;
  1284.         state.loginData = { id: u.id };
  1285.       } else {
  1286.         throw new InitError('The page has no any login user data.');
  1287.       }
  1288.       commit('updateSearchParam');
  1289.       commit('setMainPageType');
  1290.       if (state.mainPageType !== MAIN_PAGE_TYPE.NO_SUPPORT) {
  1291.         commit('loadConfig');
  1292.         await dispatch('setMountPoints');
  1293.         commit('afterInit');
  1294.         commit('applyConfig');
  1295.         commit('saveConfig');
  1296.       }
  1297.     },
  1298.     setMountPoints: async({ state, getters }) => {
  1299.       $$('#wrapper').forEach(el => el.classList.add('ω'));
  1300.       state.mountPointCoverLayer = $el('div', null, (el) => {
  1301.         document.body.appendChild(el);
  1302.       });
  1303.       state.mountPointCtrlPanel = $el('div', null, async(el) => {
  1304.         if (getters['pixiv/nppType'] >= 0) {
  1305.           await $ready(() => $('.sLHPYEz, ._3CsQgM9'));
  1306.           $('.sLHPYEz, ._3CsQgM9').parentNode.insertAdjacentElement('afterend', el);
  1307.         } else {
  1308.           $('header._global-header').insertAdjacentElement('afterend', el);
  1309.         }
  1310.       });
  1311.       switch (state.mainPageType) {
  1312.       case MAIN_PAGE_TYPE.SEARCH:
  1313.         state.mountPointMainView = $('#js-react-search-mid');
  1314.         break;
  1315.       case MAIN_PAGE_TYPE.FOLLOWED_NEWS:
  1316.         state.mountPointMainView = $('#js-mount-point-latest-following');
  1317.         break;
  1318.       case MAIN_PAGE_TYPE.ANCIENT_FOLLOWED_NEWS:
  1319.         state.mountPointMainView = $('ul._image-items');
  1320.         break;
  1321.       case MAIN_PAGE_TYPE.NEW_PROFILE:
  1322.       case MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK:
  1323.       case MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST:
  1324.       case MAIN_PAGE_TYPE.NEW_PROFILE_MANGA:
  1325.         await $ready(() => $('.g4R-bsH, ._9GTeZI7'));
  1326.         state.mountPointMainView = $('.g4R-bsH, ._9GTeZI7');
  1327.         break;
  1328.       case MAIN_PAGE_TYPE.SELF_BOOKMARK:
  1329.         state.mountPointMainView = $('.display_editable_works');
  1330.         break;
  1331.       default:
  1332.         break;
  1333.       }
  1334.     },
  1335.   };
  1336.   var vuexStore = new Vuex.Store({
  1337.     actions: actions$1,
  1338.     getters: getters$3,
  1339.     modules,
  1340.     mutations: mutations$3,
  1341.     state: state$3,
  1342.   });
  1343.   var script = {
  1344.     props: {
  1345.       icon: {
  1346.         default: '',
  1347.         type: String,
  1348.       },
  1349.     },
  1350.   };
  1351.   function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
  1352.   , shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
  1353.     if (typeof shadowMode !== 'boolean') {
  1354.       createInjectorSSR = createInjector;
  1355.       createInjector = shadowMode;
  1356.       shadowMode = false;
  1357.     }
  1358.     var options = typeof script === 'function' ? script.options : script;
  1359.     if (template && template.render) {
  1360.       options.render = template.render;
  1361.       options.staticRenderFns = template.staticRenderFns;
  1362.       options._compiled = true;
  1363.       if (isFunctionalTemplate) {
  1364.         options.functional = true;
  1365.       }
  1366.     }
  1367.     if (scopeId) {
  1368.       options._scopeId = scopeId;
  1369.     }
  1370.     var hook;
  1371.     if (moduleIdentifier) {
  1372.       hook = function hook(context) {
  1373.         context = context ||
  1374.         this.$vnode && this.$vnode.ssrContext ||
  1375.         this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
  1376.         if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
  1377.           context = __VUE_SSR_CONTEXT__;
  1378.         }
  1379.         if (style) {
  1380.           style.call(this, createInjectorSSR(context));
  1381.         }
  1382.         if (context && context._registeredComponents) {
  1383.           context._registeredComponents.add(moduleIdentifier);
  1384.         }
  1385.       };
  1386.       options._ssrRegister = hook;
  1387.     } else if (style) {
  1388.       hook = shadowMode ? function () {
  1389.         style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
  1390.       } : function (context) {
  1391.         style.call(this, createInjector(context));
  1392.       };
  1393.     }
  1394.     if (hook) {
  1395.       if (options.functional) {
  1396.         var originalRender = options.render;
  1397.         options.render = function renderWithStyleInjection(h, context) {
  1398.           hook.call(context);
  1399.           return originalRender(h, context);
  1400.         };
  1401.       } else {
  1402.         var existing = options.beforeCreate;
  1403.         options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
  1404.       }
  1405.     }
  1406.     return script;
  1407.   }
  1408.   var normalizeComponent_1 = normalizeComponent;
  1409.   const __vue_script__ = script;
  1410.   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))])};
  1411.   var __vue_staticRenderFns__ = [];
  1412.     const __vue_inject_styles__ = undefined;
  1413.     const __vue_scope_id__ = undefined;
  1414.     const __vue_module_identifier__ = undefined;
  1415.     const __vue_is_functional_template__ = false;
  1416.     var FontAwesomeIcon = normalizeComponent_1(
  1417.       { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
  1418.       __vue_inject_styles__,
  1419.       __vue_script__,
  1420.       __vue_scope_id__,
  1421.       __vue_is_functional_template__,
  1422.       __vue_module_identifier__,
  1423.       undefined,
  1424.       undefined
  1425.     );
  1426.   var script$1 = {
  1427.     props: {
  1428.       cropped: {
  1429.         default: true,
  1430.         type: Boolean,
  1431.       },
  1432.     },
  1433.   };
  1434.   const __vue_script__$1 = script$1;
  1435.   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"}})])};
  1436.   var __vue_staticRenderFns__$1 = [];
  1437.     const __vue_inject_styles__$1 = undefined;
  1438.     const __vue_scope_id__$1 = undefined;
  1439.     const __vue_module_identifier__$1 = undefined;
  1440.     const __vue_is_functional_template__$1 = false;
  1441.     var IconCropThumb = normalizeComponent_1(
  1442.       { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
  1443.       __vue_inject_styles__$1,
  1444.       __vue_script__$1,
  1445.       __vue_scope_id__$1,
  1446.       __vue_is_functional_template__$1,
  1447.       __vue_module_identifier__$1,
  1448.       undefined,
  1449.       undefined
  1450.     );
  1451.   var script$2 = {
  1452.     props: {
  1453.       double: {
  1454.         default: false,
  1455.         type: Boolean,
  1456.       },
  1457.     },
  1458.   };
  1459.   const __vue_script__$2 = script$2;
  1460.   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)"}})])])])};
  1461.   var __vue_staticRenderFns__$2 = [];
  1462.     const __vue_inject_styles__$2 = undefined;
  1463.     const __vue_scope_id__$2 = undefined;
  1464.     const __vue_module_identifier__$2 = undefined;
  1465.     const __vue_is_functional_template__$2 = false;
  1466.     var IconLayeredHearts = normalizeComponent_1(
  1467.       { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
  1468.       __vue_inject_styles__$2,
  1469.       __vue_script__$2,
  1470.       __vue_scope_id__$2,
  1471.       __vue_is_functional_template__$2,
  1472.       __vue_module_identifier__$2,
  1473.       undefined,
  1474.       undefined
  1475.     );
  1476.   var script$3 = {
  1477.     components: {
  1478.       FontAwesomeIcon,
  1479.       IconCropThumb,
  1480.       IconLayeredHearts,
  1481.     },
  1482.     props: {
  1483.       id: {
  1484.         default: '',
  1485.         type: String,
  1486.       },
  1487.     },
  1488.     data() {
  1489.       return {
  1490.         debounceId4sortInput: null,
  1491.         debounceId4tagsFilter: null,
  1492.         sortingOrderSwitchOn: false,
  1493.         unbookmarkedOnly: this.$store.getters.unbookmarkedOnly,
  1494.         usualList: [100, 500, 1000, 3000, 5000, 10000],
  1495.         usualSwitchOn: false,
  1496.       };
  1497.     },
  1498.     computed: {
  1499.       buttonMsg() {
  1500.         if (this.status.isEnded) {
  1501.           return this.$t('ctrlPanel.buttonEnd');
  1502.         } else if (this.status.isPaused) {
  1503.           return this.$t('ctrlPanel.buttonGo');
  1504.         } else {
  1505.           return this.$t('ctrlPanel.buttonPause');
  1506.         }
  1507.       },
  1508.       filters() {
  1509.         return this.$store.getters.filters;
  1510.       },
  1511.       isSelfBookmarkPage() {
  1512.         return this.$store.getters.isSelfBookmarkPage;
  1513.       },
  1514.       processedCountMsg() {
  1515.         const rootGetters = this.$store.getters;
  1516.         const isNewProfilePage = rootGetters['pixiv/nppType'] >= 0;
  1517.         let indices = null;
  1518.         if (isNewProfilePage) {
  1519.           indices = rootGetters['pixiv/nppDisplayIndices'];
  1520.         } else {
  1521.           indices = rootGetters['pixiv/defaultDisplayIndices'];
  1522.         }
  1523.         const { shows, hides } = indices;
  1524.         return `${shows.length} / ${shows.length + hides.length}`;
  1525.       },
  1526.       sortingOrderMsg() {
  1527.         switch (this.xc.sort) {
  1528.         case SORT_TYPE.BOOKMARK_COUNT:
  1529.           return this.$t('ctrlPanel.sortByPopularity');
  1530.         case SORT_TYPE.ILLUST_ID:
  1531.           return this.$t('ctrlPanel.sortByDate');
  1532.         default:
  1533.           return this.$t('ctrlPanel.sortByBookmarkId');
  1534.         }
  1535.       },
  1536.       status() {
  1537.         return this.$store.getters['pixiv/status'];
  1538.       },
  1539.       statusClass() {
  1540.         const _s = this.status;
  1541.         return {
  1542.           end: _s.isEnded,
  1543.           go: _s.isPaused && !_s.isEnded,
  1544.           paused: !_s.isPaused && !_s.isEnded,
  1545.         };
  1546.       },
  1547.       xc() {
  1548.         return this.$store.getters.config;
  1549.       },
  1550.     },
  1551.     methods: {
  1552.       clickMainButton() {
  1553.         if (this.status.isPaused) {
  1554.           this.$store.dispatch('pixiv/start');
  1555.         } else {
  1556.           this.$store.dispatch('pixiv/pause');
  1557.         }
  1558.       },
  1559.       clickSortingOrder(event) {
  1560.         const ct = event.currentTarget;
  1561.         switch (ct.id) {
  1562.         case 'koakuma-sorting-order-by-popularity':
  1563.           this.$store.commit('setConfig', { sort: SORT_TYPE.BOOKMARK_COUNT });
  1564.           break;
  1565.         case 'koakuma-sorting-order-by-bookmark-id':
  1566.           this.$store.commit('setConfig', { sort: SORT_TYPE.BOOKMARK_ID });
  1567.           break;
  1568.         default:
  1569.           this.$store.commit('setConfig', { sort: SORT_TYPE.ILLUST_ID });
  1570.           break;
  1571.         }
  1572.         this.$store.commit('saveConfig');
  1573.         this.$store.commit('applyConfig');
  1574.         this.sortingOrderSwitchOn = false;
  1575.       },
  1576.       clickUsual(event) {
  1577.         this.$store.commit('setFilters', {
  1578.           limit: toInt(event.currentTarget.textContent),
  1579.         });
  1580.         this.usualSwitchOn = false;
  1581.       },
  1582.       openCoverLayerInConfigMode() {
  1583.         this.$store.commit('coverLayer/open', { data: null, mode: 'config' });
  1584.       },
  1585.       optionsChange(event) {
  1586.         if (event.target.closest('#koakuma-options-width-compress')) {
  1587.           this.$store.commit('setConfig', { fitwidth: false });
  1588.         } else if (event.target.closest('#koakuma-options-width-expand')) {
  1589.           this.$store.commit('setConfig', { fitwidth: true });
  1590.         }
  1591.         this.$store.commit('saveConfig');
  1592.         this.$store.commit('applyConfig');
  1593.       },
  1594.       sortInputInput(event) {
  1595.         if (this.debounceId4sortInput) {
  1596.           clearTimeout(this.debounceId4sortInput);
  1597.         }
  1598.         this.debounceId4sortInput = setTimeout(() => {
  1599.           this.debounceId4sortInput = null;
  1600.           this.$store.commit('setFilters', {
  1601.             limit: Math.max(0, toInt(event.target.value)),
  1602.           });
  1603.         }, 500);
  1604.       },
  1605.       sortInputWheel(event) {
  1606.         if (event.deltaY < 0) {
  1607.           this.$store.commit('setFilters', {
  1608.             limit: toInt(event.target.value) + 20,
  1609.           });
  1610.         } else {
  1611.           this.$store.commit('setFilters', {
  1612.             limit: Math.max(0, toInt(event.target.value) - 20),
  1613.           });
  1614.         }
  1615.       },
  1616.       tagsFilterInput(event) {
  1617.         if (this.debounceId4tagsFilter) {
  1618.           clearTimeout(this.debounceId4tagsFilter);
  1619.         }
  1620.         this.debounceId4tagsFilter = setTimeout(() => {
  1621.           this.debounceId4tagsFilter = null;
  1622.           this.$store.commit('setFilters', {
  1623.             query: event.target.value,
  1624.           });
  1625.         }, 1500);
  1626.       },
  1627.       toggleCroppedThumb() {
  1628.         this.$store.commit('setConfig', {
  1629.           croppedThumb: !this.xc.croppedThumb,
  1630.         });
  1631.         this.$store.commit('saveConfig');
  1632.       },
  1633.       toggleUnbookmarkedOnly() {
  1634.         this.$store.commit('toggleUnbookmarkedOnly');
  1635.         this.unbookmarkedOnly = this.$store.getters.unbookmarkedOnly;
  1636.       },
  1637.     },
  1638.   };
  1639.   var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
  1640.   function createInjector(context) {
  1641.     return function (id, style) {
  1642.       return addStyle(id, style);
  1643.     };
  1644.   }
  1645.   var HEAD;
  1646.   var styles = {};
  1647.   function addStyle(id, css) {
  1648.     var group = isOldIE ? css.media || 'default' : id;
  1649.     var style = styles[group] || (styles[group] = {
  1650.       ids: new Set(),
  1651.       styles: []
  1652.     });
  1653.     if (!style.ids.has(id)) {
  1654.       style.ids.add(id);
  1655.       var code = css.source;
  1656.       if (css.map) {
  1657.         code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
  1658.         code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
  1659.       }
  1660.       if (!style.element) {
  1661.         style.element = document.createElement('style');
  1662.         style.element.type = 'text/css';
  1663.         if (css.media) style.element.setAttribute('media', css.media);
  1664.         if (HEAD === undefined) {
  1665.           HEAD = document.head || document.getElementsByTagName('head')[0];
  1666.         }
  1667.         HEAD.appendChild(style.element);
  1668.       }
  1669.       if ('styleSheet' in style.element) {
  1670.         style.styles.push(code);
  1671.         style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n');
  1672.       } else {
  1673.         var index = style.ids.size - 1;
  1674.         var textNode = document.createTextNode(code);
  1675.         var nodes = style.element.childNodes;
  1676.         if (nodes[index]) style.element.removeChild(nodes[index]);
  1677.         if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
  1678.       }
  1679.     }
  1680.   }
  1681.   var browser = createInjector;
  1682.   const __vue_script__$3 = script$3;
  1683.   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)])])};
  1684.   var __vue_staticRenderFns__$3 = [];
  1685.     const __vue_inject_styles__$3 = function (inject) {
  1686.       if (!inject) return
  1687.       inject("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 });
  1688.     };
  1689.     const __vue_scope_id__$3 = "data-v-039298e9";
  1690.     const __vue_module_identifier__$3 = undefined;
  1691.     const __vue_is_functional_template__$3 = false;
  1692.     var ctrlPanel = normalizeComponent_1(
  1693.       { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
  1694.       __vue_inject_styles__$3,
  1695.       __vue_script__$3,
  1696.       __vue_scope_id__$3,
  1697.       __vue_is_functional_template__$3,
  1698.       __vue_module_identifier__$3,
  1699.       browser,
  1700.       undefined
  1701.     );
  1702.   const GMC = {
  1703.     async XHR(details) {
  1704.       const xhr = window.GM_xmlhttpRequest || (GM ? GM.xmlHttpRequest : null);
  1705.       if (!xhr) {
  1706.         return Promise.reject();
  1707.       }
  1708.       return new Promise((resolve, reject) => {
  1709.         Object.assign(details, {
  1710.           onabort: reject,
  1711.           onerror: reject,
  1712.           onload: resolve,
  1713.           ontimeout: reject,
  1714.         });
  1715.         xhr(details);
  1716.       });
  1717.     },
  1718.     async getValue(name, failv = null) {
  1719.       if (window.GM_getValue) {
  1720.         return Promise.resolve(GM_getValue(name) || failv);
  1721.       } else {
  1722.         return (await GM.getValue(name)) || failv;
  1723.       }
  1724.     },
  1725.     async setValue(name, value) {
  1726.       if (window.GM_setValue) {
  1727.         GM_setValue(name, value);
  1728.       } else {
  1729.         GM.setValue(name, value);
  1730.       }
  1731.     },
  1732.   };
  1733.   var script$4 = {
  1734.     components: { FontAwesomeIcon },
  1735.     computed: {
  1736.       bookmarkPageLink() {
  1737.         if (!this.xdata) {
  1738.           return '#';
  1739.         }
  1740.         return `bookmark_add.php?type=illust&illust_id=${this.xdata.illustId}`;
  1741.       },
  1742.       currentImageItem() {
  1743.         if (!this.xdata) {
  1744.           return null;
  1745.         }
  1746.         const lib = this.$store.getters['pixiv/imageItemLibrary'];
  1747.         const found = lib.find(i => i.illustId === this.xdata.illustId);
  1748.         return found ? found : null;
  1749.       },
  1750.       currentType() {
  1751.         if (!this.xdata) {
  1752.           return '';
  1753.         }
  1754.         return this.xdata.type;
  1755.       },
  1756.       inlineStyle() {
  1757.         const RIGHT_BOUND = 200;
  1758.         const position = this.xpos;
  1759.         const ow = document.body.offsetWidth;
  1760.         let style = `top: ${position.y}px;`;
  1761.         if (ow - position.x < RIGHT_BOUND) {
  1762.           style += `right: ${ow - position.x}px;`;
  1763.         } else {
  1764.           style += `left: ${position.x}px;`;
  1765.         }
  1766.         return style;
  1767.       },
  1768.       isDownloadable() {
  1769.         return (
  1770.           this.currentImageItem &&
  1771.           this.currentImageItem.illustPageCount === 1 &&
  1772.           !this.currentImageItem.isUgoira
  1773.         );
  1774.       },
  1775.       isUgoira() {
  1776.         return this.currentImageItem && this.currentImageItem.isUgoira;
  1777.       },
  1778.       xdata() {
  1779.         return this.$store.getters['contextMenu/data'];
  1780.       },
  1781.       xpos() {
  1782.         return this.$store.getters['contextMenu/pos'];
  1783.       },
  1784.     },
  1785.     methods: {
  1786.       addToBlacklist() {
  1787.         if (this.currentImageItem) {
  1788.           const userId = this.currentImageItem.userId;
  1789.           const blacklist = this.$store.getters.config.blacklist;
  1790.           blacklist.push(userId);
  1791.           blacklist.sort((a, b) => a - b);
  1792.           this.$store.commit('setConfig', { blacklist });
  1793.           this.$store.commit('saveConfig');
  1794.         }
  1795.       },
  1796.       async downloadOne() {
  1797.         const imgUrl = this.currentImageItem.urls.original;
  1798.         const illustId = this.currentImageItem.illustId;
  1799.         const a = $el('a', { href: imgUrl });
  1800.         const filename = a.pathname.split('/').pop();
  1801.         const ext = filename
  1802.           .split('.')
  1803.           .pop()
  1804.           .toLowerCase();
  1805.         const response = await GMC.XHR({
  1806.           method: 'GET',
  1807.           url: imgUrl,
  1808.           responseType: 'arraybuffer',
  1809.           binary: true,
  1810.           headers: {
  1811.             Referer: `https://www.pixiv.net/member_illust.php?mode=medium&illust_id=${illustId}`,
  1812.           },
  1813.         });
  1814.         if (ext === 'jpg' || ext === 'jpeg') {
  1815.           saveAs(new File([response.response], filename, { type: 'image/jpeg' }));
  1816.         } else if (ext === 'png') {
  1817.           saveAs(new File([response.response], filename, { type: 'image/png' }));
  1818.         }
  1819.       },
  1820.       async followUser() {
  1821.         if (this.currentImageItem) {
  1822.           const userId = this.currentImageItem.userId;
  1823.           if (await PixivAPI.postFollowUser(userId)) {
  1824.             this.$store.commit('pixiv/editImgItem', {
  1825.               type: 'follow-user',
  1826.               userId: this.currentImageItem.userId,
  1827.             });
  1828.           }
  1829.         }
  1830.       },
  1831.       openPreview() {
  1832.         this.$store.commit('coverLayer/open', {
  1833.           data: this.currentImageItem,
  1834.           mode: 'preview',
  1835.         });
  1836.       },
  1837.       thumbUp() {
  1838.         if (this.currentImageItem) {
  1839.           PixivAPI.postIllustLike(this.currentImageItem.illustId);
  1840.         }
  1841.       },
  1842.     },
  1843.   };
  1844.   const __vue_script__$4 = script$4;
  1845.   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)])])])};
  1846.   var __vue_staticRenderFns__$4 = [];
  1847.     const __vue_inject_styles__$4 = function (inject) {
  1848.       if (!inject) return
  1849.       inject("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 });
  1850.     };
  1851.     const __vue_scope_id__$4 = "data-v-9e5a37f4";
  1852.     const __vue_module_identifier__$4 = undefined;
  1853.     const __vue_is_functional_template__$4 = false;
  1854.     var ContextMenu = normalizeComponent_1(
  1855.       { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
  1856.       __vue_inject_styles__$4,
  1857.       __vue_script__$4,
  1858.       __vue_scope_id__$4,
  1859.       __vue_is_functional_template__$4,
  1860.       __vue_module_identifier__$4,
  1861.       browser,
  1862.       undefined
  1863.     );
  1864.   var script$5 = {
  1865.     props: {
  1866.       size: {
  1867.         default: 48,
  1868.         type: Number,
  1869.       },
  1870.     },
  1871.     computed: {
  1872.       inlineStyle() {
  1873.         return `height: ${this.size}px; width: ${this.size}px;`;
  1874.       },
  1875.     },
  1876.   };
  1877.   const __vue_script__$5 = script$5;
  1878.   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"}})])};
  1879.   var __vue_staticRenderFns__$5 = [];
  1880.     const __vue_inject_styles__$5 = function (inject) {
  1881.       if (!inject) return
  1882.       inject("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 });
  1883.     };
  1884.     const __vue_scope_id__$5 = "data-v-0b17ca5d";
  1885.     const __vue_module_identifier__$5 = undefined;
  1886.     const __vue_is_functional_template__$5 = false;
  1887.     var IconUgoiraPlay = normalizeComponent_1(
  1888.       { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
  1889.       __vue_inject_styles__$5,
  1890.       __vue_script__$5,
  1891.       __vue_scope_id__$5,
  1892.       __vue_is_functional_template__$5,
  1893.       __vue_module_identifier__$5,
  1894.       browser,
  1895.       undefined
  1896.     );
  1897.   var script$6 = {
  1898.     props: {
  1899.       actived: {
  1900.         default: false,
  1901.         type: Boolean,
  1902.       },
  1903.       isPrivate: {
  1904.         default: false,
  1905.         type: Boolean,
  1906.       },
  1907.     },
  1908.     computed: {
  1909.       classes() {
  1910.         return {
  1911.           ['ibh-active']: this.actived,
  1912.           ['ibh-inactive']: !this.actived,
  1913.           ['ibh-private']: this.isPrivate,
  1914.         };
  1915.       },
  1916.     },
  1917.   };
  1918.   const __vue_script__$6 = script$6;
  1919.   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"}})])};
  1920.   var __vue_staticRenderFns__$6 = [];
  1921.     const __vue_inject_styles__$6 = function (inject) {
  1922.       if (!inject) return
  1923.       inject("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 });
  1924.     };
  1925.     const __vue_scope_id__$6 = "data-v-688ed66c";
  1926.     const __vue_module_identifier__$6 = undefined;
  1927.     const __vue_is_functional_template__$6 = false;
  1928.     var IconBookmarkHeart = normalizeComponent_1(
  1929.       { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
  1930.       __vue_inject_styles__$6,
  1931.       __vue_script__$6,
  1932.       __vue_scope_id__$6,
  1933.       __vue_is_functional_template__$6,
  1934.       __vue_module_identifier__$6,
  1935.       browser,
  1936.       undefined
  1937.     );
  1938.   var script$7 = {
  1939.     props: {
  1940.       illustPageCount: {
  1941.         default: 1,
  1942.         type: Number,
  1943.       },
  1944.     },
  1945.   };
  1946.   const __vue_script__$7 = script$7;
  1947.   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))])])};
  1948.   var __vue_staticRenderFns__$7 = [];
  1949.     const __vue_inject_styles__$7 = function (inject) {
  1950.       if (!inject) return
  1951.       inject("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 });
  1952.     };
  1953.     const __vue_scope_id__$7 = "data-v-24bf7204";
  1954.     const __vue_module_identifier__$7 = undefined;
  1955.     const __vue_is_functional_template__$7 = false;
  1956.     var IndicatorMultiple = normalizeComponent_1(
  1957.       { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
  1958.       __vue_inject_styles__$7,
  1959.       __vue_script__$7,
  1960.       __vue_scope_id__$7,
  1961.       __vue_is_functional_template__$7,
  1962.       __vue_module_identifier__$7,
  1963.       browser,
  1964.       undefined
  1965.     );
  1966.   var script$8 = {
  1967.     components: { IconBookmarkHeart, IconUgoiraPlay, IndicatorMultiple },
  1968.     props: {
  1969.       bookmarkId: {
  1970.         default: '',
  1971.         type: String,
  1972.       },
  1973.       illustId: {
  1974.         default: '',
  1975.         type: String,
  1976.       },
  1977.       illustPageCount: {
  1978.         default: 1,
  1979.         type: Number,
  1980.       },
  1981.       imgUrl: {
  1982.         default: '',
  1983.         type: String,
  1984.       },
  1985.       isBookmarked: {
  1986.         default: false,
  1987.         type: Boolean,
  1988.       },
  1989.       isPrivateBookmark: {
  1990.         default: false,
  1991.         type: Boolean,
  1992.       },
  1993.       isUgoira: {
  1994.         default: false,
  1995.         type: Boolean,
  1996.       },
  1997.     },
  1998.     data() {
  1999.       return {
  2000.         selfIsBookmarked: this.isBookmarked,
  2001.         selfIsPrivateBookmark: this.isPrivateBookmark,
  2002.         ugoiraMeta: null,
  2003.         ugoiraPlayed: false,
  2004.         ugoiraPlayer: null,
  2005.       };
  2006.     },
  2007.     computed: {
  2008.       canHoverPlay() {
  2009.         return this.$store.getters.config.hoverPlay;
  2010.       },
  2011.       illustPageUrl() {
  2012.         return `/member_illust.php?mode=medium&illust_id=${this.illustId}`;
  2013.       },
  2014.       isSelfBookmarkPage() {
  2015.         return this.$store.getters.isSelfBookmarkPage;
  2016.       },
  2017.     },
  2018.     mounted() {
  2019.       this.$nextTick(async() => {
  2020.         if (this.isUgoira && this.canHoverPlay) {
  2021.           this.ugoiraMeta = await PixivAPI.getIllustUgoiraMetaData(this.illustId);
  2022.         }
  2023.       });
  2024.     },
  2025.     methods: {
  2026.       activateContextMenu(event) {
  2027.         if (this.$store.state.config.contextMenu) {
  2028.           event.preventDefault();
  2029.           const payload = {
  2030.             data: {
  2031.               illustId: this.illustId,
  2032.               type: 'image-item-image',
  2033.             },
  2034.             position: {
  2035.               x: event.clientX,
  2036.               y: event.clientY,
  2037.             },
  2038.           };
  2039.           this.$store.commit('contextMenu/activate', payload);
  2040.         }
  2041.       },
  2042.       controlUgoira(event) {
  2043.         if (!this.ugoiraMeta) {
  2044.           return;
  2045.         }
  2046.         if (!this.ugoiraPlayer) {
  2047.           try {
  2048.             this.ugoiraPlayer = new ZipImagePlayer({
  2049.               autosize: true,
  2050.               canvas: this.$refs.smallUgoiraPreview,
  2051.               chunkSize: 300000,
  2052.               loop: true,
  2053.               metadata: this.ugoiraMeta,
  2054.               source: this.ugoiraMeta.src,
  2055.             });
  2056.           } catch (error) {
  2057.             $print.error(error);
  2058.           }
  2059.         }
  2060.         if (this.canHoverPlay) {
  2061.           if (event.type === 'mouseenter') {
  2062.             this.ugoiraPlayed = true;
  2063.             this.ugoiraPlayer.play();
  2064.           } else {
  2065.             this.ugoiraPlayed = false;
  2066.             this.ugoiraPlayer.pause();
  2067.             this.ugoiraPlayer.rewind();
  2068.           }
  2069.         }
  2070.       },
  2071.       async oneClickBookmarkAdd() {
  2072.         if (!this.selfIsBookmarked) {
  2073.           if (await PixivAPI.postRPCAddBookmark(this.illustId)) {
  2074.             this.selfIsBookmarked = true;
  2075.           }
  2076.         } else {
  2077.           let bookmarkId = this.bookmarkId;
  2078.           if (!bookmarkId) {
  2079.             const data = await PixivAPI.getIllustBookmarkData(this.illustId);
  2080.             bookmarkId = data.bookmarkData.id;
  2081.           }
  2082.           if (await PixivAPI.postRPCDeleteBookmark(bookmarkId)) {
  2083.             this.selfIsBookmarked = false;
  2084.             this.selfIsPrivateBookmark = false;
  2085.           }
  2086.         }
  2087.         this.$store.commit('pixiv/editImgItem', {
  2088.           illustId: this.illustId,
  2089.           isBookmarked: this.selfIsBookmarked,
  2090.           type: 'edit-bookmarked',
  2091.         });
  2092.       },
  2093.     },
  2094.   };
  2095.   const __vue_script__$8 = script$8;
  2096.   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()])};
  2097.   var __vue_staticRenderFns__$8 = [];
  2098.     const __vue_inject_styles__$8 = function (inject) {
  2099.       if (!inject) return
  2100.       inject("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 });
  2101.     };
  2102.     const __vue_scope_id__$8 = "data-v-3ad0b8ac";
  2103.     const __vue_module_identifier__$8 = undefined;
  2104.     const __vue_is_functional_template__$8 = false;
  2105.     var DefaultImageItemImage = normalizeComponent_1(
  2106.       { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
  2107.       __vue_inject_styles__$8,
  2108.       __vue_script__$8,
  2109.       __vue_scope_id__$8,
  2110.       __vue_is_functional_template__$8,
  2111.       __vue_module_identifier__$8,
  2112.       browser,
  2113.       undefined
  2114.     );
  2115.   var script$9 = {
  2116.     components: { FontAwesomeIcon },
  2117.     props: {
  2118.       bookmarkCount: {
  2119.         default: 0,
  2120.         type: Number,
  2121.       },
  2122.       illustId: {
  2123.         default: '',
  2124.         type: String,
  2125.       },
  2126.       illustTitle: {
  2127.         default: '',
  2128.         type: String,
  2129.       },
  2130.       isFollowed: {
  2131.         default: false,
  2132.         type: Boolean,
  2133.       },
  2134.       profileImgUrl: {
  2135.         default: '',
  2136.         type: String,
  2137.       },
  2138.       userId: {
  2139.         default: '',
  2140.         type: String,
  2141.       },
  2142.       userName: {
  2143.         default: '',
  2144.         type: String,
  2145.       },
  2146.     },
  2147.     computed: {
  2148.       bookmarkDetailUrl() {
  2149.         return `/bookmark_detail.php?illust_id=${this.illustId}`;
  2150.       },
  2151.       bookmarkTooltipMsg() {
  2152.         return this.$t('mainView.bookmarkTooltip', {
  2153.           count: this.bookmarkCount,
  2154.         });
  2155.       },
  2156.       illustPageUrl() {
  2157.         return `/member_illust.php?mode=medium&illust_id=${this.illustId}`;
  2158.       },
  2159.       isEnableUserTooltip() {
  2160.         return this.$store.state.config.userTooltip;
  2161.       },
  2162.       profileImgStyle() {
  2163.         return {
  2164.           backgroundImage: `url(${this.profileImgUrl})`,
  2165.         };
  2166.       },
  2167.       userPageUrl() {
  2168.         return `/member_illust.php?id=${this.userId}`;
  2169.       },
  2170.     },
  2171.     methods: {
  2172.       activateContextMenu(event) {
  2173.         if (this.$store.state.config.contextMenu) {
  2174.           event.preventDefault();
  2175.           const payload = {
  2176.             position: {
  2177.               x: event.clientX,
  2178.               y: event.clientY,
  2179.             },
  2180.           };
  2181.           const ct = event.currentTarget;
  2182.           if (ct.classList.contains('user-info')) {
  2183.             payload.data = {
  2184.               illustId: this.illustId,
  2185.               type: 'image-item-title-user',
  2186.             };
  2187.           } else {
  2188.             payload.data = {
  2189.               illustId: this.illustId,
  2190.               type: 'image-item-image',
  2191.             };
  2192.           }
  2193.           this.$store.commit('contextMenu/activate', payload);
  2194.         }
  2195.       },
  2196.     },
  2197.   };
  2198.   const __vue_script__$9 = script$9;
  2199.   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()])])};
  2200.   var __vue_staticRenderFns__$9 = [];
  2201.     const __vue_inject_styles__$9 = function (inject) {
  2202.       if (!inject) return
  2203.       inject("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 });
  2204.     };
  2205.     const __vue_scope_id__$9 = "data-v-3c0faed8";
  2206.     const __vue_module_identifier__$9 = undefined;
  2207.     const __vue_is_functional_template__$9 = false;
  2208.     var DefaultImageItemTitle = normalizeComponent_1(
  2209.       { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
  2210.       __vue_inject_styles__$9,
  2211.       __vue_script__$9,
  2212.       __vue_scope_id__$9,
  2213.       __vue_is_functional_template__$9,
  2214.       __vue_module_identifier__$9,
  2215.       browser,
  2216.       undefined
  2217.     );
  2218.   var script$a = {
  2219.     components: { DefaultImageItemImage, DefaultImageItemTitle },
  2220.     props: {
  2221.       bookmarkCount: {
  2222.         default: 0,
  2223.         type: Number,
  2224.       },
  2225.       bookmarkId: {
  2226.         default: '',
  2227.         type: String,
  2228.       },
  2229.       illustId: {
  2230.         default: '',
  2231.         type: String,
  2232.       },
  2233.       illustPageCount: {
  2234.         default: 1,
  2235.         type: Number,
  2236.       },
  2237.       illustTitle: {
  2238.         default: '',
  2239.         type: String,
  2240.       },
  2241.       imgUrl: {
  2242.         default: '',
  2243.         type: String,
  2244.       },
  2245.       isBookmarked: {
  2246.         default: false,
  2247.         type: Boolean,
  2248.       },
  2249.       isFollowed: {
  2250.         default: false,
  2251.         type: Boolean,
  2252.       },
  2253.       isPrivateBookmark: {
  2254.         default: false,
  2255.         type: Boolean,
  2256.       },
  2257.       isUgoira: {
  2258.         default: false,
  2259.         type: Boolean,
  2260.       },
  2261.       profileImgUrl: {
  2262.         default: '',
  2263.         type: String,
  2264.       },
  2265.       userId: {
  2266.         default: '',
  2267.         type: String,
  2268.       },
  2269.       userName: {
  2270.         default: '',
  2271.         type: String,
  2272.       },
  2273.     },
  2274.   };
  2275.   const __vue_script__$a = script$a;
  2276.   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)])};
  2277.   var __vue_staticRenderFns__$a = [];
  2278.     const __vue_inject_styles__$a = function (inject) {
  2279.       if (!inject) return
  2280.       inject("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 });
  2281.     };
  2282.     const __vue_scope_id__$a = "data-v-149e5fa6";
  2283.     const __vue_module_identifier__$a = undefined;
  2284.     const __vue_is_functional_template__$a = false;
  2285.     var DefaultImageItem = normalizeComponent_1(
  2286.       { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
  2287.       __vue_inject_styles__$a,
  2288.       __vue_script__$a,
  2289.       __vue_scope_id__$a,
  2290.       __vue_is_functional_template__$a,
  2291.       __vue_module_identifier__$a,
  2292.       browser,
  2293.       undefined
  2294.     );
  2295.   var script$b = {
  2296.     components: { DefaultImageItem },
  2297.     computed: {
  2298.       defaultProcessedLibrary() {
  2299.         const { shows, hides } = this.displayIndices;
  2300.         const iiLib = this.$store.getters['pixiv/imageItemLibrary'];
  2301.         return shows.concat(hides).map(idx => iiLib[idx]);
  2302.       },
  2303.       displayIndices() {
  2304.         return this.$store.getters['pixiv/defaultDisplayIndices'];
  2305.       },
  2306.       imageToShowCount() {
  2307.         const { shows } = this.displayIndices;
  2308.         return shows.length;
  2309.       },
  2310.     },
  2311.     methods: {
  2312.       getThumbUrl(urls) {
  2313.         if (this.$store.getters.config.croppedThumb) {
  2314.           return urls.thumb;
  2315.         }
  2316.         return urls.regular;
  2317.       },
  2318.     },
  2319.   };
  2320.   const __vue_script__$b = script$b;
  2321.   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)};
  2322.   var __vue_staticRenderFns__$b = [];
  2323.     const __vue_inject_styles__$b = function (inject) {
  2324.       if (!inject) return
  2325.       inject("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 });
  2326.     };
  2327.     const __vue_scope_id__$b = "data-v-0d55836a";
  2328.     const __vue_module_identifier__$b = undefined;
  2329.     const __vue_is_functional_template__$b = false;
  2330.     var DefaultImageItemPage = normalizeComponent_1(
  2331.       { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
  2332.       __vue_inject_styles__$b,
  2333.       __vue_script__$b,
  2334.       __vue_scope_id__$b,
  2335.       __vue_is_functional_template__$b,
  2336.       __vue_module_identifier__$b,
  2337.       browser,
  2338.       undefined
  2339.     );
  2340.   var script$c = {
  2341.     components: {
  2342.       FontAwesomeIcon,
  2343.       IconBookmarkHeart,
  2344.       IconUgoiraPlay,
  2345.       IndicatorMultiple,
  2346.     },
  2347.     props: {
  2348.       bookmarkCount: {
  2349.         default: 0,
  2350.         type: Number,
  2351.       },
  2352.       bookmarkId: {
  2353.         default: '',
  2354.         type: String,
  2355.       },
  2356.       illustId: {
  2357.         default: '',
  2358.         type: String,
  2359.       },
  2360.       illustPageCount: {
  2361.         default: 1,
  2362.         type: Number,
  2363.       },
  2364.       illustTitle: {
  2365.         default: '',
  2366.         type: String,
  2367.       },
  2368.       isBookmarked: {
  2369.         default: false,
  2370.         type: Boolean,
  2371.       },
  2372.       isFollowed: {
  2373.         default: false,
  2374.         type: Boolean,
  2375.       },
  2376.       isUgoira: {
  2377.         default: false,
  2378.         type: Boolean,
  2379.       },
  2380.       profileImgUrl: {
  2381.         default: '',
  2382.         type: String,
  2383.       },
  2384.       showUserProfile: {
  2385.         default: true,
  2386.         type: Boolean,
  2387.       },
  2388.       thumbImgUrl: {
  2389.         default: '',
  2390.         type: String,
  2391.       },
  2392.       userId: {
  2393.         default: '',
  2394.         type: String,
  2395.       },
  2396.       userName: {
  2397.         default: '',
  2398.         type: String,
  2399.       },
  2400.     },
  2401.     data() {
  2402.       return {
  2403.         selfBookmarkId: this.bookmarkId,
  2404.         selfIsBookmarked: this.isBookmarked,
  2405.         ugoiraMeta: null,
  2406.         ugoiraPlayed: false,
  2407.         ugoiraPlayer: null,
  2408.       };
  2409.     },
  2410.     computed: {
  2411.       canHoverPlay() {
  2412.         return this.$store.getters.config.hoverPlay;
  2413.       },
  2414.       illustMainImgStyle() {
  2415.         return {
  2416.           backgroundImage: this.ugoiraPlayed ? 'none' : `url(${this.thumbImgUrl})`,
  2417.         };
  2418.       },
  2419.       illustPageUrl() {
  2420.         return `/member_illust.php?mode=medium&illust_id=${this.illustId}`;
  2421.       },
  2422.       profileImgStyle() {
  2423.         return {
  2424.           backgroundImage: `url(${this.profileImgUrl})`,
  2425.         };
  2426.       },
  2427.       userPageUrl() {
  2428.         return `/member_illust.php?id=${this.userId}`;
  2429.       },
  2430.     },
  2431.     mounted() {
  2432.       this.$nextTick(async() => {
  2433.         if (this.isUgoira && this.canHoverPlay) {
  2434.           this.ugoiraMeta = await PixivAPI.getIllustUgoiraMetaData(this.illustId);
  2435.         }
  2436.       });
  2437.     },
  2438.     methods: {
  2439.       activateContextMenu(event) {
  2440.         if (this.$store.getters.config.contextMenu) {
  2441.           event.preventDefault();
  2442.           const payload = {
  2443.             position: {
  2444.               x: event.clientX,
  2445.               y: event.clientY,
  2446.             },
  2447.           };
  2448.           const ct = event.currentTarget;
  2449.           if (ct.classList.contains('user-profile-name')) {
  2450.             payload.data = {
  2451.               illustId: this.illustId,
  2452.               type: 'image-item-title-user',
  2453.             };
  2454.           } else {
  2455.             payload.data = {
  2456.               illustId: this.illustId,
  2457.               type: 'image-item-image',
  2458.             };
  2459.           }
  2460.           this.$store.commit('contextMenu/activate', payload);
  2461.         }
  2462.       },
  2463.       controlUgoira(event) {
  2464.         if (!this.ugoiraMeta) {
  2465.           return;
  2466.         }
  2467.         if (!this.ugoiraPlayer) {
  2468.           try {
  2469.             this.ugoiraPlayer = new ZipImagePlayer({
  2470.               autosize: true,
  2471.               canvas: this.$refs.smallUgoiraPreview,
  2472.               chunkSize: 300000,
  2473.               loop: true,
  2474.               metadata: this.ugoiraMeta,
  2475.               source: this.ugoiraMeta.src,
  2476.             });
  2477.           } catch (error) {
  2478.             $print.error(error);
  2479.           }
  2480.         }
  2481.         if (this.canHoverPlay) {
  2482.           if (event.type === 'mouseenter') {
  2483.             this.ugoiraPlayed = true;
  2484.             this.ugoiraPlayer.play();
  2485.           } else {
  2486.             this.ugoiraPlayed = false;
  2487.             this.ugoiraPlayer.pause();
  2488.             this.ugoiraPlayer.rewind();
  2489.           }
  2490.         }
  2491.       },
  2492.       async oneClickBookmarkAdd() {
  2493.         if (!this.selfIsBookmarked) {
  2494.           if (await PixivAPI.postRPCAddBookmark(this.illustId)) {
  2495.             this.selfIsBookmarked = true;
  2496.           }
  2497.         } else {
  2498.           if (!this.selfBookmarkId) {
  2499.             const data = await PixivAPI.getIllustBookmarkData(this.illustId);
  2500.             this.selfBookmarkId = data.bookmarkData.id;
  2501.           }
  2502.           if (await PixivAPI.postRPCDeleteBookmark(this.selfBookmarkId)) {
  2503.             this.selfIsBookmarked = false;
  2504.           }
  2505.         }
  2506.         this.$store.commit('pixiv/editImgItem', {
  2507.           illustId: this.illustId,
  2508.           isBookmarked: this.selfIsBookmarked,
  2509.           type: 'edit-bookmarked',
  2510.         });
  2511.       },
  2512.     },
  2513.   };
  2514.   const __vue_script__$c = script$c;
  2515.   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))])])])};
  2516.   var __vue_staticRenderFns__$c = [];
  2517.     const __vue_inject_styles__$c = function (inject) {
  2518.       if (!inject) return
  2519.       inject("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 });
  2520.     };
  2521.     const __vue_scope_id__$c = "data-v-7f2906da";
  2522.     const __vue_module_identifier__$c = undefined;
  2523.     const __vue_is_functional_template__$c = false;
  2524.     var NewDefaultImageItem = normalizeComponent_1(
  2525.       { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
  2526.       __vue_inject_styles__$c,
  2527.       __vue_script__$c,
  2528.       __vue_scope_id__$c,
  2529.       __vue_is_functional_template__$c,
  2530.       __vue_module_identifier__$c,
  2531.       browser,
  2532.       undefined
  2533.     );
  2534.   var script$d = {};
  2535.   const __vue_script__$d = script$d;
  2536.   var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)};
  2537.   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"})])}];
  2538.     const __vue_inject_styles__$d = function (inject) {
  2539.       if (!inject) return
  2540.       inject("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 });
  2541.     };
  2542.     const __vue_scope_id__$d = "data-v-08feaed6";
  2543.     const __vue_module_identifier__$d = undefined;
  2544.     const __vue_is_functional_template__$d = false;
  2545.     var IconLoadingSpin = normalizeComponent_1(
  2546.       { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
  2547.       __vue_inject_styles__$d,
  2548.       __vue_script__$d,
  2549.       __vue_scope_id__$d,
  2550.       __vue_is_functional_template__$d,
  2551.       __vue_module_identifier__$d,
  2552.       browser,
  2553.       undefined
  2554.     );
  2555.   var script$e = {
  2556.     components: { IconLoadingSpin, NewDefaultImageItem },
  2557.     data() {
  2558.       return {
  2559.         routeIsInited: Array(NPP_TYPE_COUNT).fill(false),
  2560.       };
  2561.     },
  2562.     computed: {
  2563.       displayIndices() {
  2564.         return this.$store.getters['pixiv/nppDisplayIndices'];
  2565.       },
  2566.       hasNoResult() {
  2567.         return !this.imageToShowCount;
  2568.       },
  2569.       imageToShowCount() {
  2570.         const { shows } = this.displayIndices;
  2571.         return shows.length;
  2572.       },
  2573.       isSelfBookmarkPage() {
  2574.         return this.$store.getters.isSelfBookmarkPage;
  2575.       },
  2576.       nppProcessedLibrary() {
  2577.         const { shows, hides } = this.displayIndices;
  2578.         const iiLib = this.$store.getters['pixiv/imageItemLibrary'];
  2579.         return shows.concat(hides).map(idx => iiLib[idx]);
  2580.       },
  2581.       nppType() {
  2582.         return this.$store.getters['pixiv/nppType'];
  2583.       },
  2584.       rest() {
  2585.         return this.$store.getters.sp.rest;
  2586.       },
  2587.       status() {
  2588.         return this.$store.getters['pixiv/status'];
  2589.       },
  2590.       uid() {
  2591.         return this.$store.getters.sp.id;
  2592.       },
  2593.     },
  2594.     mounted() {
  2595.       this.$nextTick(() => {
  2596.         this.routeIsInited[this.nppType] = true;
  2597.       });
  2598.     },
  2599.     methods: {
  2600.       async clickRoute(event) {
  2601.         await this.$store.dispatch('pixiv/pause');
  2602.         const tid = event.currentTarget.id;
  2603.         const thref = event.currentTarget.href;
  2604.         if (this.isSamePath(location.href, thref)) {
  2605.           return;
  2606.         }
  2607.         history.pushState(null, '', thref);
  2608.         switch (tid) {
  2609.         case 'patchouli-npp-all':
  2610.           this.$store.commit('setMainPageType', {
  2611.             forceSet: MAIN_PAGE_TYPE.NEW_PROFILE,
  2612.           });
  2613.           break;
  2614.         case 'patchouli-npp-illust':
  2615.           this.$store.commit('setMainPageType', {
  2616.             forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_ILLUST,
  2617.           });
  2618.           break;
  2619.         case 'patchouli-npp-manga':
  2620.           this.$store.commit('setMainPageType', {
  2621.             forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_MANGA,
  2622.           });
  2623.           break;
  2624.         case 'patchouli-npp-bookmark':
  2625.         case 'patchouli-npp-view-bookmark-switch-public':
  2626.         case 'patchouli-npp-view-bookmark-switch-private':
  2627.           this.$store.commit('updateSearchParam');
  2628.           this.$store.commit('setMainPageType', {
  2629.             forceSet: MAIN_PAGE_TYPE.NEW_PROFILE_BOOKMARK,
  2630.           });
  2631.           break;
  2632.         default:
  2633.           break;
  2634.         }
  2635.         if (!this.routeIsInited[this.nppType]) {
  2636.           this.$store.dispatch('pixiv/start', { force: true, times: 1 });
  2637.           this.routeIsInited[this.nppType] = true;
  2638.         }
  2639.       },
  2640.       isSamePath(href0, href1) {
  2641.         const a0 = $el('a', { href: href0 });
  2642.         const a1 = $el('a', { href: href1 });
  2643.         if (a0.pathname !== a1.pathname) {
  2644.           return false;
  2645.         }
  2646.         const sp0 = new URLSearchParams(a0.search);
  2647.         const sp1 = new URLSearchParams(a1.search);
  2648.         const keysSet = new Set([...sp0.keys(), ...sp1.keys()]);
  2649.         for (const k of keysSet) {
  2650.           if (sp0.get(k) !== sp1.get(k)) {
  2651.             return false;
  2652.           }
  2653.         }
  2654.         return true;
  2655.       },
  2656.     },
  2657.   };
  2658.   const __vue_script__$e = script$e;
  2659.   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.hasNoResult),expression:"!hasNoResult"}],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.hasNoResult),expression:"hasNoResult"}],attrs:{"id":"patchouli-npp-view-no-result"}},[_vm._v(_vm._s(_vm.$t('mainView.newProfilePage.noResult')))]),_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)])])};
  2660.   var __vue_staticRenderFns__$e = [];
  2661.     const __vue_inject_styles__$e = function (inject) {
  2662.       if (!inject) return
  2663.       inject("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-result[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 });
  2664.     };
  2665.     const __vue_scope_id__$e = "data-v-aa4aafec";
  2666.     const __vue_module_identifier__$e = undefined;
  2667.     const __vue_is_functional_template__$e = false;
  2668.     var NewProfilePage = normalizeComponent_1(
  2669.       { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
  2670.       __vue_inject_styles__$e,
  2671.       __vue_script__$e,
  2672.       __vue_scope_id__$e,
  2673.       __vue_is_functional_template__$e,
  2674.       __vue_module_identifier__$e,
  2675.       browser,
  2676.       undefined
  2677.     );
  2678.   var script$f = {
  2679.     components: { ContextMenu, DefaultImageItemPage, NewProfilePage },
  2680.     props: {
  2681.       id: {
  2682.         default: '',
  2683.         type: String,
  2684.       },
  2685.     },
  2686.     computed: {
  2687.       isNewProfilePage() {
  2688.         return this.$store.getters['pixiv/nppType'] >= 0;
  2689.       },
  2690.     },
  2691.   };
  2692.   const __vue_script__$f = script$f;
  2693.   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)};
  2694.   var __vue_staticRenderFns__$f = [];
  2695.     const __vue_inject_styles__$f = undefined;
  2696.     const __vue_scope_id__$f = "data-v-ace52af6";
  2697.     const __vue_module_identifier__$f = undefined;
  2698.     const __vue_is_functional_template__$f = false;
  2699.     var mainView = normalizeComponent_1(
  2700.       { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
  2701.       __vue_inject_styles__$f,
  2702.       __vue_script__$f,
  2703.       __vue_scope_id__$f,
  2704.       __vue_is_functional_template__$f,
  2705.       __vue_module_identifier__$f,
  2706.       undefined,
  2707.       undefined
  2708.     );
  2709.   var script$g = {
  2710.     components: { FontAwesomeIcon },
  2711.     props: {
  2712.       id: {
  2713.         default: '',
  2714.         type: String,
  2715.       },
  2716.     },
  2717.     data() {
  2718.       return {
  2719.         previewCurrentIndex: 0,
  2720.         previewSrcList: [],
  2721.         previewUgoiraMetaData: null,
  2722.         ugoiraPlayers: [],
  2723.       };
  2724.     },
  2725.     computed: {
  2726.       xc() {
  2727.         return this.$store.getters.config;
  2728.       },
  2729.       xdata() {
  2730.         return this.$store.getters['coverLayer/data'];
  2731.       },
  2732.       xmode() {
  2733.         return this.$store.getters['coverLayer/mode'];
  2734.       },
  2735.     },
  2736.     watch: {
  2737.       async xmode(value) {
  2738.         if (value === 'preview') {
  2739.           const imageItem = this.xdata;
  2740.           if (imageItem.isUgoira) {
  2741.             this.previewUgoiraMetaData = await PixivAPI.getIllustUgoiraMetaData(
  2742.               imageItem.illustId
  2743.             );
  2744.             this.initZipImagePlayer();
  2745.             this.previewSrcList.push(imageItem.urls.thumb);
  2746.             this.previewSrcList.push(imageItem.urls.original);
  2747.           } else if (imageItem.illustPageCount > 1) {
  2748.             const indexArray = Array.from(
  2749.               Array(imageItem.illustPageCount).keys()
  2750.             );
  2751.             const srcs = indexArray.map(idx =>
  2752.               imageItem.urls.original.replace('p0', `p${idx}`)
  2753.             );
  2754.             this.previewSrcList.push(...srcs);
  2755.           } else {
  2756.             this.previewSrcList.push(imageItem.urls.original);
  2757.           }
  2758.         } else if (!value) {
  2759.           this.previewSrcList.length = 0;
  2760.           this.previewCurrentIndex = 0;
  2761.           this.previewUgoiraMetaData = null;
  2762.           this.ugoiraPlayers.forEach(player => player.stop());
  2763.           this.ugoiraPlayers.length = 0;
  2764.         }
  2765.       },
  2766.     },
  2767.     updated() {
  2768.       if (this.xmode === 'preview') {
  2769.         this.$refs.coverLayerRoot.focus();
  2770.       }
  2771.     },
  2772.     methods: {
  2773.       clickBase(event) {
  2774.         this.$store.commit('coverLayer/close');
  2775.         const blacklist = [
  2776.           ...new Set(
  2777.             this.$refs.blacklistTextarea.value
  2778.               .split('\n')
  2779.               .map(s => s.trim())
  2780.               .filter(Boolean)
  2781.           ),
  2782.         ];
  2783.         blacklist.sort((a, b) => a - b);
  2784.         this.$store.commit('setConfig', { blacklist });
  2785.         this.$store.commit('saveConfig');
  2786.       },
  2787.       clickSwitch(event) {
  2788.         if (event.currentTarget.id === 'config-context-menu-switch') {
  2789.           this.xc.contextMenu = toInt(!this.xc.contextMenu);
  2790.         }
  2791.         if (event.currentTarget.id === 'config-user-tooltip-switch') {
  2792.           this.xc.userTooltip = toInt(!this.xc.userTooltip);
  2793.         }
  2794.         if (event.currentTarget.id === 'config-hover-play-switch') {
  2795.           this.xc.hoverPlay = toInt(!this.xc.hoverPlay);
  2796.         }
  2797.       },
  2798.       initZipImagePlayer() {
  2799.         const meta = this.previewUgoiraMetaData;
  2800.         this.$refs.previewOriginalUgoiraCanvas.width = 0;
  2801.         this.$refs.previewUgoiraCanvas.width = 0;
  2802.         const opt = {
  2803.           autoStart: true,
  2804.           autosize: true,
  2805.           canvas: this.$refs.previewUgoiraCanvas,
  2806.           chunkSize: 300000,
  2807.           loop: true,
  2808.           metadata: meta,
  2809.           source: meta.src,
  2810.         };
  2811.         this.ugoiraPlayers.push(new ZipImagePlayer(opt));
  2812.         this.ugoiraPlayers.push(
  2813.           new ZipImagePlayer(
  2814.             Object.assign({}, opt, {
  2815.               canvas: this.$refs.previewOriginalUgoiraCanvas,
  2816.               source: meta.originalSrc,
  2817.             })
  2818.           )
  2819.         );
  2820.       },
  2821.       jumpByKeyup(event) {
  2822.         if (this.xmode === 'preview') {
  2823.           if (event.key === 'ArrowLeft') {
  2824.             this.jumpPrev();
  2825.           } else if (event.key === 'ArrowRight') {
  2826.             this.jumpNext();
  2827.           }
  2828.         }
  2829.       },
  2830.       jumpByWheel(event) {
  2831.         if (this.xmode === 'preview') {
  2832.           if (event.deltaY < 0) {
  2833.             this.jumpPrev();
  2834.           } else if (event.deltaY > 0) {
  2835.             this.jumpNext();
  2836.           }
  2837.         }
  2838.       },
  2839.       jumpNext() {
  2840.         const t = this.previewSrcList.length;
  2841.         const c = this.previewCurrentIndex;
  2842.         this.jumpTo((c + 1) % t);
  2843.       },
  2844.       jumpPrev() {
  2845.         const t = this.previewSrcList.length;
  2846.         const c = this.previewCurrentIndex;
  2847.         this.jumpTo((c + t - 1) % t);
  2848.       },
  2849.       jumpTo(index) {
  2850.         this.previewCurrentIndex = index;
  2851.       },
  2852.     },
  2853.   };
  2854.   const __vue_script__$g = script$g;
  2855.   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)])])};
  2856.   var __vue_staticRenderFns__$g = [];
  2857.     const __vue_inject_styles__$g = function (inject) {
  2858.       if (!inject) return
  2859.       inject("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 });
  2860.     };
  2861.     const __vue_scope_id__$g = "data-v-020aa59c";
  2862.     const __vue_module_identifier__$g = undefined;
  2863.     const __vue_is_functional_template__$g = false;
  2864.     var coverLayer$1 = normalizeComponent_1(
  2865.       { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
  2866.       __vue_inject_styles__$g,
  2867.       __vue_script__$g,
  2868.       __vue_scope_id__$g,
  2869.       __vue_is_functional_template__$g,
  2870.       __vue_module_identifier__$g,
  2871.       browser,
  2872.       undefined
  2873.     );
  2874.   if (unsafeWindow) {
  2875.     const { globalInitData, pixiv } = unsafeWindow;
  2876.     const { DataView, ArrayBuffer } = unsafeWindow;
  2877.     Object.assign(window, {
  2878.       ArrayBuffer,
  2879.       DataView,
  2880.       globalInitData,
  2881.       pixiv,
  2882.     });
  2883.   }
  2884.   vuexStore.dispatch('init')
  2885.     .then(() => {
  2886.       if (vuexStore.getters.MPT === MAIN_PAGE_TYPE.NO_SUPPORT) {
  2887.         return;
  2888.       }
  2889.       const Koakuma = new Vue({
  2890.         i18n,
  2891.         store: vuexStore,
  2892.         data: {
  2893.           name: 'Koakuma',
  2894.         },
  2895.         computed: {
  2896.           currentLocale() {
  2897.             return this.$store.getters.locale;
  2898.           },
  2899.         },
  2900.         watch: {
  2901.           currentLocale(newValue) {
  2902.             this.$i18n.locale = newValue;
  2903.           },
  2904.         },
  2905.         render(h) {
  2906.           return h(ctrlPanel, { props: { id: this.name } });
  2907.         },
  2908.       });
  2909.       const Patchouli = new Vue({
  2910.         i18n,
  2911.         store: vuexStore,
  2912.         data: {
  2913.           name: 'Patchouli',
  2914.         },
  2915.         computed: {
  2916.           currentLocale() {
  2917.             return this.$store.getters.locale;
  2918.           },
  2919.         },
  2920.         watch: {
  2921.           currentLocale(newValue) {
  2922.             this.$i18n.locale = newValue;
  2923.           },
  2924.         },
  2925.         render(h) {
  2926.           return h(mainView, { props: { id: this.name } });
  2927.         },
  2928.       });
  2929.       const Marisa = new Vue({
  2930.         i18n,
  2931.         store: vuexStore,
  2932.         data: {
  2933.           name: 'Marisa',
  2934.         },
  2935.         computed: {
  2936.           currentLocale() {
  2937.             return this.$store.getters.locale;
  2938.           },
  2939.         },
  2940.         watch: {
  2941.           currentLocale(newValue) {
  2942.             this.$i18n.locale = newValue;
  2943.           },
  2944.         },
  2945.         render(h) {
  2946.           return h(coverLayer$1, { props: { id: this.name } });
  2947.         },
  2948.       });
  2949.       if (vuexStore.getters['pixiv/nppType'] < 0) {
  2950.         $('._global-header').classList.add('koakuma-placeholder');
  2951.       }
  2952.       vuexStore.dispatch('pixiv/start', { isFirst: true, times: 1 })
  2953.         .then(() => {
  2954.           Patchouli.$mount(vuexStore.getters.mountPointMainView);
  2955.           Koakuma.$mount(vuexStore.getters.mountPointCtrlPanel);
  2956.           Marisa.$mount(vuexStore.getters.mountPointCoverLayer);
  2957.           vuexStore.commit('applyConfig');
  2958.           if (vuexStore.getters['pixiv/nppType'] < 0) {
  2959.             $('._global-header').classList.remove('koakuma-placeholder');
  2960.           }
  2961.         })
  2962.         .catch(error => {
  2963.           $print.error('main#init: Fail to first mount', error);
  2964.         });
  2965.       document.body.addEventListener('click', (event) => {
  2966.         const koakuma = Koakuma.$children[0];
  2967.         if (!event.target.closest('#koakuma-bookmark-input-usual-switch')) {
  2968.           koakuma.usualSwitchOn = false;
  2969.         }
  2970.         if (!event.target.closest('#koakuma-sorting-order-select-switch')) {
  2971.           koakuma.sortingOrderSwitchOn = false;
  2972.         }
  2973.         if (vuexStore.getters['contextMenu/active']) {
  2974.           vuexStore.commit('contextMenu/deactivate');
  2975.         }
  2976.       });
  2977.       if (vuexStore.getters.MPT === MAIN_PAGE_TYPE.SEARCH) {
  2978.         const menuItems = $('ul.menu-items');
  2979.         [...menuItems.children].forEach((item, index) => {
  2980.           const textContent = item.textContent;
  2981.           const a = $el('a', { href: 'javascript:;', textContent });
  2982.           item.removeChild(item.firstChild);
  2983.           item.appendChild(a);
  2984.           item.addEventListener('click', () => {
  2985.             [...menuItems.children].forEach(_item => _item.classList.remove('current'));
  2986.             item.classList.add('current');
  2987.             const target = $('#koakuma-bookmark-tags-filter-input');
  2988.             if (index === 1) {
  2989.               target.value = '-R-18';
  2990.             } else if (index === 2) {
  2991.               target.value = 'R-18';
  2992.             } else {
  2993.               target.value = '';
  2994.             }
  2995.             Koakuma.$children[0].tagsFilterInput({ target });
  2996.           });
  2997.         });
  2998.       }
  2999.       Object.assign(unsafeWindow, {
  3000.         Koakuma,
  3001.         Marisa,
  3002.         Patchouli,
  3003.         vuexStore,
  3004.       });
  3005.     })
  3006.     .catch($print.error);
  3007.  
  3008. }(Vue, VueI18n, Vuex));