E-Hentai / ExHentai quick tag search (custom profiles, multilingual search), visual search filters & search history, gallery tag colors & batch voting, visual My Tags management (batch editing, filter previews)
// ==UserScript==
// @name EH Quick Tag
// @name:zh-TW EH 快捷標籤
// @name:zh-CN EH 快捷标签
// @name:ja EH クイックタグ
// @name:ko EH 퀵 태그
// @namespace https://github.com/Tsuyumi25/EhQuickTag
// @version 0.23.1
// @author tsuyumi
// @description E-Hentai / ExHentai quick tag search (custom profiles, multilingual search), visual search filters & search history, gallery tag colors & batch voting, visual My Tags management (batch editing, filter previews)
// @description:zh-TW E-Hentai / ExHentai 快捷標籤搜尋（自訂配置、多語搜尋）、視覺化搜尋條件 & 搜尋歷史、圖庫標籤顯示顏色 & 批次投票、My Tags 視覺管理（批次編輯、過濾效果預覽）
// @description:zh-CN E-Hentai / ExHentai 快捷标签搜索（自定义配置、多语言搜索）、可视化搜索条件 & 搜索历史、图库标签显示颜色 & 批量投票、My Tags 可视化管理（批量编辑、过滤效果预览）
// @description:ja E-Hentai / ExHentai クイックタグ検索（カスタム設定、多言語検索）、検索条件の可視化 & 検索履歴、ギャラリータグの色表示 & 一括投票、My Tags ビジュアル管理（一括編集、フィルタリング結果のプレビュー）
// @description:ko E-Hentai / ExHentai 빠른 태그 검색(사용자 지정 설정, 다국어 검색), 검색 조건 시각화 & 검색 기록, 갤러리 태그 색상 표시 & 일괄 투표, My Tags 시각적 관리(일괄 편집, 필터링 결과 미리보기)
// @license MIT
// @icon https://e-hentai.org/favicon.ico
// @homepageURL https://github.com/Tsuyumi25/EhQuickTag
// @supportURL https://github.com/Tsuyumi25/EhQuickTag/issues
// @match https://exhentai.org/*
// @match https://e-hentai.org/*
// @connect raw.githubusercontent.com
// @connect cdn.jsdelivr.net
// @connect fastly.jsdelivr.net
// @connect gcore.jsdelivr.net
// @grant GM.deleteValue
// @grant GM.getValue
// @grant GM.listValues
// @grant GM.openInTab
// @grant GM.setValue
// @grant GM.xmlHttpRequest
// @grant GM_addStyle
// @grant unsafeWindow
// @run-at document-end
// ==/UserScript==
/*!
DOMPurify 3.4.16
Copyright Cure53 and other contributors
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
(function() {
'use strict';
var s = new Set();
var _css = async (t) => {
if (s.has(t)) return;
s.add(t);
((c) => {
if (typeof GM_addStyle === "function") GM_addStyle(c);
else (document.head || document.documentElement).appendChild(document.createElement("style")).append(c);
})(t);
};
_css(" .eqt-anchored-popover{z-index:var(--eqt-z-popover)}.eqt-color-picker{flex-direction:column;gap:6px;display:flex}.eqt-color-picker__picker{-webkit-user-select:none;user-select:none;width:100%;min-width:180px;height:180px}.eqt-color-picker__input-row{gap:4px;display:flex}.eqt-color-picker__input{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-elevated);min-width:0;color:var(--eqt-text);box-sizing:border-box;border-radius:3px;flex:1;padding:4px 6px;font-family:monospace;font-size:12px}.eqt-color-picker__input:focus{outline:none}.eqt-color-picker__copy{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-color-picker__copy{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-color-picker__copy{color:var(--eqt-text);flex-shrink:0;padding:4px 6px}.eqt-color-picker__copy:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-color-picker__copy:disabled{opacity:.4;cursor:not-allowed}.eqt-line-color__trigger{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-line-color__trigger:disabled{opacity:.3;cursor:default}.eqt-line-color__trigger{width:var(--eqt-row-h);height:var(--eqt-row-h);color:var(--eqt-text-hint);background:0 0;border:none;padding:0}.eqt-line-color__trigger:hover:not(:disabled){color:var(--eqt-text)}.eqt-line-color__trigger{width:auto;padding:0 4px}.eqt-line-color__popup{background:var(--eqt-bg);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);box-shadow:var(--eqt-shadow-popover);flex-direction:column;gap:6px;padding:8px;display:flex}.eqt-line-color__popup--embedded{box-shadow:none;background:0 0;border:0;padding:4px}.eqt-line-color__clear{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-line-color__clear:disabled{opacity:.3;cursor:default}.eqt-line-color__clear{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-line-color__clear{color:var(--eqt-text);padding:4px 8px}.eqt-line-color__clear:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-context-menu{z-index:var(--eqt-z-popover);background:var(--eqt-bg-btn);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);min-width:140px;box-shadow:var(--eqt-shadow-popover);font-size:var(--eqt-fs-md);color:var(--eqt-text);padding:4px}.eqt-context-menu__item{border-radius:var(--eqt-radius-sm);width:100%;color:inherit;font-size:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;display:flex}.eqt-context-menu__item--danger{color:var(--eqt-danger)}.eqt-context-menu__item--danger:hover:not(:disabled){background:var(--eqt-danger-bg-hover)}.eqt-context-menu__item:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}.eqt-context-menu__item:disabled{opacity:.4;cursor:default}.eqt-context-menu__icon{flex-shrink:0}.eqt-context-menu__label{white-space:nowrap;flex:1}.eqt-context-menu__separator{background:var(--eqt-divider);height:1px;margin:4px 2px}.eqt-line-sep__trigger{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-line-sep__trigger:disabled{opacity:.3;cursor:default}.eqt-line-sep__trigger{width:var(--eqt-row-h);height:var(--eqt-row-h);color:var(--eqt-text-hint);background:0 0;border:none;padding:0}.eqt-line-sep__trigger:hover:not(:disabled){color:var(--eqt-text)}.eqt-line-sep__trigger{width:auto;padding:0 4px}.eqt-line-sep__popup{--eqt-ctrl-h:25px;background:var(--eqt-bg);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);width:210px;min-width:0;box-shadow:var(--eqt-shadow-popover);color:var(--eqt-text);flex-direction:column;gap:8px;padding:8px;font-size:12px;display:flex}.eqt-line-sep__popup--embedded{box-shadow:none;background:0 0;border:0;padding:4px}.eqt-line-sep__field{flex-direction:column;gap:4px;min-width:0;display:flex}.eqt-line-sep__field-label{color:var(--eqt-text);font-size:12px}.eqt-line-sep__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.eqt-line-sep__options--four{grid-template-columns:repeat(4,minmax(0,1fr))}.eqt-line-sep__option{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-line-sep__option:disabled{opacity:.3;cursor:default}.eqt-line-sep__option{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-line-sep__option:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-line-sep__option{min-width:0;height:var(--eqt-ctrl-h);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:0 4px;overflow:hidden}.eqt-line-sep__option--active{background:var(--eqt-bg-active);font-weight:600}.eqt-line-sep__slider-head{justify-content:space-between;align-items:center;display:flex}.eqt-line-sep__slider-value{color:var(--eqt-text-hint);font-variant-numeric:tabular-nums;font-size:11px}.eqt-line-sep__slider{width:100%;accent-color:var(--eqt-green);margin:0}.eqt-line-sep__slider:disabled{opacity:.4}.eqt-line-sep__footer{border-top:var(--eqt-border-width) solid var(--eqt-border);margin-top:2px;padding-top:6px}.eqt-line-sep__reset{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-line-sep__reset:disabled{opacity:.3;cursor:default}.eqt-line-sep__reset{color:var(--eqt-text-hint);background:0 0;border:none}.eqt-line-sep__reset:hover:not(:disabled){background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-line-sep__reset{width:100%;height:var(--eqt-ctrl-h)}.eqt-search-panel-rows{grid-template-columns:auto 1fr;align-items:start;gap:4px 8px;display:grid}.eqt-search-panel-rows--flat,.eqt-search-panel__row{display:contents}.eqt-search-panel__label{color:var(--eqt-text-hint);font-size:12px;line-height:var(--eqt-row-h);text-align:right;white-space:nowrap;-webkit-user-select:none;user-select:none}.eqt-search-panel__cells{min-height:var(--eqt-row-h);flex-direction:column;gap:4px;min-width:0;display:flex}.eqt-search-panel__cells-row{flex-flow:row;align-items:center;gap:4px;display:flex}.eqt-search-panel__button{box-sizing:border-box;height:var(--eqt-row-h);border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:var(--eqt-transition-base);border-radius:3px;align-items:center;padding:0 8px;font-size:12px;line-height:1.4;display:inline-flex}.eqt-search-panel__button:hover{background:var(--eqt-bg-hover)}.eqt-search-panel__button--include{background:color-mix(in srgb, var(--eqt-status-include) 55%, transparent);border-color:var(--eqt-status-include)}.eqt-search-panel__button--include:hover{background:color-mix(in srgb, var(--eqt-status-include) 70%, transparent)}.eqt-search-panel__button--or{background:color-mix(in srgb, var(--eqt-status-or) 55%, transparent);border-color:var(--eqt-status-or)}.eqt-search-panel__button--or:hover{background:color-mix(in srgb, var(--eqt-status-or) 70%, transparent)}.eqt-search-panel__button--exclude{background:color-mix(in srgb, var(--eqt-status-exclude) 55%, transparent);border-color:var(--eqt-status-exclude)}.eqt-search-panel__button--exclude:hover{background:color-mix(in srgb, var(--eqt-status-exclude) 70%, transparent)}.eqt-search-panel__button--ghost{opacity:.55;border-color:var(--eqt-border);color:var(--eqt-text-hint);background:0 0}.eqt-search-panel__button--ghost:hover{opacity:1;background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-search-panel__button--ghost-drag{opacity:.4}.eqt-search-panel__button--chosen{cursor:grabbing}.eqt-search-panel__button--drag{opacity:.8}.eqt-search-panel-rows--editing .eqt-search-panel__button{cursor:grab}.eqt-search-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.eqt-search-controls__group{align-items:center;gap:4px;display:flex}.eqt-search-controls__lang-toggle{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-search-controls__lang-toggle:disabled{opacity:.3;cursor:default}.eqt-search-controls__lang-toggle{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-search-controls__lang-toggle:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-search-controls__lang-toggle{justify-items:center;height:36px;padding:0 10px;line-height:1;display:inline-grid}.eqt-search-controls__lang-toggle>span{grid-area:1/1}.eqt-search-controls__lang-hidden{visibility:hidden}.eqt-search-controls__add{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-search-controls__add:disabled{opacity:.3;cursor:default}.eqt-search-controls__add{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-search-controls__add:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-search-controls__add{white-space:nowrap;flex:1;gap:6px;height:36px;padding:0 10px;line-height:1}.eqt-search-controls__add-icon{font-size:22px}.eqt-search-controls__add-label{font-size:12px}.eqt-search-controls__text-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-search-controls__text-btn:disabled{opacity:.3;cursor:default}.eqt-search-controls__text-btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-search-controls__text-btn:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-search-controls__text-btn{white-space:nowrap;height:36px;padding:0 10px;line-height:1}.eqt-search-panel{grid-template-columns:auto 1fr;align-items:start;gap:4px 8px;display:grid}.eqt-search-panel__controls{grid-column:1/-1}.eqt-suggestion-list{background:var(--eqt-bg-elevated);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);overscroll-behavior:contain;text-align:left;overflow-y:auto}.eqt-row__builder{align-items:stretch;gap:4px;font-size:12px;line-height:1.4;display:flex}.eqt-row__prefix-cycle{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-row__prefix-cycle:disabled{opacity:.3;cursor:default}.eqt-row__prefix-cycle{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-row__prefix-cycle:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-row__prefix-cycle{flex-shrink:0;min-width:2.2em;padding:0 6px;font-weight:700}.eqt-row__prefix-cycle--exclude{color:#8c3333;background:#8c333326;border-color:#8c3333}.eqt-dark .eqt-row__prefix-cycle--exclude{color:#f87171;background:#f8717133;border-color:#f87171}.eqt-row__prefix-cycle--or{color:#b8860b;background:#b8860b26;border-color:#b8860b}.eqt-dark .eqt-row__prefix-cycle--or{color:#fbbf24;background:#fbbf2433;border-color:#fbbf24}.eqt-row__select{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-elevated);color:var(--eqt-text);border-radius:3px;flex-shrink:0;padding:0 4px}.eqt-row__select:focus{outline:none}.eqt-row__select--colon{max-width:11em}.eqt-row__colon-split{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:3px;flex-shrink:0;display:flex;overflow:hidden}.eqt-row__colon-split .eqt-row__select--colon{border:none;border-radius:0;max-width:10em}.eqt-row__colon-toggle{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-row__colon-toggle:disabled{opacity:.3;cursor:default}.eqt-row__colon-toggle{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-row__colon-toggle:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-row__colon-toggle{border:none;border-right:var(--eqt-border-width) solid var(--eqt-border);border-radius:0;flex-shrink:0;justify-items:center;padding:0 6px;display:inline-grid}.eqt-row__colon-toggle>*{grid-area:1/1}.eqt-row__colon-toggle--disabled{opacity:.3;cursor:default}.eqt-row__colon-toggle-hidden{visibility:hidden}.eqt-row__tag-wrap{flex:1;min-width:0;display:flex;position:relative}.eqt-row__tag-input{flex:1;width:100%}.eqt-row__suffix-cycle{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-row__suffix-cycle:disabled{opacity:.3;cursor:default}.eqt-row__suffix-cycle{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-row__suffix-cycle:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-row__suffix-cycle{flex-shrink:0;min-width:2.2em;padding:0 6px;font-weight:700}.eqt-row__suffix-cycle--exact{color:#dc2626;background:#dc26261a;border-color:#dc2626}.eqt-dark .eqt-row__suffix-cycle--exact{color:#f87171;background:#f8717133;border-color:#f87171}.eqt-row__suffix-cycle--wild{color:#7c3aed;background:#7c3aed1a;border-color:#7c3aed}.eqt-dark .eqt-row__suffix-cycle--wild{color:#a78bfa;background:#a78bfa33;border-color:#a78bfa}.eqt-row__raw-line{align-items:center;gap:4px;margin-top:4px;display:flex}.eqt-row__raw-label{color:var(--eqt-text-hint);flex-shrink:0;min-width:4em;font-size:10px}.eqt-row__raw-editable{background:var(--eqt-bg-elevated);border:var(--eqt-border-width) solid var(--eqt-border);box-sizing:border-box;white-space:nowrap;cursor:text;border-radius:3px;flex:1;min-width:0;padding:4px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.4;overflow:hidden}.eqt-row__raw-editable:focus{outline:none}.eqt-row__raw-editable:empty:before{content:attr(data-placeholder);color:var(--eqt-text-hint)}.eqt-explain--prefix{color:#d97706;background:#d977061a;border-radius:2px;padding:0 2px}.eqt-dark .eqt-explain--prefix{color:#fbbf24;background:#fbbf2426}.eqt-explain--ns{color:#2563eb;background:#2563eb1a;border-radius:2px;padding:0 2px}.eqt-dark .eqt-explain--ns{color:#60a5fa;background:#60a5fa26}.eqt-explain--qualifier{color:#7c3aed;background:#7c3aed1a;border-radius:2px;padding:0 2px}.eqt-dark .eqt-explain--qualifier{color:#a78bfa;background:#a78bfa26}.eqt-explain--tag{color:#059669;background:#0596691a;border-radius:2px;padding:0 2px}.eqt-dark .eqt-explain--tag{color:#34d399;background:#34d39926}.eqt-explain--suffix{color:#dc2626;background:#dc26261a;border-radius:2px;padding:0 2px}.eqt-dark .eqt-explain--suffix{color:#f87171;background:#f8717126}.eqt-explain--error{color:#dc2626;padding:0 2px;-webkit-text-decoration:underline wavy #dc2626;text-decoration:underline wavy #dc2626}.eqt-dark .eqt-explain--error{color:#f87171;text-decoration-color:#f87171}.eqt-explain--punct{color:var(--eqt-text-hint)}.eqt-row{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:4px;margin-bottom:10px;padding:6px}.eqt-cycle-modes{flex-wrap:wrap;align-items:center;gap:24px;margin-top:10px;display:flex}.eqt-cycle-group{align-items:center;gap:8px;display:flex}.eqt-cycle-group__label{margin:0}.eqt-cycle-arrow{color:var(--eqt-text-hint);flex-shrink:0}.eqt-cycle-chip{--chip-color:var(--eqt-text);border:1px solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:13px;line-height:1.2;transition:opacity .15s,background .15s;display:inline-flex}.eqt-cycle-chip:disabled{cursor:not-allowed}.eqt-cycle-chip--include{--chip-color:#059669;background:color-mix(in srgb, var(--chip-color) 10%, transparent);border-color:color-mix(in srgb, var(--chip-color) 40%, transparent);color:var(--chip-color);cursor:default}.eqt-dark .eqt-cycle-chip--include{--chip-color:#34d399;background:color-mix(in srgb, var(--chip-color) 15%, transparent)}.eqt-cycle-chip--or:not(:disabled):not(.eqt-cycle-chip--user-disabled){--chip-color:#ca8a04;background:color-mix(in srgb, var(--chip-color) 10%, transparent);border-color:color-mix(in srgb, var(--chip-color) 40%, transparent);color:var(--chip-color)}.eqt-dark .eqt-cycle-chip--or:not(:disabled):not(.eqt-cycle-chip--user-disabled){--chip-color:#facc15;background:color-mix(in srgb, var(--chip-color) 15%, transparent)}.eqt-cycle-chip--exclude:not(:disabled):not(.eqt-cycle-chip--user-disabled){--chip-color:var(--eqt-status-exclude);background:color-mix(in srgb, var(--chip-color) 14%, transparent);border-color:color-mix(in srgb, var(--chip-color) 50%, transparent);color:var(--chip-color)}.eqt-cycle-chip--or:not(:disabled):hover,.eqt-cycle-chip--exclude:not(:disabled):hover{background:color-mix(in srgb, var(--chip-color) 20%, transparent)}.eqt-cycle-chip--shape-disabled{opacity:.55;color:var(--eqt-text-hint);background:var(--eqt-bg-disabled)}.eqt-cycle-chip--user-disabled{opacity:.5}.eqt-cycle-chip .eqt-cycle-chip__check{appearance:auto;pointer-events:none;width:13px;height:13px;accent-color:var(--chip-color);background:0 0;border:none;margin:0}.eqt-cycle-reason{color:var(--eqt-text-hint);margin:8px 0 0;font-size:12px}.eqt-cycle-sim{flex-direction:column;gap:8px;margin-top:10px;display:flex}.eqt-cycle-sim__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.eqt-cycle-sim__btn{border:1px solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;display:inline-flex}.eqt-cycle-sim__btn:hover{background:var(--eqt-bg-btn-hover)}.eqt-cycle-sim__label{color:var(--eqt-text);font-size:12px}.eqt-cycle-sim__output{box-sizing:border-box;background:var(--eqt-bg-elevated);border:1px solid var(--eqt-border);width:100%;color:var(--eqt-text);border-radius:4px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.eqt-cycle-sim__output:focus{outline:none}.eqt-namespace-filter{gap:calc(var(--eqt-checkbox-size) / 6);flex-direction:column;flex:none;display:flex;overflow-y:auto}.eqt-namespace-filter__button{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-namespace-filter__button:disabled{opacity:.3;cursor:default}.eqt-namespace-filter__button{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-namespace-filter__button:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-namespace-filter__button{padding:calc(var(--eqt-checkbox-size) / 12) calc(var(--eqt-checkbox-size) / 4);font-size:var(--eqt-fs-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eqt-namespace-filter__button--active{border-color:var(--eqt-text);background:var(--eqt-bg-active)}.gm{position:relative}body.eqt-gallery-add-inline-open #gd1,body.eqt-gallery-add-inline-open #gd3{visibility:hidden}.eqt-gallery-add-inline{z-index:10;box-sizing:border-box;text-align:left;color:inherit;background:#edebdf;flex-direction:row;gap:6px;font-family:verdana,sans-serif;font-size:9pt;display:flex;position:absolute;overflow:hidden}.eqt-gallery-add-inline__main{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.eqt-gallery-add-inline__title{border-bottom:1px solid #5c0d12;flex-direction:row;flex:none;align-items:center;gap:4px;padding:2px 0 3px;display:flex}.eqt-gallery-add-inline__input{border:1px solid var(--eqt-border);background:var(--eqt-bg);min-width:0;color:var(--eqt-text);flex:auto;padding:2px 4px;font-family:inherit;font-size:9pt}.eqt-gallery-add-inline__close-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;text-align:center;opacity:.8;background:0 0;border:none;flex:none;width:20px;padding:0;font-size:16px;line-height:24px}.eqt-gallery-add-inline__close-btn:hover{opacity:1}.eqt-gallery-add-inline__list{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.eqt-gallery-add-inline__empty{color:var(--eqt-text-hint);font-size:var(--eqt-fs-md);text-align:center;padding:12px}.eqt-dark .eqt-gallery-add-inline{color:#e7e7e7;background:#4f535b}.eqt-dark .eqt-gallery-add-inline .eqt-gallery-add-inline__title{border-bottom:1px solid #000}.eqt-number-field{flex:0 0 var(--eqt-number-field-width);width:var(--eqt-number-field-width);height:var(--eqt-checkbox-size);align-items:center;display:inline-flex}.eqt-number-field__step{flex:0 0 calc(var(--eqt-checkbox-size) * 1.5);width:calc(var(--eqt-checkbox-size) * 1.5);height:var(--eqt-checkbox-size);box-sizing:border-box;border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text);font:inherit;font-size:var(--eqt-fs-md);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.eqt-number-field__step:first-child{border-radius:var(--eqt-radius-sm) 0 0 var(--eqt-radius-sm);border-right:0}.eqt-number-field__step:last-child{border-radius:0 var(--eqt-radius-sm) var(--eqt-radius-sm) 0;border-left:0}.eqt-number-field__step:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}.eqt-number-field__step:disabled{opacity:.3;cursor:default}.eqt-number-field input.eqt-number-field__input{width:auto;min-width:0;height:var(--eqt-checkbox-size);box-sizing:border-box;padding:0 calc(var(--eqt-checkbox-size) / 6);border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn-hover);color:var(--eqt-text);font-size:var(--eqt-fs-sm);font-variant-numeric:tabular-nums;text-align:center;border-radius:0;outline:none;flex:auto;margin:0;line-height:1}.eqt-number-field input.eqt-number-field__input:enabled:hover,.eqt-number-field input.eqt-number-field__input:enabled:focus{border-color:var(--eqt-border);background:var(--eqt-bg-btn-hover)}.eqt-tag-catalog{gap:calc(var(--eqt-checkbox-size) / 3);flex-direction:column;min-width:0;min-height:0;display:flex}.eqt-tag-catalog__draft{gap:calc(var(--eqt-checkbox-size) / 4);padding:calc(var(--eqt-checkbox-size) / 3);border:var(--eqt-border-width) solid var(--eqt-divider);border-radius:var(--eqt-radius-md);background:var(--eqt-bg-stripe);flex-direction:column;flex:none;display:flex}.eqt-tag-catalog__draft--previewed{background:var(--eqt-bg-active)}.eqt-tag-catalog__name{flex:1;min-width:0}.eqt-tag-catalog__create-row{gap:calc(var(--eqt-checkbox-size) / 4);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:column;align-items:stretch;display:grid}.eqt-tag-catalog__create-row>.eqt-panel__setpick{width:100%;height:calc(var(--eqt-checkbox-size) + var(--eqt-border-width) * 2);box-sizing:border-box}.eqt-tag-catalog__create,.eqt-tag-catalog__delete{height:calc(var(--eqt-checkbox-size) + var(--eqt-border-width) * 2);padding:0 calc(var(--eqt-checkbox-size) / 3);font-size:var(--eqt-fs-xs);box-sizing:border-box}.eqt-tag-catalog__error{color:var(--eqt-danger);font-size:var(--eqt-fs-xs);margin:0}.eqt-tag-catalog__browser{gap:calc(var(--eqt-checkbox-size) / 3);flex:auto;min-width:0;min-height:0;display:flex}.eqt-tag-catalog__candidates{gap:calc(var(--eqt-checkbox-size) / 4);flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.eqt-tag-catalog__search{flex:none}.eqt-tag-catalog__search-input{width:100%;height:var(--eqt-checkbox-size);box-sizing:border-box;padding:0 calc(var(--eqt-checkbox-size) / 3);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-elevated);color:var(--eqt-text);font:inherit;font-size:var(--eqt-fs-md)}.eqt-tag-catalog__results{flex:auto;min-height:0}.eqt-tag-catalog__results .eqt-popup__suggestion--styled{box-sizing:border-box;height:var(--eqt-suggestion-row-height);padding-block:0}.eqt-tag-catalog__results .eqt-popup__suggestion--styled .eqt-popup__suggestion-ns,.eqt-tag-catalog__results .eqt-popup__suggestion--styled .eqt-popup__suggestion-tag{color:inherit}.eqt-tag-catalog__results .eqt-popup__suggestion--styled.eqt-popup__suggestion--active{outline:var(--eqt-border-width) solid currentColor;outline-offset:calc(-1 * var(--eqt-border-width))}.eqt-tag-catalog__empty{padding:calc(var(--eqt-checkbox-size) / 2);color:var(--eqt-text-hint);text-align:center;margin:0}.eqt-settings__ns-item{border-radius:3px;align-items:center;gap:6px;min-height:30px;padding:3px 6px;font-size:13px;display:flex}.eqt-settings__ns-item:hover{background:var(--eqt-bg-hover)}.eqt-settings__ns-item--ghost{opacity:.4}.eqt-settings__ns-item--chosen{background:var(--eqt-bg-active)}.eqt-settings__ns-item--clickable{cursor:pointer}.eqt-settings__ns-item--draggable{cursor:grab}.eqt-settings__active-badge{font-size:var(--eqt-fs-xs);color:var(--eqt-text-on-color);background:var(--eqt-green);vertical-align:middle;border-radius:2px;margin-left:4px;padding:1px 4px}.eqt-settings__item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.eqt-settings__item-count{color:var(--eqt-text-hint);flex-shrink:0;font-size:11px}.eqt-settings__item-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-settings__item-btn:disabled{opacity:.3;cursor:default}.eqt-settings__item-btn{color:var(--eqt-text-hint);background:0 0;border:none}.eqt-settings__item-btn{width:24px;height:24px;font-size:var(--eqt-fs-lg);flex-shrink:0}.eqt-settings__item-btn:hover:not(:disabled){background:var(--eqt-bg-active);color:var(--eqt-text)}.eqt-settings__item-btn--purge:hover:not(:disabled){color:var(--eqt-danger)}.eqt-json-editor{padding:1.25rem}.eqt-json-editor__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.eqt-json-editor__title{margin:0;font-size:13px;font-weight:700}.eqt-json-editor__toolbar{gap:4px;display:flex}.eqt-json-editor__tool-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-json-editor__tool-btn:disabled{opacity:.3;cursor:default}.eqt-json-editor__tool-btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-json-editor__tool-btn:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}.eqt-json-editor__tool-btn{width:28px;height:28px;font-size:var(--eqt-fs-lg);padding:0}.eqt-json-editor__preview{background:var(--eqt-bg);flex-shrink:0;margin-bottom:8px}.eqt-json-editor__textarea{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);min-height:0;color:var(--eqt-text);border-radius:3px;flex:1;padding:8px}.eqt-dark .eqt-json-editor__textarea{background:var(--eqt-bg-elevated)}.eqt-json-editor__textarea{tab-size:2;resize:none;white-space:pre;box-sizing:border-box;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.5;overflow:auto}.eqt-json-editor__textarea:focus{outline:none}.eqt-json-editor__error{color:#c33;background:#cc333314;border-radius:3px;margin:6px 0 0;padding:4px 8px;font-size:12px}.eqt-json-editor__corrupted-reason{color:#c33;flex:1;min-width:0;margin:0;font-size:12px}.eqt-json-editor__corrupted-reason~.eqt-popup__btn{flex-shrink:0}.eqt-settings__font-row{display:flex}.eqt-settings__weight-slider{accent-color:var(--eqt-green);flex:1}.eqt-settings__weight-value{color:var(--eqt-text-hint);text-align:right;min-width:2.5em;font-size:12px}.eqt-settings__tag-preview{margin-top:var(--eqt-fs-sm);padding:var(--eqt-fs-sm);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);font-size:var(--eqt-fs-md);flex-wrap:wrap;display:flex}.eqt-settings__range{width:160px;height:var(--eqt-ctrl-h);accent-color:var(--eqt-border);margin:0}.eqt-settings__range:disabled{opacity:.5}.eqt-settings__gallery-preview{pointer-events:none;border:var(--eqt-border-width) solid var(--eqt-border);border-radius:4px;padding:4px 6px;overflow:hidden}.eqt-settings__clear-samples{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-settings__clear-samples:disabled{opacity:.3;cursor:default}.eqt-settings__clear-samples{border:var(--eqt-border-width) solid var(--eqt-danger-hover);background:var(--eqt-danger);color:var(--eqt-text-on-color)}.eqt-settings__clear-samples:hover:not(:disabled){background:var(--eqt-danger-hover)}.eqt-settings__clear-samples{min-height:var(--eqt-checkbox-size);padding:calc(var(--eqt-checkbox-size) / 6) calc(var(--eqt-checkbox-size) / 3);align-self:flex-start}.eqt-settings__refresh-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-settings__refresh-btn:disabled{opacity:.3;cursor:default}.eqt-settings__refresh-btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-settings__refresh-btn:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-settings__refresh-btn{height:var(--eqt-ctrl-h);padding:0 8px}.eqt-settings__refresh-btn:disabled{opacity:.5}.eqt-about__hero{text-align:center;background:var(--eqt-bg-hover);border-radius:6px;margin-bottom:16px;padding:20px 16px}.eqt-about__title{color:var(--eqt-text);font-size:18px;font-weight:700}.eqt-about__version{color:var(--eqt-text-hint);margin-top:2px;font-size:11px}.eqt-about__desc{color:var(--eqt-text-hint);margin-top:4px;font-size:12px}.eqt-about__actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.eqt-about__action-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-about__action-btn:disabled{opacity:.3;cursor:default}.eqt-about__action-btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-about__action-btn:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}.eqt-about__action-btn{padding:4px 12px;text-decoration:none}.eqt-about__section{margin-bottom:12px}.eqt-about__section-title{color:var(--eqt-text-hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700}.eqt-about__items{flex-direction:column;gap:2px;display:flex}.eqt-about__item{color:var(--eqt-text);border-radius:3px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;text-decoration:none;display:flex}.eqt-about__item:hover{background:var(--eqt-bg-hover)}.eqt-about__item-detail{color:var(--eqt-text-hint);margin-left:auto;font-size:11px}.eqt-about__footer{border-top:var(--eqt-border-width) solid var(--eqt-border);color:var(--eqt-text-hint);text-align:center;margin-top:16px;padding-top:12px;font-size:11px}.eqt-settings__tab-content:not(.eqt-settings__about){flex-direction:column;display:flex}.eqt-settings__section{flex-direction:column;gap:6px;padding:14px 0;display:flex}.eqt-settings__section:first-child{padding-top:0}.eqt-settings__section:last-child{padding-bottom:0}.eqt-settings__section+.eqt-settings__section{border-top:var(--eqt-border-width) solid var(--eqt-border)}.eqt-settings__row{min-height:var(--eqt-ctrl-h);align-items:center;gap:8px;display:flex}label.eqt-settings__row{cursor:pointer}.eqt-settings__label{-webkit-user-select:none;user-select:none}.eqt-settings__field-row{min-height:var(--eqt-ctrl-h);align-items:center;gap:8px;font-size:13px;display:flex}.eqt-settings__field-row--sub{padding-left:calc(var(--eqt-ctrl-h) + 8px)}.eqt-settings__field-label{flex-shrink:0}.eqt-settings__field-label--aligned{min-width:5em}.eqt-settings__locale-row{gap:4px;display:flex}.eqt-settings__locale-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-settings__locale-btn:disabled{opacity:.3;cursor:default}.eqt-settings__locale-btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-settings__locale-btn:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-settings__locale-btn{height:var(--eqt-ctrl-h);padding:0 10px}.eqt-settings__locale-btn--active{background:var(--eqt-bg-active);font-weight:700}.eqt-settings__select{min-height:0;font-weight:inherit;height:var(--eqt-ctrl-h);box-sizing:border-box;border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);color:var(--eqt-text);border-radius:3px;margin:0;padding:0 6px;font-size:12px}.eqt-dark .eqt-settings__select{background:var(--eqt-bg-elevated)}.eqt-settings__hint{color:var(--eqt-text-hint);margin:0;font-size:11px;line-height:1.4}.eqt-settings__hint a{color:var(--eqt-text);text-decoration:underline}.eqt-settings__hint a:hover{color:inherit}.eqt-settings__subtitle{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.eqt-settings__subtitle>svg{color:var(--eqt-text-hint);flex-shrink:0}.eqt-settings__reset-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-settings__reset-btn:disabled{opacity:.3;cursor:default}.eqt-settings__reset-btn{color:var(--eqt-text-hint);background:0 0;border:none}.eqt-settings__reset-btn:hover:not(:disabled){background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-settings__reset-btn{font-size:var(--eqt-fs-sm);gap:2px;padding:1px 6px;line-height:1}.eqt-settings__reset-btn:hover:not(:disabled){color:var(--eqt-text)}.eqt-settings__input--short{width:5em;height:var(--eqt-ctrl-h);box-sizing:border-box;border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);color:var(--eqt-text);border-radius:3px;padding:0 6px;font-size:13px}.eqt-dark .eqt-settings__input--short{background:var(--eqt-bg-elevated)}.eqt-settings__input--short:disabled{opacity:.5;cursor:not-allowed}.eqt-settings__ns-label{-webkit-user-select:none;user-select:none;min-width:3em}.eqt-settings__ns-key{color:var(--eqt-text-hint);flex:1;font-size:11px}.eqt-settings__text-input{height:var(--eqt-ctrl-h);border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);color:var(--eqt-text);box-sizing:border-box;border-radius:3px;padding:0 6px;font-size:12px}.eqt-dark .eqt-settings__text-input{background:var(--eqt-bg-elevated)}.eqt-settings__text-input:focus{outline:none}.eqt-settings__text-input--full{width:100%}.eqt-settings__text-input[readonly]{color:var(--eqt-text-hint)}.eqt-settings__font-preview{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);border-radius:3px;flex-direction:column;gap:4px;padding:8px;display:flex}.eqt-settings__preview-line{flex-wrap:wrap;gap:4px;display:flex}.eqt-settings__preview-tag{border:var(--eqt-border-width) solid var(--eqt-border);color:var(--eqt-text);background:0 0;border-radius:3px;align-items:center;padding:2px 8px;font-size:12px;line-height:1.4;display:inline-flex}.eqt-settings__layout{--eqt-ctrl-h:25px;width:clamp(44rem,94vw,88rem);min-height:94vh;max-height:94vh;display:flex}.eqt-settings__sidebar{border-right:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);flex-direction:column;flex-shrink:0;gap:2px;width:9rem;padding:1.25rem .625rem;display:flex}.eqt-settings__sidebar .eqt-popup__title{margin:0 0 12px;padding:0 6px;font-size:15px;font-weight:700}.eqt-settings__sidebar-spacer{flex:1}#eqt-app .eqt-settings__close-btn{font-weight:700}.eqt-settings__tab{border-radius:var(--eqt-radius-sm);width:100%;color:var(--eqt-text);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:7px 10px;font-size:13px;display:block;overflow:hidden}.eqt-settings__tab:hover{background:var(--eqt-bg-hover)}.eqt-settings__tab--active{background:var(--eqt-bg-active);font-weight:700}.eqt-settings__panel{overscroll-behavior:contain;flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.eqt-settings__panel .eqt-json-editor{flex-direction:column;flex:1;min-height:0;display:flex}.eqt-settings__panel-inner{padding:1.25rem}.eqt-settings__profiles{border-left:var(--eqt-border-width) solid var(--eqt-border);flex-direction:column;flex-shrink:0;gap:6px;width:15rem;padding:1.25rem .75rem;display:flex;overflow-y:auto}.eqt-settings__profiles>.eqt-settings__subtitle:not(:first-child){margin-top:8px}.eqt-settings__ns-list{margin:0;padding:0;list-style:none}.eqt-search-popup{zoom:1.15;flex-direction:row;gap:10px;width:clamp(30rem,60vw,52rem);min-height:auto;max-height:80vh;padding:10px;display:flex;overflow:hidden}.eqt-search-popup__rail{flex-direction:column;flex:none;min-height:0;display:flex}.eqt-search-popup__close-btn{flex-shrink:0;margin-top:auto}.eqt-search-popup__main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.eqt-search-popup__input{flex-shrink:0}.eqt-search-popup__list{flex:1;min-height:0}.eqt-search-popup__empty{color:var(--eqt-text-hint);font-size:var(--eqt-fs-md);text-align:center;padding:12px}.eqt-search-popup__chips-scroll{border-top:var(--eqt-border-width) solid var(--eqt-border);flex-shrink:0;min-height:0;max-height:35vh;overflow-y:auto}.eqt-search-popup__chips{padding:6px 4px 2px}.eqt-search-popup__controls{flex-shrink:0}.eqt-confirm__overlay{z-index:var(--eqt-z-popover);background:var(--eqt-overlay);position:fixed;inset:0}.eqt-confirm{z-index:var(--eqt-z-popover);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);background:var(--eqt-bg);width:min(24rem,90vw);box-shadow:var(--eqt-shadow);color:var(--eqt-text);flex-direction:column;gap:12px;padding:1.25rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.eqt-confirm__title{font-size:var(--eqt-fs-lg);margin:0}.eqt-confirm__title,.eqt-confirm__message{font-family:inherit}.eqt-confirm__message{font-size:var(--eqt-fs-md);white-space:pre-line;margin:0}.eqt-confirm__actions{justify-content:flex-end;gap:8px;display:flex}.eqt-confirm__cancel{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-confirm__cancel:disabled{opacity:.3;cursor:default}.eqt-confirm__cancel{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-confirm__cancel:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-confirm__cancel{padding:4px 12px}.eqt-confirm__action{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-confirm__action:disabled{opacity:.3;cursor:default}.eqt-confirm__action{border:var(--eqt-border-width) solid var(--eqt-danger-hover);background:var(--eqt-danger);color:var(--eqt-text-on-color)}.eqt-confirm__action:hover:not(:disabled){background:var(--eqt-danger-hover)}.eqt-confirm__action{padding:4px 12px}\n/*$vite$:1*/ ");
var __defProp$1 = Object.defineProperty;
var __exportAll = (all, no_symbols) => {
let target = {};
for (var name in all) __defProp$1(target, name, {
get: all[name],
enumerable: true
});
if (!no_symbols) __defProp$1(target, Symbol.toStringTag, { value: "Module" });
return target;
};
function makeMap(str) {
const map = Object.create(null);
for (const key of str.split(",")) map[key] = 1;
return (val) => val in map;
}
var EMPTY_OBJ = {};
var EMPTY_ARR = [];
var NOOP = () => {};
var NO = () => false;
var isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && (key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97);
var isModelListener = (key) => key.startsWith("onUpdate:");
var extend$1 = Object.assign;
var remove = (arr, el) => {
const i = arr.indexOf(el);
if (i > -1) arr.splice(i, 1);
};
var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
var hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
var isArray = Array.isArray;
var isMap = (val) => toTypeString(val) === "[object Map]";
var isSet = (val) => toTypeString(val) === "[object Set]";
var isDate = (val) => toTypeString(val) === "[object Date]";
var isRegExp = (val) => toTypeString(val) === "[object RegExp]";
var isFunction$1 = (val) => typeof val === "function";
var isString$1 = (val) => typeof val === "string";
var isSymbol = (val) => typeof val === "symbol";
var isObject$2 = (val) => val !== null && typeof val === "object";
var isPromise = (val) => {
return (isObject$2(val) || isFunction$1(val)) && isFunction$1(val.then) && isFunction$1(val.catch);
};
var objectToString$1 = Object.prototype.toString;
var toTypeString = (value) => objectToString$1.call(value);
var toRawType = (value) => {
return toTypeString(value).slice(8, -1);
};
var isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
var isIntegerKey = (key) => isString$1(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
var isReservedProp = makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
var cacheStringFunction$1 = (fn) => {
const cache = Object.create(null);
return ((str) => {
return cache[str] || (cache[str] = fn(str));
});
};
var camelizeRE$1 = /-\w/g;
var camelize$2 = cacheStringFunction$1((str) => {
return str.replace(camelizeRE$1, (c) => c.slice(1).toUpperCase());
});
var hyphenateRE$1 = /\B([A-Z])/g;
var hyphenate$1 = cacheStringFunction$1((str) => str.replace(hyphenateRE$1, "-$1").toLowerCase());
var capitalize = cacheStringFunction$1((str) => {
return str.charAt(0).toUpperCase() + str.slice(1);
});
var toHandlerKey = cacheStringFunction$1((str) => {
return str ? `on${capitalize(str)}` : ``;
});
var hasChanged = (value, oldValue) => !Object.is(value, oldValue);
var invokeArrayFns = (fns, ...arg) => {
for (let i = 0; i < fns.length; i++) fns[i](...arg);
};
var def = (obj, key, value, writable = false) => {
Object.defineProperty(obj, key, {
configurable: true,
enumerable: false,
writable,
value
});
};
var looseToNumber = (val) => {
const n = parseFloat(val);
return isNaN(n) ? val : n;
};
var toNumber = (val) => {
const n = isString$1(val) ? Number(val) : NaN;
return isNaN(n) ? val : n;
};
var _globalThis;
var getGlobalThis = () => {
return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
};
var isGloballyAllowed = makeMap("Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol");
function normalizeStyle(value) {
if (isArray(value)) {
const res = {};
for (let i = 0; i < value.length; i++) {
const item = value[i];
const normalized = isString$1(item) ? parseStringStyle(item) : normalizeStyle(item);
if (normalized) for (const key in normalized) res[key] = normalized[key];
}
return res;
} else if (isString$1(value) || isObject$2(value)) return value;
}
var listDelimiterRE = /;(?![^(]*\))/g;
var propertyDelimiterRE = /:([^]+)/;
var styleCommentRE = /\/\*[^]*?\*\//g;
function parseStringStyle(cssText) {
const ret = {};
cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
if (item) {
const tmp = item.split(propertyDelimiterRE);
tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
}
});
return ret;
}
function normalizeClass(value) {
let res = "";
if (isString$1(value)) res = value;
else if (isArray(value)) for (let i = 0; i < value.length; i++) {
const normalized = normalizeClass(value[i]);
if (normalized) res += normalized + " ";
}
else if (isObject$2(value)) {
for (const name in value) if (value[name]) res += name + " ";
}
return res.trim();
}
function normalizeProps(props) {
if (!props) return null;
let { class: klass, style } = props;
if (klass && !isString$1(klass)) props.class = normalizeClass(klass);
if (style) props.style = normalizeStyle(style);
return props;
}
var specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
var isSpecialBooleanAttr = makeMap(specialBooleanAttrs);
specialBooleanAttrs + "";
function includeBooleanAttr(value) {
return !!value || value === "";
}
function looseCompareArrays(a, b) {
if (a.length !== b.length) return false;
let equal = true;
for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i]);
return equal;
}
function looseEqual(a, b) {
if (a === b) return true;
let aValidType = isDate(a);
let bValidType = isDate(b);
if (aValidType || bValidType) return aValidType && bValidType ? a.getTime() === b.getTime() : false;
aValidType = isSymbol(a);
bValidType = isSymbol(b);
if (aValidType || bValidType) return a === b;
aValidType = isArray(a);
bValidType = isArray(b);
if (aValidType || bValidType) return aValidType && bValidType ? looseCompareArrays(a, b) : false;
aValidType = isObject$2(a);
bValidType = isObject$2(b);
if (aValidType || bValidType) {
if (!aValidType || !bValidType) return false;
if (Object.keys(a).length !== Object.keys(b).length) return false;
for (const key in a) {
const aHasKey = a.hasOwnProperty(key);
const bHasKey = b.hasOwnProperty(key);
if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) return false;
}
}
return String(a) === String(b);
}
function looseIndexOf(arr, val) {
return arr.findIndex((item) => looseEqual(item, val));
}
var isRef$1 = (val) => {
return !!(val && val["__v_isRef"] === true);
};
var toDisplayString = (val) => {
return isString$1(val) ? val : val == null ? "" : isArray(val) || isObject$2(val) && (val.toString === objectToString$1 || !isFunction$1(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
};
var replacer = (_key, val) => {
if (isRef$1(val)) return replacer(_key, val.value);
else if (isMap(val)) return { [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val2], i) => {
entries[stringifySymbol(key, i) + " =>"] = val2;
return entries;
}, {}) };
else if (isSet(val)) return { [`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v)) };
else if (isSymbol(val)) return stringifySymbol(val);
else if (isObject$2(val) && !isArray(val) && !isPlainObject$1(val)) return String(val);
return val;
};
var stringifySymbol = (v, i = "") => {
var _a;
return isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
};
function normalizeCssVarValue(value) {
if (value == null) return "initial";
if (typeof value === "string") return value === "" ? " " : value;
if (typeof value !== "number" || !Number.isFinite(value)) {}
return String(value);
}
var activeEffectScope;
var EffectScope = class {
constructor(detached = false) {
this.detached = detached;
this._active = true;
this._on = 0;
this.effects = [];
this.cleanups = [];
this._isPaused = false;
this._warnOnRun = true;
this.__v_skip = true;
if (!detached && activeEffectScope) if (activeEffectScope.active) {
this.parent = activeEffectScope;
this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
} else {
this._active = false;
this._warnOnRun = false;
}
}
get active() {
return this._active;
}
pause() {
if (this._active) {
this._isPaused = true;
let i, l;
if (this.scopes) for (i = 0, l = this.scopes.length; i < l; i++) this.scopes[i].pause();
for (i = 0, l = this.effects.length; i < l; i++) this.effects[i].pause();
}
}
resume() {
if (this._active) {
if (this._isPaused) {
this._isPaused = false;
let i, l;
if (this.scopes) for (i = 0, l = this.scopes.length; i < l; i++) this.scopes[i].resume();
for (i = 0, l = this.effects.length; i < l; i++) this.effects[i].resume();
}
}
}
run(fn) {
if (this._active) {
const currentEffectScope = activeEffectScope;
try {
activeEffectScope = this;
return fn();
} finally {
activeEffectScope = currentEffectScope;
}
}
}
on() {
if (++this._on === 1) {
this.prevScope = activeEffectScope;
activeEffectScope = this;
}
}
off() {
if (this._on > 0 && --this._on === 0) {
if (activeEffectScope === this) activeEffectScope = this.prevScope;
else {
let current = activeEffectScope;
while (current) {
if (current.prevScope === this) {
current.prevScope = this.prevScope;
break;
}
current = current.prevScope;
}
}
this.prevScope = void 0;
}
}
stop(fromParent) {
if (this._active) {
this._active = false;
let i, l;
for (i = 0, l = this.effects.length; i < l; i++) this.effects[i].stop();
this.effects.length = 0;
for (i = 0, l = this.cleanups.length; i < l; i++) this.cleanups[i]();
this.cleanups.length = 0;
if (this.scopes) {
for (i = 0, l = this.scopes.length; i < l; i++) this.scopes[i].stop(true);
this.scopes.length = 0;
}
if (!this.detached && this.parent && !fromParent) {
const last = this.parent.scopes.pop();
if (last && last !== this) {
this.parent.scopes[this.index] = last;
last.index = this.index;
}
}
this.parent = void 0;
}
}
};
function effectScope(detached) {
return new EffectScope(detached);
}
function getCurrentScope() {
return activeEffectScope;
}
function onScopeDispose(fn, failSilently = false) {
if (activeEffectScope) activeEffectScope.cleanups.push(fn);
}
var activeSub;
var pausedQueueEffects = new WeakSet();
var ReactiveEffect = class {
constructor(fn) {
this.fn = fn;
this.deps = void 0;
this.depsTail = void 0;
this.flags = 5;
this.next = void 0;
this.cleanup = void 0;
this.scheduler = void 0;
if (activeEffectScope) if (activeEffectScope.active) activeEffectScope.effects.push(this);
else this.flags &= -2;
}
pause() {
this.flags |= 64;
}
resume() {
if (this.flags & 64) {
this.flags &= -65;
if (pausedQueueEffects.has(this)) {
pausedQueueEffects.delete(this);
this.trigger();
}
}
}
notify() {
if (this.flags & 2 && !(this.flags & 32)) return;
if (!(this.flags & 8)) batch(this);
}
run() {
if (!(this.flags & 1)) return this.fn();
this.flags |= 2;
cleanupEffect(this);
prepareDeps(this);
const prevEffect = activeSub;
const prevShouldTrack = shouldTrack;
activeSub = this;
shouldTrack = true;
try {
return this.fn();
} finally {
cleanupDeps(this);
activeSub = prevEffect;
shouldTrack = prevShouldTrack;
this.flags &= -3;
}
}
stop() {
if (this.flags & 1) {
for (let link = this.deps; link; link = link.nextDep) removeSub(link);
this.deps = this.depsTail = void 0;
cleanupEffect(this);
this.onStop && this.onStop();
this.flags &= -2;
}
}
trigger() {
if (this.flags & 64) pausedQueueEffects.add(this);
else if (this.scheduler) this.scheduler();
else this.runIfDirty();
}
runIfDirty() {
if (isDirty(this)) this.run();
}
get dirty() {
return isDirty(this);
}
};
var batchDepth = 0;
var batchedSub;
var batchedComputed;
function batch(sub, isComputed = false) {
sub.flags |= 8;
if (isComputed) {
sub.next = batchedComputed;
batchedComputed = sub;
return;
}
sub.next = batchedSub;
batchedSub = sub;
}
function startBatch() {
batchDepth++;
}
function endBatch() {
if (--batchDepth > 0) return;
if (batchedComputed) {
let e = batchedComputed;
batchedComputed = void 0;
while (e) {
const next = e.next;
e.next = void 0;
e.flags &= -9;
e = next;
}
}
let error;
while (batchedSub) {
let e = batchedSub;
batchedSub = void 0;
while (e) {
const next = e.next;
e.next = void 0;
e.flags &= -9;
if (e.flags & 1) try {
e.trigger();
} catch (err) {
if (!error) error = err;
}
e = next;
}
}
if (error) throw error;
}
function prepareDeps(sub) {
for (let link = sub.deps; link; link = link.nextDep) {
link.version = -1;
link.prevActiveLink = link.dep.activeLink;
link.dep.activeLink = link;
}
}
function cleanupDeps(sub) {
let head;
let tail = sub.depsTail;
let link = tail;
while (link) {
const prev = link.prevDep;
if (link.version === -1) {
if (link === tail) tail = prev;
removeSub(link);
removeDep(link);
} else head = link;
link.dep.activeLink = link.prevActiveLink;
link.prevActiveLink = void 0;
link = prev;
}
sub.deps = head;
sub.depsTail = tail;
}
function isDirty(sub) {
for (let link = sub.deps; link; link = link.nextDep) if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) return true;
if (sub._dirty) return true;
return false;
}
function refreshComputed(computed) {
if (computed.flags & 4 && !(computed.flags & 16)) return;
computed.flags &= -17;
if (computed.globalVersion === globalVersion) return;
computed.globalVersion = globalVersion;
if (!computed.isSSR && computed.flags & 128 && (!computed.deps && !computed._dirty || !isDirty(computed))) return;
computed.flags |= 2;
const dep = computed.dep;
const prevSub = activeSub;
const prevShouldTrack = shouldTrack;
activeSub = computed;
shouldTrack = true;
try {
prepareDeps(computed);
const value = computed.fn(computed._value);
if (dep.version === 0 || hasChanged(value, computed._value)) {
computed.flags |= 128;
computed._value = value;
dep.version++;
}
} catch (err) {
dep.version++;
throw err;
} finally {
activeSub = prevSub;
shouldTrack = prevShouldTrack;
cleanupDeps(computed);
computed.flags &= -3;
}
}
function removeSub(link, soft = false) {
const { dep, prevSub, nextSub } = link;
if (prevSub) {
prevSub.nextSub = nextSub;
link.prevSub = void 0;
}
if (nextSub) {
nextSub.prevSub = prevSub;
link.nextSub = void 0;
}
if (dep.subs === link) {
dep.subs = prevSub;
if (!prevSub && dep.computed) {
dep.computed.flags &= -5;
for (let l = dep.computed.deps; l; l = l.nextDep) removeSub(l, true);
}
}
if (!soft && !--dep.sc && dep.map) dep.map.delete(dep.key);
}
function removeDep(link) {
const { prevDep, nextDep } = link;
if (prevDep) {
prevDep.nextDep = nextDep;
link.prevDep = void 0;
}
if (nextDep) {
nextDep.prevDep = prevDep;
link.nextDep = void 0;
}
}
function effect(fn, options) {
if (fn.effect instanceof ReactiveEffect) fn = fn.effect.fn;
const e = new ReactiveEffect(fn);
if (options) extend$1(e, options);
try {
e.run();
} catch (err) {
e.stop();
throw err;
}
const runner = e.run.bind(e);
runner.effect = e;
return runner;
}
function stop(runner) {
runner.effect.stop();
}
var shouldTrack = true;
var trackStack = [];
function pauseTracking() {
trackStack.push(shouldTrack);
shouldTrack = false;
}
function resetTracking() {
const last = trackStack.pop();
shouldTrack = last === void 0 ? true : last;
}
function cleanupEffect(e) {
const { cleanup } = e;
e.cleanup = void 0;
if (cleanup) {
const prevSub = activeSub;
activeSub = void 0;
try {
cleanup();
} finally {
activeSub = prevSub;
}
}
}
var globalVersion = 0;
var Link = class {
constructor(sub, dep) {
this.sub = sub;
this.dep = dep;
this.version = dep.version;
this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
}
};
var Dep = class {
constructor(computed) {
this.computed = computed;
this.version = 0;
this.activeLink = void 0;
this.subs = void 0;
this.map = void 0;
this.key = void 0;
this.sc = 0;
this.__v_skip = true;
}
track(debugInfo) {
if (!activeSub || !shouldTrack || activeSub === this.computed) return;
let link = this.activeLink;
if (link === void 0 || link.sub !== activeSub) {
link = this.activeLink = new Link(activeSub, this);
if (!activeSub.deps) activeSub.deps = activeSub.depsTail = link;
else {
link.prevDep = activeSub.depsTail;
activeSub.depsTail.nextDep = link;
activeSub.depsTail = link;
}
addSub(link);
} else if (link.version === -1) {
link.version = this.version;
if (link.nextDep) {
const next = link.nextDep;
next.prevDep = link.prevDep;
if (link.prevDep) link.prevDep.nextDep = next;
link.prevDep = activeSub.depsTail;
link.nextDep = void 0;
activeSub.depsTail.nextDep = link;
activeSub.depsTail = link;
if (activeSub.deps === link) activeSub.deps = next;
}
}
return link;
}
trigger(debugInfo) {
this.version++;
globalVersion++;
this.notify(debugInfo);
}
notify(debugInfo) {
startBatch();
try {
for (let link = this.subs; link; link = link.prevSub) if (link.sub.notify()) link.sub.dep.notify();
} finally {
endBatch();
}
}
};
function addSub(link) {
link.dep.sc++;
if (link.sub.flags & 4) {
const computed = link.dep.computed;
if (computed && !link.dep.subs) {
computed.flags |= 20;
for (let l = computed.deps; l; l = l.nextDep) addSub(l);
}
const currentTail = link.dep.subs;
if (currentTail !== link) {
link.prevSub = currentTail;
if (currentTail) currentTail.nextSub = link;
}
link.dep.subs = link;
}
}
var targetMap = new WeakMap();
var ITERATE_KEY = Symbol("");
var MAP_KEY_ITERATE_KEY = Symbol("");
var ARRAY_ITERATE_KEY = Symbol("");
function track(target, type, key) {
if (shouldTrack && activeSub) {
let depsMap = targetMap.get(target);
if (!depsMap) targetMap.set(target, depsMap = new Map());
let dep = depsMap.get(key);
if (!dep) {
depsMap.set(key, dep = new Dep());
dep.map = depsMap;
dep.key = key;
}
dep.track();
}
}
function trigger(target, type, key, newValue, oldValue, oldTarget) {
const depsMap = targetMap.get(target);
if (!depsMap) {
globalVersion++;
return;
}
const run = (dep) => {
if (dep) dep.trigger();
};
startBatch();
if (type === "clear") depsMap.forEach(run);
else {
const targetIsArray = isArray(target);
const isArrayIndex = targetIsArray && isIntegerKey(key);
if (targetIsArray && key === "length") {
const newLength = Number(newValue);
depsMap.forEach((dep, key2) => {
if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !isSymbol(key2) && key2 >= newLength) run(dep);
});
} else {
if (key !== void 0 || depsMap.has(void 0)) run(depsMap.get(key));
if (isArrayIndex) run(depsMap.get(ARRAY_ITERATE_KEY));
switch (type) {
case "add":
if (!targetIsArray) {
run(depsMap.get(ITERATE_KEY));
if (isMap(target)) run(depsMap.get(MAP_KEY_ITERATE_KEY));
} else if (isArrayIndex) run(depsMap.get("length"));
break;
case "delete":
if (!targetIsArray) {
run(depsMap.get(ITERATE_KEY));
if (isMap(target)) run(depsMap.get(MAP_KEY_ITERATE_KEY));
}
break;
case "set":
if (isMap(target)) run(depsMap.get(ITERATE_KEY));
break;
}
}
}
endBatch();
}
function getDepFromReactive(object, key) {
const depMap = targetMap.get(object);
return depMap && depMap.get(key);
}
function reactiveReadArray(array) {
const raw = toRaw(array);
if (raw === array) return raw;
track(raw, "iterate", ARRAY_ITERATE_KEY);
return isShallow(array) ? raw : raw.map(toReactive$1);
}
function shallowReadArray(arr) {
track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
return arr;
}
function toWrapped(target, item) {
if (isReadonly(target)) return isReactive(target) ? toReadonly(toReactive$1(item)) : toReadonly(item);
return toReactive$1(item);
}
var arrayInstrumentations = {
__proto__: null,
[Symbol.iterator]() {
return iterator(this, Symbol.iterator, (item) => toWrapped(this, item));
},
concat(...args) {
return reactiveReadArray(this).concat(...args.map((x) => isArray(x) ? reactiveReadArray(x) : x));
},
entries() {
return iterator(this, "entries", (value) => {
value[1] = toWrapped(this, value[1]);
return value;
});
},
every(fn, thisArg) {
return apply$1(this, "every", fn, thisArg, void 0, arguments);
},
filter(fn, thisArg) {
return apply$1(this, "filter", fn, thisArg, (v) => v.map((item) => toWrapped(this, item)), arguments);
},
find(fn, thisArg) {
return apply$1(this, "find", fn, thisArg, (item) => toWrapped(this, item), arguments);
},
findIndex(fn, thisArg) {
return apply$1(this, "findIndex", fn, thisArg, void 0, arguments);
},
findLast(fn, thisArg) {
return apply$1(this, "findLast", fn, thisArg, (item) => toWrapped(this, item), arguments);
},
findLastIndex(fn, thisArg) {
return apply$1(this, "findLastIndex", fn, thisArg, void 0, arguments);
},
forEach(fn, thisArg) {
return apply$1(this, "forEach", fn, thisArg, void 0, arguments);
},
includes(...args) {
return searchProxy(this, "includes", args);
},
indexOf(...args) {
return searchProxy(this, "indexOf", args);
},
join(separator) {
return reactiveReadArray(this).join(separator);
},
lastIndexOf(...args) {
return searchProxy(this, "lastIndexOf", args);
},
map(fn, thisArg) {
return apply$1(this, "map", fn, thisArg, void 0, arguments);
},
pop() {
return noTracking(this, "pop");
},
push(...args) {
return noTracking(this, "push", args);
},
reduce(fn, ...args) {
return reduce$1(this, "reduce", fn, args);
},
reduceRight(fn, ...args) {
return reduce$1(this, "reduceRight", fn, args);
},
shift() {
return noTracking(this, "shift");
},
some(fn, thisArg) {
return apply$1(this, "some", fn, thisArg, void 0, arguments);
},
splice(...args) {
return noTracking(this, "splice", args);
},
toReversed() {
return reactiveReadArray(this).toReversed();
},
toSorted(comparer) {
return reactiveReadArray(this).toSorted(comparer);
},
toSpliced(...args) {
return reactiveReadArray(this).toSpliced(...args);
},
unshift(...args) {
return noTracking(this, "unshift", args);
},
values() {
return iterator(this, "values", (item) => toWrapped(this, item));
}
};
function iterator(self, method, wrapValue) {
const arr = shallowReadArray(self);
const iter = arr[method]();
if (arr !== self && !isShallow(self)) {
iter._next = iter.next;
iter.next = () => {
const result = iter._next();
if (!result.done) result.value = wrapValue(result.value);
return result;
};
}
return iter;
}
var arrayProto = Array.prototype;
function apply$1(self, method, fn, thisArg, wrappedRetFn, args) {
const arr = shallowReadArray(self);
const needsWrap = arr !== self && !isShallow(self);
const methodFn = arr[method];
if (methodFn !== arrayProto[method]) {
const result2 = methodFn.apply(self, args);
return needsWrap ? toReactive$1(result2) : result2;
}
let wrappedFn = fn;
if (arr !== self) {
if (needsWrap) wrappedFn = function(item, index) {
return fn.call(this, toWrapped(self, item), index, self);
};
else if (fn.length > 2) wrappedFn = function(item, index) {
return fn.call(this, item, index, self);
};
}
const result = methodFn.call(arr, wrappedFn, thisArg);
return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
}
function reduce$1(self, method, fn, args) {
const arr = shallowReadArray(self);
const needsWrap = arr !== self && !isShallow(self);
let wrappedFn = fn;
let wrapInitialAccumulator = false;
if (arr !== self) {
if (needsWrap) {
wrapInitialAccumulator = args.length === 0;
wrappedFn = function(acc, item, index) {
if (wrapInitialAccumulator) {
wrapInitialAccumulator = false;
acc = toWrapped(self, acc);
}
return fn.call(this, acc, toWrapped(self, item), index, self);
};
} else if (fn.length > 3) wrappedFn = function(acc, item, index) {
return fn.call(this, acc, item, index, self);
};
}
const result = arr[method](wrappedFn, ...args);
return wrapInitialAccumulator ? toWrapped(self, result) : result;
}
function searchProxy(self, method, args) {
const arr = toRaw(self);
track(arr, "iterate", ARRAY_ITERATE_KEY);
const res = arr[method](...args);
if ((res === -1 || res === false) && isProxy(args[0])) {
args[0] = toRaw(args[0]);
return arr[method](...args);
}
return res;
}
function noTracking(self, method, args = []) {
pauseTracking();
startBatch();
const res = toRaw(self)[method].apply(self, args);
endBatch();
resetTracking();
return res;
}
var isNonTrackableKeys = makeMap(`__proto__,__v_isRef,__isVue`);
var builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol));
function hasOwnProperty(key) {
if (!isSymbol(key)) key = String(key);
const obj = toRaw(this);
track(obj, "has", key);
return obj.hasOwnProperty(key);
}
var BaseReactiveHandler = class {
constructor(_isReadonly = false, _isShallow = false) {
this._isReadonly = _isReadonly;
this._isShallow = _isShallow;
}
get(target, key, receiver) {
if (key === "__v_skip") return target["__v_skip"];
const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow;
if (key === "__v_isReactive") return !isReadonly2;
else if (key === "__v_isReadonly") return isReadonly2;
else if (key === "__v_isShallow") return isShallow2;
else if (key === "__v_raw") {
if (receiver === (isReadonly2 ? isShallow2 ? shallowReadonlyMap : readonlyMap : isShallow2 ? shallowReactiveMap : reactiveMap).get(target) || Object.getPrototypeOf(target) === Object.getPrototypeOf(receiver)) return target;
return;
}
const targetIsArray = isArray(target);
if (!isReadonly2) {
let fn;
if (targetIsArray && (fn = arrayInstrumentations[key])) return fn;
if (key === "hasOwnProperty") return hasOwnProperty;
}
const res = Reflect.get(target, key, isRef(target) ? target : receiver);
if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) return res;
if (!isReadonly2) track(target, "get", key);
if (isShallow2) return res;
if (isRef(res)) {
const value = targetIsArray && isIntegerKey(key) ? res : res.value;
return isReadonly2 && isObject$2(value) ? readonly(value) : value;
}
if (isObject$2(res)) return isReadonly2 ? readonly(res) : reactive(res);
return res;
}
};
var MutableReactiveHandler = class extends BaseReactiveHandler {
constructor(isShallow2 = false) {
super(false, isShallow2);
}
set(target, key, value, receiver) {
let oldValue = target[key];
const isArrayWithIntegerKey = isArray(target) && isIntegerKey(key);
if (!this._isShallow) {
const isOldValueReadonly = isReadonly(oldValue);
if (!isShallow(value) && !isReadonly(value)) {
oldValue = toRaw(oldValue);
value = toRaw(value);
}
if (!isArrayWithIntegerKey && isRef(oldValue) && !isRef(value)) if (isOldValueReadonly) return true;
else {
oldValue.value = value;
return true;
}
}
const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
const result = Reflect.set(target, key, value, isRef(target) ? target : receiver);
if (target === toRaw(receiver)) {
if (!hadKey) trigger(target, "add", key, value);
else if (hasChanged(value, oldValue)) trigger(target, "set", key, value, oldValue);
}
return result;
}
deleteProperty(target, key) {
const hadKey = hasOwn(target, key);
const oldValue = target[key];
const result = Reflect.deleteProperty(target, key);
if (result && hadKey) trigger(target, "delete", key, void 0, oldValue);
return result;
}
has(target, key) {
const result = Reflect.has(target, key);
if (!isSymbol(key) || !builtInSymbols.has(key)) track(target, "has", key);
return result;
}
ownKeys(target) {
track(target, "iterate", isArray(target) ? "length" : ITERATE_KEY);
return Reflect.ownKeys(target);
}
};
var ReadonlyReactiveHandler = class extends BaseReactiveHandler {
constructor(isShallow2 = false) {
super(true, isShallow2);
}
set(target, key) {
return true;
}
deleteProperty(target, key) {
return true;
}
};
var mutableHandlers = new MutableReactiveHandler();
var readonlyHandlers = new ReadonlyReactiveHandler();
var shallowReactiveHandlers = new MutableReactiveHandler(true);
var shallowReadonlyHandlers = new ReadonlyReactiveHandler(true);
var toShallow = (value) => value;
var getProto = (v) => Reflect.getPrototypeOf(v);
function createIterableMethod(method, isReadonly2, isShallow2) {
return function(...args) {
const target = this["__v_raw"];
const rawTarget = toRaw(target);
const targetIsMap = isMap(rawTarget);
const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
const isKeyOnly = method === "keys" && targetIsMap;
const innerIterator = target[method](...args);
const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive$1;
!isReadonly2 && track(rawTarget, "iterate", isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY);
return extend$1(Object.create(innerIterator), { next() {
const { value, done } = innerIterator.next();
return done ? {
value,
done
} : {
value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
done
};
} });
};
}
function createReadonlyMethod(type) {
return function(...args) {
return type === "delete" ? false : type === "clear" ? void 0 : this;
};
}
function createInstrumentations(readonly, shallow) {
const instrumentations = {
get(key) {
const target = this["__v_raw"];
const rawTarget = toRaw(target);
const rawKey = toRaw(key);
if (!readonly) {
if (hasChanged(key, rawKey)) track(rawTarget, "get", key);
track(rawTarget, "get", rawKey);
}
const { has } = getProto(rawTarget);
const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive$1;
if (has.call(rawTarget, key)) return wrap(target.get(key));
else if (has.call(rawTarget, rawKey)) return wrap(target.get(rawKey));
else if (target !== rawTarget) target.get(key);
},
get size() {
const target = this["__v_raw"];
!readonly && track(toRaw(target), "iterate", ITERATE_KEY);
return target.size;
},
has(key) {
const target = this["__v_raw"];
const rawTarget = toRaw(target);
const rawKey = toRaw(key);
if (!readonly) {
if (hasChanged(key, rawKey)) track(rawTarget, "has", key);
track(rawTarget, "has", rawKey);
}
return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
},
forEach(callback, thisArg) {
const observed = this;
const target = observed["__v_raw"];
const rawTarget = toRaw(target);
const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive$1;
!readonly && track(rawTarget, "iterate", ITERATE_KEY);
return target.forEach((value, key) => {
return callback.call(thisArg, wrap(value), wrap(key), observed);
});
}
};
extend$1(instrumentations, readonly ? {
add: createReadonlyMethod("add"),
set: createReadonlyMethod("set"),
delete: createReadonlyMethod("delete"),
clear: createReadonlyMethod("clear")
} : {
add(value) {
const target = toRaw(this);
const proto = getProto(target);
const rawValue = toRaw(value);
const valueToAdd = !shallow && !isShallow(value) && !isReadonly(value) ? rawValue : value;
if (!(proto.has.call(target, valueToAdd) || hasChanged(value, valueToAdd) && proto.has.call(target, value) || hasChanged(rawValue, valueToAdd) && proto.has.call(target, rawValue))) {
target.add(valueToAdd);
trigger(target, "add", valueToAdd, valueToAdd);
}
return this;
},
set(key, value) {
if (!shallow && !isShallow(value) && !isReadonly(value)) value = toRaw(value);
const target = toRaw(this);
const { has, get } = getProto(target);
let hadKey = has.call(target, key);
if (!hadKey) {
key = toRaw(key);
hadKey = has.call(target, key);
}
const oldValue = get.call(target, key);
target.set(key, value);
if (!hadKey) trigger(target, "add", key, value);
else if (hasChanged(value, oldValue)) trigger(target, "set", key, value, oldValue);
return this;
},
delete(key) {
const target = toRaw(this);
const { has, get } = getProto(target);
let hadKey = has.call(target, key);
if (!hadKey) {
key = toRaw(key);
hadKey = has.call(target, key);
}
const oldValue = get ? get.call(target, key) : void 0;
const result = target.delete(key);
if (hadKey) trigger(target, "delete", key, void 0, oldValue);
return result;
},
clear() {
const target = toRaw(this);
const hadItems = target.size !== 0;
const oldTarget = void 0;
const result = target.clear();
if (hadItems) trigger(target, "clear", void 0, void 0, oldTarget);
return result;
}
});
[
"keys",
"values",
"entries",
Symbol.iterator
].forEach((method) => {
instrumentations[method] = createIterableMethod(method, readonly, shallow);
});
return instrumentations;
}
function createInstrumentationGetter(isReadonly2, shallow) {
const instrumentations = createInstrumentations(isReadonly2, shallow);
return (target, key, receiver) => {
if (key === "__v_isReactive") return !isReadonly2;
else if (key === "__v_isReadonly") return isReadonly2;
else if (key === "__v_raw") return target;
return Reflect.get(hasOwn(instrumentations, key) && key in target ? instrumentations : target, key, receiver);
};
}
var mutableCollectionHandlers = { get: createInstrumentationGetter(false, false) };
var shallowCollectionHandlers = { get: createInstrumentationGetter(false, true) };
var readonlyCollectionHandlers = { get: createInstrumentationGetter(true, false) };
var shallowReadonlyCollectionHandlers = { get: createInstrumentationGetter(true, true) };
var reactiveMap = new WeakMap();
var shallowReactiveMap = new WeakMap();
var readonlyMap = new WeakMap();
var shallowReadonlyMap = new WeakMap();
function targetTypeMap(rawType) {
switch (rawType) {
case "Object":
case "Array": return 1;
case "Map":
case "Set":
case "WeakMap":
case "WeakSet": return 2;
default: return 0;
}
}
function getTargetType(value) {
return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value));
}
function reactive(target) {
if (isReadonly(target)) return target;
return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
}
function shallowReactive(target) {
return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
}
function readonly(target) {
return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
}
function shallowReadonly(target) {
return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
}
function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
if (!isObject$2(target)) return target;
if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) return target;
const targetType = getTargetType(target);
if (targetType === 0) return target;
const existingProxy = proxyMap.get(target);
if (existingProxy) return existingProxy;
const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers);
proxyMap.set(target, proxy);
return proxy;
}
function isReactive(value) {
if (isReadonly(value)) return isReactive(value["__v_raw"]);
return !!(value && value["__v_isReactive"]);
}
function isReadonly(value) {
return !!(value && value["__v_isReadonly"]);
}
function isShallow(value) {
return !!(value && value["__v_isShallow"]);
}
function isProxy(value) {
return value ? !!value["__v_raw"] : false;
}
function toRaw(observed) {
const raw = observed && observed["__v_raw"];
return raw ? toRaw(raw) : observed;
}
function markRaw(value) {
if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) def(value, "__v_skip", true);
return value;
}
var toReactive$1 = (value) => isObject$2(value) ? reactive(value) : value;
var toReadonly = (value) => isObject$2(value) ? readonly(value) : value;
function isRef(r) {
return r ? r["__v_isRef"] === true : false;
}
function ref(value) {
return createRef(value, false);
}
function shallowRef(value) {
return createRef(value, true);
}
function createRef(rawValue, shallow) {
if (isRef(rawValue)) return rawValue;
return new RefImpl(rawValue, shallow);
}
var RefImpl = class {
constructor(value, isShallow2) {
this.dep = new Dep();
this["__v_isRef"] = true;
this["__v_isShallow"] = false;
this._rawValue = isShallow2 ? value : toRaw(value);
this._value = isShallow2 ? value : toReactive$1(value);
this["__v_isShallow"] = isShallow2;
}
get value() {
this.dep.track();
return this._value;
}
set value(newValue) {
const oldValue = this._rawValue;
const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue);
newValue = useDirectValue ? newValue : toRaw(newValue);
if (hasChanged(newValue, oldValue)) {
this._rawValue = newValue;
this._value = useDirectValue ? newValue : toReactive$1(newValue);
this.dep.trigger();
}
}
};
function triggerRef(ref2) {
if (ref2.dep) ref2.dep.trigger();
}
function unref(ref2) {
return isRef(ref2) ? ref2.value : ref2;
}
function toValue$1(source) {
return isFunction$1(source) ? source() : unref(source);
}
var shallowUnwrapHandlers = {
get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
set: (target, key, value, receiver) => {
const oldValue = target[key];
if (isRef(oldValue) && !isRef(value)) {
oldValue.value = value;
return true;
} else return Reflect.set(target, key, value, receiver);
}
};
function proxyRefs(objectWithRefs) {
return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
}
var CustomRefImpl = class {
constructor(factory) {
this["__v_isRef"] = true;
this._value = void 0;
const dep = this.dep = new Dep();
const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep));
this._get = get;
this._set = set;
}
get value() {
return this._value = this._get();
}
set value(newVal) {
this._set(newVal);
}
};
function customRef(factory) {
return new CustomRefImpl(factory);
}
function toRefs(object) {
const ret = isArray(object) ? new Array(object.length) : {};
for (const key in object) ret[key] = propertyToRef(object, key);
return ret;
}
var ObjectRefImpl = class {
constructor(_object, key, _defaultValue) {
this._object = _object;
this._defaultValue = _defaultValue;
this["__v_isRef"] = true;
this._value = void 0;
this._key = isSymbol(key) ? key : String(key);
this._raw = toRaw(_object);
let shallow = true;
let obj = _object;
if (!isArray(_object) || isSymbol(this._key) || !isIntegerKey(this._key)) do
shallow = !isProxy(obj) || isShallow(obj);
while (shallow && (obj = obj["__v_raw"]));
this._shallow = shallow;
}
get value() {
let val = this._object[this._key];
if (this._shallow) val = unref(val);
return this._value = val === void 0 ? this._defaultValue : val;
}
set value(newVal) {
if (this._shallow && isRef(this._raw[this._key])) {
const nestedRef = this._object[this._key];
if (isRef(nestedRef)) {
nestedRef.value = newVal;
return;
}
}
this._object[this._key] = newVal;
}
get dep() {
return getDepFromReactive(this._raw, this._key);
}
};
var GetterRefImpl = class {
constructor(_getter) {
this._getter = _getter;
this["__v_isRef"] = true;
this["__v_isReadonly"] = true;
this._value = void 0;
}
get value() {
return this._value = this._getter();
}
};
function toRef$1(source, key, defaultValue) {
if (isRef(source)) return source;
else if (isFunction$1(source)) return new GetterRefImpl(source);
else if (isObject$2(source) && arguments.length > 1) return propertyToRef(source, key, defaultValue);
else return ref(source);
}
function propertyToRef(source, key, defaultValue) {
return new ObjectRefImpl(source, key, defaultValue);
}
var ComputedRefImpl = class {
constructor(fn, setter, isSSR) {
this.fn = fn;
this.setter = setter;
this._value = void 0;
this.dep = new Dep(this);
this.__v_isRef = true;
this.deps = void 0;
this.depsTail = void 0;
this.flags = 16;
this.globalVersion = globalVersion - 1;
this.next = void 0;
this.effect = this;
this["__v_isReadonly"] = !setter;
this.isSSR = isSSR;
}
notify() {
this.flags |= 16;
if (!(this.flags & 8) && activeSub !== this) {
batch(this, true);
return true;
}
}
get value() {
const link = this.dep.track();
refreshComputed(this);
if (link) link.version = this.dep.version;
return this._value;
}
set value(newValue) {
if (this.setter) this.setter(newValue);
}
};
function computed$1(getterOrOptions, debugOptions, isSSR = false) {
let getter;
let setter;
if (isFunction$1(getterOrOptions)) getter = getterOrOptions;
else {
getter = getterOrOptions.get;
setter = getterOrOptions.set;
}
return new ComputedRefImpl(getter, setter, isSSR);
}
var TrackOpTypes = {
"GET": "get",
"HAS": "has",
"ITERATE": "iterate"
};
var TriggerOpTypes = {
"SET": "set",
"ADD": "add",
"DELETE": "delete",
"CLEAR": "clear"
};
var INITIAL_WATCHER_VALUE = {};
var cleanupMap = new WeakMap();
var activeWatcher = void 0;
function getCurrentWatcher() {
return activeWatcher;
}
function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) {
if (owner) {
let cleanups = cleanupMap.get(owner);
if (!cleanups) cleanupMap.set(owner, cleanups = []);
cleanups.push(cleanupFn);
}
}
function watch$1(source, cb, options = EMPTY_OBJ) {
const { immediate, deep, once, scheduler, augmentJob, call } = options;
const reactiveGetter = (source2) => {
if (deep) return source2;
if (isShallow(source2) || deep === false || deep === 0) return traverse(source2, 1);
return traverse(source2);
};
let effect;
let getter;
let cleanup;
let boundCleanup;
let forceTrigger = false;
let isMultiSource = false;
if (isRef(source)) {
getter = () => source.value;
forceTrigger = isShallow(source);
} else if (isReactive(source)) {
getter = () => reactiveGetter(source);
forceTrigger = true;
} else if (isArray(source)) {
isMultiSource = true;
forceTrigger = source.some((s) => isReactive(s) || isShallow(s));
getter = () => source.map((s) => {
if (isRef(s)) return s.value;
else if (isReactive(s)) return reactiveGetter(s);
else if (isFunction$1(s)) return call ? call(s, 2) : s();
});
} else if (isFunction$1(source)) if (cb) getter = call ? () => call(source, 2) : source;
else getter = () => {
if (cleanup) {
pauseTracking();
try {
cleanup();
} finally {
resetTracking();
}
}
const currentEffect = activeWatcher;
activeWatcher = effect;
try {
return call ? call(source, 3, [boundCleanup]) : source(boundCleanup);
} finally {
activeWatcher = currentEffect;
}
};
else getter = NOOP;
if (cb && deep) {
const baseGetter = getter;
const depth = deep === true ? Infinity : deep;
getter = () => traverse(baseGetter(), depth);
}
const scope = getCurrentScope();
const watchHandle = () => {
effect.stop();
if (scope && scope.active) remove(scope.effects, effect);
};
if (once && cb) {
const _cb = cb;
cb = (...args) => {
_cb(...args);
watchHandle();
};
}
let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
const job = (immediateFirstRun) => {
if (!(effect.flags & 1) || !effect.dirty && !immediateFirstRun) return;
if (cb) {
const newValue = effect.run();
if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
if (cleanup) cleanup();
const currentWatcher = activeWatcher;
activeWatcher = effect;
try {
const args = [
newValue,
oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
boundCleanup
];
oldValue = newValue;
call ? call(cb, 3, args) : cb(...args);
} finally {
activeWatcher = currentWatcher;
}
}
} else effect.run();
};
if (augmentJob) augmentJob(job);
effect = new ReactiveEffect(getter);
effect.scheduler = scheduler ? () => scheduler(job, false) : job;
boundCleanup = (fn) => onWatcherCleanup(fn, false, effect);
cleanup = effect.onStop = () => {
const cleanups = cleanupMap.get(effect);
if (cleanups) {
if (call) call(cleanups, 4);
else for (const cleanup2 of cleanups) cleanup2();
cleanupMap.delete(effect);
}
};
if (cb) if (immediate) job(true);
else oldValue = effect.run();
else if (scheduler) scheduler(job.bind(null, true), true);
else effect.run();
watchHandle.pause = effect.pause.bind(effect);
watchHandle.resume = effect.resume.bind(effect);
watchHandle.stop = watchHandle;
return watchHandle;
}
function traverse(value, depth = Infinity, seen) {
if (depth <= 0 || !isObject$2(value) || value["__v_skip"]) return value;
seen = seen || new Map();
if ((seen.get(value) || 0) >= depth) return value;
seen.set(value, depth);
depth--;
if (isRef(value)) traverse(value.value, depth, seen);
else if (isArray(value)) for (let i = 0; i < value.length; i++) traverse(value[i], depth, seen);
else if (isSet(value) || isMap(value)) value.forEach((v) => {
traverse(v, depth, seen);
});
else if (isPlainObject$1(value)) {
for (const key in value) traverse(value[key], depth, seen);
for (const key of Object.getOwnPropertySymbols(value)) if (Object.prototype.propertyIsEnumerable.call(value, key)) traverse(value[key], depth, seen);
}
return value;
}
var stack = [];
function pushWarningContext(vnode) {
stack.push(vnode);
}
function popWarningContext() {
stack.pop();
}
function assertNumber(val, type) {}
var ErrorCodes = {
"SETUP_FUNCTION": 0,
"0": "SETUP_FUNCTION",
"RENDER_FUNCTION": 1,
"1": "RENDER_FUNCTION",
"NATIVE_EVENT_HANDLER": 5,
"5": "NATIVE_EVENT_HANDLER",
"COMPONENT_EVENT_HANDLER": 6,
"6": "COMPONENT_EVENT_HANDLER",
"VNODE_HOOK": 7,
"7": "VNODE_HOOK",
"DIRECTIVE_HOOK": 8,
"8": "DIRECTIVE_HOOK",
"TRANSITION_HOOK": 9,
"9": "TRANSITION_HOOK",
"APP_ERROR_HANDLER": 10,
"10": "APP_ERROR_HANDLER",
"APP_WARN_HANDLER": 11,
"11": "APP_WARN_HANDLER",
"FUNCTION_REF": 12,
"12": "FUNCTION_REF",
"ASYNC_COMPONENT_LOADER": 13,
"13": "ASYNC_COMPONENT_LOADER",
"SCHEDULER": 14,
"14": "SCHEDULER",
"COMPONENT_UPDATE": 15,
"15": "COMPONENT_UPDATE",
"APP_UNMOUNT_CLEANUP": 16,
"16": "APP_UNMOUNT_CLEANUP"
};
var ErrorTypeStrings$1 = {
["sp"]: "serverPrefetch hook",
["bc"]: "beforeCreate hook",
["c"]: "created hook",
["bm"]: "beforeMount hook",
["m"]: "mounted hook",
["bu"]: "beforeUpdate hook",
["u"]: "updated",
["bum"]: "beforeUnmount hook",
["um"]: "unmounted hook",
["a"]: "activated hook",
["da"]: "deactivated hook",
["ec"]: "errorCaptured hook",
["rtc"]: "renderTracked hook",
["rtg"]: "renderTriggered hook",
[0]: "setup function",
[1]: "render function",
[2]: "watcher getter",
[3]: "watcher callback",
[4]: "watcher cleanup function",
[5]: "native event handler",
[6]: "component event handler",
[7]: "vnode hook",
[8]: "directive hook",
[9]: "transition hook",
[10]: "app errorHandler",
[11]: "app warnHandler",
[12]: "ref function",
[13]: "async component loader",
[14]: "scheduler flush",
[15]: "component update",
[16]: "app unmount cleanup function"
};
function callWithErrorHandling(fn, instance, type, args) {
try {
return args ? fn(...args) : fn();
} catch (err) {
handleError(err, instance, type);
}
}
function callWithAsyncErrorHandling(fn, instance, type, args) {
if (isFunction$1(fn)) {
const res = callWithErrorHandling(fn, instance, type, args);
if (res && isPromise(res)) res.catch((err) => {
handleError(err, instance, type);
});
return res;
}
if (isArray(fn)) {
const values = [];
for (let i = 0; i < fn.length; i++) values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
return values;
}
}
function handleError(err, instance, type, throwInDev = true) {
const contextVNode = instance ? instance.vnode : null;
const { errorHandler, throwUnhandledErrorInProduction } = instance && instance.appContext.config || EMPTY_OBJ;
if (instance) {
let cur = instance.parent;
const exposedInstance = instance.proxy;
const errorInfo = `https://vuejs.org/error-reference/#runtime-${type}`;
while (cur) {
const errorCapturedHooks = cur.ec;
if (errorCapturedHooks) {
for (let i = 0; i < errorCapturedHooks.length; i++) if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) return;
}
cur = cur.parent;
}
if (errorHandler) {
pauseTracking();
callWithErrorHandling(errorHandler, null, 10, [
err,
exposedInstance,
errorInfo
]);
resetTracking();
return;
}
}
logError(err, type, contextVNode, throwInDev, throwUnhandledErrorInProduction);
}
function logError(err, type, contextVNode, throwInDev = true, throwInProd = false) {
if (throwInProd) throw err;
else console.error(err);
}
var queue = [];
var flushIndex = -1;
var pendingPostFlushCbs = [];
var activePostFlushCbs = null;
var postFlushIndex = 0;
var resolvedPromise = Promise.resolve();
var currentFlushPromise = null;
function nextTick(fn) {
const p = currentFlushPromise || resolvedPromise;
return fn ? p.then(this ? fn.bind(this) : fn) : p;
}
function findInsertionIndex(id) {
let start = flushIndex + 1;
let end = queue.length;
while (start < end) {
const middle = start + end >>> 1;
const middleJob = queue[middle];
const middleJobId = getId$1(middleJob);
if (middleJobId < id || middleJobId === id && middleJob.flags & 2) start = middle + 1;
else end = middle;
}
return start;
}
function queueJob(job) {
if (!(job.flags & 1)) {
const jobId = getId$1(job);
const lastJob = queue[queue.length - 1];
if (!lastJob || !(job.flags & 2) && jobId >= getId$1(lastJob)) queue.push(job);
else queue.splice(findInsertionIndex(jobId), 0, job);
job.flags |= 1;
queueFlush();
}
}
function queueFlush() {
if (!currentFlushPromise) currentFlushPromise = resolvedPromise.then(flushJobs);
}
function queuePostFlushCb(cb) {
if (!isArray(cb)) {
if (activePostFlushCbs && cb.id === -1) activePostFlushCbs.splice(postFlushIndex + 1, 0, cb);
else if (!(cb.flags & 1)) {
pendingPostFlushCbs.push(cb);
cb.flags |= 1;
}
} else pendingPostFlushCbs.push(...cb);
queueFlush();
}
function flushPreFlushCbs(instance, seen, i = flushIndex + 1) {
for (; i < queue.length; i++) {
const cb = queue[i];
if (cb && cb.flags & 2) {
if (instance && cb.id !== instance.uid) continue;
queue.splice(i, 1);
i--;
if (cb.flags & 4) cb.flags &= -2;
cb();
if (!(cb.flags & 4)) cb.flags &= -2;
}
}
}
function flushPostFlushCbs(seen) {
if (pendingPostFlushCbs.length) {
const deduped = [...new Set(pendingPostFlushCbs)].sort((a, b) => getId$1(a) - getId$1(b));
pendingPostFlushCbs.length = 0;
if (activePostFlushCbs) {
activePostFlushCbs.push(...deduped);
return;
}
activePostFlushCbs = deduped;
for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
const cb = activePostFlushCbs[postFlushIndex];
if (cb.flags & 4) cb.flags &= -2;
if (!(cb.flags & 8)) cb();
cb.flags &= -2;
}
activePostFlushCbs = null;
postFlushIndex = 0;
}
}
var getId$1 = (job) => job.id == null ? job.flags & 2 ? -1 : Infinity : job.id;
function flushJobs(seen) {
try {
for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
const job = queue[flushIndex];
if (job && !(job.flags & 8)) {
if (job.flags & 4) job.flags &= -2;
callWithErrorHandling(job, job.i, job.i ? 15 : 14);
if (!(job.flags & 4)) job.flags &= -2;
}
}
} finally {
for (; flushIndex < queue.length; flushIndex++) {
const job = queue[flushIndex];
if (job) job.flags &= -2;
}
flushIndex = -1;
queue.length = 0;
flushPostFlushCbs(seen);
currentFlushPromise = null;
if (queue.length || pendingPostFlushCbs.length) flushJobs(seen);
}
}
var devtools$1;
var buffer = [];
function setDevtoolsHook$1(hook, target) {
var _a, _b;
devtools$1 = hook;
if (devtools$1) {
devtools$1.enabled = true;
buffer.forEach(({ event, args }) => devtools$1.emit(event, ...args));
buffer = [];
} else if (typeof window !== "undefined" && window.HTMLElement && !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom"))) {
(target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || []).push((newHook) => {
setDevtoolsHook$1(newHook, target);
});
setTimeout(() => {
if (!devtools$1) {
target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null;
buffer = [];
}
}, 3e3);
} else buffer = [];
}
var currentRenderingInstance = null;
var currentScopeId = null;
function setCurrentRenderingInstance(instance) {
const prev = currentRenderingInstance;
currentRenderingInstance = instance;
currentScopeId = instance && instance.type.__scopeId || null;
return prev;
}
function pushScopeId(id) {
currentScopeId = id;
}
function popScopeId() {
currentScopeId = null;
}
var withScopeId = (_id) => withCtx;
function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
if (!ctx) return fn;
if (fn._n) return fn;
const renderFnWithContext = (...args) => {
if (renderFnWithContext._d) setBlockTracking(-1);
const prevInstance = setCurrentRenderingInstance(ctx);
let res;
try {
res = fn(...args);
} finally {
setCurrentRenderingInstance(prevInstance);
if (renderFnWithContext._d) setBlockTracking(1);
}
return res;
};
renderFnWithContext._n = true;
renderFnWithContext._c = true;
renderFnWithContext._d = true;
return renderFnWithContext;
}
function withDirectives(vnode, directives) {
if (currentRenderingInstance === null) return vnode;
const instance = getComponentPublicInstance(currentRenderingInstance);
const bindings = vnode.dirs || (vnode.dirs = []);
for (let i = 0; i < directives.length; i++) {
let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
if (dir) {
if (isFunction$1(dir)) dir = {
mounted: dir,
updated: dir
};
if (dir.deep) traverse(value);
bindings.push({
dir,
instance,
value,
oldValue: void 0,
arg,
modifiers
});
}
}
return vnode;
}
function invokeDirectiveHook(vnode, prevVNode, instance, name) {
const bindings = vnode.dirs;
const oldBindings = prevVNode && prevVNode.dirs;
for (let i = 0; i < bindings.length; i++) {
const binding = bindings[i];
if (oldBindings) binding.oldValue = oldBindings[i].value;
let hook = binding.dir[name];
if (hook) {
pauseTracking();
callWithAsyncErrorHandling(hook, instance, 8, [
vnode.el,
binding,
vnode,
prevVNode
]);
resetTracking();
}
}
}
function provide(key, value) {
if (currentInstance) {
let provides = currentInstance.provides;
const parentProvides = currentInstance.parent && currentInstance.parent.provides;
if (parentProvides === provides) provides = currentInstance.provides = Object.create(parentProvides);
provides[key] = value;
}
}
function inject(key, defaultValue, treatDefaultAsFactory = false) {
const instance = getCurrentInstance();
if (instance || currentApp) {
let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : void 0;
if (provides && key in provides) return provides[key];
else if (arguments.length > 1) return treatDefaultAsFactory && isFunction$1(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
}
}
function hasInjectionContext() {
return !!(getCurrentInstance() || currentApp);
}
var ssrContextKey = Symbol.for("v-scx");
var useSSRContext = () => {
{
const ctx = inject(ssrContextKey);
if (!ctx) {}
return ctx;
}
};
function watchEffect(effect, options) {
return doWatch(effect, null, options);
}
function watchPostEffect(effect, options) {
return doWatch(effect, null, { flush: "post" });
}
function watchSyncEffect(effect, options) {
return doWatch(effect, null, { flush: "sync" });
}
function watch(source, cb, options) {
return doWatch(source, cb, options);
}
function doWatch(source, cb, options = EMPTY_OBJ) {
const { immediate, deep, flush, once } = options;
const baseWatchOptions = extend$1({}, options);
const runsImmediately = cb && immediate || !cb && flush !== "post";
let ssrCleanup;
if (isInSSRComponentSetup) {
if (flush === "sync") {
const ctx = useSSRContext();
ssrCleanup = ctx.__watcherHandles || (ctx.__watcherHandles = []);
} else if (!runsImmediately) {
const watchStopHandle = () => {};
watchStopHandle.stop = NOOP;
watchStopHandle.resume = NOOP;
watchStopHandle.pause = NOOP;
return watchStopHandle;
}
}
const instance = currentInstance;
baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
let isPre = false;
if (flush === "post") baseWatchOptions.scheduler = (job) => {
queuePostRenderEffect(job, instance && instance.suspense);
};
else if (flush !== "sync") {
isPre = true;
baseWatchOptions.scheduler = (job, isFirstRun) => {
if (isFirstRun) job();
else queueJob(job);
};
}
baseWatchOptions.augmentJob = (job) => {
if (cb) job.flags |= 4;
if (isPre) {
job.flags |= 2;
if (instance) {
job.id = instance.uid;
job.i = instance;
}
}
};
const watchHandle = watch$1(source, cb, baseWatchOptions);
if (isInSSRComponentSetup) {
if (ssrCleanup) ssrCleanup.push(watchHandle);
else if (runsImmediately) watchHandle();
}
return watchHandle;
}
function instanceWatch(source, value, options) {
const publicThis = this.proxy;
const getter = isString$1(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
let cb;
if (isFunction$1(value)) cb = value;
else {
cb = value.handler;
options = value;
}
const reset = setCurrentInstance(this);
const res = doWatch(getter, cb.bind(publicThis), options);
reset();
return res;
}
function createPathGetter(ctx, path) {
const segments = path.split(".");
return () => {
let cur = ctx;
for (let i = 0; i < segments.length && cur; i++) cur = cur[segments[i]];
return cur;
};
}
var pendingMounts = new WeakMap();
var TeleportEndKey = Symbol("_vte");
var isTeleport = (type) => type.__isTeleport;
var isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
var isTeleportDeferred = (props) => props && (props.defer || props.defer === "");
var isTargetSVG = (target) => typeof SVGElement !== "undefined" && target instanceof SVGElement;
var isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement;
var resolveTarget = (props, select) => {
const targetSelector = props && props.to;
if (isString$1(targetSelector)) if (!select) return null;
else return select(targetSelector);
else return targetSelector;
};
var TeleportImpl = {
name: "Teleport",
__isTeleport: true,
process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment, parentNode } } = internals;
const disabled = isTeleportDisabled(n2.props);
let { dynamicChildren } = n2;
const mount = (vnode, container2, anchor2) => {
if (vnode.shapeFlag & 16) mountChildren(vnode.children, container2, anchor2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
};
const mountToTarget = (vnode = n2) => {
const disabled2 = isTeleportDisabled(vnode.props);
const target = vnode.target = resolveTarget(vnode.props, querySelector);
const targetAnchor = prepareAnchor(target, vnode, createText, insert);
if (target) {
if (namespace !== "svg" && isTargetSVG(target)) namespace = "svg";
else if (namespace !== "mathml" && isTargetMathML(target)) namespace = "mathml";
if (parentComponent && parentComponent.isCE) (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = new Set())).add(target);
if (!disabled2) {
mount(vnode, target, targetAnchor);
updateCssVars(vnode, false);
}
}
};
const queuePendingMount = (vnode) => {
const mountJob = () => {
if (pendingMounts.get(vnode) !== mountJob) return;
pendingMounts.delete(vnode);
if (isTeleportDisabled(vnode.props)) {
mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
updateCssVars(vnode, true);
}
mountToTarget(vnode);
};
pendingMounts.set(vnode, mountJob);
queuePostRenderEffect(mountJob, parentSuspense);
};
if (n1 == null) {
const placeholder = n2.el = createText("");
const mainAnchor = n2.anchor = createText("");
insert(placeholder, container, anchor);
insert(mainAnchor, container, anchor);
if (isTeleportDeferred(n2.props) || parentSuspense && parentSuspense.pendingBranch) {
queuePendingMount(n2);
return;
}
if (disabled) {
mount(n2, container, mainAnchor);
updateCssVars(n2, true);
}
mountToTarget();
} else {
n2.el = n1.el;
const mainAnchor = n2.anchor = n1.anchor;
const pendingMount = pendingMounts.get(n1);
if (pendingMount) {
pendingMount.flags |= 8;
pendingMounts.delete(n1);
queuePendingMount(n2);
return;
}
n2.targetStart = n1.targetStart;
const target = n2.target = n1.target;
const targetAnchor = n2.targetAnchor = n1.targetAnchor;
const wasDisabled = isTeleportDisabled(n1.props);
const currentContainer = wasDisabled ? container : target;
const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
if (namespace === "svg" || isTargetSVG(target)) namespace = "svg";
else if (namespace === "mathml" || isTargetMathML(target)) namespace = "mathml";
if (dynamicChildren) {
patchBlockChildren(n1.dynamicChildren, dynamicChildren, currentContainer, parentComponent, parentSuspense, namespace, slotScopeIds);
traverseStaticChildren(n1, n2, true);
} else if (!optimized) patchChildren(n1, n2, currentContainer, currentAnchor, parentComponent, parentSuspense, namespace, slotScopeIds, false);
if (disabled) {
if (!wasDisabled) moveTeleport(n2, container, mainAnchor, internals, 1);
else if (n2.props && n1.props && n2.props.to !== n1.props.to) n2.props.to = n1.props.to;
} else if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
const nextTarget = n2.target = resolveTarget(n2.props, querySelector);
if (nextTarget) moveTeleport(n2, nextTarget, null, internals, 0);
} else if (wasDisabled) moveTeleport(n2, target, targetAnchor, internals, 1);
updateCssVars(n2, disabled);
}
},
remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
const { shapeFlag, children, anchor, targetStart, targetAnchor, target, props } = vnode;
let shouldRemove = doRemove || !isTeleportDisabled(props);
const pendingMount = pendingMounts.get(vnode);
if (pendingMount) {
pendingMount.flags |= 8;
pendingMounts.delete(vnode);
shouldRemove = false;
}
if (target) {
hostRemove(targetStart);
hostRemove(targetAnchor);
}
doRemove && hostRemove(anchor);
if (shapeFlag & 16) for (let i = 0; i < children.length; i++) {
const child = children[i];
unmount(child, parentComponent, parentSuspense, shouldRemove, !!child.dynamicChildren);
}
},
move: moveTeleport,
hydrate: hydrateTeleport
};
function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) {
if (moveType === 0) insert(vnode.targetAnchor, container, parentAnchor);
const { el, anchor, shapeFlag, children, props } = vnode;
const isReorder = moveType === 2;
if (isReorder) insert(el, container, parentAnchor);
if (!pendingMounts.has(vnode) && (!isReorder || isTeleportDisabled(props))) {
if (shapeFlag & 16) for (let i = 0; i < children.length; i++) move(children[i], container, parentAnchor, 2);
}
if (isReorder) insert(anchor, container, parentAnchor);
}
function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector, insert, createText } }, hydrateChildren) {
function hydrateAnchor(target2, targetNode) {
let targetAnchor = targetNode;
while (targetAnchor) {
if (targetAnchor && targetAnchor.nodeType === 8) {
if (targetAnchor.data === "teleport start anchor") vnode.targetStart = targetAnchor;
else if (targetAnchor.data === "teleport anchor") {
vnode.targetAnchor = targetAnchor;
target2._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
break;
}
}
targetAnchor = nextSibling(targetAnchor);
}
}
function hydrateDisabledTeleport(node2, vnode2) {
vnode2.anchor = hydrateChildren(nextSibling(node2), vnode2, parentNode(node2), parentComponent, parentSuspense, slotScopeIds, optimized);
}
const target = vnode.target = resolveTarget(vnode.props, querySelector);
const disabled = isTeleportDisabled(vnode.props);
if (target) {
const targetNode = target._lpa || target.firstChild;
if (vnode.shapeFlag & 16) if (disabled) {
hydrateDisabledTeleport(node, vnode);
hydrateAnchor(target, targetNode);
if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
} else {
vnode.anchor = nextSibling(node);
hydrateAnchor(target, targetNode);
if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
}
updateCssVars(vnode, disabled);
} else if (disabled) {
if (vnode.shapeFlag & 16) {
hydrateDisabledTeleport(node, vnode);
vnode.targetStart = node;
vnode.targetAnchor = nextSibling(node);
}
}
return vnode.anchor && nextSibling(vnode.anchor);
}
var Teleport = TeleportImpl;
function updateCssVars(vnode, isDisabled) {
const ctx = vnode.ctx;
if (ctx && ctx.ut) {
let node, anchor;
if (isDisabled) {
node = vnode.el;
anchor = vnode.anchor;
} else {
node = vnode.targetStart;
anchor = vnode.targetAnchor;
}
while (node && node !== anchor) {
if (node.nodeType === 1) node.setAttribute("data-v-owner", ctx.uid);
node = node.nextSibling;
}
ctx.ut();
}
}
function prepareAnchor(target, vnode, createText, insert, anchor = null) {
const targetStart = vnode.targetStart = createText("");
const targetAnchor = vnode.targetAnchor = createText("");
targetStart[TeleportEndKey] = targetAnchor;
if (target) {
insert(targetStart, target, anchor);
insert(targetAnchor, target, anchor);
}
return targetAnchor;
}
var leaveCbKey = Symbol("_leaveCb");
var enterCbKey$1 = Symbol("_enterCb");
function useTransitionState() {
const state = {
isMounted: false,
isLeaving: false,
isUnmounting: false,
leavingVNodes: new Map()
};
onMounted(() => {
state.isMounted = true;
});
onBeforeUnmount(() => {
state.isUnmounting = true;
});
return state;
}
var TransitionHookValidator = [Function, Array];
var BaseTransitionPropsValidators = {
mode: String,
appear: Boolean,
persisted: Boolean,
onBeforeEnter: TransitionHookValidator,
onEnter: TransitionHookValidator,
onAfterEnter: TransitionHookValidator,
onEnterCancelled: TransitionHookValidator,
onBeforeLeave: TransitionHookValidator,
onLeave: TransitionHookValidator,
onAfterLeave: TransitionHookValidator,
onLeaveCancelled: TransitionHookValidator,
onBeforeAppear: TransitionHookValidator,
onAppear: TransitionHookValidator,
onAfterAppear: TransitionHookValidator,
onAppearCancelled: TransitionHookValidator
};
var recursiveGetSubtree = (instance) => {
const subTree = instance.subTree;
return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
};
var BaseTransitionImpl = {
name: `BaseTransition`,
props: BaseTransitionPropsValidators,
setup(props, { slots }) {
const instance = getCurrentInstance();
const state = useTransitionState();
return () => {
const children = slots.default && getTransitionRawChildren(slots.default(), true);
const child = children && children.length ? findNonCommentChild(children) : instance.subTree ? createCommentVNode() : void 0;
if (!child) return;
const rawProps = toRaw(props);
const { mode } = rawProps;
if (state.isLeaving) return emptyPlaceholder(child);
const innerChild = getInnerChild$1(child);
if (!innerChild) return emptyPlaceholder(child);
let enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance, (hooks) => enterHooks = hooks);
if (innerChild.type !== Comment) setTransitionHooks(innerChild, enterHooks);
let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && recursiveGetSubtree(instance).type !== Comment) {
let leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance);
setTransitionHooks(oldInnerChild, leavingHooks);
if (mode === "out-in" && innerChild.type !== Comment) {
state.isLeaving = true;
leavingHooks.afterLeave = () => {
state.isLeaving = false;
if (!(instance.job.flags & 8)) instance.update();
delete leavingHooks.afterLeave;
oldInnerChild = void 0;
};
return emptyPlaceholder(child);
} else if (mode === "in-out" && innerChild.type !== Comment) leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
el[leaveCbKey] = () => {
earlyRemove();
el[leaveCbKey] = void 0;
delete enterHooks.delayedLeave;
oldInnerChild = void 0;
};
enterHooks.delayedLeave = () => {
delayedLeave();
delete enterHooks.delayedLeave;
oldInnerChild = void 0;
};
};
else oldInnerChild = void 0;
} else if (oldInnerChild) oldInnerChild = void 0;
return child;
};
}
};
function findNonCommentChild(children) {
let child = children[0];
if (children.length > 1) {
for (const c of children) if (c.type !== Comment) {
child = c;
break;
}
}
return child;
}
var BaseTransition = BaseTransitionImpl;
function getLeavingNodesForType(state, vnode) {
const { leavingVNodes } = state;
let leavingVNodesCache = leavingVNodes.get(vnode.type);
if (!leavingVNodesCache) {
leavingVNodesCache = Object.create(null);
leavingVNodes.set(vnode.type, leavingVNodesCache);
}
return leavingVNodesCache;
}
function resolveTransitionHooks(vnode, props, state, instance, postClone) {
const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props;
const key = String(vnode.key);
const leavingVNodesCache = getLeavingNodesForType(state, vnode);
const callHook = (hook, args) => {
hook && callWithAsyncErrorHandling(hook, instance, 9, args);
};
const callAsyncHook = (hook, args) => {
const done = args[1];
callHook(hook, args);
if (isArray(hook)) {
if (hook.every((hook2) => hook2.length <= 1)) done();
} else if (hook.length <= 1) done();
};
const hooks = {
mode,
persisted,
beforeEnter(el) {
let hook = onBeforeEnter;
if (!state.isMounted) if (appear) hook = onBeforeAppear || onBeforeEnter;
else return;
if (el[leaveCbKey]) el[leaveCbKey](true);
const leavingVNode = leavingVNodesCache[key];
if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) leavingVNode.el[leaveCbKey]();
callHook(hook, [el]);
},
enter(el) {
if (leavingVNodesCache[key] === vnode) return;
let hook = onEnter;
let afterHook = onAfterEnter;
let cancelHook = onEnterCancelled;
if (!state.isMounted) if (appear) {
hook = onAppear || onEnter;
afterHook = onAfterAppear || onAfterEnter;
cancelHook = onAppearCancelled || onEnterCancelled;
} else return;
let called = false;
el[enterCbKey$1] = (cancelled) => {
if (called) return;
called = true;
if (cancelled) callHook(cancelHook, [el]);
else callHook(afterHook, [el]);
if (hooks.delayedLeave) hooks.delayedLeave();
el[enterCbKey$1] = void 0;
};
const done = el[enterCbKey$1].bind(null, false);
if (hook) callAsyncHook(hook, [el, done]);
else done();
},
leave(el, remove) {
const key2 = String(vnode.key);
if (el[enterCbKey$1]) el[enterCbKey$1](true);
if (state.isUnmounting) return remove();
callHook(onBeforeLeave, [el]);
let called = false;
el[leaveCbKey] = (cancelled) => {
if (called) return;
called = true;
remove();
if (cancelled) callHook(onLeaveCancelled, [el]);
else callHook(onAfterLeave, [el]);
el[leaveCbKey] = void 0;
if (leavingVNodesCache[key2] === vnode) delete leavingVNodesCache[key2];
};
const done = el[leaveCbKey].bind(null, false);
leavingVNodesCache[key2] = vnode;
if (onLeave) callAsyncHook(onLeave, [el, done]);
else done();
},
clone(vnode2) {
const hooks2 = resolveTransitionHooks(vnode2, props, state, instance, postClone);
if (postClone) postClone(hooks2);
return hooks2;
}
};
return hooks;
}
function emptyPlaceholder(vnode) {
if (isKeepAlive(vnode)) {
vnode = cloneVNode(vnode);
vnode.children = null;
return vnode;
}
}
function getInnerChild$1(vnode) {
if (!isKeepAlive(vnode)) {
if (isTeleport(vnode.type) && vnode.children) return findNonCommentChild(vnode.children);
return vnode;
}
if (vnode.component) return vnode.component.subTree;
const { shapeFlag, children } = vnode;
if (children) {
if (shapeFlag & 16) return children[0];
if (shapeFlag & 32 && isFunction$1(children.default)) return children.default();
}
}
function setTransitionHooks(vnode, hooks) {
if (vnode.shapeFlag & 6 && vnode.component) {
vnode.transition = hooks;
setTransitionHooks(vnode.component.subTree, hooks);
} else if (vnode.shapeFlag & 128) {
vnode.ssContent.transition = hooks.clone(vnode.ssContent);
vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
} else vnode.transition = hooks;
}
function getTransitionRawChildren(children, keepComment = false, parentKey) {
let ret = [];
let keyedFragmentCount = 0;
for (let i = 0; i < children.length; i++) {
let child = children[i];
const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i);
if (child.type === Fragment) {
if (child.patchFlag & 128) keyedFragmentCount++;
ret = ret.concat(getTransitionRawChildren(child.children, keepComment, key));
} else if (keepComment || child.type !== Comment) ret.push(key != null ? cloneVNode(child, { key }) : child);
}
if (keyedFragmentCount > 1) for (let i = 0; i < ret.length; i++) ret[i].patchFlag = -2;
return ret;
}
function defineComponent(options, extraOptions) {
return isFunction$1(options) ? extend$1({ name: options.name }, extraOptions, { setup: options }) : options;
}
function useId$1() {
const i = getCurrentInstance();
if (i) return (i.appContext.config.idPrefix || "v") + "-" + i.ids[0] + i.ids[1]++;
return "";
}
function markAsyncBoundary(instance) {
instance.ids = [
instance.ids[0] + instance.ids[2]++ + "-",
0,
0
];
}
function useTemplateRef(key) {
const i = getCurrentInstance();
const r = shallowRef(null);
if (i) {
const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs;
Object.defineProperty(refs, key, {
enumerable: true,
get: () => r.value,
set: (val) => r.value = val
});
}
return r;
}
function isTemplateRefKey(refs, key) {
let desc;
return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
}
var pendingSetRefMap = new WeakMap();
function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
if (isArray(rawRef)) {
rawRef.forEach((r, i) => setRef(r, oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef), parentSuspense, vnode, isUnmount));
return;
}
if (isAsyncWrapper(vnode) && !isUnmount) {
if (vnode.shapeFlag & 512 && vnode.type.__asyncResolved && vnode.component.subTree.component) setRef(rawRef, oldRawRef, parentSuspense, vnode.component.subTree);
return;
}
const refValue = vnode.shapeFlag & 4 ? getComponentPublicInstance(vnode.component) : vnode.el;
const value = isUnmount ? null : refValue;
const { i: owner, r: ref } = rawRef;
const oldRef = oldRawRef && oldRawRef.r;
const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
const setupState = owner.setupState;
const rawSetupState = toRaw(setupState);
const canSetSetupRef = setupState === EMPTY_OBJ ? NO : (key) => {
if (isTemplateRefKey(refs, key)) return false;
return hasOwn(rawSetupState, key);
};
const canSetRef = (ref2, key) => {
if (key && isTemplateRefKey(refs, key)) return false;
return true;
};
if (oldRef != null && oldRef !== ref) {
invalidatePendingSetRef(oldRawRef);
if (isString$1(oldRef)) {
refs[oldRef] = null;
if (canSetSetupRef(oldRef)) setupState[oldRef] = null;
} else if (isRef(oldRef)) {
const oldRawRefAtom = oldRawRef;
if (canSetRef(oldRef, oldRawRefAtom.k)) oldRef.value = null;
if (oldRawRefAtom.k) refs[oldRawRefAtom.k] = null;
}
}
if (isFunction$1(ref)) callWithErrorHandling(ref, owner, 12, [value, refs]);
else {
const _isString = isString$1(ref);
const _isRef = isRef(ref);
if (_isString || _isRef) {
const doSet = () => {
if (rawRef.f) {
const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : canSetRef(ref) || !rawRef.k ? ref.value : refs[rawRef.k];
if (isUnmount) isArray(existing) && remove(existing, refValue);
else if (!isArray(existing)) if (_isString) {
refs[ref] = [refValue];
if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
} else {
const newVal = [refValue];
if (canSetRef(ref, rawRef.k)) ref.value = newVal;
if (rawRef.k) refs[rawRef.k] = newVal;
}
else if (!existing.includes(refValue)) existing.push(refValue);
} else if (_isString) {
refs[ref] = value;
if (canSetSetupRef(ref)) setupState[ref] = value;
} else if (_isRef) {
if (canSetRef(ref, rawRef.k)) ref.value = value;
if (rawRef.k) refs[rawRef.k] = value;
}
};
if (value) {
const job = () => {
doSet();
pendingSetRefMap.delete(rawRef);
};
job.id = -1;
pendingSetRefMap.set(rawRef, job);
queuePostRenderEffect(job, parentSuspense);
} else {
invalidatePendingSetRef(rawRef);
doSet();
}
}
}
}
function invalidatePendingSetRef(rawRef) {
const pendingSetRef = pendingSetRefMap.get(rawRef);
if (pendingSetRef) {
pendingSetRef.flags |= 8;
pendingSetRefMap.delete(rawRef);
}
}
var hasLoggedMismatchError = false;
var logMismatchError = () => {
if (hasLoggedMismatchError) return;
console.error("Hydration completed but contains mismatches.");
hasLoggedMismatchError = true;
};
var isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
var isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
var getContainerType = (container) => {
if (container.nodeType !== 1) return void 0;
if (isSVGContainer(container)) return "svg";
if (isMathMLContainer(container)) return "mathml";
};
var isComment = (node) => node.nodeType === 8;
function createHydrationFunctions(rendererInternals) {
const { mt: mountComponent, p: patch, o: { patchProp, createText, nextSibling, parentNode, remove, insert, createComment } } = rendererInternals;
const hydrate = (vnode, container) => {
if (!container.hasChildNodes()) {
patch(null, vnode, container);
flushPostFlushCbs();
container._vnode = vnode;
return;
}
hydrateNode(container.firstChild, vnode, null, null, null);
flushPostFlushCbs();
container._vnode = vnode;
};
const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
optimized = optimized || !!vnode.dynamicChildren;
const isFragmentStart = isComment(node) && node.data === "[";
const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
const { type, ref, shapeFlag, patchFlag } = vnode;
let domType = node.nodeType;
vnode.el = node;
if (patchFlag === -2) {
optimized = false;
vnode.dynamicChildren = null;
}
let nextNode = null;
switch (type) {
case Text:
if (domType !== 3) if (vnode.children === "") {
insert(vnode.el = createText(""), parentNode(node), node);
nextNode = node;
} else nextNode = onMismatch();
else {
if (node.data !== vnode.children) {
logMismatchError();
node.data = vnode.children;
}
nextNode = nextSibling(node);
}
break;
case Comment:
if (isTemplateNode(node)) {
nextNode = nextSibling(node);
replaceNode(vnode.el = node.content.firstChild, node, parentComponent);
} else if (domType !== 8 || isFragmentStart) nextNode = onMismatch();
else nextNode = nextSibling(node);
break;
case Static:
if (isFragmentStart) {
node = nextSibling(node);
domType = node.nodeType;
}
if (domType === 1 || domType === 3) {
nextNode = node;
const needToAdoptContent = !vnode.children.length;
for (let i = 0; i < vnode.staticCount; i++) {
if (needToAdoptContent) vnode.children += nextNode.nodeType === 1 ? nextNode.outerHTML : nextNode.data;
if (i === vnode.staticCount - 1) vnode.anchor = nextNode;
nextNode = nextSibling(nextNode);
}
return isFragmentStart ? nextSibling(nextNode) : nextNode;
} else onMismatch();
break;
case Fragment:
if (!isFragmentStart) nextNode = onMismatch();
else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
break;
default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) nextNode = onMismatch();
else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
else if (shapeFlag & 6) {
vnode.slotScopeIds = slotScopeIds;
const container = parentNode(node);
if (isFragmentStart) nextNode = locateClosingAnchor(node);
else if (isComment(node) && node.data === "teleport start") nextNode = locateClosingAnchor(node, node.data, "teleport end");
else nextNode = nextSibling(node);
mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) {
let subTree;
if (isFragmentStart) {
subTree = createVNode(Fragment);
subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div");
subTree.el = node;
vnode.component.subTree = subTree;
}
} else if (shapeFlag & 64) if (domType !== 8) nextNode = onMismatch();
else nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
else if (shapeFlag & 128) nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, getContainerType(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
}
if (ref != null) setRef(ref, null, parentSuspense, vnode);
return nextNode;
};
const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
optimized = optimized || !!vnode.dynamicChildren;
const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
const forcePatch = type === "input" || type === "option";
if (forcePatch || patchFlag !== -1) {
if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "created");
let needCallTransitionHooks = false;
if (isTemplateNode(el)) {
needCallTransitionHooks = needTransition(null, transition) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear;
const content = el.content.firstChild;
if (needCallTransitionHooks) {
const cls = content.getAttribute("class");
if (cls) content.$cls = cls;
transition.beforeEnter(content);
}
replaceNode(content, el, parentComponent);
vnode.el = el = content;
}
if (shapeFlag & 16 && !(props && (props.innerHTML || props.textContent))) {
let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
while (next) {
if (!isMismatchAllowed(el, 1)) logMismatchError();
const cur = next;
next = next.nextSibling;
remove(cur);
}
} else if (shapeFlag & 8) {
let clientText = vnode.children;
if (clientText[0] === "\n" && (el.tagName === "PRE" || el.tagName === "TEXTAREA")) clientText = clientText.slice(1);
const { textContent } = el;
if (textContent !== clientText && textContent !== clientText.replace(/\r\n|\r/g, "\n")) {
if (!isMismatchAllowed(el, 0)) logMismatchError();
el.textContent = vnode.children;
}
}
if (props) {
if (forcePatch || !optimized || patchFlag & 48) {
const isCustomElement = el.tagName.includes("-");
for (const key in props) if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key)) patchProp(el, key, null, props[key], void 0, parentComponent);
} else if (props.onClick) patchProp(el, "onClick", null, props.onClick, void 0, parentComponent);
else if (patchFlag & 4 && isReactive(props.style)) for (const key in props.style) props.style[key];
}
let vnodeHooks;
if (vnodeHooks = props && props.onVnodeBeforeMount) invokeVNodeHook(vnodeHooks, parentComponent, vnode);
if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
if ((vnodeHooks = props && props.onVnodeMounted) || dirs || needCallTransitionHooks) queueEffectWithSuspense(() => {
vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
needCallTransitionHooks && transition.enter(el);
dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
}, parentSuspense);
}
return el.nextSibling;
};
const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
optimized = optimized || !!parentVNode.dynamicChildren;
const children = parentVNode.children;
const l = children.length;
for (let i = 0; i < l; i++) {
const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
const isText = vnode.type === Text;
if (node) {
if (isText && !optimized) {
if (i + 1 < l && normalizeVNode(children[i + 1]).type === Text) {
insert(createText(node.data.slice(vnode.children.length)), container, nextSibling(node));
node.data = vnode.children;
}
}
node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
} else if (isText && !vnode.children) insert(vnode.el = createText(""), container);
else {
if (!isMismatchAllowed(container, 1)) logMismatchError();
patch(null, vnode, container, null, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
}
}
return node;
};
const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
const { slotScopeIds: fragmentSlotScopeIds } = vnode;
if (fragmentSlotScopeIds) slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
const container = parentNode(node);
const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
if (next && isComment(next) && next.data === "]") return nextSibling(vnode.anchor = next);
else {
logMismatchError();
insert(vnode.anchor = createComment(`]`), container, next);
return next;
}
};
const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
if (!isMismatchAllowed(node.parentElement, 1)) logMismatchError();
vnode.el = null;
if (isFragment) {
const end = locateClosingAnchor(node);
while (true) {
const next2 = nextSibling(node);
if (next2 && next2 !== end) remove(next2);
else break;
}
}
const next = nextSibling(node);
const container = parentNode(node);
remove(node);
patch(null, vnode, container, next, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
if (parentComponent) {
parentComponent.vnode.el = vnode.el;
updateHOCHostEl(parentComponent, vnode.el);
}
return next;
};
const locateClosingAnchor = (node, open = "[", close = "]") => {
let match = 0;
while (node) {
node = nextSibling(node);
if (node && isComment(node)) {
if (node.data === open) match++;
if (node.data === close) if (match === 0) return nextSibling(node);
else match--;
}
}
return node;
};
const replaceNode = (newNode, oldNode, parentComponent) => {
const parentNode2 = oldNode.parentNode;
if (parentNode2) parentNode2.replaceChild(newNode, oldNode);
let parent = parentComponent;
while (parent) {
if (parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
parent = parent.parent;
}
};
const isTemplateNode = (node) => {
return node.nodeType === 1 && node.tagName === "TEMPLATE";
};
return [hydrate, hydrateNode];
}
var allowMismatchAttr = "data-allow-mismatch";
var MismatchTypeString = {
[0]: "text",
[1]: "children",
[2]: "class",
[3]: "style",
[4]: "attribute"
};
function isMismatchAllowed(el, allowedType) {
if (allowedType === 0 || allowedType === 1) while (el && !el.hasAttribute(allowMismatchAttr)) el = el.parentElement;
const allowedAttr = el && el.getAttribute(allowMismatchAttr);
if (allowedAttr == null) return false;
else if (allowedAttr === "") return true;
else {
const list = allowedAttr.split(",");
if (allowedType === 0 && list.includes("children")) return true;
return list.includes(MismatchTypeString[allowedType]);
}
}
var requestIdleCallback = getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1));
var cancelIdleCallback = getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id));
var hydrateOnIdle = (timeout = 1e4) => (hydrate) => {
const id = requestIdleCallback(hydrate, { timeout });
return () => cancelIdleCallback(id);
};
function elementIsVisibleInViewport(el) {
const { top, left, bottom, right } = el.getBoundingClientRect();
const { innerHeight, innerWidth } = window;
return (top > 0 && top < innerHeight || bottom > 0 && bottom < innerHeight) && (left > 0 && left < innerWidth || right > 0 && right < innerWidth);
}
var hydrateOnVisible = (opts) => (hydrate, forEach) => {
const ob = new IntersectionObserver((entries) => {
for (const e of entries) {
if (!e.isIntersecting) continue;
ob.disconnect();
hydrate();
break;
}
}, opts);
forEach((el) => {
if (!(el instanceof Element)) return;
if (elementIsVisibleInViewport(el)) {
hydrate();
ob.disconnect();
return false;
}
ob.observe(el);
});
return () => ob.disconnect();
};
var hydrateOnMediaQuery = (query) => (hydrate) => {
if (query) {
const mql = matchMedia(query);
if (mql.matches) hydrate();
else {
mql.addEventListener("change", hydrate, { once: true });
return () => mql.removeEventListener("change", hydrate);
}
}
};
var hydrateOnInteraction = (interactions = []) => (hydrate, forEach) => {
if (isString$1(interactions)) interactions = [interactions];
let hasHydrated = false;
const doHydrate = (e) => {
if (!hasHydrated) {
hasHydrated = true;
teardown();
hydrate();
e.target.dispatchEvent(new e.constructor(e.type, e));
}
};
const teardown = () => {
forEach((el) => {
for (const i of interactions) el.removeEventListener(i, doHydrate);
});
};
forEach((el) => {
for (const i of interactions) el.addEventListener(i, doHydrate, { once: true });
});
return teardown;
};
function forEachElement(node, cb) {
if (isComment(node) && node.data === "[") {
let depth = 1;
let next = node.nextSibling;
while (next) {
if (next.nodeType === 1) {
if (cb(next) === false) break;
} else if (isComment(next)) {
if (next.data === "]") {
if (--depth === 0) break;
} else if (next.data === "[") depth++;
}
next = next.nextSibling;
}
} else cb(node);
}
var isAsyncWrapper = (i) => !!i.type.__asyncLoader;
function defineAsyncComponent(source) {
if (isFunction$1(source)) source = { loader: source };
const { loader, loadingComponent, errorComponent, delay = 200, hydrate: hydrateStrategy, timeout, suspensible = true, onError: userOnError } = source;
let pendingRequest = null;
let resolvedComp;
let retries = 0;
const retry = () => {
retries++;
pendingRequest = null;
return load();
};
const load = () => {
let thisRequest;
return pendingRequest || (thisRequest = pendingRequest = loader().catch((err) => {
err = err instanceof Error ? err : new Error(String(err));
if (userOnError) return new Promise((resolve, reject) => {
const userRetry = () => resolve(retry());
const userFail = () => reject(err);
userOnError(err, userRetry, userFail, retries + 1);
});
else throw err;
}).then((comp) => {
if (thisRequest !== pendingRequest && pendingRequest) return pendingRequest;
if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) comp = comp.default;
resolvedComp = comp;
return comp;
}));
};
return defineComponent({
name: "AsyncComponentWrapper",
__asyncLoader: load,
__asyncHydrate(el, instance, hydrate) {
let patched = false;
(instance.bu || (instance.bu = [])).push(() => patched = true);
const performHydrate = () => {
if (patched) return;
hydrate();
};
const doHydrate = hydrateStrategy ? () => {
const teardown = hydrateStrategy(performHydrate, (cb) => forEachElement(el, cb));
if (teardown) (instance.bum || (instance.bum = [])).push(teardown);
} : performHydrate;
if (resolvedComp) doHydrate();
else load().then(() => !instance.isUnmounted && doHydrate());
},
get __asyncResolved() {
return resolvedComp;
},
setup() {
const instance = currentInstance;
markAsyncBoundary(instance);
if (resolvedComp) return () => createInnerComp(resolvedComp, instance);
const onError = (err) => {
pendingRequest = null;
handleError(err, instance, 13, !errorComponent);
};
if (suspensible && instance.suspense || isInSSRComponentSetup) return load().then((comp) => {
return () => createInnerComp(comp, instance);
}).catch((err) => {
onError(err);
return () => errorComponent ? createVNode(errorComponent, { error: err }) : null;
});
const loaded = ref(false);
const error = ref();
const delayed = ref(!!delay);
if (delay) setTimeout(() => {
delayed.value = false;
}, delay);
if (timeout != null) setTimeout(() => {
if (!loaded.value && !error.value) {
const err = new Error(`Async component timed out after ${timeout}ms.`);
onError(err);
error.value = err;
}
}, timeout);
load().then(() => {
loaded.value = true;
if (instance.parent && isKeepAlive(instance.parent.vnode)) instance.parent.update();
}).catch((err) => {
onError(err);
error.value = err;
});
return () => {
if (loaded.value && resolvedComp) return createInnerComp(resolvedComp, instance);
else if (error.value && errorComponent) return createVNode(errorComponent, { error: error.value });
else if (loadingComponent && !delayed.value) return createInnerComp(loadingComponent, instance);
};
}
});
}
function createInnerComp(comp, parent) {
const { ref: ref2, props, children, ce } = parent.vnode;
const vnode = createVNode(comp, props, children);
vnode.ref = ref2;
vnode.ce = ce;
delete parent.vnode.ce;
return vnode;
}
var isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
var KeepAlive = {
name: `KeepAlive`,
__isKeepAlive: true,
props: {
include: [
String,
RegExp,
Array
],
exclude: [
String,
RegExp,
Array
],
max: [String, Number]
},
setup(props, { slots }) {
const instance = getCurrentInstance();
const sharedContext = instance.ctx;
if (!sharedContext.renderer) return () => {
const children = slots.default && slots.default();
return children && children.length === 1 ? children[0] : children;
};
const cache = new Map();
const keys = new Set();
let current = null;
const parentSuspense = instance.suspense;
const { renderer: { p: patch, m: move, um: _unmount, o: { createElement } } } = sharedContext;
const storageContainer = createElement("div");
sharedContext.activate = (vnode, container, anchor, namespace, optimized) => {
const instance2 = vnode.component;
move(vnode, container, anchor, 0, parentSuspense);
patch(instance2.vnode, vnode, container, anchor, instance2, parentSuspense, namespace, vnode.slotScopeIds, optimized);
queuePostRenderEffect(() => {
instance2.isDeactivated = false;
if (instance2.a) invokeArrayFns(instance2.a);
const vnodeHook = vnode.props && vnode.props.onVnodeMounted;
if (vnodeHook) invokeVNodeHook(vnodeHook, instance2.parent, vnode);
}, parentSuspense);
};
sharedContext.deactivate = (vnode) => {
const instance2 = vnode.component;
invalidateMount(instance2.m);
invalidateMount(instance2.a);
move(vnode, storageContainer, null, 1, parentSuspense);
queuePostRenderEffect(() => {
if (instance2.da) invokeArrayFns(instance2.da);
const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted;
if (vnodeHook) invokeVNodeHook(vnodeHook, instance2.parent, vnode);
instance2.isDeactivated = true;
}, parentSuspense);
};
function unmount(vnode) {
resetShapeFlag(vnode);
_unmount(vnode, instance, parentSuspense, true);
}
function pruneCache(filter) {
cache.forEach((vnode, key) => {
const name = getComponentName(isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : vnode.type);
if (name && !filter(name)) pruneCacheEntry(key);
});
}
function pruneCacheEntry(key) {
const cached = cache.get(key);
if (cached && (!current || !isSameVNodeType(cached, current))) unmount(cached);
else if (current) resetShapeFlag(current);
cache.delete(key);
keys.delete(key);
}
watch(() => [props.include, props.exclude], ([include, exclude]) => {
include && pruneCache((name) => matches$1(include, name));
exclude && pruneCache((name) => !matches$1(exclude, name));
}, {
flush: "post",
deep: true
});
let pendingCacheKey = null;
const cacheSubtree = () => {
if (pendingCacheKey != null) if (isSuspense(instance.subTree.type)) queuePostRenderEffect(() => {
cache.set(pendingCacheKey, getInnerChild(instance.subTree));
}, instance.subTree.suspense);
else cache.set(pendingCacheKey, getInnerChild(instance.subTree));
};
onMounted(cacheSubtree);
onUpdated(cacheSubtree);
onBeforeUnmount(() => {
cache.forEach((cached) => {
const { subTree, suspense } = instance;
const vnode = getInnerChild(subTree);
if (cached.type === vnode.type && cached.key === vnode.key) {
resetShapeFlag(vnode);
const da = vnode.component.da;
da && queuePostRenderEffect(da, suspense);
return;
}
unmount(cached);
});
});
return () => {
pendingCacheKey = null;
if (!slots.default) return current = null;
const children = slots.default();
const rawVNode = children[0];
if (children.length > 1) {
current = null;
return children;
} else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4) && !(rawVNode.shapeFlag & 128)) {
current = null;
return rawVNode;
}
let vnode = getInnerChild(rawVNode);
if (vnode.type === Comment) {
current = null;
return vnode;
}
const comp = vnode.type;
const name = getComponentName(isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp);
const { include, exclude, max } = props;
if (include && (!name || !matches$1(include, name)) || exclude && name && matches$1(exclude, name)) {
vnode.shapeFlag &= -257;
current = vnode;
return rawVNode;
}
const key = vnode.key == null ? comp : vnode.key;
const cachedVNode = cache.get(key);
if (vnode.el) {
vnode = cloneVNode(vnode);
if (rawVNode.shapeFlag & 128) rawVNode.ssContent = vnode;
}
pendingCacheKey = key;
if (cachedVNode) {
vnode.el = cachedVNode.el;
vnode.component = cachedVNode.component;
if (vnode.transition) setTransitionHooks(vnode, vnode.transition);
vnode.shapeFlag |= 512;
keys.delete(key);
keys.add(key);
} else {
keys.add(key);
if (max && keys.size > parseInt(max, 10)) pruneCacheEntry(keys.values().next().value);
}
vnode.shapeFlag |= 256;
current = vnode;
return isSuspense(rawVNode.type) ? rawVNode : vnode;
};
}
};
function matches$1(pattern, name) {
if (isArray(pattern)) return pattern.some((p) => matches$1(p, name));
else if (isString$1(pattern)) return pattern.split(",").includes(name);
else if (isRegExp(pattern)) {
pattern.lastIndex = 0;
return pattern.test(name);
}
return false;
}
function onActivated(hook, target) {
registerKeepAliveHook(hook, "a", target);
}
function onDeactivated(hook, target) {
registerKeepAliveHook(hook, "da", target);
}
function registerKeepAliveHook(hook, type, target = currentInstance) {
const wrappedHook = hook.__wdc || (hook.__wdc = () => {
let current = target;
while (current) {
if (current.isDeactivated) return;
current = current.parent;
}
return hook();
});
injectHook(type, wrappedHook, target);
if (target) {
let current = target.parent;
while (current && current.parent) {
if (isKeepAlive(current.parent.vnode)) injectToKeepAliveRoot(wrappedHook, type, target, current);
current = current.parent;
}
}
}
function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
const injected = injectHook(type, hook, keepAliveRoot, true);
onUnmounted(() => {
remove(keepAliveRoot[type], injected);
}, target);
}
function resetShapeFlag(vnode) {
vnode.shapeFlag &= -257;
vnode.shapeFlag &= -513;
}
function getInnerChild(vnode) {
return vnode.shapeFlag & 128 ? vnode.ssContent : vnode;
}
function injectHook(type, hook, target = currentInstance, prepend = false) {
if (target) {
const hooks = target[type] || (target[type] = []);
const wrappedHook = hook.__weh || (hook.__weh = (...args) => {
pauseTracking();
const reset = setCurrentInstance(target);
const res = callWithAsyncErrorHandling(hook, target, type, args);
reset();
resetTracking();
return res;
});
if (prepend) hooks.unshift(wrappedHook);
else hooks.push(wrappedHook);
return wrappedHook;
}
}
var createHook = (lifecycle) => (hook, target = currentInstance) => {
if (!isInSSRComponentSetup || lifecycle === "sp") injectHook(lifecycle, (...args) => hook(...args), target);
};
var onBeforeMount = createHook("bm");
var onMounted = createHook("m");
var onBeforeUpdate = createHook("bu");
var onUpdated = createHook("u");
var onBeforeUnmount = createHook("bum");
var onUnmounted = createHook("um");
var onServerPrefetch = createHook("sp");
var onRenderTriggered = createHook("rtg");
var onRenderTracked = createHook("rtc");
function onErrorCaptured(hook, target = currentInstance) {
injectHook("ec", hook, target);
}
var COMPONENTS = "components";
var DIRECTIVES = "directives";
function resolveComponent(name, maybeSelfReference) {
return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
}
var NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
function resolveDynamicComponent(component) {
if (isString$1(component)) return resolveAsset(COMPONENTS, component, false) || component;
else return component || NULL_DYNAMIC_COMPONENT;
}
function resolveDirective(name) {
return resolveAsset(DIRECTIVES, name);
}
function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
const instance = currentRenderingInstance || currentInstance;
if (instance) {
const Component = instance.type;
if (type === COMPONENTS) {
const selfName = getComponentName(Component, false);
if (selfName && (selfName === name || selfName === camelize$2(name) || selfName === capitalize(camelize$2(name)))) return Component;
}
const res = resolve(instance[type] || Component[type], name) || resolve(instance.appContext[type], name);
if (!res && maybeSelfReference) return Component;
return res;
}
}
function resolve(registry, name) {
return registry && (registry[name] || registry[camelize$2(name)] || registry[capitalize(camelize$2(name))]);
}
function renderList(source, renderItem, cache, index) {
let ret;
const cached = cache && cache[index];
const sourceIsArray = isArray(source);
if (sourceIsArray || isString$1(source)) {
const sourceIsReactiveArray = sourceIsArray && isReactive(source);
let needsWrap = false;
let isReadonlySource = false;
if (sourceIsReactiveArray) {
needsWrap = !isShallow(source);
isReadonlySource = isReadonly(source);
source = shallowReadArray(source);
}
ret = new Array(source.length);
for (let i = 0, l = source.length; i < l; i++) ret[i] = renderItem(needsWrap ? isReadonlySource ? toReadonly(toReactive$1(source[i])) : toReactive$1(source[i]) : source[i], i, void 0, cached && cached[i]);
} else if (typeof source === "number") {
ret = new Array(source);
for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
} else if (isObject$2(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
else {
const keys = Object.keys(source);
ret = new Array(keys.length);
for (let i = 0, l = keys.length; i < l; i++) {
const key = keys[i];
ret[i] = renderItem(source[key], key, i, cached && cached[i]);
}
}
else ret = [];
if (cache) cache[index] = ret;
return ret;
}
function createSlots(slots, dynamicSlots) {
for (let i = 0; i < dynamicSlots.length; i++) {
const slot = dynamicSlots[i];
if (isArray(slot)) for (let j = 0; j < slot.length; j++) slots[slot[j].name] = slot[j].fn;
else if (slot) slots[slot.name] = slot.key ? (...args) => {
const res = slot.fn(...args);
if (res) res.key = slot.key;
return res;
} : slot.fn;
}
return slots;
}
function renderSlot(slots, name, props = {}, fallback, noSlotted) {
if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) {
const hasProps = Object.keys(props).length > 0;
if (name !== "default") props.name = name;
return openBlock(), createBlock(Fragment, null, [createVNode("slot", props, fallback && fallback())], hasProps ? -2 : 64);
}
let slot = slots[name];
if (slot && slot._c) slot._d = false;
openBlock();
const validSlotContent = slot && ensureValidVNode(slot(props));
const slotKey = props.key || validSlotContent && validSlotContent.key;
const rendered = createBlock(Fragment, { key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
if (!noSlotted && rendered.scopeId) rendered.slotScopeIds = [rendered.scopeId + "-s"];
if (slot && slot._c) slot._d = true;
return rendered;
}
function ensureValidVNode(vnodes) {
return vnodes.some((child) => {
if (!isVNode(child)) return true;
if (child.type === Comment) return false;
if (child.type === Fragment && !ensureValidVNode(child.children)) return false;
return true;
}) ? vnodes : null;
}
function toHandlers(obj, preserveCaseIfNecessary) {
const ret = {};
for (const key in obj) ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];
return ret;
}
var getPublicInstance = (i) => {
if (!i) return null;
if (isStatefulComponent(i)) return getComponentPublicInstance(i);
return getPublicInstance(i.parent);
};
var publicPropertiesMap = extend$1(Object.create(null), {
$: (i) => i,
$el: (i) => i.vnode.el,
$data: (i) => i.data,
$props: (i) => i.props,
$attrs: (i) => i.attrs,
$slots: (i) => i.slots,
$refs: (i) => i.refs,
$parent: (i) => getPublicInstance(i.parent),
$root: (i) => getPublicInstance(i.root),
$host: (i) => i.ce,
$emit: (i) => i.emit,
$options: (i) => resolveMergedOptions(i),
$forceUpdate: (i) => i.f || (i.f = () => {
queueJob(i.update);
}),
$nextTick: (i) => i.n || (i.n = nextTick.bind(i.proxy)),
$watch: (i) => instanceWatch.bind(i)
});
var hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key);
var PublicInstanceProxyHandlers = {
get({ _: instance }, key) {
if (key === "__v_skip") return true;
const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
if (key[0] !== "$") {
const n = accessCache[key];
if (n !== void 0) switch (n) {
case 1: return setupState[key];
case 2: return data[key];
case 4: return ctx[key];
case 3: return props[key];
}
else if (hasSetupBinding(setupState, key)) {
accessCache[key] = 1;
return setupState[key];
} else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
accessCache[key] = 2;
return data[key];
} else if (hasOwn(props, key)) {
accessCache[key] = 3;
return props[key];
} else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
accessCache[key] = 4;
return ctx[key];
} else if (shouldCacheAccess) accessCache[key] = 0;
}
const publicGetter = publicPropertiesMap[key];
let cssModule, globalProperties;
if (publicGetter) {
if (key === "$attrs") track(instance.attrs, "get", "");
return publicGetter(instance);
} else if ((cssModule = type.__cssModules) && (cssModule = cssModule[key])) return cssModule;
else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
accessCache[key] = 4;
return ctx[key];
} else if (globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key)) return globalProperties[key];
},
set({ _: instance }, key, value) {
const { data, setupState, ctx } = instance;
if (hasSetupBinding(setupState, key)) {
setupState[key] = value;
return true;
} else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
data[key] = value;
return true;
} else if (hasOwn(instance.props, key)) return false;
if (key[0] === "$" && key.slice(1) in instance) return false;
else ctx[key] = value;
return true;
},
has({ _: { data, setupState, accessCache, ctx, appContext, props, type } }, key) {
let cssModules;
return !!(accessCache[key] || data !== EMPTY_OBJ && key[0] !== "$" && hasOwn(data, key) || hasSetupBinding(setupState, key) || hasOwn(props, key) || hasOwn(ctx, key) || hasOwn(publicPropertiesMap, key) || hasOwn(appContext.config.globalProperties, key) || (cssModules = type.__cssModules) && cssModules[key]);
},
defineProperty(target, key, descriptor) {
if (descriptor.get != null) target._.accessCache[key] = 0;
else if (hasOwn(descriptor, "value")) this.set(target, key, descriptor.value, null);
return Reflect.defineProperty(target, key, descriptor);
}
};
var RuntimeCompiledPublicInstanceProxyHandlers = extend$1({}, PublicInstanceProxyHandlers, {
get(target, key) {
if (key === Symbol.unscopables) return;
return PublicInstanceProxyHandlers.get(target, key, target);
},
has(_, key) {
return key[0] !== "_" && !isGloballyAllowed(key);
}
});
function defineProps() {
return null;
}
function defineEmits() {
return null;
}
function defineExpose(exposed) {}
function defineOptions(options) {}
function defineSlots() {
return null;
}
function defineModel() {}
function withDefaults(props, defaults) {
return null;
}
function useSlots() {
return getContext$1("useSlots").slots;
}
function useAttrs() {
return getContext$1("useAttrs").attrs;
}
function getContext$1(calledFunctionName) {
const i = getCurrentInstance();
return i.setupContext || (i.setupContext = createSetupContext(i));
}
function normalizePropsOrEmits(props) {
return isArray(props) ? props.reduce((normalized, p) => (normalized[p] = null, normalized), {}) : props;
}
function mergeDefaults(raw, defaults) {
const props = normalizePropsOrEmits(raw);
for (const key in defaults) {
if (key.startsWith("__skip")) continue;
let opt = props[key];
if (opt) if (isArray(opt) || isFunction$1(opt)) opt = props[key] = {
type: opt,
default: defaults[key]
};
else opt.default = defaults[key];
else if (opt === null) opt = props[key] = { default: defaults[key] };
if (opt && defaults[`__skip_${key}`]) opt.skipFactory = true;
}
return props;
}
function mergeModels(a, b) {
if (!a || !b) return a || b;
if (isArray(a) && isArray(b)) return a.concat(b);
return extend$1({}, normalizePropsOrEmits(a), normalizePropsOrEmits(b));
}
function createPropsRestProxy(props, excludedKeys) {
const ret = {};
for (const key in props) if (!excludedKeys.includes(key)) Object.defineProperty(ret, key, {
enumerable: true,
get: () => props[key]
});
return ret;
}
function withAsyncContext(getAwaitable) {
const ctx = getCurrentInstance();
const inSSRSetup = isInSSRComponentSetup;
let awaitable = getAwaitable();
unsetCurrentInstance();
if (inSSRSetup) setInSSRSetupState(false);
const restore = () => {
setCurrentInstance(ctx);
if (inSSRSetup) setInSSRSetupState(true);
};
const cleanup = () => {
if (getCurrentInstance() !== ctx) ctx.scope.off();
unsetCurrentInstance();
if (inSSRSetup) setInSSRSetupState(false);
};
if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
restore();
Promise.resolve().then(() => Promise.resolve().then(cleanup));
throw e;
});
return [awaitable, () => {
restore();
Promise.resolve().then(cleanup);
}];
}
var shouldCacheAccess = true;
function applyOptions(instance) {
const options = resolveMergedOptions(instance);
const publicThis = instance.proxy;
const ctx = instance.ctx;
shouldCacheAccess = false;
if (options.beforeCreate) callHook$1(options.beforeCreate, instance, "bc");
const { data: dataOptions, computed: computedOptions, methods, watch: watchOptions, provide: provideOptions, inject: injectOptions, created, beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy, beforeUnmount, destroyed, unmounted, render, renderTracked, renderTriggered, errorCaptured, serverPrefetch, expose, inheritAttrs, components, directives, filters } = options;
const checkDuplicateProperties = null;
if (injectOptions) resolveInjections(injectOptions, ctx, checkDuplicateProperties);
if (methods) for (const key in methods) {
const methodHandler = methods[key];
if (isFunction$1(methodHandler)) ctx[key] = methodHandler.bind(publicThis);
}
if (dataOptions) {
const data = dataOptions.call(publicThis, publicThis);
if (!isObject$2(data)) {} else instance.data = reactive(data);
}
shouldCacheAccess = true;
if (computedOptions) for (const key in computedOptions) {
const opt = computedOptions[key];
const c = computed({
get: isFunction$1(opt) ? opt.bind(publicThis, publicThis) : isFunction$1(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP,
set: !isFunction$1(opt) && isFunction$1(opt.set) ? opt.set.bind(publicThis) : NOOP
});
Object.defineProperty(ctx, key, {
enumerable: true,
configurable: true,
get: () => c.value,
set: (v) => c.value = v
});
}
if (watchOptions) for (const key in watchOptions) createWatcher(watchOptions[key], ctx, publicThis, key);
if (provideOptions) {
const provides = isFunction$1(provideOptions) ? provideOptions.call(publicThis) : provideOptions;
Reflect.ownKeys(provides).forEach((key) => {
provide(key, provides[key]);
});
}
if (created) callHook$1(created, instance, "c");
function registerLifecycleHook(register, hook) {
if (isArray(hook)) hook.forEach((_hook) => register(_hook.bind(publicThis)));
else if (hook) register(hook.bind(publicThis));
}
registerLifecycleHook(onBeforeMount, beforeMount);
registerLifecycleHook(onMounted, mounted);
registerLifecycleHook(onBeforeUpdate, beforeUpdate);
registerLifecycleHook(onUpdated, updated);
registerLifecycleHook(onActivated, activated);
registerLifecycleHook(onDeactivated, deactivated);
registerLifecycleHook(onErrorCaptured, errorCaptured);
registerLifecycleHook(onRenderTracked, renderTracked);
registerLifecycleHook(onRenderTriggered, renderTriggered);
registerLifecycleHook(onBeforeUnmount, beforeUnmount);
registerLifecycleHook(onUnmounted, unmounted);
registerLifecycleHook(onServerPrefetch, serverPrefetch);
if (isArray(expose)) {
if (expose.length) {
const exposed = instance.exposed || (instance.exposed = {});
expose.forEach((key) => {
Object.defineProperty(exposed, key, {
get: () => publicThis[key],
set: (val) => publicThis[key] = val,
enumerable: true
});
});
} else if (!instance.exposed) instance.exposed = {};
}
if (render && instance.render === NOOP) instance.render = render;
if (inheritAttrs != null) instance.inheritAttrs = inheritAttrs;
if (components) instance.components = components;
if (directives) instance.directives = directives;
if (serverPrefetch) markAsyncBoundary(instance);
}
function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
if (isArray(injectOptions)) injectOptions = normalizeInject(injectOptions);
for (const key in injectOptions) {
const opt = injectOptions[key];
let injected;
if (isObject$2(opt)) if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
else injected = inject(opt.from || key);
else injected = inject(opt);
if (isRef(injected)) Object.defineProperty(ctx, key, {
enumerable: true,
configurable: true,
get: () => injected.value,
set: (v) => injected.value = v
});
else ctx[key] = injected;
}
}
function callHook$1(hook, instance, type) {
callWithAsyncErrorHandling(isArray(hook) ? hook.map((h) => h.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type);
}
function createWatcher(raw, ctx, publicThis, key) {
let getter = key.includes(".") ? createPathGetter(publicThis, key) : () => publicThis[key];
if (isString$1(raw)) {
const handler = ctx[raw];
if (isFunction$1(handler)) watch(getter, handler);
} else if (isFunction$1(raw)) watch(getter, raw.bind(publicThis));
else if (isObject$2(raw)) if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
else {
const handler = isFunction$1(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
if (isFunction$1(handler)) watch(getter, handler, raw);
}
}
function resolveMergedOptions(instance) {
const base = instance.type;
const { mixins, extends: extendsOptions } = base;
const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext;
const cached = cache.get(base);
let resolved;
if (cached) resolved = cached;
else if (!globalMixins.length && !mixins && !extendsOptions) resolved = base;
else {
resolved = {};
if (globalMixins.length) globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
mergeOptions(resolved, base, optionMergeStrategies);
}
if (isObject$2(base)) cache.set(base, resolved);
return resolved;
}
function mergeOptions(to, from, strats, asMixin = false) {
const { mixins, extends: extendsOptions } = from;
if (extendsOptions) mergeOptions(to, extendsOptions, strats, true);
if (mixins) mixins.forEach((m) => mergeOptions(to, m, strats, true));
for (const key in from) if (asMixin && key === "expose") {} else {
const strat = internalOptionMergeStrats[key] || strats && strats[key];
to[key] = strat ? strat(to[key], from[key]) : from[key];
}
return to;
}
var internalOptionMergeStrats = {
data: mergeDataFn,
props: mergeEmitsOrPropsOptions,
emits: mergeEmitsOrPropsOptions,
methods: mergeObjectOptions,
computed: mergeObjectOptions,
beforeCreate: mergeAsArray,
created: mergeAsArray,
beforeMount: mergeAsArray,
mounted: mergeAsArray,
beforeUpdate: mergeAsArray,
updated: mergeAsArray,
beforeDestroy: mergeAsArray,
beforeUnmount: mergeAsArray,
destroyed: mergeAsArray,
unmounted: mergeAsArray,
activated: mergeAsArray,
deactivated: mergeAsArray,
errorCaptured: mergeAsArray,
serverPrefetch: mergeAsArray,
components: mergeObjectOptions,
directives: mergeObjectOptions,
watch: mergeWatchOptions,
provide: mergeDataFn,
inject: mergeInject
};
function mergeDataFn(to, from) {
if (!from) return to;
if (!to) return from;
return function mergedDataFn() {
return extend$1(isFunction$1(to) ? to.call(this, this) : to, isFunction$1(from) ? from.call(this, this) : from);
};
}
function mergeInject(to, from) {
return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
}
function normalizeInject(raw) {
if (isArray(raw)) {
const res = {};
for (let i = 0; i < raw.length; i++) res[raw[i]] = raw[i];
return res;
}
return raw;
}
function mergeAsArray(to, from) {
return to ? [...new Set([].concat(to, from))] : from;
}
function mergeObjectOptions(to, from) {
return to ? extend$1(Object.create(null), to, from) : from;
}
function mergeEmitsOrPropsOptions(to, from) {
if (to) {
if (isArray(to) && isArray(from)) return [...new Set([...to, ...from])];
return extend$1(Object.create(null), normalizePropsOrEmits(to), normalizePropsOrEmits(from != null ? from : {}));
} else return from;
}
function mergeWatchOptions(to, from) {
if (!to) return from;
if (!from) return to;
const merged = extend$1(Object.create(null), to);
for (const key in from) merged[key] = mergeAsArray(to[key], from[key]);
return merged;
}
function createAppContext() {
return {
app: null,
config: {
isNativeTag: NO,
performance: false,
globalProperties: {},
optionMergeStrategies: {},
errorHandler: void 0,
warnHandler: void 0,
compilerOptions: {}
},
mixins: [],
components: {},
directives: {},
provides: Object.create(null),
optionsCache: new WeakMap(),
propsCache: new WeakMap(),
emitsCache: new WeakMap()
};
}
var uid$1 = 0;
function createAppAPI(render, hydrate) {
return function createApp(rootComponent, rootProps = null) {
if (!isFunction$1(rootComponent)) rootComponent = extend$1({}, rootComponent);
if (rootProps != null && !isObject$2(rootProps)) rootProps = null;
const context = createAppContext();
const installedPlugins = new WeakSet();
const pluginCleanupFns = [];
let isMounted = false;
const app = context.app = {
_uid: uid$1++,
_component: rootComponent,
_props: rootProps,
_container: null,
_context: context,
_instance: null,
version: version$1,
get config() {
return context.config;
},
set config(v) {},
use(plugin, ...options) {
if (installedPlugins.has(plugin)) {} else if (plugin && isFunction$1(plugin.install)) {
installedPlugins.add(plugin);
plugin.install(app, ...options);
} else if (isFunction$1(plugin)) {
installedPlugins.add(plugin);
plugin(app, ...options);
}
return app;
},
mixin(mixin) {
if (!context.mixins.includes(mixin)) context.mixins.push(mixin);
return app;
},
component(name, component) {
if (!component) return context.components[name];
context.components[name] = component;
return app;
},
directive(name, directive) {
if (!directive) return context.directives[name];
context.directives[name] = directive;
return app;
},
mount(rootContainer, isHydrate, namespace) {
if (!isMounted) {
const vnode = app._ceVNode || createVNode(rootComponent, rootProps);
vnode.appContext = context;
if (namespace === true) namespace = "svg";
else if (namespace === false) namespace = void 0;
if (isHydrate && hydrate) hydrate(vnode, rootContainer);
else render(vnode, rootContainer, namespace);
isMounted = true;
app._container = rootContainer;
rootContainer.__vue_app__ = app;
return getComponentPublicInstance(vnode.component);
}
},
onUnmount(cleanupFn) {
pluginCleanupFns.push(cleanupFn);
},
unmount() {
if (isMounted) {
callWithAsyncErrorHandling(pluginCleanupFns, app._instance, 16);
render(null, app._container);
delete app._container.__vue_app__;
}
},
provide(key, value) {
context.provides[key] = value;
return app;
},
runWithContext(fn) {
const lastApp = currentApp;
currentApp = app;
try {
return fn();
} finally {
currentApp = lastApp;
}
}
};
return app;
};
}
var currentApp = null;
function useModel(props, name, options = EMPTY_OBJ) {
const i = getCurrentInstance();
const camelizedName = camelize$2(name);
const hyphenatedName = hyphenate$1(name);
const modifiers = getModelModifiers(props, camelizedName);
const res = customRef((track, trigger) => {
let localValue;
let prevSetValue = EMPTY_OBJ;
let prevEmittedValue;
watchSyncEffect(() => {
const propValue = props[camelizedName];
if (hasChanged(localValue, propValue)) {
localValue = propValue;
trigger();
}
});
return {
get() {
track();
return options.get ? options.get(localValue) : localValue;
},
set(value) {
const emittedValue = options.set ? options.set(value) : value;
if (!hasChanged(emittedValue, localValue) && !(prevSetValue !== EMPTY_OBJ && hasChanged(value, prevSetValue))) return;
const rawProps = i.vnode.props;
if (!(rawProps && (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps))) {
localValue = value;
trigger();
}
i.emit(`update:${name}`, emittedValue);
if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) trigger();
prevSetValue = value;
prevEmittedValue = emittedValue;
}
};
});
res[Symbol.iterator] = () => {
let i2 = 0;
return { next() {
if (i2 < 2) return {
value: i2++ ? modifiers || EMPTY_OBJ : res,
done: false
};
else return { done: true };
} };
};
return res;
}
var getModelModifiers = (props, modelName) => {
return modelName === "modelValue" || modelName === "model-value" ? props.modelModifiers : props[`${modelName}Modifiers`] || props[`${camelize$2(modelName)}Modifiers`] || props[`${hyphenate$1(modelName)}Modifiers`];
};
function emit$2(instance, event, ...rawArgs) {
if (instance.isUnmounted) return;
const props = instance.vnode.props || EMPTY_OBJ;
let args = rawArgs;
const isModelListener = event.startsWith("update:");
const modifiers = isModelListener && getModelModifiers(props, event.slice(7));
if (modifiers) {
if (modifiers.trim) args = rawArgs.map((a) => isString$1(a) ? a.trim() : a);
if (modifiers.number) args = rawArgs.map(looseToNumber);
}
let handlerName;
let handler = props[handlerName = toHandlerKey(event)] || props[handlerName = toHandlerKey(camelize$2(event))];
if (!handler && isModelListener) handler = props[handlerName = toHandlerKey(hyphenate$1(event))];
if (handler) callWithAsyncErrorHandling(handler, instance, 6, args);
const onceHandler = props[handlerName + `Once`];
if (onceHandler) {
if (!instance.emitted) instance.emitted = {};
else if (instance.emitted[handlerName]) return;
instance.emitted[handlerName] = true;
callWithAsyncErrorHandling(onceHandler, instance, 6, args);
}
}
var mixinEmitsCache = new WeakMap();
function normalizeEmitsOptions(comp, appContext, asMixin = false) {
const cache = asMixin ? mixinEmitsCache : appContext.emitsCache;
const cached = cache.get(comp);
if (cached !== void 0) return cached;
const raw = comp.emits;
let normalized = {};
let hasExtends = false;
if (!isFunction$1(comp)) {
const extendEmits = (raw2) => {
const normalizedFromExtend = normalizeEmitsOptions(raw2, appContext, true);
if (normalizedFromExtend) {
hasExtends = true;
extend$1(normalized, normalizedFromExtend);
}
};
if (!asMixin && appContext.mixins.length) appContext.mixins.forEach(extendEmits);
if (comp.extends) extendEmits(comp.extends);
if (comp.mixins) comp.mixins.forEach(extendEmits);
}
if (!raw && !hasExtends) {
if (isObject$2(comp)) cache.set(comp, null);
return null;
}
if (isArray(raw)) raw.forEach((key) => normalized[key] = null);
else extend$1(normalized, raw);
if (isObject$2(comp)) cache.set(comp, normalized);
return normalized;
}
function isEmitListener(options, key) {
if (!options || !isOn(key)) return false;
key = key.slice(2).replace(/Once$/, "");
return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate$1(key)) || hasOwn(options, key);
}
function renderComponentRoot(instance) {
const { type: Component, vnode, proxy, withProxy, propsOptions: [propsOptions], slots, attrs, emit, render, renderCache, props, data, setupState, ctx, inheritAttrs } = instance;
const prev = setCurrentRenderingInstance(instance);
let result;
let fallthroughAttrs;
try {
if (vnode.shapeFlag & 4) {
const proxyToUse = withProxy || proxy;
const thisProxy = proxyToUse;
result = normalizeVNode(render.call(thisProxy, proxyToUse, renderCache, props, setupState, data, ctx));
fallthroughAttrs = attrs;
} else {
const render2 = Component;
result = normalizeVNode(render2.length > 1 ? render2(props, {
attrs,
slots,
emit
}) : render2(props, null));
fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
}
} catch (err) {
blockStack.length = 0;
handleError(err, instance, 1);
result = createVNode(Comment);
}
let root = result;
if (fallthroughAttrs && inheritAttrs !== false) {
const keys = Object.keys(fallthroughAttrs);
const { shapeFlag } = root;
if (keys.length) {
if (shapeFlag & 7) {
if (propsOptions && keys.some(isModelListener)) fallthroughAttrs = filterModelListeners(fallthroughAttrs, propsOptions);
root = cloneVNode(root, fallthroughAttrs, false, true);
}
}
}
if (vnode.dirs) {
root = cloneVNode(root, null, false, true);
root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
}
if (vnode.transition) setTransitionHooks(root, vnode.transition);
result = root;
setCurrentRenderingInstance(prev);
return result;
}
function filterSingleRoot(children, recurse = true) {
let singleRoot;
for (let i = 0; i < children.length; i++) {
const child = children[i];
if (isVNode(child)) {
if (child.type !== Comment || child.children === "v-if") if (singleRoot) return;
else singleRoot = child;
} else return;
}
return singleRoot;
}
var getFunctionalFallthrough = (attrs) => {
let res;
for (const key in attrs) if (key === "class" || key === "style" || isOn(key)) (res || (res = {}))[key] = attrs[key];
return res;
};
var filterModelListeners = (attrs, props) => {
const res = {};
for (const key in attrs) if (!isModelListener(key) || !(key.slice(9) in props)) res[key] = attrs[key];
return res;
};
function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
const { props: prevProps, children: prevChildren, component } = prevVNode;
const { props: nextProps, children: nextChildren, patchFlag } = nextVNode;
const emits = component.emitsOptions;
if (nextVNode.dirs || nextVNode.transition) return true;
if (optimized && patchFlag >= 0) {
if (patchFlag & 1024) return true;
if (patchFlag & 16) {
if (!prevProps) return !!nextProps;
return hasPropsChanged(prevProps, nextProps, emits);
} else if (patchFlag & 8) {
const dynamicProps = nextVNode.dynamicProps;
for (let i = 0; i < dynamicProps.length; i++) {
const key = dynamicProps[i];
if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emits, key)) return true;
}
}
} else {
if (prevChildren || nextChildren) {
if (!nextChildren || !nextChildren.$stable) return true;
}
if (prevProps === nextProps) return false;
if (!prevProps) return !!nextProps;
if (!nextProps) return true;
return hasPropsChanged(prevProps, nextProps, emits);
}
return false;
}
function hasPropsChanged(prevProps, nextProps, emitsOptions) {
const nextKeys = Object.keys(nextProps);
if (nextKeys.length !== Object.keys(prevProps).length) return true;
for (let i = 0; i < nextKeys.length; i++) {
const key = nextKeys[i];
if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) return true;
}
return false;
}
function hasPropValueChanged(nextProps, prevProps, key) {
const nextProp = nextProps[key];
const prevProp = prevProps[key];
if (key === "style" && isObject$2(nextProp) && isObject$2(prevProp)) return !looseEqual(nextProp, prevProp);
return nextProp !== prevProp;
}
function updateHOCHostEl({ vnode, parent, suspense }, el) {
while (parent) {
const root = parent.subTree;
if (root.suspense && root.suspense.activeBranch === vnode) {
root.suspense.vnode.el = root.el = el;
vnode = root;
}
if (root === vnode) {
(vnode = parent.vnode).el = el;
parent = parent.parent;
} else break;
}
if (suspense && suspense.activeBranch === vnode) suspense.vnode.el = el;
}
var internalObjectProto = {};
var createInternalObject = () => Object.create(internalObjectProto);
var isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
function initProps(instance, rawProps, isStateful, isSSR = false) {
const props = {};
const attrs = createInternalObject();
instance.propsDefaults = Object.create(null);
setFullProps(instance, rawProps, props, attrs);
for (const key in instance.propsOptions[0]) if (!(key in props)) props[key] = void 0;
if (isStateful) instance.props = isSSR ? props : shallowReactive(props);
else if (!instance.type.props) instance.props = attrs;
else instance.props = props;
instance.attrs = attrs;
}
function updateProps(instance, rawProps, rawPrevProps, optimized) {
const { props, attrs, vnode: { patchFlag } } = instance;
const rawCurrentProps = toRaw(props);
const [options] = instance.propsOptions;
let hasAttrsChanged = false;
if ((optimized || patchFlag > 0) && !(patchFlag & 16)) {
if (patchFlag & 8) {
const propsToUpdate = instance.vnode.dynamicProps;
for (let i = 0; i < propsToUpdate.length; i++) {
let key = propsToUpdate[i];
if (isEmitListener(instance.emitsOptions, key)) continue;
const value = rawProps[key];
if (options) if (hasOwn(attrs, key)) {
if (value !== attrs[key]) {
attrs[key] = value;
hasAttrsChanged = true;
}
} else {
const camelizedKey = camelize$2(key);
props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false);
}
else if (value !== attrs[key]) {
attrs[key] = value;
hasAttrsChanged = true;
}
}
}
} else {
if (setFullProps(instance, rawProps, props, attrs)) hasAttrsChanged = true;
let kebabKey;
for (const key in rawCurrentProps) if (!rawProps || !hasOwn(rawProps, key) && ((kebabKey = hyphenate$1(key)) === key || !hasOwn(rawProps, kebabKey))) if (options) {
if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, rawCurrentProps, key, void 0, instance, true);
} else delete props[key];
if (attrs !== rawCurrentProps) {
for (const key in attrs) if (!rawProps || !hasOwn(rawProps, key) && true) {
delete attrs[key];
hasAttrsChanged = true;
}
}
}
if (hasAttrsChanged) trigger(instance.attrs, "set", "");
}
function setFullProps(instance, rawProps, props, attrs) {
const [options, needCastKeys] = instance.propsOptions;
let hasAttrsChanged = false;
let rawCastValues;
if (rawProps) for (let key in rawProps) {
if (isReservedProp(key)) continue;
const value = rawProps[key];
let camelKey;
if (options && hasOwn(options, camelKey = camelize$2(key))) if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
else if (!isEmitListener(instance.emitsOptions, key)) {
if (!(key in attrs) || value !== attrs[key]) {
attrs[key] = value;
hasAttrsChanged = true;
}
}
}
if (needCastKeys) {
const rawCurrentProps = toRaw(props);
const castValues = rawCastValues || EMPTY_OBJ;
for (let i = 0; i < needCastKeys.length; i++) {
const key = needCastKeys[i];
props[key] = resolvePropValue(options, rawCurrentProps, key, castValues[key], instance, !hasOwn(castValues, key));
}
}
return hasAttrsChanged;
}
function resolvePropValue(options, props, key, value, instance, isAbsent) {
const opt = options[key];
if (opt != null) {
const hasDefault = hasOwn(opt, "default");
if (hasDefault && value === void 0) {
const defaultValue = opt.default;
if (opt.type !== Function && !opt.skipFactory && isFunction$1(defaultValue)) {
const { propsDefaults } = instance;
if (key in propsDefaults) value = propsDefaults[key];
else {
const reset = setCurrentInstance(instance);
value = propsDefaults[key] = defaultValue.call(null, props);
reset();
}
} else value = defaultValue;
if (instance.ce) instance.ce._setProp(key, value);
}
if (opt[0]) {
if (isAbsent && !hasDefault) value = false;
else if (opt[1] && (value === "" || value === hyphenate$1(key))) value = true;
}
}
return value;
}
var mixinPropsCache = new WeakMap();
function normalizePropsOptions(comp, appContext, asMixin = false) {
const cache = asMixin ? mixinPropsCache : appContext.propsCache;
const cached = cache.get(comp);
if (cached) return cached;
const raw = comp.props;
const normalized = {};
const needCastKeys = [];
let hasExtends = false;
if (!isFunction$1(comp)) {
const extendProps = (raw2) => {
hasExtends = true;
const [props, keys] = normalizePropsOptions(raw2, appContext, true);
extend$1(normalized, props);
if (keys) needCastKeys.push(...keys);
};
if (!asMixin && appContext.mixins.length) appContext.mixins.forEach(extendProps);
if (comp.extends) extendProps(comp.extends);
if (comp.mixins) comp.mixins.forEach(extendProps);
}
if (!raw && !hasExtends) {
if (isObject$2(comp)) cache.set(comp, EMPTY_ARR);
return EMPTY_ARR;
}
if (isArray(raw)) for (let i = 0; i < raw.length; i++) {
const normalizedKey = camelize$2(raw[i]);
if (validatePropName(normalizedKey)) normalized[normalizedKey] = EMPTY_OBJ;
}
else if (raw) for (const key in raw) {
const normalizedKey = camelize$2(key);
if (validatePropName(normalizedKey)) {
const opt = raw[key];
const prop = normalized[normalizedKey] = isArray(opt) || isFunction$1(opt) ? { type: opt } : extend$1({}, opt);
const propType = prop.type;
let shouldCast = false;
let shouldCastTrue = true;
if (isArray(propType)) for (let index = 0; index < propType.length; ++index) {
const type = propType[index];
const typeName = isFunction$1(type) && type.name;
if (typeName === "Boolean") {
shouldCast = true;
break;
} else if (typeName === "String") shouldCastTrue = false;
}
else shouldCast = isFunction$1(propType) && propType.name === "Boolean";
prop[0] = shouldCast;
prop[1] = shouldCastTrue;
if (shouldCast || hasOwn(prop, "default")) needCastKeys.push(normalizedKey);
}
}
const res = [normalized, needCastKeys];
if (isObject$2(comp)) cache.set(comp, res);
return res;
}
function validatePropName(key) {
if (key[0] !== "$" && !isReservedProp(key)) return true;
return false;
}
var isInternalKey = (key) => key === "_" || key === "_ctx" || key === "$stable";
var normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
var normalizeSlot = (key, rawSlot, ctx) => {
if (rawSlot._n) return rawSlot;
const normalized = withCtx((...args) => {
return normalizeSlotValue(rawSlot(...args));
}, ctx);
normalized._c = false;
return normalized;
};
var normalizeObjectSlots = (rawSlots, slots, instance) => {
const ctx = rawSlots._ctx;
for (const key in rawSlots) {
if (isInternalKey(key)) continue;
const value = rawSlots[key];
if (isFunction$1(value)) slots[key] = normalizeSlot(key, value, ctx);
else if (value != null) {
const normalized = normalizeSlotValue(value);
slots[key] = () => normalized;
}
}
};
var normalizeVNodeSlots = (instance, children) => {
const normalized = normalizeSlotValue(children);
instance.slots.default = () => normalized;
};
var assignSlots = (slots, children, optimized) => {
for (const key in children) if (optimized || !isInternalKey(key)) slots[key] = children[key];
};
var initSlots = (instance, children, optimized) => {
const slots = instance.slots = createInternalObject();
if (instance.vnode.shapeFlag & 32) {
const type = children._;
if (type) {
assignSlots(slots, children, optimized);
if (optimized) def(slots, "_", type, true);
} else normalizeObjectSlots(children, slots);
} else if (children) normalizeVNodeSlots(instance, children);
};
var updateSlots = (instance, children, optimized) => {
const { vnode, slots } = instance;
let needDeletionCheck = true;
let deletionComparisonTarget = EMPTY_OBJ;
if (vnode.shapeFlag & 32) {
const type = children._;
if (type) if (optimized && type === 1) needDeletionCheck = false;
else assignSlots(slots, children, optimized);
else {
needDeletionCheck = !children.$stable;
normalizeObjectSlots(children, slots);
}
deletionComparisonTarget = children;
} else if (children) {
normalizeVNodeSlots(instance, children);
deletionComparisonTarget = { default: 1 };
}
if (needDeletionCheck) {
for (const key in slots) if (!isInternalKey(key) && deletionComparisonTarget[key] == null) delete slots[key];
}
};
var queuePostRenderEffect = queueEffectWithSuspense;
function createRenderer(options) {
return baseCreateRenderer(options);
}
function createHydrationRenderer(options) {
return baseCreateRenderer(options, createHydrationFunctions);
}
function baseCreateRenderer(options, createHydrationFns) {
const target = getGlobalThis();
target.__VUE__ = true;
const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, setScopeId: hostSetScopeId = NOOP, insertStaticContent: hostInsertStaticContent } = options;
const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, namespace = void 0, slotScopeIds = null, optimized = !!n2.dynamicChildren) => {
if (n1 === n2) return;
if (n1 && !isSameVNodeType(n1, n2)) {
anchor = getNextHostNode(n1);
unmount(n1, parentComponent, parentSuspense, true);
n1 = null;
}
if (n2.patchFlag === -2) {
optimized = false;
n2.dynamicChildren = null;
}
const { type, ref, shapeFlag } = n2;
switch (type) {
case Text:
processText(n1, n2, container, anchor);
break;
case Comment:
processCommentNode(n1, n2, container, anchor);
break;
case Static:
if (n1 == null) mountStaticNode(n2, container, anchor, namespace);
break;
case Fragment:
processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
break;
default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
else if (shapeFlag & 64) type.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
else if (shapeFlag & 128) type.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
}
if (ref != null && parentComponent) setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
else if (ref == null && n1 && n1.ref != null) setRef(n1.ref, null, parentSuspense, n1, true);
};
const processText = (n1, n2, container, anchor) => {
if (n1 == null) hostInsert(n2.el = hostCreateText(n2.children), container, anchor);
else {
const el = n2.el = n1.el;
if (n2.children !== n1.children) hostSetText(el, n2.children);
}
};
const processCommentNode = (n1, n2, container, anchor) => {
if (n1 == null) hostInsert(n2.el = hostCreateComment(n2.children || ""), container, anchor);
else n2.el = n1.el;
};
const mountStaticNode = (n2, container, anchor, namespace) => {
[n2.el, n2.anchor] = hostInsertStaticContent(n2.children, container, anchor, namespace, n2.el, n2.anchor);
};
const moveStaticNode = ({ el, anchor }, container, nextSibling) => {
let next;
while (el && el !== anchor) {
next = hostNextSibling(el);
hostInsert(el, container, nextSibling);
el = next;
}
hostInsert(anchor, container, nextSibling);
};
const removeStaticNode = ({ el, anchor }) => {
let next;
while (el && el !== anchor) {
next = hostNextSibling(el);
hostRemove(el);
el = next;
}
hostRemove(anchor);
};
const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
if (n2.type === "svg") namespace = "svg";
else if (n2.type === "math") namespace = "mathml";
if (n1 == null) mountElement(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
else {
const customElement = n1.el && n1.el._isVueCE ? n1.el : null;
try {
if (customElement) customElement._beginPatch();
patchElement(n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
} finally {
if (customElement) customElement._endPatch();
}
}
};
const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
let el;
let vnodeHook;
const { props, shapeFlag, transition, dirs } = vnode;
el = vnode.el = hostCreateElement(vnode.type, namespace, props && props.is, props);
if (shapeFlag & 8) hostSetElementText(el, vnode.children);
else if (shapeFlag & 16) mountChildren(vnode.children, el, null, parentComponent, parentSuspense, resolveChildrenNamespace(vnode, namespace), slotScopeIds, optimized);
if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "created");
setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
if (props) {
for (const key in props) if (key !== "value" && !isReservedProp(key)) hostPatchProp(el, key, null, props[key], namespace, parentComponent);
if ("value" in props) hostPatchProp(el, "value", null, props.value, namespace);
if (vnodeHook = props.onVnodeBeforeMount) invokeVNodeHook(vnodeHook, parentComponent, vnode);
}
if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
const needCallTransitionHooks = needTransition(parentSuspense, transition);
if (needCallTransitionHooks) transition.beforeEnter(el);
hostInsert(el, container, anchor);
if ((vnodeHook = props && props.onVnodeMounted) || needCallTransitionHooks || dirs) queuePostRenderEffect(() => {
try {
vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
needCallTransitionHooks && transition.enter(el);
dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
} finally {}
}, parentSuspense);
};
const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
if (scopeId) hostSetScopeId(el, scopeId);
if (slotScopeIds) for (let i = 0; i < slotScopeIds.length; i++) hostSetScopeId(el, slotScopeIds[i]);
if (parentComponent) {
let subTree = parentComponent.subTree;
if (vnode === subTree || isSuspense(subTree.type) && (subTree.ssContent === vnode || subTree.ssFallback === vnode)) {
const parentVNode = parentComponent.vnode;
setScopeId(el, parentVNode, parentVNode.scopeId, parentVNode.slotScopeIds, parentComponent.parent);
}
}
};
const mountChildren = (children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, start = 0) => {
for (let i = start; i < children.length; i++) patch(null, children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]), container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
};
const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
const el = n2.el = n1.el;
let { patchFlag, dynamicChildren, dirs } = n2;
patchFlag |= n1.patchFlag & 16;
const oldProps = n1.props || EMPTY_OBJ;
const newProps = n2.props || EMPTY_OBJ;
let vnodeHook;
parentComponent && toggleRecurse(parentComponent, false);
if (vnodeHook = newProps.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
if (dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
parentComponent && toggleRecurse(parentComponent, true);
if (oldProps.innerHTML && newProps.innerHTML == null || oldProps.textContent && newProps.textContent == null) hostSetElementText(el, "");
if (dynamicChildren) patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, resolveChildrenNamespace(n2, namespace), slotScopeIds);
else if (!optimized) patchChildren(n1, n2, el, null, parentComponent, parentSuspense, resolveChildrenNamespace(n2, namespace), slotScopeIds, false);
if (patchFlag > 0) {
if (patchFlag & 16) patchProps(el, oldProps, newProps, parentComponent, namespace);
else {
if (patchFlag & 2) {
if (oldProps.class !== newProps.class) hostPatchProp(el, "class", null, newProps.class, namespace);
}
if (patchFlag & 4) hostPatchProp(el, "style", oldProps.style, newProps.style, namespace);
if (patchFlag & 8) {
const propsToUpdate = n2.dynamicProps;
for (let i = 0; i < propsToUpdate.length; i++) {
const key = propsToUpdate[i];
const prev = oldProps[key];
const next = newProps[key];
if (next !== prev || key === "value") hostPatchProp(el, key, prev, next, namespace, parentComponent);
}
}
}
if (patchFlag & 1) {
if (n1.children !== n2.children) hostSetElementText(el, n2.children);
}
} else if (!optimized && dynamicChildren == null) patchProps(el, oldProps, newProps, parentComponent, namespace);
if ((vnodeHook = newProps.onVnodeUpdated) || dirs) queuePostRenderEffect(() => {
vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
}, parentSuspense);
};
const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, namespace, slotScopeIds) => {
for (let i = 0; i < newChildren.length; i++) {
const oldVNode = oldChildren[i];
const newVNode = newChildren[i];
patch(oldVNode, newVNode, oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
}
};
const patchProps = (el, oldProps, newProps, parentComponent, namespace) => {
if (oldProps !== newProps) {
if (oldProps !== EMPTY_OBJ) {
for (const key in oldProps) if (!isReservedProp(key) && !(key in newProps)) hostPatchProp(el, key, oldProps[key], null, namespace, parentComponent);
}
for (const key in newProps) {
if (isReservedProp(key)) continue;
const next = newProps[key];
const prev = oldProps[key];
if (next !== prev && key !== "value") hostPatchProp(el, key, prev, next, namespace, parentComponent);
}
if ("value" in newProps) hostPatchProp(el, "value", oldProps.value, newProps.value, namespace);
}
};
const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
const fragmentStartAnchor = n2.el = n1 ? n1.el : hostCreateText("");
const fragmentEndAnchor = n2.anchor = n1 ? n1.anchor : hostCreateText("");
let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
if (fragmentSlotScopeIds) slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
if (n1 == null) {
hostInsert(fragmentStartAnchor, container, anchor);
hostInsert(fragmentEndAnchor, container, anchor);
mountChildren(n2.children || [], container, fragmentEndAnchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
} else if (patchFlag > 0 && patchFlag & 64 && dynamicChildren && n1.dynamicChildren && n1.dynamicChildren.length === dynamicChildren.length) {
patchBlockChildren(n1.dynamicChildren, dynamicChildren, container, parentComponent, parentSuspense, namespace, slotScopeIds);
if (n2.key != null || parentComponent && n2 === parentComponent.subTree) traverseStaticChildren(n1, n2, true);
} else patchChildren(n1, n2, container, fragmentEndAnchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
};
const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
n2.slotScopeIds = slotScopeIds;
if (n1 == null) if (n2.shapeFlag & 512) parentComponent.ctx.activate(n2, container, anchor, namespace, optimized);
else mountComponent(n2, container, anchor, parentComponent, parentSuspense, namespace, optimized);
else updateComponent(n1, n2, optimized);
};
const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, namespace, optimized) => {
const instance = initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense);
if (isKeepAlive(initialVNode)) instance.ctx.renderer = internals;
setupComponent(instance, false, optimized);
if (instance.asyncDep) {
parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
if (!initialVNode.el) {
const placeholder = instance.subTree = createVNode(Comment);
processCommentNode(null, placeholder, container, anchor);
initialVNode.placeholder = placeholder.el;
}
} else setupRenderEffect(instance, initialVNode, container, anchor, parentSuspense, namespace, optimized);
};
const updateComponent = (n1, n2, optimized) => {
const instance = n2.component = n1.component;
if (shouldUpdateComponent(n1, n2, optimized)) if (instance.asyncDep && !instance.asyncResolved) {
updateComponentPreRender(instance, n2, optimized);
return;
} else {
instance.next = n2;
instance.update();
}
else {
n2.el = n1.el;
instance.vnode = n2;
}
};
const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, namespace, optimized) => {
const componentUpdateFn = () => {
if (!instance.isMounted) {
let vnodeHook;
const { el, props } = initialVNode;
const { bm, m, parent, root, type } = instance;
const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
toggleRecurse(instance, false);
if (bm) invokeArrayFns(bm);
if (!isAsyncWrapperVNode && (vnodeHook = props && props.onVnodeBeforeMount)) invokeVNodeHook(vnodeHook, parent, initialVNode);
toggleRecurse(instance, true);
if (el && hydrateNode) {
const hydrateSubTree = () => {
instance.subTree = renderComponentRoot(instance);
hydrateNode(el, instance.subTree, instance, parentSuspense, null);
};
if (isAsyncWrapperVNode && type.__asyncHydrate) type.__asyncHydrate(el, instance, hydrateSubTree);
else hydrateSubTree();
} else {
if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type, instance.parent ? instance.parent.type : void 0);
const subTree = instance.subTree = renderComponentRoot(instance);
patch(null, subTree, container, anchor, instance, parentSuspense, namespace);
initialVNode.el = subTree.el;
}
if (m) queuePostRenderEffect(m, parentSuspense);
if (!isAsyncWrapperVNode && (vnodeHook = props && props.onVnodeMounted)) {
const scopedInitialVNode = initialVNode;
queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode), parentSuspense);
}
if (initialVNode.shapeFlag & 256 || parent && isAsyncWrapper(parent.vnode) && parent.vnode.shapeFlag & 256) instance.a && queuePostRenderEffect(instance.a, parentSuspense);
instance.isMounted = true;
initialVNode = container = anchor = null;
} else {
let { next, bu, u, parent, vnode } = instance;
{
const nonHydratedAsyncRoot = locateNonHydratedAsyncRoot(instance);
if (nonHydratedAsyncRoot) {
if (next) {
next.el = vnode.el;
updateComponentPreRender(instance, next, optimized);
}
nonHydratedAsyncRoot.asyncDep.then(() => {
queuePostRenderEffect(() => {
if (!instance.isUnmounted) update();
}, parentSuspense);
});
return;
}
}
let originNext = next;
let vnodeHook;
toggleRecurse(instance, false);
if (next) {
next.el = vnode.el;
updateComponentPreRender(instance, next, optimized);
} else next = vnode;
if (bu) invokeArrayFns(bu);
if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parent, next, vnode);
toggleRecurse(instance, true);
const nextTree = renderComponentRoot(instance);
const prevTree = instance.subTree;
instance.subTree = nextTree;
patch(prevTree, nextTree, hostParentNode(prevTree.el), getNextHostNode(prevTree), instance, parentSuspense, namespace);
next.el = nextTree.el;
if (originNext === null) updateHOCHostEl(instance, nextTree.el);
if (u) queuePostRenderEffect(u, parentSuspense);
if (vnodeHook = next.props && next.props.onVnodeUpdated) queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), parentSuspense);
}
};
instance.scope.on();
const effect = instance.effect = new ReactiveEffect(componentUpdateFn);
instance.scope.off();
const update = instance.update = effect.run.bind(effect);
const job = instance.job = effect.runIfDirty.bind(effect);
job.i = instance;
job.id = instance.uid;
effect.scheduler = () => queueJob(job);
toggleRecurse(instance, true);
update();
};
const updateComponentPreRender = (instance, nextVNode, optimized) => {
nextVNode.component = instance;
const prevProps = instance.vnode.props;
instance.vnode = nextVNode;
instance.next = null;
updateProps(instance, nextVNode.props, prevProps, optimized);
updateSlots(instance, nextVNode.children, optimized);
pauseTracking();
flushPreFlushCbs(instance);
resetTracking();
};
const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized = false) => {
const c1 = n1 && n1.children;
const prevShapeFlag = n1 ? n1.shapeFlag : 0;
const c2 = n2.children;
const { patchFlag, shapeFlag } = n2;
if (patchFlag > 0) {
if (patchFlag & 128) {
patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
return;
} else if (patchFlag & 256) {
patchUnkeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
return;
}
}
if (shapeFlag & 8) {
if (prevShapeFlag & 16) unmountChildren(c1, parentComponent, parentSuspense);
if (c2 !== c1) hostSetElementText(container, c2);
} else if (prevShapeFlag & 16) if (shapeFlag & 16) patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
else unmountChildren(c1, parentComponent, parentSuspense, true);
else {
if (prevShapeFlag & 8) hostSetElementText(container, "");
if (shapeFlag & 16) mountChildren(c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
}
};
const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
c1 = c1 || EMPTY_ARR;
c2 = c2 || EMPTY_ARR;
const oldLength = c1.length;
const newLength = c2.length;
const commonLength = Math.min(oldLength, newLength);
let i;
for (i = 0; i < commonLength; i++) {
const nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
patch(c1[i], nextChild, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
}
if (oldLength > newLength) unmountChildren(c1, parentComponent, parentSuspense, true, false, commonLength);
else mountChildren(c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, commonLength);
};
const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
let i = 0;
const l2 = c2.length;
let e1 = c1.length - 1;
let e2 = l2 - 1;
while (i <= e1 && i <= e2) {
const n1 = c1[i];
const n2 = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
if (isSameVNodeType(n1, n2)) patch(n1, n2, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
else break;
i++;
}
while (i <= e1 && i <= e2) {
const n1 = c1[e1];
const n2 = c2[e2] = optimized ? cloneIfMounted(c2[e2]) : normalizeVNode(c2[e2]);
if (isSameVNodeType(n1, n2)) patch(n1, n2, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
else break;
e1--;
e2--;
}
if (i > e1) {
if (i <= e2) {
const nextPos = e2 + 1;
const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
while (i <= e2) {
patch(null, c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]), container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
i++;
}
}
} else if (i > e2) while (i <= e1) {
unmount(c1[i], parentComponent, parentSuspense, true);
i++;
}
else {
const s1 = i;
const s2 = i;
const keyToNewIndexMap = new Map();
for (i = s2; i <= e2; i++) {
const nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
if (nextChild.key != null) keyToNewIndexMap.set(nextChild.key, i);
}
let j;
let patched = 0;
const toBePatched = e2 - s2 + 1;
let moved = false;
let maxNewIndexSoFar = 0;
const newIndexToOldIndexMap = new Array(toBePatched);
for (i = 0; i < toBePatched; i++) newIndexToOldIndexMap[i] = 0;
for (i = s1; i <= e1; i++) {
const prevChild = c1[i];
if (patched >= toBePatched) {
unmount(prevChild, parentComponent, parentSuspense, true);
continue;
}
let newIndex;
if (prevChild.key != null) newIndex = keyToNewIndexMap.get(prevChild.key);
else for (j = s2; j <= e2; j++) if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
newIndex = j;
break;
}
if (newIndex === void 0) unmount(prevChild, parentComponent, parentSuspense, true);
else {
newIndexToOldIndexMap[newIndex - s2] = i + 1;
if (newIndex >= maxNewIndexSoFar) maxNewIndexSoFar = newIndex;
else moved = true;
patch(prevChild, c2[newIndex], container, null, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
patched++;
}
}
const increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
j = increasingNewIndexSequence.length - 1;
for (i = toBePatched - 1; i >= 0; i--) {
const nextIndex = s2 + i;
const nextChild = c2[nextIndex];
const anchorVNode = c2[nextIndex + 1];
const anchor = nextIndex + 1 < l2 ? anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode) : parentAnchor;
if (newIndexToOldIndexMap[i] === 0) patch(null, nextChild, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
else if (moved) if (j < 0 || i !== increasingNewIndexSequence[j]) move(nextChild, container, anchor, 2);
else j--;
}
}
};
const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
const { el, type, transition, children, shapeFlag } = vnode;
if (shapeFlag & 6) {
move(vnode.component.subTree, container, anchor, moveType);
return;
}
if (shapeFlag & 128) {
vnode.suspense.move(container, anchor, moveType);
return;
}
if (shapeFlag & 64) {
type.move(vnode, container, anchor, internals);
return;
}
if (type === Fragment) {
hostInsert(el, container, anchor);
for (let i = 0; i < children.length; i++) move(children[i], container, anchor, moveType);
hostInsert(vnode.anchor, container, anchor);
return;
}
if (type === Static) {
moveStaticNode(vnode, container, anchor);
return;
}
if (moveType !== 2 && shapeFlag & 1 && transition) if (moveType === 0) {
transition.beforeEnter(el);
hostInsert(el, container, anchor);
queuePostRenderEffect(() => transition.enter(el), parentSuspense);
} else {
const { leave, delayLeave, afterLeave } = transition;
const remove2 = () => {
if (vnode.ctx.isUnmounted) hostRemove(el);
else hostInsert(el, container, anchor);
};
const performLeave = () => {
if (el._isLeaving) el[leaveCbKey](true);
leave(el, () => {
remove2();
afterLeave && afterLeave();
});
};
if (delayLeave) delayLeave(el, remove2, performLeave);
else performLeave();
}
else hostInsert(el, container, anchor);
};
const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex, memo } = vnode;
if (patchFlag === -2) optimized = false;
if (ref != null) {
pauseTracking();
setRef(ref, null, parentSuspense, vnode, true);
resetTracking();
}
if (cacheIndex != null) parentComponent.renderCache[cacheIndex] = void 0;
if (shapeFlag & 256) {
parentComponent.ctx.deactivate(vnode);
return;
}
const shouldInvokeDirs = shapeFlag & 1 && dirs;
const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
let vnodeHook;
if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeBeforeUnmount)) invokeVNodeHook(vnodeHook, parentComponent, vnode);
if (shapeFlag & 6) unmountComponent(vnode.component, parentSuspense, doRemove);
else {
if (shapeFlag & 128) {
vnode.suspense.unmount(parentSuspense, doRemove);
return;
}
if (shouldInvokeDirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeUnmount");
if (shapeFlag & 64) vnode.type.remove(vnode, parentComponent, parentSuspense, internals, doRemove);
else if (dynamicChildren && !dynamicChildren.hasOnce && (type !== Fragment || patchFlag > 0 && patchFlag & 64)) unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
else if (type === Fragment && patchFlag & 384 || !optimized && shapeFlag & 16) unmountChildren(children, parentComponent, parentSuspense);
if (doRemove) remove(vnode);
}
const shouldInvalidateMemo = memo != null && cacheIndex == null;
if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs || shouldInvalidateMemo) queuePostRenderEffect(() => {
vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
if (shouldInvalidateMemo) vnode.el = null;
}, parentSuspense);
};
const remove = (vnode) => {
const { type, el, anchor, transition } = vnode;
if (type === Fragment) {
removeFragment(el, anchor);
return;
}
if (type === Static) {
removeStaticNode(vnode);
return;
}
const performRemove = () => {
hostRemove(el);
if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
};
if (vnode.shapeFlag & 1 && transition && !transition.persisted) {
const { leave, delayLeave } = transition;
const performLeave = () => leave(el, performRemove);
if (delayLeave) delayLeave(vnode.el, performRemove, performLeave);
else performLeave();
} else performRemove();
};
const removeFragment = (cur, end) => {
let next;
while (cur !== end) {
next = hostNextSibling(cur);
hostRemove(cur);
cur = next;
}
hostRemove(end);
};
const unmountComponent = (instance, parentSuspense, doRemove) => {
const { bum, scope, job, subTree, um, m, a } = instance;
invalidateMount(m);
invalidateMount(a);
if (bum) invokeArrayFns(bum);
scope.stop();
if (job) {
job.flags |= 8;
unmount(subTree, instance, parentSuspense, doRemove);
}
if (um) queuePostRenderEffect(um, parentSuspense);
queuePostRenderEffect(() => {
instance.isUnmounted = true;
}, parentSuspense);
};
const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
for (let i = start; i < children.length; i++) unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
};
const getNextHostNode = (vnode) => {
if (vnode.shapeFlag & 6) return getNextHostNode(vnode.component.subTree);
if (vnode.shapeFlag & 128) return vnode.suspense.next();
const el = hostNextSibling(vnode.anchor || vnode.el);
const teleportEnd = el && el[TeleportEndKey];
return teleportEnd ? hostNextSibling(teleportEnd) : el;
};
let isFlushing = false;
const render = (vnode, container, namespace) => {
let instance;
if (vnode == null) {
if (container._vnode) {
unmount(container._vnode, null, null, true);
instance = container._vnode.component;
}
} else patch(container._vnode || null, vnode, container, null, null, null, namespace);
container._vnode = vnode;
if (!isFlushing) {
isFlushing = true;
flushPreFlushCbs(instance);
flushPostFlushCbs();
isFlushing = false;
}
};
const internals = {
p: patch,
um: unmount,
m: move,
r: remove,
mt: mountComponent,
mc: mountChildren,
pc: patchChildren,
pbc: patchBlockChildren,
n: getNextHostNode,
o: options
};
let hydrate;
let hydrateNode;
if (createHydrationFns) [hydrate, hydrateNode] = createHydrationFns(internals);
return {
render,
hydrate,
createApp: createAppAPI(render, hydrate)
};
}
function resolveChildrenNamespace({ type, props }, currentNamespace) {
return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? void 0 : currentNamespace;
}
function toggleRecurse({ effect, job }, allowed) {
if (allowed) {
effect.flags |= 32;
job.flags |= 4;
} else {
effect.flags &= -33;
job.flags &= -5;
}
}
function needTransition(parentSuspense, transition) {
return (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
}
function traverseStaticChildren(n1, n2, shallow = false) {
const ch1 = n1.children;
const ch2 = n2.children;
if (isArray(ch1) && isArray(ch2)) for (let i = 0; i < ch1.length; i++) {
const c1 = ch1[i];
let c2 = ch2[i];
if (c2.shapeFlag & 1 && !c2.dynamicChildren) {
if (c2.patchFlag <= 0 || c2.patchFlag === 32) {
c2 = ch2[i] = cloneIfMounted(ch2[i]);
c2.el = c1.el;
}
if (!shallow && c2.patchFlag !== -2) traverseStaticChildren(c1, c2);
}
if (c2.type === Text) {
if (c2.patchFlag === -1) c2 = ch2[i] = cloneIfMounted(c2);
c2.el = c1.el;
}
if (c2.type === Comment && !c2.el) c2.el = c1.el;
}
}
function getSequence(arr) {
const p = arr.slice();
const result = [0];
let i, j, u, v, c;
const len = arr.length;
for (i = 0; i < len; i++) {
const arrI = arr[i];
if (arrI !== 0) {
j = result[result.length - 1];
if (arr[j] < arrI) {
p[i] = j;
result.push(i);
continue;
}
u = 0;
v = result.length - 1;
while (u < v) {
c = u + v >> 1;
if (arr[result[c]] < arrI) u = c + 1;
else v = c;
}
if (arrI < arr[result[u]]) {
if (u > 0) p[i] = result[u - 1];
result[u] = i;
}
}
}
u = result.length;
v = result[u - 1];
while (u-- > 0) {
result[u] = v;
v = p[v];
}
return result;
}
function locateNonHydratedAsyncRoot(instance) {
const subComponent = instance.subTree.component;
if (subComponent) if (subComponent.asyncDep && !subComponent.asyncResolved) return subComponent;
else return locateNonHydratedAsyncRoot(subComponent);
}
function invalidateMount(hooks) {
if (hooks) for (let i = 0; i < hooks.length; i++) hooks[i].flags |= 8;
}
function resolveAsyncComponentPlaceholder(anchorVnode) {
if (anchorVnode.placeholder) return anchorVnode.placeholder;
const instance = anchorVnode.component;
if (instance) return resolveAsyncComponentPlaceholder(instance.subTree);
return null;
}
var isSuspense = (type) => type.__isSuspense;
var suspenseId = 0;
var Suspense = {
name: "Suspense",
__isSuspense: true,
process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
if (n1 == null) mountSuspense(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals);
else {
if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
n2.suspense = n1.suspense;
n2.suspense.vnode = n2;
n2.el = n1.el;
return;
}
patchSuspense(n1, n2, container, anchor, parentComponent, namespace, slotScopeIds, optimized, rendererInternals);
}
},
hydrate: hydrateSuspense,
normalize: normalizeSuspenseChildren
};
function triggerEvent(vnode, name) {
const eventListener = vnode.props && vnode.props[name];
if (isFunction$1(eventListener)) eventListener();
}
function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
const { p: patch, o: { createElement } } = rendererInternals;
const hiddenContainer = createElement("div");
const suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, namespace, slotScopeIds, optimized, rendererInternals);
patch(null, suspense.pendingBranch = vnode.ssContent, hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds);
if (suspense.deps > 0) {
triggerEvent(vnode, "onPending");
triggerEvent(vnode, "onFallback");
patch(null, vnode.ssFallback, container, anchor, parentComponent, null, namespace, slotScopeIds);
setActiveBranch(suspense, vnode.ssFallback);
} else suspense.resolve(false, true);
}
function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {
const suspense = n2.suspense = n1.suspense;
suspense.vnode = n2;
n2.el = n1.el;
const newBranch = n2.ssContent;
const newFallback = n2.ssFallback;
const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense;
if (pendingBranch) {
suspense.pendingBranch = newBranch;
if (isSameVNodeType(pendingBranch, newBranch)) {
patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
if (suspense.deps <= 0) suspense.resolve();
else if (isInFallback) {
if (!isHydrating) {
patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
setActiveBranch(suspense, newFallback);
}
}
} else {
suspense.pendingId = suspenseId++;
if (isHydrating) {
suspense.isHydrating = false;
suspense.activeBranch = pendingBranch;
} else unmount(pendingBranch, parentComponent, suspense);
suspense.deps = 0;
suspense.effects.length = 0;
suspense.hiddenContainer = createElement("div");
if (isInFallback) {
patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
if (suspense.deps <= 0) suspense.resolve();
else {
patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
setActiveBranch(suspense, newFallback);
}
} else if (activeBranch && isSameVNodeType(activeBranch, newBranch)) {
patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, namespace, slotScopeIds, optimized);
suspense.resolve(true);
} else {
patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
if (suspense.deps <= 0) suspense.resolve();
}
}
} else if (activeBranch && isSameVNodeType(activeBranch, newBranch)) {
patch(activeBranch, newBranch, container, anchor, parentComponent, suspense, namespace, slotScopeIds, optimized);
setActiveBranch(suspense, newBranch);
} else {
triggerEvent(n2, "onPending");
suspense.pendingBranch = newBranch;
if (newBranch.shapeFlag & 512) suspense.pendingId = newBranch.component.suspenseId;
else suspense.pendingId = suspenseId++;
patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
if (suspense.deps <= 0) suspense.resolve();
else {
const { timeout, pendingId } = suspense;
if (timeout > 0) setTimeout(() => {
if (suspense.pendingId === pendingId) suspense.fallback(newFallback);
}, timeout);
else if (timeout === 0) suspense.fallback(newFallback);
}
}
}
function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, namespace, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
const { p: patch, m: move, um: unmount, n: next, o: { parentNode, remove } } = rendererInternals;
let parentSuspenseId;
const isSuspensible = isVNodeSuspensible(vnode);
if (isSuspensible) {
if (parentSuspense && parentSuspense.pendingBranch) {
parentSuspenseId = parentSuspense.pendingId;
parentSuspense.deps++;
}
}
const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;
const initialAnchor = anchor;
const suspense = {
vnode,
parent: parentSuspense,
parentComponent,
namespace,
container,
hiddenContainer,
deps: 0,
pendingId: suspenseId++,
timeout: typeof timeout === "number" ? timeout : -1,
activeBranch: null,
isFallbackMountPending: false,
pendingBranch: null,
isInFallback: !isHydrating,
isHydrating,
isUnmounted: false,
effects: [],
resolve(resume = false, sync = false) {
const { vnode: vnode2, activeBranch, pendingBranch, pendingId, effects, parentComponent: parentComponent2, container: container2, isInFallback } = suspense;
let delayEnter = false;
if (suspense.isHydrating) suspense.isHydrating = false;
else if (!resume) {
delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
let hasUpdatedAnchor = false;
if (delayEnter) activeBranch.transition.afterLeave = () => {
if (pendingId === suspense.pendingId) {
move(pendingBranch, container2, anchor === initialAnchor && !hasUpdatedAnchor ? next(activeBranch) : anchor, 0);
queuePostFlushCb(effects);
if (isInFallback && vnode2.ssFallback) vnode2.ssFallback.el = null;
}
};
if (activeBranch && !suspense.isFallbackMountPending) {
if (parentNode(activeBranch.el) === container2) {
anchor = next(activeBranch);
hasUpdatedAnchor = true;
}
unmount(activeBranch, parentComponent2, suspense, true);
if (!delayEnter && isInFallback && vnode2.ssFallback) queuePostRenderEffect(() => vnode2.ssFallback.el = null, suspense);
}
if (!delayEnter) move(pendingBranch, container2, anchor, 0);
}
suspense.isFallbackMountPending = false;
setActiveBranch(suspense, pendingBranch);
suspense.pendingBranch = null;
suspense.isInFallback = false;
let parent = suspense.parent;
let hasUnresolvedAncestor = false;
while (parent) {
if (parent.pendingBranch) {
parent.effects.push(...effects);
hasUnresolvedAncestor = true;
break;
}
parent = parent.parent;
}
if (!hasUnresolvedAncestor && !delayEnter) queuePostFlushCb(effects);
suspense.effects = [];
if (isSuspensible) {
if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
parentSuspense.deps--;
if (parentSuspense.deps === 0 && !sync) parentSuspense.resolve();
}
}
triggerEvent(vnode2, "onResolve");
},
fallback(fallbackVNode) {
if (!suspense.pendingBranch) return;
const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, namespace: namespace2 } = suspense;
triggerEvent(vnode2, "onFallback");
const anchor2 = next(activeBranch);
const mountFallback = () => {
suspense.isFallbackMountPending = false;
if (!suspense.isInFallback) return;
patch(null, fallbackVNode, container2, anchor2, parentComponent2, null, namespace2, slotScopeIds, optimized);
setActiveBranch(suspense, fallbackVNode);
};
const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
if (delayEnter) {
suspense.isFallbackMountPending = true;
activeBranch.transition.afterLeave = mountFallback;
}
suspense.isInFallback = true;
unmount(activeBranch, parentComponent2, null, true);
if (!delayEnter) mountFallback();
},
move(container2, anchor2, type) {
suspense.activeBranch && move(suspense.activeBranch, container2, anchor2, type);
suspense.container = container2;
},
next() {
return suspense.activeBranch && next(suspense.activeBranch);
},
registerDep(instance, setupRenderEffect, optimized2) {
const isInPendingSuspense = !!suspense.pendingBranch;
if (isInPendingSuspense) suspense.deps++;
const hydratedEl = instance.vnode.el;
instance.asyncDep.catch((err) => {
handleError(err, instance, 0);
}).then((asyncSetupResult) => {
if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) return;
unsetCurrentInstance();
instance.asyncResolved = true;
const { vnode: vnode2 } = instance;
handleSetupResult(instance, asyncSetupResult, false);
if (hydratedEl) vnode2.el = hydratedEl;
const placeholder = !hydratedEl && instance.subTree.el;
setupRenderEffect(instance, vnode2, parentNode(hydratedEl || instance.subTree.el), hydratedEl ? null : next(instance.subTree), suspense, namespace, optimized2);
if (placeholder) {
vnode2.placeholder = null;
remove(placeholder);
}
updateHOCHostEl(instance, vnode2.el);
if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
});
},
unmount(parentSuspense2, doRemove) {
suspense.isUnmounted = true;
if (suspense.activeBranch) unmount(suspense.activeBranch, parentComponent, parentSuspense2, doRemove);
if (suspense.pendingBranch) unmount(suspense.pendingBranch, parentComponent, parentSuspense2, doRemove);
}
};
return suspense;
}
function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals, hydrateNode) {
const suspense = vnode.suspense = createSuspenseBoundary(vnode, parentSuspense, parentComponent, node.parentNode, document.createElement("div"), null, namespace, slotScopeIds, optimized, rendererInternals, true);
const result = hydrateNode(node, suspense.pendingBranch = vnode.ssContent, parentComponent, suspense, slotScopeIds, optimized);
if (suspense.deps === 0) suspense.resolve(false, true);
return result;
}
function normalizeSuspenseChildren(vnode) {
const { shapeFlag, children } = vnode;
const isSlotChildren = shapeFlag & 32;
vnode.ssContent = normalizeSuspenseSlot(isSlotChildren ? children.default : children);
vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);
}
function normalizeSuspenseSlot(s) {
let block;
if (isFunction$1(s)) {
const trackBlock = isBlockTreeEnabled && s._c;
if (trackBlock) {
s._d = false;
openBlock();
}
s = s();
if (trackBlock) {
s._d = true;
block = currentBlock;
closeBlock();
}
}
if (isArray(s)) s = filterSingleRoot(s);
s = normalizeVNode(s);
if (block && !s.dynamicChildren) s.dynamicChildren = block.filter((c) => c !== s);
return s;
}
function queueEffectWithSuspense(fn, suspense) {
if (suspense && suspense.pendingBranch) if (isArray(fn)) suspense.effects.push(...fn);
else suspense.effects.push(fn);
else queuePostFlushCb(fn);
}
function setActiveBranch(suspense, branch) {
suspense.activeBranch = branch;
const { vnode, parentComponent } = suspense;
let el = branch.el;
while (!el && branch.component) {
branch = branch.component.subTree;
el = branch.el;
}
vnode.el = el;
if (parentComponent && parentComponent.subTree === vnode) {
parentComponent.vnode.el = el;
updateHOCHostEl(parentComponent, el);
}
}
function isVNodeSuspensible(vnode) {
const suspensible = vnode.props && vnode.props.suspensible;
return suspensible != null && suspensible !== false;
}
var Fragment = Symbol.for("v-fgt");
var Text = Symbol.for("v-txt");
var Comment = Symbol.for("v-cmt");
var Static = Symbol.for("v-stc");
var blockStack = [];
var currentBlock = null;
function openBlock(disableTracking = false) {
blockStack.push(currentBlock = disableTracking ? null : []);
}
function closeBlock() {
blockStack.pop();
currentBlock = blockStack[blockStack.length - 1] || null;
}
var isBlockTreeEnabled = 1;
function setBlockTracking(value, inVOnce = false) {
isBlockTreeEnabled += value;
if (value < 0 && currentBlock && inVOnce) currentBlock.hasOnce = true;
}
function setupBlock(vnode) {
vnode.dynamicChildren = isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
closeBlock();
if (isBlockTreeEnabled > 0 && currentBlock) currentBlock.push(vnode);
return vnode;
}
function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
return setupBlock(createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, true));
}
function createBlock(type, props, children, patchFlag, dynamicProps) {
return setupBlock(createVNode(type, props, children, patchFlag, dynamicProps, true));
}
function isVNode(value) {
return value ? value.__v_isVNode === true : false;
}
function isSameVNodeType(n1, n2) {
return n1.type === n2.type && n1.key === n2.key;
}
function transformVNodeArgs(transformer) {}
var normalizeKey = ({ key }) => key != null ? key : null;
var normalizeRef = ({ ref, ref_key, ref_for }) => {
if (typeof ref === "number") ref = "" + ref;
return ref != null ? isString$1(ref) || isRef(ref) || isFunction$1(ref) ? {
i: currentRenderingInstance,
r: ref,
k: ref_key,
f: !!ref_for
} : ref : null;
};
function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1, isBlockNode = false, needFullChildrenNormalization = false) {
const vnode = {
__v_isVNode: true,
__v_skip: true,
type,
props,
key: props && normalizeKey(props),
ref: props && normalizeRef(props),
scopeId: currentScopeId,
slotScopeIds: null,
children,
component: null,
suspense: null,
ssContent: null,
ssFallback: null,
dirs: null,
transition: null,
el: null,
anchor: null,
target: null,
targetStart: null,
targetAnchor: null,
staticCount: 0,
shapeFlag,
patchFlag,
dynamicProps,
dynamicChildren: null,
appContext: null,
ctx: currentRenderingInstance
};
if (needFullChildrenNormalization) {
normalizeChildren(vnode, children);
if (shapeFlag & 128) type.normalize(vnode);
} else if (children) vnode.shapeFlag |= isString$1(children) ? 8 : 16;
if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6) && vnode.patchFlag !== 32) currentBlock.push(vnode);
return vnode;
}
var createVNode = _createVNode;
function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
if (!type || type === NULL_DYNAMIC_COMPONENT) type = Comment;
if (isVNode(type)) {
const cloned = cloneVNode(type, props, true);
if (children) normalizeChildren(cloned, children);
if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
else currentBlock.push(cloned);
cloned.patchFlag = -2;
return cloned;
}
if (isClassComponent(type)) type = type.__vccOpts;
if (props) {
props = guardReactiveProps(props);
let { class: klass, style } = props;
if (klass && !isString$1(klass)) props.class = normalizeClass(klass);
if (isObject$2(style)) {
if (isProxy(style) && !isArray(style)) style = extend$1({}, style);
props.style = normalizeStyle(style);
}
}
const shapeFlag = isString$1(type) ? 1 : isSuspense(type) ? 128 : isTeleport(type) ? 64 : isObject$2(type) ? 4 : isFunction$1(type) ? 2 : 0;
return createBaseVNode(type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode, true);
}
function guardReactiveProps(props) {
if (!props) return null;
return isProxy(props) || isInternalObject(props) ? extend$1({}, props) : props;
}
function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false) {
const { props, ref, patchFlag, children, transition } = vnode;
const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
const cloned = {
__v_isVNode: true,
__v_skip: true,
type: vnode.type,
props: mergedProps,
key: mergedProps && normalizeKey(mergedProps),
ref: extraProps && extraProps.ref ? mergeRef && ref ? isArray(ref) ? ref.concat(normalizeRef(extraProps)) : [ref, normalizeRef(extraProps)] : normalizeRef(extraProps) : ref,
scopeId: vnode.scopeId,
slotScopeIds: vnode.slotScopeIds,
children,
target: vnode.target,
targetStart: vnode.targetStart,
targetAnchor: vnode.targetAnchor,
staticCount: vnode.staticCount,
shapeFlag: vnode.shapeFlag,
patchFlag: extraProps && vnode.type !== Fragment ? patchFlag === -1 ? 16 : patchFlag | 16 : patchFlag,
dynamicProps: vnode.dynamicProps,
dynamicChildren: vnode.dynamicChildren,
appContext: vnode.appContext,
dirs: vnode.dirs,
transition,
component: vnode.component,
suspense: vnode.suspense,
ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
placeholder: vnode.placeholder,
el: vnode.el,
anchor: vnode.anchor,
ctx: vnode.ctx,
ce: vnode.ce
};
if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
return cloned;
}
function createTextVNode(text = " ", flag = 0) {
return createVNode(Text, null, text, flag);
}
function createStaticVNode(content, numberOfNodes) {
const vnode = createVNode(Static, null, content);
vnode.staticCount = numberOfNodes;
return vnode;
}
function createCommentVNode(text = "", asBlock = false) {
return asBlock ? (openBlock(), createBlock(Comment, null, text)) : createVNode(Comment, null, text);
}
function normalizeVNode(child) {
if (child == null || typeof child === "boolean") return createVNode(Comment);
else if (isArray(child)) return createVNode(Fragment, null, child.slice());
else if (isVNode(child)) return cloneIfMounted(child);
else return createVNode(Text, null, String(child));
}
function cloneIfMounted(child) {
return child.el === null && child.patchFlag !== -1 || child.memo ? child : cloneVNode(child);
}
function normalizeChildren(vnode, children) {
let type = 0;
const { shapeFlag } = vnode;
if (children == null) children = null;
else if (isArray(children)) type = 16;
else if (typeof children === "object") if (shapeFlag & 65) {
const slot = children.default;
if (slot) {
slot._c && (slot._d = false);
normalizeChildren(vnode, slot());
slot._c && (slot._d = true);
}
return;
} else {
type = 32;
const slotFlag = children._;
if (!slotFlag && !isInternalObject(children)) children._ctx = currentRenderingInstance;
else if (slotFlag === 3 && currentRenderingInstance) if (currentRenderingInstance.slots._ === 1) children._ = 1;
else {
children._ = 2;
vnode.patchFlag |= 1024;
}
}
else if (isFunction$1(children)) {
children = {
default: children,
_ctx: currentRenderingInstance
};
type = 32;
} else {
children = String(children);
if (shapeFlag & 64) {
type = 16;
children = [createTextVNode(children)];
} else type = 8;
}
vnode.children = children;
vnode.shapeFlag |= type;
}
function mergeProps(...args) {
const ret = {};
for (let i = 0; i < args.length; i++) {
const toMerge = args[i];
for (const key in toMerge) if (key === "class") {
if (ret.class !== toMerge.class) ret.class = normalizeClass([ret.class, toMerge.class]);
} else if (key === "style") ret.style = normalizeStyle([ret.style, toMerge.style]);
else if (isOn(key)) {
const existing = ret[key];
const incoming = toMerge[key];
if (incoming && existing !== incoming && !(isArray(existing) && existing.includes(incoming))) ret[key] = existing ? [].concat(existing, incoming) : incoming;
else if (incoming == null && existing == null && !isModelListener(key)) ret[key] = incoming;
} else if (key !== "") ret[key] = toMerge[key];
}
return ret;
}
function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
callWithAsyncErrorHandling(hook, instance, 7, [vnode, prevVNode]);
}
var emptyAppContext = createAppContext();
var uid = 0;
function createComponentInstance(vnode, parent, suspense) {
const type = vnode.type;
const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
const instance = {
uid: uid++,
vnode,
type,
parent,
appContext,
root: null,
next: null,
subTree: null,
effect: null,
update: null,
job: null,
scope: new EffectScope(true),
render: null,
proxy: null,
exposed: null,
exposeProxy: null,
withProxy: null,
provides: parent ? parent.provides : Object.create(appContext.provides),
ids: parent ? parent.ids : [
"",
0,
0
],
accessCache: null,
renderCache: [],
components: null,
directives: null,
propsOptions: normalizePropsOptions(type, appContext),
emitsOptions: normalizeEmitsOptions(type, appContext),
emit: null,
emitted: null,
propsDefaults: EMPTY_OBJ,
inheritAttrs: type.inheritAttrs,
ctx: EMPTY_OBJ,
data: EMPTY_OBJ,
props: EMPTY_OBJ,
attrs: EMPTY_OBJ,
slots: EMPTY_OBJ,
refs: EMPTY_OBJ,
setupState: EMPTY_OBJ,
setupContext: null,
suspense,
suspenseId: suspense ? suspense.pendingId : 0,
asyncDep: null,
asyncResolved: false,
isMounted: false,
isUnmounted: false,
isDeactivated: false,
bc: null,
c: null,
bm: null,
m: null,
bu: null,
u: null,
um: null,
bum: null,
da: null,
a: null,
rtg: null,
rtc: null,
ec: null,
sp: null
};
instance.ctx = { _: instance };
instance.root = parent ? parent.root : instance;
instance.emit = emit$2.bind(null, instance);
if (vnode.ce) vnode.ce(instance);
return instance;
}
var currentInstance = null;
var getCurrentInstance = () => currentInstance || currentRenderingInstance;
var internalSetCurrentInstance;
var setInSSRSetupState;
{
const g = getGlobalThis();
const registerGlobalSetter = (key, setter) => {
let setters;
if (!(setters = g[key])) setters = g[key] = [];
setters.push(setter);
return (v) => {
if (setters.length > 1) setters.forEach((set) => set(v));
else setters[0](v);
};
};
internalSetCurrentInstance = registerGlobalSetter(`__VUE_INSTANCE_SETTERS__`, (v) => currentInstance = v);
setInSSRSetupState = registerGlobalSetter(`__VUE_SSR_SETTERS__`, (v) => isInSSRComponentSetup = v);
}
var setCurrentInstance = (instance) => {
const prev = currentInstance;
internalSetCurrentInstance(instance);
instance.scope.on();
return () => {
instance.scope.off();
internalSetCurrentInstance(prev);
};
};
var unsetCurrentInstance = () => {
currentInstance && currentInstance.scope.off();
internalSetCurrentInstance(null);
};
function isStatefulComponent(instance) {
return instance.vnode.shapeFlag & 4;
}
var isInSSRComponentSetup = false;
function setupComponent(instance, isSSR = false, optimized = false) {
isSSR && setInSSRSetupState(isSSR);
const { props, children } = instance.vnode;
const isStateful = isStatefulComponent(instance);
initProps(instance, props, isStateful, isSSR);
initSlots(instance, children, optimized || isSSR);
const setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : void 0;
isSSR && setInSSRSetupState(false);
return setupResult;
}
function setupStatefulComponent(instance, isSSR) {
const Component = instance.type;
instance.accessCache = Object.create(null);
instance.proxy = new Proxy(instance.ctx, PublicInstanceProxyHandlers);
const { setup } = Component;
if (setup) {
pauseTracking();
const setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
const reset = setCurrentInstance(instance);
const setupResult = callWithErrorHandling(setup, instance, 0, [instance.props, setupContext]);
const isAsyncSetup = isPromise(setupResult);
resetTracking();
reset();
if ((isAsyncSetup || instance.sp) && !isAsyncWrapper(instance)) markAsyncBoundary(instance);
if (isAsyncSetup) {
setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
if (isSSR) return setupResult.then((resolvedResult) => {
handleSetupResult(instance, resolvedResult, isSSR);
}).catch((e) => {
handleError(e, instance, 0);
});
else instance.asyncDep = setupResult;
} else handleSetupResult(instance, setupResult, isSSR);
} else finishComponentSetup(instance, isSSR);
}
function handleSetupResult(instance, setupResult, isSSR) {
if (isFunction$1(setupResult)) if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
else instance.render = setupResult;
else if (isObject$2(setupResult)) instance.setupState = proxyRefs(setupResult);
finishComponentSetup(instance, isSSR);
}
var compile$1;
var installWithProxy;
function registerRuntimeCompiler(_compile) {
compile$1 = _compile;
installWithProxy = (i) => {
if (i.render._rc) i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
};
}
var isRuntimeOnly = () => !compile$1;
function finishComponentSetup(instance, isSSR, skipOptions) {
const Component = instance.type;
if (!instance.render) {
if (!isSSR && compile$1 && !Component.render) {
const template = Component.template || resolveMergedOptions(instance).template;
if (template) {
const { isCustomElement, compilerOptions } = instance.appContext.config;
const { delimiters, compilerOptions: componentCompilerOptions } = Component;
const finalCompilerOptions = extend$1(extend$1({
isCustomElement,
delimiters
}, compilerOptions), componentCompilerOptions);
Component.render = compile$1(template, finalCompilerOptions);
}
}
instance.render = Component.render || NOOP;
if (installWithProxy) installWithProxy(instance);
}
{
const reset = setCurrentInstance(instance);
pauseTracking();
try {
applyOptions(instance);
} finally {
resetTracking();
reset();
}
}
}
var attrsProxyHandlers = { get(target, key) {
track(target, "get", "");
return target[key];
} };
function createSetupContext(instance) {
const expose = (exposed) => {
instance.exposed = exposed || {};
};
return {
attrs: new Proxy(instance.attrs, attrsProxyHandlers),
slots: instance.slots,
emit: instance.emit,
expose
};
}
function getComponentPublicInstance(instance) {
if (instance.exposed) return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
get(target, key) {
if (key in target) return target[key];
else if (key in publicPropertiesMap) return publicPropertiesMap[key](instance);
},
has(target, key) {
return key in target || key in publicPropertiesMap;
}
}));
else return instance.proxy;
}
function getComponentName(Component, includeInferred = true) {
return isFunction$1(Component) ? Component.displayName || Component.name : Component.name || includeInferred && Component.__name;
}
function isClassComponent(value) {
return isFunction$1(value) && "__vccOpts" in value;
}
var computed = (getterOrOptions, debugOptions) => {
return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
};
function h(type, propsOrChildren, children) {
try {
setBlockTracking(-1);
const l = arguments.length;
if (l === 2) if (isObject$2(propsOrChildren) && !isArray(propsOrChildren)) {
if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
return createVNode(type, propsOrChildren);
} else return createVNode(type, null, propsOrChildren);
else {
if (l > 3) children = Array.prototype.slice.call(arguments, 2);
else if (l === 3 && isVNode(children)) children = [children];
return createVNode(type, propsOrChildren, children);
}
} finally {
setBlockTracking(1);
}
}
function initCustomFormatter() {
return;
function isKeyOfType(Comp, key, type) {
const opts = Comp[type];
if (isArray(opts) && opts.includes(key) || isObject$2(opts) && key in opts) return true;
if (Comp.extends && isKeyOfType(Comp.extends, key, type)) return true;
if (Comp.mixins && Comp.mixins.some((m) => isKeyOfType(m, key, type))) return true;
}
}
function withMemo(memo, render, cache, index) {
const cached = cache[index];
if (cached && isMemoSame(cached, memo)) return cached;
const ret = render();
ret.memo = memo.slice();
ret.cacheIndex = index;
return cache[index] = ret;
}
function isMemoSame(cached, memo) {
const prev = cached.memo;
if (prev.length != memo.length) return false;
for (let i = 0; i < prev.length; i++) if (hasChanged(prev[i], memo[i])) return false;
if (isBlockTreeEnabled > 0 && currentBlock) currentBlock.push(cached);
return true;
}
var version$1 = "3.5.34";
var warn = NOOP;
var ErrorTypeStrings = ErrorTypeStrings$1;
var devtools = devtools$1;
var setDevtoolsHook = setDevtoolsHook$1;
var ssrUtils = {
createComponentInstance,
setupComponent,
renderComponentRoot,
setCurrentRenderingInstance,
isVNode,
normalizeVNode,
getComponentPublicInstance,
ensureValidVNode,
pushWarningContext,
popWarningContext
};
var policy = void 0;
var tt = typeof window !== "undefined" && window.trustedTypes;
if (tt) try {
policy = tt.createPolicy("vue", { createHTML: (val) => val });
} catch (e) {}
var unsafeToTrustedHTML = policy ? (val) => policy.createHTML(val) : (val) => val;
var svgNS = "http://www.w3.org/2000/svg";
var mathmlNS = "http://www.w3.org/1998/Math/MathML";
var doc = typeof document !== "undefined" ? document : null;
var templateContainer = doc && doc.createElement("template");
var nodeOps = {
insert: (child, parent, anchor) => {
parent.insertBefore(child, anchor || null);
},
remove: (child) => {
const parent = child.parentNode;
if (parent) parent.removeChild(child);
},
createElement: (tag, namespace, is, props) => {
const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : is ? doc.createElement(tag, { is }) : doc.createElement(tag);
if (tag === "select" && props && props.multiple != null) el.setAttribute("multiple", props.multiple);
return el;
},
createText: (text) => doc.createTextNode(text),
createComment: (text) => doc.createComment(text),
setText: (node, text) => {
node.nodeValue = text;
},
setElementText: (el, text) => {
el.textContent = text;
},
parentNode: (node) => node.parentNode,
nextSibling: (node) => node.nextSibling,
querySelector: (selector) => doc.querySelector(selector),
setScopeId(el, id) {
el.setAttribute(id, "");
},
insertStaticContent(content, parent, anchor, namespace, start, end) {
const before = anchor ? anchor.previousSibling : parent.lastChild;
if (start && (start === end || start.nextSibling)) while (true) {
parent.insertBefore(start.cloneNode(true), anchor);
if (start === end || !(start = start.nextSibling)) break;
}
else {
templateContainer.innerHTML = unsafeToTrustedHTML(namespace === "svg" ? `<svg>${content}</svg>` : namespace === "mathml" ? `<math>${content}</math>` : content);
const template = templateContainer.content;
if (namespace === "svg" || namespace === "mathml") {
const wrapper = template.firstChild;
while (wrapper.firstChild) template.appendChild(wrapper.firstChild);
template.removeChild(wrapper);
}
parent.insertBefore(template, anchor);
}
return [before ? before.nextSibling : parent.firstChild, anchor ? anchor.previousSibling : parent.lastChild];
}
};
var TRANSITION$1 = "transition";
var ANIMATION = "animation";
var vtcKey = Symbol("_vtc");
var DOMTransitionPropsValidators = {
name: String,
type: String,
css: {
type: Boolean,
default: true
},
duration: [
String,
Number,
Object
],
enterFromClass: String,
enterActiveClass: String,
enterToClass: String,
appearFromClass: String,
appearActiveClass: String,
appearToClass: String,
leaveFromClass: String,
leaveActiveClass: String,
leaveToClass: String
};
var TransitionPropsValidators = extend$1({}, BaseTransitionPropsValidators, DOMTransitionPropsValidators);
var decorate$1 = (t) => {
t.displayName = "Transition";
t.props = TransitionPropsValidators;
return t;
};
var Transition = decorate$1((props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots));
var callHook = (hook, args = []) => {
if (isArray(hook)) hook.forEach((h2) => h2(...args));
else if (hook) hook(...args);
};
var hasExplicitCallback = (hook) => {
return hook ? isArray(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
};
function resolveTransitionProps(rawProps) {
const baseProps = {};
for (const key in rawProps) if (!(key in DOMTransitionPropsValidators)) baseProps[key] = rawProps[key];
if (rawProps.css === false) return baseProps;
const { name = "v", type, duration, enterFromClass = `${name}-enter-from`, enterActiveClass = `${name}-enter-active`, enterToClass = `${name}-enter-to`, appearFromClass = enterFromClass, appearActiveClass = enterActiveClass, appearToClass = enterToClass, leaveFromClass = `${name}-leave-from`, leaveActiveClass = `${name}-leave-active`, leaveToClass = `${name}-leave-to` } = rawProps;
const durations = normalizeDuration(duration);
const enterDuration = durations && durations[0];
const leaveDuration = durations && durations[1];
const { onBeforeEnter, onEnter, onEnterCancelled, onLeave, onLeaveCancelled, onBeforeAppear = onBeforeEnter, onAppear = onEnter, onAppearCancelled = onEnterCancelled } = baseProps;
const finishEnter = (el, isAppear, done, isCancelled) => {
el._enterCancelled = isCancelled;
removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
done && done();
};
const finishLeave = (el, done) => {
el._isLeaving = false;
removeTransitionClass(el, leaveFromClass);
removeTransitionClass(el, leaveToClass);
removeTransitionClass(el, leaveActiveClass);
done && done();
};
const makeEnterHook = (isAppear) => {
return (el, done) => {
const hook = isAppear ? onAppear : onEnter;
const resolve = () => finishEnter(el, isAppear, done);
callHook(hook, [el, resolve]);
nextFrame(() => {
removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
addTransitionClass(el, isAppear ? appearToClass : enterToClass);
if (!hasExplicitCallback(hook)) whenTransitionEnds(el, type, enterDuration, resolve);
});
};
};
return extend$1(baseProps, {
onBeforeEnter(el) {
callHook(onBeforeEnter, [el]);
addTransitionClass(el, enterFromClass);
addTransitionClass(el, enterActiveClass);
},
onBeforeAppear(el) {
callHook(onBeforeAppear, [el]);
addTransitionClass(el, appearFromClass);
addTransitionClass(el, appearActiveClass);
},
onEnter: makeEnterHook(false),
onAppear: makeEnterHook(true),
onLeave(el, done) {
el._isLeaving = true;
const resolve = () => finishLeave(el, done);
addTransitionClass(el, leaveFromClass);
if (!el._enterCancelled) {
forceReflow(el);
addTransitionClass(el, leaveActiveClass);
} else {
addTransitionClass(el, leaveActiveClass);
forceReflow(el);
}
nextFrame(() => {
if (!el._isLeaving) return;
removeTransitionClass(el, leaveFromClass);
addTransitionClass(el, leaveToClass);
if (!hasExplicitCallback(onLeave)) whenTransitionEnds(el, type, leaveDuration, resolve);
});
callHook(onLeave, [el, resolve]);
},
onEnterCancelled(el) {
finishEnter(el, false, void 0, true);
callHook(onEnterCancelled, [el]);
},
onAppearCancelled(el) {
finishEnter(el, true, void 0, true);
callHook(onAppearCancelled, [el]);
},
onLeaveCancelled(el) {
finishLeave(el);
callHook(onLeaveCancelled, [el]);
}
});
}
function normalizeDuration(duration) {
if (duration == null) return null;
else if (isObject$2(duration)) return [NumberOf(duration.enter), NumberOf(duration.leave)];
else {
const n = NumberOf(duration);
return [n, n];
}
}
function NumberOf(val) {
return toNumber(val);
}
function addTransitionClass(el, cls) {
cls.split(/\s+/).forEach((c) => c && el.classList.add(c));
(el[vtcKey] || (el[vtcKey] = new Set())).add(cls);
}
function removeTransitionClass(el, cls) {
cls.split(/\s+/).forEach((c) => c && el.classList.remove(c));
const _vtc = el[vtcKey];
if (_vtc) {
_vtc.delete(cls);
if (!_vtc.size) el[vtcKey] = void 0;
}
}
function nextFrame(cb) {
requestAnimationFrame(() => {
requestAnimationFrame(cb);
});
}
var endId = 0;
function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) {
const id = el._endId = ++endId;
const resolveIfNotStale = () => {
if (id === el._endId) resolve();
};
if (explicitTimeout != null) return setTimeout(resolveIfNotStale, explicitTimeout);
const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
if (!type) return resolve();
const endEvent = type + "end";
let ended = 0;
const end = () => {
el.removeEventListener(endEvent, onEnd);
resolveIfNotStale();
};
const onEnd = (e) => {
if (e.target === el && ++ended >= propCount) end();
};
setTimeout(() => {
if (ended < propCount) end();
}, timeout + 1);
el.addEventListener(endEvent, onEnd);
}
function getTransitionInfo(el, expectedType) {
const styles = window.getComputedStyle(el);
const getStyleProperties = (key) => (styles[key] || "").split(", ");
const transitionDelays = getStyleProperties(`${TRANSITION$1}Delay`);
const transitionDurations = getStyleProperties(`${TRANSITION$1}Duration`);
const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
const animationTimeout = getTimeout(animationDelays, animationDurations);
let type = null;
let timeout = 0;
let propCount = 0;
if (expectedType === TRANSITION$1) {
if (transitionTimeout > 0) {
type = TRANSITION$1;
timeout = transitionTimeout;
propCount = transitionDurations.length;
}
} else if (expectedType === ANIMATION) {
if (animationTimeout > 0) {
type = ANIMATION;
timeout = animationTimeout;
propCount = animationDurations.length;
}
} else {
timeout = Math.max(transitionTimeout, animationTimeout);
type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION$1 : ANIMATION : null;
propCount = type ? type === TRANSITION$1 ? transitionDurations.length : animationDurations.length : 0;
}
const hasTransform = type === TRANSITION$1 && /\b(?:transform|all)(?:,|$)/.test(getStyleProperties(`${TRANSITION$1}Property`).toString());
return {
type,
timeout,
propCount,
hasTransform
};
}
function getTimeout(delays, durations) {
while (delays.length < durations.length) delays = delays.concat(delays);
return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i])));
}
function toMs(s) {
if (s === "auto") return 0;
return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
}
function forceReflow(el) {
return (el ? el.ownerDocument : document).body.offsetHeight;
}
function patchClass(el, value, isSVG) {
const transitionClasses = el[vtcKey];
if (transitionClasses) value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
if (value == null) el.removeAttribute("class");
else if (isSVG) el.setAttribute("class", value);
else el.className = value;
}
var vShowOriginalDisplay = Symbol("_vod");
var vShowHidden = Symbol("_vsh");
var vShow = {
name: "show",
beforeMount(el, { value }, { transition }) {
el[vShowOriginalDisplay] = el.style.display === "none" ? "" : el.style.display;
if (transition && value) transition.beforeEnter(el);
else setDisplay(el, value);
},
mounted(el, { value }, { transition }) {
if (transition && value) transition.enter(el);
},
updated(el, { value, oldValue }, { transition }) {
if (!value === !oldValue) return;
if (transition) if (value) {
transition.beforeEnter(el);
setDisplay(el, true);
transition.enter(el);
} else transition.leave(el, () => {
setDisplay(el, false);
});
else setDisplay(el, value);
},
beforeUnmount(el, { value }) {
setDisplay(el, value);
}
};
function setDisplay(el, value) {
el.style.display = value ? el[vShowOriginalDisplay] : "none";
el[vShowHidden] = !value;
}
function initVShowForSSR() {
vShow.getSSRProps = ({ value }) => {
if (!value) return { style: { display: "none" } };
};
}
var CSS_VAR_TEXT = Symbol("");
function useCssVars(getter) {
const instance = getCurrentInstance();
if (!instance) return;
const updateTeleports = instance.ut = (vars = getter(instance.proxy)) => {
Array.from(document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)).forEach((node) => setVarsOnNode(node, vars));
};
const setVars = () => {
const vars = getter(instance.proxy);
if (instance.ce) setVarsOnNode(instance.ce, vars);
else setVarsOnVNode(instance.subTree, vars);
updateTeleports(vars);
};
onBeforeUpdate(() => {
queuePostFlushCb(setVars);
});
onMounted(() => {
watch(setVars, NOOP, { flush: "post" });
const ob = new MutationObserver(setVars);
ob.observe(instance.subTree.el.parentNode, { childList: true });
onUnmounted(() => ob.disconnect());
});
}
function setVarsOnVNode(vnode, vars) {
if (vnode.shapeFlag & 128) {
const suspense = vnode.suspense;
vnode = suspense.activeBranch;
if (suspense.pendingBranch && !suspense.isHydrating) suspense.effects.push(() => {
setVarsOnVNode(suspense.activeBranch, vars);
});
}
while (vnode.component) vnode = vnode.component.subTree;
if (vnode.shapeFlag & 1 && vnode.el) setVarsOnNode(vnode.el, vars);
else if (vnode.type === Fragment) vnode.children.forEach((c) => setVarsOnVNode(c, vars));
else if (vnode.type === Static) {
let { el, anchor } = vnode;
while (el) {
setVarsOnNode(el, vars);
if (el === anchor) break;
el = el.nextSibling;
}
}
}
function setVarsOnNode(el, vars) {
if (el.nodeType === 1) {
const style = el.style;
let cssText = "";
for (const key in vars) {
const value = normalizeCssVarValue(vars[key]);
style.setProperty(`--${key}`, value);
cssText += `--${key}: ${value};`;
}
style[CSS_VAR_TEXT] = cssText;
}
}
var displayRE = /(?:^|;)\s*display\s*:/;
function patchStyle(el, prev, next) {
const style = el.style;
const isCssString = isString$1(next);
let hasControlledDisplay = false;
if (next && !isCssString) {
if (prev) if (!isString$1(prev)) {
for (const key in prev) if (next[key] == null) setStyle(style, key, "");
} else for (const prevStyle of prev.split(";")) {
const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
if (next[key] == null) setStyle(style, key, "");
}
for (const key in next) {
if (key === "display") hasControlledDisplay = true;
const value = next[key];
if (value != null) {
if (!shouldPreserveTextareaResizeStyle(el, key, !isString$1(prev) && prev ? prev[key] : void 0, value)) setStyle(style, key, value);
} else setStyle(style, key, "");
}
} else if (isCssString) {
if (prev !== next) {
const cssVarText = style[CSS_VAR_TEXT];
if (cssVarText) next += ";" + cssVarText;
style.cssText = next;
hasControlledDisplay = displayRE.test(next);
}
} else if (prev) el.removeAttribute("style");
if (vShowOriginalDisplay in el) {
el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
if (el[vShowHidden]) style.display = "none";
}
}
var importantRE = /\s*!important$/;
function setStyle(style, name, val) {
if (isArray(val)) val.forEach((v) => setStyle(style, name, v));
else {
if (val == null) val = "";
if (name.startsWith("--")) style.setProperty(name, val);
else {
const prefixed = autoPrefix(style, name);
if (importantRE.test(val)) style.setProperty(hyphenate$1(prefixed), val.replace(importantRE, ""), "important");
else style[prefixed] = val;
}
}
}
var prefixes = [
"Webkit",
"Moz",
"ms"
];
var prefixCache = {};
function autoPrefix(style, rawName) {
const cached = prefixCache[rawName];
if (cached) return cached;
let name = camelize$2(rawName);
if (name !== "filter" && name in style) return prefixCache[rawName] = name;
name = capitalize(name);
for (let i = 0; i < prefixes.length; i++) {
const prefixed = prefixes[i] + name;
if (prefixed in style) return prefixCache[rawName] = prefixed;
}
return rawName;
}
function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
return el.tagName === "TEXTAREA" && (key === "width" || key === "height") && isString$1(next) && prev === next;
}
var xlinkNS = "http://www.w3.org/1999/xlink";
function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) {
if (isSVG && key.startsWith("xlink:")) if (value == null) el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
else el.setAttributeNS(xlinkNS, key, value);
else if (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
else el.setAttribute(key, isBoolean ? "" : isSymbol(value) ? String(value) : value);
}
function patchDOMProp(el, key, value, parentComponent, attrName) {
if (key === "innerHTML" || key === "textContent") {
if (value != null) el[key] = key === "innerHTML" ? unsafeToTrustedHTML(value) : value;
return;
}
const tag = el.tagName;
if (key === "value" && tag !== "PROGRESS" && !tag.includes("-")) {
const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value;
const newValue = value == null ? el.type === "checkbox" ? "on" : "" : String(value);
if (oldValue !== newValue || !("_value" in el)) el.value = newValue;
if (value == null) el.removeAttribute(key);
el._value = value;
return;
}
let needRemove = false;
if (value === "" || value == null) {
const type = typeof el[key];
if (type === "boolean") value = includeBooleanAttr(value);
else if (value == null && type === "string") {
value = "";
needRemove = true;
} else if (type === "number") {
value = 0;
needRemove = true;
}
}
try {
el[key] = value;
} catch (e) {}
needRemove && el.removeAttribute(attrName || key);
}
function addEventListener$1(el, event, handler, options) {
el.addEventListener(event, handler, options);
}
function removeEventListener$1(el, event, handler, options) {
el.removeEventListener(event, handler, options);
}
var veiKey = Symbol("_vei");
function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
const invokers = el[veiKey] || (el[veiKey] = {});
const existingInvoker = invokers[rawName];
if (nextValue && existingInvoker) existingInvoker.value = nextValue;
else {
const [name, options] = parseName(rawName);
if (nextValue) addEventListener$1(el, name, invokers[rawName] = createInvoker(nextValue, instance), options);
else if (existingInvoker) {
removeEventListener$1(el, name, existingInvoker, options);
invokers[rawName] = void 0;
}
}
}
var optionsModifierRE = /(?:Once|Passive|Capture)$/;
function parseName(name) {
let options;
if (optionsModifierRE.test(name)) {
options = {};
let m;
while (m = name.match(optionsModifierRE)) {
name = name.slice(0, name.length - m[0].length);
options[m[0].toLowerCase()] = true;
}
}
return [name[2] === ":" ? name.slice(3) : hyphenate$1(name.slice(2)), options];
}
var cachedNow = 0;
var p = Promise.resolve();
var getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = Date.now());
function createInvoker(initialValue, instance) {
const invoker = (e) => {
if (!e._vts) e._vts = Date.now();
else if (e._vts <= invoker.attached) return;
callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5, [e]);
};
invoker.value = initialValue;
invoker.attached = getNow();
return invoker;
}
function patchStopImmediatePropagation(e, value) {
if (isArray(value)) {
const originalStop = e.stopImmediatePropagation;
e.stopImmediatePropagation = () => {
originalStop.call(e);
e._stopped = true;
};
return value.map((fn) => (e2) => !e2._stopped && fn && fn(e2));
} else return value;
}
var isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
var patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
const isSVG = namespace === "svg";
if (key === "class") patchClass(el, nextValue, isSVG);
else if (key === "style") patchStyle(el, prevValue, nextValue);
else if (isOn(key)) {
if (!isModelListener(key)) patchEvent(el, key, prevValue, nextValue, parentComponent);
} else if (key[0] === "." ? (key = key.slice(1), true) : key[0] === "^" ? (key = key.slice(1), false) : shouldSetAsProp(el, key, nextValue, isSVG)) {
patchDOMProp(el, key, nextValue);
if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
} else if (el._isVueCE && (shouldSetAsPropForVueCE(el, key) || el._def.__asyncLoader && (/[A-Z]/.test(key) || !isString$1(nextValue)))) patchDOMProp(el, camelize$2(key), nextValue, parentComponent, key);
else {
if (key === "true-value") el._trueValue = nextValue;
else if (key === "false-value") el._falseValue = nextValue;
patchAttr(el, key, nextValue, isSVG);
}
};
function shouldSetAsProp(el, key, value, isSVG) {
if (isSVG) {
if (key === "innerHTML" || key === "textContent") return true;
if (key in el && isNativeOn(key) && isFunction$1(value)) return true;
return false;
}
if (key === "spellcheck" || key === "draggable" || key === "translate" || key === "autocorrect") return false;
if (key === "sandbox" && el.tagName === "IFRAME") return false;
if (key === "form") return false;
if (key === "list" && el.tagName === "INPUT") return false;
if (key === "type" && el.tagName === "TEXTAREA") return false;
if (key === "width" || key === "height") {
const tag = el.tagName;
if (tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE") return false;
}
if (isNativeOn(key) && isString$1(value)) return false;
return key in el;
}
function shouldSetAsPropForVueCE(el, key) {
const props = el._def.props;
if (!props) return false;
const camelKey = camelize$2(key);
return Array.isArray(props) ? props.some((prop) => camelize$2(prop) === camelKey) : Object.keys(props).some((prop) => camelize$2(prop) === camelKey);
}
var REMOVAL = {};
function defineCustomElement(options, extraOptions, _createApp) {
let Comp = defineComponent(options, extraOptions);
if (isPlainObject$1(Comp)) Comp = extend$1({}, Comp, extraOptions);
class VueCustomElement extends VueElement {
constructor(initialProps) {
super(Comp, initialProps, _createApp);
}
}
VueCustomElement.def = Comp;
return VueCustomElement;
}
var defineSSRCustomElement = ((options, extraOptions) => {
return defineCustomElement(options, extraOptions, createSSRApp);
});
var BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
var VueElement = class VueElement extends BaseClass {
constructor(_def, _props = {}, _createApp = createApp) {
super();
this._def = _def;
this._props = _props;
this._createApp = _createApp;
this._isVueCE = true;
this._instance = null;
this._app = null;
this._nonce = this._def.nonce;
this._connected = false;
this._resolved = false;
this._patching = false;
this._dirty = false;
this._numberProps = null;
this._styleChildren = new WeakSet();
this._styleAnchors = new WeakMap();
this._ob = null;
if (this.shadowRoot && _createApp !== createApp) this._root = this.shadowRoot;
else if (_def.shadowRoot !== false) {
this.attachShadow(extend$1({}, _def.shadowRootOptions, { mode: "open" }));
this._root = this.shadowRoot;
} else this._root = this;
}
connectedCallback() {
if (!this.isConnected) return;
if (!this.shadowRoot && !this._resolved) this._parseSlots();
this._connected = true;
let parent = this;
while (parent = parent && (parent.assignedSlot || parent.parentNode || parent.host)) if (parent instanceof VueElement) {
this._parent = parent;
break;
}
if (!this._instance) if (this._resolved) this._mount(this._def);
else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
this._pendingResolve = void 0;
this._resolveDef();
});
else this._resolveDef();
}
_setParent(parent = this._parent) {
if (parent) {
this._instance.parent = parent._instance;
this._inheritParentContext(parent);
}
}
_inheritParentContext(parent = this._parent) {
if (parent && this._app) Object.setPrototypeOf(this._app._context.provides, parent._instance.provides);
}
disconnectedCallback() {
this._connected = false;
nextTick(() => {
if (!this._connected) {
if (this._ob) {
this._ob.disconnect();
this._ob = null;
}
this._app && this._app.unmount();
if (this._instance) this._instance.ce = void 0;
this._app = this._instance = null;
if (this._teleportTargets) {
this._teleportTargets.clear();
this._teleportTargets = void 0;
}
}
});
}
_processMutations(mutations) {
for (const m of mutations) this._setAttr(m.attributeName);
}
_resolveDef() {
if (this._pendingResolve) return;
for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
this._ob = new MutationObserver(this._processMutations.bind(this));
this._ob.observe(this, { attributes: true });
const resolve = (def, isAsync = false) => {
this._resolved = true;
this._pendingResolve = void 0;
const { props, styles } = def;
let numberProps;
if (props && !isArray(props)) for (const key in props) {
const opt = props[key];
if (opt === Number || opt && opt.type === Number) {
if (key in this._props) this._props[key] = toNumber(this._props[key]);
(numberProps || (numberProps = Object.create(null)))[camelize$2(key)] = true;
}
}
this._numberProps = numberProps;
this._resolveProps(def);
if (this.shadowRoot) this._applyStyles(styles);
this._mount(def);
};
const asyncDef = this._def.__asyncLoader;
if (asyncDef) this._pendingResolve = asyncDef().then((def) => {
def.configureApp = this._def.configureApp;
resolve(this._def = def, true);
});
else resolve(this._def);
}
_mount(def) {
this._app = this._createApp(def);
this._inheritParentContext();
if (def.configureApp) def.configureApp(this._app);
this._app._ceVNode = this._createVNode();
this._app.mount(this._root);
const exposed = this._instance && this._instance.exposed;
if (!exposed) return;
for (const key in exposed) if (!hasOwn(this, key)) Object.defineProperty(this, key, { get: () => unref(exposed[key]) });
}
_resolveProps(def) {
const { props } = def;
const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
for (const key of declaredPropKeys.map(camelize$2)) Object.defineProperty(this, key, {
get() {
return this._getProp(key);
},
set(val) {
this._setProp(key, val, true, !this._patching);
}
});
}
_setAttr(key) {
if (key.startsWith("data-v-")) return;
const has = this.hasAttribute(key);
let value = has ? this.getAttribute(key) : REMOVAL;
const camelKey = camelize$2(key);
if (has && this._numberProps && this._numberProps[camelKey]) value = toNumber(value);
this._setProp(camelKey, value, false, true);
}
_getProp(key) {
return this._props[key];
}
_setProp(key, val, shouldReflect = true, shouldUpdate = false) {
if (val !== this._props[key]) {
this._dirty = true;
if (val === REMOVAL) delete this._props[key];
else {
this._props[key] = val;
if (key === "key" && this._app) this._app._ceVNode.key = val;
}
if (shouldUpdate && this._instance) this._update();
if (shouldReflect) {
const ob = this._ob;
if (ob) {
this._processMutations(ob.takeRecords());
ob.disconnect();
}
if (val === true) this.setAttribute(hyphenate$1(key), "");
else if (typeof val === "string" || typeof val === "number") this.setAttribute(hyphenate$1(key), val + "");
else if (!val) this.removeAttribute(hyphenate$1(key));
ob && ob.observe(this, { attributes: true });
}
}
}
_update() {
const vnode = this._createVNode();
if (this._app) vnode.appContext = this._app._context;
render$1(vnode, this._root);
}
_createVNode() {
const baseProps = {};
if (!this.shadowRoot) baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
const vnode = createVNode(this._def, extend$1(baseProps, this._props));
if (!this._instance) vnode.ce = (instance) => {
this._instance = instance;
instance.ce = this;
instance.isCE = true;
const dispatch = (event, args) => {
this.dispatchEvent(new CustomEvent(event, isPlainObject$1(args[0]) ? extend$1({ detail: args }, args[0]) : { detail: args }));
};
instance.emit = (event, ...args) => {
dispatch(event, args);
if (hyphenate$1(event) !== event) dispatch(hyphenate$1(event), args);
};
this._setParent();
};
return vnode;
}
_applyStyles(styles, owner, parentComp) {
if (!styles) return;
if (owner) {
if (owner === this._def || this._styleChildren.has(owner)) return;
this._styleChildren.add(owner);
}
const nonce = this._nonce;
const root = this.shadowRoot;
const insertionAnchor = parentComp ? this._getStyleAnchor(parentComp) || this._getStyleAnchor(this._def) : this._getRootStyleInsertionAnchor(root);
let last = null;
for (let i = styles.length - 1; i >= 0; i--) {
const s = document.createElement("style");
if (nonce) s.setAttribute("nonce", nonce);
s.textContent = styles[i];
root.insertBefore(s, last || insertionAnchor);
last = s;
if (i === 0) {
if (!parentComp) this._styleAnchors.set(this._def, s);
if (owner) this._styleAnchors.set(owner, s);
}
}
}
_getStyleAnchor(comp) {
if (!comp) return null;
const anchor = this._styleAnchors.get(comp);
if (anchor && anchor.parentNode === this.shadowRoot) return anchor;
if (anchor) this._styleAnchors.delete(comp);
return null;
}
_getRootStyleInsertionAnchor(root) {
for (let i = 0; i < root.childNodes.length; i++) {
const node = root.childNodes[i];
if (!(node instanceof HTMLStyleElement)) return node;
}
return null;
}
_parseSlots() {
const slots = this._slots = {};
let n;
while (n = this.firstChild) {
const slotName = n.nodeType === 1 && n.getAttribute("slot") || "default";
(slots[slotName] || (slots[slotName] = [])).push(n);
this.removeChild(n);
}
}
_renderSlots() {
const outlets = this._getSlots();
const scopeId = this._instance.type.__scopeId;
for (let i = 0; i < outlets.length; i++) {
const o = outlets[i];
const slotName = o.getAttribute("name") || "default";
const content = this._slots[slotName];
const parent = o.parentNode;
if (content) for (const n of content) {
if (scopeId && n.nodeType === 1) {
const id = scopeId + "-s";
const walker = document.createTreeWalker(n, 1);
n.setAttribute(id, "");
let child;
while (child = walker.nextNode()) child.setAttribute(id, "");
}
parent.insertBefore(n, o);
}
else while (o.firstChild) parent.insertBefore(o.firstChild, o);
parent.removeChild(o);
}
}
_getSlots() {
const roots = [this];
if (this._teleportTargets) roots.push(...this._teleportTargets);
const slots = new Set();
for (const root of roots) {
const found = root.querySelectorAll("slot");
for (let i = 0; i < found.length; i++) slots.add(found[i]);
}
return Array.from(slots);
}
_injectChildStyle(comp, parentComp) {
this._applyStyles(comp.styles, comp, parentComp);
}
_beginPatch() {
this._patching = true;
this._dirty = false;
}
_endPatch() {
this._patching = false;
if (this._dirty && this._instance) this._update();
}
_hasShadowRoot() {
return this._def.shadowRoot !== false;
}
_removeChildStyle(comp) {}
};
function useHost(caller) {
const instance = getCurrentInstance();
const el = instance && instance.ce;
if (el) return el;
return null;
}
function useShadowRoot() {
const el = useHost();
return el && el.shadowRoot;
}
function useCssModule(name = "$style") {
{
const instance = getCurrentInstance();
if (!instance) return EMPTY_OBJ;
const modules = instance.type.__cssModules;
if (!modules) return EMPTY_OBJ;
const mod = modules[name];
if (!mod) return EMPTY_OBJ;
return mod;
}
}
var positionMap = new WeakMap();
var newPositionMap = new WeakMap();
var moveCbKey = Symbol("_moveCb");
var enterCbKey = Symbol("_enterCb");
var decorate = (t) => {
delete t.props.mode;
return t;
};
var TransitionGroup = decorate({
name: "TransitionGroup",
props: extend$1({}, TransitionPropsValidators, {
tag: String,
moveClass: String
}),
setup(props, { slots }) {
const instance = getCurrentInstance();
const state = useTransitionState();
let prevChildren;
let children;
onUpdated(() => {
if (!prevChildren.length) return;
const moveClass = props.moveClass || `${props.name || "v"}-move`;
if (!hasCSSTransform(prevChildren[0].el, instance.vnode.el, moveClass)) {
prevChildren = [];
return;
}
prevChildren.forEach(callPendingCbs);
prevChildren.forEach(recordPosition);
const movedChildren = prevChildren.filter(applyTranslation);
forceReflow(instance.vnode.el);
movedChildren.forEach((c) => {
const el = c.el;
const style = el.style;
addTransitionClass(el, moveClass);
style.transform = style.webkitTransform = style.transitionDuration = "";
const cb = el[moveCbKey] = (e) => {
if (e && e.target !== el) return;
if (!e || e.propertyName.endsWith("transform")) {
el.removeEventListener("transitionend", cb);
el[moveCbKey] = null;
removeTransitionClass(el, moveClass);
}
};
el.addEventListener("transitionend", cb);
});
prevChildren = [];
});
return () => {
const rawProps = toRaw(props);
const cssTransitionProps = resolveTransitionProps(rawProps);
let tag = rawProps.tag || Fragment;
prevChildren = [];
if (children) for (let i = 0; i < children.length; i++) {
const child = children[i];
if (child.el && child.el instanceof Element) {
prevChildren.push(child);
setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
positionMap.set(child, getPosition(child.el));
}
}
children = slots.default ? getTransitionRawChildren(slots.default()) : [];
for (let i = 0; i < children.length; i++) {
const child = children[i];
if (child.key != null) setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
}
return createVNode(tag, null, children);
};
}
});
function callPendingCbs(c) {
const el = c.el;
if (el[moveCbKey]) el[moveCbKey]();
if (el[enterCbKey]) el[enterCbKey]();
}
function recordPosition(c) {
newPositionMap.set(c, getPosition(c.el));
}
function applyTranslation(c) {
const oldPos = positionMap.get(c);
const newPos = newPositionMap.get(c);
const dx = oldPos.left - newPos.left;
const dy = oldPos.top - newPos.top;
if (dx || dy) {
const el = c.el;
const s = el.style;
const rect = el.getBoundingClientRect();
let scaleX = 1;
let scaleY = 1;
if (el.offsetWidth) scaleX = rect.width / el.offsetWidth;
if (el.offsetHeight) scaleY = rect.height / el.offsetHeight;
if (!Number.isFinite(scaleX) || scaleX === 0) scaleX = 1;
if (!Number.isFinite(scaleY) || scaleY === 0) scaleY = 1;
if (Math.abs(scaleX - 1) < .01) scaleX = 1;
if (Math.abs(scaleY - 1) < .01) scaleY = 1;
s.transform = s.webkitTransform = `translate(${dx / scaleX}px,${dy / scaleY}px)`;
s.transitionDuration = "0s";
return c;
}
}
function getPosition(el) {
const rect = el.getBoundingClientRect();
return {
left: rect.left,
top: rect.top
};
}
function hasCSSTransform(el, root, moveClass) {
const clone = el.cloneNode();
const _vtc = el[vtcKey];
if (_vtc) _vtc.forEach((cls) => {
cls.split(/\s+/).forEach((c) => c && clone.classList.remove(c));
});
moveClass.split(/\s+/).forEach((c) => c && clone.classList.add(c));
clone.style.display = "none";
const container = root.nodeType === 1 ? root : root.parentNode;
container.appendChild(clone);
const { hasTransform } = getTransitionInfo(clone);
container.removeChild(clone);
return hasTransform;
}
var getModelAssigner = (vnode) => {
const fn = vnode.props["onUpdate:modelValue"] || false;
return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
};
function onCompositionStart(e) {
e.target.composing = true;
}
function onCompositionEnd(e) {
const target = e.target;
if (target.composing) {
target.composing = false;
target.dispatchEvent(new Event("input"));
}
}
var assignKey = Symbol("_assign");
function castValue(value, trim, number) {
if (trim) value = value.trim();
if (number) value = looseToNumber(value);
return value;
}
var vModelText = {
created(el, { modifiers: { lazy, trim, number } }, vnode) {
el[assignKey] = getModelAssigner(vnode);
const castToNumber = number || vnode.props && vnode.props.type === "number";
addEventListener$1(el, lazy ? "change" : "input", (e) => {
if (e.target.composing) return;
el[assignKey](castValue(el.value, trim, castToNumber));
});
if (trim || castToNumber) addEventListener$1(el, "change", () => {
el.value = castValue(el.value, trim, castToNumber);
});
if (!lazy) {
addEventListener$1(el, "compositionstart", onCompositionStart);
addEventListener$1(el, "compositionend", onCompositionEnd);
addEventListener$1(el, "change", onCompositionEnd);
}
},
mounted(el, { value }) {
el.value = value == null ? "" : value;
},
beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
el[assignKey] = getModelAssigner(vnode);
if (el.composing) return;
const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? looseToNumber(el.value) : el.value;
const newValue = value == null ? "" : value;
if (elValue === newValue) return;
const rootNode = el.getRootNode();
if ((rootNode instanceof Document || rootNode instanceof ShadowRoot) && rootNode.activeElement === el && el.type !== "range") {
if (lazy && value === oldValue) return;
if (trim && el.value.trim() === newValue) return;
}
el.value = newValue;
}
};
var vModelCheckbox = {
deep: true,
created(el, _, vnode) {
el[assignKey] = getModelAssigner(vnode);
addEventListener$1(el, "change", () => {
const modelValue = el._modelValue;
const elementValue = getValue(el);
const checked = el.checked;
const assign = el[assignKey];
if (isArray(modelValue)) {
const index = looseIndexOf(modelValue, elementValue);
const found = index !== -1;
if (checked && !found) assign(modelValue.concat(elementValue));
else if (!checked && found) {
const filtered = [...modelValue];
filtered.splice(index, 1);
assign(filtered);
}
} else if (isSet(modelValue)) {
const cloned = new Set(modelValue);
if (checked) cloned.add(elementValue);
else cloned.delete(elementValue);
assign(cloned);
} else assign(getCheckboxValue(el, checked));
});
},
mounted: setChecked,
beforeUpdate(el, binding, vnode) {
el[assignKey] = getModelAssigner(vnode);
setChecked(el, binding, vnode);
}
};
function setChecked(el, { value, oldValue }, vnode) {
el._modelValue = value;
let checked;
if (isArray(value)) checked = looseIndexOf(value, vnode.props.value) > -1;
else if (isSet(value)) checked = value.has(vnode.props.value);
else {
if (value === oldValue) return;
checked = looseEqual(value, getCheckboxValue(el, true));
}
if (el.checked !== checked) el.checked = checked;
}
var vModelRadio = {
created(el, { value }, vnode) {
el.checked = looseEqual(value, vnode.props.value);
el[assignKey] = getModelAssigner(vnode);
addEventListener$1(el, "change", () => {
el[assignKey](getValue(el));
});
},
beforeUpdate(el, { value, oldValue }, vnode) {
el[assignKey] = getModelAssigner(vnode);
if (value !== oldValue) el.checked = looseEqual(value, vnode.props.value);
}
};
var vModelSelect = {
deep: true,
created(el, { value, modifiers: { number } }, vnode) {
const isSetModel = isSet(value);
addEventListener$1(el, "change", () => {
const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map((o) => number ? looseToNumber(getValue(o)) : getValue(o));
el[assignKey](el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]);
el._assigning = true;
nextTick(() => {
el._assigning = false;
});
});
el[assignKey] = getModelAssigner(vnode);
},
mounted(el, { value }) {
setSelected(el, value);
},
beforeUpdate(el, _binding, vnode) {
el[assignKey] = getModelAssigner(vnode);
},
updated(el, { value }) {
if (!el._assigning) setSelected(el, value);
}
};
function setSelected(el, value) {
const isMultiple = el.multiple;
const isArrayValue = isArray(value);
if (isMultiple && !isArrayValue && !isSet(value)) return;
for (let i = 0, l = el.options.length; i < l; i++) {
const option = el.options[i];
const optionValue = getValue(option);
if (isMultiple) if (isArrayValue) {
const optionType = typeof optionValue;
if (optionType === "string" || optionType === "number") option.selected = value.some((v) => String(v) === String(optionValue));
else option.selected = looseIndexOf(value, optionValue) > -1;
} else option.selected = value.has(optionValue);
else if (looseEqual(getValue(option), value)) {
if (el.selectedIndex !== i) el.selectedIndex = i;
return;
}
}
if (!isMultiple && el.selectedIndex !== -1) el.selectedIndex = -1;
}
function getValue(el) {
return "_value" in el ? el._value : el.value;
}
function getCheckboxValue(el, checked) {
const key = checked ? "_trueValue" : "_falseValue";
return key in el ? el[key] : checked;
}
var vModelDynamic = {
created(el, binding, vnode) {
callModelHook(el, binding, vnode, null, "created");
},
mounted(el, binding, vnode) {
callModelHook(el, binding, vnode, null, "mounted");
},
beforeUpdate(el, binding, vnode, prevVNode) {
callModelHook(el, binding, vnode, prevVNode, "beforeUpdate");
},
updated(el, binding, vnode, prevVNode) {
callModelHook(el, binding, vnode, prevVNode, "updated");
}
};
function resolveDynamicModel(tagName, type) {
switch (tagName) {
case "SELECT": return vModelSelect;
case "TEXTAREA": return vModelText;
default: switch (type) {
case "checkbox": return vModelCheckbox;
case "radio": return vModelRadio;
default: return vModelText;
}
}
}
function callModelHook(el, binding, vnode, prevVNode, hook) {
const fn = resolveDynamicModel(el.tagName, vnode.props && vnode.props.type)[hook];
fn && fn(el, binding, vnode, prevVNode);
}
function initVModelForSSR() {
vModelText.getSSRProps = ({ value }) => ({ value });
vModelRadio.getSSRProps = ({ value }, vnode) => {
if (vnode.props && looseEqual(vnode.props.value, value)) return { checked: true };
};
vModelCheckbox.getSSRProps = ({ value }, vnode) => {
if (isArray(value)) {
if (vnode.props && looseIndexOf(value, vnode.props.value) > -1) return { checked: true };
} else if (isSet(value)) {
if (vnode.props && value.has(vnode.props.value)) return { checked: true };
} else if (value) return { checked: true };
};
vModelDynamic.getSSRProps = (binding, vnode) => {
if (typeof vnode.type !== "string") return;
const modelToUse = resolveDynamicModel(vnode.type.toUpperCase(), vnode.props && vnode.props.type);
if (modelToUse.getSSRProps) return modelToUse.getSSRProps(binding, vnode);
};
}
var systemModifiers = [
"ctrl",
"shift",
"alt",
"meta"
];
var modifierGuards = {
stop: (e) => e.stopPropagation(),
prevent: (e) => e.preventDefault(),
self: (e) => e.target !== e.currentTarget,
ctrl: (e) => !e.ctrlKey,
shift: (e) => !e.shiftKey,
alt: (e) => !e.altKey,
meta: (e) => !e.metaKey,
left: (e) => "button" in e && e.button !== 0,
middle: (e) => "button" in e && e.button !== 1,
right: (e) => "button" in e && e.button !== 2,
exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
};
var withModifiers = (fn, modifiers) => {
if (!fn) return fn;
const cache = fn._withMods || (fn._withMods = {});
const cacheKey = modifiers.join(".");
return cache[cacheKey] || (cache[cacheKey] = ((event, ...args) => {
for (let i = 0; i < modifiers.length; i++) {
const guard = modifierGuards[modifiers[i]];
if (guard && guard(event, modifiers)) return;
}
return fn(event, ...args);
}));
};
var keyNames = {
esc: "escape",
space: " ",
up: "arrow-up",
left: "arrow-left",
right: "arrow-right",
down: "arrow-down",
delete: "backspace"
};
var withKeys = (fn, modifiers) => {
const cache = fn._withKeys || (fn._withKeys = {});
const cacheKey = modifiers.join(".");
return cache[cacheKey] || (cache[cacheKey] = ((event) => {
if (!("key" in event)) return;
const eventKey = hyphenate$1(event.key);
if (modifiers.some((k) => k === eventKey || keyNames[k] === eventKey)) return fn(event);
}));
};
var rendererOptions = extend$1({ patchProp }, nodeOps);
var renderer;
var enabledHydration = false;
function ensureRenderer() {
return renderer || (renderer = createRenderer(rendererOptions));
}
function ensureHydrationRenderer() {
renderer = enabledHydration ? renderer : createHydrationRenderer(rendererOptions);
enabledHydration = true;
return renderer;
}
var render$1 = ((...args) => {
ensureRenderer().render(...args);
});
var hydrate = ((...args) => {
ensureHydrationRenderer().hydrate(...args);
});
var createApp = ((...args) => {
const app = ensureRenderer().createApp(...args);
const { mount } = app;
app.mount = (containerOrSelector) => {
const container = normalizeContainer(containerOrSelector);
if (!container) return;
const component = app._component;
if (!isFunction$1(component) && !component.render && !component.template) component.template = container.innerHTML;
if (container.nodeType === 1) container.textContent = "";
const proxy = mount(container, false, resolveRootNamespace(container));
if (container instanceof Element) {
container.removeAttribute("v-cloak");
container.setAttribute("data-v-app", "");
}
return proxy;
};
return app;
});
var createSSRApp = ((...args) => {
const app = ensureHydrationRenderer().createApp(...args);
const { mount } = app;
app.mount = (containerOrSelector) => {
const container = normalizeContainer(containerOrSelector);
if (container) return mount(container, true, resolveRootNamespace(container));
};
return app;
});
function resolveRootNamespace(container) {
if (container instanceof SVGElement) return "svg";
if (typeof MathMLElement === "function" && container instanceof MathMLElement) return "mathml";
}
function normalizeContainer(container) {
if (isString$1(container)) return document.querySelector(container);
return container;
}
var ssrDirectiveInitialized = false;
var initDirectivesForSSR = () => {
if (!ssrDirectiveInitialized) {
ssrDirectiveInitialized = true;
initVModelForSSR();
initVShowForSSR();
}
};
var vue_runtime_esm_bundler_exports = __exportAll({
BaseTransition: () => BaseTransition,
BaseTransitionPropsValidators: () => BaseTransitionPropsValidators,
Comment: () => Comment,
DeprecationTypes: () => null,
EffectScope: () => EffectScope,
ErrorCodes: () => ErrorCodes,
ErrorTypeStrings: () => ErrorTypeStrings,
Fragment: () => Fragment,
KeepAlive: () => KeepAlive,
ReactiveEffect: () => ReactiveEffect,
Static: () => Static,
Suspense: () => Suspense,
Teleport: () => Teleport,
Text: () => Text,
TrackOpTypes: () => TrackOpTypes,
Transition: () => Transition,
TransitionGroup: () => TransitionGroup,
TriggerOpTypes: () => TriggerOpTypes,
VueElement: () => VueElement,
assertNumber: () => assertNumber,
callWithAsyncErrorHandling: () => callWithAsyncErrorHandling,
callWithErrorHandling: () => callWithErrorHandling,
camelize: () => camelize$2,
capitalize: () => capitalize,
cloneVNode: () => cloneVNode,
compatUtils: () => null,
compile: () => compile,
computed: () => computed,
createApp: () => createApp,
createBlock: () => createBlock,
createCommentVNode: () => createCommentVNode,
createElementBlock: () => createElementBlock,
createElementVNode: () => createBaseVNode,
createHydrationRenderer: () => createHydrationRenderer,
createPropsRestProxy: () => createPropsRestProxy,
createRenderer: () => createRenderer,
createSSRApp: () => createSSRApp,
createSlots: () => createSlots,
createStaticVNode: () => createStaticVNode,
createTextVNode: () => createTextVNode,
createVNode: () => createVNode,
customRef: () => customRef,
defineAsyncComponent: () => defineAsyncComponent,
defineComponent: () => defineComponent,
defineCustomElement: () => defineCustomElement,
defineEmits: () => defineEmits,
defineExpose: () => defineExpose,
defineModel: () => defineModel,
defineOptions: () => defineOptions,
defineProps: () => defineProps,
defineSSRCustomElement: () => defineSSRCustomElement,
defineSlots: () => defineSlots,
devtools: () => devtools,
effect: () => effect,
effectScope: () => effectScope,
getCurrentInstance: () => getCurrentInstance,
getCurrentScope: () => getCurrentScope,
getCurrentWatcher: () => getCurrentWatcher,
getTransitionRawChildren: () => getTransitionRawChildren,
guardReactiveProps: () => guardReactiveProps,
h: () => h,
handleError: () => handleError,
hasInjectionContext: () => hasInjectionContext,
hydrate: () => hydrate,
hydrateOnIdle: () => hydrateOnIdle,
hydrateOnInteraction: () => hydrateOnInteraction,
hydrateOnMediaQuery: () => hydrateOnMediaQuery,
hydrateOnVisible: () => hydrateOnVisible,
initCustomFormatter: () => initCustomFormatter,
initDirectivesForSSR: () => initDirectivesForSSR,
inject: () => inject,
isMemoSame: () => isMemoSame,
isProxy: () => isProxy,
isReactive: () => isReactive,
isReadonly: () => isReadonly,
isRef: () => isRef,
isRuntimeOnly: () => isRuntimeOnly,
isShallow: () => isShallow,
isVNode: () => isVNode,
markRaw: () => markRaw,
mergeDefaults: () => mergeDefaults,
mergeModels: () => mergeModels,
mergeProps: () => mergeProps,
nextTick: () => nextTick,
nodeOps: () => nodeOps,
normalizeClass: () => normalizeClass,
normalizeProps: () => normalizeProps,
normalizeStyle: () => normalizeStyle,
onActivated: () => onActivated,
onBeforeMount: () => onBeforeMount,
onBeforeUnmount: () => onBeforeUnmount,
onBeforeUpdate: () => onBeforeUpdate,
onDeactivated: () => onDeactivated,
onErrorCaptured: () => onErrorCaptured,
onMounted: () => onMounted,
onRenderTracked: () => onRenderTracked,
onRenderTriggered: () => onRenderTriggered,
onScopeDispose: () => onScopeDispose,
onServerPrefetch: () => onServerPrefetch,
onUnmounted: () => onUnmounted,
onUpdated: () => onUpdated,
onWatcherCleanup: () => onWatcherCleanup,
openBlock: () => openBlock,
patchProp: () => patchProp,
popScopeId: () => popScopeId,
provide: () => provide,
proxyRefs: () => proxyRefs,
pushScopeId: () => pushScopeId,
queuePostFlushCb: () => queuePostFlushCb,
reactive: () => reactive,
readonly: () => readonly,
ref: () => ref,
registerRuntimeCompiler: () => registerRuntimeCompiler,
render: () => render$1,
renderList: () => renderList,
renderSlot: () => renderSlot,
resolveComponent: () => resolveComponent,
resolveDirective: () => resolveDirective,
resolveDynamicComponent: () => resolveDynamicComponent,
resolveFilter: () => null,
resolveTransitionHooks: () => resolveTransitionHooks,
setBlockTracking: () => setBlockTracking,
setDevtoolsHook: () => setDevtoolsHook,
setTransitionHooks: () => setTransitionHooks,
shallowReactive: () => shallowReactive,
shallowReadonly: () => shallowReadonly,
shallowRef: () => shallowRef,
ssrContextKey: () => ssrContextKey,
ssrUtils: () => ssrUtils,
stop: () => stop,
toDisplayString: () => toDisplayString,
toHandlerKey: () => toHandlerKey,
toHandlers: () => toHandlers,
toRaw: () => toRaw,
toRef: () => toRef$1,
toRefs: () => toRefs,
toValue: () => toValue$1,
transformVNodeArgs: () => transformVNodeArgs,
triggerRef: () => triggerRef,
unref: () => unref,
useAttrs: () => useAttrs,
useCssModule: () => useCssModule,
useCssVars: () => useCssVars,
useHost: () => useHost,
useId: () => useId$1,
useModel: () => useModel,
useSSRContext: () => useSSRContext,
useShadowRoot: () => useShadowRoot,
useSlots: () => useSlots,
useTemplateRef: () => useTemplateRef,
useTransitionState: () => useTransitionState,
vModelCheckbox: () => vModelCheckbox,
vModelDynamic: () => vModelDynamic,
vModelRadio: () => vModelRadio,
vModelSelect: () => vModelSelect,
vModelText: () => vModelText,
vShow: () => vShow,
version: () => version$1,
warn: () => warn,
watch: () => watch,
watchEffect: () => watchEffect,
watchPostEffect: () => watchPostEffect,
watchSyncEffect: () => watchSyncEffect,
withAsyncContext: () => withAsyncContext,
withCtx: () => withCtx,
withDefaults: () => withDefaults,
withDirectives: () => withDirectives,
withKeys: () => withKeys,
withMemo: () => withMemo,
withModifiers: () => withModifiers,
withScopeId: () => withScopeId
});
var compile = () => {};
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
enumerable: true,
configurable: true,
writable: true,
value
}) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols) {
for (var prop of __getOwnPropSymbols(b)) if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
}
return a;
};
var isFunction = (value) => typeof value === "function";
var isString = (value) => typeof value === "string";
var isNonEmptyString = (value) => isString(value) && value.trim().length > 0;
var isNumber = (value) => typeof value === "number";
var isUndefined = (value) => typeof value === "undefined";
var isObject$1 = (value) => typeof value === "object" && value !== null;
var isJSX = (obj) => hasProp(obj, "tag") && isNonEmptyString(obj.tag);
var isTouchEvent$1 = (event) => window.TouchEvent && event instanceof TouchEvent;
var isToastComponent = (obj) => hasProp(obj, "component") && isToastContent(obj.component);
var isVueComponent = (c) => isFunction(c) || isObject$1(c);
var isToastContent = (obj) => !isUndefined(obj) && (isString(obj) || isVueComponent(obj) || isToastComponent(obj));
var isDOMRect = (obj) => isObject$1(obj) && [
"height",
"width",
"right",
"left",
"top",
"bottom"
].every((p) => isNumber(obj[p]));
var hasProp = (obj, propKey) => (isObject$1(obj) || isFunction(obj)) && propKey in obj;
var getId = ((i) => () => i++)(0);
function getX(event) {
return isTouchEvent$1(event) ? event.targetTouches[0].clientX : event.clientX;
}
function getY(event) {
return isTouchEvent$1(event) ? event.targetTouches[0].clientY : event.clientY;
}
var removeElement = (el) => {
if (!isUndefined(el.remove)) el.remove();
else if (el.parentNode) el.parentNode.removeChild(el);
};
var getVueComponentFromObj = (obj) => {
if (isToastComponent(obj)) return getVueComponentFromObj(obj.component);
if (isJSX(obj)) return defineComponent({ render() {
return obj;
} });
return typeof obj === "string" ? obj : toRaw(unref(obj));
};
var normalizeToastComponent = (obj) => {
if (typeof obj === "string") return obj;
const props = hasProp(obj, "props") && isObject$1(obj.props) ? obj.props : {};
const listeners = hasProp(obj, "listeners") && isObject$1(obj.listeners) ? obj.listeners : {};
return {
component: getVueComponentFromObj(obj),
props,
listeners
};
};
var isBrowser$1 = () => typeof window !== "undefined";
var EventBus = class {
constructor() {
this.allHandlers = {};
}
getHandlers(eventType) {
return this.allHandlers[eventType] || [];
}
on(eventType, handler) {
const handlers = this.getHandlers(eventType);
handlers.push(handler);
this.allHandlers[eventType] = handlers;
}
off(eventType, handler) {
const handlers = this.getHandlers(eventType);
handlers.splice(handlers.indexOf(handler) >>> 0, 1);
}
emit(eventType, event) {
this.getHandlers(eventType).forEach((handler) => handler(event));
}
};
var isEventBusInterface = (e) => [
"on",
"off",
"emit"
].every((f) => hasProp(e, f) && isFunction(e[f]));
var TYPE;
(function(TYPE2) {
TYPE2["SUCCESS"] = "success";
TYPE2["ERROR"] = "error";
TYPE2["WARNING"] = "warning";
TYPE2["INFO"] = "info";
TYPE2["DEFAULT"] = "default";
})(TYPE || (TYPE = {}));
var POSITION;
(function(POSITION2) {
POSITION2["TOP_LEFT"] = "top-left";
POSITION2["TOP_CENTER"] = "top-center";
POSITION2["TOP_RIGHT"] = "top-right";
POSITION2["BOTTOM_LEFT"] = "bottom-left";
POSITION2["BOTTOM_CENTER"] = "bottom-center";
POSITION2["BOTTOM_RIGHT"] = "bottom-right";
})(POSITION || (POSITION = {}));
var EVENTS;
(function(EVENTS2) {
EVENTS2["ADD"] = "add";
EVENTS2["DISMISS"] = "dismiss";
EVENTS2["UPDATE"] = "update";
EVENTS2["CLEAR"] = "clear";
EVENTS2["UPDATE_DEFAULTS"] = "update_defaults";
})(EVENTS || (EVENTS = {}));
var VT_NAMESPACE = "Vue-Toastification";
var COMMON = {
type: {
type: String,
default: TYPE.DEFAULT
},
classNames: {
type: [String, Array],
default: () => []
},
trueBoolean: {
type: Boolean,
default: true
}
};
var ICON = {
type: COMMON.type,
customIcon: {
type: [
String,
Boolean,
Object,
Function
],
default: true
}
};
var CLOSE_BUTTON = {
component: {
type: [
String,
Object,
Function,
Boolean
],
default: "button"
},
classNames: COMMON.classNames,
showOnHover: {
type: Boolean,
default: false
},
ariaLabel: {
type: String,
default: "close"
}
};
var PROGRESS_BAR = {
timeout: {
type: [Number, Boolean],
default: 5e3
},
hideProgressBar: {
type: Boolean,
default: false
},
isRunning: {
type: Boolean,
default: false
}
};
var TRANSITION = { transition: {
type: [Object, String],
default: `${VT_NAMESPACE}__bounce`
} };
var propValidators_default = {
CORE_TOAST: {
position: {
type: String,
default: POSITION.TOP_RIGHT
},
draggable: COMMON.trueBoolean,
draggablePercent: {
type: Number,
default: .6
},
pauseOnFocusLoss: COMMON.trueBoolean,
pauseOnHover: COMMON.trueBoolean,
closeOnClick: COMMON.trueBoolean,
timeout: PROGRESS_BAR.timeout,
hideProgressBar: PROGRESS_BAR.hideProgressBar,
toastClassName: COMMON.classNames,
bodyClassName: COMMON.classNames,
icon: ICON.customIcon,
closeButton: CLOSE_BUTTON.component,
closeButtonClassName: CLOSE_BUTTON.classNames,
showCloseButtonOnHover: CLOSE_BUTTON.showOnHover,
accessibility: {
type: Object,
default: () => ({
toastRole: "alert",
closeButtonLabel: "close"
})
},
rtl: {
type: Boolean,
default: false
},
eventBus: {
type: Object,
required: false,
default: () => new EventBus()
}
},
TOAST: {
id: {
type: [String, Number],
required: true,
default: 0
},
type: COMMON.type,
content: {
type: [
String,
Object,
Function
],
required: true,
default: ""
},
onClick: {
type: Function,
default: void 0
},
onClose: {
type: Function,
default: void 0
}
},
CONTAINER: {
container: {
type: [Object, Function],
default: () => document.body
},
newestOnTop: COMMON.trueBoolean,
maxToasts: {
type: Number,
default: 20
},
transition: TRANSITION.transition,
toastDefaults: Object,
filterBeforeCreate: {
type: Function,
default: (toast) => toast
},
filterToasts: {
type: Function,
default: (toasts) => toasts
},
containerClassName: COMMON.classNames,
onMounted: Function,
shareAppContext: [Boolean, Object]
},
PROGRESS_BAR,
ICON,
TRANSITION,
CLOSE_BUTTON
};
var VtProgressBar_default = defineComponent({
name: "VtProgressBar",
props: propValidators_default.PROGRESS_BAR,
data() {
return { hasClass: true };
},
computed: {
style() {
return {
animationDuration: `${this.timeout}ms`,
animationPlayState: this.isRunning ? "running" : "paused",
opacity: this.hideProgressBar ? 0 : 1
};
},
cpClass() {
return this.hasClass ? `${VT_NAMESPACE}__progress-bar` : "";
}
},
watch: { timeout() {
this.hasClass = false;
this.$nextTick(() => this.hasClass = true);
} },
mounted() {
this.$el.addEventListener("animationend", this.animationEnded);
},
beforeUnmount() {
this.$el.removeEventListener("animationend", this.animationEnded);
},
methods: { animationEnded() {
this.$emit("close-toast");
} }
});
function render(_ctx, _cache) {
return openBlock(), createElementBlock("div", {
style: normalizeStyle(_ctx.style),
class: normalizeClass(_ctx.cpClass)
}, null, 6);
}
VtProgressBar_default.render = render;
var VtProgressBar_default2 = VtProgressBar_default;
var VtCloseButton_default = defineComponent({
name: "VtCloseButton",
props: propValidators_default.CLOSE_BUTTON,
computed: {
buttonComponent() {
if (this.component !== false) return getVueComponentFromObj(this.component);
return "button";
},
classes() {
const classes = [`${VT_NAMESPACE}__close-button`];
if (this.showOnHover) classes.push("show-on-hover");
return classes.concat(this.classNames);
}
}
});
var _hoisted_1$39 = createTextVNode(" × ");
function render2(_ctx, _cache) {
return openBlock(), createBlock(resolveDynamicComponent(_ctx.buttonComponent), mergeProps({
"aria-label": _ctx.ariaLabel,
class: _ctx.classes
}, _ctx.$attrs), {
default: withCtx(() => [_hoisted_1$39]),
_: 1
}, 16, ["aria-label", "class"]);
}
VtCloseButton_default.render = render2;
var VtCloseButton_default2 = VtCloseButton_default;
var VtSuccessIcon_default = {};
var _hoisted_12$21 = {
"aria-hidden": "true",
focusable: "false",
"data-prefix": "fas",
"data-icon": "check-circle",
class: "svg-inline--fa fa-check-circle fa-w-16",
role: "img",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 512 512"
};
var _hoisted_3$35 = [createBaseVNode("path", {
fill: "currentColor",
d: "M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
}, null, -1)];
function render3(_ctx, _cache) {
return openBlock(), createElementBlock("svg", _hoisted_12$21, _hoisted_3$35);
}
VtSuccessIcon_default.render = render3;
var VtSuccessIcon_default2 = VtSuccessIcon_default;
var VtInfoIcon_default = {};
var _hoisted_13$18 = {
"aria-hidden": "true",
focusable: "false",
"data-prefix": "fas",
"data-icon": "info-circle",
class: "svg-inline--fa fa-info-circle fa-w-16",
role: "img",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 512 512"
};
var _hoisted_32$4 = [createBaseVNode("path", {
fill: "currentColor",
d: "M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
}, null, -1)];
function render4(_ctx, _cache) {
return openBlock(), createElementBlock("svg", _hoisted_13$18, _hoisted_32$4);
}
VtInfoIcon_default.render = render4;
var VtInfoIcon_default2 = VtInfoIcon_default;
var VtWarningIcon_default = {};
var _hoisted_14$18 = {
"aria-hidden": "true",
focusable: "false",
"data-prefix": "fas",
"data-icon": "exclamation-circle",
class: "svg-inline--fa fa-exclamation-circle fa-w-16",
role: "img",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 512 512"
};
var _hoisted_33$4 = [createBaseVNode("path", {
fill: "currentColor",
d: "M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
}, null, -1)];
function render5(_ctx, _cache) {
return openBlock(), createElementBlock("svg", _hoisted_14$18, _hoisted_33$4);
}
VtWarningIcon_default.render = render5;
var VtWarningIcon_default2 = VtWarningIcon_default;
var VtErrorIcon_default = {};
var _hoisted_15$17 = {
"aria-hidden": "true",
focusable: "false",
"data-prefix": "fas",
"data-icon": "exclamation-triangle",
class: "svg-inline--fa fa-exclamation-triangle fa-w-18",
role: "img",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 576 512"
};
var _hoisted_34$3 = [createBaseVNode("path", {
fill: "currentColor",
d: "M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
}, null, -1)];
function render6(_ctx, _cache) {
return openBlock(), createElementBlock("svg", _hoisted_15$17, _hoisted_34$3);
}
VtErrorIcon_default.render = render6;
var VtErrorIcon_default2 = VtErrorIcon_default;
var VtIcon_default = defineComponent({
name: "VtIcon",
props: propValidators_default.ICON,
computed: {
customIconChildren() {
return hasProp(this.customIcon, "iconChildren") ? this.trimValue(this.customIcon.iconChildren) : "";
},
customIconClass() {
if (isString(this.customIcon)) return this.trimValue(this.customIcon);
else if (hasProp(this.customIcon, "iconClass")) return this.trimValue(this.customIcon.iconClass);
return "";
},
customIconTag() {
if (hasProp(this.customIcon, "iconTag")) return this.trimValue(this.customIcon.iconTag, "i");
return "i";
},
hasCustomIcon() {
return this.customIconClass.length > 0;
},
component() {
if (this.hasCustomIcon) return this.customIconTag;
if (isToastContent(this.customIcon)) return getVueComponentFromObj(this.customIcon);
return this.iconTypeComponent;
},
iconTypeComponent() {
return {
[TYPE.DEFAULT]: VtInfoIcon_default2,
[TYPE.INFO]: VtInfoIcon_default2,
[TYPE.SUCCESS]: VtSuccessIcon_default2,
[TYPE.ERROR]: VtErrorIcon_default2,
[TYPE.WARNING]: VtWarningIcon_default2
}[this.type];
},
iconClasses() {
const classes = [`${VT_NAMESPACE}__icon`];
if (this.hasCustomIcon) return classes.concat(this.customIconClass);
return classes;
}
},
methods: { trimValue(value, empty = "") {
return isNonEmptyString(value) ? value.trim() : empty;
} }
});
function render7(_ctx, _cache) {
return openBlock(), createBlock(resolveDynamicComponent(_ctx.component), { class: normalizeClass(_ctx.iconClasses) }, {
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.customIconChildren), 1)]),
_: 1
}, 8, ["class"]);
}
VtIcon_default.render = render7;
var VtToast_default = defineComponent({
name: "VtToast",
components: {
ProgressBar: VtProgressBar_default2,
CloseButton: VtCloseButton_default2,
Icon: VtIcon_default
},
inheritAttrs: false,
props: Object.assign({}, propValidators_default.CORE_TOAST, propValidators_default.TOAST),
data() {
return {
isRunning: true,
disableTransitions: false,
beingDragged: false,
dragStart: 0,
dragPos: {
x: 0,
y: 0
},
dragRect: {}
};
},
computed: {
classes() {
const classes = [
`${VT_NAMESPACE}__toast`,
`${VT_NAMESPACE}__toast--${this.type}`,
`${this.position}`
].concat(this.toastClassName);
if (this.disableTransitions) classes.push("disable-transition");
if (this.rtl) classes.push(`${VT_NAMESPACE}__toast--rtl`);
return classes;
},
bodyClasses() {
return [`${VT_NAMESPACE}__toast-${isString(this.content) ? "body" : "component-body"}`].concat(this.bodyClassName);
},
draggableStyle() {
if (this.dragStart === this.dragPos.x) return {};
else if (this.beingDragged) return {
transform: `translateX(${this.dragDelta}px)`,
opacity: 1 - Math.abs(this.dragDelta / this.removalDistance)
};
else return {
transition: "transform 0.2s, opacity 0.2s",
transform: "translateX(0)",
opacity: 1
};
},
dragDelta() {
return this.beingDragged ? this.dragPos.x - this.dragStart : 0;
},
removalDistance() {
if (isDOMRect(this.dragRect)) return (this.dragRect.right - this.dragRect.left) * this.draggablePercent;
return 0;
}
},
mounted() {
if (this.draggable) this.draggableSetup();
if (this.pauseOnFocusLoss) this.focusSetup();
},
beforeUnmount() {
if (this.draggable) this.draggableCleanup();
if (this.pauseOnFocusLoss) this.focusCleanup();
},
methods: {
hasProp,
getVueComponentFromObj,
closeToast() {
this.eventBus.emit(EVENTS.DISMISS, this.id);
},
clickHandler() {
if (this.onClick) this.onClick(this.closeToast);
if (this.closeOnClick) {
if (!this.beingDragged || this.dragStart === this.dragPos.x) this.closeToast();
}
},
timeoutHandler() {
this.closeToast();
},
hoverPause() {
if (this.pauseOnHover) this.isRunning = false;
},
hoverPlay() {
if (this.pauseOnHover) this.isRunning = true;
},
focusPause() {
this.isRunning = false;
},
focusPlay() {
this.isRunning = true;
},
focusSetup() {
addEventListener("blur", this.focusPause);
addEventListener("focus", this.focusPlay);
},
focusCleanup() {
removeEventListener("blur", this.focusPause);
removeEventListener("focus", this.focusPlay);
},
draggableSetup() {
const element = this.$el;
element.addEventListener("touchstart", this.onDragStart, { passive: true });
element.addEventListener("mousedown", this.onDragStart);
addEventListener("touchmove", this.onDragMove, { passive: false });
addEventListener("mousemove", this.onDragMove);
addEventListener("touchend", this.onDragEnd);
addEventListener("mouseup", this.onDragEnd);
},
draggableCleanup() {
const element = this.$el;
element.removeEventListener("touchstart", this.onDragStart);
element.removeEventListener("mousedown", this.onDragStart);
removeEventListener("touchmove", this.onDragMove);
removeEventListener("mousemove", this.onDragMove);
removeEventListener("touchend", this.onDragEnd);
removeEventListener("mouseup", this.onDragEnd);
},
onDragStart(event) {
this.beingDragged = true;
this.dragPos = {
x: getX(event),
y: getY(event)
};
this.dragStart = getX(event);
this.dragRect = this.$el.getBoundingClientRect();
},
onDragMove(event) {
if (this.beingDragged) {
event.preventDefault();
if (this.isRunning) this.isRunning = false;
this.dragPos = {
x: getX(event),
y: getY(event)
};
}
},
onDragEnd() {
if (this.beingDragged) if (Math.abs(this.dragDelta) >= this.removalDistance) {
this.disableTransitions = true;
this.$nextTick(() => this.closeToast());
} else setTimeout(() => {
this.beingDragged = false;
if (isDOMRect(this.dragRect) && this.pauseOnHover && this.dragRect.bottom >= this.dragPos.y && this.dragPos.y >= this.dragRect.top && this.dragRect.left <= this.dragPos.x && this.dragPos.x <= this.dragRect.right) this.isRunning = false;
else this.isRunning = true;
});
}
}
});
var _hoisted_16$17 = ["role"];
function render8(_ctx, _cache) {
const _component_Icon = resolveComponent("Icon");
const _component_CloseButton = resolveComponent("CloseButton");
const _component_ProgressBar = resolveComponent("ProgressBar");
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.classes),
style: normalizeStyle(_ctx.draggableStyle),
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args)),
onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.hoverPause && _ctx.hoverPause(...args)),
onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.hoverPlay && _ctx.hoverPlay(...args))
}, [
_ctx.icon ? (openBlock(), createBlock(_component_Icon, {
key: 0,
"custom-icon": _ctx.icon,
type: _ctx.type
}, null, 8, ["custom-icon", "type"])) : createCommentVNode("v-if", true),
createBaseVNode("div", {
role: _ctx.accessibility.toastRole || "alert",
class: normalizeClass(_ctx.bodyClasses)
}, [typeof _ctx.content === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(_ctx.content), 1)], 2112)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.getVueComponentFromObj(_ctx.content)), mergeProps({
key: 1,
"toast-id": _ctx.id
}, _ctx.hasProp(_ctx.content, "props") ? _ctx.content.props : {}, toHandlers(_ctx.hasProp(_ctx.content, "listeners") ? _ctx.content.listeners : {}), { onCloseToast: _ctx.closeToast }), null, 16, ["toast-id", "onCloseToast"]))], 10, _hoisted_16$17),
!!_ctx.closeButton ? (openBlock(), createBlock(_component_CloseButton, {
key: 1,
component: _ctx.closeButton,
"class-names": _ctx.closeButtonClassName,
"show-on-hover": _ctx.showCloseButtonOnHover,
"aria-label": _ctx.accessibility.closeButtonLabel,
onClick: withModifiers(_ctx.closeToast, ["stop"])
}, null, 8, [
"component",
"class-names",
"show-on-hover",
"aria-label",
"onClick"
])) : createCommentVNode("v-if", true),
_ctx.timeout ? (openBlock(), createBlock(_component_ProgressBar, {
key: 2,
"is-running": _ctx.isRunning,
"hide-progress-bar": _ctx.hideProgressBar,
timeout: _ctx.timeout,
onCloseToast: _ctx.timeoutHandler
}, null, 8, [
"is-running",
"hide-progress-bar",
"timeout",
"onCloseToast"
])) : createCommentVNode("v-if", true)
], 38);
}
VtToast_default.render = render8;
var VtToast_default2 = VtToast_default;
var VtTransition_default = defineComponent({
name: "VtTransition",
props: propValidators_default.TRANSITION,
emits: ["leave"],
methods: {
hasProp,
leave(el) {
if (el instanceof HTMLElement) {
el.style.left = el.offsetLeft + "px";
el.style.top = el.offsetTop + "px";
el.style.width = getComputedStyle(el).width;
el.style.position = "absolute";
}
}
}
});
function render9(_ctx, _cache) {
return openBlock(), createBlock(TransitionGroup, {
tag: "div",
"enter-active-class": _ctx.transition.enter ? _ctx.transition.enter : `${_ctx.transition}-enter-active`,
"move-class": _ctx.transition.move ? _ctx.transition.move : `${_ctx.transition}-move`,
"leave-active-class": _ctx.transition.leave ? _ctx.transition.leave : `${_ctx.transition}-leave-active`,
onLeave: _ctx.leave
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, [
"enter-active-class",
"move-class",
"leave-active-class",
"onLeave"
]);
}
VtTransition_default.render = render9;
var VtToastContainer_default = defineComponent({
name: "VueToastification",
devtools: { hide: true },
components: {
Toast: VtToast_default2,
VtTransition: VtTransition_default
},
props: Object.assign({}, propValidators_default.CORE_TOAST, propValidators_default.CONTAINER, propValidators_default.TRANSITION),
data() {
return {
count: 0,
positions: Object.values(POSITION),
toasts: {},
defaults: {}
};
},
computed: {
toastArray() {
return Object.values(this.toasts);
},
filteredToasts() {
return this.defaults.filterToasts(this.toastArray);
}
},
beforeMount() {
const events = this.eventBus;
events.on(EVENTS.ADD, this.addToast);
events.on(EVENTS.CLEAR, this.clearToasts);
events.on(EVENTS.DISMISS, this.dismissToast);
events.on(EVENTS.UPDATE, this.updateToast);
events.on(EVENTS.UPDATE_DEFAULTS, this.updateDefaults);
this.defaults = this.$props;
},
mounted() {
this.setup(this.container);
},
methods: {
async setup(container) {
if (isFunction(container)) container = await container();
removeElement(this.$el);
container.appendChild(this.$el);
},
setToast(props) {
if (!isUndefined(props.id)) this.toasts[props.id] = props;
},
addToast(params) {
params.content = normalizeToastComponent(params.content);
const props = Object.assign({}, this.defaults, params.type && this.defaults.toastDefaults && this.defaults.toastDefaults[params.type], params);
const toast = this.defaults.filterBeforeCreate(props, this.toastArray);
toast && this.setToast(toast);
},
dismissToast(id) {
const toast = this.toasts[id];
if (!isUndefined(toast) && !isUndefined(toast.onClose)) toast.onClose();
delete this.toasts[id];
},
clearToasts() {
Object.keys(this.toasts).forEach((id) => {
this.dismissToast(id);
});
},
getPositionToasts(position) {
const toasts = this.filteredToasts.filter((toast) => toast.position === position).slice(0, this.defaults.maxToasts);
return this.defaults.newestOnTop ? toasts.reverse() : toasts;
},
updateDefaults(update) {
if (!isUndefined(update.container)) this.setup(update.container);
this.defaults = Object.assign({}, this.defaults, update);
},
updateToast({ id, options, create }) {
if (this.toasts[id]) {
if (options.timeout && options.timeout === this.toasts[id].timeout) options.timeout++;
this.setToast(Object.assign({}, this.toasts[id], options));
} else if (create) this.addToast(Object.assign({}, { id }, options));
},
getClasses(position) {
return [`${VT_NAMESPACE}__container`, position].concat(this.defaults.containerClassName);
}
}
});
function render10(_ctx, _cache) {
const _component_Toast = resolveComponent("Toast");
const _component_VtTransition = resolveComponent("VtTransition");
return openBlock(), createElementBlock("div", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.positions, (pos) => {
return openBlock(), createElementBlock("div", { key: pos }, [createVNode(_component_VtTransition, {
transition: _ctx.defaults.transition,
class: normalizeClass(_ctx.getClasses(pos))
}, {
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getPositionToasts(pos), (toast) => {
return openBlock(), createBlock(_component_Toast, mergeProps({ key: toast.id }, toast), null, 16);
}), 128))]),
_: 2
}, 1032, ["transition", "class"])]);
}), 128))]);
}
VtToastContainer_default.render = render10;
var VtToastContainer_default2 = VtToastContainer_default;
var buildInterface = (globalOptions = {}, mountContainer = true) => {
const events = globalOptions.eventBus = globalOptions.eventBus || new EventBus();
if (mountContainer) nextTick(() => {
const app = createApp(VtToastContainer_default2, __spreadValues({}, globalOptions));
const component = app.mount(document.createElement("div"));
const onMounted = globalOptions.onMounted;
if (!isUndefined(onMounted)) onMounted(component, app);
if (globalOptions.shareAppContext) {
const baseApp = globalOptions.shareAppContext;
if (baseApp === true) console.warn(`[${VT_NAMESPACE}] App to share context with was not provided.`);
else {
app._context.components = baseApp._context.components;
app._context.directives = baseApp._context.directives;
app._context.mixins = baseApp._context.mixins;
app._context.provides = baseApp._context.provides;
app.config.globalProperties = baseApp.config.globalProperties;
}
}
});
const toast = (content, options) => {
const props = Object.assign({}, {
id: getId(),
type: TYPE.DEFAULT
}, options, { content });
events.emit(EVENTS.ADD, props);
return props.id;
};
toast.clear = () => events.emit(EVENTS.CLEAR, void 0);
toast.updateDefaults = (update) => {
events.emit(EVENTS.UPDATE_DEFAULTS, update);
};
toast.dismiss = (id) => {
events.emit(EVENTS.DISMISS, id);
};
function updateToast(id, { content, options }, create = false) {
const opt = Object.assign({}, options, { content });
events.emit(EVENTS.UPDATE, {
id,
options: opt,
create
});
}
toast.update = updateToast;
toast.success = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.SUCCESS }));
toast.info = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.INFO }));
toast.error = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.ERROR }));
toast.warning = (content, options) => toast(content, Object.assign({}, options, { type: TYPE.WARNING }));
return toast;
};
var createMockToastInterface = () => {
const toast = () => console.warn(`[${VT_NAMESPACE}] This plugin does not support SSR!`);
return new Proxy(toast, { get() {
return toast;
} });
};
function createToastInterface(optionsOrEventBus) {
if (!isBrowser$1()) return createMockToastInterface();
if (isEventBusInterface(optionsOrEventBus)) return buildInterface({ eventBus: optionsOrEventBus }, false);
return buildInterface(optionsOrEventBus, true);
}
var toastInjectionKey = Symbol("VueToastification");
var globalEventBus = new EventBus();
var VueToastificationPlugin = (App, options) => {
if ((options == null ? void 0 : options.shareAppContext) === true) options.shareAppContext = App;
const inter = createToastInterface(__spreadValues({ eventBus: globalEventBus }, options));
App.provide(toastInjectionKey, inter);
};
var useToast = (eventBus) => {
if (eventBus) return createToastInterface(eventBus);
const toast = getCurrentInstance() ? inject(toastInjectionKey, void 0) : void 0;
return toast ? toast : createToastInterface(globalEventBus);
};
var src_default = VueToastificationPlugin;
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
if (enumerableOnly) symbols = symbols.filter(function(sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
if (i % 2) ownKeys(Object(source), true).forEach(function(key) {
_defineProperty(target, key, source[key]);
});
else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
else ownKeys(Object(source)).forEach(function(key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
return target;
}
function _typeof(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") _typeof = function(obj) {
return typeof obj;
};
else _typeof = function(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
return _typeof(obj);
}
function _defineProperty(obj, key, value) {
if (key in obj) Object.defineProperty(obj, key, {
value,
enumerable: true,
configurable: true,
writable: true
});
else obj[key] = value;
return obj;
}
function _extends() {
_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
}
return target;
};
return _extends.apply(this, arguments);
}
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
function _objectWithoutProperties(source, excluded) {
if (source == null) return {};
var target = _objectWithoutPropertiesLoose(source, excluded);
var key, i;
if (Object.getOwnPropertySymbols) {
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
for (i = 0; i < sourceSymbolKeys.length; i++) {
key = sourceSymbolKeys[i];
if (excluded.indexOf(key) >= 0) continue;
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
target[key] = source[key];
}
}
return target;
}
var version = "1.14.0";
function userAgent(pattern) {
if (typeof window !== "undefined" && window.navigator) return !!navigator.userAgent.match(pattern);
}
var IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
var Edge = userAgent(/Edge/i);
var FireFox = userAgent(/firefox/i);
var Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
var IOS = userAgent(/iP(ad|od|hone)/i);
var ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);
var captureMode = {
capture: false,
passive: false
};
function on(el, event, fn) {
el.addEventListener(event, fn, !IE11OrLess && captureMode);
}
function off(el, event, fn) {
el.removeEventListener(event, fn, !IE11OrLess && captureMode);
}
function matches(el, selector) {
if (!selector) return;
selector[0] === ">" && (selector = selector.substring(1));
if (el) try {
if (el.matches) return el.matches(selector);
else if (el.msMatchesSelector) return el.msMatchesSelector(selector);
else if (el.webkitMatchesSelector) return el.webkitMatchesSelector(selector);
} catch (_) {
return false;
}
return false;
}
function getParentOrHost(el) {
return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;
}
function closest(el, selector, ctx, includeCTX) {
if (el) {
ctx = ctx || document;
do {
if (selector != null && (selector[0] === ">" ? el.parentNode === ctx && matches(el, selector) : matches(el, selector)) || includeCTX && el === ctx) return el;
if (el === ctx) break;
} while (el = getParentOrHost(el));
}
return null;
}
var R_SPACE = /\s+/g;
function toggleClass(el, name, state) {
if (el && name) if (el.classList) el.classList[state ? "add" : "remove"](name);
else el.className = ((" " + el.className + " ").replace(R_SPACE, " ").replace(" " + name + " ", " ") + (state ? " " + name : "")).replace(R_SPACE, " ");
}
function css(el, prop, val) {
var style = el && el.style;
if (style) if (val === void 0) {
if (document.defaultView && document.defaultView.getComputedStyle) val = document.defaultView.getComputedStyle(el, "");
else if (el.currentStyle) val = el.currentStyle;
return prop === void 0 ? val : val[prop];
} else {
if (!(prop in style) && prop.indexOf("webkit") === -1) prop = "-webkit-" + prop;
style[prop] = val + (typeof val === "string" ? "" : "px");
}
}
function matrix(el, selfOnly) {
var appliedTransforms = "";
if (typeof el === "string") appliedTransforms = el;
else do {
var transform = css(el, "transform");
if (transform && transform !== "none") appliedTransforms = transform + " " + appliedTransforms;
} while (!selfOnly && (el = el.parentNode));
var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
return matrixFn && new matrixFn(appliedTransforms);
}
function find(ctx, tagName, iterator) {
if (ctx) {
var list = ctx.getElementsByTagName(tagName), i = 0, n = list.length;
if (iterator) for (; i < n; i++) iterator(list[i], i);
return list;
}
return [];
}
function getWindowScrollingElement() {
var scrollingElement = document.scrollingElement;
if (scrollingElement) return scrollingElement;
else return document.documentElement;
}
function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
if (!el.getBoundingClientRect && el !== window) return;
var elRect, top, left, bottom, right, height, width;
if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
elRect = el.getBoundingClientRect();
top = elRect.top;
left = elRect.left;
bottom = elRect.bottom;
right = elRect.right;
height = elRect.height;
width = elRect.width;
} else {
top = 0;
left = 0;
bottom = window.innerHeight;
right = window.innerWidth;
height = window.innerHeight;
width = window.innerWidth;
}
if ((relativeToContainingBlock || relativeToNonStaticParent) && el !== window) {
container = container || el.parentNode;
if (!IE11OrLess) do
if (container && container.getBoundingClientRect && (css(container, "transform") !== "none" || relativeToNonStaticParent && css(container, "position") !== "static")) {
var containerRect = container.getBoundingClientRect();
top -= containerRect.top + parseInt(css(container, "border-top-width"));
left -= containerRect.left + parseInt(css(container, "border-left-width"));
bottom = top + elRect.height;
right = left + elRect.width;
break;
}
while (container = container.parentNode);
}
if (undoScale && el !== window) {
var elMatrix = matrix(container || el), scaleX = elMatrix && elMatrix.a, scaleY = elMatrix && elMatrix.d;
if (elMatrix) {
top /= scaleY;
left /= scaleX;
width /= scaleX;
height /= scaleY;
bottom = top + height;
right = left + width;
}
}
return {
top,
left,
bottom,
right,
width,
height
};
}
function isScrolledPast(el, elSide, parentSide) {
var parent = getParentAutoScrollElement(el, true), elSideVal = getRect(el)[elSide];
while (parent) {
var parentSideVal = getRect(parent)[parentSide], visible = void 0;
if (parentSide === "top" || parentSide === "left") visible = elSideVal >= parentSideVal;
else visible = elSideVal <= parentSideVal;
if (!visible) return parent;
if (parent === getWindowScrollingElement()) break;
parent = getParentAutoScrollElement(parent, false);
}
return false;
}
function getChild(el, childNum, options, includeDragEl) {
var currentChild = 0, i = 0, children = el.children;
while (i < children.length) {
if (children[i].style.display !== "none" && children[i] !== Sortable.ghost && (includeDragEl || children[i] !== Sortable.dragged) && closest(children[i], options.draggable, el, false)) {
if (currentChild === childNum) return children[i];
currentChild++;
}
i++;
}
return null;
}
function lastChild(el, selector) {
var last = el.lastElementChild;
while (last && (last === Sortable.ghost || css(last, "display") === "none" || selector && !matches(last, selector))) last = last.previousElementSibling;
return last || null;
}
function index(el, selector) {
var index = 0;
if (!el || !el.parentNode) return -1;
while (el = el.previousElementSibling) if (el.nodeName.toUpperCase() !== "TEMPLATE" && el !== Sortable.clone && (!selector || matches(el, selector))) index++;
return index;
}
function getRelativeScrollOffset(el) {
var offsetLeft = 0, offsetTop = 0, winScroller = getWindowScrollingElement();
if (el) do {
var elMatrix = matrix(el), scaleX = elMatrix.a, scaleY = elMatrix.d;
offsetLeft += el.scrollLeft * scaleX;
offsetTop += el.scrollTop * scaleY;
} while (el !== winScroller && (el = el.parentNode));
return [offsetLeft, offsetTop];
}
function indexOfObject(arr, obj) {
for (var i in arr) {
if (!arr.hasOwnProperty(i)) continue;
for (var key in obj) if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
}
return -1;
}
function getParentAutoScrollElement(el, includeSelf) {
if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
var elem = el;
var gotSelf = false;
do
if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
var elemCSS = css(elem);
if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == "auto" || elemCSS.overflowX == "scroll") || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == "auto" || elemCSS.overflowY == "scroll")) {
if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
if (gotSelf || includeSelf) return elem;
gotSelf = true;
}
}
while (elem = elem.parentNode);
return getWindowScrollingElement();
}
function extend(dst, src) {
if (dst && src) {
for (var key in src) if (src.hasOwnProperty(key)) dst[key] = src[key];
}
return dst;
}
function isRectEqual(rect1, rect2) {
return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
}
var _throttleTimeout;
function throttle(callback, ms) {
return function() {
if (!_throttleTimeout) {
var args = arguments, _this = this;
if (args.length === 1) callback.call(_this, args[0]);
else callback.apply(_this, args);
_throttleTimeout = setTimeout(function() {
_throttleTimeout = void 0;
}, ms);
}
};
}
function cancelThrottle() {
clearTimeout(_throttleTimeout);
_throttleTimeout = void 0;
}
function scrollBy(el, x, y) {
el.scrollLeft += x;
el.scrollTop += y;
}
function clone$1(el) {
var Polymer = window.Polymer;
var $ = window.jQuery || window.Zepto;
if (Polymer && Polymer.dom) return Polymer.dom(el).cloneNode(true);
else if ($) return $(el).clone(true)[0];
else return el.cloneNode(true);
}
var expando = "Sortable" + new Date().getTime();
function AnimationStateManager() {
var animationStates = [], animationCallbackId;
return {
captureAnimationState: function captureAnimationState() {
animationStates = [];
if (!this.options.animation) return;
[].slice.call(this.el.children).forEach(function(child) {
if (css(child, "display") === "none" || child === Sortable.ghost) return;
animationStates.push({
target: child,
rect: getRect(child)
});
var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect);
if (child.thisAnimationDuration) {
var childMatrix = matrix(child, true);
if (childMatrix) {
fromRect.top -= childMatrix.f;
fromRect.left -= childMatrix.e;
}
}
child.fromRect = fromRect;
});
},
addAnimationState: function addAnimationState(state) {
animationStates.push(state);
},
removeAnimationState: function removeAnimationState(target) {
animationStates.splice(indexOfObject(animationStates, { target }), 1);
},
animateAll: function animateAll(callback) {
var _this = this;
if (!this.options.animation) {
clearTimeout(animationCallbackId);
if (typeof callback === "function") callback();
return;
}
var animating = false, animationTime = 0;
animationStates.forEach(function(state) {
var time = 0, target = state.target, fromRect = target.fromRect, toRect = getRect(target), prevFromRect = target.prevFromRect, prevToRect = target.prevToRect, animatingRect = state.rect, targetMatrix = matrix(target, true);
if (targetMatrix) {
toRect.top -= targetMatrix.f;
toRect.left -= targetMatrix.e;
}
target.toRect = toRect;
if (target.thisAnimationDuration) {
if (isRectEqual(prevFromRect, toRect) && !isRectEqual(fromRect, toRect) && (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options);
}
if (!isRectEqual(toRect, fromRect)) {
target.prevFromRect = fromRect;
target.prevToRect = toRect;
if (!time) time = _this.options.animation;
_this.animate(target, animatingRect, toRect, time);
}
if (time) {
animating = true;
animationTime = Math.max(animationTime, time);
clearTimeout(target.animationResetTimer);
target.animationResetTimer = setTimeout(function() {
target.animationTime = 0;
target.prevFromRect = null;
target.fromRect = null;
target.prevToRect = null;
target.thisAnimationDuration = null;
}, time);
target.thisAnimationDuration = time;
}
});
clearTimeout(animationCallbackId);
if (!animating) {
if (typeof callback === "function") callback();
} else animationCallbackId = setTimeout(function() {
if (typeof callback === "function") callback();
}, animationTime);
animationStates = [];
},
animate: function animate(target, currentRect, toRect, duration) {
if (duration) {
css(target, "transition", "");
css(target, "transform", "");
var elMatrix = matrix(this.el), scaleX = elMatrix && elMatrix.a, scaleY = elMatrix && elMatrix.d, translateX = (currentRect.left - toRect.left) / (scaleX || 1), translateY = (currentRect.top - toRect.top) / (scaleY || 1);
target.animatingX = !!translateX;
target.animatingY = !!translateY;
css(target, "transform", "translate3d(" + translateX + "px," + translateY + "px,0)");
this.forRepaintDummy = repaint(target);
css(target, "transition", "transform " + duration + "ms" + (this.options.easing ? " " + this.options.easing : ""));
css(target, "transform", "translate3d(0,0,0)");
typeof target.animated === "number" && clearTimeout(target.animated);
target.animated = setTimeout(function() {
css(target, "transition", "");
css(target, "transform", "");
target.animated = false;
target.animatingX = false;
target.animatingY = false;
}, duration);
}
}
};
}
function repaint(target) {
return target.offsetWidth;
}
function calculateRealTime(animatingRect, fromRect, toRect, options) {
return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
}
var plugins = [];
var defaults = { initializeByDefault: true };
var PluginManager = {
mount: function mount(plugin) {
for (var option in defaults) if (defaults.hasOwnProperty(option) && !(option in plugin)) plugin[option] = defaults[option];
plugins.forEach(function(p) {
if (p.pluginName === plugin.pluginName) throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
});
plugins.push(plugin);
},
pluginEvent: function pluginEvent(eventName, sortable, evt) {
var _this = this;
this.eventCanceled = false;
evt.cancel = function() {
_this.eventCanceled = true;
};
var eventNameGlobal = eventName + "Global";
plugins.forEach(function(plugin) {
if (!sortable[plugin.pluginName]) return;
if (sortable[plugin.pluginName][eventNameGlobal]) sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({ sortable }, evt));
if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) sortable[plugin.pluginName][eventName](_objectSpread2({ sortable }, evt));
});
},
initializePlugins: function initializePlugins(sortable, el, defaults, options) {
plugins.forEach(function(plugin) {
var pluginName = plugin.pluginName;
if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
var initialized = new plugin(sortable, el, sortable.options);
initialized.sortable = sortable;
initialized.options = sortable.options;
sortable[pluginName] = initialized;
_extends(defaults, initialized.defaults);
});
for (var option in sortable.options) {
if (!sortable.options.hasOwnProperty(option)) continue;
var modified = this.modifyOption(sortable, option, sortable.options[option]);
if (typeof modified !== "undefined") sortable.options[option] = modified;
}
},
getEventProperties: function getEventProperties(name, sortable) {
var eventProperties = {};
plugins.forEach(function(plugin) {
if (typeof plugin.eventProperties !== "function") return;
_extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
});
return eventProperties;
},
modifyOption: function modifyOption(sortable, name, value) {
var modifiedValue;
plugins.forEach(function(plugin) {
if (!sortable[plugin.pluginName]) return;
if (plugin.optionListeners && typeof plugin.optionListeners[name] === "function") modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value);
});
return modifiedValue;
}
};
function dispatchEvent(_ref) {
var sortable = _ref.sortable, rootEl = _ref.rootEl, name = _ref.name, targetEl = _ref.targetEl, cloneEl = _ref.cloneEl, toEl = _ref.toEl, fromEl = _ref.fromEl, oldIndex = _ref.oldIndex, newIndex = _ref.newIndex, oldDraggableIndex = _ref.oldDraggableIndex, newDraggableIndex = _ref.newDraggableIndex, originalEvent = _ref.originalEvent, putSortable = _ref.putSortable, extraEventProperties = _ref.extraEventProperties;
sortable = sortable || rootEl && rootEl[expando];
if (!sortable) return;
var evt, options = sortable.options, onName = "on" + name.charAt(0).toUpperCase() + name.substr(1);
if (window.CustomEvent && !IE11OrLess && !Edge) evt = new CustomEvent(name, {
bubbles: true,
cancelable: true
});
else {
evt = document.createEvent("Event");
evt.initEvent(name, true, true);
}
evt.to = toEl || rootEl;
evt.from = fromEl || rootEl;
evt.item = targetEl || rootEl;
evt.clone = cloneEl;
evt.oldIndex = oldIndex;
evt.newIndex = newIndex;
evt.oldDraggableIndex = oldDraggableIndex;
evt.newDraggableIndex = newDraggableIndex;
evt.originalEvent = originalEvent;
evt.pullMode = putSortable ? putSortable.lastPutMode : void 0;
var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));
for (var option in allEventProperties) evt[option] = allEventProperties[option];
if (rootEl) rootEl.dispatchEvent(evt);
if (options[onName]) options[onName].call(sortable, evt);
}
var _excluded = ["evt"];
var pluginEvent = function pluginEvent(eventName, sortable) {
var _ref = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, originalEvent = _ref.evt, data = _objectWithoutProperties(_ref, _excluded);
PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({
dragEl,
parentEl,
ghostEl,
rootEl,
nextEl,
lastDownEl,
cloneEl,
cloneHidden,
dragStarted: moved,
putSortable,
activeSortable: Sortable.active,
originalEvent,
oldIndex,
oldDraggableIndex,
newIndex,
newDraggableIndex,
hideGhostForTarget: _hideGhostForTarget,
unhideGhostForTarget: _unhideGhostForTarget,
cloneNowHidden: function cloneNowHidden() {
cloneHidden = true;
},
cloneNowShown: function cloneNowShown() {
cloneHidden = false;
},
dispatchSortableEvent: function dispatchSortableEvent(name) {
_dispatchEvent({
sortable,
name,
originalEvent
});
}
}, data));
};
function _dispatchEvent(info) {
dispatchEvent(_objectSpread2({
putSortable,
cloneEl,
targetEl: dragEl,
rootEl,
oldIndex,
oldDraggableIndex,
newIndex,
newDraggableIndex
}, info));
}
var dragEl, parentEl, ghostEl, rootEl, nextEl, lastDownEl, cloneEl, cloneHidden, oldIndex, newIndex, oldDraggableIndex, newDraggableIndex, activeGroup, putSortable, awaitingDragStarted = false, ignoreNextClick = false, sortables = [], tapEvt, touchEvt, lastDx, lastDy, tapDistanceLeft, tapDistanceTop, moved, lastTarget, lastDirection, pastFirstInvertThresh = false, isCircumstantialInvert = false, targetMoveDistance, ghostRelativeParent, ghostRelativeParentInitialScroll = [], _silent = false, savedInputChecked = [];
var documentExists = typeof document !== "undefined", PositionGhostAbsolutely = IOS, CSSFloatProperty = Edge || IE11OrLess ? "cssFloat" : "float", supportDraggable = documentExists && !ChromeForAndroid && !IOS && "draggable" in document.createElement("div"), supportCssPointerEvents = function() {
if (!documentExists) return;
if (IE11OrLess) return false;
var el = document.createElement("x");
el.style.cssText = "pointer-events:auto";
return el.style.pointerEvents === "auto";
}(), _detectDirection = function _detectDirection(el, options) {
var elCSS = css(el), elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth), child1 = getChild(el, 0, options), child2 = getChild(el, 1, options), firstChildCSS = child1 && css(child1), secondChildCSS = child2 && css(child2), firstChildWidth = firstChildCSS && parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width, secondChildWidth = secondChildCSS && parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width;
if (elCSS.display === "flex") return elCSS.flexDirection === "column" || elCSS.flexDirection === "column-reverse" ? "vertical" : "horizontal";
if (elCSS.display === "grid") return elCSS.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== "none") {
var touchingSideChild2 = firstChildCSS["float"] === "left" ? "left" : "right";
return child2 && (secondChildCSS.clear === "both" || secondChildCSS.clear === touchingSideChild2) ? "vertical" : "horizontal";
}
return child1 && (firstChildCSS.display === "block" || firstChildCSS.display === "flex" || firstChildCSS.display === "table" || firstChildCSS.display === "grid" || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === "none" || child2 && elCSS[CSSFloatProperty] === "none" && firstChildWidth + secondChildWidth > elWidth) ? "vertical" : "horizontal";
}, _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
var dragElS1Opp = vertical ? dragRect.left : dragRect.top, dragElS2Opp = vertical ? dragRect.right : dragRect.bottom, dragElOppLength = vertical ? dragRect.width : dragRect.height, targetS1Opp = vertical ? targetRect.left : targetRect.top, targetS2Opp = vertical ? targetRect.right : targetRect.bottom, targetOppLength = vertical ? targetRect.width : targetRect.height;
return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;
}, _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
var ret;
sortables.some(function(sortable) {
var threshold = sortable[expando].options.emptyInsertThreshold;
if (!threshold || lastChild(sortable)) return;
var rect = getRect(sortable), insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold, insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
if (insideHorizontally && insideVertically) return ret = sortable;
});
return ret;
}, _prepareGroup = function _prepareGroup(options) {
function toFn(value, pull) {
return function(to, from, dragEl, evt) {
var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
if (value == null && (pull || sameGroup)) return true;
else if (value == null || value === false) return false;
else if (pull && value === "clone") return value;
else if (typeof value === "function") return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
else {
var otherGroup = (pull ? to : from).options.group.name;
return value === true || typeof value === "string" && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
}
};
}
var group = {};
var originalGroup = options.group;
if (!originalGroup || _typeof(originalGroup) != "object") originalGroup = { name: originalGroup };
group.name = originalGroup.name;
group.checkPull = toFn(originalGroup.pull, true);
group.checkPut = toFn(originalGroup.put);
group.revertClone = originalGroup.revertClone;
options.group = group;
}, _hideGhostForTarget = function _hideGhostForTarget() {
if (!supportCssPointerEvents && ghostEl) css(ghostEl, "display", "none");
}, _unhideGhostForTarget = function _unhideGhostForTarget() {
if (!supportCssPointerEvents && ghostEl) css(ghostEl, "display", "");
};
if (documentExists) document.addEventListener("click", function(evt) {
if (ignoreNextClick) {
evt.preventDefault();
evt.stopPropagation && evt.stopPropagation();
evt.stopImmediatePropagation && evt.stopImmediatePropagation();
ignoreNextClick = false;
return false;
}
}, true);
var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
if (dragEl) {
evt = evt.touches ? evt.touches[0] : evt;
var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
if (nearest) {
var event = {};
for (var i in evt) if (evt.hasOwnProperty(i)) event[i] = evt[i];
event.target = event.rootEl = nearest;
event.preventDefault = void 0;
event.stopPropagation = void 0;
nearest[expando]._onDragOver(event);
}
}
};
var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
if (dragEl) dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
};
function Sortable(el, options) {
if (!(el && el.nodeType && el.nodeType === 1)) throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
this.el = el;
this.options = options = _extends({}, options);
el[expando] = this;
var defaults = {
group: null,
sort: true,
disabled: false,
store: null,
handle: null,
draggable: /^[uo]l$/i.test(el.nodeName) ? ">li" : ">*",
swapThreshold: 1,
invertSwap: false,
invertedSwapThreshold: null,
removeCloneOnHide: true,
direction: function direction() {
return _detectDirection(el, this.options);
},
ghostClass: "sortable-ghost",
chosenClass: "sortable-chosen",
dragClass: "sortable-drag",
ignore: "a, img",
filter: null,
preventOnFilter: true,
animation: 0,
easing: null,
setData: function setData(dataTransfer, dragEl) {
dataTransfer.setData("Text", dragEl.textContent);
},
dropBubble: false,
dragoverBubble: false,
dataIdAttr: "data-id",
delay: 0,
delayOnTouchOnly: false,
touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
forceFallback: false,
fallbackClass: "sortable-fallback",
fallbackOnBody: false,
fallbackTolerance: 0,
fallbackOffset: {
x: 0,
y: 0
},
supportPointer: Sortable.supportPointer !== false && "PointerEvent" in window && !Safari,
emptyInsertThreshold: 5
};
PluginManager.initializePlugins(this, el, defaults);
for (var name in defaults) !(name in options) && (options[name] = defaults[name]);
_prepareGroup(options);
for (var fn in this) if (fn.charAt(0) === "_" && typeof this[fn] === "function") this[fn] = this[fn].bind(this);
this.nativeDraggable = options.forceFallback ? false : supportDraggable;
if (this.nativeDraggable) this.options.touchStartThreshold = 1;
if (options.supportPointer) on(el, "pointerdown", this._onTapStart);
else {
on(el, "mousedown", this._onTapStart);
on(el, "touchstart", this._onTapStart);
}
if (this.nativeDraggable) {
on(el, "dragover", this);
on(el, "dragenter", this);
}
sortables.push(this.el);
options.store && options.store.get && this.sort(options.store.get(this) || []);
_extends(this, AnimationStateManager());
}
Sortable.prototype = {
constructor: Sortable,
_isOutsideThisEl: function _isOutsideThisEl(target) {
if (!this.el.contains(target) && target !== this.el) lastTarget = null;
},
_getDirection: function _getDirection(evt, target) {
return typeof this.options.direction === "function" ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
},
_onTapStart: function _onTapStart(evt) {
if (!evt.cancelable) return;
var _this = this, el = this.el, options = this.options, preventOnFilter = options.preventOnFilter, type = evt.type, touch = evt.touches && evt.touches[0] || evt.pointerType && evt.pointerType === "touch" && evt, target = (touch || evt).target, originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0] || evt.composedPath && evt.composedPath()[0]) || target, filter = options.filter;
_saveInputCheckedState(el);
if (dragEl) return;
if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) return;
if (originalTarget.isContentEditable) return;
if (!this.nativeDraggable && Safari && target && target.tagName.toUpperCase() === "SELECT") return;
target = closest(target, options.draggable, el, false);
if (target && target.animated) return;
if (lastDownEl === target) return;
oldIndex = index(target);
oldDraggableIndex = index(target, options.draggable);
if (typeof filter === "function") {
if (filter.call(this, evt, target, this)) {
_dispatchEvent({
sortable: _this,
rootEl: originalTarget,
name: "filter",
targetEl: target,
toEl: el,
fromEl: el
});
pluginEvent("filter", _this, { evt });
preventOnFilter && evt.cancelable && evt.preventDefault();
return;
}
} else if (filter) {
filter = filter.split(",").some(function(criteria) {
criteria = closest(originalTarget, criteria.trim(), el, false);
if (criteria) {
_dispatchEvent({
sortable: _this,
rootEl: criteria,
name: "filter",
targetEl: target,
fromEl: el,
toEl: el
});
pluginEvent("filter", _this, { evt });
return true;
}
});
if (filter) {
preventOnFilter && evt.cancelable && evt.preventDefault();
return;
}
}
if (options.handle && !closest(originalTarget, options.handle, el, false)) return;
this._prepareDragStart(evt, touch, target);
},
_prepareDragStart: function _prepareDragStart(evt, touch, target) {
var _this = this, el = _this.el, options = _this.options, ownerDocument = el.ownerDocument, dragStartFn;
if (target && !dragEl && target.parentNode === el) {
var dragRect = getRect(target);
rootEl = el;
dragEl = target;
parentEl = dragEl.parentNode;
nextEl = dragEl.nextSibling;
lastDownEl = target;
activeGroup = options.group;
Sortable.dragged = dragEl;
tapEvt = {
target: dragEl,
clientX: (touch || evt).clientX,
clientY: (touch || evt).clientY
};
tapDistanceLeft = tapEvt.clientX - dragRect.left;
tapDistanceTop = tapEvt.clientY - dragRect.top;
this._lastX = (touch || evt).clientX;
this._lastY = (touch || evt).clientY;
dragEl.style["will-change"] = "all";
dragStartFn = function dragStartFn() {
pluginEvent("delayEnded", _this, { evt });
if (Sortable.eventCanceled) {
_this._onDrop();
return;
}
_this._disableDelayedDragEvents();
if (!FireFox && _this.nativeDraggable) dragEl.draggable = true;
_this._triggerDragStart(evt, touch);
_dispatchEvent({
sortable: _this,
name: "choose",
originalEvent: evt
});
toggleClass(dragEl, options.chosenClass, true);
};
options.ignore.split(",").forEach(function(criteria) {
find(dragEl, criteria.trim(), _disableDraggable);
});
on(ownerDocument, "dragover", nearestEmptyInsertDetectEvent);
on(ownerDocument, "mousemove", nearestEmptyInsertDetectEvent);
on(ownerDocument, "touchmove", nearestEmptyInsertDetectEvent);
on(ownerDocument, "mouseup", _this._onDrop);
on(ownerDocument, "touchend", _this._onDrop);
on(ownerDocument, "touchcancel", _this._onDrop);
if (FireFox && this.nativeDraggable) {
this.options.touchStartThreshold = 4;
dragEl.draggable = true;
}
pluginEvent("delayStart", this, { evt });
if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
if (Sortable.eventCanceled) {
this._onDrop();
return;
}
on(ownerDocument, "mouseup", _this._disableDelayedDrag);
on(ownerDocument, "touchend", _this._disableDelayedDrag);
on(ownerDocument, "touchcancel", _this._disableDelayedDrag);
on(ownerDocument, "mousemove", _this._delayedDragTouchMoveHandler);
on(ownerDocument, "touchmove", _this._delayedDragTouchMoveHandler);
options.supportPointer && on(ownerDocument, "pointermove", _this._delayedDragTouchMoveHandler);
_this._dragStartTimer = setTimeout(dragStartFn, options.delay);
} else dragStartFn();
}
},
_delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(e) {
var touch = e.touches ? e.touches[0] : e;
if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) this._disableDelayedDrag();
},
_disableDelayedDrag: function _disableDelayedDrag() {
dragEl && _disableDraggable(dragEl);
clearTimeout(this._dragStartTimer);
this._disableDelayedDragEvents();
},
_disableDelayedDragEvents: function _disableDelayedDragEvents() {
var ownerDocument = this.el.ownerDocument;
off(ownerDocument, "mouseup", this._disableDelayedDrag);
off(ownerDocument, "touchend", this._disableDelayedDrag);
off(ownerDocument, "touchcancel", this._disableDelayedDrag);
off(ownerDocument, "mousemove", this._delayedDragTouchMoveHandler);
off(ownerDocument, "touchmove", this._delayedDragTouchMoveHandler);
off(ownerDocument, "pointermove", this._delayedDragTouchMoveHandler);
},
_triggerDragStart: function _triggerDragStart(evt, touch) {
touch = touch || evt.pointerType == "touch" && evt;
if (!this.nativeDraggable || touch) if (this.options.supportPointer) on(document, "pointermove", this._onTouchMove);
else if (touch) on(document, "touchmove", this._onTouchMove);
else on(document, "mousemove", this._onTouchMove);
else {
on(dragEl, "dragend", this);
on(rootEl, "dragstart", this._onDragStart);
}
try {
if (document.selection) _nextTick(function() {
document.selection.empty();
});
else window.getSelection().removeAllRanges();
} catch (err) {}
},
_dragStarted: function _dragStarted(fallback, evt) {
awaitingDragStarted = false;
if (rootEl && dragEl) {
pluginEvent("dragStarted", this, { evt });
if (this.nativeDraggable) on(document, "dragover", _checkOutsideTargetEl);
var options = this.options;
!fallback && toggleClass(dragEl, options.dragClass, false);
toggleClass(dragEl, options.ghostClass, true);
Sortable.active = this;
fallback && this._appendGhost();
_dispatchEvent({
sortable: this,
name: "start",
originalEvent: evt
});
} else this._nulling();
},
_emulateDragOver: function _emulateDragOver() {
if (touchEvt) {
this._lastX = touchEvt.clientX;
this._lastY = touchEvt.clientY;
_hideGhostForTarget();
var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
var parent = target;
while (target && target.shadowRoot) {
target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
if (target === parent) break;
parent = target;
}
dragEl.parentNode[expando]._isOutsideThisEl(target);
if (parent) do {
if (parent[expando]) {
var inserted = void 0;
inserted = parent[expando]._onDragOver({
clientX: touchEvt.clientX,
clientY: touchEvt.clientY,
target,
rootEl: parent
});
if (inserted && !this.options.dragoverBubble) break;
}
target = parent;
} while (parent = parent.parentNode);
_unhideGhostForTarget();
}
},
_onTouchMove: function _onTouchMove(evt) {
if (tapEvt) {
var options = this.options, fallbackTolerance = options.fallbackTolerance, fallbackOffset = options.fallbackOffset, touch = evt.touches ? evt.touches[0] : evt, ghostMatrix = ghostEl && matrix(ghostEl, true), scaleX = ghostEl && ghostMatrix && ghostMatrix.a, scaleY = ghostEl && ghostMatrix && ghostMatrix.d, relativeScrollOffset = PositionGhostAbsolutely && ghostRelativeParent && getRelativeScrollOffset(ghostRelativeParent), dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1), dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1);
if (!Sortable.active && !awaitingDragStarted) {
if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) return;
this._onDragStart(evt, true);
}
if (ghostEl) {
if (ghostMatrix) {
ghostMatrix.e += dx - (lastDx || 0);
ghostMatrix.f += dy - (lastDy || 0);
} else ghostMatrix = {
a: 1,
b: 0,
c: 0,
d: 1,
e: dx,
f: dy
};
var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
css(ghostEl, "webkitTransform", cssMatrix);
css(ghostEl, "mozTransform", cssMatrix);
css(ghostEl, "msTransform", cssMatrix);
css(ghostEl, "transform", cssMatrix);
lastDx = dx;
lastDy = dy;
touchEvt = touch;
}
evt.cancelable && evt.preventDefault();
}
},
_appendGhost: function _appendGhost() {
if (!ghostEl) {
var container = this.options.fallbackOnBody ? document.body : rootEl, rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container), options = this.options;
if (PositionGhostAbsolutely) {
ghostRelativeParent = container;
while (css(ghostRelativeParent, "position") === "static" && css(ghostRelativeParent, "transform") === "none" && ghostRelativeParent !== document) ghostRelativeParent = ghostRelativeParent.parentNode;
if (ghostRelativeParent !== document.body && ghostRelativeParent !== document.documentElement) {
if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement();
rect.top += ghostRelativeParent.scrollTop;
rect.left += ghostRelativeParent.scrollLeft;
} else ghostRelativeParent = getWindowScrollingElement();
ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent);
}
ghostEl = dragEl.cloneNode(true);
toggleClass(ghostEl, options.ghostClass, false);
toggleClass(ghostEl, options.fallbackClass, true);
toggleClass(ghostEl, options.dragClass, true);
css(ghostEl, "transition", "");
css(ghostEl, "transform", "");
css(ghostEl, "box-sizing", "border-box");
css(ghostEl, "margin", 0);
css(ghostEl, "top", rect.top);
css(ghostEl, "left", rect.left);
css(ghostEl, "width", rect.width);
css(ghostEl, "height", rect.height);
css(ghostEl, "opacity", "0.8");
css(ghostEl, "position", PositionGhostAbsolutely ? "absolute" : "fixed");
css(ghostEl, "zIndex", "100000");
css(ghostEl, "pointerEvents", "none");
Sortable.ghost = ghostEl;
container.appendChild(ghostEl);
css(ghostEl, "transform-origin", tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + "% " + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + "%");
}
},
_onDragStart: function _onDragStart(evt, fallback) {
var _this = this;
var dataTransfer = evt.dataTransfer;
var options = _this.options;
pluginEvent("dragStart", this, { evt });
if (Sortable.eventCanceled) {
this._onDrop();
return;
}
pluginEvent("setupClone", this);
if (!Sortable.eventCanceled) {
cloneEl = clone$1(dragEl);
cloneEl.draggable = false;
cloneEl.style["will-change"] = "";
this._hideClone();
toggleClass(cloneEl, this.options.chosenClass, false);
Sortable.clone = cloneEl;
}
_this.cloneId = _nextTick(function() {
pluginEvent("clone", _this);
if (Sortable.eventCanceled) return;
if (!_this.options.removeCloneOnHide) rootEl.insertBefore(cloneEl, dragEl);
_this._hideClone();
_dispatchEvent({
sortable: _this,
name: "clone"
});
});
!fallback && toggleClass(dragEl, options.dragClass, true);
if (fallback) {
ignoreNextClick = true;
_this._loopId = setInterval(_this._emulateDragOver, 50);
} else {
off(document, "mouseup", _this._onDrop);
off(document, "touchend", _this._onDrop);
off(document, "touchcancel", _this._onDrop);
if (dataTransfer) {
dataTransfer.effectAllowed = "move";
options.setData && options.setData.call(_this, dataTransfer, dragEl);
}
on(document, "drop", _this);
css(dragEl, "transform", "translateZ(0)");
}
awaitingDragStarted = true;
_this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));
on(document, "selectstart", _this);
moved = true;
if (Safari) css(document.body, "user-select", "none");
},
_onDragOver: function _onDragOver(evt) {
var el = this.el, target = evt.target, dragRect, targetRect, revert, options = this.options, group = options.group, activeSortable = Sortable.active, isOwner = activeGroup === group, canSort = options.sort, fromSortable = putSortable || activeSortable, vertical, _this = this, completedFired = false;
if (_silent) return;
function dragOverEvent(name, extra) {
pluginEvent(name, _this, _objectSpread2({
evt,
isOwner,
axis: vertical ? "vertical" : "horizontal",
revert,
dragRect,
targetRect,
canSort,
fromSortable,
target,
completed,
onMove: function onMove(target, after) {
return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
},
changed
}, extra));
}
function capture() {
dragOverEvent("dragOverAnimationCapture");
_this.captureAnimationState();
if (_this !== fromSortable) fromSortable.captureAnimationState();
}
function completed(insertion) {
dragOverEvent("dragOverCompleted", { insertion });
if (insertion) {
if (isOwner) activeSortable._hideClone();
else activeSortable._showClone(_this);
if (_this !== fromSortable) {
toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false);
toggleClass(dragEl, options.ghostClass, true);
}
if (putSortable !== _this && _this !== Sortable.active) putSortable = _this;
else if (_this === Sortable.active && putSortable) putSortable = null;
if (fromSortable === _this) _this._ignoreWhileAnimating = target;
_this.animateAll(function() {
dragOverEvent("dragOverAnimationComplete");
_this._ignoreWhileAnimating = null;
});
if (_this !== fromSortable) {
fromSortable.animateAll();
fromSortable._ignoreWhileAnimating = null;
}
}
if (target === dragEl && !dragEl.animated || target === el && !target.animated) lastTarget = null;
if (!options.dragoverBubble && !evt.rootEl && target !== document) {
dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
!insertion && nearestEmptyInsertDetectEvent(evt);
}
!options.dragoverBubble && evt.stopPropagation && evt.stopPropagation();
return completedFired = true;
}
function changed() {
newIndex = index(dragEl);
newDraggableIndex = index(dragEl, options.draggable);
_dispatchEvent({
sortable: _this,
name: "change",
toEl: el,
newIndex,
newDraggableIndex,
originalEvent: evt
});
}
if (evt.preventDefault !== void 0) evt.cancelable && evt.preventDefault();
target = closest(target, options.draggable, el, true);
dragOverEvent("dragOver");
if (Sortable.eventCanceled) return completedFired;
if (dragEl.contains(evt.target) || target.animated && target.animatingX && target.animatingY || _this._ignoreWhileAnimating === target) return completed(false);
ignoreNextClick = false;
if (activeSortable && !options.disabled && (isOwner ? canSort || (revert = parentEl !== rootEl) : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && group.checkPut(this, activeSortable, dragEl, evt))) {
vertical = this._getDirection(evt, target) === "vertical";
dragRect = getRect(dragEl);
dragOverEvent("dragOverValid");
if (Sortable.eventCanceled) return completedFired;
if (revert) {
parentEl = rootEl;
capture();
this._hideClone();
dragOverEvent("revert");
if (!Sortable.eventCanceled) if (nextEl) rootEl.insertBefore(dragEl, nextEl);
else rootEl.appendChild(dragEl);
return completed(true);
}
var elLastChild = lastChild(el, options.draggable);
if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
if (elLastChild === dragEl) return completed(false);
if (elLastChild && el === evt.target) target = elLastChild;
if (target) targetRect = getRect(target);
if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
capture();
el.appendChild(dragEl);
parentEl = el;
changed();
return completed(true);
}
} else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {
var firstChild = getChild(el, 0, options, true);
if (firstChild === dragEl) return completed(false);
target = firstChild;
targetRect = getRect(target);
if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
capture();
el.insertBefore(dragEl, firstChild);
parentEl = el;
changed();
return completed(true);
}
} else if (target.parentNode === el) {
targetRect = getRect(target);
var direction = 0, targetBeforeFirstSwap, differentLevel = dragEl.parentNode !== el, differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical), side1 = vertical ? "top" : "left", scrolledPastTop = isScrolledPast(target, "top", "top") || isScrolledPast(dragEl, "top", "top"), scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0;
if (lastTarget !== target) {
targetBeforeFirstSwap = targetRect[side1];
pastFirstInvertThresh = false;
isCircumstantialInvert = !differentRowCol && options.invertSwap || differentLevel;
}
direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
var sibling;
if (direction !== 0) {
var dragIndex = index(dragEl);
do {
dragIndex -= direction;
sibling = parentEl.children[dragIndex];
} while (sibling && (css(sibling, "display") === "none" || sibling === ghostEl));
}
if (direction === 0 || sibling === target) return completed(false);
lastTarget = target;
lastDirection = direction;
var nextSibling = target.nextElementSibling, after = false;
after = direction === 1;
var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
if (moveVector !== false) {
if (moveVector === 1 || moveVector === -1) after = moveVector === 1;
_silent = true;
setTimeout(_unsilent, 30);
capture();
if (after && !nextSibling) el.appendChild(dragEl);
else target.parentNode.insertBefore(dragEl, after ? nextSibling : target);
if (scrolledPastTop) scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop);
parentEl = dragEl.parentNode;
if (targetBeforeFirstSwap !== void 0 && !isCircumstantialInvert) targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]);
changed();
return completed(true);
}
}
if (el.contains(dragEl)) return completed(false);
}
return false;
},
_ignoreWhileAnimating: null,
_offMoveEvents: function _offMoveEvents() {
off(document, "mousemove", this._onTouchMove);
off(document, "touchmove", this._onTouchMove);
off(document, "pointermove", this._onTouchMove);
off(document, "dragover", nearestEmptyInsertDetectEvent);
off(document, "mousemove", nearestEmptyInsertDetectEvent);
off(document, "touchmove", nearestEmptyInsertDetectEvent);
},
_offUpEvents: function _offUpEvents() {
var ownerDocument = this.el.ownerDocument;
off(ownerDocument, "mouseup", this._onDrop);
off(ownerDocument, "touchend", this._onDrop);
off(ownerDocument, "pointerup", this._onDrop);
off(ownerDocument, "touchcancel", this._onDrop);
off(document, "selectstart", this);
},
_onDrop: function _onDrop(evt) {
var el = this.el, options = this.options;
newIndex = index(dragEl);
newDraggableIndex = index(dragEl, options.draggable);
pluginEvent("drop", this, { evt });
parentEl = dragEl && dragEl.parentNode;
newIndex = index(dragEl);
newDraggableIndex = index(dragEl, options.draggable);
if (Sortable.eventCanceled) {
this._nulling();
return;
}
awaitingDragStarted = false;
isCircumstantialInvert = false;
pastFirstInvertThresh = false;
clearInterval(this._loopId);
clearTimeout(this._dragStartTimer);
_cancelNextTick(this.cloneId);
_cancelNextTick(this._dragStartId);
if (this.nativeDraggable) {
off(document, "drop", this);
off(el, "dragstart", this._onDragStart);
}
this._offMoveEvents();
this._offUpEvents();
if (Safari) css(document.body, "user-select", "");
css(dragEl, "transform", "");
if (evt) {
if (moved) {
evt.cancelable && evt.preventDefault();
!options.dropBubble && evt.stopPropagation();
}
ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl);
if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== "clone") cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl);
if (dragEl) {
if (this.nativeDraggable) off(dragEl, "dragend", this);
_disableDraggable(dragEl);
dragEl.style["will-change"] = "";
if (moved && !awaitingDragStarted) toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false);
toggleClass(dragEl, this.options.chosenClass, false);
_dispatchEvent({
sortable: this,
name: "unchoose",
toEl: parentEl,
newIndex: null,
newDraggableIndex: null,
originalEvent: evt
});
if (rootEl !== parentEl) {
if (newIndex >= 0) {
_dispatchEvent({
rootEl: parentEl,
name: "add",
toEl: parentEl,
fromEl: rootEl,
originalEvent: evt
});
_dispatchEvent({
sortable: this,
name: "remove",
toEl: parentEl,
originalEvent: evt
});
_dispatchEvent({
rootEl: parentEl,
name: "sort",
toEl: parentEl,
fromEl: rootEl,
originalEvent: evt
});
_dispatchEvent({
sortable: this,
name: "sort",
toEl: parentEl,
originalEvent: evt
});
}
putSortable && putSortable.save();
} else if (newIndex !== oldIndex) {
if (newIndex >= 0) {
_dispatchEvent({
sortable: this,
name: "update",
toEl: parentEl,
originalEvent: evt
});
_dispatchEvent({
sortable: this,
name: "sort",
toEl: parentEl,
originalEvent: evt
});
}
}
if (Sortable.active) {
if (newIndex == null || newIndex === -1) {
newIndex = oldIndex;
newDraggableIndex = oldDraggableIndex;
}
_dispatchEvent({
sortable: this,
name: "end",
toEl: parentEl,
originalEvent: evt
});
this.save();
}
}
}
this._nulling();
},
_nulling: function _nulling() {
pluginEvent("nulling", this);
rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
savedInputChecked.forEach(function(el) {
el.checked = true;
});
savedInputChecked.length = lastDx = lastDy = 0;
},
handleEvent: function handleEvent(evt) {
switch (evt.type) {
case "drop":
case "dragend":
this._onDrop(evt);
break;
case "dragenter":
case "dragover":
if (dragEl) {
this._onDragOver(evt);
_globalDragOver(evt);
}
break;
case "selectstart":
evt.preventDefault();
break;
}
},
toArray: function toArray() {
var order = [], el, children = this.el.children, i = 0, n = children.length, options = this.options;
for (; i < n; i++) {
el = children[i];
if (closest(el, options.draggable, this.el, false)) order.push(el.getAttribute(options.dataIdAttr) || _generateId(el));
}
return order;
},
sort: function sort(order, useAnimation) {
var items = {}, rootEl = this.el;
this.toArray().forEach(function(id, i) {
var el = rootEl.children[i];
if (closest(el, this.options.draggable, rootEl, false)) items[id] = el;
}, this);
useAnimation && this.captureAnimationState();
order.forEach(function(id) {
if (items[id]) {
rootEl.removeChild(items[id]);
rootEl.appendChild(items[id]);
}
});
useAnimation && this.animateAll();
},
save: function save() {
var store = this.options.store;
store && store.set && store.set(this);
},
closest: function closest$1(el, selector) {
return closest(el, selector || this.options.draggable, this.el, false);
},
option: function option(name, value) {
var options = this.options;
if (value === void 0) return options[name];
else {
var modifiedValue = PluginManager.modifyOption(this, name, value);
if (typeof modifiedValue !== "undefined") options[name] = modifiedValue;
else options[name] = value;
if (name === "group") _prepareGroup(options);
}
},
destroy: function destroy() {
pluginEvent("destroy", this);
var el = this.el;
el[expando] = null;
off(el, "mousedown", this._onTapStart);
off(el, "touchstart", this._onTapStart);
off(el, "pointerdown", this._onTapStart);
if (this.nativeDraggable) {
off(el, "dragover", this);
off(el, "dragenter", this);
}
Array.prototype.forEach.call(el.querySelectorAll("[draggable]"), function(el) {
el.removeAttribute("draggable");
});
this._onDrop();
this._disableDelayedDragEvents();
sortables.splice(sortables.indexOf(this.el), 1);
this.el = el = null;
},
_hideClone: function _hideClone() {
if (!cloneHidden) {
pluginEvent("hideClone", this);
if (Sortable.eventCanceled) return;
css(cloneEl, "display", "none");
if (this.options.removeCloneOnHide && cloneEl.parentNode) cloneEl.parentNode.removeChild(cloneEl);
cloneHidden = true;
}
},
_showClone: function _showClone(putSortable) {
if (putSortable.lastPutMode !== "clone") {
this._hideClone();
return;
}
if (cloneHidden) {
pluginEvent("showClone", this);
if (Sortable.eventCanceled) return;
if (dragEl.parentNode == rootEl && !this.options.group.revertClone) rootEl.insertBefore(cloneEl, dragEl);
else if (nextEl) rootEl.insertBefore(cloneEl, nextEl);
else rootEl.appendChild(cloneEl);
if (this.options.group.revertClone) this.animate(dragEl, cloneEl);
css(cloneEl, "display", "");
cloneHidden = false;
}
}
};
function _globalDragOver(evt) {
if (evt.dataTransfer) evt.dataTransfer.dropEffect = "move";
evt.cancelable && evt.preventDefault();
}
function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
var evt, sortable = fromEl[expando], onMoveFn = sortable.options.onMove, retVal;
if (window.CustomEvent && !IE11OrLess && !Edge) evt = new CustomEvent("move", {
bubbles: true,
cancelable: true
});
else {
evt = document.createEvent("Event");
evt.initEvent("move", true, true);
}
evt.to = toEl;
evt.from = fromEl;
evt.dragged = dragEl;
evt.draggedRect = dragRect;
evt.related = targetEl || toEl;
evt.relatedRect = targetRect || getRect(toEl);
evt.willInsertAfter = willInsertAfter;
evt.originalEvent = originalEvent;
fromEl.dispatchEvent(evt);
if (onMoveFn) retVal = onMoveFn.call(sortable, evt, originalEvent);
return retVal;
}
function _disableDraggable(el) {
el.draggable = false;
}
function _unsilent() {
_silent = false;
}
function _ghostIsFirst(evt, vertical, sortable) {
var rect = getRect(getChild(sortable.el, 0, sortable.options, true));
var spacer = 10;
return vertical ? evt.clientX < rect.left - spacer || evt.clientY < rect.top && evt.clientX < rect.right : evt.clientY < rect.top - spacer || evt.clientY < rect.bottom && evt.clientX < rect.left;
}
function _ghostIsLast(evt, vertical, sortable) {
var rect = getRect(lastChild(sortable.el, sortable.options.draggable));
var spacer = 10;
return vertical ? evt.clientX > rect.right + spacer || evt.clientX <= rect.right && evt.clientY > rect.bottom && evt.clientX >= rect.left : evt.clientX > rect.right && evt.clientY > rect.top || evt.clientX <= rect.right && evt.clientY > rect.bottom + spacer;
}
function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
var mouseOnAxis = vertical ? evt.clientY : evt.clientX, targetLength = vertical ? targetRect.height : targetRect.width, targetS1 = vertical ? targetRect.top : targetRect.left, targetS2 = vertical ? targetRect.bottom : targetRect.right, invert = false;
if (!invertSwap) {
if (isLastTarget && targetMoveDistance < targetLength * swapThreshold) {
if (!pastFirstInvertThresh && (lastDirection === 1 ? mouseOnAxis > targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis < targetS2 - targetLength * invertedSwapThreshold / 2)) pastFirstInvertThresh = true;
if (!pastFirstInvertThresh) {
if (lastDirection === 1 ? mouseOnAxis < targetS1 + targetMoveDistance : mouseOnAxis > targetS2 - targetMoveDistance) return -lastDirection;
} else invert = true;
} else if (mouseOnAxis > targetS1 + targetLength * (1 - swapThreshold) / 2 && mouseOnAxis < targetS2 - targetLength * (1 - swapThreshold) / 2) return _getInsertDirection(target);
}
invert = invert || invertSwap;
if (invert) {
if (mouseOnAxis < targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis > targetS2 - targetLength * invertedSwapThreshold / 2) return mouseOnAxis > targetS1 + targetLength / 2 ? 1 : -1;
}
return 0;
}
function _getInsertDirection(target) {
if (index(dragEl) < index(target)) return 1;
else return -1;
}
function _generateId(el) {
var str = el.tagName + el.className + el.src + el.href + el.textContent, i = str.length, sum = 0;
while (i--) sum += str.charCodeAt(i);
return sum.toString(36);
}
function _saveInputCheckedState(root) {
savedInputChecked.length = 0;
var inputs = root.getElementsByTagName("input");
var idx = inputs.length;
while (idx--) {
var el = inputs[idx];
el.checked && savedInputChecked.push(el);
}
}
function _nextTick(fn) {
return setTimeout(fn, 0);
}
function _cancelNextTick(id) {
return clearTimeout(id);
}
if (documentExists) on(document, "touchmove", function(evt) {
if ((Sortable.active || awaitingDragStarted) && evt.cancelable) evt.preventDefault();
});
Sortable.utils = {
on,
off,
css,
find,
is: function is(el, selector) {
return !!closest(el, selector, el, false);
},
extend,
throttle,
closest,
toggleClass,
clone: clone$1,
index,
nextTick: _nextTick,
cancelNextTick: _cancelNextTick,
detectDirection: _detectDirection,
getChild
};
Sortable.get = function(element) {
return element[expando];
};
Sortable.mount = function() {
for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) plugins[_key] = arguments[_key];
if (plugins[0].constructor === Array) plugins = plugins[0];
plugins.forEach(function(plugin) {
if (!plugin.prototype || !plugin.prototype.constructor) throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);
PluginManager.mount(plugin);
});
};
Sortable.create = function(el, options) {
return new Sortable(el, options);
};
Sortable.version = version;
var autoScrolls = [], scrollEl, scrollRootEl, scrolling = false, lastAutoScrollX, lastAutoScrollY, touchEvt$1, pointerElemChangedInterval;
function AutoScrollPlugin() {
function AutoScroll() {
this.defaults = {
scroll: true,
forceAutoScrollFallback: false,
scrollSensitivity: 30,
scrollSpeed: 10,
bubbleScroll: true
};
for (var fn in this) if (fn.charAt(0) === "_" && typeof this[fn] === "function") this[fn] = this[fn].bind(this);
}
AutoScroll.prototype = {
dragStarted: function dragStarted(_ref) {
var originalEvent = _ref.originalEvent;
if (this.sortable.nativeDraggable) on(document, "dragover", this._handleAutoScroll);
else if (this.options.supportPointer) on(document, "pointermove", this._handleFallbackAutoScroll);
else if (originalEvent.touches) on(document, "touchmove", this._handleFallbackAutoScroll);
else on(document, "mousemove", this._handleFallbackAutoScroll);
},
dragOverCompleted: function dragOverCompleted(_ref2) {
var originalEvent = _ref2.originalEvent;
if (!this.options.dragOverBubble && !originalEvent.rootEl) this._handleAutoScroll(originalEvent);
},
drop: function drop() {
if (this.sortable.nativeDraggable) off(document, "dragover", this._handleAutoScroll);
else {
off(document, "pointermove", this._handleFallbackAutoScroll);
off(document, "touchmove", this._handleFallbackAutoScroll);
off(document, "mousemove", this._handleFallbackAutoScroll);
}
clearPointerElemChangedInterval();
clearAutoScrolls();
cancelThrottle();
},
nulling: function nulling() {
touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
autoScrolls.length = 0;
},
_handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
this._handleAutoScroll(evt, true);
},
_handleAutoScroll: function _handleAutoScroll(evt, fallback) {
var _this = this;
var x = (evt.touches ? evt.touches[0] : evt).clientX, y = (evt.touches ? evt.touches[0] : evt).clientY, elem = document.elementFromPoint(x, y);
touchEvt$1 = evt;
if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {
autoScroll(evt, this.options, elem, fallback);
var ogElemScroller = getParentAutoScrollElement(elem, true);
if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
pointerElemChangedInterval && clearPointerElemChangedInterval();
pointerElemChangedInterval = setInterval(function() {
var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
if (newElem !== ogElemScroller) {
ogElemScroller = newElem;
clearAutoScrolls();
}
autoScroll(evt, _this.options, newElem, fallback);
}, 10);
lastAutoScrollX = x;
lastAutoScrollY = y;
}
} else {
if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {
clearAutoScrolls();
return;
}
autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
}
}
};
return _extends(AutoScroll, {
pluginName: "scroll",
initializeByDefault: true
});
}
function clearAutoScrolls() {
autoScrolls.forEach(function(autoScroll) {
clearInterval(autoScroll.pid);
});
autoScrolls = [];
}
function clearPointerElemChangedInterval() {
clearInterval(pointerElemChangedInterval);
}
var autoScroll = throttle(function(evt, options, rootEl, isFallback) {
if (!options.scroll) return;
var x = (evt.touches ? evt.touches[0] : evt).clientX, y = (evt.touches ? evt.touches[0] : evt).clientY, sens = options.scrollSensitivity, speed = options.scrollSpeed, winScroller = getWindowScrollingElement();
var scrollThisInstance = false, scrollCustomFn;
if (scrollRootEl !== rootEl) {
scrollRootEl = rootEl;
clearAutoScrolls();
scrollEl = options.scroll;
scrollCustomFn = options.scrollFn;
if (scrollEl === true) scrollEl = getParentAutoScrollElement(rootEl, true);
}
var layersOut = 0;
var currentParent = scrollEl;
do {
var el = currentParent, rect = getRect(el), top = rect.top, bottom = rect.bottom, left = rect.left, right = rect.right, width = rect.width, height = rect.height, canScrollX = void 0, canScrollY = void 0, scrollWidth = el.scrollWidth, scrollHeight = el.scrollHeight, elCSS = css(el), scrollPosX = el.scrollLeft, scrollPosY = el.scrollTop;
if (el === winScroller) {
canScrollX = width < scrollWidth && (elCSS.overflowX === "auto" || elCSS.overflowX === "scroll" || elCSS.overflowX === "visible");
canScrollY = height < scrollHeight && (elCSS.overflowY === "auto" || elCSS.overflowY === "scroll" || elCSS.overflowY === "visible");
} else {
canScrollX = width < scrollWidth && (elCSS.overflowX === "auto" || elCSS.overflowX === "scroll");
canScrollY = height < scrollHeight && (elCSS.overflowY === "auto" || elCSS.overflowY === "scroll");
}
var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);
if (!autoScrolls[layersOut]) {
for (var i = 0; i <= layersOut; i++) if (!autoScrolls[i]) autoScrolls[i] = {};
}
if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) {
autoScrolls[layersOut].el = el;
autoScrolls[layersOut].vx = vx;
autoScrolls[layersOut].vy = vy;
clearInterval(autoScrolls[layersOut].pid);
if (vx != 0 || vy != 0) {
scrollThisInstance = true;
autoScrolls[layersOut].pid = setInterval(function() {
if (isFallback && this.layer === 0) Sortable.active._onTouchMove(touchEvt$1);
var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
if (typeof scrollCustomFn === "function") {
if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== "continue") return;
}
scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY);
}.bind({ layer: layersOut }), 24);
}
}
layersOut++;
} while (options.bubbleScroll && currentParent !== winScroller && (currentParent = getParentAutoScrollElement(currentParent, false)));
scrolling = scrollThisInstance;
}, 30);
var drop = function drop(_ref) {
var originalEvent = _ref.originalEvent, putSortable = _ref.putSortable, dragEl = _ref.dragEl, activeSortable = _ref.activeSortable, dispatchSortableEvent = _ref.dispatchSortableEvent, hideGhostForTarget = _ref.hideGhostForTarget, unhideGhostForTarget = _ref.unhideGhostForTarget;
if (!originalEvent) return;
var toSortable = putSortable || activeSortable;
hideGhostForTarget();
var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
var target = document.elementFromPoint(touch.clientX, touch.clientY);
unhideGhostForTarget();
if (toSortable && !toSortable.el.contains(target)) {
dispatchSortableEvent("spill");
this.onSpill({
dragEl,
putSortable
});
}
};
function Revert() {}
Revert.prototype = {
startIndex: null,
dragStart: function dragStart(_ref2) {
var oldDraggableIndex = _ref2.oldDraggableIndex;
this.startIndex = oldDraggableIndex;
},
onSpill: function onSpill(_ref3) {
var dragEl = _ref3.dragEl, putSortable = _ref3.putSortable;
this.sortable.captureAnimationState();
if (putSortable) putSortable.captureAnimationState();
var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
if (nextSibling) this.sortable.el.insertBefore(dragEl, nextSibling);
else this.sortable.el.appendChild(dragEl);
this.sortable.animateAll();
if (putSortable) putSortable.animateAll();
},
drop
};
_extends(Revert, { pluginName: "revertOnSpill" });
function Remove() {}
Remove.prototype = {
onSpill: function onSpill(_ref4) {
var dragEl = _ref4.dragEl;
var parentSortable = _ref4.putSortable || this.sortable;
parentSortable.captureAnimationState();
dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
parentSortable.animateAll();
},
drop
};
_extends(Remove, { pluginName: "removeOnSpill" });
Sortable.mount(new AutoScrollPlugin());
Sortable.mount(Remove, Revert);
function removeNode(node) {
if (node.parentElement !== null) node.parentElement.removeChild(node);
}
function insertNodeAt(fatherNode, node, position) {
const refNode = position === 0 ? fatherNode.children[0] : fatherNode.children[position - 1].nextSibling;
fatherNode.insertBefore(node, refNode);
}
function getConsole() {
if (typeof window !== "undefined") return window.console;
return global.console;
}
var console$1 = getConsole();
function cached(fn) {
const cache = Object.create(null);
return function cachedFn(str) {
return cache[str] || (cache[str] = fn(str));
};
}
var regex = /-(\w)/g;
var camelize$1 = cached((str) => str.replace(regex, (_, c) => c.toUpperCase()));
var manageAndEmit$1 = [
"Start",
"Add",
"Remove",
"Update",
"End"
];
var emit$1 = [
"Choose",
"Unchoose",
"Sort",
"Filter",
"Clone"
];
var manage$1 = ["Move"];
var eventHandlerNames = [
manage$1,
manageAndEmit$1,
emit$1
].flatMap((events) => events).map((evt) => `on${evt}`);
var events = {
manage: manage$1,
manageAndEmit: manageAndEmit$1,
emit: emit$1
};
function isReadOnly(eventName) {
return eventHandlerNames.indexOf(eventName) !== -1;
}
var tags = [
"a",
"abbr",
"address",
"area",
"article",
"aside",
"audio",
"b",
"base",
"bdi",
"bdo",
"blockquote",
"body",
"br",
"button",
"canvas",
"caption",
"cite",
"code",
"col",
"colgroup",
"data",
"datalist",
"dd",
"del",
"details",
"dfn",
"dialog",
"div",
"dl",
"dt",
"em",
"embed",
"fieldset",
"figcaption",
"figure",
"footer",
"form",
"h1",
"h2",
"h3",
"h4",
"h5",
"h6",
"head",
"header",
"hgroup",
"hr",
"html",
"i",
"iframe",
"img",
"input",
"ins",
"kbd",
"label",
"legend",
"li",
"link",
"main",
"map",
"mark",
"math",
"menu",
"menuitem",
"meta",
"meter",
"nav",
"noscript",
"object",
"ol",
"optgroup",
"option",
"output",
"p",
"param",
"picture",
"pre",
"progress",
"q",
"rb",
"rp",
"rt",
"rtc",
"ruby",
"s",
"samp",
"script",
"section",
"select",
"slot",
"small",
"source",
"span",
"strong",
"style",
"sub",
"summary",
"sup",
"svg",
"table",
"tbody",
"td",
"template",
"textarea",
"tfoot",
"th",
"thead",
"time",
"title",
"tr",
"track",
"u",
"ul",
"var",
"video",
"wbr"
];
function isHtmlTag(name) {
return tags.includes(name);
}
function isTransition(name) {
return ["transition-group", "TransitionGroup"].includes(name);
}
function isHtmlAttribute(value) {
return [
"id",
"class",
"role",
"style"
].includes(value) || value.startsWith("data-") || value.startsWith("aria-") || value.startsWith("on");
}
function project(entries) {
return entries.reduce((res, [key, value]) => {
res[key] = value;
return res;
}, {});
}
function getComponentAttributes({ $attrs, componentData = {} }) {
return {
...project(Object.entries($attrs).filter(([key, _]) => isHtmlAttribute(key))),
...componentData
};
}
function createSortableOption({ $attrs, callBackBuilder }) {
const options = project(getValidSortableEntries($attrs));
Object.entries(callBackBuilder).forEach(([eventType, eventBuilder]) => {
events[eventType].forEach((event) => {
options[`on${event}`] = eventBuilder(event);
});
});
const draggable = `[data-draggable]${options.draggable || ""}`;
return {
...options,
draggable
};
}
function getValidSortableEntries(value) {
return Object.entries(value).filter(([key, _]) => !isHtmlAttribute(key)).map(([key, value]) => [camelize$1(key), value]).filter(([key, _]) => !isReadOnly(key));
}
var getHtmlElementFromNode = ({ el }) => el;
var addContext = (domElement, context) => domElement.__draggable_context = context;
var getContext = (domElement) => domElement.__draggable_context;
var ComponentStructure = class {
constructor({ nodes: { header, default: defaultNodes, footer }, root, realList }) {
this.defaultNodes = defaultNodes;
this.children = [
...header,
...defaultNodes,
...footer
];
this.externalComponent = root.externalComponent;
this.rootTransition = root.transition;
this.tag = root.tag;
this.realList = realList;
}
get _isRootComponent() {
return this.externalComponent || this.rootTransition;
}
render(h, attributes) {
const { tag, children, _isRootComponent } = this;
return h(tag, attributes, !_isRootComponent ? children : { default: () => children });
}
updated() {
const { defaultNodes, realList } = this;
defaultNodes.forEach((node, index) => {
addContext(getHtmlElementFromNode(node), {
element: realList[index],
index
});
});
}
getUnderlyingVm(domElement) {
return getContext(domElement);
}
getVmIndexFromDomIndex(domIndex, element) {
const { defaultNodes } = this;
const { length } = defaultNodes;
const domChildren = element.children;
const domElement = domChildren.item(domIndex);
if (domElement === null) return length;
const context = getContext(domElement);
if (context) return context.index;
if (length === 0) return 0;
const firstDomListElement = getHtmlElementFromNode(defaultNodes[0]);
return domIndex < [...domChildren].findIndex((element) => element === firstDomListElement) ? 0 : length;
}
};
function getSlot(slots, key) {
const slotValue = slots[key];
return slotValue ? slotValue() : [];
}
function computeNodes({ $slots, realList, getKey }) {
const normalizedList = realList || [];
const [header, footer] = ["header", "footer"].map((name) => getSlot($slots, name));
const { item } = $slots;
if (!item) throw new Error("draggable element must have an item slot");
const defaultNodes = normalizedList.flatMap((element, index) => item({
element,
index
}).map((node) => {
node.key = getKey(element);
node.props = {
...node.props || {},
"data-draggable": true
};
return node;
}));
if (defaultNodes.length !== normalizedList.length) throw new Error("Item slot must have only one child");
return {
header,
footer,
default: defaultNodes
};
}
function getRootInformation(tag) {
const transition = isTransition(tag);
const externalComponent = !isHtmlTag(tag) && !transition;
return {
transition,
externalComponent,
tag: externalComponent ? resolveComponent(tag) : transition ? TransitionGroup : tag
};
}
function computeComponentStructure({ $slots, tag, realList, getKey }) {
return new ComponentStructure({
nodes: computeNodes({
$slots,
realList,
getKey
}),
root: getRootInformation(tag),
realList
});
}
function emit(evtName, evtData) {
nextTick(() => this.$emit(evtName.toLowerCase(), evtData));
}
function manage(evtName) {
return (evtData, originalElement) => {
if (this.realList !== null) return this[`onDrag${evtName}`](evtData, originalElement);
};
}
function manageAndEmit(evtName) {
const delegateCallBack = manage.call(this, evtName);
return (evtData, originalElement) => {
delegateCallBack.call(this, evtData, originalElement);
emit.call(this, evtName, evtData);
};
}
var draggingElement = null;
var draggableComponent = defineComponent({
name: "draggable",
inheritAttrs: false,
props: {
list: {
type: Array,
required: false,
default: null
},
modelValue: {
type: Array,
required: false,
default: null
},
itemKey: {
type: [String, Function],
required: true
},
clone: {
type: Function,
default: (original) => {
return original;
}
},
tag: {
type: String,
default: "div"
},
move: {
type: Function,
default: null
},
componentData: {
type: Object,
required: false,
default: null
}
},
emits: [
"update:modelValue",
"change",
...[...events.manageAndEmit, ...events.emit].map((evt) => evt.toLowerCase())
],
data() {
return { error: false };
},
render() {
try {
this.error = false;
const { $slots, $attrs, tag, componentData, realList, getKey } = this;
const componentStructure = computeComponentStructure({
$slots,
tag,
realList,
getKey
});
this.componentStructure = componentStructure;
const attributes = getComponentAttributes({
$attrs,
componentData
});
return componentStructure.render(h, attributes);
} catch (err) {
this.error = true;
return h("pre", { style: { color: "red" } }, err.stack);
}
},
created() {
if (this.list !== null && this.modelValue !== null) console$1.error("modelValue and list props are mutually exclusive! Please set one or another.");
},
mounted() {
if (this.error) return;
const { $attrs, $el, componentStructure } = this;
componentStructure.updated();
const sortableOptions = createSortableOption({
$attrs,
callBackBuilder: {
manageAndEmit: (event) => manageAndEmit.call(this, event),
emit: (event) => emit.bind(this, event),
manage: (event) => manage.call(this, event)
}
});
const targetDomElement = $el.nodeType === 1 ? $el : $el.parentElement;
this._sortable = new Sortable(targetDomElement, sortableOptions);
this.targetDomElement = targetDomElement;
targetDomElement.__draggable_component__ = this;
},
updated() {
this.componentStructure.updated();
},
beforeUnmount() {
if (this._sortable !== void 0) this._sortable.destroy();
},
computed: {
realList() {
const { list } = this;
return list ? list : this.modelValue;
},
getKey() {
const { itemKey } = this;
if (typeof itemKey === "function") return itemKey;
return (element) => element[itemKey];
}
},
watch: { $attrs: {
handler(newOptionValue) {
const { _sortable } = this;
if (!_sortable) return;
getValidSortableEntries(newOptionValue).forEach(([key, value]) => {
_sortable.option(key, value);
});
},
deep: true
} },
methods: {
getUnderlyingVm(domElement) {
return this.componentStructure.getUnderlyingVm(domElement) || null;
},
getUnderlyingPotencialDraggableComponent(htmElement) {
return htmElement.__draggable_component__;
},
emitChanges(evt) {
nextTick(() => this.$emit("change", evt));
},
alterList(onList) {
if (this.list) {
onList(this.list);
return;
}
const newList = [...this.modelValue];
onList(newList);
this.$emit("update:modelValue", newList);
},
spliceList() {
const spliceList = (list) => list.splice(...arguments);
this.alterList(spliceList);
},
updatePosition(oldIndex, newIndex) {
const updatePosition = (list) => list.splice(newIndex, 0, list.splice(oldIndex, 1)[0]);
this.alterList(updatePosition);
},
getRelatedContextFromMoveEvent({ to, related }) {
const component = this.getUnderlyingPotencialDraggableComponent(to);
if (!component) return { component };
const list = component.realList;
const context = {
list,
component
};
if (to !== related && list) return {
...component.getUnderlyingVm(related) || {},
...context
};
return context;
},
getVmIndexFromDomIndex(domIndex) {
return this.componentStructure.getVmIndexFromDomIndex(domIndex, this.targetDomElement);
},
onDragStart(evt) {
this.context = this.getUnderlyingVm(evt.item);
evt.item._underlying_vm_ = this.clone(this.context.element);
draggingElement = evt.item;
},
onDragAdd(evt) {
const element = evt.item._underlying_vm_;
if (element === void 0) return;
removeNode(evt.item);
const newIndex = this.getVmIndexFromDomIndex(evt.newIndex);
this.spliceList(newIndex, 0, element);
const added = {
element,
newIndex
};
this.emitChanges({ added });
},
onDragRemove(evt) {
insertNodeAt(this.$el, evt.item, evt.oldIndex);
if (evt.pullMode === "clone") {
removeNode(evt.clone);
return;
}
const { index: oldIndex, element } = this.context;
this.spliceList(oldIndex, 1);
const removed = {
element,
oldIndex
};
this.emitChanges({ removed });
},
onDragUpdate(evt) {
removeNode(evt.item);
insertNodeAt(evt.from, evt.item, evt.oldIndex);
const oldIndex = this.context.index;
const newIndex = this.getVmIndexFromDomIndex(evt.newIndex);
this.updatePosition(oldIndex, newIndex);
const moved = {
element: this.context.element,
oldIndex,
newIndex
};
this.emitChanges({ moved });
},
computeFutureIndex(relatedContext, evt) {
if (!relatedContext.element) return 0;
const domChildren = [...evt.to.children].filter((el) => el.style["display"] !== "none");
const currentDomIndex = domChildren.indexOf(evt.related);
const currentIndex = relatedContext.component.getVmIndexFromDomIndex(currentDomIndex);
return domChildren.indexOf(draggingElement) !== -1 || !evt.willInsertAfter ? currentIndex : currentIndex + 1;
},
onDragMove(evt, originalEvent) {
const { move, realList } = this;
if (!move || !realList) return true;
const relatedContext = this.getRelatedContextFromMoveEvent(evt);
const futureIndex = this.computeFutureIndex(relatedContext, evt);
const draggedContext = {
...this.context,
futureIndex
};
return move({
...evt,
relatedContext,
draggedContext
}, originalEvent);
},
onDragEnd() {
draggingElement = null;
}
}
});
var defaultAttributes = {
xmlns: "http://www.w3.org/2000/svg",
width: 24,
height: 24,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
"stroke-width": 2,
"stroke-linecap": "round",
"stroke-linejoin": "round"
};
var mergeClasses = (...classes) => classes.filter((className, index, array) => {
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
}).join(" ").trim();
function isDefined(value) {
return value !== null && value !== void 0;
}
function buildLucideIconNode(icon, params = {}) {
const attributeNames = params.attributeNames ?? {};
const getAttributeName = (attributeName) => attributeNames[attributeName] ?? attributeName;
const viewBoxWidth = icon.size ?? icon.width ?? defaultAttributes["width"];
const viewBoxHeight = icon.size ?? icon.height ?? defaultAttributes["height"];
const aliasClassNames = icon.aliases?.filter((alias) => typeof alias === "string" && alias.trim() !== "").map((alias) => `lucide-${alias}`) ?? [];
const iconClassNames = [...icon.name ? [`lucide-${icon.name}`] : [], ...aliasClassNames];
const classNamesFromClassName = params.className?.split(" ").filter(Boolean) ?? [];
const className = params.includeDefaultClasses === false ? mergeClasses(...classNamesFromClassName) : mergeClasses("lucide", ...iconClassNames, ...classNamesFromClassName);
const calculatedStrokeWidth = params.absoluteStrokeWidth ? Number(params.strokeWidth ?? defaultAttributes["stroke-width"]) * Number(icon.size ?? icon.width ?? defaultAttributes["width"]) / Number(params.size ?? params.width ?? defaultAttributes["width"]) : params.strokeWidth ?? defaultAttributes["stroke-width"];
return [
"svg",
{
...Object.entries(defaultAttributes).reduce((attrs, [attrName, value]) => {
attrs[getAttributeName(attrName)] = value;
return attrs;
}, {}),
..."color" in params && params.color && { [getAttributeName("stroke")]: params.color },
..."size" in params && isDefined(params.size) && {
[getAttributeName("width")]: params.size,
[getAttributeName("height")]: params.size
},
..."width" in params && isDefined(params.width) && { [getAttributeName("width")]: params.width },
..."height" in params && isDefined(params.height) && { [getAttributeName("height")]: params.height },
[getAttributeName("stroke-width")]: calculatedStrokeWidth,
...className && { [getAttributeName("class")]: className },
[getAttributeName("viewBox")]: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
...params.hasA11yProp === false ? { [getAttributeName("aria-hidden")]: "true" } : {},
..."attributes" in params && params.attributes
},
icon.node.map((child) => {
const [name, attrs, children] = child;
const nextAttrs = params.nonScalingStroke ? {
[getAttributeName("vector-effect")]: "non-scaling-stroke",
...attrs
} : attrs;
return children ? [
name,
nextAttrs,
children
] : [name, nextAttrs];
})
];
}
var hasA11yProp = (props) => {
for (const prop in props) if (prop.startsWith("aria-") || prop === "role" || prop === "title") return true;
return false;
};
var isEmptyString = (value) => value === "";
var toKebabCase = (string) => string?.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
var LUCIDE_CONTEXT = Symbol("lucide-icons");
function useLucideProps() {
return inject(LUCIDE_CONTEXT, {});
}
var Icon = ({ name, iconNode, "icon-node": iconNodeKebabCase, icon = {
name: name && toKebabCase(name),
node: iconNode ?? iconNodeKebabCase ?? [],
size: 24,
aliases: []
}, absoluteStrokeWidth, "absolute-stroke-width": absoluteStrokeWidthKebabCase, nonScalingStroke, "non-scaling-stroke": nonScalingStrokeKebabCase, strokeWidth, "stroke-width": strokeWidthKebabCase, size, width = size, height = size, color, ...props }, { slots }) => {
const { size: contextSize, color: contextColor, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, nonScalingStroke: contextNonScalingStroke = false, class: contextClass = "" } = useLucideProps();
const isAbsoluteStrokeWidth = isEmptyString(absoluteStrokeWidth) || isEmptyString(absoluteStrokeWidthKebabCase) || absoluteStrokeWidth === true || absoluteStrokeWidthKebabCase === true || contextAbsoluteStrokeWidth === true;
const isNonScalingStroke = isEmptyString(nonScalingStroke) || isEmptyString(nonScalingStrokeKebabCase) || nonScalingStroke === true || nonScalingStrokeKebabCase === true || contextNonScalingStroke === true;
delete props.class;
const defaultSlot = slots.default?.();
const [, svgAttributes, builtIconNode = []] = buildLucideIconNode(icon, {
color: color ?? contextColor,
width: width ?? size ?? contextSize,
height: height ?? size ?? contextSize,
strokeWidth: strokeWidth ?? strokeWidthKebabCase ?? contextStrokeWidth,
absoluteStrokeWidth: isAbsoluteStrokeWidth,
nonScalingStroke: isNonScalingStroke,
className: contextClass,
hasA11yProp: defaultSlot != null && defaultSlot.length > 0 || hasA11yProp(props),
attributes: props
});
return h("svg", svgAttributes, [...builtIconNode.map(([tag, attrs]) => h(tag, attrs)), ...defaultSlot ?? []]);
};
function createLucideIcon(iconDataOrName, iconNode = []) {
const icon = typeof iconDataOrName === "string" ? {
name: iconDataOrName,
node: iconNode
} : iconDataOrName;
return (props, { slots }) => h(Icon, {
...props,
icon
}, slots.default ? { default: slots.default } : void 0);
}
var AlignHorizontalSpaceBetween = createLucideIcon({
name: "align-horizontal-space-between",
size: 24,
node: [
["rect", {
width: "6",
height: "14",
x: "3",
y: "5",
rx: "2",
key: "j77dae"
}],
["rect", {
width: "6",
height: "10",
x: "15",
y: "7",
rx: "2",
key: "bq30hj"
}],
["path", {
d: "M3 2v20",
key: "1d2pfg"
}],
["path", {
d: "M21 2v20",
key: "p059bm"
}]
]
});
var ArrowLeftFromLine = createLucideIcon({
name: "arrow-left-from-line",
size: 24,
node: [
["path", {
d: "m9 6-6 6 6 6",
key: "7v63n9"
}],
["path", {
d: "M3 12h14",
key: "13k4hi"
}],
["path", {
d: "M21 19V5",
key: "b4bplr"
}]
]
});
var ArrowLeftRight = createLucideIcon({
name: "arrow-left-right",
size: 24,
node: [
["path", {
d: "M8 3 4 7l4 4",
key: "9rb6wj"
}],
["path", {
d: "M4 7h16",
key: "6tx8e3"
}],
["path", {
d: "m16 21 4-4-4-4",
key: "siv7j2"
}],
["path", {
d: "M20 17H4",
key: "h6l3hr"
}]
]
});
var ArrowLeft = createLucideIcon({
name: "arrow-left",
size: 24,
node: [["path", {
d: "m12 19-7-7 7-7",
key: "1l729n"
}], ["path", {
d: "M19 12H5",
key: "x3x0zl"
}]]
});
var ArrowRightFromLine = createLucideIcon({
name: "arrow-right-from-line",
size: 24,
node: [
["path", {
d: "M3 5v14",
key: "1nt18q"
}],
["path", {
d: "M21 12H7",
key: "13ipq5"
}],
["path", {
d: "m15 18 6-6-6-6",
key: "6tx3qv"
}]
]
});
var Ban = createLucideIcon({
name: "ban",
size: 24,
node: [["circle", {
cx: "12",
cy: "12",
r: "10",
key: "1mglay"
}], ["path", {
d: "M4.929 4.929 19.07 19.071",
key: "196cmz"
}]]
});
var BookOpen = createLucideIcon({
name: "book-open",
size: 24,
node: [["path", {
d: "M12 5v16",
key: "1f6ucr"
}], ["path", {
d: "M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z",
key: "1fyvmf"
}]]
});
var ChartColumn = createLucideIcon({
name: "chart-column",
size: 24,
node: [
["path", {
d: "M3 3v16a2 2 0 0 0 2 2h16",
key: "c24i48"
}],
["path", {
d: "M18 17V9",
key: "2bz60n"
}],
["path", {
d: "M13 17V5",
key: "1frdt8"
}],
["path", {
d: "M8 17v-3",
key: "17ska0"
}]
],
aliases: ["bar-chart-3"]
});
var Check = createLucideIcon({
name: "check",
size: 24,
node: [["path", {
d: "M20 6 9 17l-5-5",
key: "1gmf2c"
}]]
});
var ChevronLeft = createLucideIcon({
name: "chevron-left",
size: 24,
node: [["path", {
d: "m15 18-6-6 6-6",
key: "1wnfg3"
}]]
});
var ChevronRight = createLucideIcon({
name: "chevron-right",
size: 24,
node: [["path", {
d: "m9 18 6-6-6-6",
key: "mthhwq"
}]]
});
var CircleAlert = createLucideIcon({
name: "circle-alert",
size: 24,
node: [
["circle", {
cx: "12",
cy: "12",
r: "10",
key: "1mglay"
}],
["line", {
x1: "12",
x2: "12",
y1: "8",
y2: "12",
key: "1pkeuh"
}],
["line", {
x1: "12",
x2: "12.01",
y1: "16",
y2: "16",
key: "4dfq90"
}]
],
aliases: ["alert-circle"]
});
var CircleCheck = createLucideIcon({
name: "circle-check",
size: 24,
node: [["circle", {
cx: "12",
cy: "12",
r: "10",
key: "1mglay"
}], ["path", {
d: "m16 9-5.5 5.5L8 12",
key: "xofnsj"
}]],
aliases: ["check-circle-2"]
});
var CircleDashedCheck = createLucideIcon({
name: "circle-dashed-check",
size: 24,
node: [
["path", {
d: "M10.1 2.182a10 10 0 013.8 0",
key: "upsxbf"
}],
["path", {
d: "M13.9 21.818a10 10 0 01-3.8 0",
key: "ms125y"
}],
["path", {
d: "m16 9-5.5 5.5L8 12",
key: "xofnsj"
}],
["path", {
d: "M17.609 3.721a10 10 0 012.69 2.7",
key: "iyn141"
}],
["path", {
d: "M2.182 13.9a10 10 0 010-3.8",
key: "68e3e5"
}],
["path", {
d: "M20.279 17.609a10 10 0 01-2.7 2.69",
key: "wpakmt"
}],
["path", {
d: "M21.818 10.1a10 10 0 010 3.8",
key: "w6g6ls"
}],
["path", {
d: "M3.721 6.391a10 10 0 012.7-2.69",
key: "sn8908"
}],
["path", {
d: "M6.391 20.279a10 10 0 01-2.69-2.7",
key: "11rjuk"
}]
]
});
var Code = createLucideIcon({
name: "code",
size: 24,
node: [["path", {
d: "m16 18 6-6-6-6",
key: "eg8j8"
}], ["path", {
d: "m8 6-6 6 6 6",
key: "ppft3o"
}]]
});
var CopyPlus = createLucideIcon({
name: "copy-plus",
size: 24,
node: [
["line", {
x1: "15",
x2: "15",
y1: "12",
y2: "18",
key: "1p7wdc"
}],
["line", {
x1: "12",
x2: "18",
y1: "15",
y2: "15",
key: "1nscbv"
}],
["rect", {
width: "14",
height: "14",
x: "8",
y: "8",
rx: "2",
ry: "2",
key: "17jyea"
}],
["path", {
d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
key: "zix9uf"
}]
]
});
var Copy = createLucideIcon({
name: "copy",
size: 24,
node: [["rect", {
width: "14",
height: "14",
x: "8",
y: "8",
rx: "2",
ry: "2",
key: "17jyea"
}], ["path", {
d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
key: "zix9uf"
}]]
});
var CornerLeftUp = createLucideIcon({
name: "corner-left-up",
size: 24,
node: [["path", {
d: "M14 9 9 4 4 9",
key: "1af5af"
}], ["path", {
d: "M20 20h-7a4 4 0 0 1-4-4V4",
key: "1blwi3"
}]]
});
var Database = createLucideIcon({
name: "database",
size: 24,
node: [
["ellipse", {
cx: "12",
cy: "5",
rx: "9",
ry: "3",
key: "msslwz"
}],
["path", {
d: "M3 5V19A9 3 0 0 0 21 19V5",
key: "1wlel7"
}],
["path", {
d: "M3 12A9 3 0 0 0 21 12",
key: "mv7ke4"
}]
]
});
var Download = createLucideIcon({
name: "download",
size: 24,
node: [
["path", {
d: "M12 15V3",
key: "m9g1x1"
}],
["path", {
d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
key: "ih7n3h"
}],
["path", {
d: "m7 10 5 5 5-5",
key: "brsn70"
}]
]
});
var Ellipsis = createLucideIcon({
name: "ellipsis",
size: 24,
node: [
["circle", {
cx: "12",
cy: "12",
r: "1",
key: "41hilf"
}],
["circle", {
cx: "19",
cy: "12",
r: "1",
key: "1wjl8i"
}],
["circle", {
cx: "5",
cy: "12",
r: "1",
key: "1pcz8c"
}]
],
aliases: ["more-horizontal"]
});
var ExternalLink = createLucideIcon({
name: "external-link",
size: 24,
node: [
["path", {
d: "M15 3h6v6",
key: "1q9fwt"
}],
["path", {
d: "M10 14 21 3",
key: "gplh6r"
}],
["path", {
d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
key: "a6xqqp"
}]
]
});
var Eye = createLucideIcon({
name: "eye",
size: 24,
node: [["path", {
d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
key: "1nclc0"
}], ["circle", {
cx: "12",
cy: "12",
r: "3",
key: "1v7zrd"
}]]
});
var GripVertical = createLucideIcon({
name: "grip-vertical",
size: 24,
node: [
["circle", {
cx: "9",
cy: "12",
r: "1",
key: "1vctgf"
}],
["circle", {
cx: "9",
cy: "5",
r: "1",
key: "hp0tcf"
}],
["circle", {
cx: "9",
cy: "19",
r: "1",
key: "fkjjf6"
}],
["circle", {
cx: "15",
cy: "12",
r: "1",
key: "1tmaij"
}],
["circle", {
cx: "15",
cy: "5",
r: "1",
key: "19l28e"
}],
["circle", {
cx: "15",
cy: "19",
r: "1",
key: "f4zoj3"
}]
]
});
var Info = createLucideIcon({
name: "info",
size: 24,
node: [
["circle", {
cx: "12",
cy: "12",
r: "10",
key: "1mglay"
}],
["path", {
d: "M12 16v-4",
key: "1dtifu"
}],
["path", {
d: "M12 8h.01",
key: "e9boi3"
}]
]
});
var Languages = createLucideIcon({
name: "languages",
size: 24,
node: [
["path", {
d: "m5 8 6 6",
key: "1wu5hv"
}],
["path", {
d: "m4 14 6-6 2-3",
key: "1k1g8d"
}],
["path", {
d: "M2 5h12",
key: "or177f"
}],
["path", {
d: "M7 2h1",
key: "1t2jsx"
}],
["path", {
d: "m22 22-5-10-5 10",
key: "don7ne"
}],
["path", {
d: "M14 18h6",
key: "1m8k6r"
}]
]
});
var LayoutPanelTop = createLucideIcon({
name: "layout-panel-top",
size: 24,
node: [
["rect", {
width: "18",
height: "7",
x: "3",
y: "3",
rx: "1",
key: "f1a2em"
}],
["rect", {
width: "7",
height: "7",
x: "3",
y: "14",
rx: "1",
key: "1bb6yr"
}],
["rect", {
width: "7",
height: "7",
x: "14",
y: "14",
rx: "1",
key: "nxv5o0"
}]
]
});
var Lock = createLucideIcon({
name: "lock",
size: 24,
node: [["rect", {
width: "18",
height: "11",
x: "3",
y: "11",
rx: "2",
ry: "2",
key: "1w4ew1"
}], ["path", {
d: "M7 11V7a5 5 0 0 1 10 0v4",
key: "fwvmzm"
}]]
});
var MousePointerClick = createLucideIcon({
name: "mouse-pointer-click",
size: 24,
node: [
["path", {
d: "M14 4.1 12 6",
key: "ita8i4"
}],
["path", {
d: "m5.1 8-2.9-.8",
key: "1go3kf"
}],
["path", {
d: "m6 12-1.9 2",
key: "mnht97"
}],
["path", {
d: "M7.2 2.2 8 5.1",
key: "1cfko1"
}],
["path", {
d: "M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",
key: "s0h3yz"
}]
]
});
var Palette = createLucideIcon({
name: "palette",
size: 24,
node: [
["path", {
d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
key: "e79jfc"
}],
["circle", {
cx: "13.5",
cy: "6.5",
r: ".5",
fill: "currentColor",
key: "1okk4w"
}],
["circle", {
cx: "17.5",
cy: "10.5",
r: ".5",
fill: "currentColor",
key: "f64h9f"
}],
["circle", {
cx: "6.5",
cy: "12.5",
r: ".5",
fill: "currentColor",
key: "qy21gx"
}],
["circle", {
cx: "8.5",
cy: "7.5",
r: ".5",
fill: "currentColor",
key: "fotxhn"
}]
]
});
var Pencil = createLucideIcon({
name: "pencil",
size: 24,
node: [["path", {
d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
key: "1a8usu"
}], ["path", {
d: "m15 5 4 4",
key: "1mk7zo"
}]]
});
var Plus = createLucideIcon({
name: "plus",
size: 24,
node: [["path", {
d: "M5 12h14",
key: "1ays0h"
}], ["path", {
d: "M12 5v14",
key: "s699le"
}]]
});
var Replace = createLucideIcon({
name: "replace",
size: 24,
node: [
["path", {
d: "M14 4a1 1 0 0 1 1-1",
key: "dhj8ez"
}],
["path", {
d: "M15 10a1 1 0 0 1-1-1",
key: "1mnyi5"
}],
["path", {
d: "M21 4a1 1 0 0 0-1-1",
key: "sfs9ap"
}],
["path", {
d: "M21 9a1 1 0 0 1-1 1",
key: "mp6qeo"
}],
["path", {
d: "m3 7 3 3 3-3",
key: "x25e72"
}],
["path", {
d: "M6 10V5a2 2 0 0 1 2-2h2",
key: "15xut4"
}],
["rect", {
x: "3",
y: "14",
width: "7",
height: "7",
rx: "1",
key: "1bkyp8"
}]
]
});
var RotateCcw = createLucideIcon({
name: "rotate-ccw",
size: 24,
node: [["path", {
d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
key: "1357e3"
}], ["path", {
d: "M3 3v5h5",
key: "1xhq8a"
}]]
});
var Search = createLucideIcon({
name: "search",
size: 24,
node: [["path", {
d: "m21 21-4.34-4.34",
key: "14j7rj"
}], ["circle", {
cx: "11",
cy: "11",
r: "8",
key: "4ej97u"
}]]
});
var Settings = createLucideIcon({
name: "settings",
size: 24,
node: [["path", {
d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
key: "1i5ecw"
}], ["circle", {
cx: "12",
cy: "12",
r: "3",
key: "1v7zrd"
}]]
});
var SquareArrowRightEnter = createLucideIcon({
name: "square-arrow-right-enter",
size: 24,
node: [
["path", {
d: "m10 16 4-4-4-4",
key: "w9835o"
}],
["path", {
d: "M3 12h11",
key: "pmja8f"
}],
["path", {
d: "M3 8V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3",
key: "1bqs5q"
}]
]
});
var SquareDashedMousePointer = createLucideIcon({
name: "square-dashed-mouse-pointer",
size: 24,
node: [
["path", {
d: "M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z",
key: "xwnzip"
}],
["path", {
d: "M5 3a2 2 0 0 0-2 2",
key: "y57alp"
}],
["path", {
d: "M19 3a2 2 0 0 1 2 2",
key: "18rm91"
}],
["path", {
d: "M5 21a2 2 0 0 1-2-2",
key: "sbafld"
}],
["path", {
d: "M9 3h1",
key: "1yesri"
}],
["path", {
d: "M9 21h2",
key: "1qve2z"
}],
["path", {
d: "M14 3h1",
key: "1ec4yj"
}],
["path", {
d: "M3 9v1",
key: "1r0deq"
}],
["path", {
d: "M21 9v2",
key: "p14lih"
}],
["path", {
d: "M3 14v1",
key: "vnatye"
}]
],
aliases: ["mouse-pointer-square-dashed"]
});
var Star = createLucideIcon({
name: "star",
size: 24,
node: [["path", {
d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
key: "r04s7s"
}]]
});
var TagPlus = createLucideIcon({
name: "tag-plus",
size: 24,
node: [
["path", {
d: "M16 13h6",
key: "1um0mj"
}],
["path", {
d: "m16.5 6.5-3.914-3.914A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l1.79-1.79",
key: "dp0yc9"
}],
["path", {
d: "M19 10v6",
key: "13mz7b"
}],
["circle", {
cx: "7.5",
cy: "7.5",
r: ".5",
fill: "currentColor",
key: "kqv944"
}]
]
});
var Tag = createLucideIcon({
name: "tag",
size: 24,
node: [["path", {
d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
key: "vktsd0"
}], ["circle", {
cx: "7.5",
cy: "7.5",
r: ".5",
fill: "currentColor",
key: "kqv944"
}]]
});
var Tags = createLucideIcon({
name: "tags",
size: 24,
node: [
["path", {
d: "M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z",
key: "16rjxf"
}],
["path", {
d: "M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193",
key: "178nd4"
}],
["circle", {
cx: "10.5",
cy: "6.5",
r: ".5",
fill: "currentColor",
key: "12ikhr"
}]
]
});
var ToggleLeft = createLucideIcon({
name: "toggle-left",
size: 24,
node: [["circle", {
cx: "9",
cy: "12",
r: "3",
key: "u3jwor"
}], ["rect", {
width: "20",
height: "14",
x: "2",
y: "5",
rx: "7",
key: "g7kal2"
}]]
});
var Trash = createLucideIcon({
name: "trash",
size: 24,
node: [
["path", {
d: "M10 11v6",
key: "nco0om"
}],
["path", {
d: "M14 11v6",
key: "outv1u"
}],
["path", {
d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
key: "miytrc"
}],
["path", {
d: "M3 6h18",
key: "d0wm0j"
}],
["path", {
d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
key: "e791ji"
}]
],
aliases: ["trash-2"]
});
var Type = createLucideIcon({
name: "type",
size: 24,
node: [
["path", {
d: "M12 4v16",
key: "1654pz"
}],
["path", {
d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2",
key: "e0r10z"
}],
["path", {
d: "M9 20h6",
key: "s66wpe"
}]
]
});
var UnfoldVertical = createLucideIcon({
name: "unfold-vertical",
size: 24,
node: [
["path", {
d: "M12 22v-6",
key: "6o8u61"
}],
["path", {
d: "M12 8V2",
key: "1wkif3"
}],
["path", {
d: "M4 12H2",
key: "rhcxmi"
}],
["path", {
d: "M10 12H8",
key: "s88cx1"
}],
["path", {
d: "M16 12h-2",
key: "10asgb"
}],
["path", {
d: "M22 12h-2",
key: "14jgyd"
}],
["path", {
d: "m15 19-3 3-3-3",
key: "11eu04"
}],
["path", {
d: "m15 5-3-3-3 3",
key: "itvq4r"
}]
]
});
var X = createLucideIcon({
name: "x",
size: 24,
node: [["path", {
d: "M18 6 6 18",
key: "1bl5f8"
}], ["path", {
d: "m6 6 12 12",
key: "d8bk6v"
}]]
});
var _GM = typeof GM != "undefined" ? GM : void 0;
var _unsafeWindow = typeof unsafeWindow != "undefined" ? unsafeWindow : void 0;
var hasGM = typeof _GM?.getValue === "function";
var hasGMXHR = typeof _GM?.xmlHttpRequest === "function";
async function cacheGet(key) {
if (hasGM) return await _GM.getValue(key, "") || null;
return localStorage.getItem(key);
}
async function cacheSet(key, value) {
if (hasGM) {
await _GM.setValue(key, value);
return;
}
localStorage.setItem(key, value);
}
async function cacheKeys(prefix) {
return (hasGM ? await _GM.listValues() : Object.keys(localStorage)).filter((key) => key.startsWith(prefix));
}
async function cacheDelete(key) {
if (hasGM) {
await _GM.deleteValue(key);
return;
}
localStorage.removeItem(key);
}
var EH_DOMAINS = ["e-hentai.org", "exhentai.org"];
var EH_ORIGIN = "https://e-hentai.org";
function isEhUrl(u) {
return EH_DOMAINS.includes(u.hostname);
}
function toAbsoluteUrl(raw) {
try {
return new URL(raw, EH_ORIGIN);
} catch {
return null;
}
}
function resolveButtonUrl(raw, follow, currentOrigin) {
const u = toAbsoluteUrl(raw);
if (!u) return raw;
if (follow && isEhUrl(u)) {
const origin = toAbsoluteUrl(currentOrigin);
if (origin && isEhUrl(origin)) {
u.protocol = origin.protocol;
u.host = origin.host;
}
}
return u.href;
}
var dict_default = {
拂: ["払"],
奸: ["姦"],
爱: ["愛"],
拔: ["抜"],
罢: ["罷"],
霸: ["覇"],
败: ["敗"],
拜: ["拝"],
颁: ["頒"],
饱: ["飽"],
宝: ["寶"],
报: ["報"],
贝: ["貝"],
备: ["備"],
辈: ["輩"],
笔: ["筆"],
币: ["幣"],
闭: ["閉"],
边: ["辺"],
编: ["編"],
变: ["変"],
标: ["標"],
别: ["別"],
宾: ["賓"],
冰: ["氷"],
并: ["並", "併"],
钵: ["缽"],
补: ["補"],
步: ["歩"],
财: ["財"],
参: ["參"],
残: ["殘"],
蚕: ["蠶"],
惨: ["慘"],
仓: ["倉"],
藏: ["蔵"],
册: ["冊"],
侧: ["側"],
测: ["測"],
层: ["層"],
插: ["挿"],
查: ["査"],
禅: ["禪"],
产: ["產", "産"],
肠: ["腸"],
偿: ["償"],
场: ["場"],
巢: ["巣"],
车: ["車"],
彻: ["徹"],
陈: ["陳"],
称: ["稱"],
诚: ["誠"],
乘: ["乗"],
惩: ["懲"],
吃: ["喫"],
痴: ["癡"],
迟: ["遅"],
齿: ["歯"],
耻: ["恥"],
敕: ["勅"],
冲: ["沖", "衝"],
虫: ["蟲"],
铳: ["銃"],
丑: ["醜"],
础: ["礎"],
处: ["處", "処"],
触: ["觸"],
传: ["伝"],
窗: ["窓"],
创: ["創"],
锤: ["錘"],
纯: ["純"],
词: ["詞"],
辞: ["辭"],
赐: ["賜"],
从: ["従"],
粹: ["粋"],
错: ["錯"],
达: ["達"],
带: ["帯"],
贷: ["貸"],
担: ["擔"],
单: ["単"],
胆: ["膽"],
诞: ["誕"],
弹: ["弾"],
当: ["當"],
党: ["黨"],
导: ["導"],
岛: ["島"],
盗: ["盜"],
稻: ["稲"],
德: ["徳"],
灯: ["燈"],
敌: ["敵"],
递: ["逓"],
缔: ["締"],
点: ["點"],
电: ["電"],
钓: ["釣"],
叠: ["畳"],
顶: ["頂"],
订: ["訂"],
锭: ["錠"],
东: ["東"],
动: ["動", "働"],
冻: ["凍"],
栋: ["棟"],
斗: ["闘"],
独: ["獨"],
读: ["読"],
笃: ["篤"],
断: ["斷"],
锻: ["鍛"],
队: ["隊"],
对: ["対"],
钝: ["鈍"],
夺: ["奪"],
堕: ["墮"],
额: ["額"],
恶: ["悪"],
饿: ["餓"],
儿: ["児"],
贰: ["弐"],
发: ["髪", "発"],
罚: ["罰"],
阀: ["閥"],
烦: ["煩"],
饭: ["飯"],
范: ["範"],
贩: ["販"],
访: ["訪"],
纺: ["紡"],
飞: ["飛"],
废: ["廃"],
费: ["費"],
纷: ["紛"],
氛: ["雰"],
坟: ["墳"],
奋: ["奮"],
愤: ["憤"],
风: ["風"],
缝: ["縫"],
佛: ["仏"],
肤: ["膚"],
负: ["負"],
妇: ["婦"],
复: ["複", "復"],
赋: ["賦"],
缚: ["縛"],
该: ["該"],
干: ["幹", "乾"],
绀: ["紺"],
刚: ["剛"],
纲: ["綱"],
钢: ["鋼"],
阁: ["閣"],
个: ["個", "箇"],
给: ["給"],
宫: ["宮"],
贡: ["貢"],
沟: ["溝"],
构: ["構"],
购: ["購"],
谷: ["穀"],
顾: ["顧"],
挂: ["掛"],
关: ["関"],
观: ["観"],
馆: ["館"],
贯: ["貫"],
惯: ["慣"],
广: ["広"],
归: ["帰"],
规: ["規"],
轨: ["軌"],
贵: ["貴"],
国: ["國"],
果: ["菓"],
过: ["過"],
还: ["還"],
汉: ["漢"],
号: ["號"],
贺: ["賀"],
黑: ["黒"],
红: ["紅"],
后: ["後"],
户: ["戸"],
护: ["護"],
华: ["華"],
话: ["話"],
怀: ["懐"],
坏: ["壊"],
欢: ["歓"],
环: ["環"],
缓: ["緩"],
换: ["換"],
唤: ["喚"],
挥: ["揮"],
辉: ["輝"],
绘: ["絵"],
贿: ["賄"],
惠: ["恵"],
货: ["貨"],
获: ["穫", "獲"],
祸: ["禍"],
击: ["撃"],
饥: ["飢"],
机: ["機"],
鸡: ["鶏"],
积: ["積"],
级: ["級"],
极: ["極"],
几: ["幾", "机"],
计: ["計"],
记: ["記"],
纪: ["紀"],
际: ["際"],
剂: ["剤"],
迹: ["跡"],
济: ["済"],
继: ["継"],
绩: ["績"],
假: ["仮"],
价: ["価"],
坚: ["堅"],
间: ["間"],
监: ["監"],
茧: ["繭"],
俭: ["倹"],
检: ["検"],
减: ["減"],
简: ["簡"],
见: ["見"],
荐: ["薦"],
剑: ["剣"],
舰: ["艦"],
渐: ["漸"],
践: ["踐"],
鉴: ["鑑", "鑑"],
将: ["將"],
讲: ["講"],
奖: ["奨"],
纟: ["糸"],
绞: ["絞"],
矫: ["矯"],
觉: ["覚"],
较: ["較"],
阶: ["階"],
揭: ["掲"],
节: ["節"],
杰: ["傑", "傑"],
诘: ["詰"],
洁: ["潔"],
结: ["結"],
届: ["屆"],
紧: ["緊"],
谨: ["謹"],
尽: ["盡"],
进: ["進"],
经: ["経"],
惊: ["驚"],
鲸: ["鯨"],
净: ["浄"],
竞: ["競"],
静: ["靜"],
镜: ["鏡"],
纠: ["糾"],
举: ["挙"],
剧: ["劇"],
据: ["據", "拠"],
卷: ["巻", "巻"],
绢: ["絹"],
决: ["決"],
绝: ["絶"],
军: ["軍"],
开: ["開"],
壳: ["殻"],
渴: ["渇"],
课: ["課"],
垦: ["墾"],
恳: ["懇"],
库: ["庫"],
夸: ["誇"],
块: ["塊"],
宽: ["寛"],
况: ["況"],
矿: ["鉱"],
扩: ["拡"],
来: ["來"],
赖: ["頼"],
濑: ["瀬"],
栏: ["欄"],
览: ["覧"],
滥: ["濫"],
劳: ["労"],
乐: ["楽"],
垒: ["塁"],
泪: ["涙"],
类: ["類"],
离: ["離"],
礼: ["禮"],
里: ["裡", "裏"],
历: ["歴", "暦"],
丽: ["麗"],
励: ["勵"],
隶: ["隸", "隷"],
连: ["連"],
练: ["練"],
炼: ["錬"],
恋: ["戀"],
凉: ["涼"],
粮: ["糧"],
两: ["両"],
疗: ["療"],
猎: ["猟"],
邻: ["鄰", "隣"],
临: ["臨"],
赁: ["賃"],
灵: ["霊"],
铃: ["鈴"],
龄: ["齢"],
领: ["領"],
泷: ["滝"],
楼: ["樓"],
炉: ["爐"],
虏: ["虜"],
陆: ["陸"],
录: ["録"],
乱: ["亂"],
伦: ["倫"],
轮: ["輪"],
论: ["論"],
罗: ["羅"],
络: ["絡"],
虑: ["慮"],
绿: ["緑"],
马: ["馬"],
买: ["買"],
麦: ["麥"],
卖: ["売"],
脉: ["脈"],
蛮: ["蠻"],
满: ["満"],
猫: ["貓"],
贸: ["貿"],
没: ["沒"],
每: ["毎"],
门: ["門"],
梦: ["夢"],
绵: ["綿"],
灭: ["滅"],
鸣: ["鳴"],
铭: ["銘"],
默: ["黙"],
谋: ["謀"],
亩: ["畝"],
纳: ["納"],
难: ["難"],
恼: ["悩"],
脑: ["脳"],
内: ["內"],
拟: ["擬"],
娘: ["嬢"],
酿: ["醸"],
鸟: ["鳥"],
宁: ["寧"],
农: ["農"],
浓: ["濃"],
诺: ["諾"],
盘: ["盤"],
赔: ["賠"],
喷: ["噴"],
贫: ["貧"],
频: ["頻"],
评: ["評"],
扑: ["撲"],
铺: ["舗"],
仆: ["僕"],
朴: ["樸"],
谱: ["譜"],
齐: ["斉"],
骑: ["騎"],
棋: ["碁"],
启: ["啓"],
气: ["気"],
弃: ["棄"],
迁: ["遷"],
铅: ["鉛"],
谦: ["謙"],
钱: ["銭"],
潜: ["潛"],
浅: ["淺"],
强: ["強"],
缲: ["繰"],
桥: ["橋"],
窃: ["竊"],
亲: ["親"],
寝: ["寢"],
轻: ["軽"],
倾: ["傾"],
请: ["請"],
庆: ["慶"],
穷: ["窮"],
驱: ["駆"],
圈: ["圏"],
权: ["権"],
劝: ["勧"],
确: ["確"],
壤: ["壌"],
让: ["譲"],
热: ["熱"],
认: ["認"],
荣: ["栄"],
软: ["軟"],
锐: ["鋭"],
润: ["潤"],
伞: ["傘"],
丧: ["喪"],
骚: ["騒"],
扫: ["掃"],
涩: ["渋"],
杀: ["殺"],
缮: ["繕"],
伤: ["傷"],
赏: ["賞"],
烧: ["焼"],
绍: ["紹"],
舍: ["舎", "捨"],
设: ["設"],
涉: ["渉"],
摄: ["摂"],
绅: ["紳"],
审: ["審"],
声: ["聲"],
绳: ["縄"],
圣: ["聖"],
胜: ["勝"],
剩: ["剰"],
师: ["師"],
诗: ["詩"],
湿: ["濕"],
时: ["時"],
识: ["識"],
实: ["実"],
势: ["勢"],
饰: ["飾"],
试: ["試"],
视: ["視"],
适: ["適"],
释: ["釈"],
收: ["収"],
寿: ["壽"],
兽: ["獣"],
书: ["書"],
枢: ["樞"],
疏: ["疎"],
输: ["輸"],
属: ["屬"],
术: ["術"],
树: ["樹"],
数: ["數"],
帅: ["帥"],
双: ["雙"],
税: ["稅"],
顺: ["順"],
说: ["說", "説"],
饲: ["飼"],
讼: ["訟"],
搜: ["捜"],
诉: ["訴"],
肃: ["粛"],
随: ["隨"],
髓: ["髄"],
岁: ["歳"],
碎: ["砕"],
穗: ["穂"],
孙: ["孫"],
损: ["損"],
缩: ["縮"],
锁: ["鎖"],
态: ["態"],
坛: ["壇"],
昙: ["曇"],
谈: ["談"],
叹: ["歎", "嘆"],
汤: ["湯"],
讨: ["討"],
腾: ["騰"],
誊: ["謄"],
题: ["題"],
条: ["條"],
调: ["調"],
铁: ["鐵", "鉄"],
厅: ["庁"],
听: ["聴"],
铜: ["銅"],
统: ["統"],
头: ["頭"],
图: ["図"],
涂: ["塗"],
团: ["団"],
脱: ["脫"],
驮: ["駄"],
湾: ["灣"],
顽: ["頑"],
万: ["萬"],
网: ["網"],
为: ["為"],
违: ["違"],
围: ["囲"],
维: ["維"],
伟: ["偉"],
伪: ["偽"],
纬: ["緯"],
卫: ["衛"],
纹: ["紋"],
闻: ["聞"],
稳: ["穏"],
问: ["問"],
涡: ["渦"],
污: ["汚"],
无: ["無"],
吴: ["呉"],
务: ["務"],
误: ["誤"],
雾: ["霧"],
溪: ["渓", "渓"],
习: ["習"],
袭: ["襲"],
玺: ["璽"],
铣: ["銑"],
戏: ["戯"],
系: ["係"],
细: ["細"],
舄: ["潟"],
辖: ["轄"],
吓: ["嚇"],
纤: ["繊"],
鲜: ["鮮"],
闲: ["閑", "閑"],
贤: ["賢"],
显: ["顕"],
险: ["険"],
现: ["現"],
宪: ["憲"],
陷: ["陥"],
缐: ["線"],
乡: ["郷"],
详: ["詳"],
响: ["響"],
项: ["項"],
晓: ["暁"],
笑: ["咲"],
效: ["効"],
协: ["協"],
胁: ["脅"],
写: ["寫"],
谢: ["謝"],
兴: ["興"],
许: ["許"],
叙: ["敘"],
绪: ["緒"],
续: ["続"],
轩: ["軒"],
悬: ["懸"],
选: ["選"],
勋: ["勲"],
熏: ["薫"],
寻: ["尋"],
训: ["訓"],
压: ["圧"],
亚: ["亜"],
烟: ["煙"],
严: ["厳"],
盐: ["塩"],
颜: ["顔"],
验: ["験"],
扬: ["揚"],
阳: ["陽"],
养: ["養"],
样: ["様"],
窑: ["窯"],
谣: ["謡"],
摇: ["揺"],
药: ["薬"],
业: ["業"],
叶: ["葉"],
谒: ["謁"],
壹: ["壱"],
仪: ["儀"],
遗: ["遺"],
亿: ["億"],
义: ["義"],
忆: ["憶"],
议: ["議"],
异: ["異"],
译: ["訳"],
驿: ["駅"],
阴: ["陰"],
银: ["銀"],
饮: ["飲"],
隐: ["隠"],
樱: ["桜"],
萤: ["蛍"],
营: ["営"],
应: ["応"],
拥: ["擁"],
咏: ["詠"],
踊: ["踴"],
优: ["優"],
忧: ["憂"],
邮: ["郵"],
犹: ["猶"],
游: ["遊"],
诱: ["誘"],
余: ["餘"],
鱼: ["魚"],
娱: ["娯"],
渔: ["漁"],
与: ["與"],
语: ["語"],
狱: ["獄"],
预: ["預"],
谕: ["諭"],
御: ["禦"],
誉: ["譽"],
园: ["園"],
员: ["員"],
缘: ["縁"],
远: ["遠"],
愿: ["願"],
约: ["約"],
阅: ["閲"],
跃: ["躍"],
云: ["雲", "伝"],
运: ["運"],
韵: ["韻"],
杂: ["雑"],
灾: ["災"],
载: ["載"],
暂: ["暫"],
赞: ["贊", "賛"],
脏: ["臓"],
则: ["則"],
责: ["責"],
择: ["択"],
泽: ["沢"],
贼: ["賊"],
增: ["増"],
赠: ["贈"],
札: ["劄"],
诈: ["詐"],
斋: ["斎"],
债: ["債"],
栈: ["桟"],
战: ["戦"],
张: ["張"],
长: ["長"],
帐: ["帳"],
胀: ["脹"],
诏: ["詔"],
着: ["著"],
贞: ["貞"],
针: ["針"],
侦: ["偵"],
诊: ["診"],
阵: ["陣"],
镇: ["鎮"],
争: ["爭"],
证: ["證", "証"],
织: ["織"],
执: ["執"],
值: ["値"],
职: ["職"],
纸: ["紙"],
质: ["質"],
滞: ["滯"],
终: ["終"],
钟: ["鐘"],
种: ["種"],
冢: ["塚"],
众: ["眾", "衆"],
轴: ["軸"],
昼: ["晝"],
诸: ["諸"],
嘱: ["囑"],
贮: ["貯"],
驻: ["駐"],
筑: ["築"],
专: ["専"],
转: ["転"],
妆: ["妝"],
庄: ["荘"],
装: ["裝"],
壮: ["壯"],
状: ["狀"],
坠: ["墜"],
浊: ["濁"],
咨: ["諮"],
资: ["資"],
姊: ["姉"],
渍: ["漬"],
总: ["総"],
纵: ["縦"],
组: ["組"],
醉: ["酔"],
闷: ["悶"],
灌: ["浣"],
仿: ["倣"],
做: ["作"],
划: ["画"],
叛: ["反"],
圆: ["円"],
吊: ["弔"],
雕: ["彫"],
征: ["徴"],
托: ["託"],
采: ["採"],
榨: ["搾"],
拨: ["発"],
升: ["昇"],
晚: ["晩"],
桌: ["卓"],
沉: ["沈"],
准: ["準"],
泼: ["発"],
滨: ["浜"],
熔: ["溶"],
牺: ["犠"],
瓣: ["弁"],
愈: ["癒"],
炮: ["砲"],
丝: ["糸"],
线: ["線"],
县: ["県"],
缺: ["欠"],
罐: ["缶"],
艺: ["芸"],
制: ["製"],
志: ["誌"],
讽: ["風"],
丰: ["豊"],
辨: ["弁"],
辩: ["弁"],
周: ["週"],
醋: ["酢"],
铸: ["鋳"],
只: ["隻"],
龙: ["竜"]
};
var t2s_default = {
㑯: "㑔",
㑳: "㑇",
㑶: "㐹",
㓨: "刾",
㘚: "㘎",
㜄: "㚯",
㜏: "㛣",
㠏: "㟆",
㥮: "㤘",
㩜: "㨫",
㩳: "㧐",
㩵: "擜",
䁻: "䀥",
䃮: "鿎",
䊷: "䌶",
䋙: "䌺",
䋚: "䌻",
䋹: "䌿",
䋻: "䌾",
䍦: "䍠",
䎱: "䎬",
䙡: "䙌",
䜀: "䜧",
䝼: "䞍",
䥇: "䦂",
䥑: "鿏",
䥱: "䥾",
䦛: "䦶",
䦟: "䦷",
䯀: "䯅",
䰾: "鲃",
䱷: "䲣",
䱽: "䲝",
䲁: "鳚",
䲘: "鳤",
䴉: "鹮",
丟: "丢",
並: "并",
乾: "干",
亂: "乱",
亙: "亘",
亞: "亚",
佇: "伫",
佈: "布",
佔: "占",
併: "并",
來: "来",
侖: "仑",
侶: "侣",
侷: "局",
俁: "俣",
係: "系",
俔: "伣",
俠: "侠",
俥: "伡",
俬: "私",
倀: "伥",
倆: "俩",
倈: "俫",
倉: "仓",
個: "个",
們: "们",
倖: "幸",
倫: "伦",
倲: "㑈",
偉: "伟",
偑: "㐽",
側: "侧",
偵: "侦",
偽: "伪",
傌: "㐷",
傑: "杰",
傖: "伧",
傘: "伞",
備: "备",
傢: "家",
傭: "佣",
傯: "偬",
傳: "传",
傴: "伛",
債: "债",
傷: "伤",
傾: "倾",
僂: "偻",
僅: "仅",
僉: "佥",
僑: "侨",
僕: "仆",
僞: "伪",
僥: "侥",
僨: "偾",
僱: "雇",
價: "价",
儀: "仪",
儁: "俊",
儂: "侬",
億: "亿",
儈: "侩",
儉: "俭",
儎: "傤",
儐: "傧",
儔: "俦",
儕: "侪",
儘: "尽",
償: "偿",
優: "优",
儲: "储",
儷: "俪",
儸: "㑩",
儺: "傩",
儻: "傥",
儼: "俨",
兇: "凶",
兌: "兑",
兒: "儿",
兗: "兖",
內: "内",
兩: "两",
冊: "册",
冑: "胄",
冪: "幂",
凈: "净",
凍: "冻",
凜: "凛",
凱: "凯",
別: "别",
刪: "删",
剄: "刭",
則: "则",
剋: "克",
剎: "刹",
剗: "刬",
剛: "刚",
剝: "剥",
剮: "剐",
剴: "剀",
創: "创",
剷: "铲",
劃: "划",
劇: "剧",
劉: "刘",
劊: "刽",
劌: "刿",
劍: "剑",
劏: "㓥",
劑: "剂",
劚: "㔉",
勁: "劲",
動: "动",
務: "务",
勛: "勋",
勝: "胜",
勞: "劳",
勢: "势",
勩: "勚",
勱: "劢",
勳: "勋",
勵: "励",
勸: "劝",
勻: "匀",
匭: "匦",
匯: "汇",
匱: "匮",
區: "区",
協: "协",
卹: "恤",
卻: "却",
卽: "即",
厙: "厍",
厠: "厕",
厤: "历",
厭: "厌",
厲: "厉",
厴: "厣",
參: "参",
叄: "叁",
叢: "丛",
吒: "咤",
吳: "吴",
吶: "呐",
呂: "吕",
咼: "呙",
員: "员",
唄: "呗",
唸: "念",
問: "问",
啓: "启",
啞: "哑",
啟: "启",
啢: "唡",
喎: "㖞",
喚: "唤",
喪: "丧",
喫: "吃",
喬: "乔",
單: "单",
喲: "哟",
嗆: "呛",
嗇: "啬",
嗊: "唝",
嗎: "吗",
嗚: "呜",
嗩: "唢",
嗶: "哔",
嘆: "叹",
嘍: "喽",
嘓: "啯",
嘔: "呕",
嘖: "啧",
嘗: "尝",
嘜: "唛",
嘩: "哗",
嘮: "唠",
嘯: "啸",
嘰: "叽",
嘵: "哓",
嘸: "呒",
嘽: "啴",
噁: "恶",
噓: "嘘",
噚: "㖊",
噝: "咝",
噠: "哒",
噥: "哝",
噦: "哕",
噯: "嗳",
噲: "哙",
噴: "喷",
噸: "吨",
噹: "当",
嚀: "咛",
嚇: "吓",
嚌: "哜",
嚐: "尝",
嚕: "噜",
嚙: "啮",
嚥: "咽",
嚦: "呖",
嚨: "咙",
嚮: "向",
嚲: "亸",
嚳: "喾",
嚴: "严",
嚶: "嘤",
囀: "啭",
囁: "嗫",
囂: "嚣",
囅: "冁",
囈: "呓",
囉: "啰",
囌: "苏",
囑: "嘱",
囪: "囱",
圇: "囵",
國: "国",
圍: "围",
園: "园",
圓: "圆",
圖: "图",
團: "团",
垻: "坝",
埡: "垭",
埰: "采",
執: "执",
堅: "坚",
堊: "垩",
堖: "垴",
堝: "埚",
堯: "尧",
報: "报",
場: "场",
塊: "块",
塋: "茔",
塏: "垲",
塒: "埘",
塗: "涂",
塚: "冢",
塢: "坞",
塤: "埙",
塵: "尘",
塹: "堑",
墊: "垫",
墜: "坠",
墮: "堕",
墰: "坛",
墳: "坟",
墶: "垯",
墻: "墙",
墾: "垦",
壇: "坛",
壋: "垱",
壎: "埙",
壓: "压",
壘: "垒",
壙: "圹",
壚: "垆",
壜: "坛",
壞: "坏",
壟: "垄",
壠: "垅",
壢: "坜",
壩: "坝",
壪: "塆",
壯: "壮",
壺: "壶",
壼: "壸",
壽: "寿",
夠: "够",
夢: "梦",
夥: "伙",
夾: "夹",
奐: "奂",
奧: "奥",
奩: "奁",
奪: "夺",
奬: "奖",
奮: "奋",
奼: "姹",
妝: "妆",
姍: "姗",
姦: "奸",
娛: "娱",
婁: "娄",
婦: "妇",
婭: "娅",
媧: "娲",
媯: "妫",
媰: "㛀",
媼: "媪",
媽: "妈",
嫋: "袅",
嫗: "妪",
嫵: "妩",
嫺: "娴",
嫻: "娴",
嫿: "婳",
嬀: "妫",
嬃: "媭",
嬈: "娆",
嬋: "婵",
嬌: "娇",
嬙: "嫱",
嬡: "嫒",
嬤: "嬷",
嬪: "嫔",
嬰: "婴",
嬸: "婶",
孃: "娘",
孋: "㛤",
孌: "娈",
孫: "孙",
學: "学",
孿: "孪",
宮: "宫",
寀: "采",
寢: "寝",
實: "实",
寧: "宁",
審: "审",
寫: "写",
寬: "宽",
寵: "宠",
寶: "宝",
將: "将",
專: "专",
尋: "寻",
對: "对",
導: "导",
尷: "尴",
屆: "届",
屍: "尸",
屓: "屃",
屜: "屉",
屢: "屡",
層: "层",
屨: "屦",
屬: "属",
岡: "冈",
峯: "峰",
峴: "岘",
島: "岛",
峽: "峡",
崍: "崃",
崑: "昆",
崗: "岗",
崙: "仑",
崢: "峥",
崬: "岽",
嵐: "岚",
嵗: "岁",
嵾: "㟥",
嶁: "嵝",
嶄: "崭",
嶇: "岖",
嶔: "嵚",
嶗: "崂",
嶠: "峤",
嶢: "峣",
嶧: "峄",
嶨: "峃",
嶮: "崄",
嶸: "嵘",
嶺: "岭",
嶼: "屿",
嶽: "岳",
巋: "岿",
巒: "峦",
巔: "巅",
巖: "岩",
巰: "巯",
巹: "卺",
帥: "帅",
師: "师",
帳: "帐",
帶: "带",
幀: "帧",
幃: "帏",
幓: "㡎",
幗: "帼",
幘: "帻",
幟: "帜",
幣: "币",
幫: "帮",
幬: "帱",
幹: "干",
幾: "几",
庫: "库",
廁: "厕",
廂: "厢",
廄: "厩",
廈: "厦",
廎: "庼",
廕: "荫",
廚: "厨",
廝: "厮",
廟: "庙",
廠: "厂",
廡: "庑",
廢: "废",
廣: "广",
廩: "廪",
廬: "庐",
廳: "厅",
弒: "弑",
弔: "吊",
弳: "弪",
張: "张",
強: "强",
彆: "别",
彈: "弹",
彌: "弥",
彎: "弯",
彔: "录",
彙: "汇",
彠: "彟",
彥: "彦",
彫: "雕",
彲: "彨",
彿: "佛",
後: "后",
徑: "径",
從: "从",
徠: "徕",
復: "复",
徵: "征",
徹: "彻",
恆: "恒",
恥: "耻",
悅: "悦",
悞: "悮",
悵: "怅",
悶: "闷",
悽: "凄",
惡: "恶",
惱: "恼",
惲: "恽",
惻: "恻",
愛: "爱",
愜: "惬",
愨: "悫",
愴: "怆",
愷: "恺",
愾: "忾",
慄: "栗",
態: "态",
慍: "愠",
慘: "惨",
慚: "惭",
慟: "恸",
慣: "惯",
慤: "悫",
慪: "怄",
慫: "怂",
慮: "虑",
慳: "悭",
慶: "庆",
慺: "㥪",
慼: "戚",
慾: "欲",
憂: "忧",
憊: "惫",
憐: "怜",
憑: "凭",
憒: "愦",
憖: "慭",
憚: "惮",
憤: "愤",
憫: "悯",
憮: "怃",
憲: "宪",
憶: "忆",
懇: "恳",
應: "应",
懌: "怿",
懍: "懔",
懞: "蒙",
懟: "怼",
懣: "懑",
懤: "㤽",
懨: "恹",
懲: "惩",
懶: "懒",
懷: "怀",
懸: "悬",
懺: "忏",
懼: "惧",
懾: "慑",
戀: "恋",
戇: "戆",
戔: "戋",
戧: "戗",
戩: "戬",
戰: "战",
戱: "戯",
戲: "戏",
戶: "户",
拋: "抛",
挩: "捝",
挱: "挲",
挾: "挟",
捨: "舍",
捫: "扪",
捱: "挨",
捲: "卷",
掃: "扫",
掄: "抡",
掆: "㧏",
掗: "挜",
掙: "挣",
掛: "挂",
採: "采",
揀: "拣",
揚: "扬",
換: "换",
揮: "挥",
揯: "搄",
損: "损",
搖: "摇",
搗: "捣",
搵: "揾",
搶: "抢",
摑: "掴",
摜: "掼",
摟: "搂",
摯: "挚",
摳: "抠",
摶: "抟",
摺: "折",
摻: "掺",
撈: "捞",
撏: "挦",
撐: "撑",
撓: "挠",
撝: "㧑",
撟: "挢",
撣: "掸",
撥: "拨",
撫: "抚",
撲: "扑",
撳: "揿",
撻: "挞",
撾: "挝",
撿: "捡",
擁: "拥",
擄: "掳",
擇: "择",
擊: "击",
擋: "挡",
擓: "㧟",
擔: "担",
據: "据",
擠: "挤",
擣: "捣",
擬: "拟",
擯: "摈",
擰: "拧",
擱: "搁",
擲: "掷",
擴: "扩",
擷: "撷",
擺: "摆",
擻: "擞",
擼: "撸",
擽: "㧰",
擾: "扰",
攄: "摅",
攆: "撵",
攏: "拢",
攔: "拦",
攖: "撄",
攙: "搀",
攛: "撺",
攜: "携",
攝: "摄",
攢: "攒",
攣: "挛",
攤: "摊",
攪: "搅",
攬: "揽",
敎: "教",
敓: "敚",
敗: "败",
敘: "叙",
敵: "敌",
數: "数",
斂: "敛",
斃: "毙",
斆: "敩",
斕: "斓",
斬: "斩",
斷: "断",
於: "于",
旂: "旗",
旣: "既",
昇: "升",
時: "时",
晉: "晋",
晝: "昼",
暈: "晕",
暉: "晖",
暘: "旸",
暢: "畅",
暫: "暂",
曄: "晔",
曆: "历",
曇: "昙",
曉: "晓",
曏: "向",
曖: "暧",
曠: "旷",
曨: "昽",
曬: "晒",
書: "书",
會: "会",
朧: "胧",
朮: "术",
東: "东",
枴: "拐",
柵: "栅",
柺: "拐",
査: "查",
桿: "杆",
梔: "栀",
梘: "枧",
條: "条",
梟: "枭",
梲: "棁",
棄: "弃",
棊: "棋",
棖: "枨",
棗: "枣",
棟: "栋",
棡: "㭎",
棧: "栈",
棲: "栖",
棶: "梾",
椏: "桠",
椲: "㭏",
楊: "杨",
楓: "枫",
楨: "桢",
業: "业",
極: "极",
榘: "矩",
榦: "干",
榪: "杩",
榮: "荣",
榲: "榅",
榿: "桤",
構: "构",
槍: "枪",
槓: "杠",
槤: "梿",
槧: "椠",
槨: "椁",
槮: "椮",
槳: "桨",
槶: "椢",
槼: "椝",
樁: "桩",
樂: "乐",
樅: "枞",
樑: "梁",
樓: "楼",
標: "标",
樞: "枢",
樢: "㭤",
樣: "样",
樧: "榝",
樫: "㭴",
樳: "桪",
樸: "朴",
樹: "树",
樺: "桦",
樿: "椫",
橈: "桡",
橋: "桥",
機: "机",
橢: "椭",
橫: "横",
檁: "檩",
檉: "柽",
檔: "档",
檜: "桧",
檟: "槚",
檢: "检",
檣: "樯",
檮: "梼",
檯: "台",
檳: "槟",
檸: "柠",
檻: "槛",
櫃: "柜",
櫓: "橹",
櫚: "榈",
櫛: "栉",
櫝: "椟",
櫞: "橼",
櫟: "栎",
櫥: "橱",
櫧: "槠",
櫨: "栌",
櫪: "枥",
櫫: "橥",
櫬: "榇",
櫱: "蘖",
櫳: "栊",
櫸: "榉",
櫻: "樱",
欄: "栏",
欅: "榉",
權: "权",
欏: "椤",
欒: "栾",
欖: "榄",
欞: "棂",
欽: "钦",
歎: "叹",
歐: "欧",
歟: "欤",
歡: "欢",
歲: "岁",
歷: "历",
歸: "归",
歿: "殁",
殘: "残",
殞: "殒",
殤: "殇",
殨: "㱮",
殫: "殚",
殭: "僵",
殮: "殓",
殯: "殡",
殰: "㱩",
殲: "歼",
殺: "杀",
殻: "壳",
殼: "壳",
毀: "毁",
毆: "殴",
毿: "毵",
氂: "牦",
氈: "毡",
氌: "氇",
氣: "气",
氫: "氢",
氬: "氩",
氳: "氲",
氾: "泛",
汎: "泛",
汙: "污",
決: "决",
沒: "没",
沖: "冲",
況: "况",
泝: "溯",
洩: "泄",
洶: "汹",
浹: "浃",
涇: "泾",
涗: "涚",
涼: "凉",
淒: "凄",
淚: "泪",
淥: "渌",
淨: "净",
淩: "凌",
淪: "沦",
淵: "渊",
淶: "涞",
淺: "浅",
渙: "涣",
減: "减",
渢: "沨",
渦: "涡",
測: "测",
渾: "浑",
湊: "凑",
湞: "浈",
湧: "涌",
湯: "汤",
溈: "沩",
準: "准",
溝: "沟",
溫: "温",
溮: "浉",
溳: "涢",
溼: "湿",
滄: "沧",
滅: "灭",
滌: "涤",
滎: "荥",
滙: "汇",
滬: "沪",
滯: "滞",
滲: "渗",
滷: "卤",
滸: "浒",
滻: "浐",
滾: "滚",
滿: "满",
漁: "渔",
漊: "溇",
漚: "沤",
漢: "汉",
漣: "涟",
漬: "渍",
漲: "涨",
漵: "溆",
漸: "渐",
漿: "浆",
潁: "颍",
潑: "泼",
潔: "洁",
潙: "沩",
潚: "㴋",
潛: "潜",
潤: "润",
潯: "浔",
潰: "溃",
潷: "滗",
潿: "涠",
澀: "涩",
澆: "浇",
澇: "涝",
澐: "沄",
澗: "涧",
澠: "渑",
澤: "泽",
澦: "滪",
澩: "泶",
澮: "浍",
澱: "淀",
澾: "㳠",
濁: "浊",
濃: "浓",
濄: "㳡",
濕: "湿",
濘: "泞",
濚: "溁",
濛: "蒙",
濜: "浕",
濟: "济",
濤: "涛",
濧: "㳔",
濫: "滥",
濰: "潍",
濱: "滨",
濺: "溅",
濼: "泺",
濾: "滤",
瀂: "澛",
瀅: "滢",
瀆: "渎",
瀇: "㲿",
瀉: "泻",
瀋: "沈",
瀏: "浏",
瀕: "濒",
瀘: "泸",
瀝: "沥",
瀟: "潇",
瀠: "潆",
瀦: "潴",
瀧: "泷",
瀨: "濑",
瀰: "弥",
瀲: "潋",
瀾: "澜",
灃: "沣",
灄: "滠",
灑: "洒",
灕: "漓",
灘: "滩",
灝: "灏",
灡: "㳕",
灣: "湾",
灤: "滦",
灧: "滟",
灩: "滟",
災: "灾",
為: "为",
烏: "乌",
烴: "烃",
無: "无",
煉: "炼",
煒: "炜",
煙: "烟",
煢: "茕",
煥: "焕",
煩: "烦",
煬: "炀",
煱: "㶽",
熅: "煴",
熒: "荧",
熗: "炝",
熱: "热",
熲: "颎",
熾: "炽",
燁: "烨",
燈: "灯",
燉: "炖",
燒: "烧",
燙: "烫",
燜: "焖",
營: "营",
燦: "灿",
燬: "毁",
燭: "烛",
燴: "烩",
燶: "㶶",
燻: "熏",
燼: "烬",
燾: "焘",
爍: "烁",
爐: "炉",
爛: "烂",
爭: "争",
爲: "为",
爺: "爷",
爾: "尔",
牀: "床",
牆: "墙",
牘: "牍",
牽: "牵",
犖: "荦",
犛: "牦",
犢: "犊",
犧: "牺",
狀: "状",
狹: "狭",
狽: "狈",
猙: "狰",
猶: "犹",
猻: "狲",
獁: "犸",
獃: "呆",
獄: "狱",
獅: "狮",
獎: "奖",
獨: "独",
獪: "狯",
獫: "猃",
獮: "狝",
獰: "狞",
獱: "㺍",
獲: "获",
獵: "猎",
獷: "犷",
獸: "兽",
獺: "獭",
獻: "献",
獼: "猕",
玀: "猡",
現: "现",
琱: "雕",
琺: "珐",
琿: "珲",
瑋: "玮",
瑒: "玚",
瑣: "琐",
瑤: "瑶",
瑩: "莹",
瑪: "玛",
瑲: "玱",
璉: "琏",
璡: "琎",
璣: "玑",
璦: "瑷",
璫: "珰",
璯: "㻅",
環: "环",
璵: "玙",
璸: "瑸",
璽: "玺",
璿: "璇",
瓊: "琼",
瓏: "珑",
瓔: "璎",
瓚: "瓒",
甌: "瓯",
甕: "瓮",
產: "产",
産: "产",
甦: "苏",
甯: "宁",
畝: "亩",
畢: "毕",
畫: "画",
異: "异",
畵: "画",
當: "当",
疇: "畴",
疊: "叠",
痙: "痉",
痠: "酸",
痾: "疴",
瘂: "痖",
瘋: "疯",
瘍: "疡",
瘓: "痪",
瘞: "瘗",
瘡: "疮",
瘧: "疟",
瘮: "瘆",
瘲: "疭",
瘺: "瘘",
瘻: "瘘",
療: "疗",
癆: "痨",
癇: "痫",
癉: "瘅",
癒: "愈",
癘: "疠",
癟: "瘪",
癡: "痴",
癢: "痒",
癤: "疖",
癥: "症",
癧: "疬",
癩: "癞",
癬: "癣",
癭: "瘿",
癮: "瘾",
癰: "痈",
癱: "瘫",
癲: "癫",
發: "发",
皁: "皂",
皚: "皑",
皰: "疱",
皸: "皲",
皺: "皱",
盃: "杯",
盜: "盗",
盞: "盏",
盡: "尽",
監: "监",
盤: "盘",
盧: "卢",
盪: "荡",
眞: "真",
眥: "眦",
眾: "众",
睏: "困",
睜: "睁",
睞: "睐",
瞘: "眍",
瞜: "䁖",
瞞: "瞒",
瞶: "瞆",
瞼: "睑",
矇: "蒙",
矓: "眬",
矚: "瞩",
矯: "矫",
硃: "朱",
硜: "硁",
硤: "硖",
硨: "砗",
硯: "砚",
碕: "埼",
碩: "硕",
碭: "砀",
碸: "砜",
確: "确",
碼: "码",
碽: "䂵",
磑: "硙",
磚: "砖",
磠: "硵",
磣: "碜",
磧: "碛",
磯: "矶",
磽: "硗",
磾: "䃅",
礄: "硚",
礆: "硷",
礎: "础",
礙: "碍",
礦: "矿",
礪: "砺",
礫: "砾",
礬: "矾",
礱: "砻",
祕: "秘",
祿: "禄",
禍: "祸",
禎: "祯",
禕: "祎",
禡: "祃",
禦: "御",
禪: "禅",
禮: "礼",
禰: "祢",
禱: "祷",
禿: "秃",
秈: "籼",
稅: "税",
稈: "秆",
稏: "䅉",
稜: "棱",
稟: "禀",
種: "种",
稱: "称",
穀: "谷",
穇: "䅟",
穌: "稣",
積: "积",
穎: "颖",
穠: "秾",
穡: "穑",
穢: "秽",
穩: "稳",
穫: "获",
穭: "穞",
窩: "窝",
窪: "洼",
窮: "穷",
窯: "窑",
窵: "窎",
窶: "窭",
窺: "窥",
竄: "窜",
竅: "窍",
竇: "窦",
竈: "灶",
竊: "窃",
竪: "竖",
競: "竞",
筆: "笔",
筍: "笋",
筧: "笕",
筴: "䇲",
箇: "个",
箋: "笺",
箏: "筝",
節: "节",
範: "范",
築: "筑",
篋: "箧",
篔: "筼",
篠: "筿",
篤: "笃",
篩: "筛",
篳: "筚",
簀: "箦",
簍: "篓",
簑: "蓑",
簞: "箪",
簡: "简",
簣: "篑",
簫: "箫",
簹: "筜",
簽: "签",
簾: "帘",
籃: "篮",
籌: "筹",
籔: "䉤",
籙: "箓",
籛: "篯",
籜: "箨",
籟: "籁",
籠: "笼",
籤: "签",
籩: "笾",
籪: "簖",
籬: "篱",
籮: "箩",
籲: "吁",
粵: "粤",
糉: "粽",
糝: "糁",
糞: "粪",
糧: "粮",
糰: "团",
糲: "粝",
糴: "籴",
糶: "粜",
糹: "纟",
糾: "纠",
紀: "纪",
紂: "纣",
約: "约",
紅: "红",
紆: "纡",
紇: "纥",
紈: "纨",
紉: "纫",
紋: "纹",
納: "纳",
紐: "纽",
紓: "纾",
純: "纯",
紕: "纰",
紖: "纼",
紗: "纱",
紘: "纮",
紙: "纸",
級: "级",
紛: "纷",
紜: "纭",
紝: "纴",
紡: "纺",
紬: "䌷",
紮: "扎",
細: "细",
紱: "绂",
紲: "绁",
紳: "绅",
紵: "纻",
紹: "绍",
紺: "绀",
紼: "绋",
紿: "绐",
絀: "绌",
終: "终",
絃: "弦",
組: "组",
絅: "䌹",
絆: "绊",
絎: "绗",
結: "结",
絕: "绝",
絛: "绦",
絝: "绔",
絞: "绞",
絡: "络",
絢: "绚",
給: "给",
絨: "绒",
絰: "绖",
統: "统",
絲: "丝",
絳: "绛",
絶: "绝",
絹: "绢",
綁: "绑",
綃: "绡",
綆: "绠",
綈: "绨",
綉: "绣",
綌: "绤",
綏: "绥",
綐: "䌼",
綑: "捆",
經: "经",
綜: "综",
綞: "缍",
綠: "绿",
綢: "绸",
綣: "绻",
綫: "线",
綬: "绶",
維: "维",
綯: "绹",
綰: "绾",
綱: "纲",
網: "网",
綳: "绷",
綴: "缀",
綵: "彩",
綸: "纶",
綹: "绺",
綺: "绮",
綻: "绽",
綽: "绰",
綾: "绫",
綿: "绵",
緄: "绲",
緇: "缁",
緊: "紧",
緋: "绯",
緑: "绿",
緒: "绪",
緓: "绬",
緔: "绱",
緗: "缃",
緘: "缄",
緙: "缂",
線: "线",
緝: "缉",
緞: "缎",
締: "缔",
緡: "缗",
緣: "缘",
緦: "缌",
編: "编",
緩: "缓",
緬: "缅",
緯: "纬",
緱: "缑",
緲: "缈",
練: "练",
緶: "缏",
緹: "缇",
緻: "致",
緼: "缊",
縈: "萦",
縉: "缙",
縊: "缢",
縋: "缒",
縐: "绉",
縑: "缣",
縕: "缊",
縗: "缞",
縛: "缚",
縝: "缜",
縞: "缟",
縟: "缛",
縣: "县",
縧: "绦",
縫: "缝",
縭: "缡",
縮: "缩",
縱: "纵",
縲: "缧",
縳: "䌸",
縴: "纤",
縵: "缦",
縶: "絷",
縷: "缕",
縹: "缥",
總: "总",
績: "绩",
繃: "绷",
繅: "缫",
繆: "缪",
繒: "缯",
織: "织",
繕: "缮",
繚: "缭",
繞: "绕",
繡: "绣",
繢: "缋",
繩: "绳",
繪: "绘",
繫: "系",
繭: "茧",
繮: "缰",
繯: "缳",
繰: "缲",
繳: "缴",
繸: "䍁",
繹: "绎",
繼: "继",
繽: "缤",
繾: "缱",
繿: "䍀",
纇: "颣",
纈: "缬",
纊: "纩",
續: "续",
纍: "累",
纏: "缠",
纓: "缨",
纔: "才",
纖: "纤",
纘: "缵",
纜: "缆",
缽: "钵",
罃: "䓨",
罈: "坛",
罌: "罂",
罎: "坛",
罰: "罚",
罵: "骂",
罷: "罢",
羅: "罗",
羆: "罴",
羈: "羁",
羋: "芈",
羣: "群",
羥: "羟",
羨: "羡",
義: "义",
羶: "膻",
習: "习",
翫: "玩",
翬: "翚",
翹: "翘",
翽: "翙",
耬: "耧",
耮: "耢",
聖: "圣",
聞: "闻",
聯: "联",
聰: "聪",
聲: "声",
聳: "耸",
聵: "聩",
聶: "聂",
職: "职",
聹: "聍",
聽: "听",
聾: "聋",
肅: "肃",
脅: "胁",
脈: "脉",
脛: "胫",
脣: "唇",
脩: "修",
脫: "脱",
脹: "胀",
腎: "肾",
腖: "胨",
腡: "脶",
腦: "脑",
腫: "肿",
腳: "脚",
腸: "肠",
膃: "腽",
膕: "腘",
膚: "肤",
膞: "䏝",
膠: "胶",
膩: "腻",
膽: "胆",
膾: "脍",
膿: "脓",
臉: "脸",
臍: "脐",
臏: "膑",
臘: "腊",
臚: "胪",
臟: "脏",
臠: "脔",
臢: "臜",
臥: "卧",
臨: "临",
臺: "台",
與: "与",
興: "兴",
舉: "举",
舊: "旧",
舘: "馆",
艙: "舱",
艤: "舣",
艦: "舰",
艫: "舻",
艱: "艰",
艷: "艳",
芻: "刍",
苧: "苎",
茲: "兹",
荊: "荆",
莊: "庄",
莖: "茎",
莢: "荚",
莧: "苋",
華: "华",
菴: "庵",
菸: "烟",
萇: "苌",
萊: "莱",
萬: "万",
萴: "荝",
萵: "莴",
葉: "叶",
葒: "荭",
葤: "荮",
葦: "苇",
葯: "药",
葷: "荤",
蒐: "搜",
蒓: "莼",
蒔: "莳",
蒕: "蒀",
蒞: "莅",
蒼: "苍",
蓀: "荪",
蓆: "席",
蓋: "盖",
蓮: "莲",
蓯: "苁",
蓴: "莼",
蓽: "荜",
蔔: "卜",
蔘: "参",
蔞: "蒌",
蔣: "蒋",
蔥: "葱",
蔦: "茑",
蔭: "荫",
蕁: "荨",
蕆: "蒇",
蕎: "荞",
蕒: "荬",
蕓: "芸",
蕕: "莸",
蕘: "荛",
蕢: "蒉",
蕩: "荡",
蕪: "芜",
蕭: "萧",
蕷: "蓣",
薀: "蕰",
薈: "荟",
薊: "蓟",
薌: "芗",
薑: "姜",
薔: "蔷",
薘: "荙",
薟: "莶",
薦: "荐",
薩: "萨",
薳: "䓕",
薴: "苧",
薵: "䓓",
薹: "苔",
薺: "荠",
藍: "蓝",
藎: "荩",
藝: "艺",
藥: "药",
藪: "薮",
藭: "䓖",
藴: "蕴",
藶: "苈",
藹: "蔼",
藺: "蔺",
蘀: "萚",
蘄: "蕲",
蘆: "芦",
蘇: "苏",
蘊: "蕴",
蘋: "苹",
蘚: "藓",
蘞: "蔹",
蘢: "茏",
蘭: "兰",
蘺: "蓠",
蘿: "萝",
虆: "蔂",
處: "处",
虛: "虚",
虜: "虏",
號: "号",
虧: "亏",
虯: "虬",
蛺: "蛱",
蛻: "蜕",
蜆: "蚬",
蝕: "蚀",
蝟: "猬",
蝦: "虾",
蝨: "虱",
蝸: "蜗",
螄: "蛳",
螞: "蚂",
螢: "萤",
螮: "䗖",
螻: "蝼",
螿: "螀",
蟄: "蛰",
蟈: "蝈",
蟎: "螨",
蟣: "虮",
蟬: "蝉",
蟯: "蛲",
蟲: "虫",
蟶: "蛏",
蟻: "蚁",
蠁: "蚃",
蠅: "蝇",
蠆: "虿",
蠍: "蝎",
蠐: "蛴",
蠑: "蝾",
蠔: "蚝",
蠟: "蜡",
蠣: "蛎",
蠨: "蟏",
蠱: "蛊",
蠶: "蚕",
蠻: "蛮",
衆: "众",
衊: "蔑",
術: "术",
衕: "同",
衚: "胡",
衛: "卫",
衝: "冲",
袞: "衮",
裊: "袅",
裏: "里",
補: "补",
裝: "装",
裡: "里",
製: "制",
複: "复",
褌: "裈",
褘: "袆",
褲: "裤",
褳: "裢",
褸: "褛",
褻: "亵",
襇: "裥",
襉: "裥",
襏: "袯",
襖: "袄",
襝: "裣",
襠: "裆",
襤: "褴",
襪: "袜",
襬: "摆",
襯: "衬",
襲: "袭",
襴: "襕",
覈: "核",
見: "见",
覎: "觃",
規: "规",
覓: "觅",
視: "视",
覘: "觇",
覡: "觋",
覥: "觍",
覦: "觎",
親: "亲",
覬: "觊",
覯: "觏",
覲: "觐",
覷: "觑",
覺: "觉",
覽: "览",
覿: "觌",
觀: "观",
觴: "觞",
觶: "觯",
觸: "触",
訁: "讠",
訂: "订",
訃: "讣",
計: "计",
訊: "讯",
訌: "讧",
討: "讨",
訐: "讦",
訒: "讱",
訓: "训",
訕: "讪",
訖: "讫",
託: "托",
記: "记",
訛: "讹",
訝: "讶",
訟: "讼",
訢: "䜣",
訣: "诀",
訥: "讷",
訩: "讻",
訪: "访",
設: "设",
許: "许",
訴: "诉",
訶: "诃",
診: "诊",
註: "注",
証: "证",
詁: "诂",
詆: "诋",
詎: "讵",
詐: "诈",
詒: "诒",
詔: "诏",
評: "评",
詖: "诐",
詗: "诇",
詘: "诎",
詛: "诅",
詞: "词",
詠: "咏",
詡: "诩",
詢: "询",
詣: "诣",
試: "试",
詩: "诗",
詫: "诧",
詬: "诟",
詭: "诡",
詮: "诠",
詰: "诘",
話: "话",
該: "该",
詳: "详",
詵: "诜",
詼: "诙",
詿: "诖",
誄: "诔",
誅: "诛",
誆: "诓",
誇: "夸",
誌: "志",
認: "认",
誑: "诳",
誒: "诶",
誕: "诞",
誘: "诱",
誚: "诮",
語: "语",
誠: "诚",
誡: "诫",
誣: "诬",
誤: "误",
誥: "诰",
誦: "诵",
誨: "诲",
說: "说",
説: "说",
誰: "谁",
課: "课",
誶: "谇",
誹: "诽",
誼: "谊",
誾: "訚",
調: "调",
諂: "谄",
諄: "谆",
談: "谈",
諉: "诿",
請: "请",
諍: "诤",
諏: "诹",
諑: "诼",
諒: "谅",
論: "论",
諗: "谂",
諛: "谀",
諜: "谍",
諝: "谞",
諞: "谝",
諡: "谥",
諢: "诨",
諤: "谔",
諦: "谛",
諧: "谐",
諫: "谏",
諭: "谕",
諮: "咨",
諱: "讳",
諳: "谙",
諶: "谌",
諷: "讽",
諸: "诸",
諺: "谚",
諼: "谖",
諾: "诺",
謀: "谋",
謁: "谒",
謂: "谓",
謄: "誊",
謅: "诌",
謊: "谎",
謎: "谜",
謐: "谧",
謔: "谑",
謖: "谡",
謗: "谤",
謙: "谦",
謚: "谥",
講: "讲",
謝: "谢",
謠: "谣",
謡: "谣",
謨: "谟",
謫: "谪",
謬: "谬",
謭: "谫",
謳: "讴",
謹: "谨",
謾: "谩",
譁: "哗",
證: "证",
譎: "谲",
譏: "讥",
譖: "谮",
識: "识",
譙: "谯",
譚: "谭",
譜: "谱",
譟: "噪",
譫: "谵",
譭: "毁",
譯: "译",
議: "议",
譴: "谴",
護: "护",
譸: "诪",
譽: "誉",
譾: "谫",
讀: "读",
讅: "谉",
變: "变",
讋: "詟",
讌: "䜩",
讎: "雠",
讒: "谗",
讓: "让",
讕: "谰",
讖: "谶",
讚: "赞",
讜: "谠",
讞: "谳",
豈: "岂",
豎: "竖",
豐: "丰",
豔: "艳",
豬: "猪",
豶: "豮",
貓: "猫",
貙: "䝙",
貝: "贝",
貞: "贞",
貟: "贠",
負: "负",
財: "财",
貢: "贡",
貧: "贫",
貨: "货",
販: "贩",
貪: "贪",
貫: "贯",
責: "责",
貯: "贮",
貰: "贳",
貲: "赀",
貳: "贰",
貴: "贵",
貶: "贬",
買: "买",
貸: "贷",
貺: "贶",
費: "费",
貼: "贴",
貽: "贻",
貿: "贸",
賀: "贺",
賁: "贲",
賂: "赂",
賃: "赁",
賄: "贿",
賅: "赅",
資: "资",
賈: "贾",
賊: "贼",
賑: "赈",
賒: "赊",
賓: "宾",
賕: "赇",
賙: "赒",
賚: "赉",
賜: "赐",
賞: "赏",
賠: "赔",
賡: "赓",
賢: "贤",
賣: "卖",
賤: "贱",
賦: "赋",
賧: "赕",
質: "质",
賫: "赍",
賬: "账",
賭: "赌",
賰: "䞐",
賴: "赖",
賵: "赗",
賺: "赚",
賻: "赙",
購: "购",
賽: "赛",
賾: "赜",
贄: "贽",
贅: "赘",
贇: "赟",
贈: "赠",
贊: "赞",
贋: "赝",
贍: "赡",
贏: "赢",
贐: "赆",
贓: "赃",
贔: "赑",
贖: "赎",
贗: "赝",
贛: "赣",
贜: "赃",
赬: "赪",
趕: "赶",
趙: "赵",
趨: "趋",
趲: "趱",
跡: "迹",
踐: "践",
踰: "逾",
踴: "踊",
蹌: "跄",
蹕: "跸",
蹟: "迹",
蹠: "跖",
蹣: "蹒",
蹤: "踪",
蹺: "跷",
躂: "跶",
躉: "趸",
躊: "踌",
躋: "跻",
躍: "跃",
躎: "䟢",
躑: "踯",
躒: "跞",
躓: "踬",
躕: "蹰",
躚: "跹",
躡: "蹑",
躥: "蹿",
躦: "躜",
躪: "躏",
軀: "躯",
車: "车",
軋: "轧",
軌: "轨",
軍: "军",
軑: "轪",
軒: "轩",
軔: "轫",
軛: "轭",
軟: "软",
軤: "轷",
軫: "轸",
軲: "轱",
軸: "轴",
軹: "轵",
軺: "轺",
軻: "轲",
軼: "轶",
軾: "轼",
較: "较",
輅: "辂",
輇: "辁",
輈: "辀",
載: "载",
輊: "轾",
輒: "辄",
輓: "挽",
輔: "辅",
輕: "轻",
輛: "辆",
輜: "辎",
輝: "辉",
輞: "辋",
輟: "辍",
輥: "辊",
輦: "辇",
輩: "辈",
輪: "轮",
輬: "辌",
輯: "辑",
輳: "辏",
輸: "输",
輻: "辐",
輼: "辒",
輾: "辗",
輿: "舆",
轀: "辒",
轂: "毂",
轄: "辖",
轅: "辕",
轆: "辘",
轉: "转",
轍: "辙",
轎: "轿",
轔: "辚",
轟: "轰",
轡: "辔",
轢: "轹",
轤: "轳",
辦: "办",
辭: "辞",
辮: "辫",
辯: "辩",
農: "农",
迴: "回",
逕: "迳",
這: "这",
連: "连",
週: "周",
進: "进",
遊: "游",
運: "运",
過: "过",
達: "达",
違: "违",
遙: "遥",
遜: "逊",
遞: "递",
遠: "远",
遡: "溯",
適: "适",
遲: "迟",
遷: "迁",
選: "选",
遺: "遗",
遼: "辽",
邁: "迈",
還: "还",
邇: "迩",
邊: "边",
邏: "逻",
邐: "逦",
郟: "郏",
郵: "邮",
鄆: "郓",
鄉: "乡",
鄒: "邹",
鄔: "邬",
鄖: "郧",
鄧: "邓",
鄭: "郑",
鄰: "邻",
鄲: "郸",
鄴: "邺",
鄶: "郐",
鄺: "邝",
酇: "酂",
酈: "郦",
醃: "腌",
醖: "酝",
醜: "丑",
醞: "酝",
醟: "蒏",
醣: "糖",
醫: "医",
醬: "酱",
醱: "酦",
釀: "酿",
釁: "衅",
釃: "酾",
釅: "酽",
釋: "释",
釐: "厘",
釒: "钅",
釓: "钆",
釔: "钇",
釕: "钌",
釗: "钊",
釘: "钉",
釙: "钋",
針: "针",
釣: "钓",
釤: "钐",
釦: "扣",
釧: "钏",
釩: "钒",
釵: "钗",
釷: "钍",
釹: "钕",
釺: "钎",
釾: "䥺",
鈀: "钯",
鈁: "钫",
鈃: "钘",
鈄: "钭",
鈅: "钥",
鈈: "钚",
鈉: "钠",
鈍: "钝",
鈎: "钩",
鈐: "钤",
鈑: "钣",
鈒: "钑",
鈔: "钞",
鈕: "钮",
鈞: "钧",
鈡: "钟",
鈣: "钙",
鈥: "钬",
鈦: "钛",
鈧: "钪",
鈮: "铌",
鈰: "铈",
鈳: "钶",
鈴: "铃",
鈷: "钴",
鈸: "钹",
鈹: "铍",
鈺: "钰",
鈽: "钸",
鈾: "铀",
鈿: "钿",
鉀: "钾",
鉅: "巨",
鉆: "钻",
鉈: "铊",
鉉: "铉",
鉋: "铇",
鉍: "铋",
鉑: "铂",
鉕: "钷",
鉗: "钳",
鉚: "铆",
鉛: "铅",
鉞: "钺",
鉢: "钵",
鉤: "钩",
鉦: "钲",
鉬: "钼",
鉭: "钽",
鉳: "锫",
鉶: "铏",
鉸: "铰",
鉺: "铒",
鉻: "铬",
鉿: "铪",
銀: "银",
銃: "铳",
銅: "铜",
銍: "铚",
銑: "铣",
銓: "铨",
銖: "铢",
銘: "铭",
銚: "铫",
銛: "铦",
銜: "衔",
銠: "铑",
銣: "铷",
銥: "铱",
銦: "铟",
銨: "铵",
銩: "铥",
銪: "铕",
銫: "铯",
銬: "铐",
銱: "铞",
銳: "锐",
銷: "销",
銹: "锈",
銻: "锑",
銼: "锉",
鋁: "铝",
鋃: "锒",
鋅: "锌",
鋇: "钡",
鋌: "铤",
鋏: "铗",
鋒: "锋",
鋙: "铻",
鋝: "锊",
鋟: "锓",
鋣: "铘",
鋤: "锄",
鋥: "锃",
鋦: "锔",
鋨: "锇",
鋩: "铓",
鋪: "铺",
鋭: "锐",
鋮: "铖",
鋯: "锆",
鋰: "锂",
鋱: "铽",
鋶: "锍",
鋸: "锯",
鋼: "钢",
錁: "锞",
錄: "录",
錆: "锖",
錇: "锫",
錈: "锩",
錏: "铔",
錐: "锥",
錒: "锕",
錕: "锟",
錘: "锤",
錙: "锱",
錚: "铮",
錛: "锛",
錟: "锬",
錠: "锭",
錡: "锜",
錢: "钱",
錦: "锦",
錨: "锚",
錩: "锠",
錫: "锡",
錮: "锢",
錯: "错",
録: "录",
錳: "锰",
錶: "表",
錸: "铼",
錼: "镎",
鍀: "锝",
鍁: "锨",
鍃: "锪",
鍅: "钫",
鍆: "钔",
鍇: "锴",
鍈: "锳",
鍊: "炼",
鍋: "锅",
鍍: "镀",
鍔: "锷",
鍘: "铡",
鍚: "钖",
鍛: "锻",
鍠: "锽",
鍤: "锸",
鍥: "锲",
鍩: "锘",
鍬: "锹",
鍰: "锾",
鍵: "键",
鍶: "锶",
鍺: "锗",
鍼: "针",
鍾: "钟",
鎂: "镁",
鎄: "锿",
鎇: "镅",
鎊: "镑",
鎌: "镰",
鎔: "镕",
鎖: "锁",
鎘: "镉",
鎚: "锤",
鎛: "镈",
鎡: "镃",
鎢: "钨",
鎣: "蓥",
鎦: "镏",
鎧: "铠",
鎩: "铩",
鎪: "锼",
鎬: "镐",
鎭: "镇",
鎮: "镇",
鎰: "镒",
鎲: "镋",
鎳: "镍",
鎵: "镓",
鎶: "鿔",
鎸: "镌",
鎿: "镎",
鏃: "镞",
鏇: "旋",
鏈: "链",
鏌: "镆",
鏍: "镙",
鏐: "镠",
鏑: "镝",
鏗: "铿",
鏘: "锵",
鏜: "镗",
鏝: "镘",
鏞: "镛",
鏟: "铲",
鏡: "镜",
鏢: "镖",
鏤: "镂",
鏨: "錾",
鏰: "镚",
鏵: "铧",
鏷: "镤",
鏹: "镪",
鏺: "䥽",
鏽: "锈",
鐃: "铙",
鐋: "铴",
鐐: "镣",
鐒: "铹",
鐓: "镦",
鐔: "镡",
鐘: "钟",
鐙: "镫",
鐝: "镢",
鐠: "镨",
鐥: "䦅",
鐦: "锎",
鐧: "锏",
鐨: "镄",
鐫: "镌",
鐮: "镰",
鐯: "䦃",
鐲: "镯",
鐳: "镭",
鐵: "铁",
鐶: "镮",
鐸: "铎",
鐺: "铛",
鐿: "镱",
鑄: "铸",
鑊: "镬",
鑌: "镔",
鑑: "鉴",
鑒: "鉴",
鑔: "镲",
鑕: "锧",
鑞: "镴",
鑠: "铄",
鑣: "镳",
鑥: "镥",
鑭: "镧",
鑰: "钥",
鑱: "镵",
鑲: "镶",
鑷: "镊",
鑹: "镩",
鑼: "锣",
鑽: "钻",
鑾: "銮",
鑿: "凿",
钁: "镢",
钂: "镋",
長: "长",
門: "门",
閂: "闩",
閃: "闪",
閆: "闫",
閈: "闬",
閉: "闭",
開: "开",
閌: "闶",
閎: "闳",
閏: "闰",
閑: "闲",
閒: "闲",
間: "间",
閔: "闵",
閘: "闸",
閡: "阂",
閣: "阁",
閤: "合",
閥: "阀",
閨: "闺",
閩: "闽",
閫: "阃",
閬: "阆",
閭: "闾",
閱: "阅",
閲: "阅",
閶: "阊",
閹: "阉",
閻: "阎",
閼: "阏",
閽: "阍",
閾: "阈",
閿: "阌",
闃: "阒",
闆: "板",
闇: "暗",
闈: "闱",
闊: "阔",
闋: "阕",
闌: "阑",
闍: "阇",
闐: "阗",
闒: "阘",
闓: "闿",
闔: "阖",
闕: "阙",
闖: "闯",
關: "关",
闞: "阚",
闠: "阓",
闡: "阐",
闢: "辟",
闤: "阛",
闥: "闼",
陘: "陉",
陝: "陕",
陞: "升",
陣: "阵",
陰: "阴",
陳: "陈",
陸: "陆",
陽: "阳",
隉: "陧",
隊: "队",
階: "阶",
隕: "陨",
際: "际",
隨: "随",
險: "险",
隯: "陦",
隱: "隐",
隴: "陇",
隸: "隶",
隻: "只",
雋: "隽",
雖: "虽",
雙: "双",
雛: "雏",
雜: "杂",
雞: "鸡",
離: "离",
難: "难",
雲: "云",
電: "电",
霑: "沾",
霢: "霡",
霧: "雾",
霽: "霁",
靂: "雳",
靄: "霭",
靆: "叇",
靈: "灵",
靉: "叆",
靚: "靓",
靜: "静",
靝: "靔",
靦: "腼",
靨: "靥",
鞏: "巩",
鞝: "绱",
鞦: "秋",
鞽: "鞒",
韁: "缰",
韃: "鞑",
韆: "千",
韉: "鞯",
韋: "韦",
韌: "韧",
韍: "韨",
韓: "韩",
韙: "韪",
韜: "韬",
韝: "鞲",
韞: "韫",
韻: "韵",
響: "响",
頁: "页",
頂: "顶",
頃: "顷",
項: "项",
順: "顺",
頇: "顸",
須: "须",
頊: "顼",
頌: "颂",
頎: "颀",
頏: "颃",
預: "预",
頑: "顽",
頒: "颁",
頓: "顿",
頗: "颇",
領: "领",
頜: "颌",
頡: "颉",
頤: "颐",
頦: "颏",
頭: "头",
頮: "颒",
頰: "颊",
頲: "颋",
頴: "颕",
頷: "颔",
頸: "颈",
頹: "颓",
頻: "频",
頽: "颓",
顆: "颗",
題: "题",
額: "额",
顎: "颚",
顏: "颜",
顒: "颙",
顓: "颛",
顔: "颜",
願: "愿",
顙: "颡",
顛: "颠",
類: "类",
顢: "颟",
顥: "颢",
顧: "顾",
顫: "颤",
顬: "颥",
顯: "显",
顰: "颦",
顱: "颅",
顳: "颞",
顴: "颧",
風: "风",
颭: "飐",
颮: "飑",
颯: "飒",
颱: "台",
颳: "刮",
颶: "飓",
颸: "飔",
颺: "飏",
颻: "飖",
颼: "飕",
飀: "飗",
飄: "飘",
飆: "飙",
飈: "飚",
飛: "飞",
飠: "饣",
飢: "饥",
飣: "饤",
飥: "饦",
飩: "饨",
飪: "饪",
飫: "饫",
飭: "饬",
飯: "饭",
飱: "飧",
飲: "饮",
飴: "饴",
飼: "饲",
飽: "饱",
飾: "饰",
飿: "饳",
餃: "饺",
餄: "饸",
餅: "饼",
餈: "糍",
餉: "饷",
養: "养",
餌: "饵",
餎: "饹",
餏: "饻",
餑: "饽",
餒: "馁",
餓: "饿",
餕: "馂",
餖: "饾",
餘: "余",
餚: "肴",
餛: "馄",
餜: "馃",
餞: "饯",
餡: "馅",
館: "馆",
餬: "糊",
餱: "糇",
餳: "饧",
餵: "喂",
餶: "馉",
餷: "馇",
餺: "馎",
餼: "饩",
餾: "馏",
餿: "馊",
饁: "馌",
饃: "馍",
饅: "馒",
饈: "馐",
饉: "馑",
饊: "馓",
饋: "馈",
饌: "馔",
饑: "饥",
饒: "饶",
饗: "飨",
饜: "餍",
饞: "馋",
饢: "馕",
馬: "马",
馭: "驭",
馮: "冯",
馱: "驮",
馳: "驰",
馴: "驯",
馹: "驲",
駁: "驳",
駐: "驻",
駑: "驽",
駒: "驹",
駔: "驵",
駕: "驾",
駘: "骀",
駙: "驸",
駛: "驶",
駝: "驼",
駟: "驷",
駡: "骂",
駢: "骈",
駭: "骇",
駰: "骃",
駱: "骆",
駸: "骎",
駿: "骏",
騁: "骋",
騂: "骍",
騅: "骓",
騌: "骔",
騍: "骒",
騎: "骑",
騏: "骐",
騖: "骛",
騙: "骗",
騤: "骙",
騧: "䯄",
騫: "骞",
騭: "骘",
騮: "骝",
騰: "腾",
騶: "驺",
騷: "骚",
騸: "骟",
騾: "骡",
驀: "蓦",
驁: "骜",
驂: "骖",
驃: "骠",
驄: "骢",
驅: "驱",
驊: "骅",
驌: "骕",
驍: "骁",
驏: "骣",
驕: "骄",
驗: "验",
驚: "惊",
驛: "驿",
驟: "骤",
驢: "驴",
驤: "骧",
驥: "骥",
驦: "骦",
驪: "骊",
驫: "骉",
骯: "肮",
髏: "髅",
髒: "脏",
體: "体",
髕: "髌",
髖: "髋",
髮: "发",
鬆: "松",
鬍: "胡",
鬚: "须",
鬢: "鬓",
鬥: "斗",
鬧: "闹",
鬨: "哄",
鬩: "阋",
鬮: "阄",
鬱: "郁",
鬹: "鬶",
魎: "魉",
魘: "魇",
魚: "鱼",
魛: "鱽",
魢: "鱾",
魨: "鲀",
魯: "鲁",
魴: "鲂",
魷: "鱿",
魺: "鲄",
鮁: "鲅",
鮃: "鲆",
鮊: "鲌",
鮋: "鲉",
鮍: "鲏",
鮎: "鲇",
鮐: "鲐",
鮑: "鲍",
鮒: "鲋",
鮓: "鲊",
鮚: "鲒",
鮜: "鲘",
鮝: "鲞",
鮞: "鲕",
鮣: "䲟",
鮦: "鲖",
鮪: "鲔",
鮫: "鲛",
鮭: "鲑",
鮮: "鲜",
鮳: "鲓",
鮶: "鲪",
鮺: "鲝",
鯀: "鲧",
鯁: "鲠",
鯇: "鲩",
鯉: "鲤",
鯊: "鲨",
鯒: "鲬",
鯔: "鲻",
鯕: "鲯",
鯖: "鲭",
鯗: "鲞",
鯛: "鲷",
鯝: "鲴",
鯡: "鲱",
鯢: "鲵",
鯤: "鲲",
鯧: "鲳",
鯨: "鲸",
鯪: "鲮",
鯫: "鲰",
鯰: "鲶",
鯴: "鲺",
鯷: "鳀",
鯽: "鲫",
鯿: "鳊",
鰁: "鳈",
鰂: "鲗",
鰃: "鳂",
鰆: "䲠",
鰈: "鲽",
鰉: "鳇",
鰌: "䲡",
鰍: "鳅",
鰏: "鲾",
鰐: "鳄",
鰒: "鳆",
鰓: "鳃",
鰛: "鳁",
鰜: "鳒",
鰟: "鳑",
鰠: "鳋",
鰣: "鲥",
鰥: "鳏",
鰧: "䲢",
鰨: "鳎",
鰩: "鳐",
鰭: "鳍",
鰮: "鳁",
鰱: "鲢",
鰲: "鳌",
鰳: "鳓",
鰵: "鳘",
鰷: "鲦",
鰹: "鲣",
鰺: "鲹",
鰻: "鳗",
鰼: "鳛",
鰾: "鳔",
鱂: "鳉",
鱅: "鳙",
鱈: "鳕",
鱉: "鳖",
鱒: "鳟",
鱔: "鳝",
鱖: "鳜",
鱗: "鳞",
鱘: "鲟",
鱝: "鲼",
鱟: "鲎",
鱠: "鲙",
鱣: "鳣",
鱤: "鳡",
鱧: "鳢",
鱨: "鲿",
鱭: "鲚",
鱯: "鳠",
鱷: "鳄",
鱸: "鲈",
鱺: "鲡",
鳥: "鸟",
鳧: "凫",
鳩: "鸠",
鳬: "凫",
鳲: "鸤",
鳳: "凤",
鳴: "鸣",
鳶: "鸢",
鳾: "䴓",
鴆: "鸩",
鴇: "鸨",
鴉: "鸦",
鴒: "鸰",
鴕: "鸵",
鴛: "鸳",
鴝: "鸲",
鴞: "鸮",
鴟: "鸱",
鴣: "鸪",
鴦: "鸯",
鴨: "鸭",
鴯: "鸸",
鴰: "鸹",
鴴: "鸻",
鴷: "䴕",
鴻: "鸿",
鴿: "鸽",
鵁: "䴔",
鵂: "鸺",
鵃: "鸼",
鵐: "鹀",
鵑: "鹃",
鵒: "鹆",
鵓: "鹁",
鵜: "鹈",
鵝: "鹅",
鵠: "鹄",
鵡: "鹉",
鵪: "鹌",
鵬: "鹏",
鵮: "鹐",
鵯: "鹎",
鵰: "雕",
鵲: "鹊",
鵷: "鹓",
鵾: "鹍",
鶄: "䴖",
鶇: "鸫",
鶉: "鹑",
鶊: "鹒",
鶓: "鹋",
鶖: "鹙",
鶘: "鹕",
鶚: "鹗",
鶡: "鹖",
鶥: "鹛",
鶩: "鹜",
鶪: "䴗",
鶬: "鸧",
鶯: "莺",
鶲: "鹟",
鶴: "鹤",
鶹: "鹠",
鶺: "鹡",
鶻: "鹘",
鶼: "鹣",
鶿: "鹚",
鷀: "鹚",
鷁: "鹢",
鷂: "鹞",
鷄: "鸡",
鷉: "䴘",
鷊: "鹝",
鷓: "鹧",
鷖: "鹥",
鷗: "鸥",
鷙: "鸷",
鷚: "鹨",
鷥: "鸶",
鷦: "鹪",
鷫: "鹔",
鷯: "鹩",
鷲: "鹫",
鷳: "鹇",
鷴: "鹇",
鷸: "鹬",
鷹: "鹰",
鷺: "鹭",
鷽: "鸴",
鸂: "㶉",
鸇: "鹯",
鸊: "䴙",
鸌: "鹱",
鸏: "鹲",
鸕: "鸬",
鸘: "鹴",
鸚: "鹦",
鸛: "鹳",
鸝: "鹂",
鸞: "鸾",
鹵: "卤",
鹹: "咸",
鹺: "鹾",
鹼: "碱",
鹽: "盐",
麗: "丽",
麥: "麦",
麩: "麸",
麪: "面",
麫: "面",
麯: "曲",
麴: "曲",
麵: "面",
麼: "么",
麽: "么",
黃: "黄",
黌: "黉",
點: "点",
黨: "党",
黲: "黪",
黴: "霉",
黶: "黡",
黷: "黩",
黽: "黾",
黿: "鼋",
鼂: "鼌",
鼉: "鼍",
鼕: "冬",
鼴: "鼹",
齊: "齐",
齋: "斋",
齎: "赍",
齏: "齑",
齒: "齿",
齔: "龀",
齕: "龁",
齗: "龂",
齙: "龅",
齜: "龇",
齟: "龃",
齠: "龆",
齡: "龄",
齣: "出",
齦: "龈",
齧: "啮",
齪: "龊",
齬: "龉",
齲: "龋",
齶: "腭",
齷: "龌",
龍: "龙",
龎: "厐",
龐: "庞",
龑: "䶮",
龔: "龚",
龕: "龛",
龜: "龟",
鿁: "䜤",
鿓: "鿒"
};
var s2t_default = {
㐷: "傌",
㐹: "㑶",
㐽: "偑",
㑇: "㑳",
㑈: "倲",
㑔: "㑯",
㑩: "儸",
㓥: "劏",
㓰: "劃",
㔉: "劚",
㖊: "噚",
㖞: "喎",
㘎: "㘚",
㚯: "㜄",
㛀: "媰",
㛣: "㜏",
㛤: "孋",
㟆: "㠏",
㟥: "嵾",
㡎: "幓",
㤘: "㥮",
㤽: "懤",
㥪: "慺",
㧏: "掆",
㧐: "㩳",
㧑: "撝",
㧟: "擓",
㧰: "擽",
㨫: "㩜",
㭎: "棡",
㭏: "椲",
㭤: "樢",
㭴: "樫",
㱩: "殰",
㱮: "殨",
㲿: "瀇",
㳔: "濧",
㳕: "灡",
㳠: "澾",
㳡: "濄",
㳽: "瀰",
㴋: "潚",
㶉: "鸂",
㶶: "燶",
㶽: "煱",
㺍: "獱",
㻅: "璯",
䀥: "䁻",
䁖: "瞜",
䂵: "碽",
䃅: "磾",
䅉: "稏",
䅟: "穇",
䇲: "筴",
䉤: "籔",
䌶: "䊷",
䌷: "紬",
䌸: "縳",
䌹: "絅",
䌺: "䋙",
䌻: "䋚",
䌼: "綐",
䌽: "綵",
䌾: "䋻",
䌿: "䋹",
䍀: "繿",
䍁: "繸",
䍠: "䍦",
䎬: "䎱",
䏝: "膞",
䓓: "薵",
䓕: "薳",
䓖: "藭",
䓨: "罃",
䗖: "螮",
䙌: "䙡",
䙓: "襬",
䜣: "訢",
䜤: "鿁",
䜧: "䜀",
䜩: "讌",
䝙: "貙",
䞍: "䝼",
䞐: "賰",
䟢: "躎",
䥺: "釾",
䥽: "鏺",
䥾: "䥱",
䦂: "䥇",
䦃: "鐯",
䦅: "鐥",
䦆: "钁",
䦶: "䦛",
䦷: "䦟",
䩄: "靦",
䯄: "騧",
䯅: "䯀",
䲝: "䱽",
䲟: "鮣",
䲠: "鰆",
䲡: "鰌",
䲢: "鰧",
䲣: "䱷",
䴓: "鳾",
䴔: "鵁",
䴕: "鴷",
䴖: "鶄",
䴗: "鶪",
䴘: "鷉",
䴙: "鸊",
䶮: "龑",
万: "萬",
与: "與",
丑: "醜",
专: "專",
业: "業",
丛: "叢",
东: "東",
丝: "絲",
丢: "丟",
两: "兩",
严: "嚴",
丧: "喪",
个: "個",
丰: "豐",
临: "臨",
为: "爲",
丽: "麗",
举: "舉",
么: "麼",
义: "義",
乌: "烏",
乐: "樂",
乔: "喬",
习: "習",
乡: "鄉",
书: "書",
买: "買",
乱: "亂",
争: "爭",
于: "於",
亏: "虧",
云: "雲",
亘: "亙",
亚: "亞",
产: "產",
亩: "畝",
亲: "親",
亵: "褻",
亸: "嚲",
亿: "億",
仅: "僅",
仆: "僕",
从: "從",
仑: "侖",
仓: "倉",
仪: "儀",
们: "們",
价: "價",
众: "衆",
优: "優",
伙: "夥",
会: "會",
伛: "傴",
伞: "傘",
伟: "偉",
传: "傳",
伡: "俥",
伣: "俔",
伤: "傷",
伥: "倀",
伦: "倫",
伧: "傖",
伪: "僞",
伫: "佇",
体: "體",
余: "餘",
佣: "傭",
佥: "僉",
侠: "俠",
侣: "侶",
侥: "僥",
侦: "偵",
侧: "側",
侨: "僑",
侩: "儈",
侪: "儕",
侬: "儂",
侭: "儘",
俣: "俁",
俦: "儔",
俨: "儼",
俩: "倆",
俪: "儷",
俫: "倈",
俭: "儉",
债: "債",
倾: "傾",
偬: "傯",
偻: "僂",
偾: "僨",
偿: "償",
傤: "儎",
傥: "儻",
傧: "儐",
储: "儲",
傩: "儺",
儿: "兒",
兑: "兌",
兖: "兗",
党: "黨",
兰: "蘭",
关: "關",
兴: "興",
兹: "茲",
养: "養",
兽: "獸",
冁: "囅",
内: "內",
冈: "岡",
册: "冊",
写: "寫",
军: "軍",
农: "農",
冯: "馮",
冲: "衝",
决: "決",
况: "況",
冻: "凍",
净: "淨",
凄: "悽",
准: "準",
凉: "涼",
减: "減",
凑: "湊",
凛: "凜",
几: "幾",
凤: "鳳",
凫: "鳧",
凭: "憑",
凯: "凱",
凶: "兇",
击: "擊",
凿: "鑿",
刍: "芻",
划: "劃",
刘: "劉",
则: "則",
刚: "剛",
创: "創",
删: "刪",
别: "別",
刬: "剗",
刭: "剄",
刹: "剎",
刽: "劊",
刾: "㓨",
刿: "劌",
剀: "剴",
剂: "劑",
剐: "剮",
剑: "劍",
剥: "剝",
剧: "劇",
劝: "勸",
办: "辦",
务: "務",
劢: "勱",
动: "動",
励: "勵",
劲: "勁",
劳: "勞",
势: "勢",
勋: "勳",
勚: "勩",
匀: "勻",
匦: "匭",
匮: "匱",
区: "區",
医: "醫",
华: "華",
协: "協",
单: "單",
卖: "賣",
占: "佔",
卢: "盧",
卤: "滷",
卧: "臥",
卫: "衛",
却: "卻",
卺: "巹",
厂: "廠",
厅: "廳",
历: "歷",
厉: "厲",
压: "壓",
厌: "厭",
厍: "厙",
厐: "龎",
厕: "廁",
厘: "釐",
厢: "廂",
厣: "厴",
厦: "廈",
厨: "廚",
厩: "廄",
厮: "廝",
县: "縣",
叁: "叄",
参: "參",
叆: "靉",
叇: "靆",
双: "雙",
发: "發",
变: "變",
叙: "敘",
叠: "疊",
台: "臺",
叶: "葉",
号: "號",
叹: "嘆",
叽: "嘰",
吁: "籲",
吃: "喫",
后: "後",
吓: "嚇",
吕: "呂",
吗: "嗎",
吨: "噸",
听: "聽",
启: "啓",
吴: "吳",
呐: "吶",
呒: "嘸",
呓: "囈",
呕: "嘔",
呖: "嚦",
呗: "唄",
员: "員",
呙: "咼",
呛: "嗆",
呜: "嗚",
咏: "詠",
咙: "嚨",
咛: "嚀",
咝: "噝",
咤: "吒",
咨: "諮",
咸: "鹹",
响: "響",
哑: "啞",
哒: "噠",
哓: "嘵",
哔: "嗶",
哕: "噦",
哗: "譁",
哙: "噲",
哜: "嚌",
哝: "噥",
哟: "喲",
唇: "脣",
唛: "嘜",
唝: "嗊",
唠: "嘮",
唡: "啢",
唢: "嗩",
唤: "喚",
啧: "嘖",
啬: "嗇",
啭: "囀",
啮: "齧",
啯: "嘓",
啰: "囉",
啴: "嘽",
啸: "嘯",
喷: "噴",
喽: "嘍",
喾: "嚳",
嗫: "囁",
嗳: "噯",
嘘: "噓",
嘤: "嚶",
嘱: "囑",
噜: "嚕",
嚣: "囂",
团: "團",
园: "園",
囱: "囪",
围: "圍",
囵: "圇",
国: "國",
图: "圖",
圆: "圓",
圣: "聖",
圹: "壙",
场: "場",
坏: "壞",
块: "塊",
坚: "堅",
坛: "壇",
坜: "壢",
坝: "壩",
坞: "塢",
坟: "墳",
坠: "墜",
垄: "壟",
垅: "壠",
垆: "壚",
垒: "壘",
垦: "墾",
垩: "堊",
垫: "墊",
垭: "埡",
垯: "墶",
垱: "壋",
垲: "塏",
垴: "堖",
埘: "塒",
埙: "壎",
埚: "堝",
堑: "塹",
堕: "墮",
塆: "壪",
墙: "牆",
壮: "壯",
声: "聲",
壳: "殼",
壶: "壺",
壸: "壼",
处: "處",
备: "備",
复: "復",
够: "夠",
头: "頭",
夸: "誇",
夹: "夾",
夺: "奪",
奁: "奩",
奂: "奐",
奋: "奮",
奖: "獎",
奥: "奧",
妆: "妝",
妇: "婦",
妈: "媽",
妩: "嫵",
妪: "嫗",
妫: "嬀",
姗: "姍",
姹: "奼",
娄: "婁",
娅: "婭",
娆: "嬈",
娇: "嬌",
娈: "孌",
娱: "娛",
娲: "媧",
娴: "嫺",
婳: "嫿",
婴: "嬰",
婵: "嬋",
婶: "嬸",
媪: "媼",
媭: "嬃",
嫒: "嬡",
嫔: "嬪",
嫱: "嬙",
嬷: "嬤",
孙: "孫",
学: "學",
孪: "孿",
宁: "寧",
宝: "寶",
实: "實",
宠: "寵",
审: "審",
宪: "憲",
宫: "宮",
宽: "寬",
宾: "賓",
寝: "寢",
对: "對",
寻: "尋",
导: "導",
寿: "壽",
将: "將",
尔: "爾",
尘: "塵",
尝: "嘗",
尧: "堯",
尴: "尷",
尸: "屍",
尽: "盡",
层: "層",
屃: "屓",
屉: "屜",
届: "屆",
属: "屬",
屡: "屢",
屦: "屨",
屿: "嶼",
岁: "歲",
岂: "豈",
岖: "嶇",
岗: "崗",
岘: "峴",
岚: "嵐",
岛: "島",
岩: "巖",
岭: "嶺",
岳: "嶽",
岽: "崬",
岿: "巋",
峃: "嶨",
峄: "嶧",
峡: "峽",
峣: "嶢",
峤: "嶠",
峥: "崢",
峦: "巒",
峰: "峯",
崂: "嶗",
崃: "崍",
崄: "嶮",
崭: "嶄",
嵘: "嶸",
嵚: "嶔",
嵝: "嶁",
巅: "巔",
巩: "鞏",
巯: "巰",
币: "幣",
帅: "帥",
师: "師",
帏: "幃",
帐: "帳",
帘: "簾",
帜: "幟",
带: "帶",
帧: "幀",
帮: "幫",
帱: "幬",
帻: "幘",
帼: "幗",
幂: "冪",
干: "幹",
并: "並",
广: "廣",
庄: "莊",
庆: "慶",
床: "牀",
庐: "廬",
庑: "廡",
库: "庫",
应: "應",
庙: "廟",
庞: "龐",
废: "廢",
庼: "廎",
廪: "廩",
开: "開",
异: "異",
弃: "棄",
弑: "弒",
张: "張",
弥: "彌",
弪: "弳",
弯: "彎",
弹: "彈",
强: "強",
归: "歸",
当: "當",
录: "錄",
彟: "彠",
彦: "彥",
彨: "彲",
彻: "徹",
征: "徵",
径: "徑",
徕: "徠",
忆: "憶",
忏: "懺",
忧: "憂",
忾: "愾",
怀: "懷",
态: "態",
怂: "慫",
怃: "憮",
怄: "慪",
怅: "悵",
怆: "愴",
怜: "憐",
总: "總",
怼: "懟",
怿: "懌",
恋: "戀",
恒: "恆",
恳: "懇",
恶: "惡",
恸: "慟",
恹: "懨",
恺: "愷",
恻: "惻",
恼: "惱",
恽: "惲",
悦: "悅",
悫: "愨",
悬: "懸",
悭: "慳",
悮: "悞",
悯: "憫",
惊: "驚",
惧: "懼",
惨: "慘",
惩: "懲",
惫: "憊",
惬: "愜",
惭: "慚",
惮: "憚",
惯: "慣",
愠: "慍",
愤: "憤",
愦: "憒",
愿: "願",
慑: "懾",
慭: "憖",
懑: "懣",
懒: "懶",
懔: "懍",
戆: "戇",
戋: "戔",
戏: "戲",
戗: "戧",
战: "戰",
戬: "戩",
戯: "戱",
户: "戶",
扑: "撲",
托: "託",
执: "執",
扩: "擴",
扪: "捫",
扫: "掃",
扬: "揚",
扰: "擾",
抚: "撫",
抛: "拋",
抟: "摶",
抠: "摳",
抡: "掄",
抢: "搶",
护: "護",
报: "報",
担: "擔",
拟: "擬",
拢: "攏",
拣: "揀",
拥: "擁",
拦: "攔",
拧: "擰",
拨: "撥",
择: "擇",
挂: "掛",
挚: "摯",
挛: "攣",
挜: "掗",
挝: "撾",
挞: "撻",
挟: "挾",
挠: "撓",
挡: "擋",
挢: "撟",
挣: "掙",
挤: "擠",
挥: "揮",
挦: "撏",
捝: "挩",
捞: "撈",
损: "損",
捡: "撿",
换: "換",
捣: "搗",
据: "據",
掳: "擄",
掴: "摑",
掷: "擲",
掸: "撣",
掺: "摻",
掼: "摜",
揽: "攬",
揾: "搵",
揿: "撳",
搀: "攙",
搁: "擱",
搂: "摟",
搄: "揯",
搅: "攪",
携: "攜",
摄: "攝",
摅: "攄",
摆: "擺",
摇: "搖",
摈: "擯",
摊: "攤",
撄: "攖",
撑: "撐",
撵: "攆",
撷: "擷",
撸: "擼",
撺: "攛",
擜: "㩵",
擞: "擻",
攒: "攢",
敌: "敵",
敚: "敓",
敛: "斂",
敩: "斆",
数: "數",
斋: "齋",
斓: "斕",
斗: "鬥",
斩: "斬",
断: "斷",
无: "無",
旧: "舊",
时: "時",
旷: "曠",
旸: "暘",
昙: "曇",
昵: "暱",
昼: "晝",
昽: "曨",
显: "顯",
晋: "晉",
晒: "曬",
晓: "曉",
晔: "曄",
晕: "暈",
晖: "暉",
暂: "暫",
暧: "曖",
术: "術",
朴: "樸",
机: "機",
杀: "殺",
杂: "雜",
权: "權",
杠: "槓",
条: "條",
来: "來",
杨: "楊",
杩: "榪",
杰: "傑",
极: "極",
构: "構",
枞: "樅",
枢: "樞",
枣: "棗",
枥: "櫪",
枧: "梘",
枨: "棖",
枪: "槍",
枫: "楓",
枭: "梟",
柜: "櫃",
柠: "檸",
柽: "檉",
栀: "梔",
栅: "柵",
标: "標",
栈: "棧",
栉: "櫛",
栊: "櫳",
栋: "棟",
栌: "櫨",
栎: "櫟",
栏: "欄",
树: "樹",
栖: "棲",
样: "樣",
栾: "欒",
桠: "椏",
桡: "橈",
桢: "楨",
档: "檔",
桤: "榿",
桥: "橋",
桦: "樺",
桧: "檜",
桨: "槳",
桩: "樁",
桪: "樳",
梦: "夢",
梼: "檮",
梾: "棶",
梿: "槤",
检: "檢",
棁: "梲",
棂: "欞",
椁: "槨",
椝: "槼",
椟: "櫝",
椠: "槧",
椢: "槶",
椤: "欏",
椫: "樿",
椭: "橢",
椮: "槮",
楼: "樓",
榄: "欖",
榅: "榲",
榇: "櫬",
榈: "櫚",
榉: "櫸",
榝: "樧",
槚: "檟",
槛: "檻",
槟: "檳",
槠: "櫧",
横: "橫",
樯: "檣",
樱: "櫻",
橥: "櫫",
橱: "櫥",
橹: "櫓",
橼: "櫞",
檩: "檁",
欢: "歡",
欤: "歟",
欧: "歐",
歼: "殲",
殁: "歿",
殇: "殤",
残: "殘",
殒: "殞",
殓: "殮",
殚: "殫",
殡: "殯",
殴: "毆",
毁: "毀",
毂: "轂",
毕: "畢",
毙: "斃",
毡: "氈",
毵: "毿",
氇: "氌",
气: "氣",
氢: "氫",
氩: "氬",
氲: "氳",
汇: "匯",
汉: "漢",
汤: "湯",
汹: "洶",
沄: "澐",
沟: "溝",
没: "沒",
沣: "灃",
沤: "漚",
沥: "瀝",
沦: "淪",
沧: "滄",
沨: "渢",
沩: "潙",
沪: "滬",
泞: "濘",
泪: "淚",
泶: "澩",
泷: "瀧",
泸: "瀘",
泺: "濼",
泻: "瀉",
泼: "潑",
泽: "澤",
泾: "涇",
洁: "潔",
洒: "灑",
洼: "窪",
浃: "浹",
浅: "淺",
浆: "漿",
浇: "澆",
浈: "湞",
浉: "溮",
浊: "濁",
测: "測",
浍: "澮",
济: "濟",
浏: "瀏",
浐: "滻",
浑: "渾",
浒: "滸",
浓: "濃",
浔: "潯",
浕: "濜",
涂: "塗",
涌: "湧",
涚: "涗",
涛: "濤",
涝: "澇",
涞: "淶",
涟: "漣",
涠: "潿",
涡: "渦",
涢: "溳",
涣: "渙",
涤: "滌",
润: "潤",
涧: "澗",
涨: "漲",
涩: "澀",
淀: "澱",
渊: "淵",
渌: "淥",
渍: "漬",
渎: "瀆",
渐: "漸",
渑: "澠",
渔: "漁",
渖: "瀋",
渗: "滲",
温: "溫",
游: "遊",
湾: "灣",
湿: "溼",
溁: "濚",
溃: "潰",
溅: "濺",
溆: "漵",
溇: "漊",
滗: "潷",
滚: "滾",
滞: "滯",
滟: "灩",
滠: "灄",
满: "滿",
滢: "瀅",
滤: "濾",
滥: "濫",
滦: "灤",
滨: "濱",
滩: "灘",
滪: "澦",
潆: "瀠",
潇: "瀟",
潋: "瀲",
潍: "濰",
潜: "潛",
潴: "瀦",
澛: "瀂",
澜: "瀾",
濑: "瀨",
濒: "瀕",
灏: "灝",
灭: "滅",
灯: "燈",
灵: "靈",
灶: "竈",
灾: "災",
灿: "燦",
炀: "煬",
炉: "爐",
炖: "燉",
炜: "煒",
炝: "熗",
点: "點",
炼: "煉",
炽: "熾",
烁: "爍",
烂: "爛",
烃: "烴",
烛: "燭",
烟: "煙",
烦: "煩",
烧: "燒",
烨: "燁",
烩: "燴",
烫: "燙",
烬: "燼",
热: "熱",
焕: "煥",
焖: "燜",
焘: "燾",
煴: "熅",
熏: "燻",
爱: "愛",
爷: "爺",
牍: "牘",
牦: "犛",
牵: "牽",
牺: "犧",
犊: "犢",
状: "狀",
犷: "獷",
犸: "獁",
犹: "猶",
狈: "狽",
狝: "獮",
狞: "獰",
独: "獨",
狭: "狹",
狮: "獅",
狯: "獪",
狰: "猙",
狱: "獄",
狲: "猻",
猃: "獫",
猎: "獵",
猕: "獼",
猡: "玀",
猪: "豬",
猫: "貓",
猬: "蝟",
献: "獻",
獭: "獺",
玑: "璣",
玙: "璵",
玚: "瑒",
玛: "瑪",
玮: "瑋",
环: "環",
现: "現",
玱: "瑲",
玺: "璽",
珐: "琺",
珑: "瓏",
珰: "璫",
珲: "琿",
琎: "璡",
琏: "璉",
琐: "瑣",
琼: "瓊",
瑶: "瑤",
瑷: "璦",
瑸: "璸",
璎: "瓔",
瓒: "瓚",
瓮: "甕",
瓯: "甌",
电: "電",
画: "畫",
畅: "暢",
畴: "疇",
疖: "癤",
疗: "療",
疟: "瘧",
疠: "癘",
疡: "瘍",
疬: "癧",
疭: "瘲",
疮: "瘡",
疯: "瘋",
疱: "皰",
疴: "痾",
痈: "癰",
痉: "痙",
痒: "癢",
痖: "瘂",
痨: "癆",
痪: "瘓",
痫: "癇",
痴: "癡",
瘅: "癉",
瘆: "瘮",
瘗: "瘞",
瘘: "瘻",
瘪: "癟",
瘫: "癱",
瘾: "癮",
瘿: "癭",
癞: "癩",
癣: "癬",
癫: "癲",
皂: "皁",
皑: "皚",
皱: "皺",
皲: "皸",
盏: "盞",
盐: "鹽",
监: "監",
盖: "蓋",
盗: "盜",
盘: "盤",
眍: "瞘",
眦: "眥",
眬: "矓",
睁: "睜",
睐: "睞",
睑: "瞼",
瞆: "瞶",
瞒: "瞞",
瞩: "矚",
矫: "矯",
矶: "磯",
矾: "礬",
矿: "礦",
砀: "碭",
码: "碼",
砖: "磚",
砗: "硨",
砚: "硯",
砜: "碸",
砺: "礪",
砻: "礱",
砾: "礫",
础: "礎",
硁: "硜",
硕: "碩",
硖: "硤",
硗: "磽",
硙: "磑",
硚: "礄",
确: "確",
硵: "磠",
硷: "礆",
碍: "礙",
碛: "磧",
碜: "磣",
碱: "鹼",
礼: "禮",
祃: "禡",
祎: "禕",
祢: "禰",
祯: "禎",
祷: "禱",
祸: "禍",
禀: "稟",
禄: "祿",
禅: "禪",
离: "離",
秃: "禿",
秆: "稈",
种: "種",
秘: "祕",
积: "積",
称: "稱",
秽: "穢",
秾: "穠",
稆: "穭",
税: "稅",
稣: "穌",
稳: "穩",
穑: "穡",
穞: "穭",
穷: "窮",
窃: "竊",
窍: "竅",
窎: "窵",
窑: "窯",
窜: "竄",
窝: "窩",
窥: "窺",
窦: "竇",
窭: "窶",
竖: "豎",
竞: "競",
笃: "篤",
笋: "筍",
笔: "筆",
笕: "筧",
笺: "箋",
笼: "籠",
笾: "籩",
筑: "築",
筚: "篳",
筛: "篩",
筜: "簹",
筝: "箏",
筹: "籌",
筼: "篔",
签: "籤",
筿: "篠",
简: "簡",
箓: "籙",
箦: "簀",
箧: "篋",
箨: "籜",
箩: "籮",
箪: "簞",
箫: "簫",
篑: "簣",
篓: "簍",
篮: "籃",
篯: "籛",
篱: "籬",
簖: "籪",
籁: "籟",
籴: "糴",
类: "類",
籼: "秈",
粜: "糶",
粝: "糲",
粤: "粵",
粪: "糞",
粮: "糧",
粽: "糉",
糁: "糝",
糇: "餱",
糍: "餈",
紧: "緊",
絷: "縶",
緼: "縕",
縆: "緪",
纟: "糹",
纠: "糾",
纡: "紆",
红: "紅",
纣: "紂",
纤: "纖",
纥: "紇",
约: "約",
级: "級",
纨: "紈",
纩: "纊",
纪: "紀",
纫: "紉",
纬: "緯",
纭: "紜",
纮: "紘",
纯: "純",
纰: "紕",
纱: "紗",
纲: "綱",
纳: "納",
纴: "紝",
纵: "縱",
纶: "綸",
纷: "紛",
纸: "紙",
纹: "紋",
纺: "紡",
纻: "紵",
纼: "紖",
纽: "紐",
纾: "紓",
线: "線",
绀: "紺",
绁: "紲",
绂: "紱",
练: "練",
组: "組",
绅: "紳",
细: "細",
织: "織",
终: "終",
绉: "縐",
绊: "絆",
绋: "紼",
绌: "絀",
绍: "紹",
绎: "繹",
经: "經",
绐: "紿",
绑: "綁",
绒: "絨",
结: "結",
绔: "絝",
绕: "繞",
绖: "絰",
绗: "絎",
绘: "繪",
给: "給",
绚: "絢",
绛: "絳",
络: "絡",
绝: "絕",
绞: "絞",
统: "統",
绠: "綆",
绡: "綃",
绢: "絹",
绣: "繡",
绤: "綌",
绥: "綏",
绦: "絛",
继: "繼",
绨: "綈",
绩: "績",
绪: "緒",
绫: "綾",
绬: "緓",
续: "續",
绮: "綺",
绯: "緋",
绰: "綽",
绱: "鞝",
绲: "緄",
绳: "繩",
维: "維",
绵: "綿",
绶: "綬",
绷: "繃",
绸: "綢",
绹: "綯",
绺: "綹",
绻: "綣",
综: "綜",
绽: "綻",
绾: "綰",
绿: "綠",
缀: "綴",
缁: "緇",
缂: "緙",
缃: "緗",
缄: "緘",
缅: "緬",
缆: "纜",
缇: "緹",
缈: "緲",
缉: "緝",
缊: "縕",
缋: "繢",
缌: "緦",
缍: "綞",
缎: "緞",
缏: "緶",
缐: "線",
缑: "緱",
缒: "縋",
缓: "緩",
缔: "締",
缕: "縷",
编: "編",
缗: "緡",
缘: "緣",
缙: "縉",
缚: "縛",
缛: "縟",
缜: "縝",
缝: "縫",
缞: "縗",
缟: "縞",
缠: "纏",
缡: "縭",
缢: "縊",
缣: "縑",
缤: "繽",
缥: "縹",
缦: "縵",
缧: "縲",
缨: "纓",
缩: "縮",
缪: "繆",
缫: "繅",
缬: "纈",
缭: "繚",
缮: "繕",
缯: "繒",
缰: "繮",
缱: "繾",
缲: "繰",
缳: "繯",
缴: "繳",
缵: "纘",
罂: "罌",
网: "網",
罗: "羅",
罚: "罰",
罢: "罷",
罴: "羆",
羁: "羈",
羟: "羥",
羡: "羨",
群: "羣",
翘: "翹",
翙: "翽",
翚: "翬",
耢: "耮",
耧: "耬",
耸: "聳",
耻: "恥",
聂: "聶",
聋: "聾",
职: "職",
聍: "聹",
联: "聯",
聩: "聵",
聪: "聰",
肃: "肅",
肠: "腸",
肤: "膚",
肮: "骯",
肴: "餚",
肾: "腎",
肿: "腫",
胀: "脹",
胁: "脅",
胆: "膽",
胜: "勝",
胧: "朧",
胨: "腖",
胪: "臚",
胫: "脛",
胶: "膠",
脉: "脈",
脍: "膾",
脏: "髒",
脐: "臍",
脑: "腦",
脓: "膿",
脔: "臠",
脚: "腳",
脱: "脫",
脶: "腡",
脸: "臉",
腊: "臘",
腌: "醃",
腘: "膕",
腭: "齶",
腻: "膩",
腼: "靦",
腽: "膃",
腾: "騰",
膑: "臏",
膻: "羶",
臜: "臢",
舆: "輿",
舣: "艤",
舰: "艦",
舱: "艙",
舻: "艫",
艰: "艱",
艳: "豔",
艺: "藝",
节: "節",
芈: "羋",
芗: "薌",
芜: "蕪",
芦: "蘆",
苁: "蓯",
苇: "葦",
苈: "藶",
苋: "莧",
苌: "萇",
苍: "蒼",
苎: "苧",
苏: "蘇",
苧: "薴",
苹: "蘋",
范: "範",
茎: "莖",
茏: "蘢",
茑: "蔦",
茔: "塋",
茕: "煢",
茧: "繭",
荆: "荊",
荐: "薦",
荙: "薘",
荚: "莢",
荛: "蕘",
荜: "蓽",
荝: "萴",
荞: "蕎",
荟: "薈",
荠: "薺",
荡: "蕩",
荣: "榮",
荤: "葷",
荥: "滎",
荦: "犖",
荧: "熒",
荨: "蕁",
荩: "藎",
荪: "蓀",
荫: "蔭",
荬: "蕒",
荭: "葒",
荮: "葤",
药: "藥",
莅: "蒞",
莱: "萊",
莲: "蓮",
莳: "蒔",
莴: "萵",
莶: "薟",
获: "獲",
莸: "蕕",
莹: "瑩",
莺: "鶯",
莼: "蓴",
萚: "蘀",
萝: "蘿",
萤: "螢",
营: "營",
萦: "縈",
萧: "蕭",
萨: "薩",
葱: "蔥",
蒀: "蒕",
蒇: "蕆",
蒉: "蕢",
蒋: "蔣",
蒌: "蔞",
蒏: "醟",
蓝: "藍",
蓟: "薊",
蓠: "蘺",
蓣: "蕷",
蓥: "鎣",
蓦: "驀",
蔂: "虆",
蔷: "薔",
蔹: "蘞",
蔺: "藺",
蔼: "藹",
蕰: "薀",
蕲: "蘄",
蕴: "蘊",
薮: "藪",
藓: "蘚",
藴: "蘊",
蘖: "櫱",
虏: "虜",
虑: "慮",
虚: "虛",
虫: "蟲",
虬: "虯",
虮: "蟣",
虱: "蝨",
虽: "雖",
虾: "蝦",
虿: "蠆",
蚀: "蝕",
蚁: "蟻",
蚂: "螞",
蚃: "蠁",
蚕: "蠶",
蚝: "蠔",
蚬: "蜆",
蛊: "蠱",
蛎: "蠣",
蛏: "蟶",
蛮: "蠻",
蛰: "蟄",
蛱: "蛺",
蛲: "蟯",
蛳: "螄",
蛴: "蠐",
蜕: "蛻",
蜗: "蝸",
蜡: "蠟",
蝇: "蠅",
蝈: "蟈",
蝉: "蟬",
蝎: "蠍",
蝼: "螻",
蝾: "蠑",
螀: "螿",
螨: "蟎",
蟏: "蠨",
衅: "釁",
衔: "銜",
补: "補",
衬: "襯",
衮: "袞",
袄: "襖",
袅: "嫋",
袆: "褘",
袜: "襪",
袭: "襲",
袯: "襏",
装: "裝",
裆: "襠",
裈: "褌",
裢: "褳",
裣: "襝",
裤: "褲",
裥: "襉",
褛: "褸",
褴: "襤",
襕: "襴",
见: "見",
观: "觀",
觃: "覎",
规: "規",
觅: "覓",
视: "視",
觇: "覘",
览: "覽",
觉: "覺",
觊: "覬",
觋: "覡",
觌: "覿",
觍: "覥",
觎: "覦",
觏: "覯",
觐: "覲",
觑: "覷",
觞: "觴",
触: "觸",
觯: "觶",
訚: "誾",
詟: "讋",
誉: "譽",
誊: "謄",
讠: "訁",
计: "計",
订: "訂",
讣: "訃",
认: "認",
讥: "譏",
讦: "訐",
讧: "訌",
讨: "討",
让: "讓",
讪: "訕",
讫: "訖",
讬: "託",
训: "訓",
议: "議",
讯: "訊",
记: "記",
讱: "訒",
讲: "講",
讳: "諱",
讴: "謳",
讵: "詎",
讶: "訝",
讷: "訥",
许: "許",
讹: "訛",
论: "論",
讻: "訩",
讼: "訟",
讽: "諷",
设: "設",
访: "訪",
诀: "訣",
证: "證",
诂: "詁",
诃: "訶",
评: "評",
诅: "詛",
识: "識",
诇: "詗",
诈: "詐",
诉: "訴",
诊: "診",
诋: "詆",
诌: "謅",
词: "詞",
诎: "詘",
诏: "詔",
诐: "詖",
译: "譯",
诒: "詒",
诓: "誆",
诔: "誄",
试: "試",
诖: "詿",
诗: "詩",
诘: "詰",
诙: "詼",
诚: "誠",
诛: "誅",
诜: "詵",
话: "話",
诞: "誕",
诟: "詬",
诠: "詮",
诡: "詭",
询: "詢",
诣: "詣",
诤: "諍",
该: "該",
详: "詳",
诧: "詫",
诨: "諢",
诩: "詡",
诪: "譸",
诫: "誡",
诬: "誣",
语: "語",
诮: "誚",
误: "誤",
诰: "誥",
诱: "誘",
诲: "誨",
诳: "誑",
说: "說",
诵: "誦",
诶: "誒",
请: "請",
诸: "諸",
诹: "諏",
诺: "諾",
读: "讀",
诼: "諑",
诽: "誹",
课: "課",
诿: "諉",
谀: "諛",
谁: "誰",
谂: "諗",
调: "調",
谄: "諂",
谅: "諒",
谆: "諄",
谇: "誶",
谈: "談",
谉: "讅",
谊: "誼",
谋: "謀",
谌: "諶",
谍: "諜",
谎: "謊",
谏: "諫",
谐: "諧",
谑: "謔",
谒: "謁",
谓: "謂",
谔: "諤",
谕: "諭",
谖: "諼",
谗: "讒",
谘: "諮",
谙: "諳",
谚: "諺",
谛: "諦",
谜: "謎",
谝: "諞",
谞: "諝",
谟: "謨",
谠: "讜",
谡: "謖",
谢: "謝",
谣: "謠",
谤: "謗",
谥: "諡",
谦: "謙",
谧: "謐",
谨: "謹",
谩: "謾",
谪: "謫",
谫: "譾",
谬: "謬",
谭: "譚",
谮: "譖",
谯: "譙",
谰: "讕",
谱: "譜",
谲: "譎",
谳: "讞",
谴: "譴",
谵: "譫",
谶: "讖",
豮: "豶",
贝: "貝",
贞: "貞",
负: "負",
贠: "貟",
贡: "貢",
财: "財",
责: "責",
贤: "賢",
败: "敗",
账: "賬",
货: "貨",
质: "質",
贩: "販",
贪: "貪",
贫: "貧",
贬: "貶",
购: "購",
贮: "貯",
贯: "貫",
贰: "貳",
贱: "賤",
贲: "賁",
贳: "貰",
贴: "貼",
贵: "貴",
贶: "貺",
贷: "貸",
贸: "貿",
费: "費",
贺: "賀",
贻: "貽",
贼: "賊",
贽: "贄",
贾: "賈",
贿: "賄",
赀: "貲",
赁: "賃",
赂: "賂",
赃: "贓",
资: "資",
赅: "賅",
赆: "贐",
赇: "賕",
赈: "賑",
赉: "賚",
赊: "賒",
赋: "賦",
赌: "賭",
赍: "齎",
赎: "贖",
赏: "賞",
赐: "賜",
赑: "贔",
赒: "賙",
赓: "賡",
赔: "賠",
赕: "賧",
赖: "賴",
赗: "賵",
赘: "贅",
赙: "賻",
赚: "賺",
赛: "賽",
赜: "賾",
赝: "贗",
赞: "贊",
赟: "贇",
赠: "贈",
赡: "贍",
赢: "贏",
赣: "贛",
赪: "赬",
赵: "趙",
赶: "趕",
趋: "趨",
趱: "趲",
趸: "躉",
跃: "躍",
跄: "蹌",
跖: "蹠",
跞: "躒",
践: "踐",
跶: "躂",
跷: "蹺",
跸: "蹕",
跹: "躚",
跻: "躋",
踌: "躊",
踪: "蹤",
踬: "躓",
踯: "躑",
蹑: "躡",
蹒: "蹣",
蹰: "躕",
蹿: "躥",
躏: "躪",
躜: "躦",
躯: "軀",
輼: "轀",
车: "車",
轧: "軋",
轨: "軌",
轩: "軒",
轪: "軑",
轫: "軔",
转: "轉",
轭: "軛",
轮: "輪",
软: "軟",
轰: "轟",
轱: "軲",
轲: "軻",
轳: "轤",
轴: "軸",
轵: "軹",
轶: "軼",
轷: "軤",
轸: "軫",
轹: "轢",
轺: "軺",
轻: "輕",
轼: "軾",
载: "載",
轾: "輊",
轿: "轎",
辀: "輈",
辁: "輇",
辂: "輅",
较: "較",
辄: "輒",
辅: "輔",
辆: "輛",
辇: "輦",
辈: "輩",
辉: "輝",
辊: "輥",
辋: "輞",
辌: "輬",
辍: "輟",
辎: "輜",
辏: "輳",
辐: "輻",
辑: "輯",
辒: "轀",
输: "輸",
辔: "轡",
辕: "轅",
辖: "轄",
辗: "輾",
辘: "轆",
辙: "轍",
辚: "轔",
辞: "辭",
辟: "闢",
辩: "辯",
辫: "辮",
边: "邊",
辽: "遼",
达: "達",
迁: "遷",
过: "過",
迈: "邁",
运: "運",
还: "還",
这: "這",
进: "進",
远: "遠",
违: "違",
连: "連",
迟: "遲",
迩: "邇",
迳: "逕",
迹: "跡",
适: "適",
选: "選",
逊: "遜",
递: "遞",
逦: "邐",
逻: "邏",
遗: "遺",
遥: "遙",
邓: "鄧",
邝: "鄺",
邬: "鄔",
邮: "郵",
邹: "鄒",
邺: "鄴",
邻: "鄰",
郁: "鬱",
郏: "郟",
郐: "鄶",
郑: "鄭",
郓: "鄆",
郦: "酈",
郧: "鄖",
郸: "鄲",
酂: "酇",
酝: "醞",
酦: "醱",
酱: "醬",
酽: "釅",
酾: "釃",
酿: "釀",
醖: "醞",
采: "採",
释: "釋",
里: "裏",
鉴: "鑑",
銮: "鑾",
錾: "鏨",
钅: "釒",
钆: "釓",
钇: "釔",
针: "針",
钉: "釘",
钊: "釗",
钋: "釙",
钌: "釕",
钍: "釷",
钎: "釺",
钏: "釧",
钐: "釤",
钑: "鈒",
钒: "釩",
钓: "釣",
钔: "鍆",
钕: "釹",
钖: "鍚",
钗: "釵",
钘: "鈃",
钙: "鈣",
钚: "鈈",
钛: "鈦",
钜: "鉅",
钝: "鈍",
钞: "鈔",
钟: "鍾",
钠: "鈉",
钡: "鋇",
钢: "鋼",
钣: "鈑",
钤: "鈐",
钥: "鑰",
钦: "欽",
钧: "鈞",
钨: "鎢",
钩: "鉤",
钪: "鈧",
钫: "鈁",
钬: "鈥",
钭: "鈄",
钮: "鈕",
钯: "鈀",
钰: "鈺",
钱: "錢",
钲: "鉦",
钳: "鉗",
钴: "鈷",
钵: "鉢",
钶: "鈳",
钷: "鉕",
钸: "鈽",
钹: "鈸",
钺: "鉞",
钻: "鑽",
钼: "鉬",
钽: "鉭",
钾: "鉀",
钿: "鈿",
铀: "鈾",
铁: "鐵",
铂: "鉑",
铃: "鈴",
铄: "鑠",
铅: "鉛",
铆: "鉚",
铇: "鉋",
铈: "鈰",
铉: "鉉",
铊: "鉈",
铋: "鉍",
铌: "鈮",
铍: "鈹",
铎: "鐸",
铏: "鉶",
铐: "銬",
铑: "銠",
铒: "鉺",
铓: "鋩",
铔: "錏",
铕: "銪",
铖: "鋮",
铗: "鋏",
铘: "鋣",
铙: "鐃",
铚: "銍",
铛: "鐺",
铜: "銅",
铝: "鋁",
铞: "銱",
铟: "銦",
铠: "鎧",
铡: "鍘",
铢: "銖",
铣: "銑",
铤: "鋌",
铥: "銩",
铦: "銛",
铧: "鏵",
铨: "銓",
铩: "鎩",
铪: "鉿",
铫: "銚",
铬: "鉻",
铭: "銘",
铮: "錚",
铯: "銫",
铰: "鉸",
铱: "銥",
铲: "鏟",
铳: "銃",
铴: "鐋",
铵: "銨",
银: "銀",
铷: "銣",
铸: "鑄",
铹: "鐒",
铺: "鋪",
铻: "鋙",
铼: "錸",
铽: "鋱",
链: "鏈",
铿: "鏗",
销: "銷",
锁: "鎖",
锂: "鋰",
锃: "鋥",
锄: "鋤",
锅: "鍋",
锆: "鋯",
锇: "鋨",
锈: "鏽",
锉: "銼",
锊: "鋝",
锋: "鋒",
锌: "鋅",
锍: "鋶",
锎: "鐦",
锏: "鐧",
锐: "銳",
锑: "銻",
锒: "鋃",
锓: "鋟",
锔: "鋦",
锕: "錒",
锖: "錆",
锗: "鍺",
锘: "鍩",
错: "錯",
锚: "錨",
锛: "錛",
锜: "錡",
锝: "鍀",
锞: "錁",
锟: "錕",
锠: "錩",
锡: "錫",
锢: "錮",
锣: "鑼",
锤: "錘",
锥: "錐",
锦: "錦",
锧: "鑕",
锨: "鍁",
锩: "錈",
锪: "鍃",
锫: "錇",
锬: "錟",
锭: "錠",
键: "鍵",
锯: "鋸",
锰: "錳",
锱: "錙",
锲: "鍥",
锳: "鍈",
锴: "鍇",
锵: "鏘",
锶: "鍶",
锷: "鍔",
锸: "鍤",
锹: "鍬",
锺: "鍾",
锻: "鍛",
锼: "鎪",
锽: "鍠",
锾: "鍰",
锿: "鎄",
镀: "鍍",
镁: "鎂",
镂: "鏤",
镃: "鎡",
镄: "鐨",
镅: "鎇",
镆: "鏌",
镇: "鎮",
镈: "鎛",
镉: "鎘",
镊: "鑷",
镋: "钂",
镌: "鐫",
镍: "鎳",
镎: "鎿",
镏: "鎦",
镐: "鎬",
镑: "鎊",
镒: "鎰",
镓: "鎵",
镔: "鑌",
镕: "鎔",
镖: "鏢",
镗: "鏜",
镘: "鏝",
镙: "鏍",
镚: "鏰",
镛: "鏞",
镜: "鏡",
镝: "鏑",
镞: "鏃",
镟: "鏇",
镠: "鏐",
镡: "鐔",
镢: "钁",
镣: "鐐",
镤: "鏷",
镥: "鑥",
镦: "鐓",
镧: "鑭",
镨: "鐠",
镩: "鑹",
镪: "鏹",
镫: "鐙",
镬: "鑊",
镭: "鐳",
镮: "鐶",
镯: "鐲",
镰: "鐮",
镱: "鐿",
镲: "鑔",
镳: "鑣",
镴: "鑞",
镵: "鑱",
镶: "鑲",
长: "長",
门: "門",
闩: "閂",
闪: "閃",
闫: "閆",
闬: "閈",
闭: "閉",
问: "問",
闯: "闖",
闰: "閏",
闱: "闈",
闲: "閒",
闳: "閎",
间: "間",
闵: "閔",
闶: "閌",
闷: "悶",
闸: "閘",
闹: "鬧",
闺: "閨",
闻: "聞",
闼: "闥",
闽: "閩",
闾: "閭",
闿: "闓",
阀: "閥",
阁: "閣",
阂: "閡",
阃: "閫",
阄: "鬮",
阅: "閱",
阆: "閬",
阇: "闍",
阈: "閾",
阉: "閹",
阊: "閶",
阋: "鬩",
阌: "閿",
阍: "閽",
阎: "閻",
阏: "閼",
阐: "闡",
阑: "闌",
阒: "闃",
阓: "闠",
阔: "闊",
阕: "闋",
阖: "闔",
阗: "闐",
阘: "闒",
阙: "闕",
阚: "闞",
阛: "闤",
队: "隊",
阳: "陽",
阴: "陰",
阵: "陣",
阶: "階",
际: "際",
陆: "陸",
陇: "隴",
陈: "陳",
陉: "陘",
陕: "陝",
陦: "隯",
陧: "隉",
陨: "隕",
险: "險",
随: "隨",
隐: "隱",
隶: "隸",
隽: "雋",
难: "難",
雇: "僱",
雏: "雛",
雠: "讎",
雳: "靂",
雾: "霧",
霁: "霽",
霉: "黴",
霡: "霢",
霭: "靄",
靓: "靚",
靔: "靝",
静: "靜",
靥: "靨",
鞑: "韃",
鞒: "鞽",
鞯: "韉",
鞲: "韝",
韦: "韋",
韧: "韌",
韨: "韍",
韩: "韓",
韪: "韙",
韫: "韞",
韬: "韜",
韵: "韻",
页: "頁",
顶: "頂",
顷: "頃",
顸: "頇",
项: "項",
顺: "順",
须: "須",
顼: "頊",
顽: "頑",
顾: "顧",
顿: "頓",
颀: "頎",
颁: "頒",
颂: "頌",
颃: "頏",
预: "預",
颅: "顱",
领: "領",
颇: "頗",
颈: "頸",
颉: "頡",
颊: "頰",
颋: "頲",
颌: "頜",
颍: "潁",
颎: "熲",
颏: "頦",
颐: "頤",
频: "頻",
颒: "頮",
颓: "頹",
颔: "頷",
颕: "頴",
颖: "穎",
颗: "顆",
题: "題",
颙: "顒",
颚: "顎",
颛: "顓",
颜: "顏",
额: "額",
颞: "顳",
颟: "顢",
颠: "顛",
颡: "顙",
颢: "顥",
颣: "纇",
颤: "顫",
颥: "顬",
颦: "顰",
颧: "顴",
风: "風",
飏: "颺",
飐: "颭",
飑: "颮",
飒: "颯",
飓: "颶",
飔: "颸",
飕: "颼",
飖: "颻",
飗: "飀",
飘: "飄",
飙: "飆",
飚: "飈",
飞: "飛",
飨: "饗",
餍: "饜",
饣: "飠",
饤: "飣",
饥: "飢",
饦: "飥",
饧: "餳",
饨: "飩",
饩: "餼",
饪: "飪",
饫: "飫",
饬: "飭",
饭: "飯",
饮: "飲",
饯: "餞",
饰: "飾",
饱: "飽",
饲: "飼",
饳: "飿",
饴: "飴",
饵: "餌",
饶: "饒",
饷: "餉",
饸: "餄",
饹: "餎",
饺: "餃",
饻: "餏",
饼: "餅",
饽: "餑",
饾: "餖",
饿: "餓",
馀: "餘",
馁: "餒",
馂: "餕",
馃: "餜",
馄: "餛",
馅: "餡",
馆: "館",
馇: "餷",
馈: "饋",
馉: "餶",
馊: "餿",
馋: "饞",
馌: "饁",
馍: "饃",
馎: "餺",
馏: "餾",
馐: "饈",
馑: "饉",
馒: "饅",
馓: "饊",
馔: "饌",
馕: "饢",
马: "馬",
驭: "馭",
驮: "馱",
驯: "馴",
驰: "馳",
驱: "驅",
驲: "馹",
驳: "駁",
驴: "驢",
驵: "駔",
驶: "駛",
驷: "駟",
驸: "駙",
驹: "駒",
驺: "騶",
驻: "駐",
驼: "駝",
驽: "駑",
驾: "駕",
驿: "驛",
骀: "駘",
骁: "驍",
骂: "罵",
骃: "駰",
骄: "驕",
骅: "驊",
骆: "駱",
骇: "駭",
骈: "駢",
骉: "驫",
骊: "驪",
骋: "騁",
验: "驗",
骍: "騂",
骎: "駸",
骏: "駿",
骐: "騏",
骑: "騎",
骒: "騍",
骓: "騅",
骔: "騌",
骕: "驌",
骖: "驂",
骗: "騙",
骘: "騭",
骙: "騤",
骚: "騷",
骛: "騖",
骜: "驁",
骝: "騮",
骞: "騫",
骟: "騸",
骠: "驃",
骡: "騾",
骢: "驄",
骣: "驏",
骤: "驟",
骥: "驥",
骦: "驦",
骧: "驤",
髅: "髏",
髋: "髖",
髌: "髕",
鬓: "鬢",
鬶: "鬹",
魇: "魘",
魉: "魎",
鱼: "魚",
鱽: "魛",
鱾: "魢",
鱿: "魷",
鲀: "魨",
鲁: "魯",
鲂: "魴",
鲃: "䰾",
鲄: "魺",
鲅: "鮁",
鲆: "鮃",
鲇: "鮎",
鲈: "鱸",
鲉: "鮋",
鲊: "鮓",
鲋: "鮒",
鲌: "鮊",
鲍: "鮑",
鲎: "鱟",
鲏: "鮍",
鲐: "鮐",
鲑: "鮭",
鲒: "鮚",
鲓: "鮳",
鲔: "鮪",
鲕: "鮞",
鲖: "鮦",
鲗: "鰂",
鲘: "鮜",
鲙: "鱠",
鲚: "鱭",
鲛: "鮫",
鲜: "鮮",
鲝: "鮺",
鲞: "鯗",
鲟: "鱘",
鲠: "鯁",
鲡: "鱺",
鲢: "鰱",
鲣: "鰹",
鲤: "鯉",
鲥: "鰣",
鲦: "鰷",
鲧: "鯀",
鲨: "鯊",
鲩: "鯇",
鲪: "鮶",
鲫: "鯽",
鲬: "鯒",
鲭: "鯖",
鲮: "鯪",
鲯: "鯕",
鲰: "鯫",
鲱: "鯡",
鲲: "鯤",
鲳: "鯧",
鲴: "鯝",
鲵: "鯢",
鲶: "鯰",
鲷: "鯛",
鲸: "鯨",
鲹: "鰺",
鲺: "鯴",
鲻: "鯔",
鲼: "鱝",
鲽: "鰈",
鲾: "鰏",
鲿: "鱨",
鳀: "鯷",
鳁: "鰮",
鳂: "鰃",
鳃: "鰓",
鳄: "鱷",
鳅: "鰍",
鳆: "鰒",
鳇: "鰉",
鳈: "鰁",
鳉: "鱂",
鳊: "鯿",
鳋: "鰠",
鳌: "鰲",
鳍: "鰭",
鳎: "鰨",
鳏: "鰥",
鳐: "鰩",
鳑: "鰟",
鳒: "鰜",
鳓: "鰳",
鳔: "鰾",
鳕: "鱈",
鳖: "鱉",
鳗: "鰻",
鳘: "鰵",
鳙: "鱅",
鳚: "䲁",
鳛: "鰼",
鳜: "鱖",
鳝: "鱔",
鳞: "鱗",
鳟: "鱒",
鳠: "鱯",
鳡: "鱤",
鳢: "鱧",
鳣: "鱣",
鳤: "䲘",
鸟: "鳥",
鸠: "鳩",
鸡: "雞",
鸢: "鳶",
鸣: "鳴",
鸤: "鳲",
鸥: "鷗",
鸦: "鴉",
鸧: "鶬",
鸨: "鴇",
鸩: "鴆",
鸪: "鴣",
鸫: "鶇",
鸬: "鸕",
鸭: "鴨",
鸮: "鴞",
鸯: "鴦",
鸰: "鴒",
鸱: "鴟",
鸲: "鴝",
鸳: "鴛",
鸴: "鷽",
鸵: "鴕",
鸶: "鷥",
鸷: "鷙",
鸸: "鴯",
鸹: "鴰",
鸺: "鵂",
鸻: "鴴",
鸼: "鵃",
鸽: "鴿",
鸾: "鸞",
鸿: "鴻",
鹀: "鵐",
鹁: "鵓",
鹂: "鸝",
鹃: "鵑",
鹄: "鵠",
鹅: "鵝",
鹆: "鵒",
鹇: "鷳",
鹈: "鵜",
鹉: "鵡",
鹊: "鵲",
鹋: "鶓",
鹌: "鵪",
鹍: "鵾",
鹎: "鵯",
鹏: "鵬",
鹐: "鵮",
鹑: "鶉",
鹒: "鶊",
鹓: "鵷",
鹔: "鷫",
鹕: "鶘",
鹖: "鶡",
鹗: "鶚",
鹘: "鶻",
鹙: "鶖",
鹚: "鷀",
鹛: "鶥",
鹜: "鶩",
鹝: "鷊",
鹞: "鷂",
鹟: "鶲",
鹠: "鶹",
鹡: "鶺",
鹢: "鷁",
鹣: "鶼",
鹤: "鶴",
鹥: "鷖",
鹦: "鸚",
鹧: "鷓",
鹨: "鷚",
鹩: "鷯",
鹪: "鷦",
鹫: "鷲",
鹬: "鷸",
鹭: "鷺",
鹮: "䴉",
鹯: "鸇",
鹰: "鷹",
鹱: "鸌",
鹲: "鸏",
鹳: "鸛",
鹴: "鸘",
鹾: "鹺",
麦: "麥",
麸: "麩",
麹: "麴",
麺: "麪",
麽: "麼",
黄: "黃",
黉: "黌",
黡: "黶",
黩: "黷",
黪: "黲",
黾: "黽",
鼋: "黿",
鼌: "鼂",
鼍: "鼉",
鼹: "鼴",
齐: "齊",
齑: "齏",
齿: "齒",
龀: "齔",
龁: "齕",
龂: "齗",
龃: "齟",
龄: "齡",
龅: "齙",
龆: "齠",
龇: "齜",
龈: "齦",
龉: "齬",
龊: "齪",
龋: "齲",
龌: "齷",
龙: "龍",
龚: "龔",
龛: "龕",
龟: "龜",
鿎: "䃮",
鿏: "䥑",
鿒: "鿓",
鿔: "鎶"
};
var cn2jp = dict_default;
var jp2cn = Object.fromEntries(Object.entries(cn2jp).flatMap(([k, v]) => v.map((vv) => [vv, k])));
var t2s = t2s_default;
var s2t = s2t_default;
function isASCII(text) {
for (let i = 0; i < text.length; i++) if (text.charCodeAt(i) >= 128) return false;
return true;
}
function toCN(text) {
let ret = "";
for (const ch of text) ret += t2s[ch] ?? jp2cn[ch] ?? ch;
return ret;
}
function toTW(text) {
let ret = "";
for (const ch of text) ret += s2t[ch] ?? ch;
return ret;
}
var MAX_COMBINE = 16;
function toJP(text) {
let res = [""];
for (const ch of text) {
const jp = cn2jp[ch];
if (jp) {
if (jp.length > 1 && res.length < MAX_COMBINE) {
const tmp = [];
for (const r of res) for (const j of jp) tmp.push(r + j);
res = tmp;
continue;
}
const rep = jp[0];
for (let i = 0; i < res.length; i++) res[i] += rep;
} else for (let i = 0; i < res.length; i++) res[i] += ch;
}
return res;
}
var ASSET_PATH$1 = "Tsuyumi25/EhQuickTag@data/tag-count/tagname_count.csv.gz";
var TAG_COUNT_MIRRORS = {
jsdelivr: {
label: "jsDelivr",
url: `https://cdn.jsdelivr.net/gh/${ASSET_PATH$1}`
},
fastly: {
label: "jsDelivr (Fastly)",
url: `https://fastly.jsdelivr.net/gh/${ASSET_PATH$1}`
},
gcore: {
label: "jsDelivr (Gcore)",
url: `https://gcore.jsdelivr.net/gh/${ASSET_PATH$1}`
},
github: {
label: "GitHub Raw",
url: "https://raw.githubusercontent.com/Tsuyumi25/EhQuickTag/data/tag-count/tagname_count.csv.gz"
}
};
var CACHE_KEY$2 = "eqt_tag_count_v1";
var CACHE_TS_KEY$2 = "eqt_tag_count_v1_ts";
var MIN_COUNT = 5;
var counts = null;
var tagCountVersion = ref(0);
function getTagCount(ns, raw) {
if (!counts) return void 0;
return counts.get(`${ns}:${raw.toLowerCase()}`);
}
async function loadTagCount(opts = {}) {
if (counts) return;
const ttl = (opts.ttlDays ?? 7) * 24 * 60 * 60 * 1e3;
const cachedTs = Number(await cacheGet(CACHE_TS_KEY$2)) || 0;
if (Date.now() - cachedTs < ttl) {
const cached = await cacheGet(CACHE_KEY$2);
if (cached) {
counts = new Map(Object.entries(JSON.parse(cached)));
tagCountVersion.value++;
return;
}
}
const url = TAG_COUNT_MIRRORS[opts.mirror ?? "jsdelivr"].url;
counts = parseCsv(await fetchAndDecompress$1(url));
await cacheSet(CACHE_KEY$2, JSON.stringify(Object.fromEntries(counts)));
await cacheSet(CACHE_TS_KEY$2, String(Date.now()));
tagCountVersion.value++;
}
async function refreshTagCount(opts = {}) {
counts = null;
await cacheSet(CACHE_TS_KEY$2, "0");
await loadTagCount(opts);
}
async function fetchAndDecompress$1(url) {
const gz = await fetchGz$1(url);
const stream = new Response(gz).body.pipeThrough(new DecompressionStream("gzip"));
return new Response(stream).text();
}
async function fetchGz$1(url) {
if (hasGMXHR) return new Promise((resolve, reject) => {
_GM.xmlHttpRequest({
method: "GET",
url,
responseType: "arraybuffer",
onload: (res) => {
if (res.status === 200) resolve(res.response);
else reject(new Error(`HTTP ${res.status}`));
},
onerror: (err) => reject(new Error(`Network error: ${JSON.stringify(err)}`))
});
});
const res = await fetch(url);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return res.arrayBuffer();
}
function parseCsv(csv) {
const result = new Map();
const lines = csv.split("\n");
for (let i = 1; i < lines.length; i++) {
const line = lines[i];
if (!line) continue;
const commaIdx = line.lastIndexOf(",");
if (commaIdx < 0) continue;
const count = Number(line.slice(commaIdx + 1));
if (count >= MIN_COUNT) result.set(line.slice(0, commaIdx).toLowerCase(), count);
}
return result;
}
var TAG_DB_MIRRORS = {
jsdelivr: {
label: "jsDelivr",
url: "https://cdn.jsdelivr.net/gh/EhTagTranslation/DatabaseReleases@master/db.html.json"
},
fastly: {
label: "jsDelivr (Fastly)",
url: "https://fastly.jsdelivr.net/gh/EhTagTranslation/DatabaseReleases@master/db.html.json"
},
gcore: {
label: "jsDelivr (Gcore)",
url: "https://gcore.jsdelivr.net/gh/EhTagTranslation/DatabaseReleases@master/db.html.json"
},
github: {
label: "GitHub Raw",
url: "https://raw.githubusercontent.com/EhTagTranslation/DatabaseReleases/master/db.html.json"
}
};
var CACHE_KEY$1 = "eqt_tag_db_v3";
var CACHE_TS_KEY$1 = "eqt_tag_db_v3_ts";
var entries$2 = null;
var tagDbVersion = ref(0);
var _domParser = new DOMParser();
function processName(html) {
const doc = _domParser.parseFromString(html, "text/html");
const iconUrl = doc.querySelector("img")?.getAttribute("src") ?? void 0;
const name = (doc.body.textContent ?? "").trim();
return iconUrl ? {
name,
iconUrl
} : { name };
}
function buildIntroSearch(html) {
const doc = _domParser.parseFromString(html, "text/html");
const text = (doc.body.textContent ?? "").toLowerCase();
const titles = [];
doc.querySelectorAll("abbr[title]").forEach((a) => {
titles.push(a.getAttribute("title").toLowerCase());
});
return titles.length ? text + "\0" + titles.join("\0") : text;
}
function addSearchFields(stored) {
const rawLow = stored.raw.toLowerCase();
const words = rawLow.split(" ");
return {
...stored,
rawLow,
nameLow: stored.name.toLowerCase(),
rawWords: words.length > 1 ? words.slice(1) : null
};
}
function buildIndex(db) {
const result = [];
for (const section of db.data) {
const ns = section.namespace;
if (ns === "rows") continue;
for (const [raw, info] of Object.entries(section.data)) {
const { name, iconUrl } = processName(info.name);
let introSearch = "";
if (info.intro) introSearch += "\0" + buildIntroSearch(info.intro);
if (info.links) introSearch += "\0" + buildIntroSearch(info.links);
const introHtml = info.intro || void 0;
const linksHtml = info.links || void 0;
result.push(addSearchFields({
fullTag: `${ns}:${raw}`,
ns,
raw,
name,
iconUrl,
introHtml,
linksHtml,
introSearch
}));
}
}
return result;
}
async function fetchDb(mirror = "jsdelivr") {
const url = TAG_DB_MIRRORS[mirror]?.url ?? TAG_DB_MIRRORS.jsdelivr.url;
if (hasGMXHR) return new Promise((resolve, reject) => {
_GM.xmlHttpRequest({
method: "GET",
url,
onload: (res) => {
if (res.status === 200) resolve(res.responseText);
else reject(new Error(`HTTP ${res.status}`));
},
onerror: (err) => reject(new Error(`Network error: ${JSON.stringify(err)}`))
});
});
const res = await fetch(url);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return res.text();
}
async function loadTagDb(opts = {}) {
if (entries$2) return entries$2;
const ttl = (opts.ttlDays ?? 7) * 24 * 60 * 60 * 1e3;
const cachedTs = Number(await cacheGet(CACHE_TS_KEY$1)) || 0;
if (Date.now() - cachedTs < ttl) {
const cached = await cacheGet(CACHE_KEY$1);
if (cached) {
entries$2 = JSON.parse(cached).map((s) => addSearchFields({
...s,
introSearch: s.introSearch ?? ""
}));
tagDbVersion.value++;
return entries$2;
}
}
const raw = await fetchDb(opts.mirror);
entries$2 = buildIndex(JSON.parse(raw));
const stored = entries$2.map(({ fullTag, ns, raw: r, name, iconUrl, introHtml, linksHtml, introSearch }) => ({
fullTag,
ns,
raw: r,
name,
iconUrl,
introHtml,
linksHtml,
introSearch
}));
await cacheSet(CACHE_KEY$1, JSON.stringify(stored));
await cacheSet(CACHE_TS_KEY$1, String(Date.now()));
tagDbVersion.value++;
return entries$2;
}
async function refreshTagDb(opts = {}) {
entries$2 = null;
_fallbackCache.clear();
_entryIndex = null;
await cacheSet(CACHE_TS_KEY$1, "0");
await loadTagDb(opts);
}
var _entryIndex = null;
function findEntryByNsTag(ns, tag) {
if (!entries$2) return void 0;
if (!_entryIndex) {
_entryIndex = new Map();
for (const e of entries$2) _entryIndex.set(`${e.ns}:${e.rawLow}`, e);
}
return _entryIndex.get(`${ns}:${tag.toLowerCase()}`);
}
function entryForTag(full) {
const colon = full.indexOf(":");
const ns = colon > 0 ? full.slice(0, colon) : "";
const raw = colon > 0 ? full.slice(colon + 1) : full;
return findEntryByNsTag(ns, raw) ?? addSearchFields({
fullTag: full,
ns,
raw,
name: raw,
introSearch: ""
});
}
var DEFAULT_NS_ORDER = [
"female",
"male",
"other",
"mixed",
"location",
"parody",
"character",
"artist",
"cosplayer",
"group",
"language",
"reclass",
"temp"
];
var ALL_NAMESPACES = DEFAULT_NS_ORDER;
var NS_TIER_MAP = new Map(DEFAULT_NS_ORDER.map((ns, i) => [ns, i]));
function getMatchTier(entry, search, searchIsAscii) {
if (entry.rawLow.startsWith(search) || entry.nameLow.startsWith(search)) return 0;
if (entry.rawWords !== null) {
for (const word of entry.rawWords) if (word.startsWith(search)) return 1;
}
if (!searchIsAscii && entry.nameLow.includes(search)) return 1;
if (entry.introSearch && entry.introSearch.includes(search)) return 2;
return null;
}
function compareWeightFallback(a, b) {
return b.weight - a.weight || a.nsTier - b.nsTier || a.entry.raw.length - b.entry.raw.length;
}
function searchTags(query, opts = {}) {
if (!entries$2 || !query.trim()) return [];
const { namespaces } = opts;
let q = query.toLowerCase().normalize().trim();
let pool = entries$2;
if (namespaces && namespaces.length) {
const nsSet = new Set(namespaces);
pool = pool.filter((e) => nsSet.has(e.ns));
}
if (q.startsWith("\"")) q = q.slice(1);
if (!q) return getFallbackEntries({ namespaces });
const qIsAscii = isASCII(q);
let terms = [q];
if (!qIsAscii) {
terms.push(toCN(q), ...toJP(q));
terms = [...new Set(terms)];
}
const ranked = [];
for (const entry of pool) {
const nsTier = NS_TIER_MAP.get(entry.ns);
if (nsTier === void 0) continue;
let matchTier = null;
for (const term of terms) {
matchTier = getMatchTier(entry, term, qIsAscii);
if (matchTier !== null) break;
}
if (matchTier === null) continue;
ranked.push({
entry,
matchTier,
weight: getTagCount(entry.ns, entry.raw) ?? 0,
nsTier
});
}
ranked.sort((a, b) => a.matchTier - b.matchTier || compareWeightFallback(a, b));
return ranked.map((r) => r.entry);
}
var _fallbackCache = new Map();
function getFallbackEntries(opts = {}) {
const cacheKey = opts.namespaces && opts.namespaces.length ? [...opts.namespaces].sort().join(",") : "*";
const cached = _fallbackCache.get(cacheKey);
if (cached) return cached;
if (!entries$2) return [];
const nsSet = opts.namespaces && opts.namespaces.length ? new Set(opts.namespaces) : null;
const ranked = [];
for (const entry of entries$2) {
if (nsSet && !nsSet.has(entry.ns)) continue;
const nsTier = NS_TIER_MAP.get(entry.ns);
if (nsTier === void 0) continue;
ranked.push({
entry,
weight: getTagCount(entry.ns, entry.raw) ?? 0,
nsTier
});
}
ranked.sort(compareWeightFallback);
const result = ranked.map((r) => r.entry);
_fallbackCache.set(cacheKey, result);
return result;
}
var ASSET_PATH = "Tsuyumi25/EhQuickTag@data/tag-wiki/wiki.json.gz";
var TAG_WIKI_MIRRORS = {
jsdelivr: {
label: "jsDelivr",
url: `https://cdn.jsdelivr.net/gh/${ASSET_PATH}`
},
fastly: {
label: "jsDelivr (Fastly)",
url: `https://fastly.jsdelivr.net/gh/${ASSET_PATH}`
},
gcore: {
label: "jsDelivr (Gcore)",
url: `https://gcore.jsdelivr.net/gh/${ASSET_PATH}`
},
github: {
label: "GitHub Raw",
url: "https://raw.githubusercontent.com/Tsuyumi25/EhQuickTag/data/tag-wiki/wiki.json.gz"
}
};
var CACHE_KEY = "eqt_tag_wiki_v3";
var CACHE_TS_KEY = "eqt_tag_wiki_v3_ts";
var NS_TO_CATEGORY = {
parody: "series",
character: "character",
artist: "creator",
group: "creator",
cosplayer: "creator",
language: "language"
};
function nsToCategory(ns) {
return NS_TO_CATEGORY[ns] ?? "tag";
}
function rawToSlug(raw) {
return raw.replace(/ /g, "_").toLowerCase();
}
var entries$1 = null;
var tagWikiVersion = ref(0);
function getTagWiki(ns, raw) {
if (!entries$1) return void 0;
const cat = nsToCategory(ns);
const slug = rawToSlug(raw);
return entries$1.get(`${cat}/${slug}`);
}
var SCHEMA_VERSION = 3;
var WikiSchemaMismatchError = class extends Error {
gotVersion;
constructor(gotVersion) {
super(`Tag Wiki payload schema mismatch: expected v${SCHEMA_VERSION}, got v${gotVersion ?? "?"}`);
this.gotVersion = gotVersion;
this.name = "WikiSchemaMismatchError";
}
};
async function loadTagWiki(opts = {}) {
if (entries$1) return;
const ttl = (opts.ttlDays ?? 7) * 24 * 60 * 60 * 1e3;
const cachedTs = Number(await cacheGet(CACHE_TS_KEY)) || 0;
if (Date.now() - cachedTs < ttl) {
const cached = await cacheGet(CACHE_KEY);
if (cached) {
const parsed = JSON.parse(cached);
if (parsed.version === SCHEMA_VERSION && parsed.entries) {
entries$1 = new Map(Object.entries(parsed.entries));
tagWikiVersion.value++;
return;
}
}
}
const url = TAG_WIKI_MIRRORS[opts.mirror ?? "jsdelivr"].url;
const json = await fetchAndDecompress(url);
const payload = JSON.parse(json);
if (payload.version !== SCHEMA_VERSION || !payload.entries) throw new WikiSchemaMismatchError(payload.version);
entries$1 = new Map(Object.entries(payload.entries));
await cacheSet(CACHE_KEY, JSON.stringify(payload));
await cacheSet(CACHE_TS_KEY, String(Date.now()));
tagWikiVersion.value++;
}
async function refreshTagWiki(opts = {}) {
entries$1 = null;
await cacheSet(CACHE_TS_KEY, "0");
await loadTagWiki(opts);
}
async function fetchAndDecompress(url) {
const gz = await fetchGz(url);
const stream = new Response(gz).body.pipeThrough(new DecompressionStream("gzip"));
return new Response(stream).text();
}
async function fetchGz(url) {
if (hasGMXHR) return new Promise((resolve, reject) => {
_GM.xmlHttpRequest({
method: "GET",
url,
responseType: "arraybuffer",
onload: (res) => {
if (res.status === 200) resolve(res.response);
else reject(new Error(`HTTP ${res.status}`));
},
onerror: (err) => reject(new Error(`Network error: ${JSON.stringify(err)}`))
});
});
const res = await fetch(url);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return res.arrayBuffer();
}
var MESSAGES = {
"zh-TW": {
"common.itemColor": "按鈕顏色",
"common.back": "返回",
"confirm.title": "確認",
"confirm.keep": "保留",
"confirm.delete": "刪除",
"nsFilter.label": "依 namespace 篩選",
"nsFilter.all": "全部",
"nsFilter.picked": "選中 {n}",
"tagbar.search": "搜尋",
"tagbar.searchNewTab": "新分頁搜尋",
"tagbar.clearSearch": "清空搜尋框",
"tagbar.toggleEdit": "編輯（On/Off）",
"tagbar.none": "無",
"tagbar.infoPreviewSection": "預覽",
"tagbar.infoPreviewLeft": "左鍵雙擊：{action}",
"tagbar.infoPreviewRight": "右鍵雙擊：{action}",
"tagbar.infoHint": "可在設定裡調整",
"tagbar.infoEditSection": "編輯",
"tagbar.infoEditLeft": "左鍵點按鈕：編輯內容",
"tagbar.infoEditRight": "右鍵點按鈕：開啟選單",
"tagbar.infoEditDrag": "從下方拖曳：{tools}",
"tagbar.infoListSeparator": "、",
"tagbar.newProfile": "點擊命名新標籤組",
"tagbar.handleTitle": "拖曳排序行",
"tagbar.lineActions": "行操作",
"tagbar.tagActions": "按鈕操作",
"tagbar.moveTag": "移動到 Profile",
"tagbar.duplicateTag": "建立副本",
"tagbar.moveLine": "移動到 Profile",
"tagbar.duplicateLine": "建立副本",
"tagbar.layout": "排版",
"tagbar.lineAlign": "行內容對齊",
"tagbar.lineAlignGlobal": "依全域（{align}）",
"tagbar.lineAlignDefault": "預設",
"tagbar.deleteLine": "刪除此行",
"tagbar.deleteLineConfirm": "確定刪除這行嗎？此操作無法復原。",
"tagbar.lineColor": "行顏色",
"tagbar.lineColorClear": "清除顏色",
"tagbar.separatorSettings": "分隔線設定",
"tagbar.separatorLabelPlaceholder": "輸入文字",
"tagbar.separatorStyle": "線條",
"tagbar.separatorStyle_solid": "實線",
"tagbar.separatorStyle_dashed": "虛線",
"tagbar.separatorStyle_none": "無線",
"tagbar.separatorLinePosition": "線位置",
"tagbar.separatorLinePosition_top": "上方",
"tagbar.separatorLinePosition_middle": "中央",
"tagbar.separatorLinePosition_bottom": "下方",
"tagbar.separatorTextSize": "文字大小",
"tagbar.separatorLineThickness": "線條粗細",
"tagbar.separatorLineLength": "線長",
"tagbar.separatorTextAlign": "文字對齊",
"tagbar.separatorTextAlign_left": "靠左",
"tagbar.separatorTextAlign_center": "置中",
"tagbar.separatorTextAlign_right": "靠右",
"tagbar.addButtonLine": "空行",
"tagbar.addSeparatorLine": "分隔線",
"tagbar.spacerModeFixed": "間隔",
"tagbar.spacerModeFlex": "彈簧",
"tagbar.spacerFlexLabel": "彈簧",
"tagbar.spacerResizeTitle": "拖曳調整寬度",
"tagbar.addTag": "新增標籤",
"tagbar.addUrl": "新增網址",
"tagbar.browseTag": "瀏覽標籤",
"tagbar.miscRow": "其他",
"tagbar.searchPanel": "EhQuickTag 搜索欄",
"tagbar.history": "歷史",
"tagbar.clearHistory": "清除歷史",
"tagbar.toggleLang": "切換中文 / 英文顯示",
"tagbar.done": "完成",
"tagbar.edit": "編輯",
"tagbar.settings": "設定",
"settings.title": "設定",
"settings.close": "關閉",
"settings.tabGeneral": "通用",
"settings.tabTagBar": "標籤列",
"settings.tabData": "資料",
"settings.tabAbout": "關於",
"settings.searchBarVisibility": "元件顯示",
"settings.showSearchPanel": "顯示 EhQuickTag 搜尋面板",
"settings.enableHistory": "記錄搜尋歷史",
"settings.searchPanelLang": "按鈕語言",
"settings.searchPanelLangAuto": "自動",
"settings.searchPanelLangToggle": "中／英可切換",
"settings.searchPanelLangEnglishOnly": "純英文",
"settings.convertToTraditional": "中文標籤繁化（OpenCC）",
"settings.convertToTraditionalAuto": "自動",
"settings.convertToTraditionalOn": "繁體",
"settings.convertToTraditionalOff": "簡體（DB 原文）",
"settings.convertToTraditionalHint": "作用於搜尋面板標籤、圖庫標籤列、圖庫標籤定義面板。",
"settings.languageHint": "影響介面文字與初始預設標籤組。",
"settings.dblClickActions": "背景雙擊動作",
"settings.dblClickLeft": "左鍵雙擊",
"settings.dblClickRight": "右鍵雙擊",
"settings.actionSearchCurrent": "搜尋（當前頁面）",
"settings.actionSearchNewTab": "搜尋（新分頁）",
"settings.actionClear": "清空搜尋框",
"settings.actionToggleEdit": "編輯（On/Off）",
"settings.actionOpenSearchPopup": "瀏覽標籤",
"settings.actionNone": "無",
"settings.newTabActivate": "切換到新分頁",
"settings.reset": "重置",
"settings.resetTitle": "重置為預設",
"settings.sectionTagFormat": "標籤格式",
"settings.nsFormat": "Namespace 格式",
"settings.nsFormatLong": "完整（female）",
"settings.nsFormatShort": "縮寫（f）",
"settings.defaultExactMatch": "預設精確搜尋 ($)",
"settings.defaultExactMatchHint": "開啟後，從建構器儲存的標籤會自動加上 $ 後綴。",
"settings.tagDbSection": "標籤資料庫",
"settings.tagCountSection": "Tag Count",
"settings.tagWikiSection": "Tag Wiki（英文定義）",
"settings.tagDbMirror": "標籤資料庫鏡像",
"settings.tagDbTtlDays": "標籤資料庫快取（天）",
"settings.tagDbRefresh": "立即更新",
"settings.tagDbRefreshing": "更新中…",
"settings.tagDbRefreshSuccess": "標籤資料庫已更新",
"settings.tagDbRefreshFailed": "標籤資料庫更新失敗，請稍後再試",
"settings.tagCountMirror": "Tag Count 鏡像",
"settings.tagCountTtlDays": "Tag Count 快取（天）",
"settings.tagCountRefresh": "立即更新",
"settings.tagCountRefreshing": "更新中…",
"settings.tagCountRefreshSuccess": "Tag Count 已更新",
"settings.tagCountRefreshFailed": "Tag Count 更新失敗，請稍後再試",
"settings.tagWikiMirror": "Tag Wiki 鏡像",
"settings.tagWikiTtlDays": "Tag Wiki 快取（天）",
"settings.tagWikiRefresh": "立即更新",
"settings.tagWikiRefreshing": "更新中…",
"settings.tagWikiRefreshSuccess": "Tag Wiki 已更新",
"settings.tagWikiRefreshFailed": "Tag Wiki 更新失敗，請稍後再試",
"settings.tagWikiSchemaMismatch": "Tag Wiki 資料格式不相容——CDN 邊緣可能還在 serve 舊版本。過幾小時再試，或到 設定 → 資料 切到 GitHub Raw mirror。",
"settings.fontFamily": "自定義字體",
"settings.fontFamilyPlaceholder": "留空則使用頁面字體",
"settings.fontFamilyHint": "font-family 值範例：",
"settings.fontWeight": "字重",
"settings.preview": "預覽",
"settings.language": "語言 / Language",
"settings.sectionUrlButton": "連結按鈕",
"settings.followCurrentSite": "連結自動跟著目前所在的站 (e-hentai / exhentai)",
"settings.tagStyle": "按鈕樣式",
"settings.buttonLineTextAlign": "普通行",
"settings.separatorLineTextAlign": "分隔線",
"settings.sectionLineAlignment": "預設對齊",
"settings.tagStyleFlat": "預設",
"settings.tagStyle3dBorder": "下方陰影",
"settings.tagStyleOffsetShadow": "右下陰影",
"settings.tagStylePushable": "立體按壓",
"settings.useAccentOnInclude": "選中按鈕一律顯示綠色",
"settings.useAccentOnIncludeHint": "關閉時，有設定自訂顏色的按鈕在選中（include）狀態會用自訂色；開啟時一律覆蓋為綠色。",
"settings.profilesTitle": "標籤組",
"settings.activeBadge": "目前",
"settings.moveToTrash": "移入垃圾桶",
"settings.trash": "回收桶",
"settings.editorCopied": "已複製",
"settings.editorCopy": "複製",
"settings.editorExport": "匯出檔案",
"settings.editorJsonError": "JSON 格式錯誤：{message}",
"settings.editorInvalidShape": "資料格式與當前版本不相容",
"settings.restoreProfile": "恢復標籤組",
"settings.purgeProfile": "永久刪除",
"settings.save": "儲存",
"settings.purgeConfirm": "確定要永久刪除「{name}」嗎？此操作無法復原。",
"settings.corrupted": "損壞的資料",
"settings.corruptedReason": "原因：{reason}",
"settings.emptyTag": "(空)",
"tagConfig.displayName": "顯示名稱",
"tagConfig.displayNameHint": "（留空則顯示 tag 原文）",
"tagConfig.tagSyntax": "標籤語法",
"tagConfig.searchPlaceholder": "輸入中文或英文搜尋…",
"tagConfig.loadingPlaceholder": "載入中…",
"tagConfig.removeRow": "移除",
"tagConfig.noResult": "找不到符合的標籤",
"tagConfig.leftClickMode": "左鍵模式",
"tagConfig.rightClickMode": "右鍵模式",
"tagConfig.simulateOutput": "模擬輸出",
"tagConfig.simulateCurrent": "模式：{state}",
"tagConfig.shape.allPositive": "純正向",
"tagConfig.shape.allNegative": "純負向",
"tagConfig.shape.allOr": "OR 群組",
"tagConfig.shape.mixed": "混合條件",
"tagConfig.cycleSkipReasonOr": "右鍵會跳過 Or：「{shape}」無法加入 Or（聯集），因為 e站搜尋文法不支援將排除條件作為 OR 群組成員。",
"tagConfig.cycleSkipReasonExclude": "右鍵會跳過 Exclude：「{shape}」的 Exclude（補集）在 e站搜尋文法裡寫不出來。如果需要 exclude，建議拆多個按鈕分別控制。",
"tagConfig.cycleSkipReasonMixed": "右鍵會跳過 {skipped}：混合條件的 Or（聯集）跟 Exclude（補集）在 e站搜尋文法裡都寫不出來。如果需要 exclude，建議拆多個按鈕分別控制。",
"tagConfig.cycleSkipReasonAllOr": "右鍵會跳過 Or：此按鈕本身已是 OR 群組（~ 前綴），再疊加 Or 沒有可呈現的形式。",
"tagConfig.cycleChipClickToEnable": "點擊重新開啟",
"tagConfig.cycleChipClickToDisable": "點擊手動停用",
"tagConfig.cycleChipShapeDisabled": "此形狀在 e站搜尋文法裡寫不出來，自動禁用",
"tagConfig.prefix": "前綴",
"tagConfig.colonPrefixNone": "（無）",
"tagConfig.colonPrefixNsGroup": "Namespace",
"tagConfig.colonPrefixQGroup": "限定詞",
"tagConfig.nsLong": "長",
"tagConfig.nsShort": "短",
"tagConfig.exactMatch": "精確搜尋 ($)",
"tagConfig.wildcard": "萬用字元 (*)",
"tagConfig.rawSyntax": "原始語法",
"tagConfig.explainPrefix": "前綴",
"tagConfig.explainNs": "namespace",
"tagConfig.explainQualifier": "限定詞",
"tagConfig.explainTag": "標籤",
"tagConfig.explainSuffix": "後綴",
"tagConfig.explainError": "解析錯誤",
"tagConfig.delete": "刪除",
"tagConfig.cancel": "取消",
"tagConfig.save": "儲存",
"category.doujinshi": "同人誌",
"category.manga": "漫畫",
"category.artistCg": "畫師CG",
"category.gameCg": "遊戲CG",
"category.western": "西方",
"category.nonH": "無H",
"category.imageSet": "圖集",
"category.cosplay": "Cosplay",
"category.asianPorn": "亞洲色情",
"category.misc": "雜項",
"urlBuilder.keywords": "搜尋關鍵字",
"urlBuilder.useCurrentPage": "使用當前頁面",
"urlBuilder.categories": "分類",
"urlBuilder.showAdvanced": "顯示進階搜尋",
"urlBuilder.browseExpunged": "只顯示已刪除的圖庫",
"urlBuilder.requireTorrent": "只顯示有種子的圖庫",
"urlBuilder.pagesBetween": "介於",
"urlBuilder.pagesAnd": "和",
"urlBuilder.pagesUnit": "頁",
"urlBuilder.minRating": "最低評分：",
"urlBuilder.anyRating": "無限制",
"urlBuilder.stars": "{n} 星",
"urlBuilder.disableFilters": "停用自訂過濾器：",
"urlBuilder.filterLanguage": "語言",
"urlBuilder.filterUploader": "上傳者",
"urlBuilder.filterTags": "標籤",
"urlConfig.displayName": "顯示名稱",
"urlConfig.displayNameHint": "（留空則顯示網址）",
"urlConfig.url": "網址",
"urlConfig.fetching": "取得中…",
"urlConfig.fetchTitle": "取得標題",
"urlConfig.cancel": "取消",
"urlConfig.save": "儲存",
"ns.female": "女",
"ns.male": "男",
"ns.mixed": "混",
"ns.other": "其他",
"ns.location": "地點",
"ns.language": "語言",
"ns.parody": "原作",
"ns.character": "角色",
"ns.artist": "繪師",
"ns.cosplayer": "Coser",
"ns.group": "團體",
"ns.reclass": "分類",
"ns.temp": "臨時",
"about.desc": "E-Hentai / ExHentai 搜尋快捷標籤列",
"about.reportIssue": "回報問題",
"about.inspiration": "靈感來源",
"about.techRef": "技術棧參考",
"about.credits": "致謝",
"about.ehttDetail": "標籤中文翻譯資料庫（CC BY-NC-SA 3.0）",
"about.ehsyringeDetail": "搜尋排序權重邏輯參考（MIT）",
"about.openccDetail": "繁簡轉換字表資料（Apache-2.0）",
"about.urenkoDbDetail": "EH metadata nightly SQLite（本 repo tag count 的資料源）",
"default.chinese": "中文",
"default.english": "英語",
"default.korean": "韓語",
"default.japanese": "日語",
"default.japaneseOnly": "純日語",
"default.fullColor": "全彩",
"default.uncensored": "無修正",
"default.translated": "已翻譯",
"default.speechless": "無對話",
"default.textCleaned": "文字清除",
"default.excludeAI": "排除AI",
"default.excludeRoughTL": "排除機翻",
"default.howto": "教學",
"default.artbook": "畫集",
"default.imageset": "圖集",
"default.tankoubon": "單行本",
"default.anthology": "選集",
"default.profileName": "預設標籤組",
"default.general": "一般",
"gallery.searchN": "搜尋 {n}",
"gallery.vote": "投票",
"gallery.importToggle": "導入標籤候選",
"gallery.importFailed": "無法讀取該圖庫。",
"gallery.clearSelection": "取消選取",
"gallery.addTags": "新增標籤",
"gallery.sessionExpired": "登入狀態已過期，請重新整理頁面後再試。",
"gallery.tagDbLoadFailed": "標籤資料庫載入失敗，請稍後再試或檢查網路。",
"gallery.openInMyTags": "到 My Tags 檢視",
"gallery.myTagsColorsFailed": "無法載入 My Tags 顏色。",
"gallery.wiki": "Wiki",
"settings.tabMyTags": "My Tags",
"settings.sectionMyTagsToggles": "功能開關",
"settings.myTagsEnhancer": "啟用 My Tags 強化介面",
"settings.myTagsEnhancerHint": "在 {mytags} 頁面提供標籤編輯與過濾預覽。",
"settings.myTagsClearSamples": "清除所有樣本",
"settings.myTagsClearSamplesHint": "清除已抓取的所有圖庫樣本，保留「該擋／該留」的人工判斷與 EH 標籤設定。",
"settings.myTagsClearSamplesConfirm": "清除已抓取的所有圖庫樣本？「該擋／該留」的人工判斷與 EH 標籤設定會保留，樣本可以重新抓取。",
"settings.myTagsSamplesCleared": "已清除所有圖庫樣本。",
"settings.myTagsClearSamplesFailed": "圖庫樣本清除失敗。",
"settings.tabGallery": "畫廊",
"settings.sectionGalleryToggles": "功能開關",
"settings.taggingEnhancer": "啟用標籤強化（Tagging Enhancer）",
"settings.taggingEnhancerHint": "在 /g/ 詳情頁接管 taglist，提供 vote / search / picker 等強化功能。關閉後保持 EH 原生介面。需重新整理頁面生效。",
"settings.galleryDragSelect": "啟用拖曳多選",
"settings.galleryDragSelectHint": "關閉後僅能單擊選取，拖曳將不會觸發批次標記。",
"settings.sectionGallerySize": "標籤列尺寸",
"settings.galleryTaglistHeight": "高度",
"settings.galleryTaglistZoom": "縮放",
"settings.galleryTaglistExpand": "自動展開",
"settings.galleryTaglistHeightTipBefore": "可以到",
"settings.galleryTaglistHeightTipLink": "這個 Tag 很多的圖庫",
"settings.galleryTaglistHeightTipAfter": "查看效果",
"settings.galleryDblClickActions": "Taglist 雙擊動作",
"settings.galleryDblClickLeft": "左鍵雙擊",
"settings.galleryDblClickRight": "右鍵雙擊",
"settings.tagAppearance": "標籤外觀",
"settings.appearanceExample": "範例 {n}",
"settings.appearanceColors": "顯示個人顏色",
"settings.appearanceScores": "顯示分數",
"settings.appearanceMarks": "顯示關注與隱藏標記",
"intro.close": "關閉",
"intro.empty": "沒有定義內容",
"intro.toggleLang": "切換語言（中文 / English）",
"intro.preludeLabel": "提醒 / 警告",
"intro.togglePrelude": "展開 / 收起提醒",
"settings.wikiPreludeExpanded": "預設展開 wiki 提醒 / 警告",
"settings.wikiPreludeExpandedHint": "Wiki 前段的 Reminder / 警告 / 交叉參照通常很長，預設收起省空間；開啟後每次點 chip 都自動展開。",
"settings.sectionIntroPanel": "定義面板",
"settings.introPanelPrimaryLang": "預設語言",
"settings.introPanelPrimaryLangHint": "預設先顯示哪一邊。面板上的切換按鈕隨時可換另一邊。",
"settings.introPanelPrimaryLangAuto": "自動",
"settings.introPanelPrimaryLangZh": "中文",
"settings.introPanelPrimaryLangEn": "English",
"bars.threshold": "軟過濾閾值",
"bars.grabbing": "抓取中⋯",
"panel.sampleFetchFailed": "樣本抓取失敗，已保留進度，可以再次抓取。",
"panel.weightHint": "權重 -99 ~ 99。加總低於閾值就會被擋",
"panel.colorHint": "這個標籤的顏色，留空就用標籤集的預設色",
"panel.toggleHidden": "無條件隱藏（不進加總）",
"panel.toggleWatch": "設為關注（watched）",
"panel.labelHidden": "隱藏",
"panel.labelWatch": "關注",
"panel.labelDelete": "刪除",
"panel.applying": "送出中 {i}/{n}⋯",
"panel.applied": "已套用 {n} 個",
"panel.applyingThreshold": "寫入過濾門檻⋯",
"panel.thresholdApplied": "過濾門檻已改成 {n}",
"panel.thresholdFailed": "過濾門檻寫不進去（{error}），標籤的部分不受影響。",
"panel.thresholdClobbered": "⚠️ 門檻改好了，但這些設定被一起動到：{fields}。請到 EH 的設定頁確認。",
"panel.applyFailed": "「{tag}」送不出去（{error}），後面的沒送。",
"panel.discard": "取消",
"panel.noCredentials": "這一頁讀不到登入憑證，沒辦法寫回去。",
"panel.createFailed": "新增標籤表單無法送出。",
"panel.createRejected": "E站沒有收下這個標籤，確認一下名稱，或標籤集是否已滿。",
"panel.createdInDisabledSet": "已新增到「{set}」。這一組沒有啟用，所以不會出現在清單裡。",
"panel.navLabel": "My Tags 介面控制",
"panel.ehTopbar": "E站頂部欄",
"panel.wiki": "WIKI",
"panel.help": "說明",
"panel.helpFeedback": "本頁提供視覺回饋，讓你在調整權重時看到樣本圖庫中哪些會被隱藏、哪些會顯示。它無法判斷標籤的語意，也無法判斷圖庫是否符合你的偏好。過濾門檻未知時會暫停預覽，取得或輸入有效門檻後恢復。樣本抓取失敗時，可再次抓取並從未完成的頁面繼續。",
"panel.helpUsage": "點擊標籤名稱就能打開{preview}。{blocked}與{shown}兩邊最上方都是離{threshold}最近的圖庫（硬隱藏的排在最後），因為只有靠近{threshold}的圖庫才會隨權重變動在兩邊之間移動。\n用{block}、{keep}標示有爭議的圖庫。同一批爭議反覆出現時，通常是規則不符合 E-Hentai 的生態，或應該直接針對 artist 標籤設定規則。\n紅綠比例條可用來快速確認樣本的分佈是否符合預期。\n本頁所有改動都只是草稿，按下紅色的應用按鈕才會批次寫回，在那之前都可以取消。",
"panel.helpTagSets": "建立與重新命名標籤集屬於低頻操作，本頁不提供這兩項功能。請在設定的 My Tags 分頁關閉強化介面並重新整理，再到 E-Hentai 原生 My Tags 頁面操作。",
"panel.helpLanguageFiltering": "抓取的樣本是套用{settings}的「排除語言」後的結果。",
"panel.helpSettingsPage": "設定頁面",
"preview.panelZoom": "介面縮放",
"preview.expungedOnly": "已刪除",
"preview.fetchExpunged": "抓取已刪除的樣本",
"panel.helpQueryExemption": "搜尋時明確指定的標籤會獲得 E-Hentai 的 My Tags 過濾豁免：它們的權重不計入加總，隱藏設定也不生效；其他標籤仍照常過濾。因此，本頁預覽可能與搜尋結果不同。排除語言與排除上傳者不受這項豁免影響。",
"panel.helpQueryExample": "例如，把 {anthology} 設為隱藏、{webtoon} 設為負權重。搜尋 {anthology} 時，它的隱藏設定會被略過，{webtoon} 的負權重仍會計入；同時搜尋兩者時，兩者都會被豁免，其他標籤仍照常過濾。",
"panel.resizeEditor": "拖曳調整編輯區寬度，向右收合、向左展開",
"panel.resizeTagList": "拖曳調整標籤清單大小",
"panel.resizeGallery": "拖曳調整圖庫詳情高度",
"panel.collapseTagList": "收合標籤清單",
"panel.expandTagList": "以預設大小展開標籤清單",
"panel.collapseEditor": "收合編輯區",
"panel.expandEditor": "以預設寬度展開編輯區",
"marked.over": "誤傷",
"marked.leak": "漏網",
"marked.hiddenBy": "被硬隱藏擋住：{tags}",
"panel.pickTagFirst": "先在左邊選一個標籤。",
"panel.working": "處理中⋯",
"panel.massFailed": "這批沒送成功，清單可能不是最新的。",
"panel.localStorageFailed": "無法讀取或儲存本機資料。請保留此頁面，以免遺失尚未儲存的修改。",
"panel.deleteConfirmMany": "確定要從 EH 刪掉 {n} 個標籤嗎？沒有還原。",
"panel.deleteConfirmOne": "確定要從 EH 刪掉「{tag}」嗎？沒有還原。",
"taglist.allSets": "全部",
"taglist.addTag": "新增標籤",
"manage.newTag": "新增標籤",
"manage.pickCandidate": "從下方清單選擇標籤以建立草稿。",
"manage.weight": "權重",
"manage.color": "顏色",
"manage.targetSet": "加入到",
"manage.moveTarget": "移動到",
"manage.moveTag": "移動標籤",
"manage.setFull": "這個標籤集已滿。",
"manage.colorInvalid": "請輸入六位十六進位色號。",
"manage.searchPlaceholder": "搜尋標籤",
"taglist.filterWatch": "關注",
"taglist.filterHidden": "隱藏",
"taglist.sortLabel": "標籤排序",
"taglist.sortNegative": "按負權重",
"taglist.sortPositive": "按正權重",
"taglist.sortColor": "按顏色排序",
"taglist.statusAll": "全部狀態",
"taglist.statusWeighted": "非預設權重",
"taglist.statusPending": "未套用",
"taglist.headLeft": "標籤與影響（{n}）",
"taglist.empty": "找不到符合條件的標籤",
"taglist.impact": "樣本裡：被擋 {left} · 顯示 {right}",
"taglist.impactNone": "樣本裡還沒有帶這個標籤的畫廊",
"taglist.picked": "已選 {n} 個",
"taglist.moveTo": "移到標籤集⋯",
"taglist.bulkWatch": "設為關注",
"taglist.bulkHide": "設為隱藏",
"taglist.clearPicks": "取消選取",
"preview.title": "過濾預覽",
"preview.filterLeft": "被擋",
"preview.filterRight": "會顯示",
"preview.columnCount": "{side}（{shown}/{total}）",
"preview.markedOnly": "已標記",
"preview.coverSize": "封面大小",
"preview.refresh": "抓取樣本",
"preview.loadMore": "繼續往下看",
"preview.sideEmpty": "這一邊還沒有東西",
"preview.sum": "合計 {n}",
"preview.threshold": "門檻 {n}",
"preview.thresholdUnknown": "請輸入有效的{threshold}，以顯示樣本過濾預覽。",
"preview.shouldBlock": "該擋",
"preview.shouldKeep": "該留",
"panel.applyN": "套用 {n} 個到 EH",
"gallery.open": "打開圖庫",
"gallery.loading": "載入中⋯",
"gallery.failed": "這本抓不回來。"
},
"zh-CN": {
"common.itemColor": "按钮颜色",
"common.back": "返回",
"confirm.title": "确认",
"confirm.keep": "保留",
"confirm.delete": "删除",
"nsFilter.label": "按 namespace 筛选",
"nsFilter.all": "全部",
"nsFilter.picked": "选中 {n}",
"tagbar.search": "搜索",
"tagbar.searchNewTab": "新标签页搜索",
"tagbar.clearSearch": "清空搜索框",
"tagbar.toggleEdit": "编辑（On/Off）",
"tagbar.none": "无",
"tagbar.infoPreviewSection": "预览",
"tagbar.infoPreviewLeft": "左键双击：{action}",
"tagbar.infoPreviewRight": "右键双击：{action}",
"tagbar.infoHint": "可在设置里调整",
"tagbar.infoEditSection": "编辑",
"tagbar.infoEditLeft": "左键点按钮：编辑内容",
"tagbar.infoEditRight": "右键点按钮：打开菜单",
"tagbar.infoEditDrag": "从下方拖曳：{tools}",
"tagbar.infoListSeparator": "、",
"tagbar.newProfile": "点击命名新标签组",
"tagbar.handleTitle": "拖拽排序行",
"tagbar.lineActions": "行操作",
"tagbar.tagActions": "按钮操作",
"tagbar.moveTag": "移动到 Profile",
"tagbar.duplicateTag": "创建副本",
"tagbar.moveLine": "移动到 Profile",
"tagbar.duplicateLine": "创建副本",
"tagbar.layout": "排版",
"tagbar.lineAlign": "行内容对齐",
"tagbar.lineAlignGlobal": "跟随全局（{align}）",
"tagbar.lineAlignDefault": "默认",
"tagbar.deleteLine": "删除此行",
"tagbar.deleteLineConfirm": "确定删除这行吗？此操作无法撤销。",
"tagbar.lineColor": "行颜色",
"tagbar.lineColorClear": "清除颜色",
"tagbar.separatorSettings": "分隔线设置",
"tagbar.separatorLabelPlaceholder": "输入文字",
"tagbar.separatorStyle": "线条",
"tagbar.separatorStyle_solid": "实线",
"tagbar.separatorStyle_dashed": "虚线",
"tagbar.separatorStyle_none": "无线",
"tagbar.separatorLinePosition": "线位置",
"tagbar.separatorLinePosition_top": "上方",
"tagbar.separatorLinePosition_middle": "中央",
"tagbar.separatorLinePosition_bottom": "下方",
"tagbar.separatorTextSize": "文字大小",
"tagbar.separatorLineThickness": "线条粗细",
"tagbar.separatorLineLength": "线长",
"tagbar.separatorTextAlign": "文字对齐",
"tagbar.separatorTextAlign_left": "靠左",
"tagbar.separatorTextAlign_center": "居中",
"tagbar.separatorTextAlign_right": "靠右",
"tagbar.addButtonLine": "空行",
"tagbar.addSeparatorLine": "分隔线",
"tagbar.spacerModeFixed": "间隔",
"tagbar.spacerModeFlex": "弹簧",
"tagbar.spacerFlexLabel": "弹簧",
"tagbar.spacerResizeTitle": "拖拽调整宽度",
"tagbar.addTag": "新增标签",
"tagbar.addUrl": "新增网址",
"tagbar.browseTag": "浏览标签",
"tagbar.miscRow": "其他",
"tagbar.searchPanel": "EhQuickTag 搜索栏",
"tagbar.history": "历史",
"tagbar.clearHistory": "清除历史",
"tagbar.toggleLang": "切换中文 / 英文显示",
"tagbar.done": "完成",
"tagbar.edit": "编辑",
"tagbar.settings": "设置",
"settings.title": "设置",
"settings.close": "关闭",
"settings.tabGeneral": "通用",
"settings.tabTagBar": "标签列",
"settings.tabData": "数据",
"settings.tabAbout": "关于",
"settings.searchBarVisibility": "组件显示",
"settings.showSearchPanel": "显示 EhQuickTag 搜索面板",
"settings.enableHistory": "记录搜索历史",
"settings.searchPanelLang": "按钮语言",
"settings.searchPanelLangAuto": "自动",
"settings.searchPanelLangToggle": "中／英可切换",
"settings.searchPanelLangEnglishOnly": "纯英文",
"settings.convertToTraditional": "中文标签繁化（OpenCC）",
"settings.convertToTraditionalAuto": "自动",
"settings.convertToTraditionalOn": "繁体",
"settings.convertToTraditionalOff": "简体（DB 原文）",
"settings.convertToTraditionalHint": "作用于搜索面板标签、图库标签列、图库标签定义面板。",
"settings.languageHint": "影响界面文字与初始默认标签组。",
"settings.dblClickActions": "背景双击动作",
"settings.dblClickLeft": "左键双击",
"settings.dblClickRight": "右键双击",
"settings.actionSearchCurrent": "搜索（当前页面）",
"settings.actionSearchNewTab": "搜索（新标签页）",
"settings.actionClear": "清空搜索框",
"settings.actionToggleEdit": "编辑（On/Off）",
"settings.actionOpenSearchPopup": "浏览标签",
"settings.actionNone": "无",
"settings.newTabActivate": "切换到新标签页",
"settings.reset": "重置",
"settings.resetTitle": "重置为默认",
"settings.sectionTagFormat": "标签格式",
"settings.nsFormat": "Namespace 格式",
"settings.nsFormatLong": "完整（female）",
"settings.nsFormatShort": "缩写（f）",
"settings.defaultExactMatch": "默认精确搜索 ($)",
"settings.defaultExactMatchHint": "开启后，从构建器保存的标签会自动加上 $ 后缀。",
"settings.tagDbSection": "标签数据库",
"settings.tagCountSection": "Tag Count",
"settings.tagWikiSection": "Tag Wiki（英文定义）",
"settings.tagDbMirror": "标签数据库镜像",
"settings.tagDbTtlDays": "标签数据库缓存（天）",
"settings.tagDbRefresh": "立即更新",
"settings.tagDbRefreshing": "更新中…",
"settings.tagDbRefreshSuccess": "标签数据库已更新",
"settings.tagDbRefreshFailed": "标签数据库更新失败，请稍后再试",
"settings.tagCountMirror": "Tag Count 镜像",
"settings.tagCountTtlDays": "Tag Count 缓存（天）",
"settings.tagCountRefresh": "立即更新",
"settings.tagCountRefreshing": "更新中…",
"settings.tagCountRefreshSuccess": "Tag Count 已更新",
"settings.tagCountRefreshFailed": "Tag Count 更新失败，请稍后再试",
"settings.tagWikiMirror": "Tag Wiki 镜像",
"settings.tagWikiTtlDays": "Tag Wiki 缓存（天）",
"settings.tagWikiRefresh": "立即更新",
"settings.tagWikiRefreshing": "更新中…",
"settings.tagWikiRefreshSuccess": "Tag Wiki 已更新",
"settings.tagWikiRefreshFailed": "Tag Wiki 更新失败，请稍后再试",
"settings.tagWikiSchemaMismatch": "Tag Wiki 数据格式不兼容——CDN 边缘可能还在 serve 旧版本。过几小时再试，或到 设置 → 数据 切换到 GitHub Raw mirror。",
"settings.fontFamily": "自定义字体",
"settings.fontFamilyPlaceholder": "留空则使用页面字体",
"settings.fontFamilyHint": "font-family 值示例：",
"settings.fontWeight": "字重",
"settings.preview": "预览",
"settings.language": "语言 / Language",
"settings.sectionUrlButton": "链接按钮",
"settings.followCurrentSite": "链接自动跟随当前所在的站 (e-hentai / exhentai)",
"settings.tagStyle": "按钮样式",
"settings.buttonLineTextAlign": "普通行",
"settings.separatorLineTextAlign": "分隔线",
"settings.sectionLineAlignment": "默认对齐",
"settings.tagStyleFlat": "默认",
"settings.tagStyle3dBorder": "下方阴影",
"settings.tagStyleOffsetShadow": "右下阴影",
"settings.tagStylePushable": "立体按压",
"settings.useAccentOnInclude": "选中按钮一律显示绿色",
"settings.useAccentOnIncludeHint": "关闭时，设有自定颜色的按钮在选中（include）状态会用自定色；开启时一律覆盖为绿色。",
"settings.profilesTitle": "标签组",
"settings.activeBadge": "当前",
"settings.moveToTrash": "移入回收站",
"settings.trash": "回收站",
"settings.editorCopied": "已复制",
"settings.editorCopy": "复制",
"settings.editorExport": "导出文件",
"settings.editorJsonError": "JSON 格式错误：{message}",
"settings.editorInvalidShape": "数据格式与当前版本不兼容",
"settings.restoreProfile": "恢复标签组",
"settings.purgeProfile": "永久删除",
"settings.save": "保存",
"settings.purgeConfirm": "确定要永久删除「{name}」吗？此操作无法撤销。",
"settings.corrupted": "损坏的数据",
"settings.corruptedReason": "原因：{reason}",
"settings.emptyTag": "(空)",
"tagConfig.displayName": "显示名称",
"tagConfig.displayNameHint": "（留空则显示 tag 原文）",
"tagConfig.tagSyntax": "标签语法",
"tagConfig.searchPlaceholder": "输入中文或英文搜索…",
"tagConfig.loadingPlaceholder": "加载中…",
"tagConfig.removeRow": "移除",
"tagConfig.noResult": "找不到符合的标签",
"tagConfig.leftClickMode": "左键模式",
"tagConfig.rightClickMode": "右键模式",
"tagConfig.simulateOutput": "模拟输出",
"tagConfig.simulateCurrent": "模式：{state}",
"tagConfig.shape.allPositive": "纯正向",
"tagConfig.shape.allNegative": "纯负向",
"tagConfig.shape.allOr": "OR 群组",
"tagConfig.shape.mixed": "混合条件",
"tagConfig.cycleSkipReasonOr": "右键会跳过 Or：「{shape}」无法加入 Or（并集），因为 e站搜索语法不支持将排除条件作为 OR 群组成员。",
"tagConfig.cycleSkipReasonExclude": "右键会跳过 Exclude：「{shape}」的 Exclude（补集）在 e站搜索语法里写不出来。如果需要 exclude，建议拆多个按钮分别控制。",
"tagConfig.cycleSkipReasonMixed": "右键会跳过 {skipped}：混合条件的 Or（并集）跟 Exclude（补集）在 e站搜索语法里都写不出来。如果需要 exclude，建议拆多个按钮分别控制。",
"tagConfig.cycleSkipReasonAllOr": "右键会跳过 Or：此按钮本身已是 OR 群组（~ 前缀），再叠加 Or 没有可呈现的形式。",
"tagConfig.cycleChipClickToEnable": "点击重新开启",
"tagConfig.cycleChipClickToDisable": "点击手动停用",
"tagConfig.cycleChipShapeDisabled": "此形状在 e站搜索语法里写不出来，自动禁用",
"tagConfig.prefix": "前缀",
"tagConfig.colonPrefixNone": "（无）",
"tagConfig.colonPrefixNsGroup": "Namespace",
"tagConfig.colonPrefixQGroup": "限定词",
"tagConfig.nsLong": "长",
"tagConfig.nsShort": "短",
"tagConfig.exactMatch": "精确搜索 ($)",
"tagConfig.wildcard": "通配符 (*)",
"tagConfig.rawSyntax": "原始语法",
"tagConfig.explainPrefix": "前缀",
"tagConfig.explainNs": "namespace",
"tagConfig.explainQualifier": "限定词",
"tagConfig.explainTag": "标签",
"tagConfig.explainSuffix": "后缀",
"tagConfig.explainError": "解析错误",
"tagConfig.delete": "删除",
"tagConfig.cancel": "取消",
"tagConfig.save": "保存",
"category.doujinshi": "同人志",
"category.manga": "漫画",
"category.artistCg": "画师CG",
"category.gameCg": "游戏CG",
"category.western": "西方",
"category.nonH": "无H",
"category.imageSet": "图集",
"category.cosplay": "Cosplay",
"category.asianPorn": "亚洲色情",
"category.misc": "杂项",
"urlBuilder.keywords": "搜索关键词",
"urlBuilder.useCurrentPage": "使用当前页面",
"urlBuilder.categories": "分类",
"urlBuilder.showAdvanced": "显示高级搜索",
"urlBuilder.browseExpunged": "只显示已删除的图库",
"urlBuilder.requireTorrent": "只显示有种子的图库",
"urlBuilder.pagesBetween": "介于",
"urlBuilder.pagesAnd": "和",
"urlBuilder.pagesUnit": "页",
"urlBuilder.minRating": "最低评分：",
"urlBuilder.anyRating": "无限制",
"urlBuilder.stars": "{n} 星",
"urlBuilder.disableFilters": "禁用自定义过滤器：",
"urlBuilder.filterLanguage": "语言",
"urlBuilder.filterUploader": "上传者",
"urlBuilder.filterTags": "标签",
"urlConfig.displayName": "显示名称",
"urlConfig.displayNameHint": "（留空则显示网址）",
"urlConfig.url": "网址",
"urlConfig.fetching": "获取中…",
"urlConfig.fetchTitle": "获取标题",
"urlConfig.cancel": "取消",
"urlConfig.save": "保存",
"ns.female": "女",
"ns.male": "男",
"ns.mixed": "混",
"ns.other": "其他",
"ns.location": "地点",
"ns.language": "语言",
"ns.parody": "原作",
"ns.character": "角色",
"ns.artist": "画师",
"ns.cosplayer": "Coser",
"ns.group": "团体",
"ns.reclass": "分类",
"ns.temp": "临时",
"about.desc": "E-Hentai / ExHentai 搜索快捷标签栏",
"about.reportIssue": "报告问题",
"about.inspiration": "灵感来源",
"about.techRef": "技术栈参考",
"about.credits": "致谢",
"about.ehttDetail": "标签中文翻译数据库（CC BY-NC-SA 3.0）",
"about.ehsyringeDetail": "搜索排序权重逻辑参考（MIT）",
"about.openccDetail": "繁简转换字表数据（Apache-2.0）",
"about.urenkoDbDetail": "EH metadata nightly SQLite（本 repo tag count 的数据源）",
"default.chinese": "中文",
"default.english": "英语",
"default.korean": "韩语",
"default.japanese": "日语",
"default.japaneseOnly": "纯日语",
"default.fullColor": "全彩",
"default.uncensored": "无修正",
"default.translated": "已翻译",
"default.speechless": "无对话",
"default.textCleaned": "文字清除",
"default.excludeAI": "排除AI",
"default.excludeRoughTL": "排除机翻",
"default.howto": "教程",
"default.artbook": "画集",
"default.imageset": "图集",
"default.tankoubon": "单行本",
"default.anthology": "选集",
"default.profileName": "默认标签组",
"default.general": "一般",
"gallery.searchN": "搜索 {n}",
"gallery.vote": "投票",
"gallery.importToggle": "导入标签候选",
"gallery.importFailed": "无法读取该图库。",
"gallery.clearSelection": "取消选取",
"gallery.addTags": "新增标签",
"gallery.sessionExpired": "登录状态已过期，请刷新页面后重试。",
"gallery.tagDbLoadFailed": "标签数据库加载失败，请稍后再试或检查网络。",
"gallery.openInMyTags": "到 My Tags 查看",
"gallery.myTagsColorsFailed": "无法加载 My Tags 颜色。",
"gallery.wiki": "Wiki",
"settings.tabMyTags": "My Tags",
"settings.sectionMyTagsToggles": "功能开关",
"settings.myTagsEnhancer": "启用 My Tags 增强界面",
"settings.myTagsEnhancerHint": "在 {mytags} 页面提供标签编辑与过滤预览。",
"settings.myTagsClearSamples": "清除所有样本",
"settings.myTagsClearSamplesHint": "清除已抓取的所有图库样本，保留「该挡／该留」的人工判断与 EH 标签设置。",
"settings.myTagsClearSamplesConfirm": "清除已抓取的所有图库样本？「该挡／该留」的人工判断与 EH 标签设置会保留，样本可以重新抓取。",
"settings.myTagsSamplesCleared": "已清除所有图库样本。",
"settings.myTagsClearSamplesFailed": "图库样本清除失败。",
"settings.tabGallery": "图库",
"settings.sectionGalleryToggles": "功能开关",
"settings.taggingEnhancer": "启用标签强化（Tagging Enhancer）",
"settings.taggingEnhancerHint": "在 /g/ 详情页接管 taglist，提供 vote / search / picker 等强化功能。关闭后保持 EH 原生界面。需刷新页面生效。",
"settings.galleryDragSelect": "启用拖拽多选",
"settings.galleryDragSelectHint": "关闭后仅能单击选取，拖拽将不会触发批量标记。",
"settings.sectionGallerySize": "标签列尺寸",
"settings.galleryTaglistHeight": "高度",
"settings.galleryTaglistZoom": "缩放",
"settings.galleryTaglistExpand": "自动展开",
"settings.galleryTaglistHeightTipBefore": "可以到",
"settings.galleryTaglistHeightTipLink": "这个 Tag 很多的图库",
"settings.galleryTaglistHeightTipAfter": "查看效果",
"settings.galleryDblClickActions": "Taglist 双击动作",
"settings.galleryDblClickLeft": "左键双击",
"settings.galleryDblClickRight": "右键双击",
"settings.tagAppearance": "标签外观",
"settings.appearanceExample": "示例 {n}",
"settings.appearanceColors": "显示个人颜色",
"settings.appearanceScores": "显示分数",
"settings.appearanceMarks": "显示关注与隐藏标记",
"intro.close": "关闭",
"intro.empty": "没有定义内容",
"intro.toggleLang": "切换语言（中文 / English）",
"intro.preludeLabel": "提醒 / 警告",
"intro.togglePrelude": "展开 / 收起提醒",
"settings.wikiPreludeExpanded": "默认展开 wiki 提醒 / 警告",
"settings.wikiPreludeExpandedHint": "Wiki 前段的 Reminder / 警告 / 交叉引用通常很长，默认收起省空间；开启后每次点 chip 都自动展开。",
"settings.sectionIntroPanel": "定义面板",
"settings.introPanelPrimaryLang": "默认语言",
"settings.introPanelPrimaryLangHint": "默认先显示哪一边。面板上的切换按钮随时可换另一边。",
"settings.introPanelPrimaryLangAuto": "自动",
"settings.introPanelPrimaryLangZh": "中文",
"settings.introPanelPrimaryLangEn": "English",
"bars.threshold": "软过滤阈值",
"bars.grabbing": "抓取中⋯",
"panel.sampleFetchFailed": "样本抓取失败，已保留进度，可以再次抓取。",
"panel.weightHint": "权重 -99 ~ 99。合计低于阈值就会被挡",
"panel.colorHint": "这个标签的颜色，留空就用标签集的默认色",
"panel.toggleHidden": "无条件隐藏（不进合计）",
"panel.toggleWatch": "设为关注（watched）",
"panel.labelHidden": "隐藏",
"panel.labelWatch": "关注",
"panel.labelDelete": "删除",
"panel.applying": "送出中 {i}/{n}⋯",
"panel.applied": "已套用 {n} 个",
"panel.applyingThreshold": "写入过滤阈值⋯",
"panel.thresholdApplied": "过滤阈值已改成 {n}",
"panel.thresholdFailed": "过滤阈值写不进去（{error}），标签的部分不受影响。",
"panel.thresholdClobbered": "⚠️ 阈值改好了，但这些设置被一起动到：{fields}。请到 EH 的设置页确认。",
"panel.applyFailed": "「{tag}」送不出去（{error}），后面的没送。",
"panel.discard": "取消",
"panel.noCredentials": "这一页读不到登录凭证，没办法写回去。",
"panel.createFailed": "新增标签表单无法送出。",
"panel.createRejected": "E站没有收下这个标签，确认一下名称，或标签集是否已满。",
"panel.createdInDisabledSet": "已新增到「{set}」。这一组没有启用，所以不会出现在清单里。",
"panel.navLabel": "My Tags 界面控制",
"panel.ehTopbar": "E站顶部栏",
"panel.wiki": "WIKI",
"panel.help": "说明",
"panel.helpFeedback": "本页提供视觉反馈，让你在调整权重时看到样本图库中哪些会被隐藏、哪些会显示。它无法判断标签的语义，也无法判断图库是否符合你的偏好。过滤阈值未知时会暂停预览，取得或输入有效阈值后恢复。样本抓取失败时，可再次抓取并从未完成的页面继续。",
"panel.helpUsage": "点击标签名称就能打开{preview}。{blocked}与{shown}两边最上方都是离{threshold}最近的图库（硬隐藏的排在最后），因为只有靠近{threshold}的图库才会随权重变动在两边之间移动。\n用{block}、{keep}标示有争议的图库。同一批争议反复出现时，通常是规则不符合 E-Hentai 的生态，或应该直接针对 artist 标签设定规则。\n红绿比例条可用来快速确认样本的分布是否符合预期。\n本页所有改动都只是草稿，按下红色的应用按钮才会批量写回，在那之前都可以取消。",
"panel.helpTagSets": "创建与重命名标签集属于低频操作，本页不提供这两项功能。请在设置的 My Tags 分页关闭增强界面并刷新，再到 E-Hentai 原生 My Tags 页面操作。",
"panel.helpLanguageFiltering": "抓取的样本是套用{settings}的「排除语言」后的结果。",
"panel.helpSettingsPage": "设置页面",
"preview.panelZoom": "界面缩放",
"preview.expungedOnly": "已删除",
"preview.fetchExpunged": "抓取已删除的样本",
"panel.helpQueryExemption": "搜索时明确指定的标签会获得 E-Hentai 的 My Tags 过滤豁免：它们的权重不计入总和，隐藏设置也不生效；其他标签仍照常过滤。因此，本页预览可能与搜索结果不同。排除语言与排除上传者不受这项豁免影响。",
"panel.helpQueryExample": "例如，把 {anthology} 设为隐藏、{webtoon} 设为负权重。搜索 {anthology} 时，它的隐藏设置会被略过，{webtoon} 的负权重仍会计入；同时搜索两者时，两者都会被豁免，其他标签仍照常过滤。",
"panel.resizeEditor": "拖动调整编辑区宽度，向右收起、向左展开",
"panel.resizeTagList": "拖动调整标签列表大小",
"panel.resizeGallery": "拖动调整图库详情高度",
"panel.collapseTagList": "收起标签列表",
"panel.expandTagList": "以默认大小展开标签列表",
"panel.collapseEditor": "收起编辑区",
"panel.expandEditor": "以默认宽度展开编辑区",
"marked.over": "误伤",
"marked.leak": "漏网",
"marked.hiddenBy": "被硬隐藏挡住：{tags}",
"panel.pickTagFirst": "先在左边选一个标签。",
"panel.working": "处理中⋯",
"panel.massFailed": "这批没送成功，列表可能不是最新的。",
"panel.localStorageFailed": "无法读取或保存本地数据。请保留此页面，以免丢失尚未保存的修改。",
"panel.deleteConfirmMany": "确定要从 EH 删掉 {n} 个标签吗？没有还原。",
"panel.deleteConfirmOne": "确定要从 EH 删掉「{tag}」吗？没有还原。",
"taglist.allSets": "全部",
"taglist.addTag": "新增标签",
"manage.newTag": "新增标签",
"manage.pickCandidate": "从下方列表选择标签以建立草稿。",
"manage.weight": "权重",
"manage.color": "颜色",
"manage.targetSet": "加入到",
"manage.moveTarget": "移动到",
"manage.moveTag": "移动标签",
"manage.setFull": "这个标签集已满。",
"manage.colorInvalid": "请输入六位十六进制色号。",
"manage.searchPlaceholder": "搜索标签",
"taglist.filterWatch": "关注",
"taglist.filterHidden": "隐藏",
"taglist.sortLabel": "标签排序",
"taglist.sortNegative": "按负权重",
"taglist.sortPositive": "按正权重",
"taglist.sortColor": "按颜色排序",
"taglist.statusAll": "全部状态",
"taglist.statusWeighted": "非默认权重",
"taglist.statusPending": "未套用",
"taglist.headLeft": "标签与影响（{n}）",
"taglist.empty": "找不到符合条件的标签",
"taglist.impact": "样本里：被挡 {left} · 显示 {right}",
"taglist.impactNone": "样本里还没有带这个标签的画廊",
"taglist.picked": "已选 {n} 个",
"taglist.moveTo": "移到标签集⋯",
"taglist.bulkWatch": "设为关注",
"taglist.bulkHide": "设为隐藏",
"taglist.clearPicks": "取消选取",
"preview.title": "过滤预览",
"preview.filterLeft": "被挡",
"preview.filterRight": "会显示",
"preview.columnCount": "{side}（{shown}/{total}）",
"preview.markedOnly": "已标记",
"preview.coverSize": "封面大小",
"preview.refresh": "抓取样本",
"preview.loadMore": "继续往下看",
"preview.sideEmpty": "这一边还没有东西",
"preview.sum": "合计 {n}",
"preview.threshold": "门槛 {n}",
"preview.thresholdUnknown": "请输入有效的{threshold}，以显示样本过滤预览。",
"preview.shouldBlock": "该挡",
"preview.shouldKeep": "该留",
"panel.applyN": "套用 {n} 个到 EH",
"gallery.open": "打开图库",
"gallery.loading": "加载中⋯",
"gallery.failed": "这本抓不回来。"
},
"en": {
"common.itemColor": "Button color",
"common.back": "Back",
"confirm.title": "Confirm",
"confirm.keep": "Keep",
"confirm.delete": "Delete",
"nsFilter.label": "Filter by namespace",
"nsFilter.all": "All",
"nsFilter.picked": "Picked {n}",
"tagbar.search": "Search",
"tagbar.searchNewTab": "Search in new tab",
"tagbar.clearSearch": "Clear search",
"tagbar.toggleEdit": "Edit (On/Off)",
"tagbar.none": "None",
"tagbar.infoPreviewSection": "Preview",
"tagbar.infoPreviewLeft": "Left double-click: {action}",
"tagbar.infoPreviewRight": "Right double-click: {action}",
"tagbar.infoHint": "Configurable in settings",
"tagbar.infoEditSection": "Editing",
"tagbar.infoEditLeft": "Left-click a button: edit it",
"tagbar.infoEditRight": "Right-click a button: open its menu",
"tagbar.infoEditDrag": "Drag in from below: {tools}",
"tagbar.infoListSeparator": ", ",
"tagbar.newProfile": "Click to name new profile",
"tagbar.handleTitle": "Drag to reorder rows",
"tagbar.lineActions": "Row actions",
"tagbar.tagActions": "Button actions",
"tagbar.moveTag": "Move to profile",
"tagbar.duplicateTag": "Duplicate",
"tagbar.moveLine": "Move to profile",
"tagbar.duplicateLine": "Duplicate",
"tagbar.layout": "Layout",
"tagbar.lineAlign": "Row content alignment",
"tagbar.lineAlignGlobal": "Use global ({align})",
"tagbar.lineAlignDefault": "Default",
"tagbar.deleteLine": "Delete this row",
"tagbar.deleteLineConfirm": "Delete this row? This cannot be undone.",
"tagbar.lineColor": "Row color",
"tagbar.lineColorClear": "Clear color",
"tagbar.separatorSettings": "Separator settings",
"tagbar.separatorLabelPlaceholder": "Enter text",
"tagbar.separatorStyle": "Line",
"tagbar.separatorStyle_solid": "Solid",
"tagbar.separatorStyle_dashed": "Dashed",
"tagbar.separatorStyle_none": "None",
"tagbar.separatorLinePosition": "Line position",
"tagbar.separatorLinePosition_top": "Top",
"tagbar.separatorLinePosition_middle": "Middle",
"tagbar.separatorLinePosition_bottom": "Bottom",
"tagbar.separatorTextSize": "Text size",
"tagbar.separatorLineThickness": "Line thickness",
"tagbar.separatorLineLength": "Line length",
"tagbar.separatorTextAlign": "Text align",
"tagbar.separatorTextAlign_left": "Left",
"tagbar.separatorTextAlign_center": "Center",
"tagbar.separatorTextAlign_right": "Right",
"tagbar.addButtonLine": "Empty row",
"tagbar.addSeparatorLine": "Separator",
"tagbar.spacerModeFixed": "Gap",
"tagbar.spacerModeFlex": "Spring",
"tagbar.spacerFlexLabel": "spring",
"tagbar.spacerResizeTitle": "Drag to resize",
"tagbar.addTag": "Add tag",
"tagbar.addUrl": "Add URL",
"tagbar.browseTag": "Browse tags",
"tagbar.miscRow": "Misc",
"tagbar.searchPanel": "EhQuickTag search panel",
"tagbar.history": "History",
"tagbar.clearHistory": "Clear history",
"tagbar.toggleLang": "Toggle Chinese / English display",
"tagbar.done": "Done",
"tagbar.edit": "Edit",
"tagbar.settings": "Settings",
"settings.title": "Settings",
"settings.close": "Close",
"settings.tabGeneral": "General",
"settings.tabTagBar": "Tag Bar",
"settings.tabData": "Data",
"settings.tabAbout": "About",
"settings.searchBarVisibility": "Component Visibility",
"settings.showSearchPanel": "Show EhQuickTag search panel",
"settings.enableHistory": "Record search history",
"settings.searchPanelLang": "Button language",
"settings.searchPanelLangAuto": "Auto",
"settings.searchPanelLangToggle": "Chinese / English togglable",
"settings.searchPanelLangEnglishOnly": "English only",
"settings.convertToTraditional": "Convert Chinese tag names to Traditional (OpenCC)",
"settings.convertToTraditionalAuto": "Auto",
"settings.convertToTraditionalOn": "Traditional",
"settings.convertToTraditionalOff": "Simplified (DB raw)",
"settings.convertToTraditionalHint": "Applies to search panel tag names, gallery taglist, and gallery tag definition panel.",
"settings.languageHint": "Affects UI text and the initial default tag profile.",
"settings.dblClickActions": "Background double-click actions",
"settings.dblClickLeft": "Left double-click",
"settings.dblClickRight": "Right double-click",
"settings.actionSearchCurrent": "Search (current page)",
"settings.actionSearchNewTab": "Search (new tab)",
"settings.actionClear": "Clear search",
"settings.actionToggleEdit": "Edit (On/Off)",
"settings.actionOpenSearchPopup": "Browse tags",
"settings.actionNone": "None",
"settings.newTabActivate": "Switch to new tab",
"settings.reset": "Reset",
"settings.resetTitle": "Reset to default",
"settings.sectionTagFormat": "Tag Format",
"settings.nsFormat": "Namespace format",
"settings.nsFormatLong": "Long (female)",
"settings.nsFormatShort": "Short (f)",
"settings.defaultExactMatch": "Default exact match ($)",
"settings.defaultExactMatchHint": "When enabled, tags saved from the builder automatically get the $ suffix.",
"settings.tagDbSection": "Tag DB",
"settings.tagCountSection": "Tag Count",
"settings.tagWikiSection": "Tag Wiki (EN definitions)",
"settings.tagDbMirror": "Tag DB mirror",
"settings.tagDbTtlDays": "Tag DB cache (days)",
"settings.tagDbRefresh": "Refresh now",
"settings.tagDbRefreshing": "Refreshing...",
"settings.tagDbRefreshSuccess": "Tag DB refreshed",
"settings.tagDbRefreshFailed": "Tag DB refresh failed. Please retry later.",
"settings.tagCountMirror": "Tag count mirror",
"settings.tagCountTtlDays": "Tag count cache (days)",
"settings.tagCountRefresh": "Refresh now",
"settings.tagCountRefreshing": "Refreshing...",
"settings.tagCountRefreshSuccess": "Tag count refreshed",
"settings.tagCountRefreshFailed": "Tag count refresh failed. Please retry later.",
"settings.tagWikiMirror": "Tag wiki mirror",
"settings.tagWikiTtlDays": "Tag wiki cache (days)",
"settings.tagWikiRefresh": "Refresh now",
"settings.tagWikiRefreshing": "Refreshing...",
"settings.tagWikiRefreshSuccess": "Tag wiki refreshed",
"settings.tagWikiRefreshFailed": "Tag wiki refresh failed. Please retry later.",
"settings.tagWikiSchemaMismatch": "Tag wiki data format mismatch — the CDN edge may still be serving the previous version. Try again in a few hours, or switch to the GitHub Raw mirror in Settings → Data.",
"settings.fontFamily": "Custom font",
"settings.fontFamilyPlaceholder": "Leave empty to use page font",
"settings.fontFamilyHint": "font-family example: ",
"settings.fontWeight": "Font weight",
"settings.preview": "Preview",
"settings.language": "Language",
"settings.sectionUrlButton": "Link buttons",
"settings.followCurrentSite": "Rewrite links to the site you are on (e-hentai / exhentai)",
"settings.tagStyle": "Button style",
"settings.buttonLineTextAlign": "Regular rows",
"settings.separatorLineTextAlign": "Separators",
"settings.sectionLineAlignment": "Default alignment",
"settings.tagStyleFlat": "Default",
"settings.tagStyle3dBorder": "Bottom shadow",
"settings.tagStyleOffsetShadow": "Bottom-right shadow",
"settings.tagStylePushable": "Pushable 3D",
"settings.useAccentOnInclude": "Always use accent green for active buttons",
"settings.useAccentOnIncludeHint": "When off, buttons with a custom color use their custom color in the include state. When on, they always switch to the accent green.",
"settings.profilesTitle": "Profiles",
"settings.activeBadge": "Active",
"settings.moveToTrash": "Move to trash",
"settings.trash": "Trash",
"settings.editorCopied": "Copied",
"settings.editorCopy": "Copy",
"settings.editorExport": "Export file",
"settings.editorJsonError": "JSON format error: {message}",
"settings.editorInvalidShape": "Data shape incompatible with current version",
"settings.restoreProfile": "Restore profile",
"settings.purgeProfile": "Delete permanently",
"settings.save": "Save",
"settings.purgeConfirm": "Permanently delete \"{name}\"? This cannot be undone.",
"settings.corrupted": "Corrupted data",
"settings.corruptedReason": "Reason: {reason}",
"settings.emptyTag": "(empty)",
"tagConfig.displayName": "Display name",
"tagConfig.displayNameHint": "(leave empty to show raw tag)",
"tagConfig.tagSyntax": "Tag syntax",
"tagConfig.searchPlaceholder": "Search tags...",
"tagConfig.loadingPlaceholder": "Loading...",
"tagConfig.removeRow": "Remove",
"tagConfig.noResult": "No matching tags found",
"tagConfig.leftClickMode": "Left-click",
"tagConfig.rightClickMode": "Right-click",
"tagConfig.simulateOutput": "Simulate output",
"tagConfig.simulateCurrent": "Mode: {state}",
"tagConfig.shape.allPositive": "all-positive",
"tagConfig.shape.allNegative": "all-negative",
"tagConfig.shape.allOr": "all-OR",
"tagConfig.shape.mixed": "mixed condition",
"tagConfig.cycleSkipReasonOr": "Right-click skips Or: an \"{shape}\" button cannot join an Or (union), because e-hentai search syntax doesn't support negative tags as OR-group members.",
"tagConfig.cycleSkipReasonExclude": "Right-click skips Exclude: the Exclude (complement) of an \"{shape}\" button cannot be expressed in e-hentai search syntax. If you need exclude, split into multiple buttons that control each condition independently.",
"tagConfig.cycleSkipReasonMixed": "Right-click skips {skipped}: neither the Or (union) nor the Exclude (complement) of a mixed-condition button can be expressed in e-hentai search syntax. If you need exclude, split into multiple buttons that control each condition independently.",
"tagConfig.cycleSkipReasonAllOr": "Right-click skips Or: this button is already an OR group (~ prefix), so layering another Or has no distinct representation.",
"tagConfig.cycleChipClickToEnable": "Click to re-enable",
"tagConfig.cycleChipClickToDisable": "Click to disable manually",
"tagConfig.cycleChipShapeDisabled": "This shape cannot be expressed in e-hentai search syntax, auto-disabled",
"tagConfig.prefix": "Prefix",
"tagConfig.colonPrefixNone": "(none)",
"tagConfig.colonPrefixNsGroup": "Namespaces",
"tagConfig.colonPrefixQGroup": "Qualifiers",
"tagConfig.nsLong": "Long",
"tagConfig.nsShort": "Short",
"tagConfig.exactMatch": "Exact ($)",
"tagConfig.wildcard": "Wildcard (*)",
"tagConfig.rawSyntax": "Raw syntax",
"tagConfig.explainPrefix": "prefix",
"tagConfig.explainNs": "namespace",
"tagConfig.explainQualifier": "qualifier",
"tagConfig.explainTag": "tag",
"tagConfig.explainSuffix": "suffix",
"tagConfig.explainError": "parse error",
"tagConfig.delete": "Delete",
"tagConfig.cancel": "Cancel",
"tagConfig.save": "Save",
"category.doujinshi": "Doujinshi",
"category.manga": "Manga",
"category.artistCg": "Artist CG",
"category.gameCg": "Game CG",
"category.western": "Western",
"category.nonH": "Non-H",
"category.imageSet": "Image Set",
"category.cosplay": "Cosplay",
"category.asianPorn": "Asian Porn",
"category.misc": "Misc",
"urlBuilder.keywords": "Search keywords",
"urlBuilder.useCurrentPage": "Use current page",
"urlBuilder.categories": "Categories",
"urlBuilder.showAdvanced": "Show advanced options",
"urlBuilder.browseExpunged": "Browse expunged galleries only",
"urlBuilder.requireTorrent": "Browse galleries with torrents only",
"urlBuilder.pagesBetween": "Between",
"urlBuilder.pagesAnd": "and",
"urlBuilder.pagesUnit": "pages",
"urlBuilder.minRating": "Minimum Rating:",
"urlBuilder.anyRating": "Any Rating",
"urlBuilder.stars": "{n} stars",
"urlBuilder.disableFilters": "Disable custom filters for:",
"urlBuilder.filterLanguage": "Language",
"urlBuilder.filterUploader": "Uploader",
"urlBuilder.filterTags": "Tags",
"urlConfig.displayName": "Display name",
"urlConfig.displayNameHint": "(leave empty to show URL)",
"urlConfig.url": "URL",
"urlConfig.fetching": "Fetching...",
"urlConfig.fetchTitle": "Fetch title",
"urlConfig.cancel": "Cancel",
"urlConfig.save": "Save",
"ns.female": "Female",
"ns.male": "Male",
"ns.mixed": "Mixed",
"ns.other": "Other",
"ns.location": "Location",
"ns.language": "Language",
"ns.parody": "Parody",
"ns.character": "Character",
"ns.artist": "Artist",
"ns.cosplayer": "Cosplayer",
"ns.group": "Group",
"ns.reclass": "Reclass",
"ns.temp": "Temp",
"about.desc": "Quick tag bar for E-Hentai / ExHentai search",
"about.reportIssue": "Report issue",
"about.inspiration": "Inspiration",
"about.techRef": "Tech stack reference",
"about.credits": "Credits",
"about.ehttDetail": "Tag translation database (CC BY-NC-SA 3.0)",
"about.ehsyringeDetail": "Search ranking logic reference (MIT)",
"about.openccDetail": "Simplified–Traditional Chinese conversion data (Apache-2.0)",
"about.urenkoDbDetail": "EH metadata nightly SQLite (source for the tag count weight)",
"default.chinese": "Chinese",
"default.english": "English",
"default.korean": "Korean",
"default.japanese": "Japanese",
"default.japaneseOnly": "Japanese only",
"default.fullColor": "Full Color",
"default.uncensored": "Uncensored",
"default.translated": "Translated",
"default.speechless": "Speechless",
"default.textCleaned": "Text cleaned",
"default.excludeAI": "No AI",
"default.excludeRoughTL": "No MTL",
"default.howto": "How-to",
"default.artbook": "Artbook",
"default.imageset": "Image Set",
"default.tankoubon": "Tankoubon",
"default.anthology": "Anthology",
"default.profileName": "Default",
"default.general": "General",
"gallery.searchN": "Search {n}",
"gallery.vote": "Vote",
"gallery.importToggle": "Import candidates",
"gallery.importFailed": "Could not load that gallery.",
"gallery.clearSelection": "Clear selection",
"gallery.addTags": "Add tags",
"gallery.sessionExpired": "Your session has expired. Please refresh the page to log in again.",
"gallery.tagDbLoadFailed": "Failed to load tag database. Please retry later or check your network.",
"gallery.openInMyTags": "View in My Tags",
"gallery.myTagsColorsFailed": "Failed to load My Tags colors.",
"gallery.wiki": "Wiki",
"settings.tabMyTags": "My Tags",
"settings.sectionMyTagsToggles": "Features",
"settings.myTagsEnhancer": "Enable My Tags Enhancer",
"settings.myTagsEnhancerHint": "Provides tag editing and filtering previews on {mytags}.",
"settings.myTagsClearSamples": "Clear all samples",
"settings.myTagsClearSamplesHint": "Remove all fetched gallery samples. Keep your block/keep judgments and EH tag settings.",
"settings.myTagsClearSamplesConfirm": "Clear all fetched gallery samples? Your block/keep judgments and EH tag settings will be kept. Samples can be fetched again.",
"settings.myTagsSamplesCleared": "All gallery samples cleared.",
"settings.myTagsClearSamplesFailed": "Could not clear gallery samples.",
"settings.tabGallery": "Gallery",
"settings.sectionGalleryToggles": "Features",
"settings.taggingEnhancer": "Enable Tagging Enhancer",
"settings.taggingEnhancerHint": "Takes over the taglist on /g/ detail pages with vote / search / picker affordances. When off, the native UI is preserved. Reload the page to apply.",
"settings.galleryDragSelect": "Enable drag-select",
"settings.galleryDragSelectHint": "When off, chips are click-only; dragging will not toggle multiple at once.",
"settings.sectionGallerySize": "Tag list size",
"settings.galleryTaglistHeight": "Height",
"settings.galleryTaglistZoom": "Zoom",
"settings.galleryTaglistExpand": "Auto-expand",
"settings.galleryTaglistHeightTipBefore": "You can see the effect on ",
"settings.galleryTaglistHeightTipLink": "this gallery with lots of tags",
"settings.galleryTaglistHeightTipAfter": "",
"settings.galleryDblClickActions": "Taglist double-click actions",
"settings.galleryDblClickLeft": "Left double-click",
"settings.galleryDblClickRight": "Right double-click",
"settings.tagAppearance": "Tag appearance",
"settings.appearanceExample": "Example {n}",
"settings.appearanceColors": "Show personal colors",
"settings.appearanceScores": "Show scores",
"settings.appearanceMarks": "Show watched and hidden marks",
"intro.close": "Close",
"intro.empty": "No definition available",
"intro.toggleLang": "Switch language (中文 / English)",
"intro.preludeLabel": "Notes",
"intro.togglePrelude": "Toggle notes",
"settings.wikiPreludeExpanded": "Expand wiki notes by default",
"settings.wikiPreludeExpandedHint": "Wiki notes (Reminder / warnings / cross-refs) fold up by default to save panel space. Turn on to expand automatically each time a chip opens.",
"settings.sectionIntroPanel": "Definition Panel",
"settings.introPanelPrimaryLang": "Primary language",
"settings.introPanelPrimaryLangHint": "Which side shows first. Toggle button on the panel always lets you switch.",
"settings.introPanelPrimaryLangAuto": "Auto",
"settings.introPanelPrimaryLangZh": "中文",
"settings.introPanelPrimaryLangEn": "English",
"bars.threshold": "Soft filter threshold",
"bars.grabbing": "Fetching…",
"panel.sampleFetchFailed": "Could not fetch samples. Progress has been kept; you can try fetching again.",
"panel.weightHint": "Weight -99 to 99. A total below the threshold gets blocked",
"panel.colorHint": "Colour for this tag; leave blank to inherit the tag set default",
"panel.toggleHidden": "Hide unconditionally (skips the sum entirely)",
"panel.toggleWatch": "Mark as watched",
"panel.labelHidden": "Hidden",
"panel.labelWatch": "Watched",
"panel.labelDelete": "Delete",
"panel.applying": "Sending {i}/{n}…",
"panel.applied": "Applied {n}",
"panel.applyingThreshold": "Writing filter threshold…",
"panel.thresholdApplied": "Filter threshold is now {n}",
"panel.thresholdFailed": "Could not write the filter threshold ({error}); tags were not affected.",
"panel.thresholdClobbered": "⚠️ Threshold saved, but these settings changed too: {fields}. Please check them on EH.",
"panel.applyFailed": "“{tag}” could not be saved ({error}); the rest were not sent.",
"panel.discard": "Cancel",
"panel.noCredentials": "No login credentials on this page, so nothing can be written back.",
"panel.createFailed": "The new tag form could not be submitted.",
"panel.createRejected": "EH did not add this tag. Check the name, or whether the tag set is full.",
"panel.createdInDisabledSet": "Added to “{set}”. That tag set is not enabled, so it will not appear in the list.",
"panel.navLabel": "My Tags navigation controls",
"panel.ehTopbar": "EH top bar",
"panel.wiki": "WIKI",
"panel.help": "Help",
"panel.helpFeedback": "This page shows you which sample galleries would be hidden or shown as you adjust tag weights. It cannot tell you what a tag means, or whether a gallery matches your preferences. Preview pauses until a valid filter threshold is available. If fetching fails, fetch again to resume from the unfinished page.",
"panel.helpUsage": "Click a tag name to open the {preview}. Both the {blocked} and {shown} sides list the galleries closest to the {threshold} first, and hard-hidden galleries are placed at the bottom, because those near the threshold are the ones most likely to move between the two sides as weights change.\nUse {block} and {keep} to mark borderline cases. If the same borderline cases keep appearing, the rule usually does not match how tags are actually used on E-Hentai, or it may be better applied to the artist tag instead.\nThe red/green ratio bar lets you check at a glance whether the sample distribution matches your expectations.\nChanges made here are only drafts. Nothing is saved until you press the red Apply button, and you can discard your draft changes at any time before then.",
"panel.helpTagSets": "Tag sets cannot be created or renamed here, since those tasks are rarely needed. Turn off the enhanced interface in Settings → My Tags and reload, then use the original E-Hentai My Tags page for those actions.",
"panel.helpLanguageFiltering": "Fetched samples are results after applying the Excluded Languages settings on the {settings}.",
"panel.helpSettingsPage": "settings page",
"preview.panelZoom": "UI zoom",
"preview.expungedOnly": "Expunged",
"preview.fetchExpunged": "Fetch expunged samples",
"panel.helpQueryExemption": "E-Hentai exempts tags that you explicitly search for from My Tags filtering: their weights do not count towards the filter score, and their Hide settings do not apply. All other tags still apply normally, so this preview may not match the actual search results. Language and uploader exclusions are unaffected by this behaviour.",
"panel.helpQueryExample": "For example, set {anthology} to Hide and give {webtoon} a negative weight. When you search for {anthology}, its Hide setting is ignored, while the negative weight of {webtoon} still counts. If you search for both tags, both are exempt, while all other tags continue to apply normally.",
"panel.resizeEditor": "Drag to resize the editor; right to collapse, left to expand",
"panel.resizeTagList": "Drag to resize the tag list",
"panel.resizeGallery": "Drag to resize gallery details",
"panel.collapseTagList": "Collapse tag list",
"panel.expandTagList": "Expand tag list to default size",
"panel.collapseEditor": "Collapse editor",
"panel.expandEditor": "Expand editor to default width",
"marked.over": "over",
"marked.leak": "leak",
"marked.hiddenBy": "Hidden outright by: {tags}",
"panel.pickTagFirst": "Pick a tag on the left first.",
"panel.working": "Working…",
"panel.massFailed": "That batch did not go through; the list may be out of date.",
"panel.localStorageFailed": "Local data could not be loaded or saved. Keep this page open to avoid losing unsaved changes.",
"panel.deleteConfirmMany": "Delete {n} tags from EH? This cannot be undone.",
"panel.deleteConfirmOne": "Delete “{tag}” from EH? This cannot be undone.",
"taglist.allSets": "All",
"taglist.addTag": "Add tag",
"manage.newTag": "New tag",
"manage.pickCandidate": "Pick a tag from the list below to start a draft.",
"manage.weight": "Weight",
"manage.color": "Colour",
"manage.targetSet": "Add to",
"manage.moveTarget": "Move to",
"manage.moveTag": "Move tag",
"manage.setFull": "This tag set is full.",
"manage.colorInvalid": "Enter a six-digit hex colour.",
"manage.searchPlaceholder": "Search tags",
"taglist.filterWatch": "Watched",
"taglist.filterHidden": "Hidden",
"taglist.sortLabel": "Tag order",
"taglist.sortNegative": "By negative weight",
"taglist.sortPositive": "By positive weight",
"taglist.sortColor": "By color",
"taglist.statusAll": "All states",
"taglist.statusWeighted": "Non-default weight",
"taglist.statusPending": "Not applied",
"taglist.headLeft": "Tag and impact ({n})",
"taglist.empty": "No tags match",
"taglist.impact": "In samples: {left} blocked · {right} shown",
"taglist.impactNone": "No sampled gallery carries this tag yet",
"taglist.picked": "{n} selected",
"taglist.moveTo": "Move to set…",
"taglist.bulkWatch": "Set watched",
"taglist.bulkHide": "Set hidden",
"taglist.clearPicks": "Clear selection",
"preview.title": "Filter preview",
"preview.filterLeft": "blocked",
"preview.filterRight": "shown",
"preview.columnCount": "{side} ({shown}/{total})",
"preview.markedOnly": "Marked",
"preview.coverSize": "Cover size",
"preview.refresh": "Fetch samples",
"preview.loadMore": "Keep going",
"preview.sideEmpty": "Nothing on this side yet",
"preview.sum": "Total {n}",
"preview.threshold": "threshold {n}",
"preview.thresholdUnknown": "Enter a valid {threshold} to preview sample filtering.",
"preview.shouldBlock": "Should block",
"preview.shouldKeep": "Should keep",
"panel.applyN": "Apply {n} to EH",
"gallery.open": "Open gallery",
"gallery.loading": "Loading…",
"gallery.failed": "Could not load this gallery."
},
"ja": {
"common.itemColor": "ボタンの色",
"common.back": "戻る",
"confirm.title": "確認",
"confirm.keep": "残す",
"confirm.delete": "削除",
"nsFilter.label": "Namespace で絞り込む",
"nsFilter.all": "すべて",
"nsFilter.picked": "選択中 {n}",
"tagbar.search": "検索",
"tagbar.searchNewTab": "新しいタブで検索",
"tagbar.clearSearch": "検索をクリア",
"tagbar.toggleEdit": "編集（On/Off）",
"tagbar.none": "なし",
"tagbar.infoPreviewSection": "プレビュー",
"tagbar.infoPreviewLeft": "左ダブルクリック：{action}",
"tagbar.infoPreviewRight": "右ダブルクリック：{action}",
"tagbar.infoHint": "設定で変更できます",
"tagbar.infoEditSection": "編集",
"tagbar.infoEditLeft": "ボタンを左クリック：編集",
"tagbar.infoEditRight": "ボタンを右クリック：メニューを開く",
"tagbar.infoEditDrag": "下からドラッグ：{tools}",
"tagbar.infoListSeparator": "、",
"tagbar.newProfile": "クリックして新しいプロファイルに名前を付ける",
"tagbar.handleTitle": "ドラッグして行を並べ替え",
"tagbar.lineActions": "行の操作",
"tagbar.tagActions": "ボタン操作",
"tagbar.moveTag": "プロファイルに移動",
"tagbar.duplicateTag": "複製",
"tagbar.moveLine": "プロファイルに移動",
"tagbar.duplicateLine": "複製",
"tagbar.layout": "レイアウト",
"tagbar.lineAlign": "行コンテンツの配置",
"tagbar.lineAlignGlobal": "全体設定に従う（{align}）",
"tagbar.lineAlignDefault": "デフォルト",
"tagbar.deleteLine": "この行を削除",
"tagbar.deleteLineConfirm": "この行を削除しますか？この操作は元に戻せません。",
"tagbar.lineColor": "行の色",
"tagbar.lineColorClear": "色をクリア",
"tagbar.separatorSettings": "区切り線の設定",
"tagbar.separatorLabelPlaceholder": "テキストを入力",
"tagbar.separatorStyle": "線",
"tagbar.separatorStyle_solid": "実線",
"tagbar.separatorStyle_dashed": "破線",
"tagbar.separatorStyle_none": "なし",
"tagbar.separatorLinePosition": "線の位置",
"tagbar.separatorLinePosition_top": "上",
"tagbar.separatorLinePosition_middle": "中央",
"tagbar.separatorLinePosition_bottom": "下",
"tagbar.separatorTextSize": "文字サイズ",
"tagbar.separatorLineThickness": "線の太さ",
"tagbar.separatorLineLength": "線の長さ",
"tagbar.separatorTextAlign": "文字揃え",
"tagbar.separatorTextAlign_left": "左揃え",
"tagbar.separatorTextAlign_center": "中央",
"tagbar.separatorTextAlign_right": "右揃え",
"tagbar.addButtonLine": "空行",
"tagbar.addSeparatorLine": "区切り線",
"tagbar.spacerModeFixed": "スペース",
"tagbar.spacerModeFlex": "スプリング",
"tagbar.spacerFlexLabel": "スプリング",
"tagbar.spacerResizeTitle": "ドラッグで幅を調整",
"tagbar.addTag": "タグを追加",
"tagbar.addUrl": "URLを追加",
"tagbar.browseTag": "タグを閲覧",
"tagbar.miscRow": "その他",
"tagbar.searchPanel": "EhQuickTag 検索パネル",
"tagbar.history": "履歴",
"tagbar.clearHistory": "履歴をクリア",
"tagbar.toggleLang": "中国語 / 英語表示の切り替え",
"tagbar.done": "完了",
"tagbar.edit": "編集",
"tagbar.settings": "設定",
"settings.title": "設定",
"settings.close": "閉じる",
"settings.tabGeneral": "一般",
"settings.tabTagBar": "タグバー",
"settings.tabData": "データ",
"settings.tabAbout": "About",
"settings.searchBarVisibility": "コンポーネント表示",
"settings.showSearchPanel": "EhQuickTag 検索パネルを表示",
"settings.enableHistory": "検索履歴を記録",
"settings.searchPanelLang": "ボタン言語",
"settings.searchPanelLangAuto": "自動",
"settings.searchPanelLangToggle": "中国語／英語 切替可",
"settings.searchPanelLangEnglishOnly": "英語のみ",
"settings.convertToTraditional": "中国語タグを繁体字化（OpenCC）",
"settings.convertToTraditionalAuto": "自動",
"settings.convertToTraditionalOn": "繁体字",
"settings.convertToTraditionalOff": "簡体字（DB 原文）",
"settings.convertToTraditionalHint": "検索パネルのタグ、ギャラリーのタグリスト、ギャラリーのタグ定義パネルに適用されます。",
"settings.languageHint": "UI テキストと初期デフォルトタグプロファイルに影響します。",
"settings.dblClickActions": "背景ダブルクリック動作",
"settings.dblClickLeft": "左ダブルクリック",
"settings.dblClickRight": "右ダブルクリック",
"settings.actionSearchCurrent": "検索（現在のページ）",
"settings.actionSearchNewTab": "検索（新しいタブ）",
"settings.actionClear": "検索をクリア",
"settings.actionToggleEdit": "編集（On/Off）",
"settings.actionOpenSearchPopup": "タグを閲覧",
"settings.actionNone": "なし",
"settings.newTabActivate": "新しいタブへ切り替え",
"settings.reset": "リセット",
"settings.resetTitle": "デフォルトにリセット",
"settings.sectionTagFormat": "タグ書式",
"settings.nsFormat": "Namespace 形式",
"settings.nsFormatLong": "完全（female）",
"settings.nsFormatShort": "省略（f）",
"settings.defaultExactMatch": "デフォルト完全一致 ($)",
"settings.defaultExactMatchHint": "有効にすると、ビルダーから保存されたタグに自動的に $ サフィックスが付きます。",
"settings.tagDbSection": "タグ DB",
"settings.tagCountSection": "Tag Count",
"settings.tagWikiSection": "Tag Wiki（英語定義）",
"settings.tagDbMirror": "タグ DB ミラー",
"settings.tagDbTtlDays": "タグ DB キャッシュ（日）",
"settings.tagDbRefresh": "今すぐ更新",
"settings.tagDbRefreshing": "更新中…",
"settings.tagDbRefreshSuccess": "タグ DB を更新しました",
"settings.tagDbRefreshFailed": "タグ DB の更新に失敗しました。後でリトライしてください",
"settings.tagCountMirror": "Tag count ミラー",
"settings.tagCountTtlDays": "Tag count キャッシュ（日）",
"settings.tagCountRefresh": "今すぐ更新",
"settings.tagCountRefreshing": "更新中…",
"settings.tagCountRefreshSuccess": "Tag count を更新しました",
"settings.tagCountRefreshFailed": "Tag count の更新に失敗しました。後でリトライしてください",
"settings.tagWikiMirror": "Tag wiki ミラー",
"settings.tagWikiTtlDays": "Tag wiki キャッシュ（日）",
"settings.tagWikiRefresh": "今すぐ更新",
"settings.tagWikiRefreshing": "更新中…",
"settings.tagWikiRefreshSuccess": "Tag wiki を更新しました",
"settings.tagWikiRefreshFailed": "Tag wiki の更新に失敗しました。後でリトライしてください",
"settings.tagWikiSchemaMismatch": "Tag Wiki のデータ形式が非互換です——CDN のエッジがまだ古いバージョンを配信している可能性があります。数時間後に再試行するか、設定 → データ で GitHub Raw ミラーに切り替えてください。",
"settings.fontFamily": "カスタムフォント",
"settings.fontFamilyPlaceholder": "空欄の場合はページのフォントを使用",
"settings.fontFamilyHint": "font-family 値の例：",
"settings.fontWeight": "フォントウェイト",
"settings.preview": "プレビュー",
"settings.language": "言語 / Language",
"settings.sectionUrlButton": "リンクボタン",
"settings.followCurrentSite": "リンクを現在のサイトに合わせる (e-hentai / exhentai)",
"settings.tagStyle": "ボタンスタイル",
"settings.buttonLineTextAlign": "通常行",
"settings.separatorLineTextAlign": "区切り線",
"settings.sectionLineAlignment": "デフォルト配置",
"settings.tagStyleFlat": "デフォルト",
"settings.tagStyle3dBorder": "下シャドウ",
"settings.tagStyleOffsetShadow": "右下シャドウ",
"settings.tagStylePushable": "プッシュ 3D",
"settings.useAccentOnInclude": "選択中のボタンを常にアクセントグリーンで表示",
"settings.useAccentOnIncludeHint": "オフのとき、カスタム色を設定したボタンは選択（include）状態でもカスタム色を使います。オンにすると常にアクセントグリーンに上書きされます。",
"settings.profilesTitle": "プロファイル",
"settings.activeBadge": "使用中",
"settings.moveToTrash": "ゴミ箱に移動",
"settings.trash": "ゴミ箱",
"settings.editorCopied": "コピーしました",
"settings.editorCopy": "コピー",
"settings.editorExport": "ファイルをエクスポート",
"settings.editorJsonError": "JSON 形式エラー：{message}",
"settings.editorInvalidShape": "データ形式が現在のバージョンと互換性がありません",
"settings.restoreProfile": "プロファイルを復元",
"settings.purgeProfile": "完全に削除",
"settings.save": "保存",
"settings.purgeConfirm": "「{name}」を完全に削除しますか？この操作は元に戻せません。",
"settings.corrupted": "破損したデータ",
"settings.corruptedReason": "原因：{reason}",
"settings.emptyTag": "(空)",
"tagConfig.displayName": "表示名",
"tagConfig.displayNameHint": "（空欄の場合はタグ原文を表示）",
"tagConfig.tagSyntax": "タグ構文",
"tagConfig.searchPlaceholder": "タグを検索…",
"tagConfig.loadingPlaceholder": "読み込み中…",
"tagConfig.removeRow": "削除",
"tagConfig.noResult": "一致するタグが見つかりません",
"tagConfig.leftClickMode": "左クリック",
"tagConfig.rightClickMode": "右クリック",
"tagConfig.simulateOutput": "出力をシミュレート",
"tagConfig.simulateCurrent": "モード：{state}",
"tagConfig.shape.allPositive": "純正",
"tagConfig.shape.allNegative": "純除外",
"tagConfig.shape.allOr": "OR グループ",
"tagConfig.shape.mixed": "混合条件",
"tagConfig.cycleSkipReasonOr": "右クリックは Or をスキップ：「{shape}」は Or（和集合）に加えられません。e-hentai 検索構文は排除条件を OR グループのメンバーとしてサポートしていないためです。",
"tagConfig.cycleSkipReasonExclude": "右クリックは Exclude をスキップ：「{shape}」の Exclude（補集合）は e-hentai 検索構文では表現できません。exclude が必要な場合は、複数のボタンに分けて個別に制御することを推奨。",
"tagConfig.cycleSkipReasonMixed": "右クリックは {skipped} をスキップ：混合条件の Or（和集合）と Exclude（補集合）はどちらも e-hentai 検索構文では表現できません。exclude が必要な場合は、複数のボタンに分けて個別に制御することを推奨。",
"tagConfig.cycleSkipReasonAllOr": "右クリックは Or をスキップ：このボタンは既に OR グループ（~ プレフィックス）のため、Or を重ねても表現可能な形がありません。",
"tagConfig.cycleChipClickToEnable": "クリックして再有効化",
"tagConfig.cycleChipClickToDisable": "クリックして手動で無効化",
"tagConfig.cycleChipShapeDisabled": "この形状は e-hentai 検索構文では表現できません、自動無効化",
"tagConfig.prefix": "プレフィックス",
"tagConfig.colonPrefixNone": "（なし）",
"tagConfig.colonPrefixNsGroup": "Namespace",
"tagConfig.colonPrefixQGroup": "修飾子",
"tagConfig.nsLong": "長",
"tagConfig.nsShort": "短",
"tagConfig.exactMatch": "完全一致 ($)",
"tagConfig.wildcard": "ワイルドカード (*)",
"tagConfig.rawSyntax": "生の構文",
"tagConfig.explainPrefix": "プレフィックス",
"tagConfig.explainNs": "namespace",
"tagConfig.explainQualifier": "修飾子",
"tagConfig.explainTag": "タグ",
"tagConfig.explainSuffix": "サフィックス",
"tagConfig.explainError": "解析エラー",
"tagConfig.delete": "削除",
"tagConfig.cancel": "キャンセル",
"tagConfig.save": "保存",
"category.doujinshi": "同人誌",
"category.manga": "漫画",
"category.artistCg": "アーティストCG",
"category.gameCg": "ゲームCG",
"category.western": "西洋",
"category.nonH": "Non-H",
"category.imageSet": "画集",
"category.cosplay": "コスプレ",
"category.asianPorn": "アジアポルノ",
"category.misc": "その他",
"urlBuilder.keywords": "検索キーワード",
"urlBuilder.useCurrentPage": "現在のページを使う",
"urlBuilder.categories": "カテゴリ",
"urlBuilder.showAdvanced": "詳細オプションを表示",
"urlBuilder.browseExpunged": "削除済みギャラリーのみ表示",
"urlBuilder.requireTorrent": "トレント有りのギャラリーのみ表示",
"urlBuilder.pagesBetween": "ページ数",
"urlBuilder.pagesAnd": "〜",
"urlBuilder.pagesUnit": "",
"urlBuilder.minRating": "最低評価：",
"urlBuilder.anyRating": "指定なし",
"urlBuilder.stars": "{n} つ星",
"urlBuilder.disableFilters": "カスタムフィルタを無効化：",
"urlBuilder.filterLanguage": "言語",
"urlBuilder.filterUploader": "アップローダー",
"urlBuilder.filterTags": "タグ",
"urlConfig.displayName": "表示名",
"urlConfig.displayNameHint": "（空欄の場合はURLを表示）",
"urlConfig.url": "URL",
"urlConfig.fetching": "取得中…",
"urlConfig.fetchTitle": "タイトルを取得",
"urlConfig.cancel": "キャンセル",
"urlConfig.save": "保存",
"ns.female": "女性",
"ns.male": "男性",
"ns.mixed": "混合",
"ns.other": "その他",
"ns.location": "場所",
"ns.language": "言語",
"ns.parody": "原作",
"ns.character": "キャラ",
"ns.artist": "作家",
"ns.cosplayer": "レイヤー",
"ns.group": "サークル",
"ns.reclass": "再分類",
"ns.temp": "一時",
"about.desc": "E-Hentai / ExHentai 検索クイックタグバー",
"about.reportIssue": "問題を報告",
"about.inspiration": "インスピレーション",
"about.techRef": "技術スタック参考",
"about.credits": "クレジット",
"about.ehttDetail": "タグ翻訳データベース（CC BY-NC-SA 3.0）",
"about.ehsyringeDetail": "検索ランキングロジック参考（MIT）",
"about.openccDetail": "簡体字・繁体字変換データ（Apache-2.0）",
"about.urenkoDbDetail": "EH メタデータ nightly SQLite（タグカウント計算の元データ）",
"default.chinese": "中国語",
"default.english": "英語",
"default.korean": "韓国語",
"default.japanese": "日本語",
"default.japaneseOnly": "日本語のみ",
"default.fullColor": "フルカラー",
"default.uncensored": "無修正",
"default.translated": "翻訳済み",
"default.speechless": "セリフなし",
"default.textCleaned": "文字消し",
"default.excludeAI": "AI除外",
"default.excludeRoughTL": "機械翻訳除外",
"default.howto": "ハウツー",
"default.artbook": "画集",
"default.imageset": "画像集",
"default.tankoubon": "単行本",
"default.anthology": "アンソロジー",
"default.profileName": "デフォルト",
"default.general": "一般",
"gallery.searchN": "検索 {n}",
"gallery.vote": "投票",
"gallery.importToggle": "タグ候補を取込",
"gallery.importFailed": "そのギャラリーを読み込めませんでした。",
"gallery.clearSelection": "選択解除",
"gallery.addTags": "タグを追加",
"gallery.sessionExpired": "セッションの有効期限が切れました。ページを再読み込みして再ログインしてください。",
"gallery.tagDbLoadFailed": "タグ DB の読み込みに失敗しました。後でリトライするかネットワークをご確認ください。",
"gallery.openInMyTags": "My Tags で表示",
"gallery.myTagsColorsFailed": "My Tags の色を読み込めませんでした。",
"gallery.wiki": "Wiki",
"settings.tabMyTags": "My Tags",
"settings.sectionMyTagsToggles": "機能",
"settings.myTagsEnhancer": "My Tags の拡張インターフェースを有効化",
"settings.myTagsEnhancerHint": "{mytags} でタグ編集とフィルタリングのプレビューを提供します。",
"settings.myTagsClearSamples": "すべてのサンプルを削除",
"settings.myTagsClearSamplesHint": "取得済みのギャラリーサンプルをすべて削除します。「非表示／表示」の判定と EH のタグ設定は保持します。",
"settings.myTagsClearSamplesConfirm": "取得済みのギャラリーサンプルをすべて削除しますか？「非表示／表示」の判定と EH のタグ設定は保持されます。サンプルは再取得できます。",
"settings.myTagsSamplesCleared": "すべてのギャラリーサンプルを削除しました。",
"settings.myTagsClearSamplesFailed": "ギャラリーサンプルを削除できませんでした。",
"settings.tabGallery": "ギャラリー",
"settings.sectionGalleryToggles": "機能",
"settings.taggingEnhancer": "Tagging Enhancer を有効化",
"settings.taggingEnhancerHint": "/g/ 詳細ページの taglist を引き継ぎ、vote / search / picker などの強化機能を提供します。オフの場合はネイティブ UI のまま。ページを再読み込みすると反映されます。",
"settings.galleryDragSelect": "ドラッグ選択を有効化",
"settings.galleryDragSelectHint": "オフにするとクリックでのみ選択でき、ドラッグで一括切り替えはできません。",
"settings.sectionGallerySize": "タグ一覧のサイズ",
"settings.galleryTaglistHeight": "高さ",
"settings.galleryTaglistZoom": "ズーム",
"settings.galleryTaglistExpand": "自動展開",
"settings.galleryTaglistHeightTipBefore": "",
"settings.galleryTaglistHeightTipLink": "この Tag が多い Gallery",
"settings.galleryTaglistHeightTipAfter": " で効果を確認できる",
"settings.galleryDblClickActions": "Taglist ダブルクリック動作",
"settings.galleryDblClickLeft": "左ダブルクリック",
"settings.galleryDblClickRight": "右ダブルクリック",
"settings.tagAppearance": "タグの外観",
"settings.appearanceExample": "サンプル {n}",
"settings.appearanceColors": "個人の色を表示",
"settings.appearanceScores": "スコアを表示",
"settings.appearanceMarks": "ウォッチ中と非表示のマークを表示",
"intro.close": "閉じる",
"intro.empty": "定義がありません",
"intro.toggleLang": "言語切り替え（中文 / English）",
"intro.preludeLabel": "ノート / 警告",
"intro.togglePrelude": "ノートを開閉",
"settings.wikiPreludeExpanded": "Wiki ノート / 警告をデフォルトで展開",
"settings.wikiPreludeExpandedHint": "Wiki 冒頭の Reminder / 警告 / 相互参照は長いのでデフォルトは折りたたみ。オンにすると chip を開くたび自動展開。",
"settings.sectionIntroPanel": "定義パネル",
"settings.introPanelPrimaryLang": "既定言語",
"settings.introPanelPrimaryLangHint": "どちらを先に表示するか。パネルのトグルボタンでいつでも切り替え可能。",
"settings.introPanelPrimaryLangAuto": "自動",
"settings.introPanelPrimaryLangZh": "中文",
"settings.introPanelPrimaryLangEn": "English",
"bars.threshold": "ソフトフィルタ閾値",
"bars.grabbing": "取得中⋯",
"panel.sampleFetchFailed": "サンプルを取得できませんでした。取得済みの結果と進行状況は保持されています。もう一度取得してください。",
"panel.weightHint": "重み -99 ~ 99。合計が閾値を下回ると弾かれます",
"panel.colorHint": "このタグの色。空欄ならタグセットの既定色を使います",
"panel.toggleHidden": "無条件で隠す（合計に入りません）",
"panel.toggleWatch": "ウォッチ対象にする（watched）",
"panel.labelHidden": "非表示",
"panel.labelWatch": "ウォッチ",
"panel.labelDelete": "削除",
"panel.applying": "送信中 {i}/{n}⋯",
"panel.applied": "{n} 件を適用しました",
"panel.applyingThreshold": "フィルタ閾値を書き込み中…",
"panel.thresholdApplied": "フィルタ閾値を {n} にしました",
"panel.thresholdFailed": "フィルタ閾値を書き込めませんでした（{error}）。タグには影響していません。",
"panel.thresholdClobbered": "⚠️ 閾値は保存できましたが、次の設定も変わってしまいました：{fields}。EH の設定画面で確認してください。",
"panel.applyFailed": "「{tag}」を保存できませんでした（{error}）。以降は送信していません。",
"panel.discard": "キャンセル",
"panel.noCredentials": "このページからログイン情報を読めないため、書き戻せません。",
"panel.createFailed": "新しいタグのフォームを送信できませんでした。",
"panel.createRejected": "EH がこのタグを追加しませんでした。タグ名やタグセットの空きを確認してください。",
"panel.createdInDisabledSet": "「{set}」に追加しました。このタグセットは無効なので、リストには表示されません。",
"panel.navLabel": "My Tags 表示コントロール",
"panel.ehTopbar": "EH トップバー",
"panel.wiki": "WIKI",
"panel.help": "使い方",
"panel.helpFeedback": "このページでは、タグの重みを調整したときに、サンプルのギャラリーのうちどれが非表示になり、どれが表示されるかを視覚的に確認できます。タグの意味や、ギャラリーが好みに合うかどうかまでは判断できません。有効なフィルタ閾値が設定されるまで、プレビューは停止します。取得に失敗した場合は、再度取得すると未完了のページから再開します。",
"panel.helpUsage": "タグ名をクリックすると{preview}が表示されます。{blocked}側と{shown}側のどちらも、上部には{threshold}に最も近いギャラリーが並びます（非表示になるものは末尾に並びます）。重みを変更したときに両側のあいだを移動する可能性があるのは、閾値付近のギャラリーだけだからです。\n判断に迷うギャラリーは{block}または{keep}としてマークします。そうしたギャラリーが何度も現れる場合、現在のルールが E-Hentai の実際のタグ付けに合っていないか、artist タグ単位でルールを設定したほうがよい可能性があります。\n赤と緑の比率バーでは、サンプルの分布が想定どおりかを手早く確認できます。\nこのページでの変更はすべて下書きとして扱われます。赤い適用ボタンを押すまで反映されず、それまでは取り消せます。",
"panel.helpTagSets": "タグセットの作成と名前変更は利用頻度が低いため、このページでは対応していません。設定の My Tags タブで拡張インターフェースをオフにして再読み込みし、E-Hentai 標準の My Tags ページで操作してください。",
"panel.helpLanguageFiltering": "取得するサンプルは、{settings}の「除外言語」を適用した結果です。",
"panel.helpSettingsPage": "設定ページ",
"preview.panelZoom": "UI 拡大率",
"preview.expungedOnly": "削除済み",
"preview.fetchExpunged": "削除済みのサンプルを取得",
"panel.helpQueryExemption": "検索条件に明示的に指定したタグは、E-Hentai の My Tags フィルターの対象外になります。そのタグの重みは合計に含まれず、非表示設定も適用されません。他のタグは通常どおり適用されるため、このプレビューと実際の検索結果が一致しない場合があります。ただし、この仕様は除外言語と除外アップローダーには適用されません。",
"panel.helpQueryExample": "例えば、{anthology} を非表示にし、{webtoon} に負の重みを設定します。{anthology} を検索条件に指定すると、その非表示設定は無視されますが、{webtoon} の負の重みは引き続き加算されます。両方を検索条件に指定すると、どちらも対象外となり、他のタグは通常どおり適用されます。",
"panel.resizeEditor": "ドラッグで編集欄の幅を調整。右で折りたたみ、左で展開",
"panel.resizeTagList": "ドラッグでタグ一覧のサイズを調整",
"panel.resizeGallery": "ドラッグでギャラリー詳細の高さを調整",
"panel.collapseTagList": "タグ一覧を折りたたむ",
"panel.expandTagList": "タグ一覧を既定のサイズで展開",
"panel.collapseEditor": "編集欄を折りたたむ",
"panel.expandEditor": "編集欄を既定の幅で展開",
"marked.over": "誤検知",
"marked.leak": "漏れ",
"marked.hiddenBy": "完全非表示で弾かれています：{tags}",
"panel.pickTagFirst": "先に左でタグを選んでください。",
"panel.working": "処理中…",
"panel.massFailed": "この一括処理は送信できませんでした。一覧が最新でない可能性があります。",
"panel.localStorageFailed": "ローカルデータを読み込むか保存することができませんでした。未保存の変更を失わないよう、このページを開いたままにしてください。",
"panel.deleteConfirmMany": "タグ {n} 件を EH から削除しますか？取り消せません。",
"panel.deleteConfirmOne": "「{tag}」を EH から削除しますか？元に戻せません。",
"taglist.allSets": "すべて",
"taglist.addTag": "タグを追加",
"manage.newTag": "新しいタグ",
"manage.pickCandidate": "下の一覧からタグを選ぶと下書きを開始します。",
"manage.weight": "重み",
"manage.color": "色",
"manage.targetSet": "追加先",
"manage.moveTarget": "移動先",
"manage.moveTag": "タグを移動",
"manage.setFull": "このタグセットは上限に達しています。",
"manage.colorInvalid": "6桁の16進カラーコードを入力してください。",
"manage.searchPlaceholder": "タグを検索",
"taglist.filterWatch": "ウォッチ",
"taglist.filterHidden": "非表示",
"taglist.sortLabel": "タグの並び順",
"taglist.sortNegative": "負の重み順",
"taglist.sortPositive": "正の重み順",
"taglist.sortColor": "色順",
"taglist.statusAll": "すべての状態",
"taglist.statusWeighted": "既定以外の重み",
"taglist.statusPending": "未適用",
"taglist.headLeft": "タグと影響（{n}）",
"taglist.empty": "条件に合うタグがありません",
"taglist.impact": "サンプル：弾かれる {left} · 表示 {right}",
"taglist.impactNone": "このタグを持つサンプルはまだありません",
"taglist.picked": "{n} 件選択中",
"taglist.moveTo": "セットに移動⋯",
"taglist.bulkWatch": "ウォッチにする",
"taglist.bulkHide": "非表示にする",
"taglist.clearPicks": "選択を解除",
"preview.title": "フィルタープレビュー",
"preview.filterLeft": "弾かれる",
"preview.filterRight": "表示される",
"preview.columnCount": "{side}（{shown}/{total}）",
"preview.markedOnly": "判定済み",
"preview.coverSize": "表紙サイズ",
"preview.refresh": "サンプル取得",
"preview.loadMore": "さらに見る",
"preview.sideEmpty": "この側にはまだ何もありません",
"preview.sum": "合計 {n}",
"preview.threshold": "しきい値 {n}",
"preview.thresholdUnknown": "サンプルのフィルタ結果を表示するには、有効な{threshold}を入力してください。",
"preview.shouldBlock": "弾くべき",
"preview.shouldKeep": "残すべき",
"panel.applyN": "{n} 件を EH に適用",
"gallery.open": "ギャラリーを開く",
"gallery.loading": "読み込み中⋯",
"gallery.failed": "この作品を取得できませんでした。"
},
"ko": {
"common.itemColor": "버튼 색상",
"common.back": "뒤로",
"confirm.title": "확인",
"confirm.keep": "유지",
"confirm.delete": "삭제",
"nsFilter.label": "Namespace로 필터링",
"nsFilter.all": "전체",
"nsFilter.picked": "선택됨 {n}",
"tagbar.search": "검색",
"tagbar.searchNewTab": "새 탭에서 검색",
"tagbar.clearSearch": "검색 지우기",
"tagbar.toggleEdit": "편집 (On/Off)",
"tagbar.none": "없음",
"tagbar.infoPreviewSection": "미리보기",
"tagbar.infoPreviewLeft": "왼쪽 더블클릭: {action}",
"tagbar.infoPreviewRight": "오른쪽 더블클릭: {action}",
"tagbar.infoHint": "설정에서 변경할 수 있습니다",
"tagbar.infoEditSection": "편집",
"tagbar.infoEditLeft": "버튼 왼쪽 클릭: 편집",
"tagbar.infoEditRight": "버튼 오른쪽 클릭: 메뉴 열기",
"tagbar.infoEditDrag": "아래에서 드래그: {tools}",
"tagbar.infoListSeparator": ", ",
"tagbar.newProfile": "클릭하여 새 프로필 이름 지정",
"tagbar.handleTitle": "드래그하여 행 순서 변경",
"tagbar.lineActions": "행 작업",
"tagbar.tagActions": "버튼 작업",
"tagbar.moveTag": "프로필로 이동",
"tagbar.duplicateTag": "복제",
"tagbar.moveLine": "프로필로 이동",
"tagbar.duplicateLine": "복제",
"tagbar.layout": "레이아웃",
"tagbar.lineAlign": "행 콘텐츠 정렬",
"tagbar.lineAlignGlobal": "전역 설정 사용 ({align})",
"tagbar.lineAlignDefault": "기본값",
"tagbar.deleteLine": "이 행 삭제",
"tagbar.deleteLineConfirm": "이 행을 삭제할까요? 이 작업은 되돌릴 수 없습니다.",
"tagbar.lineColor": "행 색상",
"tagbar.lineColorClear": "색상 지우기",
"tagbar.separatorSettings": "구분선 설정",
"tagbar.separatorLabelPlaceholder": "텍스트 입력",
"tagbar.separatorStyle": "선",
"tagbar.separatorStyle_solid": "실선",
"tagbar.separatorStyle_dashed": "점선",
"tagbar.separatorStyle_none": "없음",
"tagbar.separatorLinePosition": "선 위치",
"tagbar.separatorLinePosition_top": "위",
"tagbar.separatorLinePosition_middle": "가운데",
"tagbar.separatorLinePosition_bottom": "아래",
"tagbar.separatorTextSize": "글자 크기",
"tagbar.separatorLineThickness": "선 두께",
"tagbar.separatorLineLength": "선 길이",
"tagbar.separatorTextAlign": "텍스트 정렬",
"tagbar.separatorTextAlign_left": "왼쪽",
"tagbar.separatorTextAlign_center": "가운데",
"tagbar.separatorTextAlign_right": "오른쪽",
"tagbar.addButtonLine": "빈 행",
"tagbar.addSeparatorLine": "구분선",
"tagbar.spacerModeFixed": "간격",
"tagbar.spacerModeFlex": "스프링",
"tagbar.spacerFlexLabel": "스프링",
"tagbar.spacerResizeTitle": "드래그로 너비 조절",
"tagbar.addTag": "태그 추가",
"tagbar.addUrl": "URL 추가",
"tagbar.browseTag": "태그 둘러보기",
"tagbar.miscRow": "기타",
"tagbar.searchPanel": "EhQuickTag 검색 패널",
"tagbar.history": "기록",
"tagbar.clearHistory": "기록 지우기",
"tagbar.toggleLang": "중국어 / 영어 표시 전환",
"tagbar.done": "완료",
"tagbar.edit": "편집",
"tagbar.settings": "설정",
"settings.title": "설정",
"settings.close": "닫기",
"settings.tabGeneral": "일반",
"settings.tabTagBar": "태그 바",
"settings.tabData": "데이터",
"settings.tabAbout": "About",
"settings.searchBarVisibility": "컴포넌트 표시",
"settings.showSearchPanel": "EhQuickTag 검색 패널 표시",
"settings.enableHistory": "검색 기록 저장",
"settings.searchPanelLang": "버튼 언어",
"settings.searchPanelLangAuto": "자동",
"settings.searchPanelLangToggle": "중국어 / 영어 전환 가능",
"settings.searchPanelLangEnglishOnly": "영어만",
"settings.convertToTraditional": "중국어 태그명을 번체자로 변환 (OpenCC)",
"settings.convertToTraditionalAuto": "자동",
"settings.convertToTraditionalOn": "번체자",
"settings.convertToTraditionalOff": "간체자 (DB 원문)",
"settings.convertToTraditionalHint": "검색 패널 태그명, 갤러리 태그 리스트, 갤러리 태그 정의 패널에 적용됩니다.",
"settings.languageHint": "UI 텍스트와 초기 기본 태그 프로필에 영향을 줍니다.",
"settings.dblClickActions": "배경 더블클릭 동작",
"settings.dblClickLeft": "왼쪽 더블클릭",
"settings.dblClickRight": "오른쪽 더블클릭",
"settings.actionSearchCurrent": "검색 (현재 페이지)",
"settings.actionSearchNewTab": "검색 (새 탭)",
"settings.actionClear": "검색 지우기",
"settings.actionToggleEdit": "편집 (On/Off)",
"settings.actionOpenSearchPopup": "태그 둘러보기",
"settings.actionNone": "없음",
"settings.newTabActivate": "새 탭으로 전환",
"settings.reset": "초기화",
"settings.resetTitle": "기본값으로 초기화",
"settings.sectionTagFormat": "태그 형식",
"settings.nsFormat": "Namespace 형식",
"settings.nsFormatLong": "전체 (female)",
"settings.nsFormatShort": "축약 (f)",
"settings.defaultExactMatch": "기본 정확히 일치 ($)",
"settings.defaultExactMatchHint": "활성화하면 빌더에서 저장한 태그에 자동으로 $ 접미사가 붙습니다.",
"settings.tagDbSection": "태그 DB",
"settings.tagCountSection": "Tag Count",
"settings.tagWikiSection": "Tag Wiki (영어 정의)",
"settings.tagDbMirror": "태그 DB 미러",
"settings.tagDbTtlDays": "태그 DB 캐시 (일)",
"settings.tagDbRefresh": "지금 새로고침",
"settings.tagDbRefreshing": "새로고침 중…",
"settings.tagDbRefreshSuccess": "태그 DB를 새로고침했습니다",
"settings.tagDbRefreshFailed": "태그 DB 새로고침에 실패했습니다. 나중에 다시 시도하세요.",
"settings.tagCountMirror": "Tag count 미러",
"settings.tagCountTtlDays": "Tag count 캐시 (일)",
"settings.tagCountRefresh": "지금 새로고침",
"settings.tagCountRefreshing": "새로고침 중…",
"settings.tagCountRefreshSuccess": "Tag count를 새로고침했습니다",
"settings.tagCountRefreshFailed": "Tag count 새로고침에 실패했습니다. 나중에 다시 시도하세요.",
"settings.tagWikiMirror": "Tag wiki 미러",
"settings.tagWikiTtlDays": "Tag wiki 캐시 (일)",
"settings.tagWikiRefresh": "지금 새로고침",
"settings.tagWikiRefreshing": "새로고침 중…",
"settings.tagWikiRefreshSuccess": "Tag wiki를 새로고침했습니다",
"settings.tagWikiRefreshFailed": "Tag wiki 새로고침에 실패했습니다. 나중에 다시 시도하세요.",
"settings.tagWikiSchemaMismatch": "Tag wiki 데이터 형식이 호환되지 않습니다 — CDN 엣지가 아직 이전 버전을 제공하고 있을 수 있습니다. 몇 시간 후 다시 시도하거나, 설정 → 데이터에서 GitHub Raw 미러로 전환하세요.",
"settings.fontFamily": "사용자 지정 글꼴",
"settings.fontFamilyPlaceholder": "비워두면 페이지 글꼴 사용",
"settings.fontFamilyHint": "font-family 예시: ",
"settings.fontWeight": "글꼴 굵기",
"settings.preview": "미리보기",
"settings.language": "언어 / Language",
"settings.sectionUrlButton": "링크 버튼",
"settings.followCurrentSite": "링크를 현재 접속 중인 사이트에 맞춤 (e-hentai / exhentai)",
"settings.tagStyle": "버튼 스타일",
"settings.buttonLineTextAlign": "일반 행",
"settings.separatorLineTextAlign": "구분선",
"settings.sectionLineAlignment": "기본 정렬",
"settings.tagStyleFlat": "기본",
"settings.tagStyle3dBorder": "하단 그림자",
"settings.tagStyleOffsetShadow": "우측 하단 그림자",
"settings.tagStylePushable": "눌리는 3D",
"settings.useAccentOnInclude": "활성 버튼에 항상 강조 녹색 사용",
"settings.useAccentOnIncludeHint": "끄면 사용자 지정 색상이 있는 버튼은 포함(include) 상태에서도 사용자 지정 색상을 사용합니다. 켜면 항상 강조 녹색으로 전환됩니다.",
"settings.profilesTitle": "프로필",
"settings.activeBadge": "사용 중",
"settings.moveToTrash": "휴지통으로 이동",
"settings.trash": "휴지통",
"settings.editorCopied": "복사됨",
"settings.editorCopy": "복사",
"settings.editorExport": "파일 내보내기",
"settings.editorJsonError": "JSON 형식 오류: {message}",
"settings.editorInvalidShape": "데이터 형식이 현재 버전과 호환되지 않습니다",
"settings.restoreProfile": "프로필 복원",
"settings.purgeProfile": "영구 삭제",
"settings.save": "저장",
"settings.purgeConfirm": "\"{name}\"을(를) 영구 삭제할까요? 이 작업은 되돌릴 수 없습니다.",
"settings.corrupted": "손상된 데이터",
"settings.corruptedReason": "원인: {reason}",
"settings.emptyTag": "(비어 있음)",
"tagConfig.displayName": "표시 이름",
"tagConfig.displayNameHint": "(비워두면 태그 원문 표시)",
"tagConfig.tagSyntax": "태그 구문",
"tagConfig.searchPlaceholder": "태그 검색…",
"tagConfig.loadingPlaceholder": "불러오는 중…",
"tagConfig.removeRow": "삭제",
"tagConfig.noResult": "일치하는 태그가 없습니다",
"tagConfig.leftClickMode": "왼쪽 클릭",
"tagConfig.rightClickMode": "오른쪽 클릭",
"tagConfig.simulateOutput": "출력 시뮬레이션",
"tagConfig.simulateCurrent": "모드: {state}",
"tagConfig.shape.allPositive": "전부 포함",
"tagConfig.shape.allNegative": "전부 제외",
"tagConfig.shape.allOr": "OR 그룹",
"tagConfig.shape.mixed": "혼합 조건",
"tagConfig.cycleSkipReasonOr": "오른쪽 클릭은 Or을 건너뜁니다: \"{shape}\" 버튼은 Or(합집합)에 추가할 수 없습니다. e-hentai 검색 구문이 제외 태그를 OR 그룹의 구성원으로 지원하지 않기 때문입니다.",
"tagConfig.cycleSkipReasonExclude": "오른쪽 클릭은 Exclude를 건너뜁니다: \"{shape}\" 버튼의 Exclude(여집합)는 e-hentai 검색 구문으로 표현할 수 없습니다. 제외가 필요하면 여러 버튼으로 나눠 각 조건을 개별 제어하세요.",
"tagConfig.cycleSkipReasonMixed": "오른쪽 클릭은 {skipped}을(를) 건너뜁니다: 혼합 조건 버튼의 Or(합집합)와 Exclude(여집합)는 모두 e-hentai 검색 구문으로 표현할 수 없습니다. 제외가 필요하면 여러 버튼으로 나눠 각 조건을 개별 제어하세요.",
"tagConfig.cycleSkipReasonAllOr": "오른쪽 클릭은 Or을 건너뜁니다: 이 버튼은 이미 OR 그룹(~ 접두사)이므로, Or을 겹쳐도 별도로 표현되는 형태가 없습니다.",
"tagConfig.cycleChipClickToEnable": "클릭하여 다시 활성화",
"tagConfig.cycleChipClickToDisable": "클릭하여 수동으로 비활성화",
"tagConfig.cycleChipShapeDisabled": "이 형태는 e-hentai 검색 구문으로 표현할 수 없어 자동 비활성화됨",
"tagConfig.prefix": "접두사",
"tagConfig.colonPrefixNone": "(없음)",
"tagConfig.colonPrefixNsGroup": "Namespace",
"tagConfig.colonPrefixQGroup": "한정자",
"tagConfig.nsLong": "전체",
"tagConfig.nsShort": "축약",
"tagConfig.exactMatch": "정확히 일치 ($)",
"tagConfig.wildcard": "와일드카드 (*)",
"tagConfig.rawSyntax": "원시 구문",
"tagConfig.explainPrefix": "접두사",
"tagConfig.explainNs": "namespace",
"tagConfig.explainQualifier": "한정자",
"tagConfig.explainTag": "태그",
"tagConfig.explainSuffix": "접미사",
"tagConfig.explainError": "구문 분석 오류",
"tagConfig.delete": "삭제",
"tagConfig.cancel": "취소",
"tagConfig.save": "저장",
"category.doujinshi": "동인지",
"category.manga": "만화",
"category.artistCg": "아티스트 CG",
"category.gameCg": "게임 CG",
"category.western": "서양",
"category.nonH": "Non-H",
"category.imageSet": "이미지 세트",
"category.cosplay": "코스프레",
"category.asianPorn": "아시안 포르노",
"category.misc": "기타",
"urlBuilder.keywords": "검색 키워드",
"urlBuilder.useCurrentPage": "현재 페이지 사용",
"urlBuilder.categories": "카테고리",
"urlBuilder.showAdvanced": "고급 옵션 표시",
"urlBuilder.browseExpunged": "삭제된 갤러리만 표시",
"urlBuilder.requireTorrent": "토렌트 있는 갤러리만 표시",
"urlBuilder.pagesBetween": "페이지 수",
"urlBuilder.pagesAnd": "~",
"urlBuilder.pagesUnit": "",
"urlBuilder.minRating": "최소 평점:",
"urlBuilder.anyRating": "제한 없음",
"urlBuilder.stars": "{n}점",
"urlBuilder.disableFilters": "사용자 필터 비활성화:",
"urlBuilder.filterLanguage": "언어",
"urlBuilder.filterUploader": "업로더",
"urlBuilder.filterTags": "태그",
"urlConfig.displayName": "표시 이름",
"urlConfig.displayNameHint": "(비워두면 URL 표시)",
"urlConfig.url": "URL",
"urlConfig.fetching": "가져오는 중…",
"urlConfig.fetchTitle": "제목 가져오기",
"urlConfig.cancel": "취소",
"urlConfig.save": "저장",
"ns.female": "여성",
"ns.male": "남성",
"ns.mixed": "혼합",
"ns.other": "기타",
"ns.location": "장소",
"ns.language": "언어",
"ns.parody": "원작",
"ns.character": "캐릭터",
"ns.artist": "작가",
"ns.cosplayer": "코스어",
"ns.group": "서클",
"ns.reclass": "재분류",
"ns.temp": "임시",
"about.desc": "E-Hentai / ExHentai 검색용 퀵 태그 바",
"about.reportIssue": "문제 신고",
"about.inspiration": "영감",
"about.techRef": "기술 스택 참고",
"about.credits": "크레딧",
"about.ehttDetail": "태그 번역 데이터베이스 (CC BY-NC-SA 3.0)",
"about.ehsyringeDetail": "검색 랭킹 로직 참고 (MIT)",
"about.openccDetail": "간체·번체 변환 데이터 (Apache-2.0)",
"about.urenkoDbDetail": "EH 메타데이터 nightly SQLite (태그 카운트 가중치의 원본 데이터)",
"default.chinese": "중국어",
"default.english": "영어",
"default.korean": "한국어",
"default.japanese": "일본어",
"default.japaneseOnly": "일본어만",
"default.fullColor": "풀컬러",
"default.uncensored": "무수정",
"default.translated": "번역",
"default.speechless": "대사 없음",
"default.textCleaned": "글자 지움",
"default.excludeAI": "AI 제외",
"default.excludeRoughTL": "기계 번역 제외",
"default.howto": "하우투",
"default.artbook": "아트북",
"default.imageset": "이미지셋",
"default.tankoubon": "단행본",
"default.anthology": "앤솔로지",
"default.profileName": "기본",
"default.general": "일반",
"gallery.searchN": "검색 {n}",
"gallery.vote": "투표",
"gallery.importToggle": "태그 후보 가져오기",
"gallery.importFailed": "해당 갤러리를 불러오지 못했습니다.",
"gallery.clearSelection": "선택 해제",
"gallery.addTags": "태그 추가",
"gallery.sessionExpired": "세션이 만료되었습니다. 페이지를 새로고침하여 다시 로그인하세요.",
"gallery.tagDbLoadFailed": "태그 데이터베이스를 불러오지 못했습니다. 나중에 다시 시도하거나 네트워크를 확인하세요.",
"gallery.openInMyTags": "My Tags에서 보기",
"gallery.myTagsColorsFailed": "My Tags 색상을 불러오지 못했습니다.",
"gallery.wiki": "Wiki",
"settings.tabMyTags": "My Tags",
"settings.sectionMyTagsToggles": "기능",
"settings.myTagsEnhancer": "My Tags 확장 인터페이스 활성화",
"settings.myTagsEnhancerHint": "{mytags}에서 태그 편집과 필터링 미리보기를 제공합니다.",
"settings.myTagsClearSamples": "모든 샘플 삭제",
"settings.myTagsClearSamplesHint": "수집한 갤러리 샘플을 모두 삭제합니다. 차단/유지 판단과 EH 태그 설정은 유지됩니다.",
"settings.myTagsClearSamplesConfirm": "수집한 갤러리 샘플을 모두 삭제할까요? 차단/유지 판단과 EH 태그 설정은 유지됩니다. 샘플은 다시 수집할 수 있습니다.",
"settings.myTagsSamplesCleared": "모든 갤러리 샘플을 삭제했습니다.",
"settings.myTagsClearSamplesFailed": "갤러리 샘플을 삭제하지 못했습니다.",
"settings.tabGallery": "갤러리",
"settings.sectionGalleryToggles": "기능",
"settings.taggingEnhancer": "Tagging Enhancer 활성화",
"settings.taggingEnhancerHint": "/g/ 상세 페이지의 taglist를 대체하여 vote / search / picker 기능을 제공합니다. 끄면 기본 UI가 유지됩니다. 페이지를 새로고침하면 적용됩니다.",
"settings.galleryDragSelect": "드래그 선택 활성화",
"settings.galleryDragSelectHint": "끄면 클릭으로만 선택할 수 있으며, 드래그로 여러 개를 한 번에 전환할 수 없습니다.",
"settings.sectionGallerySize": "태그 리스트 크기",
"settings.galleryTaglistHeight": "높이",
"settings.galleryTaglistZoom": "배율",
"settings.galleryTaglistExpand": "자동 확장",
"settings.galleryTaglistHeightTipBefore": "",
"settings.galleryTaglistHeightTipLink": "태그가 많은 이 갤러리",
"settings.galleryTaglistHeightTipAfter": "에서 효과를 확인할 수 있습니다",
"settings.galleryDblClickActions": "Taglist 더블클릭 동작",
"settings.galleryDblClickLeft": "왼쪽 더블클릭",
"settings.galleryDblClickRight": "오른쪽 더블클릭",
"settings.tagAppearance": "태그 외관",
"settings.appearanceExample": "예시 {n}",
"settings.appearanceColors": "개인 색상 표시",
"settings.appearanceScores": "점수 표시",
"settings.appearanceMarks": "관심 및 숨김 표시",
"intro.close": "닫기",
"intro.empty": "정의가 없습니다",
"intro.toggleLang": "언어 전환 (中文 / English)",
"intro.preludeLabel": "노트",
"intro.togglePrelude": "노트 펼치기/접기",
"settings.wikiPreludeExpanded": "Wiki 노트를 기본으로 펼치기",
"settings.wikiPreludeExpandedHint": "Wiki 노트(Reminder / 경고 / 상호 참조)는 패널 공간 절약을 위해 기본적으로 접혀 있습니다. 켜면 chip을 열 때마다 자동으로 펼쳐집니다.",
"settings.sectionIntroPanel": "정의 패널",
"settings.introPanelPrimaryLang": "기본 언어",
"settings.introPanelPrimaryLangHint": "어느 쪽을 먼저 표시할지. 패널의 전환 버튼으로 언제든 바꿀 수 있습니다.",
"settings.introPanelPrimaryLangAuto": "자동",
"settings.introPanelPrimaryLangZh": "中文",
"settings.introPanelPrimaryLangEn": "English",
"bars.threshold": "소프트 필터 임계값",
"bars.grabbing": "가져오는 중⋯",
"panel.sampleFetchFailed": "샘플을 가져오지 못했습니다. 진행 상황은 유지됩니다. 다시 가져오기를 시도하세요.",
"panel.weightHint": "가중치 -99 ~ 99. 합계가 임계값보다 낮으면 차단됩니다",
"panel.colorHint": "이 태그의 색. 비워 두면 태그 세트 기본색을 씁니다",
"panel.toggleHidden": "무조건 숨김 (합계에 들어가지 않음)",
"panel.toggleWatch": "관심 태그로 지정 (watched)",
"panel.labelHidden": "숨김",
"panel.labelWatch": "관심",
"panel.labelDelete": "삭제",
"panel.applying": "전송 중 {i}/{n}⋯",
"panel.applied": "{n}개 적용함",
"panel.applyingThreshold": "필터 임계값 쓰는 중…",
"panel.thresholdApplied": "필터 임계값을 {n}(으)로 바꿨습니다",
"panel.thresholdFailed": "필터 임계값을 쓰지 못했습니다({error}). 태그는 영향을 받지 않았습니다.",
"panel.thresholdClobbered": "⚠️ 임계값은 저장했지만 다음 설정도 함께 바뀌었습니다: {fields}. EH 설정에서 확인하세요.",
"panel.applyFailed": "「{tag}」을(를) 저장하지 못했습니다 ({error}). 이후 항목은 보내지 않았습니다.",
"panel.discard": "취소",
"panel.noCredentials": "이 페이지에서 로그인 정보를 읽을 수 없어 되돌려 쓸 수 없습니다.",
"panel.createFailed": "새 태그 양식을 제출하지 못했습니다.",
"panel.createRejected": "EH가 이 태그를 추가하지 않았습니다. 태그 이름이나 태그 세트 여유를 확인하세요.",
"panel.createdInDisabledSet": "「{set}」에 추가했습니다. 이 태그 세트는 비활성화되어 있어 목록에 표시되지 않습니다.",
"panel.navLabel": "My Tags 화면 컨트롤",
"panel.ehTopbar": "EH 상단 바",
"panel.wiki": "WIKI",
"panel.help": "도움말",
"panel.helpFeedback": "이 페이지는 태그 가중치를 조정할 때 샘플 갤러리 중 어떤 갤러리가 숨겨지고 어떤 갤러리가 표시되는지 시각적으로 보여줍니다. 태그의 의미나 갤러리가 취향에 맞는지는 판단할 수 없습니다. 유효한 필터 임계값이 설정될 때까지 미리보기가 일시 중지됩니다. 가져오기에 실패하면 다시 시도하여 완료되지 않은 페이지부터 이어갈 수 있습니다.",
"panel.helpUsage": "태그 이름을 클릭하면 {preview}가 나타납니다. {blocked} 쪽과 {shown} 쪽 모두 위에는 {threshold}에 가장 가까운 갤러리가 표시됩니다(숨김 처리된 항목은 맨 뒤로 밀립니다). 가중치를 변경했을 때 양쪽 사이를 이동할 수 있는 갤러리는 임계값 근처의 항목뿐이기 때문입니다.\n판단이 애매한 갤러리는 {block}, {keep}로 표시합니다. 그런 갤러리가 반복해서 나타난다면, 대개 규칙이 E-Hentai의 태그 사용 방식과 맞지 않거나 artist 태그 단위로 규칙을 설정해야 할 가능성이 큽니다.\n빨간색·초록색 비율 막대로 샘플 분포가 예상과 맞는지 빠르게 확인할 수 있습니다.\n이 페이지에서 변경한 내용은 모두 초안으로만 저장됩니다. 빨간색 적용 버튼을 누르기 전에는 반영되지 않으며 언제든지 취소할 수 있습니다.",
"panel.helpTagSets": "태그 세트 생성 및 이름 변경 기능은 사용 빈도가 낮아 이 페이지에서는 제공하지 않습니다. 설정의 My Tags 탭에서 확장 인터페이스를 끄고 새로고침한 뒤 E-Hentai 기본 My Tags 페이지에서 작업해 주세요.",
"panel.helpLanguageFiltering": "가져오는 표본은 {settings}의 제외 언어 설정이 적용된 결과입니다.",
"panel.helpSettingsPage": "설정 페이지",
"preview.panelZoom": "UI 배율",
"preview.expungedOnly": "삭제됨",
"preview.fetchExpunged": "삭제된 표본 가져오기",
"panel.helpQueryExemption": "검색어에 직접 지정한 태그는 E-Hentai의 My Tags 필터링에서 제외됩니다. 해당 태그의 가중치는 합계에 포함되지 않으며 숨김 설정도 적용되지 않습니다. 다른 태그는 평소대로 필터링되므로 이 미리보기와 검색 결과가 다를 수 있습니다. 제외 언어와 제외 업로더에는 이 예외가 적용되지 않습니다.",
"panel.helpQueryExample": "예를 들어 {anthology}를 숨김으로 설정하고 {webtoon}에 음수 가중치를 지정합니다. {anthology}를 검색하면 그 숨김 설정은 무시되지만 {webtoon}의 음수 가중치는 계속 합산됩니다. 두 태그를 함께 검색하면 둘 다 제외되고 다른 태그는 평소대로 필터링됩니다.",
"panel.resizeEditor": "드래그하여 편집 영역 너비 조절: 오른쪽으로 접기, 왼쪽으로 펼치기",
"panel.resizeTagList": "드래그하여 태그 목록 크기 조절",
"panel.resizeGallery": "드래그하여 갤러리 상세 영역 높이 조절",
"panel.collapseTagList": "태그 목록 접기",
"panel.expandTagList": "태그 목록을 기본 크기로 펼치기",
"panel.collapseEditor": "편집 영역 접기",
"panel.expandEditor": "편집 영역을 기본 너비로 펼치기",
"marked.over": "과차단",
"marked.leak": "누락",
"marked.hiddenBy": "완전 숨김으로 차단됨: {tags}",
"panel.pickTagFirst": "왼쪽에서 태그를 먼저 고르세요.",
"panel.working": "처리 중…",
"panel.massFailed": "이 일괄 작업이 전송되지 않았습니다. 목록이 최신이 아닐 수 있습니다.",
"panel.localStorageFailed": "로컬 데이터를 불러오거나 저장하지 못했습니다. 저장되지 않은 변경 사항을 잃지 않도록 이 페이지를 열어 두세요.",
"panel.deleteConfirmMany": "태그 {n}개를 EH에서 삭제할까요? 되돌릴 수 없습니다.",
"panel.deleteConfirmOne": "EH에서 「{tag}」를 삭제할까요? 되돌릴 수 없습니다.",
"taglist.allSets": "전체",
"taglist.addTag": "태그 추가",
"manage.newTag": "새 태그",
"manage.pickCandidate": "아래 목록에서 태그를 선택하면 초안을 시작합니다.",
"manage.weight": "가중치",
"manage.color": "색상",
"manage.targetSet": "추가 위치",
"manage.moveTarget": "이동 위치",
"manage.moveTag": "태그 이동",
"manage.setFull": "이 태그 세트가 가득 찼습니다.",
"manage.colorInvalid": "6자리 16진수 색상 코드를 입력하세요.",
"manage.searchPlaceholder": "태그 검색",
"taglist.filterWatch": "관심",
"taglist.filterHidden": "숨김",
"taglist.sortLabel": "태그 정렬",
"taglist.sortNegative": "음수 가중치순",
"taglist.sortPositive": "양수 가중치순",
"taglist.sortColor": "색상순",
"taglist.statusAll": "모든 상태",
"taglist.statusWeighted": "기본값 아닌 가중치",
"taglist.statusPending": "미적용",
"taglist.headLeft": "태그와 영향 ({n})",
"taglist.empty": "조건에 맞는 태그가 없습니다",
"taglist.impact": "표본: 차단 {left} · 표시 {right}",
"taglist.impactNone": "이 태그가 붙은 표본이 아직 없습니다",
"taglist.picked": "{n}개 선택",
"taglist.moveTo": "세트로 이동⋯",
"taglist.bulkWatch": "관심으로",
"taglist.bulkHide": "숨김으로",
"taglist.clearPicks": "선택 해제",
"preview.title": "필터 미리보기",
"preview.filterLeft": "차단",
"preview.filterRight": "표시",
"preview.columnCount": "{side} ({shown}/{total})",
"preview.markedOnly": "판정",
"preview.coverSize": "표지 크기",
"preview.refresh": "표본 가져오기",
"preview.loadMore": "더 보기",
"preview.sideEmpty": "이쪽에는 아직 아무것도 없습니다",
"preview.sum": "합계 {n}",
"preview.threshold": "임계값 {n}",
"preview.thresholdUnknown": "샘플 필터링 결과를 보려면 유효한 {threshold}을 입력하세요.",
"preview.shouldBlock": "차단 필요",
"preview.shouldKeep": "유지 필요",
"panel.applyN": "{n}개를 EH에 적용",
"gallery.open": "갤러리 열기",
"gallery.loading": "불러오는 중⋯",
"gallery.failed": "이 작품을 가져오지 못했습니다."
}
};
var LOCALE_MATCH = {
"zh-TW": "zh-TW",
"zh-Hant": "zh-TW",
"zh-HK": "zh-TW",
"zh-CN": "zh-CN",
"zh-Hans": "zh-CN",
"zh-SG": "zh-CN",
"zh": "zh-CN",
"ja": "ja",
"ko": "ko",
"en": "en"
};
function detectLocale() {
for (const lang of navigator.languages) {
const exact = MESSAGES[lang] ? lang : void 0;
if (exact) return exact;
const mapped = LOCALE_MATCH[lang];
if (mapped) return mapped;
const prefixMapped = LOCALE_MATCH[lang.split("-")[0]];
if (prefixMapped) return prefixMapped;
}
return "en";
}
var locale = ref(detectLocale());
function setLocale(l) {
locale.value = l;
}
function t(key, params) {
const msg = MESSAGES[locale.value]?.[key] ?? MESSAGES["en"]?.[key] ?? key;
if (!params) return msg;
return msg.replace(/\{(\w+)\}/g, (_, k) => String(params[k] ?? ""));
}
function isZhLocale() {
return locale.value === "zh-TW" || locale.value === "zh-CN";
}
function isTWLocale() {
return locale.value === "zh-TW";
}
var TAG_STYLE_PRESETS = [
{
id: "flat",
className: "",
labelKey: "settings.tagStyleFlat"
},
{
id: "3d-border",
className: "eqt-tag-style-3d",
labelKey: "settings.tagStyle3dBorder"
},
{
id: "offset-shadow",
className: "eqt-tag-style-offset",
labelKey: "settings.tagStyleOffsetShadow"
},
{
id: "pushable",
className: "eqt-tag-style-pushable",
labelKey: "settings.tagStylePushable"
}
];
var PRESETS_BY_ID = new Map(TAG_STYLE_PRESETS.map((p) => [p.id, p]));
var currentTagStyleClass = computed(() => PRESETS_BY_ID.get(tagStylePreset.value)?.className ?? "");
var KEYS = {
profiles: "eqt_profiles",
corrupted: "eqt_profiles_corrupted",
settings: "eqt_settings"
};
var SEARCH_PANEL_LANG_MODES = [
{
id: "auto",
labelKey: "settings.searchPanelLangAuto"
},
{
id: "toggle",
labelKey: "settings.searchPanelLangToggle"
},
{
id: "english-only",
labelKey: "settings.searchPanelLangEnglishOnly"
}
];
var CONVERT_TO_TRADITIONAL_MODES = [
{
id: "auto",
labelKey: "settings.convertToTraditionalAuto"
},
{
id: "on",
labelKey: "settings.convertToTraditionalOn"
},
{
id: "off",
labelKey: "settings.convertToTraditionalOff"
}
];
var INTRO_PANEL_PRIMARY_LANGS = [
{
id: "auto",
labelKey: "settings.introPanelPrimaryLangAuto"
},
{
id: "zh",
labelKey: "settings.introPanelPrimaryLangZh"
},
{
id: "en",
labelKey: "settings.introPanelPrimaryLangEn"
}
];
var GALLERY_DBL_CLICK_ACTIONS = [
{
id: "search",
labelKey: "settings.actionSearchCurrent"
},
{
id: "searchNewTab",
labelKey: "settings.actionSearchNewTab"
},
{
id: "vote",
labelKey: "gallery.vote"
},
{
id: "clearSelection",
labelKey: "gallery.clearSelection"
},
{
id: "openAdd",
labelKey: "gallery.addTags"
},
{
id: "none",
labelKey: "settings.actionNone"
}
];
var INITIAL_SETTINGS = {
fontFamily: "",
fontWeight: "",
dblClickLeft: "search",
dblClickRight: "searchNewTab",
dblClickLeftNewTabActive: true,
dblClickRightNewTabActive: true,
nsFormat: "short",
defaultExactMatch: true,
tagDbMirror: "jsdelivr",
tagDbTtlDays: 7,
tagCountMirror: "jsdelivr",
tagCountTtlDays: 7,
tagWikiMirror: "jsdelivr",
tagWikiTtlDays: 7,
tagStylePreset: "flat",
buttonLineTextAlign: "left",
separatorLineTextAlign: "left",
useAccentOnInclude: false,
searchPanelShowZh: isZhLocale(),
showSearchPanel: true,
searchPanelLangMode: "auto",
convertToTraditional: "auto",
enableHistory: true,
taggingEnhancerEnabled: true,
galleryDragSelectEnabled: true,
galleryMyTagsColorsEnabled: true,
galleryMyTagsScoresEnabled: true,
galleryMyTagsMarksEnabled: true,
galleryTaglistExpand: false,
galleryTaglistHeight: 330,
galleryTaglistZoom: 100,
introPanelPrimaryLang: "auto",
galleryDblClickLeft: "searchNewTab",
galleryDblClickRight: "clearSelection",
galleryDblClickLeftNewTabActive: true,
galleryDblClickRightNewTabActive: true,
wikiPreludeExpanded: false,
followCurrentSite: true,
myTagsEnhancerEnabled: true,
myTagsPreviewCoverScale: 100,
myTagsPanelZoom: 100,
myTagsGalleryColorsEnabled: true,
myTagsGalleryScoresEnabled: true,
myTagsGalleryMarksEnabled: true
};
var refs = Object.fromEntries(Object.entries(INITIAL_SETTINGS).map(([k, v]) => [k, ref(v)]));
var fontFamily = refs.fontFamily;
var fontWeight = refs.fontWeight;
var dblClickLeft = refs.dblClickLeft;
var dblClickRight = refs.dblClickRight;
var dblClickLeftNewTabActive = refs.dblClickLeftNewTabActive;
var dblClickRightNewTabActive = refs.dblClickRightNewTabActive;
var nsFormat = refs.nsFormat;
var defaultExactMatch = refs.defaultExactMatch;
var tagDbMirror = refs.tagDbMirror;
var tagDbTtlDays = refs.tagDbTtlDays;
var tagCountMirror = refs.tagCountMirror;
var tagCountTtlDays = refs.tagCountTtlDays;
var tagWikiMirror = refs.tagWikiMirror;
var tagWikiTtlDays = refs.tagWikiTtlDays;
var tagStylePreset = refs.tagStylePreset;
var buttonLineTextAlign = refs.buttonLineTextAlign;
var separatorLineTextAlign = refs.separatorLineTextAlign;
var useAccentOnInclude = refs.useAccentOnInclude;
var searchPanelShowZh = refs.searchPanelShowZh;
var showSearchPanel = refs.showSearchPanel;
var searchPanelLangMode = refs.searchPanelLangMode;
var convertToTraditional = refs.convertToTraditional;
var enableHistory = refs.enableHistory;
var taggingEnhancerEnabled = refs.taggingEnhancerEnabled;
var galleryDragSelectEnabled = refs.galleryDragSelectEnabled;
var galleryMyTagsColorsEnabled = refs.galleryMyTagsColorsEnabled;
var galleryMyTagsScoresEnabled = refs.galleryMyTagsScoresEnabled;
var galleryMyTagsMarksEnabled = refs.galleryMyTagsMarksEnabled;
var galleryTaglistExpand = refs.galleryTaglistExpand;
var galleryTaglistHeight = refs.galleryTaglistHeight;
var galleryTaglistZoom = refs.galleryTaglistZoom;
var introPanelPrimaryLang = refs.introPanelPrimaryLang;
var galleryDblClickLeft = refs.galleryDblClickLeft;
var galleryDblClickRight = refs.galleryDblClickRight;
var galleryDblClickLeftNewTabActive = refs.galleryDblClickLeftNewTabActive;
var galleryDblClickRightNewTabActive = refs.galleryDblClickRightNewTabActive;
var wikiPreludeExpanded = refs.wikiPreludeExpanded;
var followCurrentSite = refs.followCurrentSite;
var myTagsEnhancerEnabled = refs.myTagsEnhancerEnabled;
var myTagsPreviewCoverScale = refs.myTagsPreviewCoverScale;
var myTagsPanelZoom = refs.myTagsPanelZoom;
var myTagsGalleryColorsEnabled = refs.myTagsGalleryColorsEnabled;
var myTagsGalleryScoresEnabled = refs.myTagsGalleryScoresEnabled;
var myTagsGalleryMarksEnabled = refs.myTagsGalleryMarksEnabled;
var SETTING_VALIDATORS = {
myTagsPreviewCoverScale: (v) => typeof v === "number" && Number.isFinite(v) && v >= 60 && v <= 130,
myTagsPanelZoom: (v) => typeof v === "number" && Number.isFinite(v) && v >= 50 && v <= 150,
searchPanelLangMode: (v) => SEARCH_PANEL_LANG_MODES.some((m) => m.id === v),
convertToTraditional: (v) => CONVERT_TO_TRADITIONAL_MODES.some((m) => m.id === v),
introPanelPrimaryLang: (v) => INTRO_PANEL_PRIMARY_LANGS.some((m) => m.id === v),
galleryDblClickLeft: (v) => GALLERY_DBL_CLICK_ACTIONS.some((a) => a.id === v),
galleryDblClickRight: (v) => GALLERY_DBL_CLICK_ACTIONS.some((a) => a.id === v),
galleryTaglistZoom: (v) => typeof v === "number" && Number.isFinite(v) && v >= 50 && v <= 200,
buttonLineTextAlign: (v) => v === "left" || v === "center" || v === "right",
separatorLineTextAlign: (v) => v === "left" || v === "center" || v === "right",
tagDbMirror: (v) => typeof v === "string" && v in TAG_DB_MIRRORS,
tagCountMirror: (v) => typeof v === "string" && v in TAG_COUNT_MIRRORS,
tagWikiMirror: (v) => typeof v === "string" && v in TAG_WIKI_MIRRORS
};
function loadAllSettings(persisted) {
for (const key of Object.keys(INITIAL_SETTINGS)) {
if (!(key in persisted)) continue;
const value = persisted[key];
const validator = SETTING_VALIDATORS[key];
if (validator && !validator(value)) continue;
refs[key].value = value;
}
}
function serializeAllSettings() {
return {
...Object.fromEntries(Object.entries(refs).map(([k, r]) => [k, r.value])),
locale: locale.value
};
}
var DEFAULT_LINE_DEFS = [
{
kind: "separator",
labelKey: "default.general"
},
{
kind: "buttons",
buttons: [
{
kind: "tag",
tags: ["l:chinese$"],
labelKey: "default.chinese"
},
{
kind: "tag",
tags: ["l:english$"],
labelKey: "default.english"
},
{
kind: "tag",
tags: ["l:japanese$"],
labelKey: "default.japanese"
},
{
kind: "tag",
tags: ["l:korean$"],
labelKey: "default.korean"
},
{
kind: "tag",
tags: [
"-l:translated$",
"-l:rewrite$",
"-l:chinese$",
"-l:english$",
"-l:japanese$",
"-l:korean$",
"-l:speechless$",
"-l:\"text cleaned$\""
],
labelKey: "default.japaneseOnly",
disabledModes: ["or", "exclude"]
},
{
kind: "tag",
tags: ["l:speechless$"],
labelKey: "default.speechless"
},
{
kind: "tag",
tags: ["l:\"text cleaned$\""],
labelKey: "default.textCleaned"
},
{
kind: "tag",
tags: ["l:translated$"],
labelKey: "default.translated"
}
]
},
{
kind: "buttons",
buttons: [
{
kind: "tag",
tags: ["o:\"full color$\""],
labelKey: "default.fullColor"
},
{
kind: "tag",
tags: ["o:uncensored$"],
labelKey: "default.uncensored"
},
{
kind: "tag",
tags: ["-o:\"ai generated$\""],
labelKey: "default.excludeAI",
disabledModes: ["or", "exclude"]
},
{
kind: "tag",
tags: ["-o:\"rough translation$\""],
labelKey: "default.excludeRoughTL",
disabledModes: ["or", "exclude"]
}
]
},
{
kind: "buttons",
buttons: [
{
kind: "url",
url: "https://e-hentai.org/?f_cats=0&f_search=o%3A%22how+to%24%22",
labelKey: "default.howto"
},
{
kind: "url",
url: "https://e-hentai.org/?f_cats=0&f_search=o%3Aartbook%24",
labelKey: "default.artbook"
},
{
kind: "url",
url: "https://e-hentai.org/?f_cats=991",
labelKey: "default.imageset"
},
{
kind: "url",
url: "https://e-hentai.org/?f_cats=1019&f_search=o%3Atankoubon%24",
labelKey: "default.tankoubon"
},
{
kind: "url",
url: "https://e-hentai.org/?f_cats=1019&f_search=o%3Aanthology%24",
labelKey: "default.anthology"
}
]
},
{ kind: "separator" },
{
kind: "buttons",
buttons: []
}
];
function getDefaultLines() {
return DEFAULT_LINE_DEFS.map((def) => {
if (def.kind === "separator") return {
kind: "separator",
...def.labelKey ? { label: t(def.labelKey) } : {},
...def.style ? { style: def.style } : {}
};
return {
kind: "buttons",
buttons: def.buttons.map((b) => b.kind === "tag" ? {
kind: "tag",
tags: b.tags,
label: t(b.labelKey),
...b.disabledModes ? { disabledModes: b.disabledModes } : {}
} : {
kind: "url",
url: b.url,
label: t(b.labelKey)
})
};
});
}
function splitMultiTagLegacy(tag) {
return tag.split(",").map((s) => s.trim()).filter(Boolean);
}
function migrateLegacyButton(x) {
if (!x || typeof x !== "object") return null;
const o = x;
if (o.kind === "tag" || o.kind === "url") return o;
if (typeof o.url === "string" && o.url !== "") return {
kind: "url",
url: o.url,
...o.label ? { label: o.label } : {},
...o.color ? { color: o.color } : {}
};
if (typeof o.tag === "string" && o.tag !== "") return {
kind: "tag",
tags: splitMultiTagLegacy(o.tag),
...o.label ? { label: o.label } : {},
...o.color ? { color: o.color } : {},
...o.disabledModes ? { disabledModes: o.disabledModes } : {}
};
return null;
}
function migrateLegacyLine(x) {
if (!x || typeof x !== "object") return null;
const o = x;
if (o.kind === "buttons" || o.kind === "separator") return o;
if (o.separator && typeof o.separator === "object") {
const sep = o.separator;
const style = {};
if (typeof sep.style === "string") style.line = sep.style;
if (typeof sep.textAlign === "string") style.textAlign = sep.textAlign;
if (typeof sep.textSize === "number") style.textSize = sep.textSize;
if (typeof sep.lineThickness === "number") style.lineThickness = sep.lineThickness;
if (sep.preset === "header") style.linePosition = "bottom";
return {
kind: "separator",
...sep.label ? { label: sep.label } : {},
...Object.keys(style).length ? { style } : {},
...o.color ? { color: o.color } : {}
};
}
if (Array.isArray(o.tags)) return {
kind: "buttons",
buttons: o.tags.map(migrateLegacyButton).filter((b) => b !== null),
...o.color ? { color: o.color } : {}
};
return null;
}
function isValidButton(x) {
if (!x || typeof x !== "object") return false;
const o = x;
if (o.kind === "tag") return Array.isArray(o.tags) && o.tags.every((t) => typeof t === "string" && t !== "");
if (o.kind === "url") return typeof o.url === "string" && o.url !== "";
if (o.kind === "spacer") return (o.mode === "flex" || o.mode === "fixed") && (o.width === void 0 || typeof o.width === "number" && Number.isFinite(o.width) && o.width > 0);
return false;
}
function isValidLine(x) {
if (!x || typeof x !== "object") return false;
const o = x;
if (o.kind === "buttons") return Array.isArray(o.buttons) && o.buttons.every(isValidButton);
if (o.kind === "separator") return true;
return false;
}
function isValidProfile(x) {
if (!x || typeof x !== "object") return false;
const o = x;
return typeof o.name === "string" && Array.isArray(o.lines) && o.lines.every(isValidLine);
}
function isValidProfilesData(x) {
if (!x || typeof x !== "object") return false;
const o = x;
return typeof o.active === "number" && Array.isArray(o.profiles) && o.profiles.every(isValidProfile) && (o.deleted === void 0 || Array.isArray(o.deleted) && o.deleted.every(isValidProfile));
}
function migrateProfile(p) {
if (!p || typeof p !== "object" || typeof p.name !== "string") return null;
const rawLines = Array.isArray(p.lines) ? p.lines : Array.isArray(p.tagLines) ? p.tagLines : null;
if (!rawLines) return null;
const lines = rawLines.map(migrateLegacyLine).filter((l) => l !== null && isValidLine(l));
return {
name: p.name,
lines,
...p.isDefault ? { isDefault: true } : {}
};
}
function migrateProfilesData(data) {
if (!data || typeof data !== "object" || typeof data.active !== "number" || !Array.isArray(data.profiles)) return null;
const profiles = data.profiles.map(migrateProfile).filter((p) => p !== null);
if (!profiles.length) return null;
const deleted = Array.isArray(data.deleted) ? data.deleted.map(migrateProfile).filter((p) => p !== null) : void 0;
return {
active: data.active,
profiles,
...deleted ? { deleted } : {}
};
}
function backupCorrupted(raw, reason) {
corruptedProfiles.push({
raw,
savedAt: Date.now(),
reason
});
console.error(`[eqt] profiles parse failed (${reason}). Preserved in corrupted list (see SettingsPopup → 損壞的資料).`);
}
var profiles = reactive([]);
var deletedProfiles = reactive([]);
var corruptedProfiles = reactive([]);
var activeProfileIdx = ref(0);
var lines = reactive([]);
function normalizeDefaultProfileLineAlignment() {
for (const profile of [...profiles, ...deletedProfiles]) {
if (!profile.isDefault) continue;
for (const line of profile.lines) {
if (line.kind !== "separator" || line.style?.textAlign === void 0) continue;
const style = { ...line.style };
delete style.textAlign;
line.style = Object.keys(style).length ? style : void 0;
}
}
}
function normalizeButtonUrls() {
for (const profile of [...profiles, ...deletedProfiles]) for (const line of profile.lines) {
if (line.kind !== "buttons") continue;
for (const b of line.buttons) {
if (b.kind !== "url") continue;
b.url = toAbsoluteUrl(b.url)?.href ?? b.url;
}
}
}
async function loadStore() {
const [savedProfiles, savedSettings, savedCorrupted] = await Promise.all([
cacheGet(KEYS.profiles),
cacheGet(KEYS.settings),
cacheGet(KEYS.corrupted)
]);
if (savedCorrupted) try {
const arr = JSON.parse(savedCorrupted);
if (Array.isArray(arr)) {
const valid = arr.filter((c) => !!c && typeof c === "object" && typeof c.raw === "string" && typeof c.savedAt === "number" && typeof c.reason === "string");
corruptedProfiles.splice(0, corruptedProfiles.length, ...valid);
}
} catch {}
let loaded = false;
if (savedProfiles) try {
const raw = JSON.parse(savedProfiles);
const data = isValidProfilesData(raw) ? raw : migrateProfilesData(raw);
if (!data) throw new Error("schema mismatch");
profiles.splice(0, profiles.length, ...data.profiles);
deletedProfiles.splice(0, deletedProfiles.length, ...data.deleted ?? []);
activeProfileIdx.value = Math.min(Math.max(data.active, 0), profiles.length - 1);
loaded = true;
} catch (err) {
backupCorrupted(savedProfiles, err.message);
}
if (!loaded) {
profiles.splice(0, profiles.length, {
name: t("default.profileName"),
lines: getDefaultLines(),
isDefault: true
});
activeProfileIdx.value = 0;
}
normalizeDefaultProfileLineAlignment();
normalizeButtonUrls();
lines.splice(0, lines.length, ...profiles[activeProfileIdx.value].lines);
const parsed = savedSettings ? JSON.parse(savedSettings) : {};
loadAllSettings(parsed);
const legacy = parsed;
if (typeof legacy.searchPanelShowCJK === "boolean" && !("searchPanelShowZh" in parsed)) refs.searchPanelShowZh.value = legacy.searchPanelShowCJK;
if (typeof legacy.newTabActive === "boolean" && !("dblClickLeftNewTabActive" in parsed)) {
refs.dblClickLeftNewTabActive.value = legacy.newTabActive;
refs.dblClickRightNewTabActive.value = legacy.newTabActive;
}
if (typeof legacy.galleryNewTabActive === "boolean" && !("galleryDblClickLeftNewTabActive" in parsed)) {
refs.galleryDblClickLeftNewTabActive.value = legacy.galleryNewTabActive;
refs.galleryDblClickRightNewTabActive.value = legacy.galleryNewTabActive;
}
if (!PRESETS_BY_ID.has(tagStylePreset.value)) tagStylePreset.value = "flat";
setLocale(parsed.locale ? parsed.locale : detectLocale());
}
var localeChanging = false;
function syncLinesToActiveProfile() {
const p = profiles[activeProfileIdx.value];
p.lines = JSON.parse(JSON.stringify(lines));
if (p.isDefault && !localeChanging) p.isDefault = false;
}
function switchProfile(idx) {
if (idx < 0 || idx >= profiles.length || idx === activeProfileIdx.value) return;
syncLinesToActiveProfile();
activeProfileIdx.value = idx;
lines.splice(0, lines.length, ...profiles[idx].lines);
}
function renameProfile(idx, name) {
profiles[idx].name = name;
saveProfiles();
}
function createProfile(name) {
syncLinesToActiveProfile();
const lineCount = lines.length;
const emptyLines = () => Array.from({ length: lineCount }, () => ({
kind: "buttons",
buttons: []
}));
profiles.push({
name,
lines: emptyLines()
});
activeProfileIdx.value = profiles.length - 1;
lines.splice(0, lines.length, ...emptyLines());
}
function deleteProfile(idx) {
if (profiles.length <= 1) return;
syncLinesToActiveProfile();
const [removed] = profiles.splice(idx, 1);
deletedProfiles.push(removed);
const active = activeProfileIdx.value;
const newIdx = idx < active ? active - 1 : Math.min(idx, profiles.length - 1);
activeProfileIdx.value = newIdx;
lines.splice(0, lines.length, ...profiles[newIdx].lines);
}
function restoreProfile(idx) {
const [restored] = deletedProfiles.splice(idx, 1);
profiles.push(restored);
}
function purgeProfile(idx) {
deletedProfiles.splice(idx, 1);
}
function purgeCorrupted(idx) {
corruptedProfiles.splice(idx, 1);
}
function reorderProfiles(fromIdx, toIdx) {
if (fromIdx === toIdx) return;
syncLinesToActiveProfile();
const [moved] = profiles.splice(fromIdx, 1);
profiles.splice(toIdx, 0, moved);
const active = activeProfileIdx.value;
if (active === fromIdx) activeProfileIdx.value = toIdx;
else if (fromIdx < active && toIdx >= active) activeProfileIdx.value = active - 1;
else if (fromIdx > active && toIdx <= active) activeProfileIdx.value = active + 1;
saveProfiles();
}
function updateProfileLines(idx, newLines) {
profiles[idx].lines = newLines;
if (profiles[idx].isDefault) profiles[idx].isDefault = false;
if (idx === activeProfileIdx.value) lines.splice(0, lines.length, ...newLines);
else saveProfiles();
}
function moveLineToProfile(lineIdx, targetProfileIdx) {
if (lineIdx < 0 || lineIdx >= lines.length) return;
if (targetProfileIdx < 0 || targetProfileIdx >= profiles.length || targetProfileIdx === activeProfileIdx.value) return;
const [moved] = lines.splice(lineIdx, 1);
profiles[targetProfileIdx].lines.push(JSON.parse(JSON.stringify(moved)));
if (profiles[targetProfileIdx].isDefault) profiles[targetProfileIdx].isDefault = false;
saveProfiles();
}
function appendToLastButtonLine(lineList, button) {
for (let i = lineList.length - 1; i >= 0; i--) {
const candidate = lineList[i];
if (candidate.kind === "buttons") {
candidate.buttons.push(button);
return;
}
}
lineList.push({
kind: "buttons",
buttons: [button]
});
}
function moveButtonToProfile(lineIdx, buttonIdx, targetProfileIdx) {
const sourceLine = lines[lineIdx];
if (!sourceLine || sourceLine.kind !== "buttons" || buttonIdx < 0 || buttonIdx >= sourceLine.buttons.length) return;
if (targetProfileIdx < 0 || targetProfileIdx >= profiles.length || targetProfileIdx === activeProfileIdx.value) return;
const [moved] = sourceLine.buttons.splice(buttonIdx, 1);
const targetProfile = profiles[targetProfileIdx];
appendToLastButtonLine(targetProfile.lines, JSON.parse(JSON.stringify(moved)));
if (targetProfile.isDefault) targetProfile.isDefault = false;
saveProfiles();
}
function saveProfiles() {
syncLinesToActiveProfile();
cacheSet(KEYS.profiles, JSON.stringify({
active: activeProfileIdx.value,
profiles: profiles.map((p) => ({
name: p.name,
lines: p.lines,
...p.isDefault ? { isDefault: true } : {}
})),
deleted: deletedProfiles.map((p) => ({
name: p.name,
lines: p.lines,
...p.isDefault ? { isDefault: true } : {}
}))
}));
}
function saveSettings() {
cacheSet(KEYS.settings, JSON.stringify(serializeAllSettings()));
}
function saveCorrupted() {
cacheSet(KEYS.corrupted, JSON.stringify(corruptedProfiles));
}
function startAutoSave() {
watch([lines, deletedProfiles], saveProfiles);
watch(corruptedProfiles, saveCorrupted, { deep: true });
watch([...Object.values(refs), locale], saveSettings, { deep: true });
watch(locale, async () => {
localeChanging = true;
for (const p of profiles) {
if (!p.isDefault) continue;
p.name = t("default.profileName");
p.lines = getDefaultLines();
if (activeProfileIdx.value === profiles.indexOf(p)) lines.splice(0, lines.length, ...p.lines);
}
await nextTick();
localeChanging = false;
});
}
var _hoisted_1$38 = { class: "eqt-tag-bar__profile-row" };
var _hoisted_2$34 = ["disabled"];
var _hoisted_3$34 = {
key: 1,
class: "eqt-tag-bar__profile-split"
};
var _hoisted_4$31 = ["tabindex", "disabled"];
var _hoisted_5$30 = ["disabled"];
var TagBarProfileSwitcher_default = defineComponent({
__name: "TagBarProfileSwitcher",
props: mergeModels({ editing: { type: Boolean } }, {
"onCreationPage": {
type: Boolean,
required: true
},
"onCreationPageModifiers": {}
}),
emits: ["update:onCreationPage"],
setup(__props) {
const onCreationPage = useModel(__props, "onCreationPage");
const prevProfileName = computed(() => {
const idx = activeProfileIdx.value - 1;
return idx >= 0 ? profiles[idx].name : "";
});
const nextProfileName = computed(() => {
const idx = activeProfileIdx.value + 1;
return idx < profiles.length ? profiles[idx].name : "";
});
const renamingProfile = ref(false);
const renameValue = ref("");
const renameInput = ref(null);
const profileName = computed(() => profiles[activeProfileIdx.value]?.name ?? "");
function onPrev() {
if (onCreationPage.value) onCreationPage.value = false;
else switchProfile(activeProfileIdx.value - 1);
}
function onNext() {
if (activeProfileIdx.value === profiles.length - 1) onCreationPage.value = true;
else switchProfile(activeProfileIdx.value + 1);
}
function startRenameOrCreate() {
renameValue.value = onCreationPage.value ? "" : profileName.value;
renamingProfile.value = true;
nextTick(() => renameInput.value?.select());
}
function finishRenameOrCreate() {
const trimmed = renameValue.value.trim();
if (onCreationPage.value) {
if (trimmed) {
createProfile(trimmed);
onCreationPage.value = false;
}
} else if (trimmed && trimmed !== profileName.value) renameProfile(activeProfileIdx.value, trimmed);
renamingProfile.value = false;
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$38, [
renderSlot(_ctx.$slots, "default"),
createBaseVNode("button", {
class: "eqt-tag-bar__profile-nav eqt-tag-bar__profile-nav--prev",
type: "button",
disabled: unref(activeProfileIdx) === 0 && !onCreationPage.value,
onClick: onPrev
}, [createTextVNode(toDisplayString(onCreationPage.value ? profileName.value : prevProfileName.value) + " ", 1), createVNode(unref(ChevronLeft), { size: 12 })], 8, _hoisted_2$34),
renamingProfile.value ? withDirectives((openBlock(), createElementBlock("input", {
key: 0,
ref_key: "renameInput",
ref: renameInput,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => renameValue.value = $event),
class: "eqt-tag-bar__profile-input",
onKeydown: [withKeys(finishRenameOrCreate, ["enter"]), _cache[1] || (_cache[1] = withKeys(($event) => renamingProfile.value = false, ["escape"]))],
onBlur: finishRenameOrCreate
}, null, 544)), [[vModelText, renameValue.value]]) : (openBlock(), createElementBlock("div", _hoisted_3$34, [createBaseVNode("button", {
class: "eqt-tag-bar__profile-split-name",
type: "button",
onClick: startRenameOrCreate
}, toDisplayString(onCreationPage.value ? unref(t)("tagbar.newProfile") : profileName.value), 1), createBaseVNode("button", {
class: normalizeClass(["eqt-tag-bar__profile-split-delete", { "eqt-tag-bar__profile-split-delete--hidden": !__props.editing || onCreationPage.value }]),
type: "button",
tabindex: !__props.editing || onCreationPage.value ? -1 : void 0,
disabled: unref(profiles).length <= 1,
onClick: _cache[2] || (_cache[2] = ($event) => unref(deleteProfile)(unref(activeProfileIdx)))
}, [createVNode(unref(Trash), { size: 12 })], 10, _hoisted_4$31)])),
createBaseVNode("button", {
class: "eqt-tag-bar__profile-nav eqt-tag-bar__profile-nav--next",
type: "button",
disabled: onCreationPage.value,
onClick: onNext
}, [createVNode(unref(ChevronRight), { size: 12 }), createTextVNode(" " + toDisplayString(onCreationPage.value ? "" : nextProfileName.value), 1)], 8, _hoisted_5$30)
]);
};
}
});
function tryOnScopeDispose(fn, failSilently) {
if (getCurrentScope()) {
onScopeDispose(fn, failSilently);
return true;
}
return false;
}
function createEventHook() {
const fns = new Set();
const off = (fn) => {
fns.delete(fn);
};
const clear = () => {
fns.clear();
};
const on = (fn) => {
fns.add(fn);
const offFn = () => off(fn);
tryOnScopeDispose(offFn);
return { off: offFn };
};
const trigger = (...args) => {
return Promise.all(Array.from(fns).map((fn) => fn(...args)));
};
return {
on,
off,
trigger,
clear
};
}
function createGlobalState(stateFactory) {
let initialized = false;
let state;
const scope = effectScope(true);
return ((...args) => {
if (!initialized) {
state = scope.run(() => stateFactory(...args));
initialized = true;
}
return state;
});
}
var localProvidedStateMap = new WeakMap();
var injectLocal = (...args) => {
var _getCurrentInstance;
const key = args[0];
const instance = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.proxy;
const owner = instance !== null && instance !== void 0 ? instance : getCurrentScope();
if (owner == null && !hasInjectionContext()) throw new Error("injectLocal must be called in setup");
if (owner && localProvidedStateMap.has(owner) && key in localProvidedStateMap.get(owner)) return localProvidedStateMap.get(owner)[key];
return inject(...args);
};
var isClient = typeof window !== "undefined" && typeof document !== "undefined";
typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
var isDef = (val) => typeof val !== "undefined";
var notNullish = (val) => val != null;
var toString = Object.prototype.toString;
var isObject = (val) => toString.call(val) === "[object Object]";
var noop = () => {};
var isIOS = getIsIOS();
function getIsIOS() {
var _window, _window2, _window3;
return isClient && !!((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));
}
function toRef(...args) {
if (args.length !== 1) return toRef$1(...args);
const r = args[0];
return typeof r === "function" ? readonly(customRef(() => ({
get: r,
set: noop
}))) : ref(r);
}
function createSingletonPromise(fn) {
let _promise;
function wrapper() {
if (!_promise) _promise = fn();
return _promise;
}
wrapper.reset = async () => {
const _prev = _promise;
_promise = void 0;
if (_prev) await _prev;
};
return wrapper;
}
function pxValue(px) {
return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
}
function toArray(value) {
return Array.isArray(value) ? value : [value];
}
function getLifeCycleTarget(target) {
return target || getCurrentInstance();
}
function createSharedComposable(composable) {
if (!isClient) return composable;
let subscribers = 0;
let state;
let scope;
const dispose = () => {
subscribers -= 1;
if (scope && subscribers <= 0) {
scope.stop();
state = void 0;
scope = void 0;
}
};
return ((...args) => {
subscribers += 1;
if (!scope) {
scope = effectScope(true);
state = scope.run(() => composable(...args));
}
tryOnScopeDispose(dispose);
return state;
});
}
function toReactive(objectRef) {
if (!isRef(objectRef)) return reactive(objectRef);
return reactive(new Proxy({}, {
get(_, p, receiver) {
return unref(Reflect.get(objectRef.value, p, receiver));
},
set(_, p, value) {
if (isRef(objectRef.value[p]) && !isRef(value)) objectRef.value[p].value = value;
else objectRef.value[p] = value;
return true;
},
deleteProperty(_, p) {
return Reflect.deleteProperty(objectRef.value, p);
},
has(_, p) {
return Reflect.has(objectRef.value, p);
},
ownKeys() {
return Object.keys(objectRef.value);
},
getOwnPropertyDescriptor() {
return {
enumerable: true,
configurable: true
};
}
}));
}
function reactiveComputed(fn) {
return toReactive(computed(fn));
}
function tryOnBeforeUnmount(fn, target) {
if (getLifeCycleTarget(target)) onBeforeUnmount(fn, target);
}
function tryOnMounted(fn, sync = true, target) {
if (getLifeCycleTarget(target)) onMounted(fn, target);
else if (sync) fn();
else nextTick(fn);
}
function useTimeoutFn(cb, interval, options = {}) {
const { immediate = true, immediateCallback = false } = options;
const isPending = shallowRef(false);
let timer;
function clear() {
if (timer) {
clearTimeout(timer);
timer = void 0;
}
}
function stop() {
isPending.value = false;
clear();
}
function start(...args) {
if (immediateCallback) cb();
clear();
isPending.value = true;
timer = setTimeout(() => {
isPending.value = false;
timer = void 0;
cb(...args);
}, toValue$1(interval));
}
if (immediate) {
isPending.value = true;
if (isClient) start();
}
tryOnScopeDispose(stop);
return {
isPending: shallowReadonly(isPending),
start,
stop
};
}
function watchImmediate(source, cb, options) {
return watch(source, cb, {
...options,
immediate: true
});
}
var defaultWindow = isClient ? window : void 0;
isClient && window.document;
var defaultNavigator = isClient ? window.navigator : void 0;
isClient && window.location;
function unrefElement(elRef) {
var _$el;
const plain = toValue$1(elRef);
return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
}
function useEventListener(...args) {
const register = (el, event, listener, options) => {
el.addEventListener(event, listener, options);
return () => el.removeEventListener(event, listener, options);
};
const firstParamTargets = computed(() => {
const test = toArray(toValue$1(args[0])).filter((e) => e != null);
return test.every((e) => typeof e !== "string") ? test : void 0;
});
return watchImmediate(() => {
var _firstParamTargets$va, _firstParamTargets$va2;
return [
(_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
toArray(toValue$1(firstParamTargets.value ? args[1] : args[0])),
toArray(unref(firstParamTargets.value ? args[2] : args[1])),
toValue$1(firstParamTargets.value ? args[3] : args[2])
];
}, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
onCleanup(() => {
cleanups.forEach((fn) => fn());
});
}, { flush: "post" });
}
var _iOSWorkaround = false;
function onClickOutside(target, handler, options = {}) {
const { window = defaultWindow, ignore = [], capture = true, detectIframe = false, controls = false } = options;
if (!window) return controls ? {
stop: noop,
cancel: noop,
trigger: noop
} : noop;
if (isIOS && !_iOSWorkaround) {
_iOSWorkaround = true;
const listenerOptions = { passive: true };
Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", noop, listenerOptions));
window.document.documentElement.addEventListener("click", noop, listenerOptions);
}
let shouldListen = true;
const shouldIgnore = (event) => {
return toValue$1(ignore).some((target) => {
if (typeof target === "string") return Array.from(window.document.querySelectorAll(target)).some((el) => el === event.target || event.composedPath().includes(el));
else {
const el = unrefElement(target);
return el && (event.target === el || event.composedPath().includes(el));
}
});
};
function hasMultipleRoots(target) {
const vm = toValue$1(target);
return vm && vm.$.subTree.shapeFlag === 16;
}
function checkMultipleRoots(target, event) {
const vm = toValue$1(target);
const children = vm.$.subTree && vm.$.subTree.children;
if (children == null || !Array.isArray(children)) return false;
return children.some((child) => child.el === event.target || event.composedPath().includes(child.el));
}
const listener = (event) => {
const el = unrefElement(target);
if (event.target == null) return;
if (!(el instanceof Element) && hasMultipleRoots(target) && checkMultipleRoots(target, event)) return;
if (!el || el === event.target || event.composedPath().includes(el)) return;
if ("detail" in event && event.detail === 0) shouldListen = !shouldIgnore(event);
if (!shouldListen) {
shouldListen = true;
return;
}
handler(event);
};
let isProcessingClick = false;
const cleanup = [
useEventListener(window, "click", (event) => {
if (!isProcessingClick) {
isProcessingClick = true;
setTimeout(() => {
isProcessingClick = false;
}, 0);
listener(event);
}
}, {
passive: true,
capture
}),
useEventListener(window, "pointerdown", (e) => {
const el = unrefElement(target);
shouldListen = !shouldIgnore(e) && !!(el && !e.composedPath().includes(el));
}, { passive: true }),
detectIframe && useEventListener(window, "blur", (event) => {
setTimeout(() => {
const el = unrefElement(target);
let activeEl = window.document.activeElement;
while (activeEl === null || activeEl === void 0 ? void 0 : activeEl.shadowRoot) activeEl = activeEl.shadowRoot.activeElement;
if ((activeEl === null || activeEl === void 0 ? void 0 : activeEl.tagName) === "IFRAME" && !(el === null || el === void 0 ? void 0 : el.contains(window.document.activeElement))) handler(event);
}, 0);
}, { passive: true })
].filter(Boolean);
const stop = () => cleanup.forEach((fn) => fn());
if (controls) return {
stop,
cancel: () => {
shouldListen = false;
},
trigger: (event) => {
shouldListen = true;
listener(event);
shouldListen = false;
}
};
return stop;
}
function useMounted() {
const isMounted = shallowRef(false);
const instance = getCurrentInstance();
if (instance) onMounted(() => {
isMounted.value = true;
}, instance);
return isMounted;
}
function useSupported(callback) {
const isMounted = useMounted();
return computed(() => {
isMounted.value;
return Boolean(callback());
});
}
function useMutationObserver(target, callback, options = {}) {
const { window = defaultWindow, ...mutationOptions } = options;
let observer;
const isSupported = useSupported(() => window && "MutationObserver" in window);
const cleanup = () => {
if (observer) {
observer.disconnect();
observer = void 0;
}
};
const stopWatch = watch(computed(() => {
const items = toArray(toValue$1(target)).map(unrefElement).filter(notNullish);
return new Set(items);
}), (newTargets) => {
cleanup();
if (isSupported.value && newTargets.size) {
observer = new MutationObserver(callback);
newTargets.forEach((el) => observer.observe(el, mutationOptions));
}
}, {
immediate: true,
flush: "post"
});
const takeRecords = () => {
return observer === null || observer === void 0 ? void 0 : observer.takeRecords();
};
const stop = () => {
stopWatch();
cleanup();
};
tryOnScopeDispose(stop);
return {
isSupported,
stop,
takeRecords
};
}
function createKeyPredicate(keyFilter) {
if (typeof keyFilter === "function") return keyFilter;
else if (typeof keyFilter === "string") return (event) => event.key === keyFilter;
else if (Array.isArray(keyFilter)) return (event) => keyFilter.includes(event.key);
return () => true;
}
function onKeyStroke(...args) {
let key;
let handler;
let options = {};
if (args.length === 3) {
key = args[0];
handler = args[1];
options = args[2];
} else if (args.length === 2) if (typeof args[1] === "object") {
key = true;
handler = args[0];
options = args[1];
} else {
key = args[0];
handler = args[1];
}
else {
key = true;
handler = args[0];
}
const { target = defaultWindow, eventName = "keydown", passive = false, dedupe = false } = options;
const predicate = createKeyPredicate(key);
const listener = (e) => {
if (e.repeat && toValue$1(dedupe)) return;
if (predicate(e)) handler(e);
};
return useEventListener(target, eventName, listener, passive);
}
var ssrWidthSymbol = Symbol("vueuse-ssr-width");
function useSSRWidth() {
const ssrWidth = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
return typeof ssrWidth === "number" ? ssrWidth : void 0;
}
function useMediaQuery(query, options = {}) {
const { window = defaultWindow, ssrWidth = useSSRWidth() } = options;
const isSupported = useSupported(() => window && "matchMedia" in window && typeof window.matchMedia === "function");
const ssrSupport = shallowRef(typeof ssrWidth === "number");
const mediaQuery = shallowRef();
const matches = shallowRef(false);
const handler = (event) => {
matches.value = event.matches;
};
watchEffect(() => {
if (ssrSupport.value) {
ssrSupport.value = !isSupported.value;
matches.value = toValue$1(query).split(",").some((queryString) => {
const not = queryString.includes("not all");
const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
let res = Boolean(minWidth || maxWidth);
if (minWidth && res) res = ssrWidth >= pxValue(minWidth[1]);
if (maxWidth && res) res = ssrWidth <= pxValue(maxWidth[1]);
return not ? !res : res;
});
return;
}
if (!isSupported.value) return;
mediaQuery.value = window.matchMedia(toValue$1(query));
matches.value = mediaQuery.value.matches;
});
useEventListener(mediaQuery, "change", handler, { passive: true });
return computed(() => matches.value);
}
function usePermission(permissionDesc, options = {}) {
const { controls = false, navigator = defaultNavigator } = options;
const isSupported = useSupported(() => navigator && "permissions" in navigator);
const permissionStatus = shallowRef();
const desc = typeof permissionDesc === "string" ? { name: permissionDesc } : permissionDesc;
const state = shallowRef();
const update = () => {
var _permissionStatus$val, _permissionStatus$val2;
state.value = (_permissionStatus$val = (_permissionStatus$val2 = permissionStatus.value) === null || _permissionStatus$val2 === void 0 ? void 0 : _permissionStatus$val2.state) !== null && _permissionStatus$val !== void 0 ? _permissionStatus$val : "prompt";
};
useEventListener(permissionStatus, "change", update, { passive: true });
const query = createSingletonPromise(async () => {
if (!isSupported.value) return;
if (!permissionStatus.value) try {
permissionStatus.value = await navigator.permissions.query(desc);
} catch (_unused) {
permissionStatus.value = void 0;
} finally {
update();
}
if (controls) return toRaw(permissionStatus.value);
});
query();
if (controls) return {
state,
isSupported,
query
};
else return state;
}
function useClipboard(options = {}) {
const { navigator = defaultNavigator, read = false, source, copiedDuring = 1500, legacy = false } = options;
const isClipboardApiSupported = useSupported(() => navigator && "clipboard" in navigator);
const permissionRead = usePermission("clipboard-read");
const permissionWrite = usePermission("clipboard-write");
const isSupported = computed(() => isClipboardApiSupported.value || legacy);
const text = shallowRef("");
const copied = shallowRef(false);
const copyPending = shallowRef(false);
const timeout = useTimeoutFn(() => copied.value = false, copiedDuring, { immediate: false });
let lastLegacyId = 0;
async function updateText() {
let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionRead.value));
if (!useLegacy) try {
text.value = await navigator.clipboard.readText();
} catch (_unused) {
useLegacy = true;
}
if (useLegacy) text.value = legacyRead();
}
if (isSupported.value && read) useEventListener(["copy", "cut"], updateText, { passive: true });
async function copy(value) {
const resolvedValue = value !== null && value !== void 0 ? value : toValue$1(source);
if (isSupported.value && resolvedValue != null) {
copyPending.value = true;
let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionWrite.value));
if (!useLegacy) try {
const clipboardItem = createClipboardItem(resolvedValue);
await navigator.clipboard.write([clipboardItem]);
} catch (_unused2) {
useLegacy = true;
}
if (useLegacy) if (typeof resolvedValue === "string") {
text.value = resolvedValue;
legacyCopy(resolvedValue);
} else {
const currentId = ++lastLegacyId;
const resolvedText = await resolvedValue();
if (resolvedText != null && currentId === lastLegacyId) {
text.value = resolvedText;
legacyCopy(resolvedText);
}
}
copied.value = true;
timeout.start();
copyPending.value = false;
}
}
function createClipboardItem(value) {
if (typeof value === "string") {
text.value = value;
return new ClipboardItem({ "text/plain": value });
} else return new ClipboardItem({ "text/plain": value().then((resolvedText = "") => {
text.value = resolvedText;
return new Blob([resolvedText], { type: "text/plain" });
}) });
}
function legacyCopy(value) {
const ta = document.createElement("textarea");
ta.value = value;
ta.style.position = "absolute";
ta.style.opacity = "0";
ta.setAttribute("readonly", "");
document.body.appendChild(ta);
ta.select();
document.execCommand("copy");
ta.remove();
}
function legacyRead() {
var _document$getSelectio, _document, _document$getSelectio2;
return (_document$getSelectio = (_document = document) === null || _document === void 0 || (_document$getSelectio2 = _document.getSelection) === null || _document$getSelectio2 === void 0 || (_document$getSelectio2 = _document$getSelectio2.call(_document)) === null || _document$getSelectio2 === void 0 ? void 0 : _document$getSelectio2.toString()) !== null && _document$getSelectio !== void 0 ? _document$getSelectio : "";
}
function isAllowed(status) {
return status === "granted" || status === "prompt";
}
return {
copyPending: shallowReadonly(copyPending),
isSupported,
text: shallowReadonly(text),
copied: shallowReadonly(copied),
copy
};
}
function cloneFnJSON(source) {
return JSON.parse(JSON.stringify(source));
}
function useResizeObserver(target, callback, options = {}) {
const { window = defaultWindow, ...observerOptions } = options;
let observer;
const isSupported = useSupported(() => window && "ResizeObserver" in window);
const cleanup = () => {
if (observer) {
observer.disconnect();
observer = void 0;
}
};
const stopWatch = watch(computed(() => {
const _targets = toValue$1(target);
return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
}), (els) => {
cleanup();
if (isSupported.value && window) {
observer = new ResizeObserver(callback);
for (const _el of els) if (_el) observer.observe(_el, observerOptions);
}
}, {
immediate: true,
flush: "post"
});
const stop = () => {
cleanup();
stopWatch();
};
tryOnScopeDispose(stop);
return {
isSupported,
stop
};
}
function useElementBounding(target, options = {}) {
const { reset = true, windowResize = true, windowScroll = true, immediate = true, updateTiming = "sync" } = options;
const height = shallowRef(0);
const bottom = shallowRef(0);
const left = shallowRef(0);
const right = shallowRef(0);
const top = shallowRef(0);
const width = shallowRef(0);
const x = shallowRef(0);
const y = shallowRef(0);
function recalculate() {
const el = unrefElement(target);
if (!el) {
if (reset) {
height.value = 0;
bottom.value = 0;
left.value = 0;
right.value = 0;
top.value = 0;
width.value = 0;
x.value = 0;
y.value = 0;
}
return;
}
const rect = el.getBoundingClientRect();
height.value = rect.height;
bottom.value = rect.bottom;
left.value = rect.left;
right.value = rect.right;
top.value = rect.top;
width.value = rect.width;
x.value = rect.x;
y.value = rect.y;
}
function update() {
if (updateTiming === "sync") recalculate();
else if (updateTiming === "next-frame") requestAnimationFrame(() => recalculate());
}
useResizeObserver(target, update);
watch(() => unrefElement(target), (ele) => !ele && update());
useMutationObserver(target, update, { attributeFilter: ["style", "class"] });
if (windowScroll) useEventListener("scroll", update, {
capture: true,
passive: true
});
if (windowResize) useEventListener("resize", update, { passive: true });
tryOnMounted(() => {
if (immediate) update();
});
return {
height,
bottom,
left,
right,
top,
width,
x,
y,
update
};
}
function resolveElement(el) {
if (typeof Window !== "undefined" && el instanceof Window) return el.document.documentElement;
if (typeof Document !== "undefined" && el instanceof Document) return el.documentElement;
return el;
}
function checkOverflowScroll$1(ele) {
const style = window.getComputedStyle(ele);
if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientWidth < ele.scrollWidth || style.overflowY === "auto" && ele.clientHeight < ele.scrollHeight) return true;
else {
const parent = ele.parentNode;
if (!parent || parent.tagName === "BODY") return false;
return checkOverflowScroll$1(parent);
}
}
function preventDefault$1(rawEvent) {
const e = rawEvent || window.event;
const _target = e.target;
if (checkOverflowScroll$1(_target)) return false;
if (e.touches.length > 1) return true;
if (e.preventDefault) e.preventDefault();
return false;
}
var elInitialOverflow = new WeakMap();
function useScrollLock(element, initialState = false) {
const isLocked = shallowRef(initialState);
let stopTouchMoveListener = null;
let initialOverflow = "";
watch(toRef(element), (el) => {
const target = resolveElement(toValue$1(el));
if (target) {
const ele = target;
if (!elInitialOverflow.get(ele)) elInitialOverflow.set(ele, ele.style.overflow);
if (ele.style.overflow !== "hidden") initialOverflow = ele.style.overflow;
if (ele.style.overflow === "hidden") return isLocked.value = true;
if (isLocked.value) return ele.style.overflow = "hidden";
}
}, { immediate: true });
const lock = () => {
const el = resolveElement(toValue$1(element));
if (!el || isLocked.value) return;
if (isIOS) stopTouchMoveListener = useEventListener(el, "touchmove", (e) => {
preventDefault$1(e);
}, { passive: false });
el.style.overflow = "hidden";
isLocked.value = true;
};
const unlock = () => {
const el = resolveElement(toValue$1(element));
if (!el || !isLocked.value) return;
if (isIOS) stopTouchMoveListener === null || stopTouchMoveListener === void 0 || stopTouchMoveListener();
el.style.overflow = initialOverflow;
elInitialOverflow.delete(el);
isLocked.value = false;
};
tryOnScopeDispose(unlock);
return computed({
get() {
return isLocked.value;
},
set(v) {
if (v) lock();
else unlock();
}
});
}
Number.POSITIVE_INFINITY;
function useVModel(props, key, emit, options = {}) {
var _vm$$emit, _vm$proxy;
const { clone = false, passive = false, eventName, deep = false, defaultValue, shouldEmit } = options;
const vm = getCurrentInstance();
const _emit = emit || (vm === null || vm === void 0 ? void 0 : vm.emit) || (vm === null || vm === void 0 || (_vm$$emit = vm.$emit) === null || _vm$$emit === void 0 ? void 0 : _vm$$emit.bind(vm)) || (vm === null || vm === void 0 || (_vm$proxy = vm.proxy) === null || _vm$proxy === void 0 || (_vm$proxy = _vm$proxy.$emit) === null || _vm$proxy === void 0 ? void 0 : _vm$proxy.bind(vm === null || vm === void 0 ? void 0 : vm.proxy));
let event = eventName;
if (!key) key = "modelValue";
event = event || `update:${key.toString()}`;
const cloneFn = (val) => !clone ? val : typeof clone === "function" ? clone(val) : cloneFnJSON(val);
const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
const triggerEmit = (value) => {
if (shouldEmit) {
if (shouldEmit(value)) _emit(event, value);
} else _emit(event, value);
};
if (passive) {
const proxy = ref(getValue());
let isUpdating = false;
watch(() => props[key], (v) => {
if (!isUpdating) {
isUpdating = true;
proxy.value = cloneFn(v);
nextTick(() => isUpdating = false);
}
});
watch(proxy, (v) => {
if (!isUpdating && (v !== props[key] || deep)) triggerEmit(v);
}, { deep });
return proxy;
} else return computed({
get() {
return getValue();
},
set(value) {
triggerEmit(value);
}
});
}
var _sfc_main = defineComponent({
__name: "contenteditable",
props: {
"tag": String,
"contenteditable": {
type: [Boolean, String],
default: true
},
"modelValue": String,
"noHtml": {
type: Boolean,
default: true
},
"noNl": {
type: Boolean,
default: false
}
},
emits: {
"returned": String,
"update:modelValue": String
},
setup(__props, { emit }) {
const props = __props;
function replaceAll(str, search, replacement) {
return str.split(search).join(replacement);
}
const element = ref();
function currentContent() {
return props.noHtml ? element.value.innerText : element.value.innerHTML;
}
function updateContent(newcontent) {
if (props.noHtml) element.value.innerText = newcontent;
else element.value.innerHTML = newcontent;
}
function update(event) {
emit("update:modelValue", currentContent());
}
function onPaste(event) {
event.preventDefault();
let text = (event.originalEvent || event).clipboardData.getData("text/plain");
if (props.noNl) {
text = replaceAll(text, "\r\n", " ");
text = replaceAll(text, "\n", " ");
text = replaceAll(text, "\r", " ");
}
window.document.execCommand("insertText", false, text);
}
function onKeypress(event) {
if (event.key == "Enter" && props.noNl) {
event.preventDefault();
emit("returned", currentContent());
}
}
onMounted(() => {
var _a;
updateContent((_a = props.modelValue) != null ? _a : "");
});
watch(() => props.modelValue, (newval, oldval) => {
if (newval != currentContent()) updateContent(newval != null ? newval : "");
});
watch(() => props.noHtml, (newval, oldval) => {
var _a;
updateContent((_a = props.modelValue) != null ? _a : "");
});
watch(() => props.tag, (newval, oldval) => {
var _a;
updateContent((_a = props.modelValue) != null ? _a : "");
}, { flush: "post" });
return (_ctx, _cache) => {
return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
contenteditable: __props.contenteditable,
onInput: update,
onBlur: update,
onPaste,
onKeypress,
ref_key: "element",
ref: element
}, null, 40, ["contenteditable"]);
};
}
});
var min = Math.min;
var max = Math.max;
var round$1 = Math.round;
var floor = Math.floor;
var createCoords = (v) => ({
x: v,
y: v
});
var oppositeSideMap = {
left: "right",
right: "left",
bottom: "top",
top: "bottom"
};
function clamp$3(start, value, end) {
return max(start, min(value, end));
}
function evaluate(value, param) {
return typeof value === "function" ? value(param) : value;
}
function getSide(placement) {
return placement.split("-")[0];
}
function getAlignment(placement) {
return placement.split("-")[1];
}
function getOppositeAxis(axis) {
return axis === "x" ? "y" : "x";
}
function getAxisLength(axis) {
return axis === "y" ? "height" : "width";
}
function getSideAxis(placement) {
const firstChar = placement[0];
return firstChar === "t" || firstChar === "b" ? "y" : "x";
}
function getAlignmentAxis(placement) {
return getOppositeAxis(getSideAxis(placement));
}
function getAlignmentSides(placement, rects, rtl) {
if (rtl === void 0) rtl = false;
const alignment = getAlignment(placement);
const alignmentAxis = getAlignmentAxis(placement);
const length = getAxisLength(alignmentAxis);
let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
if (rects.reference[length] > rects.floating[length]) mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
}
function getExpandedPlacements(placement) {
const oppositePlacement = getOppositePlacement(placement);
return [
getOppositeAlignmentPlacement(placement),
oppositePlacement,
getOppositeAlignmentPlacement(oppositePlacement)
];
}
function getOppositeAlignmentPlacement(placement) {
return placement.includes("start") ? placement.replace("start", "end") : placement.replace("end", "start");
}
var lrPlacement = ["left", "right"];
var rlPlacement = ["right", "left"];
var tbPlacement = ["top", "bottom"];
var btPlacement = ["bottom", "top"];
function getSideList(side, isStart, rtl) {
switch (side) {
case "top":
case "bottom":
if (rtl) return isStart ? rlPlacement : lrPlacement;
return isStart ? lrPlacement : rlPlacement;
case "left":
case "right": return isStart ? tbPlacement : btPlacement;
default: return [];
}
}
function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
const alignment = getAlignment(placement);
let list = getSideList(getSide(placement), direction === "start", rtl);
if (alignment) {
list = list.map((side) => side + "-" + alignment);
if (flipAlignment) list = list.concat(list.map(getOppositeAlignmentPlacement));
}
return list;
}
function getOppositePlacement(placement) {
const side = getSide(placement);
return oppositeSideMap[side] + placement.slice(side.length);
}
function expandPaddingObject(padding) {
return {
top: 0,
right: 0,
bottom: 0,
left: 0,
...padding
};
}
function getPaddingObject(padding) {
return typeof padding !== "number" ? expandPaddingObject(padding) : {
top: padding,
right: padding,
bottom: padding,
left: padding
};
}
function rectToClientRect(rect) {
const { x, y, width, height } = rect;
return {
width,
height,
top: y,
left: x,
right: x + width,
bottom: y + height,
x,
y
};
}
function computeCoordsFromPlacement(_ref, placement, rtl) {
let { reference, floating } = _ref;
const sideAxis = getSideAxis(placement);
const alignmentAxis = getAlignmentAxis(placement);
const alignLength = getAxisLength(alignmentAxis);
const side = getSide(placement);
const isVertical = sideAxis === "y";
const commonX = reference.x + reference.width / 2 - floating.width / 2;
const commonY = reference.y + reference.height / 2 - floating.height / 2;
const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
let coords;
switch (side) {
case "top":
coords = {
x: commonX,
y: reference.y - floating.height
};
break;
case "bottom":
coords = {
x: commonX,
y: reference.y + reference.height
};
break;
case "right":
coords = {
x: reference.x + reference.width,
y: commonY
};
break;
case "left":
coords = {
x: reference.x - floating.width,
y: commonY
};
break;
default: coords = {
x: reference.x,
y: reference.y
};
}
switch (getAlignment(placement)) {
case "start":
coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
break;
case "end":
coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
break;
}
return coords;
}
async function detectOverflow(state, options) {
var _await$platform$isEle;
if (options === void 0) options = {};
const { x, y, platform, rects, elements, strategy } = state;
const { boundary = "clippingAncestors", rootBoundary = "viewport", elementContext = "floating", altBoundary = false, padding = 0 } = evaluate(options, state);
const paddingObject = getPaddingObject(padding);
const element = elements[altBoundary ? elementContext === "floating" ? "reference" : "floating" : elementContext];
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating)),
boundary,
rootBoundary,
strategy
}));
const rect = elementContext === "floating" ? {
x,
y,
width: rects.floating.width,
height: rects.floating.height
} : rects.reference;
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
const offsetScale = await (platform.isElement == null ? void 0 : platform.isElement(offsetParent)) ? await (platform.getScale == null ? void 0 : platform.getScale(offsetParent)) || {
x: 1,
y: 1
} : {
x: 1,
y: 1
};
const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
elements,
rect,
offsetParent,
strategy
}) : rect);
return {
top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
};
}
var MAX_RESET_COUNT = 50;
var computePosition$1 = async (reference, floating, config) => {
const { placement = "bottom", strategy = "absolute", middleware = [], platform } = config;
const platformWithDetectOverflow = platform.detectOverflow ? platform : {
...platform,
detectOverflow
};
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
let rects = await platform.getElementRects({
reference,
floating,
strategy
});
let { x, y } = computeCoordsFromPlacement(rects, placement, rtl);
let statefulPlacement = placement;
let resetCount = 0;
const middlewareData = {};
for (let i = 0; i < middleware.length; i++) {
const currentMiddleware = middleware[i];
if (!currentMiddleware) continue;
const { name, fn } = currentMiddleware;
const { x: nextX, y: nextY, data, reset } = await fn({
x,
y,
initialPlacement: placement,
placement: statefulPlacement,
strategy,
middlewareData,
rects,
platform: platformWithDetectOverflow,
elements: {
reference,
floating
}
});
x = nextX != null ? nextX : x;
y = nextY != null ? nextY : y;
middlewareData[name] = {
...middlewareData[name],
...data
};
if (reset && resetCount < MAX_RESET_COUNT) {
resetCount++;
if (typeof reset === "object") {
if (reset.placement) statefulPlacement = reset.placement;
if (reset.rects) rects = reset.rects === true ? await platform.getElementRects({
reference,
floating,
strategy
}) : reset.rects;
({x, y} = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
}
i = -1;
}
}
return {
x,
y,
placement: statefulPlacement,
strategy,
middlewareData
};
};
var flip$1 = function(options) {
if (options === void 0) options = {};
return {
name: "flip",
options,
async fn(state) {
var _middlewareData$arrow, _middlewareData$flip;
const { placement, middlewareData, rects, initialPlacement, platform, elements } = state;
const { mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = true, fallbackPlacements: specifiedFallbackPlacements, fallbackStrategy = "bestFit", fallbackAxisSideDirection = "none", flipAlignment = true, ...detectOverflowOptions } = evaluate(options, state);
if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) return {};
const side = getSide(placement);
const initialSideAxis = getSideAxis(initialPlacement);
const isBasePlacement = getSide(initialPlacement) === initialPlacement;
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
const placements = [initialPlacement, ...fallbackPlacements];
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
const overflows = [];
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
if (checkMainAxis) overflows.push(overflow[side]);
if (checkCrossAxis) {
const sides = getAlignmentSides(placement, rects, rtl);
overflows.push(overflow[sides[0]], overflow[sides[1]]);
}
overflowsData = [...overflowsData, {
placement,
overflows
}];
if (!overflows.every((side) => side <= 0)) {
var _middlewareData$flip2, _overflowsData$filter;
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
const nextPlacement = placements[nextIndex];
if (nextPlacement) {
if (!(checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false) || overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) return {
data: {
index: nextIndex,
overflows: overflowsData
},
reset: { placement: nextPlacement }
};
}
let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
if (!resetPlacement) switch (fallbackStrategy) {
case "bestFit": {
var _overflowsData$filter2;
const placement = (_overflowsData$filter2 = overflowsData.filter((d) => {
if (hasFallbackAxisSideDirection) {
const currentSideAxis = getSideAxis(d.placement);
return currentSideAxis === initialSideAxis || currentSideAxis === "y";
}
return true;
}).map((d) => [d.placement, d.overflows.filter((overflow) => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
if (placement) resetPlacement = placement;
break;
}
case "initialPlacement":
resetPlacement = initialPlacement;
break;
}
if (placement !== resetPlacement) return { reset: { placement: resetPlacement } };
}
return {};
}
};
};
var originSides = new Set(["left", "top"]);
async function convertValueToCoords(state, options) {
const { placement, platform, elements } = state;
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
const side = getSide(placement);
const alignment = getAlignment(placement);
const isVertical = getSideAxis(placement) === "y";
const mainAxisMulti = originSides.has(side) ? -1 : 1;
const crossAxisMulti = rtl && isVertical ? -1 : 1;
const rawValue = evaluate(options, state);
let { mainAxis, crossAxis, alignmentAxis } = typeof rawValue === "number" ? {
mainAxis: rawValue,
crossAxis: 0,
alignmentAxis: null
} : {
mainAxis: rawValue.mainAxis || 0,
crossAxis: rawValue.crossAxis || 0,
alignmentAxis: rawValue.alignmentAxis
};
if (alignment && typeof alignmentAxis === "number") crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
return isVertical ? {
x: crossAxis * crossAxisMulti,
y: mainAxis * mainAxisMulti
} : {
x: mainAxis * mainAxisMulti,
y: crossAxis * crossAxisMulti
};
}
var offset$1 = function(options) {
if (options === void 0) options = 0;
return {
name: "offset",
options,
async fn(state) {
var _middlewareData$offse, _middlewareData$arrow;
const { x, y, placement, middlewareData } = state;
const diffCoords = await convertValueToCoords(state, options);
if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) return {};
return {
x: x + diffCoords.x,
y: y + diffCoords.y,
data: {
...diffCoords,
placement
}
};
}
};
};
var shift$1 = function(options) {
if (options === void 0) options = {};
return {
name: "shift",
options,
async fn(state) {
const { x, y, placement, platform } = state;
const { mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = false, limiter = { fn: (_ref) => {
let { x, y } = _ref;
return {
x,
y
};
} }, ...detectOverflowOptions } = evaluate(options, state);
const coords = {
x,
y
};
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
const crossAxis = getSideAxis(getSide(placement));
const mainAxis = getOppositeAxis(crossAxis);
let mainAxisCoord = coords[mainAxis];
let crossAxisCoord = coords[crossAxis];
if (checkMainAxis) {
const minSide = mainAxis === "y" ? "top" : "left";
const maxSide = mainAxis === "y" ? "bottom" : "right";
const min = mainAxisCoord + overflow[minSide];
const max = mainAxisCoord - overflow[maxSide];
mainAxisCoord = clamp$3(min, mainAxisCoord, max);
}
if (checkCrossAxis) {
const minSide = crossAxis === "y" ? "top" : "left";
const maxSide = crossAxis === "y" ? "bottom" : "right";
const min = crossAxisCoord + overflow[minSide];
const max = crossAxisCoord - overflow[maxSide];
crossAxisCoord = clamp$3(min, crossAxisCoord, max);
}
const limitedCoords = limiter.fn({
...state,
[mainAxis]: mainAxisCoord,
[crossAxis]: crossAxisCoord
});
return {
...limitedCoords,
data: {
x: limitedCoords.x - x,
y: limitedCoords.y - y,
enabled: {
[mainAxis]: checkMainAxis,
[crossAxis]: checkCrossAxis
}
}
};
}
};
};
function hasWindow() {
return typeof window !== "undefined";
}
function getNodeName(node) {
if (isNode(node)) return (node.nodeName || "").toLowerCase();
return "#document";
}
function getWindow(node) {
var _node$ownerDocument;
return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
}
function getDocumentElement(node) {
var _ref;
return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
}
function isNode(value) {
if (!hasWindow()) return false;
return value instanceof Node || value instanceof getWindow(value).Node;
}
function isElement(value) {
if (!hasWindow()) return false;
return value instanceof Element || value instanceof getWindow(value).Element;
}
function isHTMLElement(value) {
if (!hasWindow()) return false;
return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
}
function isShadowRoot(value) {
if (!hasWindow() || typeof ShadowRoot === "undefined") return false;
return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
}
function isOverflowElement(element) {
const { overflow, overflowX, overflowY, display } = getComputedStyle$1(element);
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
}
function isTableElement(element) {
return /^(table|td|th)$/.test(getNodeName(element));
}
function isTopLayer(element) {
try {
if (element.matches(":popover-open")) return true;
} catch (_e) {}
try {
return element.matches(":modal");
} catch (_e) {
return false;
}
}
var willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
var containRe = /paint|layout|strict|content/;
var isNotNone = (value) => !!value && value !== "none";
var isWebKitValue;
function isContainingBlock(elementOrCss) {
const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || "") || containRe.test(css.contain || "");
}
function getContainingBlock(element) {
let currentNode = getParentNode(element);
while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
if (isContainingBlock(currentNode)) return currentNode;
else if (isTopLayer(currentNode)) return null;
currentNode = getParentNode(currentNode);
}
return null;
}
function isWebKit() {
if (isWebKitValue == null) isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
return isWebKitValue;
}
function isLastTraversableNode(node) {
return /^(html|body|#document)$/.test(getNodeName(node));
}
function getComputedStyle$1(element) {
return getWindow(element).getComputedStyle(element);
}
function getNodeScroll(element) {
if (isElement(element)) return {
scrollLeft: element.scrollLeft,
scrollTop: element.scrollTop
};
return {
scrollLeft: element.scrollX,
scrollTop: element.scrollY
};
}
function getParentNode(node) {
if (getNodeName(node) === "html") return node;
const result = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
return isShadowRoot(result) ? result.host : result;
}
function getNearestOverflowAncestor(node) {
const parentNode = getParentNode(node);
if (isLastTraversableNode(parentNode)) return node.ownerDocument ? node.ownerDocument.body : node.body;
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) return parentNode;
return getNearestOverflowAncestor(parentNode);
}
function getOverflowAncestors(node, list, traverseIframes) {
var _node$ownerDocument2;
if (list === void 0) list = [];
if (traverseIframes === void 0) traverseIframes = true;
const scrollableAncestor = getNearestOverflowAncestor(node);
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
const win = getWindow(scrollableAncestor);
if (isBody) {
const frameElement = getFrameElement(win);
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
} else return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
}
function getFrameElement(win) {
return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
}
function getCssDimensions(element) {
const css = getComputedStyle$1(element);
let width = parseFloat(css.width) || 0;
let height = parseFloat(css.height) || 0;
const hasOffset = isHTMLElement(element);
const offsetWidth = hasOffset ? element.offsetWidth : width;
const offsetHeight = hasOffset ? element.offsetHeight : height;
const shouldFallback = round$1(width) !== offsetWidth || round$1(height) !== offsetHeight;
if (shouldFallback) {
width = offsetWidth;
height = offsetHeight;
}
return {
width,
height,
$: shouldFallback
};
}
function unwrapElement$1(element) {
return !isElement(element) ? element.contextElement : element;
}
function getScale(element) {
const domElement = unwrapElement$1(element);
if (!isHTMLElement(domElement)) return createCoords(1);
const rect = domElement.getBoundingClientRect();
const { width, height, $ } = getCssDimensions(domElement);
let x = ($ ? round$1(rect.width) : rect.width) / width;
let y = ($ ? round$1(rect.height) : rect.height) / height;
if (!x || !Number.isFinite(x)) x = 1;
if (!y || !Number.isFinite(y)) y = 1;
return {
x,
y
};
}
var noOffsets = createCoords(0);
function getVisualOffsets(element) {
const win = getWindow(element);
if (!isWebKit() || !win.visualViewport) return noOffsets;
return {
x: win.visualViewport.offsetLeft,
y: win.visualViewport.offsetTop
};
}
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
if (isFixed === void 0) isFixed = false;
if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) return false;
return isFixed;
}
function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
if (includeScale === void 0) includeScale = false;
if (isFixedStrategy === void 0) isFixedStrategy = false;
const clientRect = element.getBoundingClientRect();
const domElement = unwrapElement$1(element);
let scale = createCoords(1);
if (includeScale) if (offsetParent) {
if (isElement(offsetParent)) scale = getScale(offsetParent);
} else scale = getScale(element);
const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
let x = (clientRect.left + visualOffsets.x) / scale.x;
let y = (clientRect.top + visualOffsets.y) / scale.y;
let width = clientRect.width / scale.x;
let height = clientRect.height / scale.y;
if (domElement) {
const win = getWindow(domElement);
const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
let currentWin = win;
let currentIFrame = getFrameElement(currentWin);
while (currentIFrame && offsetParent && offsetWin !== currentWin) {
const iframeScale = getScale(currentIFrame);
const iframeRect = currentIFrame.getBoundingClientRect();
const css = getComputedStyle$1(currentIFrame);
const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
x *= iframeScale.x;
y *= iframeScale.y;
width *= iframeScale.x;
height *= iframeScale.y;
x += left;
y += top;
currentWin = getWindow(currentIFrame);
currentIFrame = getFrameElement(currentWin);
}
}
return rectToClientRect({
width,
height,
x,
y
});
}
function getWindowScrollBarX(element, rect) {
const leftScroll = getNodeScroll(element).scrollLeft;
if (!rect) return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
return rect.left + leftScroll;
}
function getHTMLOffset(documentElement, scroll) {
const htmlRect = documentElement.getBoundingClientRect();
return {
x: htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect),
y: htmlRect.top + scroll.scrollTop
};
}
function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
let { elements, rect, offsetParent, strategy } = _ref;
const isFixed = strategy === "fixed";
const documentElement = getDocumentElement(offsetParent);
const topLayer = elements ? isTopLayer(elements.floating) : false;
if (offsetParent === documentElement || topLayer && isFixed) return rect;
let scroll = {
scrollLeft: 0,
scrollTop: 0
};
let scale = createCoords(1);
const offsets = createCoords(0);
const isOffsetParentAnElement = isHTMLElement(offsetParent);
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) scroll = getNodeScroll(offsetParent);
if (isOffsetParentAnElement) {
const offsetRect = getBoundingClientRect(offsetParent);
scale = getScale(offsetParent);
offsets.x = offsetRect.x + offsetParent.clientLeft;
offsets.y = offsetRect.y + offsetParent.clientTop;
}
}
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
return {
width: rect.width * scale.x,
height: rect.height * scale.y,
x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
};
}
function getClientRects(element) {
return Array.from(element.getClientRects());
}
function getDocumentRect(element) {
const html = getDocumentElement(element);
const scroll = getNodeScroll(element);
const body = element.ownerDocument.body;
const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
let x = -scroll.scrollLeft + getWindowScrollBarX(element);
const y = -scroll.scrollTop;
if (getComputedStyle$1(body).direction === "rtl") x += max(html.clientWidth, body.clientWidth) - width;
return {
width,
height,
x,
y
};
}
var SCROLLBAR_MAX = 25;
function getViewportRect(element, strategy) {
const win = getWindow(element);
const html = getDocumentElement(element);
const visualViewport = win.visualViewport;
let width = html.clientWidth;
let height = html.clientHeight;
let x = 0;
let y = 0;
if (visualViewport) {
width = visualViewport.width;
height = visualViewport.height;
const visualViewportBased = isWebKit();
if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
x = visualViewport.offsetLeft;
y = visualViewport.offsetTop;
}
}
const windowScrollbarX = getWindowScrollBarX(html);
if (windowScrollbarX <= 0) {
const doc = html.ownerDocument;
const body = doc.body;
const bodyStyles = getComputedStyle(body);
const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) width -= clippingStableScrollbarWidth;
} else if (windowScrollbarX <= SCROLLBAR_MAX) width += windowScrollbarX;
return {
width,
height,
x,
y
};
}
function getInnerBoundingClientRect(element, strategy) {
const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
const top = clientRect.top + element.clientTop;
const left = clientRect.left + element.clientLeft;
const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
return {
width: element.clientWidth * scale.x,
height: element.clientHeight * scale.y,
x: left * scale.x,
y: top * scale.y
};
}
function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
let rect;
if (clippingAncestor === "viewport") rect = getViewportRect(element, strategy);
else if (clippingAncestor === "document") rect = getDocumentRect(getDocumentElement(element));
else if (isElement(clippingAncestor)) rect = getInnerBoundingClientRect(clippingAncestor, strategy);
else {
const visualOffsets = getVisualOffsets(element);
rect = {
x: clippingAncestor.x - visualOffsets.x,
y: clippingAncestor.y - visualOffsets.y,
width: clippingAncestor.width,
height: clippingAncestor.height
};
}
return rectToClientRect(rect);
}
function hasFixedPositionAncestor(element, stopNode) {
const parentNode = getParentNode(element);
if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) return false;
return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
}
function getClippingElementAncestors(element, cache) {
const cachedResult = cache.get(element);
if (cachedResult) return cachedResult;
let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
let currentContainingBlockComputedStyle = null;
const elementIsFixed = getComputedStyle$1(element).position === "fixed";
let currentNode = elementIsFixed ? getParentNode(element) : element;
while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
const computedStyle = getComputedStyle$1(currentNode);
const currentNodeIsContaining = isContainingBlock(currentNode);
if (!currentNodeIsContaining && computedStyle.position === "fixed") currentContainingBlockComputedStyle = null;
if (elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === "absolute" || currentContainingBlockComputedStyle.position === "fixed") || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode)) result = result.filter((ancestor) => ancestor !== currentNode);
else currentContainingBlockComputedStyle = computedStyle;
currentNode = getParentNode(currentNode);
}
cache.set(element, result);
return result;
}
function getClippingRect(_ref) {
let { element, boundary, rootBoundary, strategy } = _ref;
const clippingAncestors = [...boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary), rootBoundary];
const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
let top = firstRect.top;
let right = firstRect.right;
let bottom = firstRect.bottom;
let left = firstRect.left;
for (let i = 1; i < clippingAncestors.length; i++) {
const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
top = max(rect.top, top);
right = min(rect.right, right);
bottom = min(rect.bottom, bottom);
left = max(rect.left, left);
}
return {
width: right - left,
height: bottom - top,
x: left,
y: top
};
}
function getDimensions(element) {
const { width, height } = getCssDimensions(element);
return {
width,
height
};
}
function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
const isOffsetParentAnElement = isHTMLElement(offsetParent);
const documentElement = getDocumentElement(offsetParent);
const isFixed = strategy === "fixed";
const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
let scroll = {
scrollLeft: 0,
scrollTop: 0
};
const offsets = createCoords(0);
function setLeftRTLScrollbarOffset() {
offsets.x = getWindowScrollBarX(documentElement);
}
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) scroll = getNodeScroll(offsetParent);
if (isOffsetParentAnElement) {
const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
offsets.x = offsetRect.x + offsetParent.clientLeft;
offsets.y = offsetRect.y + offsetParent.clientTop;
} else if (documentElement) setLeftRTLScrollbarOffset();
}
if (isFixed && !isOffsetParentAnElement && documentElement) setLeftRTLScrollbarOffset();
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
return {
x: rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x,
y: rect.top + scroll.scrollTop - offsets.y - htmlOffset.y,
width: rect.width,
height: rect.height
};
}
function isStaticPositioned(element) {
return getComputedStyle$1(element).position === "static";
}
function getTrueOffsetParent(element, polyfill) {
if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") return null;
if (polyfill) return polyfill(element);
let rawOffsetParent = element.offsetParent;
if (getDocumentElement(element) === rawOffsetParent) rawOffsetParent = rawOffsetParent.ownerDocument.body;
return rawOffsetParent;
}
function getOffsetParent(element, polyfill) {
const win = getWindow(element);
if (isTopLayer(element)) return win;
if (!isHTMLElement(element)) {
let svgOffsetParent = getParentNode(element);
while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) return svgOffsetParent;
svgOffsetParent = getParentNode(svgOffsetParent);
}
return win;
}
let offsetParent = getTrueOffsetParent(element, polyfill);
while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) offsetParent = getTrueOffsetParent(offsetParent, polyfill);
if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) return win;
return offsetParent || getContainingBlock(element) || win;
}
var getElementRects = async function(data) {
const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
const getDimensionsFn = this.getDimensions;
const floatingDimensions = await getDimensionsFn(data.floating);
return {
reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
floating: {
x: 0,
y: 0,
width: floatingDimensions.width,
height: floatingDimensions.height
}
};
};
function isRTL(element) {
return getComputedStyle$1(element).direction === "rtl";
}
var platform = {
convertOffsetParentRelativeRectToViewportRelativeRect,
getDocumentElement,
getClippingRect,
getOffsetParent,
getElementRects,
getClientRects,
getDimensions,
getScale,
isElement,
isRTL
};
function rectsAreEqual(a, b) {
return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
}
function observeMove(element, onMove) {
let io = null;
let timeoutId;
const root = getDocumentElement(element);
function cleanup() {
var _io;
clearTimeout(timeoutId);
(_io = io) == null || _io.disconnect();
io = null;
}
function refresh(skip, threshold) {
if (skip === void 0) skip = false;
if (threshold === void 0) threshold = 1;
cleanup();
const elementRectForRootMargin = element.getBoundingClientRect();
const { left, top, width, height } = elementRectForRootMargin;
if (!skip) onMove();
if (!width || !height) return;
const insetTop = floor(top);
const insetRight = floor(root.clientWidth - (left + width));
const insetBottom = floor(root.clientHeight - (top + height));
const insetLeft = floor(left);
const options = {
rootMargin: -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px",
threshold: max(0, min(1, threshold)) || 1
};
let isFirstUpdate = true;
function handleObserve(entries) {
const ratio = entries[0].intersectionRatio;
if (ratio !== threshold) {
if (!isFirstUpdate) return refresh();
if (!ratio) timeoutId = setTimeout(() => {
refresh(false, 1e-7);
}, 1e3);
else refresh(false, ratio);
}
if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) refresh();
isFirstUpdate = false;
}
try {
io = new IntersectionObserver(handleObserve, {
...options,
root: root.ownerDocument
});
} catch (_e) {
io = new IntersectionObserver(handleObserve, options);
}
io.observe(element);
}
refresh(true);
return cleanup;
}
function autoUpdate(reference, floating, update, options) {
if (options === void 0) options = {};
const { ancestorScroll = true, ancestorResize = true, elementResize = typeof ResizeObserver === "function", layoutShift = typeof IntersectionObserver === "function", animationFrame = false } = options;
const referenceEl = unwrapElement$1(reference);
const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...floating ? getOverflowAncestors(floating) : []] : [];
ancestors.forEach((ancestor) => {
ancestorScroll && ancestor.addEventListener("scroll", update, { passive: true });
ancestorResize && ancestor.addEventListener("resize", update);
});
const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
let reobserveFrame = -1;
let resizeObserver = null;
if (elementResize) {
resizeObserver = new ResizeObserver((_ref) => {
let [firstEntry] = _ref;
if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
resizeObserver.unobserve(floating);
cancelAnimationFrame(reobserveFrame);
reobserveFrame = requestAnimationFrame(() => {
var _resizeObserver;
(_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
});
}
update();
});
if (referenceEl && !animationFrame) resizeObserver.observe(referenceEl);
if (floating) resizeObserver.observe(floating);
}
let frameId;
let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
if (animationFrame) frameLoop();
function frameLoop() {
const nextRefRect = getBoundingClientRect(reference);
if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) update();
prevRefRect = nextRefRect;
frameId = requestAnimationFrame(frameLoop);
}
update();
return () => {
var _resizeObserver2;
ancestors.forEach((ancestor) => {
ancestorScroll && ancestor.removeEventListener("scroll", update);
ancestorResize && ancestor.removeEventListener("resize", update);
});
cleanupIo?.();
(_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
resizeObserver = null;
if (animationFrame) cancelAnimationFrame(frameId);
};
}
var offset = offset$1;
var shift = shift$1;
var flip = flip$1;
var computePosition = (reference, floating, options) => {
const cache = new Map();
const mergedOptions = {
platform,
...options
};
const platformWithCache = {
...mergedOptions.platform,
_c: cache
};
return computePosition$1(reference, floating, {
...mergedOptions,
platform: platformWithCache
});
};
function isComponentPublicInstance(target) {
return target != null && typeof target === "object" && "$el" in target;
}
function unwrapElement(target) {
if (isComponentPublicInstance(target)) {
const element = target.$el;
return isNode(element) && getNodeName(element) === "#comment" ? null : element;
}
return target;
}
function toValue(source) {
return typeof source === "function" ? source() : unref(source);
}
function getDPR(element) {
if (typeof window === "undefined") return 1;
return (element.ownerDocument.defaultView || window).devicePixelRatio || 1;
}
function roundByDPR(element, value) {
const dpr = getDPR(element);
return Math.round(value * dpr) / dpr;
}
function useFloating(reference, floating, options) {
if (options === void 0) options = {};
const whileElementsMountedOption = options.whileElementsMounted;
const openOption = computed(() => {
var _toValue;
return (_toValue = toValue(options.open)) != null ? _toValue : true;
});
const middlewareOption = computed(() => toValue(options.middleware));
const placementOption = computed(() => {
var _toValue2;
return (_toValue2 = toValue(options.placement)) != null ? _toValue2 : "bottom";
});
const strategyOption = computed(() => {
var _toValue3;
return (_toValue3 = toValue(options.strategy)) != null ? _toValue3 : "absolute";
});
const transformOption = computed(() => {
var _toValue4;
return (_toValue4 = toValue(options.transform)) != null ? _toValue4 : true;
});
const referenceElement = computed(() => unwrapElement(reference.value));
const floatingElement = computed(() => unwrapElement(floating.value));
const x = ref(0);
const y = ref(0);
const strategy = ref(strategyOption.value);
const placement = ref(placementOption.value);
const middlewareData = shallowRef({});
const isPositioned = ref(false);
const floatingStyles = computed(() => {
const initialStyles = {
position: strategy.value,
left: "0",
top: "0"
};
if (!floatingElement.value) return initialStyles;
const xVal = roundByDPR(floatingElement.value, x.value);
const yVal = roundByDPR(floatingElement.value, y.value);
if (transformOption.value) return {
...initialStyles,
transform: "translate(" + xVal + "px, " + yVal + "px)",
...getDPR(floatingElement.value) >= 1.5 && { willChange: "transform" }
};
return {
position: strategy.value,
left: xVal + "px",
top: yVal + "px"
};
});
let whileElementsMountedCleanup;
function update() {
if (referenceElement.value == null || floatingElement.value == null) return;
const open = openOption.value;
computePosition(referenceElement.value, floatingElement.value, {
middleware: middlewareOption.value,
placement: placementOption.value,
strategy: strategyOption.value
}).then((position) => {
x.value = position.x;
y.value = position.y;
strategy.value = position.strategy;
placement.value = position.placement;
middlewareData.value = position.middlewareData;
isPositioned.value = open !== false;
});
}
function cleanup() {
if (typeof whileElementsMountedCleanup === "function") {
whileElementsMountedCleanup();
whileElementsMountedCleanup = void 0;
}
}
function attach() {
cleanup();
if (whileElementsMountedOption === void 0) {
update();
return;
}
if (referenceElement.value != null && floatingElement.value != null) {
whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);
return;
}
}
function reset() {
if (!openOption.value) isPositioned.value = false;
}
watch([
middlewareOption,
placementOption,
strategyOption,
openOption
], update, { flush: "sync" });
watch([referenceElement, floatingElement], attach, { flush: "sync" });
watch(openOption, reset, { flush: "sync" });
if (getCurrentScope()) onScopeDispose(cleanup);
return {
x: shallowReadonly(x),
y: shallowReadonly(y),
strategy: shallowReadonly(strategy),
placement: shallowReadonly(placement),
middlewareData: shallowReadonly(middlewareData),
isPositioned: shallowReadonly(isPositioned),
floatingStyles,
update
};
}
var confirmRequest = shallowRef(null);
function askConfirm(message, confirmLabel) {
confirmRequest.value?.resolve(false);
const { promise, resolve } = Promise.withResolvers();
confirmRequest.value = {
message,
confirmLabel,
resolve: (ok) => {
confirmRequest.value = null;
resolve(ok);
}
};
return promise;
}
var POPUP_IGNORE_KEY = Symbol("popup-register-ignore");
function usePopupBehavior(options) {
const ignoreList = [];
provide(POPUP_IGNORE_KEY, (el) => {
ignoreList.push(el);
return () => {
const idx = ignoreList.indexOf(el);
if (idx >= 0) ignoreList.splice(idx, 1);
};
});
onClickOutside(options.popupEl, () => {
if (!confirmRequest.value) options.onClose();
}, { ignore: ignoreList });
useScrollLock(document.body, true);
useEventListener(document, "keydown", (e) => {
if (confirmRequest.value) return;
if (e.key === "Escape") options.onClose();
else if (e.key === "Enter" && (e.ctrlKey || e.metaKey) && options.onSave) {
e.preventDefault();
options.onSave();
}
});
}
var AnchoredPopover_default = defineComponent({
__name: "AnchoredPopover",
props: {
open: { type: Boolean },
anchor: {},
placement: { default: "bottom-start" }
},
emits: ["update:open"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const popupEl = ref(null);
const anchorRef = toRef$1(props, "anchor");
const { floatingStyles } = useFloating(anchorRef, popupEl, {
placement: () => props.placement,
middleware: [
offset(4),
flip(),
shift({ padding: 8 })
],
whileElementsMounted: autoUpdate
});
onClickOutside(popupEl, () => emit("update:open", false), { ignore: [anchorRef] });
const registerIgnore = inject(POPUP_IGNORE_KEY, void 0);
let unregister = null;
watch(popupEl, (el) => {
if (unregister) {
unregister();
unregister = null;
}
if (el && registerIgnore) unregister = registerIgnore(el);
});
return (_ctx, _cache) => {
return openBlock(), createBlock(Teleport, { to: "body" }, [__props.open ? (openBlock(), createElementBlock("div", {
key: 0,
ref_key: "popupEl",
ref: popupEl,
style: normalizeStyle(unref(floatingStyles)),
class: "eqt-anchored-popover",
translate: "no"
}, [renderSlot(_ctx.$slots, "default")], 4)) : createCommentVNode("", true)]);
};
}
});
var clamp$2 = (number, min = 0, max = 1) => {
return number > max ? max : number < min ? min : number;
};
var round = (number, digits = 0, base = Math.pow(10, digits)) => {
return Math.round(base * number) / base;
};
360 / (Math.PI * 2);
var hexToHsva = (hex) => rgbaToHsva(hexToRgba(hex));
var hexToRgba = (hex) => {
if (hex[0] === "#") hex = hex.substring(1);
if (hex.length < 6) return {
r: parseInt(hex[0] + hex[0], 16),
g: parseInt(hex[1] + hex[1], 16),
b: parseInt(hex[2] + hex[2], 16),
a: hex.length === 4 ? round(parseInt(hex[3] + hex[3], 16) / 255, 2) : 1
};
return {
r: parseInt(hex.substring(0, 2), 16),
g: parseInt(hex.substring(2, 4), 16),
b: parseInt(hex.substring(4, 6), 16),
a: hex.length === 8 ? round(parseInt(hex.substring(6, 8), 16) / 255, 2) : 1
};
};
var hsvaToHex = (hsva) => rgbaToHex(hsvaToRgba(hsva));
var hsvaToHsla = ({ h, s, v, a }) => {
const hh = (200 - s) * v / 100;
return {
h: round(h),
s: round(hh > 0 && hh < 200 ? s * v / 100 / (hh <= 100 ? hh : 200 - hh) * 100 : 0),
l: round(hh / 2),
a: round(a, 2)
};
};
var hsvaToHslString = (hsva) => {
const { h, s, l } = hsvaToHsla(hsva);
return `hsl(${h}, ${s}%, ${l}%)`;
};
var hsvaToHslaString = (hsva) => {
const { h, s, l, a } = hsvaToHsla(hsva);
return `hsla(${h}, ${s}%, ${l}%, ${a})`;
};
var hsvaToRgba = ({ h, s, v, a }) => {
h = h / 360 * 6;
s = s / 100;
v = v / 100;
const hh = Math.floor(h), b = v * (1 - s), c = v * (1 - (h - hh) * s), d = v * (1 - (1 - h + hh) * s), module = hh % 6;
return {
r: round([
v,
c,
b,
b,
d,
v
][module] * 255),
g: round([
d,
v,
v,
c,
b,
b
][module] * 255),
b: round([
b,
b,
d,
v,
v,
c
][module] * 255),
a: round(a, 2)
};
};
var format = (number) => {
const hex = number.toString(16);
return hex.length < 2 ? "0" + hex : hex;
};
var rgbaToHex = ({ r, g, b, a }) => {
const alphaHex = a < 1 ? format(round(a * 255)) : "";
return "#" + format(r) + format(g) + format(b) + alphaHex;
};
var rgbaToHsva = ({ r, g, b, a }) => {
const max = Math.max(r, g, b);
const delta = max - Math.min(r, g, b);
const hh = delta ? max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
return {
h: round(60 * (hh < 0 ? hh + 6 : hh)),
s: round(max ? delta / max * 100 : 0),
v: round(max / 255 * 100),
a
};
};
var equalColorObjects = (first, second) => {
if (first === second) return true;
for (const prop in first) if (first[prop] !== second[prop]) return false;
return true;
};
var equalHex = (first, second) => {
if (first.toLowerCase() === second.toLowerCase()) return true;
return equalColorObjects(hexToRgba(first), hexToRgba(second));
};
var cache = {};
var tpl = (html) => {
let template = cache[html];
if (!template) {
template = document.createElement("template");
template.innerHTML = html;
cache[html] = template;
}
return template;
};
var fire = (target, type, detail) => {
target.dispatchEvent(new CustomEvent(type, {
bubbles: true,
detail
}));
};
var hasTouched = false;
var isTouch = (e) => "touches" in e;
var isValid = (event) => {
if (hasTouched && !isTouch(event)) return false;
if (!hasTouched) hasTouched = isTouch(event);
return true;
};
var pointerMove = (target, event) => {
const pointer = isTouch(event) ? event.touches[0] : event;
const rect = target.el.getBoundingClientRect();
fire(target.el, "move", target.getMove({
x: clamp$2((pointer.pageX - (rect.left + window.pageXOffset)) / rect.width),
y: clamp$2((pointer.pageY - (rect.top + window.pageYOffset)) / rect.height)
}));
};
var keyMove = (target, event) => {
const keyCode = event.keyCode;
if (keyCode > 40 || target.xy && keyCode < 37 || keyCode < 33) return;
event.preventDefault();
fire(target.el, "move", target.getMove({
x: keyCode === 39 ? .01 : keyCode === 37 ? -.01 : keyCode === 34 ? .05 : keyCode === 33 ? -.05 : keyCode === 35 ? 1 : keyCode === 36 ? -1 : 0,
y: keyCode === 40 ? .01 : keyCode === 38 ? -.01 : 0
}, true));
};
var Slider = class {
constructor(root, part, aria, xy) {
const template = tpl(`<div role="slider" tabindex="0" part="${part}" ${aria}><div part="${part}-pointer"></div></div>`);
root.appendChild(template.content.cloneNode(true));
const el = root.querySelector(`[part=${part}]`);
el.addEventListener("mousedown", this);
el.addEventListener("touchstart", this);
el.addEventListener("keydown", this);
this.el = el;
this.xy = xy;
this.nodes = [el.firstChild, el];
}
set dragging(state) {
const toggleEvent = state ? document.addEventListener : document.removeEventListener;
toggleEvent(hasTouched ? "touchmove" : "mousemove", this);
toggleEvent(hasTouched ? "touchend" : "mouseup", this);
}
handleEvent(event) {
switch (event.type) {
case "mousedown":
case "touchstart":
event.preventDefault();
if (!isValid(event) || !hasTouched && event.button != 0) return;
this.el.focus();
pointerMove(this, event);
this.dragging = true;
break;
case "mousemove":
case "touchmove":
event.preventDefault();
pointerMove(this, event);
break;
case "mouseup":
case "touchend":
this.dragging = false;
break;
case "keydown":
keyMove(this, event);
break;
}
}
style(styles) {
styles.forEach((style, i) => {
for (const p in style) this.nodes[i].style.setProperty(p, style[p]);
});
}
};
var Hue = class extends Slider {
constructor(root) {
super(root, "hue", "aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\"", false);
}
update({ h }) {
this.h = h;
this.style([{
left: `${h / 360 * 100}%`,
color: hsvaToHslString({
h,
s: 100,
v: 100,
a: 1
})
}]);
this.el.setAttribute("aria-valuenow", `${round(h)}`);
}
getMove(offset, key) {
return { h: key ? clamp$2(this.h + offset.x * 360, 0, 360) : 360 * offset.x };
}
};
var Saturation = class extends Slider {
constructor(root) {
super(root, "saturation", "aria-label=\"Color\"", true);
}
update(hsva) {
this.hsva = hsva;
this.style([{
top: `${100 - hsva.v}%`,
left: `${hsva.s}%`,
color: hsvaToHslString(hsva)
}, { "background-color": hsvaToHslString({
h: hsva.h,
s: 100,
v: 100,
a: 1
}) }]);
this.el.setAttribute("aria-valuetext", `Saturation ${round(hsva.s)}%, Brightness ${round(hsva.v)}%`);
}
getMove(offset, key) {
return {
s: key ? clamp$2(this.hsva.s + offset.x * 100, 0, 100) : offset.x * 100,
v: key ? clamp$2(this.hsva.v - offset.y * 100, 0, 100) : Math.round(100 - offset.y * 100)
};
}
};
var color_picker_default = `:host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}`;
var hue_default = `[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}`;
var saturation_default = `[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}`;
var $isSame = Symbol("same");
var $color = Symbol("color");
var $hsva = Symbol("hsva");
var $update = Symbol("update");
var $parts = Symbol("parts");
var $css = Symbol("css");
var $sliders = Symbol("sliders");
var ColorPicker = class extends HTMLElement {
static get observedAttributes() {
return ["color"];
}
get [$css]() {
return [
color_picker_default,
hue_default,
saturation_default
];
}
get [$sliders]() {
return [Saturation, Hue];
}
get color() {
return this[$color];
}
set color(newColor) {
if (!this[$isSame](newColor)) {
const newHsva = this.colorModel.toHsva(newColor);
this[$update](newHsva);
this[$color] = newColor;
}
}
constructor() {
super();
const template = tpl(`<style>${this[$css].join("")}</style>`);
const root = this.attachShadow({ mode: "open" });
root.appendChild(template.content.cloneNode(true));
root.addEventListener("move", this);
this[$parts] = this[$sliders].map((slider) => new slider(root));
}
connectedCallback() {
if (this.hasOwnProperty("color")) {
const value = this.color;
delete this["color"];
this.color = value;
} else if (!this.color) this.color = this.colorModel.defaultColor;
}
attributeChangedCallback(_attr, _oldVal, newVal) {
const color = this.colorModel.fromAttr(newVal);
if (!this[$isSame](color)) this.color = color;
}
handleEvent(event) {
const oldHsva = this[$hsva];
const newHsva = {
...oldHsva,
...event.detail
};
this[$update](newHsva);
let newColor;
if (!equalColorObjects(newHsva, oldHsva) && !this[$isSame](newColor = this.colorModel.fromHsva(newHsva))) {
this[$color] = newColor;
fire(this, "color-changed", { value: newColor });
}
}
[$isSame](color) {
return this.color && this.colorModel.equal(color, this.color);
}
[$update](hsva) {
this[$hsva] = hsva;
this[$parts].forEach((part) => part.update(hsva));
}
};
var Alpha = class extends Slider {
constructor(root) {
super(root, "alpha", "aria-label=\"Alpha\" aria-valuemin=\"0\" aria-valuemax=\"1\"", false);
}
update(hsva) {
this.hsva = hsva;
const colorFrom = hsvaToHslaString({
...hsva,
a: 0
});
const colorTo = hsvaToHslaString({
...hsva,
a: 1
});
const value = hsva.a * 100;
this.style([{
left: `${value}%`,
color: hsvaToHslaString(hsva)
}, { "--gradient": `linear-gradient(90deg, ${colorFrom}, ${colorTo}` }]);
const v = round(value);
this.el.setAttribute("aria-valuenow", `${v}`);
this.el.setAttribute("aria-valuetext", `${v}%`);
}
getMove(offset, key) {
return { a: key ? clamp$2(this.hsva.a + offset.x) : offset.x };
}
};
var alpha_default = `[part=alpha]{flex:0 0 24px}[part=alpha]::after{display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background-image:var(--gradient);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part^=alpha]{background-color:#fff;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><rect x="8" width="8" height="8"/><rect y="8" width="8" height="8"/></svg>')}[part=alpha-pointer]{top:50%}`;
var AlphaColorPicker = class extends ColorPicker {
get [$css]() {
return [...super[$css], alpha_default];
}
get [$sliders]() {
return [...super[$sliders], Alpha];
}
};
var colorModel$1 = {
defaultColor: "#0001",
toHsva: hexToHsva,
fromHsva: hsvaToHex,
equal: equalHex,
fromAttr: (color) => color
};
var HexAlphaBase = class extends AlphaColorPicker {
get colorModel() {
return colorModel$1;
}
};
var HexAlphaColorPicker = class extends HexAlphaBase {};
customElements.define("hex-alpha-color-picker", HexAlphaColorPicker);
var colorModel = {
defaultColor: "#000",
toHsva: hexToHsva,
fromHsva: ({ h, s, v }) => hsvaToHex({
h,
s,
v,
a: 1
}),
equal: equalHex,
fromAttr: (color) => color
};
var HexBase = class extends ColorPicker {
get colorModel() {
return colorModel;
}
};
var HexColorPicker = class extends HexBase {};
customElements.define("hex-color-picker", HexColorPicker);
function parseColorInput(raw, alpha) {
const value = raw.trim();
const hex = /^#?([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.exec(value);
if (hex) {
const h = hex[1].toLowerCase();
const rgb = h.length <= 4 ? h[0] + h[0] + h[1] + h[1] + h[2] + h[2] : h.slice(0, 6);
if (!alpha) return `#${rgb}`;
return `#${rgb}${h.length === 4 ? h[3] + h[3] : h.length === 8 ? h.slice(6) : "ff"}`;
}
const rgb = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?\)$/.exec(value);
if (!rgb) return null;
const toHex = (n) => Math.max(0, Math.min(255, n)).toString(16).padStart(2, "0");
const color = toHex(+rgb[1]) + toHex(+rgb[2]) + toHex(+rgb[3]);
if (!alpha) return `#${color}`;
return `#${color}${toHex(rgb[4] === void 0 ? 255 : Math.round(Math.max(0, Math.min(1, +rgb[4])) * 255))}`;
}
function formatRgbInput(value, alpha) {
if (!value) return "";
const normalized = parseColorInput(value, alpha);
if (!normalized) return "";
const r = parseInt(normalized.slice(1, 3), 16);
const g = parseInt(normalized.slice(3, 5), 16);
const b = parseInt(normalized.slice(5, 7), 16);
if (!alpha) return `rgb(${r}, ${g}, ${b})`;
const opacity = parseInt(normalized.slice(7, 9), 16) / 255;
return opacity === 1 ? `rgb(${r}, ${g}, ${b})` : `rgba(${r}, ${g}, ${b}, ${+opacity.toFixed(2)})`;
}
var _hoisted_1$37 = { class: "eqt-color-picker" };
var _hoisted_2$33 = { class: "eqt-color-picker__input-row" };
var _hoisted_3$33 = ["placeholder", "onKeydown"];
var _hoisted_4$30 = ["disabled", "title"];
var _hoisted_5$29 = { class: "eqt-color-picker__input-row" };
var _hoisted_6$26 = ["placeholder", "onKeydown"];
var _hoisted_7$24 = ["disabled", "title"];
var ColorPicker_default = defineComponent({
__name: "ColorPicker",
props: {
modelValue: {},
alpha: {
type: Boolean,
default: true
}
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const hexText = ref("");
const rgbText = ref("");
function syncInputs(v) {
hexText.value = v ?? "";
rgbText.value = formatRgbInput(v, props.alpha);
}
syncInputs(props.modelValue);
watch(() => [props.modelValue, props.alpha], ([value]) => syncInputs(value));
const pickerColor = computed(() => parseColorInput(props.modelValue ?? "", props.alpha) ?? (props.alpha ? "#888888ff" : "#888888"));
function onPickerChange(e) {
const detail = e.detail;
const color = parseColorInput(detail.value, props.alpha);
if (color) emit("update:modelValue", color);
}
function commitHex() {
const parsed = parseColorInput(hexText.value, props.alpha);
if (parsed) emit("update:modelValue", parsed);
else hexText.value = props.modelValue ?? "";
}
function commitRgb() {
const parsed = parseColorInput(rgbText.value, props.alpha);
if (parsed) emit("update:modelValue", parsed);
else rgbText.value = formatRgbInput(props.modelValue, props.alpha);
}
const hexClip = useClipboard({ legacy: true });
const rgbClip = useClipboard({ legacy: true });
function onCopyHex() {
if (hexText.value) hexClip.copy(hexText.value);
}
function onCopyRgb() {
if (rgbText.value) rgbClip.copy(rgbText.value);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$37, [
(openBlock(), createBlock(resolveDynamicComponent(__props.alpha ? "hex-alpha-color-picker" : "hex-color-picker"), {
class: "eqt-color-picker__picker",
color: pickerColor.value,
onColorChanged: onPickerChange
}, null, 40, ["color"])),
createBaseVNode("div", _hoisted_2$33, [withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => hexText.value = $event),
class: "eqt-color-picker__input",
placeholder: __props.alpha ? "#rrggbbaa" : "#rrggbb",
spellcheck: "false",
onChange: commitHex,
onKeydown: withKeys(withModifiers(commitHex, ["prevent"]), ["enter"])
}, null, 40, _hoisted_3$33), [[vModelText, hexText.value]]), createBaseVNode("button", {
type: "button",
class: "eqt-color-picker__copy",
disabled: !hexText.value,
title: unref(hexClip).copied.value ? unref(t)("settings.editorCopied") : unref(t)("settings.editorCopy"),
onClick: onCopyHex
}, [unref(hexClip).copied.value ? (openBlock(), createBlock(unref(Check), {
key: 0,
size: 12
})) : (openBlock(), createBlock(unref(Copy), {
key: 1,
size: 12
}))], 8, _hoisted_4$30)]),
createBaseVNode("div", _hoisted_5$29, [withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rgbText.value = $event),
class: "eqt-color-picker__input",
placeholder: __props.alpha ? "rgba(r, g, b, a)" : "rgb(r, g, b)",
spellcheck: "false",
onChange: commitRgb,
onKeydown: withKeys(withModifiers(commitRgb, ["prevent"]), ["enter"])
}, null, 40, _hoisted_6$26), [[vModelText, rgbText.value]]), createBaseVNode("button", {
type: "button",
class: "eqt-color-picker__copy",
disabled: !rgbText.value,
title: unref(rgbClip).copied.value ? unref(t)("settings.editorCopied") : unref(t)("settings.editorCopy"),
onClick: onCopyRgb
}, [unref(rgbClip).copied.value ? (openBlock(), createBlock(unref(Check), {
key: 0,
size: 12
})) : (openBlock(), createBlock(unref(Copy), {
key: 1,
size: 12
}))], 8, _hoisted_7$24)])
]);
};
}
});
var _hoisted_1$36 = ["title"];
var LineColorSwatch_default = defineComponent({
__name: "LineColorSwatch",
props: {
modelValue: {},
title: {},
embedded: { type: Boolean },
alpha: {
type: Boolean,
default: true
}
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const emit = __emit;
const open = ref(false);
const triggerEl = ref(null);
function clearColor() {
emit("update:modelValue", void 0);
open.value = false;
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [!__props.embedded ? (openBlock(), createElementBlock("button", mergeProps({
key: 0,
ref_key: "triggerEl",
ref: triggerEl
}, _ctx.$attrs, {
type: "button",
class: "eqt-line-color__trigger",
style: __props.modelValue ? { color: __props.modelValue } : void 0,
title: __props.title ?? unref(t)("tagbar.lineColor"),
onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
}), [createVNode(unref(Palette), { size: 12 })], 16, _hoisted_1$36)) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent(__props.embedded ? "div" : AnchoredPopover_default), {
open: open.value,
"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
anchor: triggerEl.value
}, {
default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(["eqt-line-color__popup", { "eqt-line-color__popup--embedded": __props.embedded }]) }, [createVNode(ColorPicker_default, {
"model-value": __props.modelValue,
alpha: __props.alpha,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
}, null, 8, ["model-value", "alpha"]), createBaseVNode("button", {
type: "button",
class: "eqt-line-color__clear",
onClick: clearColor
}, [createVNode(unref(X), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)("tagbar.lineColorClear")), 1)])], 2)]),
_: 1
}, 40, ["open", "anchor"]))], 64);
};
}
});
var _hoisted_1$35 = ["role", "aria-label"];
var ContextMenu_default = defineComponent({
__name: "ContextMenu",
props: {
open: { type: Boolean },
anchorEl: {},
pointerOffset: {},
placement: {},
ignore: {},
autoFocus: { type: Boolean },
ariaRole: {},
ariaLabel: {}
},
emits: ["update:open"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const menuEl = ref(null);
const { floatingStyles } = useFloating(computed(() => {
const el = props.anchorEl;
if (!el) return null;
const offsets = props.pointerOffset;
if (!offsets) return el;
return {
getBoundingClientRect: () => {
const rect = el.getBoundingClientRect();
const x = rect.left + offsets.x;
const y = rect.top + offsets.y;
return {
x,
y,
width: 0,
height: 0,
top: y,
left: x,
right: x,
bottom: y
};
},
contextElement: el
};
}), menuEl, {
placement: () => props.placement ?? "bottom-start",
middleware: [
offset(2),
flip(),
shift({ padding: 8 })
],
whileElementsMounted: (reference, floating, update) => autoUpdate(reference, floating, update, {
ancestorScroll: false,
layoutShift: false
})
});
function close() {
emit("update:open", false);
}
const childIgnoreList = ref([]);
provide(POPUP_IGNORE_KEY, (el) => {
childIgnoreList.value = [...childIgnoreList.value, el];
return () => {
childIgnoreList.value = childIgnoreList.value.filter((item) => item !== el);
};
});
onClickOutside(menuEl, close, { ignore: computed(() => [...childIgnoreList.value, ...(props.ignore ?? []).filter((el) => el !== null)]) });
watch(() => [props.open, props.anchorEl], async ([open]) => {
if (!open || !props.autoFocus) return;
await nextTick();
menuEl.value?.querySelector("button:not(:disabled), input:not(:disabled), [tabindex]:not([tabindex=\"-1\"])")?.focus({ preventScroll: true });
}, { immediate: true });
useEventListener(document, "keydown", (e) => {
if (!props.open || e.key !== "Escape") return;
close();
e.preventDefault();
e.stopPropagation();
}, { capture: true });
const registerIgnore = inject(POPUP_IGNORE_KEY, void 0);
let unregister = null;
watch(menuEl, (el) => {
if (unregister) {
unregister();
unregister = null;
}
if (el && registerIgnore) unregister = registerIgnore(el);
});
return (_ctx, _cache) => {
return openBlock(), createBlock(Teleport, { to: "body" }, [__props.open ? (openBlock(), createElementBlock("div", {
key: 0,
ref_key: "menuEl",
ref: menuEl,
style: normalizeStyle(unref(floatingStyles)),
class: "eqt-context-menu",
translate: "no",
role: __props.ariaRole ?? "menu",
"aria-label": __props.ariaLabel,
onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
}, [renderSlot(_ctx.$slots, "default")], 44, _hoisted_1$35)) : createCommentVNode("", true)]);
};
}
});
var _hoisted_1$34 = ["title"];
var _hoisted_2$32 = { class: "eqt-line-sep__field" };
var _hoisted_3$32 = { class: "eqt-line-sep__field-label" };
var _hoisted_4$29 = { class: "eqt-line-sep__options eqt-line-sep__options--four" };
var _hoisted_5$28 = ["title"];
var _hoisted_6$25 = ["onClick"];
var _hoisted_7$23 = { class: "eqt-line-sep__field" };
var _hoisted_8$23 = { class: "eqt-line-sep__field-label" };
var _hoisted_9$23 = { class: "eqt-line-sep__options" };
var _hoisted_10$22 = ["onClick"];
var _hoisted_11$22 = { class: "eqt-line-sep__field" };
var _hoisted_12$20 = { class: "eqt-line-sep__field-label" };
var _hoisted_13$17 = { class: "eqt-line-sep__options" };
var _hoisted_14$17 = ["onClick"];
var _hoisted_15$16 = { class: "eqt-line-sep__field" };
var _hoisted_16$16 = { class: "eqt-line-sep__slider-head" };
var _hoisted_17$14 = { class: "eqt-line-sep__field-label" };
var _hoisted_18$14 = { class: "eqt-line-sep__slider-value" };
var _hoisted_19$13 = ["value"];
var _hoisted_20$13 = { class: "eqt-line-sep__field" };
var _hoisted_21$12 = { class: "eqt-line-sep__slider-head" };
var _hoisted_22$12 = { class: "eqt-line-sep__field-label" };
var _hoisted_23$11 = { class: "eqt-line-sep__slider-value" };
var _hoisted_24$9 = ["value", "disabled"];
var _hoisted_25$7 = { class: "eqt-line-sep__field" };
var _hoisted_26$6 = { class: "eqt-line-sep__slider-head" };
var _hoisted_27$6 = { class: "eqt-line-sep__field-label" };
var _hoisted_28$6 = { class: "eqt-line-sep__slider-value" };
var _hoisted_29$5 = ["value", "disabled"];
var _hoisted_30$4 = { class: "eqt-line-sep__footer" };
var _hoisted_31$4 = ["disabled", "title"];
var SeparatorSettingsPopup_default = defineComponent({
__name: "SeparatorSettingsPopup",
props: {
line: {},
embedded: { type: Boolean },
defaultTextAlign: {}
},
emits: ["update:line"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const open = ref(false);
const triggerEl = ref(null);
const lineStyleValue = computed(() => props.line.kind === "separator" ? props.line.style?.line ?? "solid" : "solid");
const linePositionValue = computed(() => props.line.kind === "separator" ? props.line.style?.linePosition ?? "middle" : "middle");
const textAlignValue = computed(() => props.line.style?.textAlign ?? props.defaultTextAlign ?? "left");
const usesDefaultTextAlign = computed(() => props.line.style?.textAlign === void 0);
const textSizeValue = computed(() => props.line.kind === "separator" ? props.line.style?.textSize ?? 10 : 10);
const lineThicknessValue = computed(() => props.line.kind === "separator" ? props.line.style?.lineThickness ?? 2 : 2);
const lineLengthValue = computed(() => props.line.kind === "separator" ? props.line.style?.lineLength ?? 100 : 100);
const canReset = computed(() => props.line.style !== void 0 && Object.keys(props.line.style).length > 0);
function updateStyle(patch) {
if (props.line.kind === "buttons") {
const style = {
...props.line.style,
...patch.textAlign ? { textAlign: patch.textAlign } : {}
};
emit("update:line", {
...props.line,
style: Object.keys(style).length ? style : void 0
});
return;
}
const merged = {
...props.line.style,
...patch
};
emit("update:line", {
...props.line,
style: Object.keys(merged).length ? merged : void 0
});
}
function clearTextAlign() {
if (!props.line.style) return;
const style = { ...props.line.style };
delete style.textAlign;
emit("update:line", {
...props.line,
style: Object.keys(style).length ? style : void 0
});
}
function resetLayout() {
emit("update:line", {
...props.line,
style: void 0
});
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [!__props.embedded ? (openBlock(), createElementBlock("button", {
key: 0,
ref_key: "triggerEl",
ref: triggerEl,
type: "button",
class: "eqt-line-sep__trigger",
title: unref(t)("tagbar.separatorSettings"),
onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
}, [createVNode(unref(Settings), { size: 12 })], 8, _hoisted_1$34)) : createCommentVNode("", true), (openBlock(), createBlock(resolveDynamicComponent(__props.embedded ? "div" : AnchoredPopover_default), {
open: open.value,
"onUpdate:open": _cache[4] || (_cache[4] = ($event) => open.value = $event),
anchor: triggerEl.value
}, {
default: withCtx(() => [createBaseVNode("div", { class: normalizeClass(["eqt-line-sep__popup", { "eqt-line-sep__popup--embedded": __props.embedded }]) }, [
createBaseVNode("div", _hoisted_2$32, [createBaseVNode("span", _hoisted_3$32, toDisplayString(__props.line.kind === "buttons" ? unref(t)("tagbar.lineAlign") : unref(t)("tagbar.separatorTextAlign")), 1), createBaseVNode("div", _hoisted_4$29, [createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-line-sep__option", { "eqt-line-sep__option--active": usesDefaultTextAlign.value }]),
title: unref(t)("tagbar.lineAlignGlobal", { align: unref(t)(`tagbar.separatorTextAlign_${__props.defaultTextAlign ?? "left"}`) }),
onClick: clearTextAlign
}, toDisplayString(unref(t)("tagbar.lineAlignDefault")), 11, _hoisted_5$28), (openBlock(), createElementBlock(Fragment, null, renderList([
"left",
"center",
"right"
], (opt) => {
return createBaseVNode("button", {
key: opt,
type: "button",
class: normalizeClass(["eqt-line-sep__option", { "eqt-line-sep__option--active": !usesDefaultTextAlign.value && textAlignValue.value === opt }]),
onClick: ($event) => updateStyle({ textAlign: opt })
}, toDisplayString(unref(t)(`tagbar.separatorTextAlign_${opt}`)), 11, _hoisted_6$25);
}), 64))])]),
__props.line.kind === "separator" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
createBaseVNode("div", _hoisted_7$23, [createBaseVNode("span", _hoisted_8$23, toDisplayString(unref(t)("tagbar.separatorLinePosition")), 1), createBaseVNode("div", _hoisted_9$23, [(openBlock(), createElementBlock(Fragment, null, renderList([
"top",
"middle",
"bottom"
], (opt) => {
return createBaseVNode("button", {
key: opt,
type: "button",
class: normalizeClass(["eqt-line-sep__option", { "eqt-line-sep__option--active": linePositionValue.value === opt }]),
onClick: ($event) => updateStyle({ linePosition: opt })
}, toDisplayString(unref(t)(`tagbar.separatorLinePosition_${opt}`)), 11, _hoisted_10$22);
}), 64))])]),
createBaseVNode("div", _hoisted_11$22, [createBaseVNode("span", _hoisted_12$20, toDisplayString(unref(t)("tagbar.separatorStyle")), 1), createBaseVNode("div", _hoisted_13$17, [(openBlock(), createElementBlock(Fragment, null, renderList([
"solid",
"dashed",
"none"
], (opt) => {
return createBaseVNode("button", {
key: opt,
type: "button",
class: normalizeClass(["eqt-line-sep__option", { "eqt-line-sep__option--active": lineStyleValue.value === opt }]),
onClick: ($event) => updateStyle({ line: opt })
}, toDisplayString(unref(t)(`tagbar.separatorStyle_${opt}`)), 11, _hoisted_14$17);
}), 64))])]),
createBaseVNode("div", _hoisted_15$16, [createBaseVNode("div", _hoisted_16$16, [createBaseVNode("span", _hoisted_17$14, toDisplayString(unref(t)("tagbar.separatorTextSize")), 1), createBaseVNode("span", _hoisted_18$14, toDisplayString(textSizeValue.value) + "px", 1)]), createBaseVNode("input", {
class: "eqt-line-sep__slider",
type: "range",
min: "9",
max: "20",
step: "1",
value: textSizeValue.value,
onInput: _cache[1] || (_cache[1] = ($event) => updateStyle({ textSize: Number($event.target.value) }))
}, null, 40, _hoisted_19$13)]),
createBaseVNode("div", _hoisted_20$13, [createBaseVNode("div", _hoisted_21$12, [createBaseVNode("span", _hoisted_22$12, toDisplayString(unref(t)("tagbar.separatorLineThickness")), 1), createBaseVNode("span", _hoisted_23$11, toDisplayString(lineThicknessValue.value) + "px", 1)]), createBaseVNode("input", {
class: "eqt-line-sep__slider",
type: "range",
min: "1",
max: "6",
step: "1",
value: lineThicknessValue.value,
disabled: lineStyleValue.value === "none",
onInput: _cache[2] || (_cache[2] = ($event) => updateStyle({ lineThickness: Number($event.target.value) }))
}, null, 40, _hoisted_24$9)]),
createBaseVNode("div", _hoisted_25$7, [createBaseVNode("div", _hoisted_26$6, [createBaseVNode("span", _hoisted_27$6, toDisplayString(unref(t)("tagbar.separatorLineLength")), 1), createBaseVNode("span", _hoisted_28$6, toDisplayString(lineLengthValue.value) + "%", 1)]), createBaseVNode("input", {
class: "eqt-line-sep__slider",
type: "range",
min: "1",
max: "100",
step: "1",
value: lineLengthValue.value,
disabled: lineStyleValue.value === "none",
onInput: _cache[3] || (_cache[3] = ($event) => updateStyle({ lineLength: Number($event.target.value) === 100 ? void 0 : Number($event.target.value) }))
}, null, 40, _hoisted_29$5)])
], 64)) : createCommentVNode("", true),
createBaseVNode("div", _hoisted_30$4, [createBaseVNode("button", {
type: "button",
class: "eqt-line-sep__reset",
disabled: !canReset.value,
title: unref(t)("settings.resetTitle"),
onClick: resetLayout
}, toDisplayString(unref(t)("settings.reset")), 9, _hoisted_31$4)])
], 2)]),
_: 1
}, 40, ["open", "anchor"]))], 64);
};
}
});
var TagState = function(TagState) {
TagState[TagState["Off"] = 0] = "Off";
TagState[TagState["Include"] = 1] = "Include";
TagState[TagState["Or"] = 2] = "Or";
TagState[TagState["Exclude"] = 3] = "Exclude";
return TagState;
}({});
var QUALIFIER_SET = new Set([
"tag",
"weak",
"title",
"uploader",
"uploaduid",
"gid",
"comment",
"favnote"
]);
var NS_ALIASES = {
r: "reclass",
g: "group",
a: "artist",
cos: "cosplayer",
p: "parody",
c: "character",
f: "female",
m: "male",
x: "mixed",
l: "language",
o: "other",
loc: "location",
char: "character",
circle: "group",
lang: "language",
series: "parody"
};
var ALL_NS = new Set([
"female",
"male",
"other",
"mixed",
"location",
"parody",
"character",
"artist",
"cosplayer",
"group",
"language",
"reclass",
"temp"
]);
var NS_TO_SHORT = {};
for (const [short, full] of Object.entries(NS_ALIASES)) if (!NS_TO_SHORT[full] || short.length < NS_TO_SHORT[full].length) NS_TO_SHORT[full] = short;
function resolveColonPrefix(candidate) {
const lower = candidate.toLowerCase();
if (QUALIFIER_SET.has(lower)) return {
qualifier: lower,
namespace: null,
namespaceRaw: null
};
if (ALL_NS.has(lower)) return {
qualifier: null,
namespace: lower,
namespaceRaw: candidate
};
const resolved = NS_ALIASES[lower];
if (resolved) return {
qualifier: null,
namespace: resolved,
namespaceRaw: candidate
};
return {
qualifier: null,
namespace: null,
namespaceRaw: null
};
}
var _parseCache = new Map();
function parseTerm(raw) {
const cached = _parseCache.get(raw);
if (cached) return cached;
const token = {
prefix: null,
qualifier: null,
namespace: null,
namespaceRaw: null,
tag: "",
quoted: false,
suffix: null,
raw
};
let pos = 0;
const len = raw.length;
function peek() {
return pos < len ? raw[pos] : "";
}
function advance() {
return raw[pos++];
}
if (peek() === "-" || peek() === "~") token.prefix = advance();
let colonIdx = -1;
for (let i = pos; i < len; i++) {
if (raw[i] === "\"") break;
if (raw[i] === ":") {
colonIdx = i;
break;
}
}
if (colonIdx >= 0 && colonIdx > pos) {
const resolved = resolveColonPrefix(raw.slice(pos, colonIdx));
if (resolved.qualifier || resolved.namespace) {
token.qualifier = resolved.qualifier;
token.namespace = resolved.namespace;
token.namespaceRaw = resolved.namespaceRaw;
pos = colonIdx + 1;
}
}
if (peek() === "\"") {
advance();
let buf = "";
while (pos < len && peek() !== "\"") buf += advance();
if (peek() === "\"") advance();
token.tag = buf;
token.quoted = true;
} else {
let buf = "";
while (pos < len) buf += advance();
token.tag = buf;
token.quoted = false;
}
if (token.quoted && token.tag.length > 0) {
const lastChar = token.tag[token.tag.length - 1];
if (lastChar === "$" || lastChar === "*" || lastChar === "%") {
token.suffix = lastChar;
token.tag = token.tag.slice(0, -1);
}
}
if (pos < len) {
const suffixChar = raw.slice(pos)[0];
if (!token.suffix && (suffixChar === "$" || suffixChar === "*" || suffixChar === "%")) {
token.suffix = suffixChar;
pos++;
}
if (pos < len) token.parseError = `Unexpected characters after suffix: "${raw.slice(pos)}"`;
} else if (!token.quoted && token.tag.length > 0) {
const lastChar = token.tag[token.tag.length - 1];
if (lastChar === "$" || lastChar === "*" || lastChar === "%") {
token.suffix = lastChar;
token.tag = token.tag.slice(0, -1);
}
}
if (!token.tag && !token.qualifier && !token.namespace && !token.parseError) {
token.tag = raw;
token.parseError = "Empty tag";
}
_parseCache.set(raw, token);
return token;
}
function serializeTerm(token, opts) {
if (token.parseError && token.tag === token.raw) return token.raw;
let result = "";
if (token.prefix) result += token.prefix;
if (token.qualifier) result += token.qualifier + ":";
else if (token.namespace) {
let ns;
if (token.namespaceRaw) ns = token.namespaceRaw;
else ns = (opts?.nsFormat ?? "long") === "short" ? NS_TO_SHORT[token.namespace] ?? token.namespace : token.namespace;
result += ns + ":";
}
if (token.tag.includes(" ")) result += "\"" + token.tag + (token.suffix ?? "") + "\"";
else {
result += token.tag;
if (token.suffix) result += token.suffix;
}
return result;
}
function serializeEntry(entry, opts = {}) {
return serializeTerm({
raw: "",
prefix: null,
qualifier: null,
namespace: entry.ns,
namespaceRaw: null,
tag: entry.raw,
quoted: false,
suffix: opts.exactMatch ? "$" : null
}, { nsFormat: opts.nsFormat ?? "long" });
}
var TERM_RE = /[^"\s]*"[^"]*"[^\s]*|[^\s"]+/g;
function tokenize(text) {
return text.match(TERM_RE) ?? [];
}
var _nsCache = new Map();
function normalizeNs(tokenStr) {
let result = _nsCache.get(tokenStr);
if (result !== void 0) return result;
const parsed = parseTerm(tokenStr);
result = parsed.parseError ? tokenStr : serializeTerm({
...parsed,
namespaceRaw: null
}, { nsFormat: "long" });
_nsCache.set(tokenStr, result);
return result;
}
var _identityCache = new Map();
function tokenIdentity(tokenStr) {
if (_identityCache.has(tokenStr)) return _identityCache.get(tokenStr);
const parsed = parseTerm(tokenStr);
let result;
if (parsed.parseError) result = null;
else result = `${parsed.qualifier ?? ""}|${parsed.namespace ?? ""}|${parsed.tag.toLowerCase()}`;
_identityCache.set(tokenStr, result);
return result;
}
function getButtonShape(tags) {
if (!tags.length) return "empty";
if (tags.every((t) => !t.startsWith("-") && !t.startsWith("~"))) return tags.length === 1 ? "positive-single" : "positive-multi";
if (tags.every((t) => t.startsWith("-"))) return tags.length === 1 ? "negative-single" : "negative-multi";
if (tags.every((t) => t.startsWith("~"))) return "all-or";
return "mixed";
}
function applyState(part, state) {
const neg = part.startsWith("-");
const or = part.startsWith("~");
if (state === TagState.Include) return part;
if (state === TagState.Or) return neg || or ? part : `~${part}`;
if (state === TagState.Exclude) {
if (neg) return part.slice(1);
if (or) return `-${part.slice(1)}`;
return `-${part}`;
}
return part;
}
function isStateShapeAllowed(shape, state) {
if (state === TagState.Include) return true;
if (state === TagState.Or) return shape === "positive-single" || shape === "positive-multi";
if (state === TagState.Exclude) return shape === "positive-single" || shape === "negative-single" || shape === "negative-multi" || shape === "all-or";
return false;
}
function rawEmission(tags, shape, state) {
if (shape === "negative-multi" && state === TagState.Exclude) return tags.map((p) => `~${p.slice(1)}`);
return tags.map((p) => applyState(p, state));
}
function computeEmission(tags, shape, state) {
return rawEmission(tags, shape, state).map(normalizeNs);
}
function buildIdentityIndex(tokens) {
const map = new Map();
for (const t of tokens) {
const id = tokenIdentity(t);
if (!id) continue;
const norm = normalizeNs(t);
const existing = map.get(id);
if (existing === void 0) map.set(id, norm);
else if (existing !== norm) map.set(id, null);
}
return map;
}
function getState(tags, identityIndex) {
if (!tags.length) return TagState.Off;
const shape = getButtonShape(tags);
if (shape === "empty") return TagState.Off;
const candidates = [
TagState.Exclude,
TagState.Or,
TagState.Include
];
for (const state of candidates) {
if (!isStateShapeAllowed(shape, state)) continue;
if (computeEmission(tags, shape, state).every((e) => {
const id = tokenIdentity(e);
if (!id) return false;
return identityIndex.get(id) === e;
})) return state;
}
return TagState.Off;
}
function removeTag(text, tags) {
if (!tags.length) return text;
const identities = new Set();
for (const t of tags) {
const id = tokenIdentity(t);
if (id) identities.add(id);
}
if (!identities.size) return text;
return tokenize(text).filter((t) => {
const id = tokenIdentity(t);
return !id || !identities.has(id);
}).join(" ");
}
function addTag(text, tags, state) {
const tokens = tokenize(text);
const shape = getButtonShape(tags);
for (const t of rawEmission(tags, shape, state)) tokens.push(t);
return tokens.join(" ");
}
function setTagState(text, tags, state) {
if (!tags.length) return text;
if (state === TagState.Off) return removeTag(text, tags);
const emission = rawEmission(tags, getButtonShape(tags), state);
const emissionByIdentity = new Map();
for (const e of emission) {
const id = tokenIdentity(e);
if (id) emissionByIdentity.set(id, e);
}
const tokens = tokenize(text);
const placed = new Set();
const result = [];
for (const t of tokens) {
const id = tokenIdentity(t);
if (id && emissionByIdentity.has(id)) {
if (!placed.has(id)) {
result.push(emissionByIdentity.get(id));
placed.add(id);
}
} else result.push(t);
}
for (const [id, e] of emissionByIdentity) if (!placed.has(id)) result.push(e);
return result.join(" ");
}
var MODE_TO_STATE = {
or: TagState.Or,
exclude: TagState.Exclude
};
function getEffectiveModifiers(tags, disabledModes) {
const disabled = new Set((disabledModes ?? []).map((m) => MODE_TO_STATE[m]));
const shape = getButtonShape(tags);
const result = [];
if (isStateShapeAllowed(shape, TagState.Or) && !disabled.has(TagState.Or)) result.push(TagState.Or);
if (isStateShapeAllowed(shape, TagState.Exclude) && !disabled.has(TagState.Exclude)) result.push(TagState.Exclude);
return result;
}
function getNextRightClickState(tags, disabledModes, currentState) {
const modifiers = getEffectiveModifiers(tags, disabledModes);
if (!modifiers.length) return null;
if (currentState === TagState.Off || currentState === TagState.Include) return modifiers[0];
const idx = modifiers.indexOf(currentState);
if (idx === -1) return modifiers[0];
return idx === modifiers.length - 1 ? TagState.Off : modifiers[idx + 1];
}
function hideDragImage(dataTransfer) {
const img = new Image();
dataTransfer.setDragImage(img, 0, 0);
}
var baseDragOptions = {
animation: 150,
forceFallback: true,
setData: hideDragImage
};
var EQT_TAGS_GROUP = "eqt-tags";
var EQT_LINES_GROUP = "eqt-lines";
function syncFromSearchPure(text, current) {
const newPositiveById = new Map();
for (const tok of tokenize(text)) {
const id = tokenIdentity(tok);
if (!id || newPositiveById.has(id)) continue;
newPositiveById.set(id, serializeTerm({
...parseTerm(tok),
prefix: null
}));
}
const pendingNew = new Set(newPositiveById.keys());
const next = [];
for (const entry of current) {
const id = tokenIdentity(entry.positive);
if (!id) continue;
if (newPositiveById.has(id)) {
next.push({
positive: newPositiveById.get(id),
active: true
});
pendingNew.delete(id);
} else if (!entry.active) next.push(entry);
}
for (const id of pendingNew) next.push({
positive: newPositiveById.get(id),
active: true
});
return next;
}
function trimHistoryPure(history, sessionTerms) {
if (history.length <= 50) return [...history];
const offIds = new Set(sessionTerms.filter((c) => !c.active).map((c) => tokenIdentity(c.positive)).filter(Boolean));
if (offIds.size === 0) return history.slice(0, 50);
const result = [];
let unprotectedSlots = Math.max(0, 50 - offIds.size);
for (const p of history) {
const id = tokenIdentity(p);
if (id && offIds.has(id)) result.push(p);
else if (unprotectedSlots > 0) {
result.push(p);
unprotectedSlots--;
}
}
return result;
}
function pushManyToHistoryPure(entries, currentHistory, sessionTerms) {
if (!entries.some((e) => !!tokenIdentity(e.positive))) return {
history: currentHistory,
mutated: false
};
const newHistory = [...currentHistory];
for (const entry of entries) {
const id = tokenIdentity(entry.positive);
if (!id) continue;
const dupIdx = newHistory.findIndex((p) => tokenIdentity(p) === id);
if (dupIdx >= 0) newHistory.splice(dupIdx, 1);
newHistory.unshift(entry.positive);
}
return {
history: trimHistoryPure(newHistory, sessionTerms),
mutated: true
};
}
function markEntriesOffPure(sessionTerms, idsToOff) {
return sessionTerms.map((e) => {
const id = tokenIdentity(e.positive);
return id && idsToOff.has(id) ? {
...e,
active: false
} : e;
});
}
function clearHistoryPure(history, sessionTerms) {
const offIds = new Set(sessionTerms.filter((c) => !c.active).map((c) => tokenIdentity(c.positive)).filter(Boolean));
return history.filter((p) => {
const id = tokenIdentity(p);
return !!id && offIds.has(id);
});
}
function recordSubmitEligible(sessionTerms, restrictTo) {
return sessionTerms.filter((c) => {
if (!c.active) return false;
if (!restrictTo) return true;
const id = tokenIdentity(c.positive);
return !!id && restrictTo.has(id);
});
}
function tokenIdentitiesFromText(text) {
return new Set(tokenize(text).map(tokenIdentity).filter(Boolean));
}
function findEntriesByPositives(sessionTerms, positives) {
const targetIds = new Set(positives.map((p) => tokenIdentity(p)).filter(Boolean));
if (targetIds.size === 0) return [];
return sessionTerms.filter((e) => {
const id = tokenIdentity(e.positive);
return !!id && targetIds.has(id);
});
}
var sessionTerms = ref([]);
var history = ref([]);
var sessionIdentitySet = computed(() => {
const s = new Set();
for (const entry of sessionTerms.value) {
const id = tokenIdentity(entry.positive);
if (id) s.add(id);
}
return s;
});
var HISTORY_KEY = "eqt-search-history";
var PERSIST_DEBOUNCE_MS = 100;
var persistTimer = 0;
function schedulePersist() {
clearTimeout(persistTimer);
persistTimer = setTimeout(() => {
persistTimer = 0;
cacheSet(HISTORY_KEY, JSON.stringify(history.value));
}, PERSIST_DEBOUNCE_MS);
}
function flushPersist() {
if (!persistTimer) return Promise.resolve();
clearTimeout(persistTimer);
persistTimer = 0;
return cacheSet(HISTORY_KEY, JSON.stringify(history.value));
}
async function loadSessionHistory() {
const raw = await cacheGet(HISTORY_KEY);
if (raw) try {
const parsed = JSON.parse(raw);
if (Array.isArray(parsed)) history.value = parsed.filter((x) => typeof x === "string");
} catch {}
}
var UNBOUND_GETTER = () => {
throw new Error("searchSession: bindSearchBar must be called before reading modelValue");
};
var UNBOUND_EMITTER = () => {
throw new Error("searchSession: bindSearchBar must be called before emitUpdate");
};
var getModelValue = UNBOUND_GETTER;
var emitUpdate = UNBOUND_EMITTER;
function bindSearchBar(opts) {
if (!getCurrentScope()) throw new Error("searchSession: bindSearchBar must be called inside an active effect scope (component setup or effectScope().run())");
getModelValue = opts.modelValue;
emitUpdate = opts.emitUpdate;
const initialSubmittedIds = tokenIdentitiesFromText(opts.modelValue());
syncFromSearch(opts.modelValue());
recordSubmit(initialSubmittedIds);
watch(opts.modelValue, syncFromSearch);
onScopeDispose(() => {
if (persistTimer) {
clearTimeout(persistTimer);
cacheSet(HISTORY_KEY, JSON.stringify(history.value));
}
getModelValue = UNBOUND_GETTER;
emitUpdate = UNBOUND_EMITTER;
});
}
function syncFromSearch(text) {
sessionTerms.value = syncFromSearchPure(text, sessionTerms.value);
}
function pushManyToHistory(entries) {
if (!enableHistory.value) return;
const { history: newHistory, mutated } = pushManyToHistoryPure(entries, history.value, sessionTerms.value);
if (!mutated) return;
history.value = newHistory;
schedulePersist();
}
function markEntriesOff(entries) {
const idsToOff = new Set(entries.map((e) => tokenIdentity(e.positive)).filter(Boolean));
sessionTerms.value = markEntriesOffPure(sessionTerms.value, idsToOff);
pushManyToHistory(entries);
}
function recordSubmit(restrictTo) {
pushManyToHistory(recordSubmitEligible(sessionTerms.value, restrictTo));
}
function dismissTerms(positives) {
const entries = findEntriesByPositives(sessionTerms.value, positives);
if (!entries.length) return;
markEntriesOff(entries);
emitUpdate(removeTag(getModelValue(), positives));
}
function clearSearch() {
markEntriesOff(sessionTerms.value.filter((c) => c.active));
emitUpdate("");
}
function clearHistory() {
history.value = clearHistoryPure(history.value, sessionTerms.value);
schedulePersist();
}
async function recordSubmitAndFlush() {
recordSubmit();
await flushPersist();
}
function onRestoreHistory(positive) {
emitUpdate(setTagState(getModelValue(), [positive], TagState.Include));
}
function onHistoryChange(evt) {
if (!evt.removed) return;
const positive = evt.removed.element.positive;
const id = tokenIdentity(positive);
if (!id) return;
const idx = history.value.findIndex((p) => tokenIdentity(p) === id);
if (idx >= 0) {
history.value.splice(idx, 1);
schedulePersist();
}
}
var SNAP_LANDING_TOLERANCE = .51;
function edgeSensitivity(align, edge) {
if (align === "center") return edge === "right" ? .5 : -.5;
if (align === "left") return edge === "right" ? 1 : 0;
return edge === "left" ? -1 : 0;
}
function edgePosition(align, edge, width, rectLeft, rectRight) {
if (align === "left") return edge === "left" ? rectLeft : rectLeft + width;
if (align === "right") return edge === "right" ? rectRight : rectRight - width;
const center = (rectLeft + rectRight) / 2;
return edge === "right" ? center + width / 2 : center - width / 2;
}
function findSnapNudge(input, widthF, scale) {
let best = null;
const collect = (edge, targets) => {
const motion = edgeSensitivity(input.align, edge) * scale;
if (motion === 0) return;
const predicted = edgePosition(input.align, edge, widthF, input.rectLeft, input.rectRight);
for (let i = 0; i < targets.length; i++) {
const target = targets[i];
const distance = Math.abs(target - predicted);
if (distance > 8) continue;
if (best && distance >= best.distance) continue;
best = {
distance,
deltaX: (target - predicted) / motion,
edge,
target,
index: i
};
}
};
collect("left", input.targetsL);
collect("right", input.targetsR);
return best;
}
function computeSpacerResize(input) {
const dir = input.side === "left" ? -1 : 1;
const scale = (input.align === "center" ? 2 : 1) * dir;
const clampWidth = (w) => Math.min(input.maxWidth, Math.max(8, w));
const widthF = clampWidth(input.widthF + input.deltaX * scale);
const unsnapped = {
widthF,
width: Math.round(widthF),
guideX: null,
guideIndex: null
};
const nudge = findSnapNudge(input, widthF, scale);
if (!nudge) return unsnapped;
const width = Math.round(clampWidth(widthF + nudge.deltaX * scale));
const landed = edgePosition(input.align, nudge.edge, width, input.rectLeft, input.rectRight);
if (Math.abs(landed - nudge.target) > SNAP_LANDING_TOLERANCE) return unsnapped;
return {
widthF,
width,
guideX: nudge.target,
guideIndex: nudge.index
};
}
function useSpacerResize(getRows) {
const spacerGuide = ref(null);
const resizingSpacer = ref(null);
const resizingWidth = ref(null);
function spacerRenderWidth(b) {
if (resizingSpacer.value === b && resizingWidth.value !== null) return resizingWidth.value;
return b.width ?? 40;
}
function spacerHasGrip(b, align, side) {
return b.mode === "fixed" && edgeSensitivity(align, side) !== 0;
}
let spacerResizeCtx = null;
function onSpacerGripDown(e, li, b, align, side) {
e.preventDefault();
e.stopPropagation();
if (spacerResizeCtx) {
if (spacerResizeCtx.spacerEl.isConnected) return;
finishSpacerResize();
}
const grip = e.currentTarget;
grip.setPointerCapture(e.pointerId);
const rowsEl = getRows();
const spacerEl = grip.parentElement;
if (!rowsEl || !spacerEl) return;
const targetsL = [];
const targetsR = [];
const targetEls = [];
rowsEl.querySelectorAll(".eqt-tag-bar__line-wrap").forEach((wrap, wi) => {
if (wi === li) return;
wrap.querySelectorAll(".eqt-tag-bar__btn, .eqt-tag-bar__spacer").forEach((item) => {
const r = item.getBoundingClientRect();
targetsL.push(r.left);
targetsR.push(r.right);
targetEls.push(item);
});
});
const startWidth = spacerEl.getBoundingClientRect().width;
spacerResizeCtx = {
btn: b,
pointerId: e.pointerId,
lastX: e.clientX,
widthF: startWidth,
align,
side,
spacerEl,
rowsEl,
targetsL,
targetsR,
targetEls
};
resizingSpacer.value = b;
resizingWidth.value = Math.round(startWidth);
}
function buildSpacerGuide(ctx, guideX, guideIndex, spacerRect) {
const targetRect = ctx.targetEls[guideIndex]?.getBoundingClientRect();
if (!targetRect) return null;
const rows = ctx.rowsEl.getBoundingClientRect();
const top = Math.min(targetRect.top, spacerRect.top);
const bottom = Math.max(targetRect.bottom, spacerRect.bottom);
return {
x: guideX - rows.left,
top: top - rows.top,
height: bottom - top
};
}
function onSpacerGripMove(e) {
const ctx = spacerResizeCtx;
if (!ctx || e.pointerId !== ctx.pointerId) return;
const rect = ctx.spacerEl.getBoundingClientRect();
const result = computeSpacerResize({
align: ctx.align,
side: ctx.side,
widthF: ctx.widthF,
deltaX: e.clientX - ctx.lastX,
rectLeft: rect.left,
rectRight: rect.right,
targetsL: ctx.targetsL,
targetsR: ctx.targetsR,
maxWidth: ctx.spacerEl.parentElement?.getBoundingClientRect().width ?? Infinity
});
ctx.lastX = e.clientX;
ctx.widthF = result.widthF;
resizingWidth.value = result.width;
spacerGuide.value = result.guideX !== null && result.guideIndex !== null ? buildSpacerGuide(ctx, result.guideX, result.guideIndex, rect) : null;
}
function finishSpacerResize() {
const ctx = spacerResizeCtx;
if (!ctx) return;
if (resizingWidth.value !== null) ctx.btn.width = resizingWidth.value;
spacerResizeCtx = null;
resizingSpacer.value = null;
resizingWidth.value = null;
spacerGuide.value = null;
}
function onSpacerGripUp(e) {
if (spacerResizeCtx && e.pointerId !== spacerResizeCtx.pointerId) return;
finishSpacerResize();
}
return {
spacerGuide,
resizingSpacer,
spacerRenderWidth,
spacerHasGrip,
onSpacerGripDown,
onSpacerGripMove,
onSpacerGripUp,
finishSpacerResize
};
}
var _hoisted_1$33 = ["title"];
var _hoisted_2$31 = {
key: 1,
class: "eqt-tag-bar__separator-label"
};
var _hoisted_3$31 = [
"tabindex",
"role",
"aria-label",
"onContextmenu"
];
var _hoisted_4$28 = {
key: 0,
class: "eqt-tag-bar__spacer-body"
};
var _hoisted_5$27 = ["title", "onPointerdown"];
var _hoisted_6$24 = ["title", "onPointerdown"];
var _hoisted_7$22 = ["href"];
var _hoisted_8$22 = ["onClick", "onContextmenu"];
var _hoisted_9$22 = ["onClick", "onContextmenu"];
var _hoisted_10$21 = [
"title",
"aria-expanded",
"onClick"
];
var _hoisted_11$21 = { class: "eqt-context-menu__label" };
var _hoisted_12$19 = ["onClick"];
var _hoisted_13$16 = { class: "eqt-context-menu__label" };
var _hoisted_14$16 = { class: "eqt-context-menu__label" };
var _hoisted_15$15 = { class: "eqt-context-menu__label" };
var _hoisted_16$15 = ["onClick"];
var _hoisted_17$13 = { class: "eqt-context-menu__label" };
var _hoisted_18$13 = ["onClick"];
var _hoisted_19$12 = { class: "eqt-context-menu__label" };
var _hoisted_20$12 = { class: "eqt-context-menu__label" };
var _hoisted_21$11 = { class: "eqt-context-menu__label" };
var _hoisted_22$11 = { class: "eqt-context-menu__label" };
var _hoisted_23$10 = { class: "eqt-context-menu__label" };
var _hoisted_24$8 = ["onClick"];
var _hoisted_25$6 = { class: "eqt-context-menu__label" };
var TagBarLines_default = defineComponent({
__name: "TagBarLines",
props: mergeModels({
editing: { type: Boolean },
onCreationPage: { type: Boolean },
dragging: { type: Boolean }
}, {
"modelValue": { required: true },
"modelModifiers": {}
}),
emits: mergeModels([
"configure",
"drag-start",
"drag-end",
"controls-width",
"focus-edit-toggle"
], ["update:modelValue"]),
setup(__props, { expose: __expose, emit: __emit }) {
const STATE_CLASS = {
[TagState.Include]: "eqt-tag-bar__btn--include",
[TagState.Or]: "eqt-tag-bar__btn--or",
[TagState.Exclude]: "eqt-tag-bar__btn--exclude",
[TagState.Off]: "eqt-tag-bar__btn--off"
};
const props = __props;
const emit = __emit;
const searchText = useModel(__props, "modelValue");
const lineRows = ref(null);
function getLineRowsEl() {
return lineRows.value?.$el ?? null;
}
const controlsEl = ref(null);
useResizeObserver(controlsEl, ([entry]) => {
emit("controls-width", entry.contentRect.width);
});
function captureControlsEl(el, li) {
if (li === 0) controlsEl.value = el ?? null;
}
function onLineChange(evt) {
if (evt.added) lines.splice(evt.added.newIndex, 0, evt.added.element);
if (evt.moved) {
const [line] = lines.splice(evt.moved.oldIndex, 1);
lines.splice(evt.moved.newIndex, 0, line);
}
}
function onTagChange(lineIdx, evt) {
const line = lines[lineIdx];
if (line.kind !== "buttons") return;
if (evt.added) line.buttons.splice(evt.added.newIndex, 0, evt.added.element);
if (evt.removed) line.buttons.splice(evt.removed.oldIndex, 1);
if (evt.moved) {
const [item] = line.buttons.splice(evt.moved.oldIndex, 1);
line.buttons.splice(evt.moved.newIndex, 0, item);
}
}
function closeActionMenus() {
lineMenuOpen.value = false;
tagMenuOpen.value = false;
}
function onTagStart() {
emit("drag-start");
}
function onTagEnd() {
emit("drag-end");
}
const { spacerGuide, resizingSpacer, spacerRenderWidth, spacerHasGrip, onSpacerGripDown, onSpacerGripMove, onSpacerGripUp, finishSpacerResize } = useSpacerResize(getLineRowsEl);
function lineAlignOf(line) {
return line.style?.textAlign ?? buttonLineTextAlign.value;
}
function resolveUrl(raw) {
return resolveButtonUrl(raw, followCurrentSite.value, location.origin);
}
function onSpacerContextMenu(e, li, ti) {
if (!props.editing) return;
e.preventDefault();
e.stopPropagation();
openTagMenu(e, li, ti);
}
function isLineEmpty(line) {
if (line.kind === "buttons") return line.buttons.length === 0 && (!line.style || Object.keys(line.style).length === 0);
return !line.label && (!line.style || Object.keys(line.style).length === 0);
}
async function onDeleteLine(li) {
if (!isLineEmpty(lines[li]) && !await askConfirm(t("tagbar.deleteLineConfirm"), t("confirm.delete"))) return;
lines.splice(li, 1);
}
const lineMenuOpen = ref(false);
const lineMenuIdx = ref(-1);
const lineMenuView = ref("menu");
const lineMenuTrigger = ref(null);
const lineMenuBack = ref(null);
const lineMenuDrillTrigger = ref(null);
function toggleLineMenu(e, li) {
tagMenuTrigger.value = null;
tagMenuOpen.value = false;
const trigger = e.currentTarget;
if (lineMenuOpen.value && lineMenuIdx.value === li) {
lineMenuOpen.value = false;
return;
}
lineMenuIdx.value = li;
lineMenuView.value = "menu";
lineMenuTrigger.value = trigger;
lineMenuDrillTrigger.value = null;
lineMenuOpen.value = true;
}
function openLineMenuView(view, e) {
lineMenuDrillTrigger.value = e.currentTarget;
lineMenuView.value = view;
nextTick(() => lineMenuBack.value?.focus({ preventScroll: true }));
}
function returnToLineMenu() {
lineMenuView.value = "menu";
nextTick(() => lineMenuDrillTrigger.value?.focus({ preventScroll: true }));
}
function focusLineMenuTriggerOrFallback(trigger) {
if (!trigger) return;
if (trigger.isConnected) {
trigger.focus();
return;
}
const actions = getLineRowsEl()?.querySelectorAll(".eqt-tag-bar__line-actions") ?? [];
const fallback = actions[Math.min(lineMenuIdx.value, actions.length - 1)];
if (fallback) fallback.focus();
else emit("focus-edit-toggle");
}
watch(lineMenuOpen, (open) => {
if (open) return;
const trigger = lineMenuTrigger.value;
lineMenuView.value = "menu";
nextTick(() => focusLineMenuTriggerOrFallback(trigger));
});
function moveLine(li, profileIdx) {
moveLineToProfile(li, profileIdx);
lineMenuOpen.value = false;
}
function duplicateLine(li) {
const line = lines[li];
if (!line) return;
lines.splice(li + 1, 0, JSON.parse(JSON.stringify(line)));
lineMenuOpen.value = false;
}
function deleteLineFromMenu(li) {
onDeleteLine(li);
lineMenuOpen.value = false;
}
const tagMenuOpen = ref(false);
const tagMenuLineIdx = ref(-1);
const tagMenuButtonIdx = ref(-1);
const tagMenuPointerOffset = ref(null);
const tagMenuView = ref("menu");
const tagMenuTrigger = ref(null);
const tagMenuRestoreFocus = ref(false);
const tagMenuBack = ref(null);
const tagMenuDrillTrigger = ref(null);
const tagMenuButton = computed(() => {
const line = lines[tagMenuLineIdx.value];
if (!line || line.kind !== "buttons") return null;
return line.buttons[tagMenuButtonIdx.value] ?? null;
});
async function openTagMenu(e, li, ti) {
const line = lines[li];
if (!props.editing || !line || line.kind !== "buttons" || !line.buttons[ti]) return;
const trigger = e.currentTarget;
const openedFromKeyboard = e.clientX === 0 && e.clientY === 0;
if (tagMenuOpen.value && tagMenuLineIdx.value === li && tagMenuButtonIdx.value === ti) {
tagMenuOpen.value = false;
return;
}
if (tagMenuOpen.value) {
tagMenuTrigger.value = null;
tagMenuOpen.value = false;
await nextTick();
}
lineMenuTrigger.value = null;
lineMenuOpen.value = false;
const rect = trigger.getBoundingClientRect();
tagMenuLineIdx.value = li;
tagMenuButtonIdx.value = ti;
tagMenuPointerOffset.value = openedFromKeyboard ? null : {
x: e.clientX - rect.left,
y: e.clientY - rect.top
};
tagMenuView.value = "menu";
tagMenuTrigger.value = trigger;
tagMenuRestoreFocus.value = openedFromKeyboard;
tagMenuDrillTrigger.value = null;
if (!openedFromKeyboard) trigger.blur();
tagMenuOpen.value = true;
}
function openTagMenuView(view, e) {
tagMenuDrillTrigger.value = e.currentTarget;
tagMenuView.value = view;
nextTick(() => tagMenuBack.value?.focus({ preventScroll: true }));
}
function returnToTagMenu() {
tagMenuView.value = "menu";
nextTick(() => tagMenuDrillTrigger.value?.focus({ preventScroll: true }));
}
function duplicateTag(li, ti) {
const line = lines[li];
if (!line || line.kind !== "buttons") return;
const button = line.buttons[ti];
if (!button) return;
line.buttons.splice(ti + 1, 0, JSON.parse(JSON.stringify(button)));
tagMenuOpen.value = false;
}
function deleteTag(li, ti) {
const line = lines[li];
if (!line || line.kind !== "buttons" || !line.buttons[ti]) return;
line.buttons.splice(ti, 1);
tagMenuOpen.value = false;
}
function moveTag(li, ti, profileIdx) {
moveButtonToProfile(li, ti, profileIdx);
tagMenuOpen.value = false;
}
function updateTagColor(value) {
const button = tagMenuButton.value;
if (button && button.kind !== "spacer") button.color = value;
}
watch(() => props.editing, (enabled) => {
if (enabled) return;
lineMenuOpen.value = false;
tagMenuOpen.value = false;
finishSpacerResize();
});
function focusTagMenuTriggerOrFallback(trigger) {
if (!trigger) return;
if (trigger.isConnected) {
trigger.focus();
return;
}
const wrap = getLineRowsEl()?.querySelectorAll(".eqt-tag-bar__line-wrap")[tagMenuLineIdx.value];
const buttons = wrap?.querySelectorAll(".eqt-tag-bar__btn, .eqt-tag-bar__spacer") ?? [];
const fallback = buttons[Math.min(tagMenuButtonIdx.value, buttons.length - 1)] ?? wrap?.querySelector(".eqt-tag-bar__line-actions");
if (fallback) fallback.focus();
else emit("focus-edit-toggle");
}
watch(tagMenuOpen, (open) => {
if (open) return;
const trigger = tagMenuTrigger.value;
const restoreFocus = tagMenuRestoreFocus.value;
tagMenuRestoreFocus.value = false;
tagMenuView.value = "menu";
if (restoreFocus) nextTick(() => focusTagMenuTriggerOrFallback(trigger));
});
function onConfigure(li, ti) {
if (props.dragging) return;
emit("configure", li, ti);
}
const buttonIds = new WeakMap();
let buttonIdCounter = 0;
function buttonKey(b) {
let id = buttonIds.get(b);
if (id === void 0) {
id = ++buttonIdCounter;
buttonIds.set(b, id);
}
return id;
}
function onUpdateLine(li, newLine) {
lines[li] = newLine;
}
const lineDragOptions = {
...baseDragOptions,
group: EQT_LINES_GROUP,
ghostClass: "eqt-tag-bar__line-wrap--ghost"
};
const tagDragOptions = {
...baseDragOptions,
group: EQT_TAGS_GROUP,
ghostClass: "eqt-tag-bar__btn--ghost",
chosenClass: "eqt-tag-bar__btn--chosen",
dragClass: "eqt-tag-bar__btn--drag"
};
const identityIndex = computed(() => buildIdentityIndex(tokenize(searchText.value)));
function getState$1(b) {
return getState(b.tags, identityIndex.value);
}
function dispatchTransition(tags, next) {
if (next === TagState.Off) dismissTerms(tags);
else searchText.value = setTagState(searchText.value, tags, next);
}
function onLeftClick(b) {
const next = getState$1(b) === TagState.Include ? TagState.Off : TagState.Include;
dispatchTransition(b.tags, next);
}
function onRightClick(event, b) {
event.preventDefault();
const state = getState$1(b);
const next = getNextRightClickState(b.tags, b.disabledModes, state);
if (next === null) return;
dispatchTransition(b.tags, next);
}
__expose({ closeActionMenus });
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [__props.onCreationPage ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(lines).length, (n) => {
return openBlock(), createElementBlock("div", {
key: n,
class: "eqt-tag-bar__line-wrap eqt-tag-bar__line-wrap--placeholder"
}, [..._cache[17] || (_cache[17] = [createBaseVNode("div", { class: "eqt-tag-bar__line" }, null, -1)])]);
}), 128)) : (openBlock(), createBlock(unref(draggableComponent), mergeProps({
key: 1,
ref_key: "lineRows",
ref: lineRows
}, lineDragOptions, {
"model-value": unref(lines),
"item-key": (_, i) => i,
handle: ".eqt-tag-bar__handle",
disabled: !__props.editing,
class: "eqt-tag-bar__line-rows",
onChange: onLineChange,
onStart: closeActionMenus
}), {
item: withCtx(({ element: line, index: li }) => [createBaseVNode("div", { class: normalizeClass(["eqt-tag-bar__line-wrap", { "eqt-tag-bar__line-wrap--actions-active": lineMenuOpen.value && lineMenuIdx.value === li }]) }, [
createBaseVNode("div", {
ref: (el) => captureControlsEl(el, li),
class: "eqt-tag-bar__line-controls"
}, [createBaseVNode("div", {
class: normalizeClass(["eqt-tag-bar__handle", { "eqt-tag-bar__handle--hidden": !__props.editing }]),
title: unref(t)("tagbar.handleTitle")
}, [createVNode(unref(GripVertical), { size: 14 })], 10, _hoisted_1$33)], 512),
line.kind === "separator" ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(["eqt-tag-bar__line eqt-tag-bar__line--separator", [
`eqt-tag-bar__line--separator-${line.style?.line ?? "solid"}`,
`eqt-tag-bar__line--separator-pos-${line.style?.linePosition ?? "middle"}`,
`eqt-tag-bar__line--separator-align-${line.style?.textAlign ?? unref(separatorLineTextAlign)}`
]]),
style: normalizeStyle({
...line.color ? { "--line-color": line.color } : {},
...line.style?.lineThickness ? { "--separator-line-thickness": `${line.style.lineThickness}px` } : {},
...line.style?.lineLength !== void 0 ? { "--separator-line-length": `${line.style.lineLength}%` } : {},
...line.style?.textSize ? { fontSize: `${line.style.textSize}px` } : {}
})
}, [__props.editing ? (openBlock(), createBlock(unref(_sfc_main), {
key: 0,
tag: "span",
"model-value": line.label ?? "",
"onUpdate:modelValue": (v) => line.label = v && v !== "\n" ? v : void 0,
contenteditable: "plaintext-only",
class: "eqt-tag-bar__separator-label eqt-tag-bar__separator-label--editing",
"data-placeholder": unref(t)("tagbar.separatorLabelPlaceholder"),
spellcheck: "false",
"no-nl": ""
}, null, 8, [
"model-value",
"onUpdate:modelValue",
"data-placeholder"
])) : line.label ? (openBlock(), createElementBlock("span", _hoisted_2$31, toDisplayString(line.label), 1)) : createCommentVNode("", true)], 6)) : (openBlock(), createBlock(unref(draggableComponent), mergeProps({ key: 1 }, tagDragOptions, {
"model-value": line.buttons,
"item-key": buttonKey,
disabled: !__props.editing,
tag: "div",
class: ["eqt-tag-bar__line", `eqt-tag-bar__line--buttons-align-${line.style?.textAlign ?? unref(buttonLineTextAlign)}`],
style: line.color ? { "--line-color": line.color } : void 0,
onChange: ($event) => onTagChange(li, $event),
onStart: onTagStart,
onEnd: onTagEnd
}), {
item: withCtx(({ element: b, index: ti }) => [b.kind === "spacer" ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(["eqt-tag-bar__spacer", [`eqt-tag-bar__spacer--${b.mode}`, {
"eqt-tag-bar__spacer--editing": __props.editing,
"eqt-tag-bar__spacer--grip-left": __props.editing && unref(spacerHasGrip)(b, lineAlignOf(line), "left"),
"eqt-tag-bar__spacer--grip-right": __props.editing && unref(spacerHasGrip)(b, lineAlignOf(line), "right")
}]]),
style: normalizeStyle(b.mode === "fixed" ? { width: `${unref(spacerRenderWidth)(b)}px` } : void 0),
tabindex: __props.editing ? 0 : void 0,
role: __props.editing ? "button" : void 0,
"aria-label": __props.editing ? unref(t)(b.mode === "flex" ? "tagbar.spacerModeFlex" : "tagbar.spacerModeFixed") : void 0,
onContextmenu: ($event) => onSpacerContextMenu($event, li, ti)
}, [
__props.editing ? (openBlock(), createElementBlock("span", _hoisted_4$28, toDisplayString(b.mode === "flex" ? `⇤ ${unref(t)("tagbar.spacerFlexLabel")} ⇥` : unref(resizingSpacer) === b ? `${unref(spacerRenderWidth)(b)}px` : "↔"), 1)) : createCommentVNode("", true),
__props.editing && unref(spacerHasGrip)(b, lineAlignOf(line), "left") ? (openBlock(), createElementBlock("span", {
key: 1,
class: "eqt-tag-bar__spacer-grip eqt-tag-bar__spacer-grip--left",
title: unref(t)("tagbar.spacerResizeTitle"),
onPointerdown: ($event) => unref(onSpacerGripDown)($event, li, b, lineAlignOf(line), "left"),
onPointermove: _cache[0] || (_cache[0] = (...args) => unref(onSpacerGripMove) && unref(onSpacerGripMove)(...args)),
onPointerup: _cache[1] || (_cache[1] = (...args) => unref(onSpacerGripUp) && unref(onSpacerGripUp)(...args)),
onPointercancel: _cache[2] || (_cache[2] = (...args) => unref(onSpacerGripUp) && unref(onSpacerGripUp)(...args)),
onLostpointercapture: _cache[3] || (_cache[3] = (...args) => unref(onSpacerGripUp) && unref(onSpacerGripUp)(...args))
}, null, 40, _hoisted_5$27)) : createCommentVNode("", true),
__props.editing && unref(spacerHasGrip)(b, lineAlignOf(line), "right") ? (openBlock(), createElementBlock("span", {
key: 2,
class: "eqt-tag-bar__spacer-grip",
title: unref(t)("tagbar.spacerResizeTitle"),
onPointerdown: ($event) => unref(onSpacerGripDown)($event, li, b, lineAlignOf(line), "right"),
onPointermove: _cache[4] || (_cache[4] = (...args) => unref(onSpacerGripMove) && unref(onSpacerGripMove)(...args)),
onPointerup: _cache[5] || (_cache[5] = (...args) => unref(onSpacerGripUp) && unref(onSpacerGripUp)(...args)),
onPointercancel: _cache[6] || (_cache[6] = (...args) => unref(onSpacerGripUp) && unref(onSpacerGripUp)(...args)),
onLostpointercapture: _cache[7] || (_cache[7] = (...args) => unref(onSpacerGripUp) && unref(onSpacerGripUp)(...args))
}, null, 40, _hoisted_6$24)) : createCommentVNode("", true)
], 46, _hoisted_3$31)) : b.kind === "url" && !__props.editing ? (openBlock(), createElementBlock("a", {
key: 1,
href: resolveUrl(b.url),
class: "eqt-tag-bar__btn eqt-tag-bar__btn--url",
style: normalizeStyle(b.color ? { "--line-color": b.color } : void 0)
}, [createVNode(unref(ExternalLink), { size: 12 }), createTextVNode(" " + toDisplayString(b.label || b.url), 1)], 12, _hoisted_7$22)) : b.kind === "url" ? (openBlock(), createElementBlock("button", {
key: 2,
class: "eqt-tag-bar__btn eqt-tag-bar__btn--editing",
type: "button",
style: normalizeStyle(b.color ? { "--line-color": b.color } : void 0),
onClick: ($event) => onConfigure(li, ti),
onContextmenu: withModifiers(($event) => openTagMenu($event, li, ti), ["prevent", "stop"])
}, [createVNode(unref(ExternalLink), { size: 12 }), createTextVNode(" " + toDisplayString(b.label || b.url), 1)], 44, _hoisted_8$22)) : (openBlock(), createElementBlock("button", {
key: 3,
class: normalizeClass(["eqt-tag-bar__btn", __props.editing ? "eqt-tag-bar__btn--editing" : STATE_CLASS[getState$1(b)]]),
type: "button",
style: normalizeStyle(b.color ? { "--line-color": b.color } : void 0),
onClick: ($event) => __props.editing ? onConfigure(li, ti) : onLeftClick(b),
onContextmenu: withModifiers(($event) => __props.editing ? openTagMenu($event, li, ti) : onRightClick($event, b), ["prevent", "stop"])
}, toDisplayString(b.label || b.tags.join(", ")), 47, _hoisted_9$22))]),
_: 2
}, 1040, [
"model-value",
"disabled",
"class",
"style",
"onChange"
])),
__props.editing ? (openBlock(), createElementBlock("button", {
key: 2,
class: "eqt-tag-bar__line-actions",
type: "button",
title: unref(t)("tagbar.lineActions"),
"aria-haspopup": "dialog",
"aria-expanded": lineMenuOpen.value && lineMenuIdx.value === li,
onClick: ($event) => toggleLineMenu($event, li)
}, [createVNode(unref(Ellipsis), { size: 14 })], 8, _hoisted_10$21)) : createCommentVNode("", true),
lineMenuIdx.value === li ? (openBlock(), createBlock(ContextMenu_default, {
key: 3,
open: lineMenuOpen.value,
"onUpdate:open": _cache[11] || (_cache[11] = ($event) => lineMenuOpen.value = $event),
"anchor-el": lineMenuTrigger.value,
ignore: [lineMenuTrigger.value],
"auto-focus": "",
"aria-role": "dialog",
"aria-label": unref(t)("tagbar.lineActions"),
placement: "right-start"
}, {
default: withCtx(() => [lineMenuView.value === "menu" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
unref(profiles).length > 1 ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
class: "eqt-context-menu__item",
onClick: _cache[8] || (_cache[8] = ($event) => openLineMenuView("move", $event))
}, [createVNode(unref(SquareDashedMousePointer), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_11$21, toDisplayString(unref(t)("tagbar.moveLine")), 1)])) : createCommentVNode("", true),
createBaseVNode("button", {
type: "button",
class: "eqt-context-menu__item",
onClick: ($event) => duplicateLine(li)
}, [createVNode(unref(CopyPlus), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_13$16, toDisplayString(unref(t)("tagbar.duplicateLine")), 1)], 8, _hoisted_12$19),
createBaseVNode("button", {
type: "button",
class: "eqt-context-menu__item",
onClick: _cache[9] || (_cache[9] = ($event) => openLineMenuView("layout", $event))
}, [createVNode(unref(Settings), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_14$16, toDisplayString(unref(t)("tagbar.layout")), 1)]),
createBaseVNode("button", {
type: "button",
class: "eqt-context-menu__item",
onClick: _cache[10] || (_cache[10] = ($event) => openLineMenuView("color", $event))
}, [createVNode(unref(Palette), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_15$15, toDisplayString(unref(t)("tagbar.lineColor")), 1)]),
_cache[18] || (_cache[18] = createBaseVNode("div", { class: "eqt-context-menu__separator" }, null, -1)),
createBaseVNode("button", {
type: "button",
class: "eqt-context-menu__item eqt-context-menu__item--danger",
onClick: ($event) => deleteLineFromMenu(li)
}, [createVNode(unref(Trash), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_17$13, toDisplayString(unref(t)("tagbar.deleteLine")), 1)], 8, _hoisted_16$15)
], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
createBaseVNode("button", {
ref_key: "lineMenuBack",
ref: lineMenuBack,
type: "button",
class: "eqt-tag-bar__line-menu-back",
onClick: returnToLineMenu
}, [createVNode(unref(ArrowLeft), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("common.back")), 1)], 512),
_cache[19] || (_cache[19] = createBaseVNode("div", { class: "eqt-context-menu__separator" }, null, -1)),
lineMenuView.value === "move" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(profiles), (profile, pi) => {
return withDirectives((openBlock(), createElementBlock("button", {
key: pi,
type: "button",
class: "eqt-context-menu__item",
onClick: ($event) => moveLine(li, pi)
}, [createBaseVNode("span", _hoisted_19$12, toDisplayString(profile.name), 1)], 8, _hoisted_18$13)), [[vShow, pi !== unref(activeProfileIdx)]]);
}), 128)) : lineMenuView.value === "layout" ? (openBlock(), createBlock(SeparatorSettingsPopup_default, {
key: 1,
embedded: "",
line,
"default-text-align": line.kind === "buttons" ? unref(buttonLineTextAlign) : unref(separatorLineTextAlign),
"onUpdate:line": ($event) => onUpdateLine(li, $event)
}, null, 8, [
"line",
"default-text-align",
"onUpdate:line"
])) : lineMenuView.value === "color" ? (openBlock(), createBlock(LineColorSwatch_default, {
key: 2,
embedded: "",
"model-value": line.color,
"onUpdate:modelValue": ($event) => line.color = $event
}, null, 8, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("", true)
], 64))]),
_: 2
}, 1032, [
"open",
"anchor-el",
"ignore",
"aria-label"
])) : createCommentVNode("", true)
], 2)]),
footer: withCtx(() => [unref(spacerGuide) ? (openBlock(), createElementBlock("div", {
key: 0,
class: "eqt-tag-bar__spacer-guide",
style: normalizeStyle({
left: `${unref(spacerGuide).x}px`,
top: `${unref(spacerGuide).top}px`,
height: `${unref(spacerGuide).height}px`
})
}, null, 4)) : createCommentVNode("", true)]),
_: 1
}, 16, [
"model-value",
"item-key",
"disabled"
])), createVNode(ContextMenu_default, {
open: tagMenuOpen.value,
"onUpdate:open": _cache[16] || (_cache[16] = ($event) => tagMenuOpen.value = $event),
"anchor-el": tagMenuTrigger.value,
"pointer-offset": tagMenuPointerOffset.value,
"auto-focus": "",
"aria-role": "dialog",
"aria-label": unref(t)("tagbar.tagActions"),
placement: "bottom-start"
}, {
default: withCtx(() => [tagMenuView.value === "menu" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
unref(profiles).length > 1 ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
class: "eqt-context-menu__item",
onClick: _cache[12] || (_cache[12] = ($event) => openTagMenuView("move", $event))
}, [createVNode(unref(SquareDashedMousePointer), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_20$12, toDisplayString(unref(t)("tagbar.moveTag")), 1)])) : createCommentVNode("", true),
createBaseVNode("button", {
type: "button",
class: "eqt-context-menu__item",
onClick: _cache[13] || (_cache[13] = ($event) => duplicateTag(tagMenuLineIdx.value, tagMenuButtonIdx.value))
}, [createVNode(unref(CopyPlus), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_21$11, toDisplayString(unref(t)("tagbar.duplicateTag")), 1)]),
tagMenuButton.value?.kind !== "spacer" ? (openBlock(), createElementBlock("button", {
key: 1,
type: "button",
class: "eqt-context-menu__item",
onClick: _cache[14] || (_cache[14] = ($event) => openTagMenuView("color", $event))
}, [createVNode(unref(Palette), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_22$11, toDisplayString(unref(t)("common.itemColor")), 1)])) : createCommentVNode("", true),
_cache[20] || (_cache[20] = createBaseVNode("div", { class: "eqt-context-menu__separator" }, null, -1)),
createBaseVNode("button", {
type: "button",
class: "eqt-context-menu__item eqt-context-menu__item--danger",
onClick: _cache[15] || (_cache[15] = ($event) => deleteTag(tagMenuLineIdx.value, tagMenuButtonIdx.value))
}, [createVNode(unref(Trash), {
size: 14,
class: "eqt-context-menu__icon"
}), createBaseVNode("span", _hoisted_23$10, toDisplayString(unref(t)("tagConfig.delete")), 1)])
], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
createBaseVNode("button", {
ref_key: "tagMenuBack",
ref: tagMenuBack,
type: "button",
class: "eqt-tag-bar__line-menu-back",
onClick: returnToTagMenu
}, [createVNode(unref(ArrowLeft), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("common.back")), 1)], 512),
_cache[21] || (_cache[21] = createBaseVNode("div", { class: "eqt-context-menu__separator" }, null, -1)),
tagMenuView.value === "move" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(profiles), (profile, pi) => {
return withDirectives((openBlock(), createElementBlock("button", {
key: pi,
type: "button",
class: "eqt-context-menu__item",
onClick: ($event) => moveTag(tagMenuLineIdx.value, tagMenuButtonIdx.value, pi)
}, [createBaseVNode("span", _hoisted_25$6, toDisplayString(profile.name), 1)], 8, _hoisted_24$8)), [[vShow, pi !== unref(activeProfileIdx)]]);
}), 128)) : tagMenuView.value === "color" && tagMenuButton.value && tagMenuButton.value.kind !== "spacer" ? (openBlock(), createBlock(LineColorSwatch_default, {
key: 1,
embedded: "",
"model-value": tagMenuButton.value.color,
"onUpdate:modelValue": updateTagColor
}, null, 8, ["model-value"])) : createCommentVNode("", true)
], 64))]),
_: 1
}, 8, [
"open",
"anchor-el",
"pointer-offset",
"aria-label"
])], 64);
};
}
});
function useTextMeasure(opts) {
const version = ref(0);
const widthCache = new Map();
let ruler = null;
function ensureRuler() {
if (ruler && opts.containerRef.value?.contains(ruler)) return ruler;
if (!opts.containerRef.value) return null;
const sample = opts.containerRef.value.querySelector(opts.itemSelector);
if (!sample) return null;
ruler = sample.cloneNode(false);
Object.assign(ruler.style, {
position: "absolute",
top: "-9999px",
left: "-9999px",
visibility: "hidden",
whiteSpace: "nowrap",
pointerEvents: "none"
});
opts.containerRef.value.appendChild(ruler);
return ruler;
}
function measureWidth(text) {
const r = ensureRuler();
if (!r) return 0;
r.textContent = text;
return r.getBoundingClientRect().width;
}
function getWidth(text) {
const cached = widthCache.get(text);
if (cached !== void 0 && cached > 0) return cached;
const w = measureWidth(text);
if (w > 0) widthCache.set(text, w);
return w;
}
onMounted(() => {
if (ensureRuler()) version.value++;
if (document.fonts?.ready) document.fonts.ready.then(() => {
widthCache.clear();
version.value++;
});
});
watch(opts.itemsSignal, () => {
if (ruler && opts.containerRef.value?.contains(ruler)) return;
if (ensureRuler()) version.value++;
}, { flush: "post" });
onScopeDispose(() => {
if (ruler?.parentElement) ruler.parentElement.removeChild(ruler);
ruler = null;
});
return {
getWidth,
version
};
}
function contentWidth(el) {
const cs = getComputedStyle(el);
return el.getBoundingClientRect().width - (parseFloat(cs.paddingLeft) || 0) - (parseFloat(cs.paddingRight) || 0) - (parseFloat(cs.borderLeftWidth) || 0) - (parseFloat(cs.borderRightWidth) || 0);
}
var FIT_EPSILON = .005;
function useBilingualWrap(opts) {
const containerWidth = ref(0);
const gap = ref(4);
const { getWidth, version } = useTextMeasure({
containerRef: opts.containerRef,
itemSelector: opts.itemSelector,
itemsSignal: opts.itemsSignal
});
function bilingualWidths(zh, en) {
version.value;
return [getWidth(zh), getWidth(en)];
}
function chunk(items, getWidths) {
if (items.length === 0) return [];
if (containerWidth.value <= 0) return [items];
const limit = containerWidth.value + FIT_EPSILON;
const rows = [[]];
let count = 0;
let rowZh = 0;
let rowEn = 0;
for (const item of items) {
const [wZh, wEn] = getWidths(item);
const nextZh = count === 0 ? wZh : rowZh + gap.value + wZh;
const nextEn = count === 0 ? wEn : rowEn + gap.value + wEn;
if ((nextZh > limit || nextEn > limit) && count > 0) {
rows.push([item]);
count = 1;
rowZh = wZh;
rowEn = wEn;
} else {
rows[rows.length - 1].push(item);
count++;
rowZh = nextZh;
rowEn = nextEn;
}
}
return rows;
}
function chunkBilingual(items, getZh, getEn) {
return chunk(items, (item) => bilingualWidths(getZh(item), getEn(item)));
}
function refreshMetrics() {
const root = opts.containerRef.value;
if (!root) return;
const widthEl = root.querySelector(opts.rowSelector);
if (widthEl) containerWidth.value = contentWidth(widthEl);
const itemRow = root.querySelector(opts.itemRowSelector);
if (itemRow) gap.value = parseFloat(getComputedStyle(itemRow).columnGap) || 0;
}
useResizeObserver(opts.containerRef, refreshMetrics);
useEventListener(window, "resize", refreshMetrics);
onMounted(refreshMetrics);
watch(opts.itemsSignal, refreshMetrics, { flush: "post" });
return { chunkBilingual };
}
function useDisplayConfig() {
const resolvedMode = computed(() => {
if (searchPanelLangMode.value === "auto") return isZhLocale() ? "toggle" : "english-only";
return searchPanelLangMode.value;
});
const effectiveShowZh = computed(() => resolvedMode.value === "toggle" && searchPanelShowZh.value);
const effectiveConvertTW = computed(() => {
if (convertToTraditional.value === "auto") return isTWLocale();
return convertToTraditional.value === "on";
});
function zhDisplay(name) {
return effectiveConvertTW.value ? toTW(name) : name;
}
return {
resolvedMode,
effectiveShowZh,
effectiveConvertTW,
zhDisplay
};
}
var _hoisted_1$32 = { class: "eqt-search-panel__label" };
var _hoisted_2$30 = { class: "eqt-search-panel__cells" };
var _hoisted_3$30 = ["onClick", "onContextmenu"];
var SearchTermRows_default = defineComponent({
__name: "SearchTermRows",
props: {
modelValue: {},
sessionTerms: {},
editing: { type: Boolean },
identityIndex: {},
flat: { type: Boolean }
},
emits: [
"update:modelValue",
"dismiss-terms",
"drag-start",
"drag-end"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const MISC_KEY = null;
const { effectiveShowZh, zhDisplay } = useDisplayConfig();
const identityIndex = computed(() => props.identityIndex ?? buildIdentityIndex(tokenize(props.modelValue)));
const STATE_CLASS = {
[TagState.Include]: "eqt-search-panel__button--include",
[TagState.Or]: "eqt-search-panel__button--or",
[TagState.Exclude]: "eqt-search-panel__button--exclude",
[TagState.Off]: "eqt-search-panel__button--off"
};
const STATE_PREFIX = {
[TagState.Include]: null,
[TagState.Or]: "~",
[TagState.Exclude]: "-",
[TagState.Off]: null
};
function stateOf(positive) {
const id = tokenIdentity(positive);
if (!id) return TagState.Off;
const present = identityIndex.value.get(id);
if (!present) return TagState.Off;
const prefix = parseTerm(present).prefix;
if (prefix === "-") return TagState.Exclude;
if (prefix === "~") return TagState.Or;
return TagState.Include;
}
const groups = computed(() => {
tagDbVersion.value;
const buckets = new Map();
function pushTerm(positive, state) {
const parsed = parseTerm(positive);
const groupKey = parsed.namespace ?? MISC_KEY;
const prefix = STATE_PREFIX[state];
const prefixStr = prefix ?? "";
const literal = serializeTerm({
...parsed,
prefix
});
const zhEntry = parsed.namespace ? findEntryByNsTag(parsed.namespace, parsed.tag) : void 0;
const zhText = zhEntry ? prefixStr + zhDisplay(zhEntry.name) : prefixStr + parsed.tag;
const enText = literal;
const displayShort = effectiveShowZh.value ? zhText : enText;
const displayFull = literal;
const isMisc = groupKey === MISC_KEY;
const term = {
positive,
state,
displayShort,
displayFull,
literal,
cloneLabel: isMisc ? displayFull : displayShort,
measureZh: isMisc ? literal : zhText,
measureEn: isMisc ? literal : enText
};
if (!buckets.has(groupKey)) buckets.set(groupKey, []);
buckets.get(groupKey).push(term);
}
for (const entry of props.sessionTerms) if (entry.active) pushTerm(entry.positive, stateOf(entry.positive));
else pushTerm(entry.positive, TagState.Off);
const result = [];
for (const ns of DEFAULT_NS_ORDER) if (buckets.has(ns)) {
result.push({
key: ns,
label: t(`ns.${ns}`),
terms: buckets.get(ns)
});
buckets.delete(ns);
}
for (const [key, terms] of buckets) {
if (key === MISC_KEY) continue;
result.push({
key,
label: key,
terms
});
}
if (buckets.has(MISC_KEY)) result.push({
key: MISC_KEY,
label: t("tagbar.miscRow"),
terms: buckets.get(MISC_KEY)
});
return result;
});
const containerRef = ref(null);
const { chunkBilingual } = useBilingualWrap({
containerRef,
itemSelector: ".eqt-search-panel__button",
rowSelector: ".eqt-search-panel__cells",
itemRowSelector: ".eqt-search-panel__cells-row",
itemsSignal: () => groups.value
});
const groupRows = computed(() => {
return groups.value.map((g) => ({
key: g.key,
label: g.label,
rows: chunkBilingual(g.terms, (c) => c.measureZh, (c) => c.measureEn)
}));
});
function applyTermState(positive, next) {
if (next === TagState.Off) emit("dismiss-terms", [positive]);
else emit("update:modelValue", setTagState(props.modelValue, [positive], next));
}
function onTermClick(term) {
if (props.editing) return;
const next = term.state === TagState.Include ? TagState.Off : TagState.Include;
applyTermState(term.positive, next);
}
function onTermContextMenu(e, term) {
e.preventDefault();
if (props.editing) return;
const next = getNextRightClickState([term.positive], void 0, term.state);
if (next === null) return;
applyTermState(term.positive, next);
}
const cloneDragOptions = {
...baseDragOptions,
group: {
name: EQT_TAGS_GROUP,
pull: "clone",
put: false
},
sort: false,
ghostClass: "eqt-search-panel__button--ghost-drag",
chosenClass: "eqt-search-panel__button--chosen",
dragClass: "eqt-search-panel__button--drag"
};
const termItemKey = (term) => term.positive;
function cloneToButton({ literal, cloneLabel }) {
return {
kind: "tag",
tags: [literal],
label: cloneLabel
};
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
ref_key: "containerRef",
ref: containerRef,
class: normalizeClass(["eqt-search-panel-rows", {
"eqt-search-panel-rows--editing": __props.editing,
"eqt-search-panel-rows--flat": __props.flat
}])
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(groupRows.value, (group) => {
return openBlock(), createElementBlock("div", {
key: group.key ?? "__misc__",
class: "eqt-search-panel__row"
}, [createBaseVNode("div", _hoisted_1$32, toDisplayString(group.label) + ":", 1), createBaseVNode("div", _hoisted_2$30, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (row, rowIdx) => {
return openBlock(), createBlock(unref(draggableComponent), mergeProps({ key: rowIdx }, { ref_for: true }, cloneDragOptions, {
tag: "div",
class: "eqt-search-panel__cells-row",
"model-value": row,
"item-key": termItemKey,
clone: cloneToButton,
disabled: !__props.editing,
onStart: _cache[0] || (_cache[0] = ($event) => emit("drag-start")),
onEnd: _cache[1] || (_cache[1] = ($event) => emit("drag-end"))
}), {
item: withCtx(({ element: term }) => [createBaseVNode("button", {
class: normalizeClass(["eqt-search-panel__button", STATE_CLASS[term.state]]),
type: "button",
onClick: ($event) => onTermClick(term),
onContextmenu: ($event) => onTermContextMenu($event, term)
}, toDisplayString(group.key === MISC_KEY ? term.displayFull : term.displayShort), 43, _hoisted_3$30)]),
_: 2
}, 1040, ["model-value", "disabled"]);
}), 128))])]);
}), 128))], 2);
};
}
});
var _hoisted_1$31 = { class: "eqt-search-controls" };
var _hoisted_2$29 = { class: "eqt-search-controls__group" };
var _hoisted_3$29 = ["title"];
var _hoisted_4$27 = ["title"];
var _hoisted_5$26 = { class: "eqt-search-controls__add-label" };
var _hoisted_6$23 = { class: "eqt-search-controls__group" };
var SearchControls_default = defineComponent({
__name: "SearchControls",
props: {
showLangToggle: { type: Boolean },
showClearHistory: { type: Boolean },
showAddToSearch: { type: Boolean },
showClearSearch: { type: Boolean },
showSearch: { type: Boolean }
},
emits: ["addToSearch", "search"],
setup(__props, { emit: __emit }) {
const emit = __emit;
const { resolvedMode } = useDisplayConfig();
function toggleLang() {
searchPanelShowZh.value = !searchPanelShowZh.value;
}
async function onSearchClick() {
await recordSubmitAndFlush();
emit("search");
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$31, [
createBaseVNode("div", _hoisted_2$29, [__props.showLangToggle && unref(resolvedMode) === "toggle" ? (openBlock(), createElementBlock("button", {
key: 0,
class: "eqt-search-controls__lang-toggle",
type: "button",
title: unref(t)("tagbar.toggleLang"),
onClick: toggleLang
}, [createBaseVNode("span", { class: normalizeClass({ "eqt-search-controls__lang-hidden": !unref(searchPanelShowZh) }) }, "中文", 2), createBaseVNode("span", { class: normalizeClass({ "eqt-search-controls__lang-hidden": unref(searchPanelShowZh) }) }, "EN", 2)], 8, _hoisted_3$29)) : createCommentVNode("", true), __props.showClearHistory && unref(enableHistory) ? (openBlock(), createElementBlock("button", {
key: 1,
class: "eqt-search-controls__text-btn",
type: "button",
"data-testid": "clear-history",
onClick: _cache[0] || (_cache[0] = (...args) => unref(clearHistory) && unref(clearHistory)(...args))
}, toDisplayString(unref(t)("tagbar.clearHistory")), 1)) : createCommentVNode("", true)]),
__props.showAddToSearch ? (openBlock(), createElementBlock("button", {
key: 0,
class: "eqt-search-controls__add",
type: "button",
title: unref(t)("tagbar.browseTag"),
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("addToSearch"))
}, [_cache[3] || (_cache[3] = createBaseVNode("span", { class: "eqt-search-controls__add-icon" }, "+", -1)), createBaseVNode("span", _hoisted_5$26, toDisplayString(unref(t)("tagbar.browseTag")), 1)], 8, _hoisted_4$27)) : createCommentVNode("", true),
createBaseVNode("div", _hoisted_6$23, [__props.showClearSearch ? (openBlock(), createElementBlock("button", {
key: 0,
class: "eqt-search-controls__text-btn",
type: "button",
"data-testid": "clear-search",
onClick: _cache[2] || (_cache[2] = (...args) => unref(clearSearch) && unref(clearSearch)(...args))
}, toDisplayString(unref(t)("tagbar.clearSearch")), 1)) : createCommentVNode("", true), __props.showSearch ? (openBlock(), createElementBlock("button", {
key: 1,
class: "eqt-search-controls__text-btn",
type: "button",
"data-testid": "search-submit",
onClick: onSearchClick
}, toDisplayString(unref(t)("tagbar.search")), 1)) : createCommentVNode("", true)])
]);
};
}
});
var _hoisted_1$30 = { class: "eqt-search-panel__label" };
var _hoisted_2$28 = { class: "eqt-search-panel__cells" };
var _hoisted_3$28 = ["onClick"];
var SearchPanel_default = defineComponent({
__name: "SearchPanel",
props: {
modelValue: {},
editing: { type: Boolean }
},
emits: [
"update:modelValue",
"addToSearch",
"search",
"drag-start",
"drag-end"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const { effectiveShowZh, zhDisplay } = useDisplayConfig();
const buttonIdentities = computed(() => {
const set = new Set();
for (const line of lines) {
if (line.kind !== "buttons") continue;
for (const btn of line.buttons) {
if (btn.kind !== "tag") continue;
for (const tag of btn.tags) {
const id = tokenIdentity(tag);
if (id) set.add(id);
}
}
}
return set;
});
const historyContainerRef = ref(null);
const visibleHistory = computed(() => {
return history.value.filter((p) => {
const id = tokenIdentity(p);
if (!id) return false;
if (sessionIdentitySet.value.has(id)) return false;
if (buttonIdentities.value.has(id)) return false;
return true;
});
});
function historyEntryTexts(positive) {
const parsed = parseTerm(positive);
if (parsed.parseError) return {
display: positive,
zh: positive,
en: positive,
literal: positive
};
const literal = positive;
if (!parsed.namespace) return {
display: literal,
zh: literal,
en: literal,
literal
};
const zhEntry = findEntryByNsTag(parsed.namespace, parsed.tag);
const enText = literal;
const zhText = zhEntry ? `${t(`ns.${parsed.namespace}`)}:${zhDisplay(zhEntry.name)}` : enText;
return {
display: effectiveShowZh.value ? zhText : enText,
zh: zhText,
en: enText,
literal
};
}
const historyDisplays = computed(() => {
tagDbVersion.value;
return visibleHistory.value.map((positive) => {
const texts = historyEntryTexts(positive);
return {
positive,
...texts,
cloneLabel: texts.display
};
});
});
const { chunkBilingual: chunkBilingualHistory } = useBilingualWrap({
containerRef: historyContainerRef,
itemSelector: ".eqt-search-panel__button",
rowSelector: ".eqt-search-panel__cells",
itemRowSelector: ".eqt-search-panel__cells-row",
itemsSignal: () => historyDisplays.value
});
const historyRows = computed(() => {
return chunkBilingualHistory(historyDisplays.value, (c) => c.zh, (c) => c.en);
});
const moveDragOptions = {
...baseDragOptions,
group: {
name: EQT_TAGS_GROUP,
pull: true,
put: false
},
sort: false,
ghostClass: "eqt-search-panel__button--ghost-drag",
chosenClass: "eqt-search-panel__button--chosen",
dragClass: "eqt-search-panel__button--drag"
};
const historyItemKey = (h) => h.positive;
function cloneToButton({ literal, cloneLabel }) {
return {
kind: "tag",
tags: [literal],
label: cloneLabel
};
}
function onHistoryClick(positive) {
if (props.editing) return;
onRestoreHistory(positive);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", { class: normalizeClass(["eqt-search-panel", { "eqt-search-panel--editing": __props.editing }]) }, [
createVNode(SearchTermRows_default, {
flat: "",
"model-value": __props.modelValue,
"session-terms": unref(sessionTerms),
editing: __props.editing,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
onDismissTerms: unref(dismissTerms),
onDragStart: _cache[1] || (_cache[1] = ($event) => emit("drag-start")),
onDragEnd: _cache[2] || (_cache[2] = ($event) => emit("drag-end"))
}, null, 8, [
"model-value",
"session-terms",
"editing",
"onDismissTerms"
]),
unref(enableHistory) && historyDisplays.value.length ? (openBlock(), createElementBlock("div", {
key: 0,
ref_key: "historyContainerRef",
ref: historyContainerRef,
class: "eqt-search-panel__row"
}, [createBaseVNode("div", _hoisted_1$30, toDisplayString(unref(t)("tagbar.history")) + ":", 1), createBaseVNode("div", _hoisted_2$28, [(openBlock(true), createElementBlock(Fragment, null, renderList(historyRows.value, (row, rowIdx) => {
return openBlock(), createBlock(unref(draggableComponent), mergeProps({ key: rowIdx }, { ref_for: true }, moveDragOptions, {
tag: "div",
class: "eqt-search-panel__cells-row",
"model-value": row,
"item-key": historyItemKey,
clone: cloneToButton,
disabled: !__props.editing,
onStart: _cache[3] || (_cache[3] = ($event) => emit("drag-start")),
onEnd: _cache[4] || (_cache[4] = ($event) => emit("drag-end")),
onChange: unref(onHistoryChange)
}), {
item: withCtx(({ element: item }) => [createBaseVNode("button", {
class: "eqt-search-panel__button eqt-search-panel__button--ghost",
type: "button",
onClick: ($event) => onHistoryClick(item.positive)
}, toDisplayString(item.display), 9, _hoisted_3$28)]),
_: 1
}, 16, [
"model-value",
"disabled",
"onChange"
]);
}), 128))])], 512)) : createCommentVNode("", true),
createVNode(SearchControls_default, {
class: "eqt-search-panel__controls",
"show-lang-toggle": "",
"show-clear-history": "",
"show-add-to-search": "",
"show-clear-search": "",
"show-search": "",
onAddToSearch: _cache[5] || (_cache[5] = ($event) => emit("addToSearch")),
onSearch: _cache[6] || (_cache[6] = ($event) => emit("search"))
})
], 2);
};
}
});
function parseRawText(text) {
return parseTerm(text.trim());
}
function serializeToken(token) {
return serializeTerm(token);
}
function cyclePrefix(current) {
if (current === null) return "-";
if (current === "-") return "~";
return null;
}
function cycleSuffix(current) {
if (current === null) return "$";
if (current === "$") return "*";
return null;
}
var nsToShort = (ns) => NS_TO_SHORT[ns];
function rowPrefersShort(token, defaultNsFormat = "long") {
return token.namespace && token.namespaceRaw ? token.namespaceRaw !== token.namespace : defaultNsFormat === "short";
}
function applyPrefix(token, prefix) {
return {
...token,
prefix
};
}
function applyColonPrefix(token, value, defaultNsFormat = "long") {
if (!value) return {
...token,
qualifier: null,
namespace: null,
namespaceRaw: null
};
if (value.startsWith("q:")) return {
...token,
qualifier: value.slice(2),
namespace: null,
namespaceRaw: null
};
if (value.startsWith("ns:")) {
const ns = value.slice(3);
const prefersShort = rowPrefersShort(token, defaultNsFormat);
return {
...token,
qualifier: null,
namespace: ns,
namespaceRaw: prefersShort ? nsToShort(ns) ?? ns : ns
};
}
return token;
}
function applyTagValue(token, value) {
return {
...token,
tag: value,
quoted: value.includes(" ")
};
}
function applyCycleSuffix(token) {
return {
...token,
suffix: cycleSuffix(token.suffix)
};
}
function applyCycleNsFormat(token) {
if (!token.namespace) return token;
const ns = token.namespace;
const short = nsToShort(ns);
if (!short) return token;
return {
...token,
namespaceRaw: token.namespaceRaw === ns ? short : ns
};
}
function applySuggestionPick(token, entry, options = {}) {
const prefersShort = rowPrefersShort(token, options.defaultNsFormat ?? "long");
return {
...token,
namespace: entry.ns,
namespaceRaw: prefersShort ? nsToShort(entry.ns) ?? entry.ns : entry.ns,
qualifier: null,
tag: entry.raw,
quoted: entry.raw.includes(" "),
suffix: token.suffix === null && (options.defaultExactMatch ?? true) ? "$" : token.suffix
};
}
function getColonPrefixValue(token) {
if (token.qualifier) return `q:${token.qualifier}`;
if (token.namespace) return `ns:${token.namespace}`;
return "";
}
function getNsFormatLabel(token, t) {
if (!token.namespace) return "";
if (!nsToShort(token.namespace)) return "-";
return token.namespaceRaw === token.namespace ? t("settings.nsFormatLong") : t("settings.nsFormatShort");
}
var EXPLAIN_CLASSES = {
prefix: "eqt-explain--prefix",
ns: "eqt-explain--ns",
qualifier: "eqt-explain--qualifier",
tag: "eqt-explain--tag",
suffix: "eqt-explain--suffix",
error: "eqt-explain--error",
punct: "eqt-explain--punct"
};
function buildExplain(token, t) {
if (token.parseError && token.tag === token.raw) return [{
text: token.raw,
cls: EXPLAIN_CLASSES.error,
label: t("tagConfig.explainError")
}];
const segs = [];
if (token.prefix) segs.push({
text: token.prefix,
cls: EXPLAIN_CLASSES.prefix,
label: t("tagConfig.explainPrefix")
});
if (token.qualifier) {
segs.push({
text: token.qualifier,
cls: EXPLAIN_CLASSES.qualifier,
label: t("tagConfig.explainQualifier")
});
segs.push({
text: ":",
cls: EXPLAIN_CLASSES.punct,
label: ""
});
} else if (token.namespace) {
const nsDisplay = token.namespaceRaw ?? token.namespace;
segs.push({
text: nsDisplay,
cls: EXPLAIN_CLASSES.ns,
label: t("tagConfig.explainNs")
});
segs.push({
text: ":",
cls: EXPLAIN_CLASSES.punct,
label: ""
});
}
if (token.tag.includes(" ")) {
segs.push({
text: "\"",
cls: EXPLAIN_CLASSES.punct,
label: ""
});
segs.push({
text: token.tag,
cls: EXPLAIN_CLASSES.tag,
label: t("tagConfig.explainTag")
});
if (token.suffix) segs.push({
text: token.suffix,
cls: EXPLAIN_CLASSES.suffix,
label: t("tagConfig.explainSuffix")
});
segs.push({
text: "\"",
cls: EXPLAIN_CLASSES.punct,
label: ""
});
} else if (token.tag) {
segs.push({
text: token.tag,
cls: EXPLAIN_CLASSES.tag,
label: t("tagConfig.explainTag")
});
if (token.suffix) segs.push({
text: token.suffix,
cls: EXPLAIN_CLASSES.suffix,
label: t("tagConfig.explainSuffix")
});
}
return segs;
}
function makeRow(raw) {
return {
id: Symbol(),
token: parseRawText(raw),
rawText: raw,
undoStack: [],
redoStack: []
};
}
function getCursorOffset(el) {
const sel = window.getSelection();
if (!sel || !sel.rangeCount) return 0;
const range = sel.getRangeAt(0).cloneRange();
range.selectNodeContents(el);
range.setEnd(sel.getRangeAt(0).startContainer, sel.getRangeAt(0).startOffset);
return range.toString().length;
}
function setCursorOffset(el, offset) {
const sel = window.getSelection();
if (!sel) return;
const range = document.createRange();
let remaining = offset;
let lastNode = null;
let lastLen = 0;
function walk(node) {
if (node.nodeType === Node.TEXT_NODE) {
const len = node.textContent?.length ?? 0;
lastNode = node;
lastLen = len;
if (remaining <= len) {
range.setStart(node, remaining);
range.collapse(true);
return true;
}
remaining -= len;
return false;
}
for (const child of node.childNodes) if (walk(child)) return true;
return false;
}
if (!walk(el) && lastNode) {
range.setStart(lastNode, lastLen);
range.collapse(true);
}
sel.removeAllRanges();
sel.addRange(range);
}
function renderHighlight(el, row) {
if (!row.rawText) {
el.innerHTML = "";
return;
}
let segs = buildExplain(row.token, t);
if (segs.map((s) => s.text).join("") !== row.rawText.trim()) segs = [{
text: row.rawText,
cls: EXPLAIN_CLASSES.tag,
label: ""
}];
const isFocused = document.activeElement === el;
const offset = isFocused ? getCursorOffset(el) : 0;
el.innerHTML = "";
for (const seg of segs) {
const span = document.createElement("span");
span.className = seg.cls;
if (seg.label) span.title = seg.label;
span.textContent = seg.text;
el.appendChild(span);
}
if (isFocused) setCursorOffset(el, offset);
}
function useSearchTerm(row, rawEl, options = {}) {
let syncing = false;
function refreshHighlight() {
nextTick(() => {
if (rawEl.value) renderHighlight(rawEl.value, row);
});
}
function updateFromStructured() {
if (syncing) return;
syncing = true;
row.rawText = serializeToken(row.token);
syncing = false;
refreshHighlight();
}
function updateFromRaw(text) {
if (syncing) return;
row.undoStack.push(row.rawText);
row.redoStack.length = 0;
syncing = true;
row.rawText = text;
row.token = parseRawText(text);
syncing = false;
refreshHighlight();
}
function applyText(text) {
syncing = true;
row.rawText = text;
row.token = parseRawText(text);
syncing = false;
refreshHighlight();
nextTick(() => {
if (rawEl.value) setCursorOffset(rawEl.value, text.length);
});
}
function undo() {
if (!row.undoStack.length) return;
row.redoStack.push(row.rawText);
applyText(row.undoStack.pop());
}
function redo() {
if (!row.redoStack.length) return;
row.undoStack.push(row.rawText);
applyText(row.redoStack.pop());
}
const nsFormat = options.nsFormat ?? "long";
const suggestionOpts = {
defaultExactMatch: options.defaultExactMatch,
defaultNsFormat: nsFormat
};
function setPrefix(prefix) {
row.token = applyPrefix(row.token, prefix);
updateFromStructured();
}
function setColonPrefix(value) {
row.token = applyColonPrefix(row.token, value, nsFormat);
updateFromStructured();
}
function setTagValue(value) {
row.token = applyTagValue(row.token, value);
updateFromStructured();
}
function onCycleSuffix() {
row.token = applyCycleSuffix(row.token);
updateFromStructured();
}
function cycleNsFormat() {
row.token = applyCycleNsFormat(row.token);
updateFromStructured();
}
function applyPickSuggestion(entry) {
row.token = applySuggestionPick(row.token, entry, suggestionOpts);
updateFromStructured();
}
return {
refreshHighlight,
updateFromRaw,
undo,
redo,
setPrefix,
setColonPrefix,
setTagValue,
onCycleSuffix,
cycleNsFormat,
getNsFormatLabel: () => getNsFormatLabel(row.token, t),
getColonPrefixValue: () => getColonPrefixValue(row.token),
applySuggestionPick: applyPickSuggestion
};
}
function useTagSuggestions(opts) {
const dbReady = ref(false);
const suggestions = shallowRef([]);
let timer = 0;
function triggerSearch() {
clearTimeout(timer);
if (!dbReady.value) return;
if (opts.qualifier?.()) {
suggestions.value = [];
return;
}
const q = opts.query().trim();
if (!q) {
suggestions.value = opts.emptyFallback?.() ?? [];
return;
}
timer = window.setTimeout(() => {
suggestions.value = searchTags(q, { namespaces: opts.namespaces?.() });
}, opts.debounceMs ?? 80);
}
onMounted(async () => {
await loadTagDb();
dbReady.value = true;
triggerSearch();
});
onScopeDispose(() => clearTimeout(timer));
watch(() => [
opts.query(),
opts.qualifier?.() ?? null,
opts.namespaces?.() ?? null
], triggerSearch, { deep: true });
if (opts.emptyFallback) watch(opts.emptyFallback, triggerSearch);
return {
dbReady,
suggestions
};
}
var _hoisted_1$29 = [
"onMousedown",
"onContextmenu",
"onMouseenter"
];
var _hoisted_2$27 = { class: "eqt-popup__suggestion-ns" };
var _hoisted_3$27 = { class: "eqt-popup__suggestion-name" };
var _hoisted_4$26 = ["src"];
var _hoisted_5$25 = { class: "eqt-popup__suggestion-tag" };
var EST_ITEM_HEIGHT = 32;
var OVERSCAN$1 = 10;
var SuggestionList_default = defineComponent({
__name: "SuggestionList",
props: {
suggestions: {},
selectedIdx: {},
stateOf: { type: Function },
styleOf: { type: Function },
nsList: {}
},
emits: [
"update:selectedIdx",
"pick",
"ctxmenu"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const STATE_CLASS = {
[TagState.Include]: "eqt-popup__suggestion--include",
[TagState.Or]: "eqt-popup__suggestion--or",
[TagState.Exclude]: "eqt-popup__suggestion--exclude"
};
function stateClassOf(entry) {
if (!props.stateOf) return void 0;
return STATE_CLASS[props.stateOf(entry)];
}
function onItemMousedown(entry, e) {
if (e.button !== 0) return;
emit("pick", entry);
}
function onItemContextMenu(entry) {
emit("ctxmenu", entry);
}
const listEl = ref(null);
const scrollTop = ref(0);
const visibleRange = computed(() => {
const total = props.suggestions.length;
if (!total) return {
start: 0,
end: 0
};
const containerH = listEl.value?.clientHeight ?? 300;
return {
start: Math.max(0, Math.floor(scrollTop.value / EST_ITEM_HEIGHT) - OVERSCAN$1),
end: Math.min(total, Math.ceil((scrollTop.value + containerH) / EST_ITEM_HEIGHT) + OVERSCAN$1)
};
});
const virtualSuggestions = computed(() => props.suggestions.slice(visibleRange.value.start, visibleRange.value.end).map((data, i) => ({
data,
index: visibleRange.value.start + i,
style: props.styleOf?.(data)
})));
const wrapperStyle = computed(() => ({
height: `${props.suggestions.length * EST_ITEM_HEIGHT}px`,
paddingTop: `${visibleRange.value.start * EST_ITEM_HEIGHT}px`,
boxSizing: "border-box"
}));
function onScroll(e) {
const top = e.target.scrollTop;
if (top !== scrollTop.value) scrollTop.value = top;
}
watch(() => props.suggestions, () => {
scrollTop.value = 0;
if (listEl.value) listEl.value.scrollTop = 0;
});
const { getWidth, version } = useTextMeasure({
containerRef: listEl,
itemSelector: ".eqt-popup__suggestion-ns",
itemsSignal: () => props.suggestions
});
const nsColWidth = computed(() => {
version.value;
locale.value;
const nsList = props.nsList ?? DEFAULT_NS_ORDER;
let max = 0;
for (const ns of nsList) {
const w = getWidth(t("ns." + ns) + "：");
if (w > max) max = w;
}
return max;
});
let mouseDriven = false;
function onItemMouseenter(si) {
mouseDriven = true;
emit("update:selectedIdx", si);
}
watch(() => props.selectedIdx, () => {
if (mouseDriven) {
mouseDriven = false;
return;
}
if (!listEl.value || props.selectedIdx < 0) return;
const targetTop = props.selectedIdx * EST_ITEM_HEIGHT;
const targetBottom = targetTop + EST_ITEM_HEIGHT;
const visibleTop = scrollTop.value;
const visibleBottom = visibleTop + listEl.value.clientHeight;
if (targetTop < visibleTop) listEl.value.scrollTop = targetTop;
else if (targetBottom > visibleBottom) listEl.value.scrollTop = targetBottom - listEl.value.clientHeight;
});
const isZh = computed(isZhLocale);
const { zhDisplay } = useDisplayConfig();
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
ref_key: "listEl",
ref: listEl,
class: "eqt-suggestion-list",
style: normalizeStyle({
"--ns-col-width": nsColWidth.value > 0 ? nsColWidth.value + "px" : void 0,
"--eqt-suggestion-row-height": EST_ITEM_HEIGHT + "px"
}),
onScroll,
onMouseleave: _cache[0] || (_cache[0] = ($event) => emit("update:selectedIdx", -1))
}, [createBaseVNode("div", { style: normalizeStyle(wrapperStyle.value) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(virtualSuggestions.value, ({ data: entry, index: si, style }) => {
return openBlock(), createElementBlock("div", {
key: entry.fullTag,
class: normalizeClass(["eqt-popup__suggestion", [{
"eqt-popup__suggestion--active": si === __props.selectedIdx,
"eqt-popup__suggestion--styled": !!style
}, stateClassOf(entry)]]),
style: normalizeStyle(style),
onMousedown: withModifiers(($event) => onItemMousedown(entry, $event), ["prevent"]),
onContextmenu: withModifiers(($event) => onItemContextMenu(entry), ["prevent"]),
onMouseenter: ($event) => onItemMouseenter(si)
}, [
createBaseVNode("span", _hoisted_2$27, toDisplayString(unref(t)("ns." + entry.ns)) + "：", 1),
createBaseVNode("span", _hoisted_3$27, [entry.iconUrl ? (openBlock(), createElementBlock("img", {
key: 0,
src: entry.iconUrl,
class: "eqt-tag-icon",
alt: ""
}, null, 8, _hoisted_4$26)) : createCommentVNode("", true), createTextVNode(toDisplayString(isZh.value ? unref(zhDisplay)(entry.name) : entry.raw), 1)]),
createBaseVNode("span", _hoisted_5$25, toDisplayString(entry.fullTag), 1)
], 46, _hoisted_1$29);
}), 128))], 4)], 36);
};
}
});
var _hoisted_1$28 = {
key: 0,
class: "eqt-popup__no-result"
};
var TagAutocomplete_default = defineComponent({
__name: "TagAutocomplete",
props: {
query: {},
qualifier: {},
inputEl: {}
},
emits: ["pick"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const { dbReady, suggestions } = useTagSuggestions({
query: () => props.query,
qualifier: () => props.qualifier
});
const selectedIdx = ref(-1);
watch(suggestions, () => {
selectedIdx.value = -1;
});
useEventListener(() => props.inputEl, "keydown", (e) => {
if (!suggestions.value.length) return;
if (e.key === "ArrowDown") {
e.preventDefault();
if (selectedIdx.value < suggestions.value.length - 1) selectedIdx.value++;
} else if (e.key === "ArrowUp") {
e.preventDefault();
if (selectedIdx.value > 0) selectedIdx.value--;
} else if (e.key === "Enter") {
if (selectedIdx.value >= 0 && suggestions.value[selectedIdx.value]) {
e.preventDefault();
emit("pick", suggestions.value[selectedIdx.value]);
}
}
});
return (_ctx, _cache) => {
return unref(dbReady) && __props.query.trim() && !unref(suggestions).length && !__props.qualifier ? (openBlock(), createElementBlock("div", _hoisted_1$28, toDisplayString(unref(t)("tagConfig.noResult")), 1)) : unref(suggestions).length ? (openBlock(), createBlock(SuggestionList_default, {
key: 1,
class: "eqt-popup__suggestions",
suggestions: unref(suggestions),
"selected-idx": selectedIdx.value,
"onUpdate:selectedIdx": _cache[0] || (_cache[0] = ($event) => selectedIdx.value = $event),
onPick: _cache[1] || (_cache[1] = ($event) => emit("pick", $event))
}, null, 8, ["suggestions", "selected-idx"])) : createCommentVNode("", true);
};
}
});
var _hoisted_1$27 = { class: "eqt-row__builder" };
var _hoisted_2$26 = ["title"];
var _hoisted_3$26 = { class: "eqt-row__colon-split" };
var _hoisted_4$25 = ["disabled", "title"];
var _hoisted_5$24 = ["value"];
var _hoisted_6$22 = { value: "" };
var _hoisted_7$21 = ["label"];
var _hoisted_8$21 = ["value"];
var _hoisted_9$21 = ["label"];
var _hoisted_10$20 = ["value"];
var _hoisted_11$20 = { class: "eqt-row__tag-wrap" };
var _hoisted_12$18 = [
"value",
"placeholder",
"disabled"
];
var _hoisted_13$15 = ["title"];
var _hoisted_14$15 = ["title"];
var _hoisted_15$14 = { class: "eqt-row__raw-line" };
var _hoisted_16$14 = { class: "eqt-row__raw-label" };
var SearchTermEditor_default = defineComponent({
__name: "SearchTermEditor",
props: {
rowState: {},
defaultExactMatch: { type: Boolean },
nsFormat: {},
dbReady: { type: Boolean },
active: { type: Boolean }
},
emits: ["update:active", "remove"],
setup(__props, { expose: __expose, emit: __emit }) {
const props = __props;
const emit = __emit;
const rawEl = ref(null);
const tagInputEl = ref(null);
const term = useSearchTerm(props.rowState, rawEl, {
defaultExactMatch: props.defaultExactMatch,
nsFormat: props.nsFormat
});
onMounted(() => {
term.refreshHighlight();
});
__expose({ focus: () => tagInputEl.value?.focus() });
watch(() => props.active, (val) => {
if (!val) tagInputEl.value?.blur();
});
function onPrefixCycle() {
term.setPrefix(cyclePrefix(props.rowState.token.prefix));
}
function onColonPrefixChange(e) {
term.setColonPrefix(e.target.value);
}
function onTagInput(e) {
term.setTagValue(e.target.value);
}
function onSuffixCycle() {
term.onCycleSuffix();
}
function onNsFormatToggle() {
term.cycleNsFormat();
}
function onTagFocus() {
emit("update:active", true);
}
function onTagBlur() {
requestAnimationFrame(() => {
if (document.activeElement !== tagInputEl.value) emit("update:active", false);
});
}
function onPickSuggestion(entry) {
term.applySuggestionPick(entry);
emit("update:active", false);
}
let isComposing = false;
function onRawInput(e) {
if (isComposing) return;
const text = e.target.textContent ?? "";
term.updateFromRaw(text);
}
function onCompositionStart() {
isComposing = true;
}
function onCompositionEnd(e) {
isComposing = false;
const text = e.target.textContent ?? "";
term.updateFromRaw(text);
}
function onRawKeydown(e) {
if (e.key === "Enter") {
e.preventDefault();
return;
}
const key = e.key.toLowerCase();
const isUndo = (e.ctrlKey || e.metaKey) && key === "z" && !e.shiftKey;
const isRedo = (e.ctrlKey || e.metaKey) && (key === "y" || key === "z" && e.shiftKey);
if (!isUndo && !isRedo) return;
e.preventDefault();
if (isUndo) term.undo();
else term.redo();
}
const nsOptions = ALL_NAMESPACES.map((ns) => {
const short = nsToShort(ns);
return {
value: `ns:${ns}`,
label: short ? `${ns} (${short})` : ns
};
});
const qualifierOptions = Array.from(QUALIFIER_SET).map((q) => ({
value: `q:${q}`,
label: `${q}:`
}));
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [createBaseVNode("div", _hoisted_1$27, [
createBaseVNode("button", {
class: normalizeClass(["eqt-row__prefix-cycle", {
"eqt-row__prefix-cycle--exclude": __props.rowState.token.prefix === "-",
"eqt-row__prefix-cycle--or": __props.rowState.token.prefix === "~"
}]),
type: "button",
title: unref(t)("tagConfig.prefix"),
onClick: onPrefixCycle
}, toDisplayString(__props.rowState.token.prefix ?? "\xA0"), 11, _hoisted_2$26),
createBaseVNode("div", _hoisted_3$26, [createBaseVNode("button", {
class: normalizeClass(["eqt-row__colon-toggle", { "eqt-row__colon-toggle--disabled": !__props.rowState.token.namespace || !unref(nsToShort)(__props.rowState.token.namespace) }]),
type: "button",
disabled: !__props.rowState.token.namespace || !unref(nsToShort)(__props.rowState.token.namespace),
title: unref(term).getNsFormatLabel(),
onClick: onNsFormatToggle
}, [createBaseVNode("span", { class: normalizeClass({ "eqt-row__colon-toggle-hidden": !__props.rowState.token.namespace || !unref(nsToShort)(__props.rowState.token.namespace) || __props.rowState.token.namespaceRaw !== __props.rowState.token.namespace }) }, toDisplayString(unref(t)("tagConfig.nsLong")), 3), createBaseVNode("span", { class: normalizeClass({ "eqt-row__colon-toggle-hidden": !__props.rowState.token.namespace || !unref(nsToShort)(__props.rowState.token.namespace) || __props.rowState.token.namespaceRaw === __props.rowState.token.namespace }) }, toDisplayString(unref(t)("tagConfig.nsShort")), 3)], 10, _hoisted_4$25), createBaseVNode("select", {
class: "eqt-row__select eqt-row__select--colon",
value: unref(term).getColonPrefixValue(),
onChange: onColonPrefixChange
}, [
createBaseVNode("option", _hoisted_6$22, toDisplayString(unref(t)("tagConfig.colonPrefixNone")), 1),
createBaseVNode("optgroup", { label: unref(t)("tagConfig.colonPrefixNsGroup") }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(nsOptions), (opt) => {
return openBlock(), createElementBlock("option", {
key: opt.value,
value: opt.value
}, toDisplayString(opt.label), 9, _hoisted_8$21);
}), 128))], 8, _hoisted_7$21),
createBaseVNode("optgroup", { label: unref(t)("tagConfig.colonPrefixQGroup") }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(qualifierOptions), (opt) => {
return openBlock(), createElementBlock("option", {
key: opt.value,
value: opt.value
}, toDisplayString(opt.label), 9, _hoisted_10$20);
}), 128))], 8, _hoisted_9$21)
], 40, _hoisted_5$24)]),
createBaseVNode("div", _hoisted_11$20, [createBaseVNode("input", {
ref_key: "tagInputEl",
ref: tagInputEl,
value: __props.rowState.token.tag,
class: "eqt-popup__input eqt-row__tag-input",
placeholder: __props.dbReady ? unref(t)("tagConfig.searchPlaceholder") : unref(t)("tagConfig.loadingPlaceholder"),
disabled: !__props.dbReady,
onInput: onTagInput,
onFocus: onTagFocus,
onBlur: onTagBlur
}, null, 40, _hoisted_12$18), __props.active && __props.dbReady ? (openBlock(), createBlock(TagAutocomplete_default, {
key: 0,
query: __props.rowState.token.tag.trim(),
qualifier: __props.rowState.token.qualifier,
"input-el": tagInputEl.value,
onPick: onPickSuggestion
}, null, 8, [
"query",
"qualifier",
"input-el"
])) : createCommentVNode("", true)]),
createBaseVNode("button", {
class: normalizeClass(["eqt-row__suffix-cycle", {
"eqt-row__suffix-cycle--exact": __props.rowState.token.suffix === "$",
"eqt-row__suffix-cycle--wild": __props.rowState.token.suffix === "*"
}]),
type: "button",
title: __props.rowState.token.suffix === "$" ? unref(t)("tagConfig.exactMatch") : __props.rowState.token.suffix === "*" ? unref(t)("tagConfig.wildcard") : "\xA0",
onClick: onSuffixCycle
}, toDisplayString(__props.rowState.token.suffix ?? "\xA0"), 11, _hoisted_13$15),
createBaseVNode("button", {
class: "eqt-popup__tag-remove",
type: "button",
title: unref(t)("tagConfig.removeRow"),
onClick: _cache[0] || (_cache[0] = ($event) => emit("remove"))
}, "×", 8, _hoisted_14$15)
]), createBaseVNode("div", _hoisted_15$14, [createBaseVNode("label", _hoisted_16$14, toDisplayString(unref(t)("tagConfig.rawSyntax")), 1), createBaseVNode("div", {
ref_key: "rawEl",
ref: rawEl,
class: "eqt-row__raw-editable",
contenteditable: "plaintext-only",
spellcheck: "false",
onInput: onRawInput,
onKeydown: onRawKeydown,
onCompositionstart: onCompositionStart,
onCompositionend: onCompositionEnd
}, null, 544)])], 64);
};
}
});
var _hoisted_1$26 = { class: "eqt-popup-overlay" };
var _hoisted_2$25 = { class: "eqt-popup__body" };
var _hoisted_3$25 = { class: "eqt-popup__field" };
var _hoisted_4$24 = { class: "eqt-popup__label" };
var _hoisted_5$23 = { class: "eqt-popup__field" };
var _hoisted_6$21 = { class: "eqt-popup__label-row" };
var _hoisted_7$20 = { class: "eqt-popup__label" };
var _hoisted_8$20 = ["href"];
var _hoisted_9$20 = {
key: 0,
class: "eqt-popup__field"
};
var _hoisted_10$19 = { class: "eqt-cycle-sim" };
var _hoisted_11$19 = { class: "eqt-cycle-sim__row" };
var _hoisted_12$17 = { class: "eqt-cycle-sim__label" };
var _hoisted_13$14 = ["value"];
var _hoisted_14$14 = { class: "eqt-cycle-modes" };
var _hoisted_15$13 = { class: "eqt-cycle-group" };
var _hoisted_16$13 = { class: "eqt-popup__label eqt-cycle-group__label" };
var _hoisted_17$12 = { class: "eqt-cycle-group" };
var _hoisted_18$12 = { class: "eqt-popup__label eqt-cycle-group__label" };
var _hoisted_19$11 = ["disabled", "title"];
var _hoisted_20$11 = ["checked"];
var _hoisted_21$10 = ["disabled", "title"];
var _hoisted_22$10 = ["checked"];
var _hoisted_23$9 = {
key: 0,
class: "eqt-cycle-reason"
};
var _hoisted_24$7 = { class: "eqt-popup__actions" };
var TagConfigPopup_default = defineComponent({
__name: "TagConfigPopup",
props: {
tag: {},
lineColor: {},
isAdd: { type: Boolean },
nsFormat: {},
defaultExactMatch: { type: Boolean }
},
emits: ["save", "close"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const label = ref("");
const color = ref(void 0);
const effectiveColor = computed(() => color.value ?? props.lineColor);
const rows = reactive([]);
const orEnabled = ref(true);
const excludeEnabled = ref(true);
const activeRow = ref(-1);
const dbReady = ref(false);
const popupEl = ref(null);
const editorRefs = ref([]);
watch(() => props.tag, (t) => {
label.value = t.label ?? "";
color.value = t.color;
const parts = t.tags ?? [];
rows.splice(0, rows.length, ...parts.map(makeRow));
if (props.isAdd || !parts.length) rows.push(makeRow(""));
const disabled = new Set(t.disabledModes ?? []);
orEnabled.value = !disabled.has("or");
excludeEnabled.value = !disabled.has("exclude");
}, { immediate: true });
function addRowAfter(idx) {
rows.splice(idx + 1, 0, makeRow(""));
activeRow.value = idx + 1;
nextTick(() => editorRefs.value[idx + 1]?.focus());
}
function removeRow(idx) {
if (rows.length <= 1) {
rows[0] = makeRow("");
return;
}
rows.splice(idx, 1);
if (activeRow.value === idx) activeRow.value = -1;
else if (activeRow.value > idx) activeRow.value--;
}
function onChildActive(i, val) {
if (val) activeRow.value = i;
else if (activeRow.value === i) activeRow.value = -1;
}
function handleClose() {
if (activeRow.value >= 0) activeRow.value = -1;
else emit("close");
}
usePopupBehavior({
popupEl,
onClose: handleClose,
onSave
});
onMounted(async () => {
await loadTagDb();
dbReady.value = true;
if (props.isAdd) {
await nextTick();
editorRefs.value[0]?.focus();
}
});
const currentDisabledModes = computed(() => {
const d = [];
if (!orEnabled.value) d.push("or");
if (!excludeEnabled.value) d.push("exclude");
return d;
});
function onSave() {
const parts = rows.map((r) => r.rawText.trim()).filter(Boolean);
if (!parts.length) return;
const disabled = currentDisabledModes.value;
emit("save", {
kind: "tag",
tags: parts,
label: label.value.trim() || void 0,
color: color.value,
disabledModes: disabled.length ? disabled : void 0
});
}
const isZh = computed(isZhLocale);
const syntaxHelpUrl = computed(() => isZh.value ? "https://ehwiki.org/wiki/Gallery_Searching/Chinese" : "https://ehwiki.org/wiki/Gallery_Searching");
const currentTags = computed(() => rows.map((r) => r.rawText.trim()).filter(Boolean));
const buttonShape = computed(() => getButtonShape(currentTags.value));
const orShapeAllowed = computed(() => isStateShapeAllowed(buttonShape.value, TagState.Or));
const excludeShapeAllowed = computed(() => isStateShapeAllowed(buttonShape.value, TagState.Exclude));
function shapeLabelFor(shape) {
if (shape === "positive-single" || shape === "positive-multi") return t("tagConfig.shape.allPositive");
if (shape === "negative-single" || shape === "negative-multi") return t("tagConfig.shape.allNegative");
if (shape === "all-or") return t("tagConfig.shape.allOr");
if (shape === "mixed") return t("tagConfig.shape.mixed");
return "";
}
const cycleSkipReason = computed(() => {
const shape = buttonShape.value;
if (shape === "empty") return "";
const skipped = [];
if (!orShapeAllowed.value) skipped.push("Or");
if (!excludeShapeAllowed.value) skipped.push("Exclude");
if (!skipped.length) return "";
if (shape === "mixed") return t("tagConfig.cycleSkipReasonMixed", { skipped: skipped.join(", ") });
if (shape === "all-or") return t("tagConfig.cycleSkipReasonAllOr");
if (!orShapeAllowed.value) return t("tagConfig.cycleSkipReasonOr", { shape: shapeLabelFor(shape) });
return t("tagConfig.cycleSkipReasonExclude", { shape: shapeLabelFor(shape) });
});
const simSequence = computed(() => [TagState.Include, ...getEffectiveModifiers(currentTags.value, currentDisabledModes.value)]);
const simState = ref(TagState.Include);
watch(simSequence, (seq) => {
if (!seq.includes(simState.value)) simState.value = seq[0];
});
function simulateNext() {
const seq = simSequence.value;
simState.value = seq[(seq.indexOf(simState.value) + 1) % seq.length];
}
const SIM_STATE_NAME = {
[TagState.Include]: "Include",
[TagState.Or]: "Or",
[TagState.Exclude]: "Exclude"
};
const simStateName = computed(() => SIM_STATE_NAME[simState.value]);
const simOutput = computed(() => {
if (!currentTags.value.length) return "";
return addTag("", currentTags.value, simState.value);
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$26, [createBaseVNode("div", {
ref_key: "popupEl",
ref: popupEl,
class: "eqt-popup"
}, [createBaseVNode("div", _hoisted_2$25, [
createBaseVNode("div", _hoisted_3$25, [createBaseVNode("label", _hoisted_4$24, toDisplayString(unref(t)("tagConfig.displayName")), 1), createBaseVNode("div", { class: normalizeClass(["eqt-popup__field-row", unref(currentTagStyleClass)]) }, [createVNode(unref(_sfc_main), {
tag: "span",
"model-value": label.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => label.value = v === "\n" ? "" : v),
contenteditable: "plaintext-only",
class: "eqt-popup__name-input",
spellcheck: "false",
"data-placeholder": unref(t)("tagConfig.displayNameHint"),
style: normalizeStyle(effectiveColor.value ? { "--line-color": effectiveColor.value } : void 0),
"no-nl": ""
}, null, 8, [
"model-value",
"data-placeholder",
"style"
])], 2)]),
_cache[12] || (_cache[12] = createBaseVNode("hr", { class: "eqt-popup__divider" }, null, -1)),
createBaseVNode("div", _hoisted_5$23, [createBaseVNode("div", _hoisted_6$21, [
createBaseVNode("label", _hoisted_7$20, toDisplayString(unref(t)("tagConfig.tagSyntax")), 1),
createBaseVNode("a", {
class: "eqt-popup__syntax-help",
href: syntaxHelpUrl.value,
target: "_blank",
rel: "noopener"
}, [createVNode(unref(ExternalLink), { size: 12 }), _cache[5] || (_cache[5] = createTextVNode(" Wiki", -1))], 8, _hoisted_8$20),
createBaseVNode("button", {
class: "eqt-popup__add-btn",
type: "button",
onClick: _cache[1] || (_cache[1] = ($event) => addRowAfter(rows.length - 1))
}, "+ " + toDisplayString(unref(t)("tagbar.addTag")), 1)
]), (openBlock(true), createElementBlock(Fragment, null, renderList(rows, (row, i) => {
return openBlock(), createElementBlock("div", {
key: row.id,
class: "eqt-row"
}, [createVNode(SearchTermEditor_default, {
ref_for: true,
ref_key: "editorRefs",
ref: editorRefs,
"row-state": row,
"default-exact-match": __props.defaultExactMatch,
"ns-format": __props.nsFormat,
"db-ready": dbReady.value,
active: activeRow.value === i,
"onUpdate:active": (val) => onChildActive(i, val),
onRemove: ($event) => removeRow(i)
}, null, 8, [
"row-state",
"default-exact-match",
"ns-format",
"db-ready",
"active",
"onUpdate:active",
"onRemove"
])]);
}), 128))]),
_cache[13] || (_cache[13] = createBaseVNode("hr", { class: "eqt-popup__divider" }, null, -1)),
buttonShape.value !== "empty" ? (openBlock(), createElementBlock("div", _hoisted_9$20, [
createBaseVNode("div", _hoisted_10$19, [createBaseVNode("div", _hoisted_11$19, [createBaseVNode("button", {
type: "button",
class: "eqt-cycle-sim__btn",
onClick: simulateNext
}, [createVNode(unref(MousePointerClick), { size: 13 }), createBaseVNode("span", null, toDisplayString(unref(t)("tagConfig.simulateOutput")), 1)]), createBaseVNode("span", _hoisted_12$17, toDisplayString(unref(t)("tagConfig.simulateCurrent", { state: simStateName.value })), 1)]), createBaseVNode("input", {
type: "text",
class: "eqt-cycle-sim__output",
value: simOutput.value,
readonly: "",
spellcheck: "false"
}, null, 8, _hoisted_13$14)]),
createBaseVNode("div", _hoisted_14$14, [createBaseVNode("div", _hoisted_15$13, [createBaseVNode("span", _hoisted_16$13, toDisplayString(unref(t)("tagConfig.leftClickMode")), 1), _cache[6] || (_cache[6] = createBaseVNode("span", { class: "eqt-cycle-chip eqt-cycle-chip--include" }, "Include", -1))]), createBaseVNode("div", _hoisted_17$12, [
createBaseVNode("span", _hoisted_18$12, toDisplayString(unref(t)("tagConfig.rightClickMode")), 1),
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-cycle-chip eqt-cycle-chip--or", {
"eqt-cycle-chip--shape-disabled": !orShapeAllowed.value,
"eqt-cycle-chip--user-disabled": orShapeAllowed.value && !orEnabled.value
}]),
disabled: !orShapeAllowed.value,
title: orShapeAllowed.value ? orEnabled.value ? unref(t)("tagConfig.cycleChipClickToDisable") : unref(t)("tagConfig.cycleChipClickToEnable") : unref(t)("tagConfig.cycleChipShapeDisabled"),
onClick: _cache[2] || (_cache[2] = ($event) => orShapeAllowed.value && (orEnabled.value = !orEnabled.value))
}, [!orShapeAllowed.value ? (openBlock(), createBlock(unref(Lock), {
key: 0,
size: 11
})) : (openBlock(), createElementBlock("input", {
key: 1,
type: "checkbox",
checked: orEnabled.value,
tabindex: "-1",
class: "eqt-cycle-chip__check"
}, null, 8, _hoisted_20$11)), _cache[7] || (_cache[7] = createBaseVNode("span", null, "Or", -1))], 10, _hoisted_19$11),
createVNode(unref(ChevronRight), {
size: 14,
class: "eqt-cycle-arrow"
}),
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-cycle-chip eqt-cycle-chip--exclude", {
"eqt-cycle-chip--shape-disabled": !excludeShapeAllowed.value,
"eqt-cycle-chip--user-disabled": excludeShapeAllowed.value && !excludeEnabled.value
}]),
disabled: !excludeShapeAllowed.value,
title: excludeShapeAllowed.value ? excludeEnabled.value ? unref(t)("tagConfig.cycleChipClickToDisable") : unref(t)("tagConfig.cycleChipClickToEnable") : unref(t)("tagConfig.cycleChipShapeDisabled"),
onClick: _cache[3] || (_cache[3] = ($event) => excludeShapeAllowed.value && (excludeEnabled.value = !excludeEnabled.value))
}, [!excludeShapeAllowed.value ? (openBlock(), createBlock(unref(Lock), {
key: 0,
size: 11
})) : (openBlock(), createElementBlock("input", {
key: 1,
type: "checkbox",
checked: excludeEnabled.value,
tabindex: "-1",
class: "eqt-cycle-chip__check"
}, null, 8, _hoisted_22$10)), _cache[8] || (_cache[8] = createBaseVNode("span", null, "Exclude", -1))], 10, _hoisted_21$10)
])]),
cycleSkipReason.value ? (openBlock(), createElementBlock("p", _hoisted_23$9, toDisplayString(cycleSkipReason.value), 1)) : createCommentVNode("", true)
])) : createCommentVNode("", true),
createBaseVNode("div", _hoisted_24$7, [
_cache[11] || (_cache[11] = createBaseVNode("div", { class: "eqt-popup__spacer" }, null, -1)),
createBaseVNode("button", {
class: "eqt-popup__btn",
type: "button",
onClick: _cache[4] || (_cache[4] = ($event) => emit("close"))
}, [createTextVNode(toDisplayString(unref(t)("tagConfig.cancel")) + " ", 1), _cache[9] || (_cache[9] = createBaseVNode("kbd", { class: "eqt-popup__kbd" }, "Esc", -1))]),
createBaseVNode("button", {
class: "eqt-popup__btn eqt-popup__btn--green",
type: "button",
onClick: onSave
}, [createTextVNode(toDisplayString(unref(t)("tagConfig.save")) + " ", 1), _cache[10] || (_cache[10] = createBaseVNode("kbd", { class: "eqt-popup__kbd" }, "Ctrl+Enter", -1))])
])
])], 512)]);
};
}
});
var EH_CATEGORIES = [
{
bit: 2,
key: "doujinshi",
nativeClass: "ct2"
},
{
bit: 4,
key: "manga",
nativeClass: "ct3"
},
{
bit: 8,
key: "artistCg",
nativeClass: "ct4"
},
{
bit: 16,
key: "gameCg",
nativeClass: "ct5"
},
{
bit: 512,
key: "western",
nativeClass: "cta"
},
{
bit: 256,
key: "nonH",
nativeClass: "ct9"
},
{
bit: 32,
key: "imageSet",
nativeClass: "ct6"
},
{
bit: 64,
key: "cosplay",
nativeClass: "ct7"
},
{
bit: 128,
key: "asianPorn",
nativeClass: "ct8"
},
{
bit: 1,
key: "misc",
nativeClass: "ct1"
}
];
var ALL_CATEGORIES = EH_CATEGORIES.reduce((mask, c) => mask | c.bit, 0);
function selectedFromFCats(fCats) {
const excluded = fCats & ALL_CATEGORIES;
return new Set(EH_CATEGORIES.map((c) => c.bit).filter((bit) => (excluded & bit) === 0));
}
function fCatsFromSelected(selected) {
let mask = 0;
for (const bit of selected) mask |= bit;
return ALL_CATEGORIES & ~mask;
}
var PARAM = {
keywords: "f_search",
categories: "f_cats",
advanced: "advsearch",
browseExpunged: "f_sh",
requireTorrent: "f_sto",
pagesFrom: "f_spf",
pagesTo: "f_spt",
minRating: "f_srdd",
disableFilterLanguage: "f_sfl",
disableFilterUploader: "f_sfu",
disableFilterTags: "f_sft"
};
var MIN_RATINGS = [
"0",
"2",
"3",
"4",
"5"
];
function emptyAdvancedOptions() {
return {
browseExpunged: false,
requireTorrent: false,
pagesFrom: "",
pagesTo: "",
minRating: "0",
disableFilterLanguage: false,
disableFilterUploader: false,
disableFilterTags: false
};
}
function buildSearchUrl(p, origin = EH_ORIGIN) {
const base = toAbsoluteUrl(origin) ?? toAbsoluteUrl("https://e-hentai.org");
const url = new URL("/", base.origin);
const q = url.searchParams;
if (p.keywords.trim()) q.set(PARAM.keywords, p.keywords.trim());
const fCats = fCatsFromSelected(p.categories);
if (fCats !== 0) q.set(PARAM.categories, String(fCats));
if (p.showAdvanced) q.set(PARAM.advanced, "1");
const a = p.advanced;
if (a.browseExpunged) q.set(PARAM.browseExpunged, "on");
if (a.requireTorrent) q.set(PARAM.requireTorrent, "on");
if (a.pagesFrom.trim()) q.set(PARAM.pagesFrom, a.pagesFrom.trim());
if (a.pagesTo.trim()) q.set(PARAM.pagesTo, a.pagesTo.trim());
if (a.minRating !== "0") q.set(PARAM.minRating, a.minRating);
if (a.disableFilterLanguage) q.set(PARAM.disableFilterLanguage, "on");
if (a.disableFilterUploader) q.set(PARAM.disableFilterUploader, "on");
if (a.disableFilterTags) q.set(PARAM.disableFilterTags, "on");
return url.href;
}
function parseSearchUrl(raw) {
const u = toAbsoluteUrl(raw);
if (!u || !isEhUrl(u) || u.pathname !== "/") return null;
const q = u.searchParams;
const rawCats = Number(q.get(PARAM.categories));
const fCats = Number.isFinite(rawCats) ? rawCats : 0;
return {
keywords: q.get(PARAM.keywords) ?? "",
categories: selectedFromFCats(fCats),
showAdvanced: q.get(PARAM.advanced) === "1",
advanced: readAdvanced$1(q)
};
}
function readAdvanced$1(q) {
const rating = q.get(PARAM.minRating) ?? "0";
return {
browseExpunged: q.has(PARAM.browseExpunged),
requireTorrent: q.has(PARAM.requireTorrent),
pagesFrom: q.get(PARAM.pagesFrom) ?? "",
pagesTo: q.get(PARAM.pagesTo) ?? "",
minRating: MIN_RATINGS.includes(rating) ? rating : "0",
disableFilterLanguage: q.has(PARAM.disableFilterLanguage),
disableFilterUploader: q.has(PARAM.disableFilterUploader),
disableFilterTags: q.has(PARAM.disableFilterTags)
};
}
function fieldValue(form, name) {
const el = form.elements.namedItem(name);
if (el instanceof HTMLInputElement) return el.type === "checkbox" ? el.checked ? "on" : "" : el.value;
if (el instanceof HTMLSelectElement) return el.value;
return "";
}
function readCategories() {
const selected = new Set();
let anyFound = false;
for (const c of EH_CATEGORIES) {
const el = document.getElementById(`cat_${c.bit}`);
if (!el) continue;
anyFound = true;
if (!el.hasAttribute("data-disabled")) selected.add(c.bit);
}
if (!anyFound) for (const c of EH_CATEGORIES) selected.add(c.bit);
return selected;
}
function readAdvanced(form) {
const a = emptyAdvancedOptions();
a.browseExpunged = fieldValue(form, "f_sh") === "on";
a.requireTorrent = fieldValue(form, "f_sto") === "on";
a.pagesFrom = fieldValue(form, "f_spf");
a.pagesTo = fieldValue(form, "f_spt");
a.disableFilterLanguage = fieldValue(form, "f_sfl") === "on";
a.disableFilterUploader = fieldValue(form, "f_sfu") === "on";
a.disableFilterTags = fieldValue(form, "f_sft") === "on";
const rating = fieldValue(form, "f_srdd");
if (MIN_RATINGS.includes(rating)) a.minRating = rating;
return a;
}
function readEhSearchSnapshot() {
const input = document.querySelector("#f_search");
const form = input?.form;
if (!input || !form) return null;
return {
keywords: input.value,
categories: readCategories(),
showAdvanced: form.elements.namedItem("advsearch") !== null,
advanced: readAdvanced(form)
};
}
var _hoisted_1$25 = { class: "eqt-url-builder" };
var _hoisted_2$24 = { class: "eqt-url-builder__field" };
var _hoisted_3$24 = { class: "eqt-popup__label" };
var _hoisted_4$23 = { class: "eqt-url-builder__row" };
var _hoisted_5$22 = { class: "eqt-url-builder__field" };
var _hoisted_6$20 = { class: "eqt-popup__label" };
var _hoisted_7$19 = { class: "eqt-url-builder__cats" };
var _hoisted_8$19 = [
"data-disabled",
"aria-pressed",
"onClick"
];
var _hoisted_9$19 = { class: "eqt-url-builder__advanced" };
var _hoisted_10$18 = { class: "eqt-url-builder__adv-row" };
var _hoisted_11$18 = { class: "eqt-url-builder__check" };
var _hoisted_12$16 = { class: "eqt-url-builder__adv-row" };
var _hoisted_13$13 = { class: "eqt-url-builder__check" };
var _hoisted_14$13 = { class: "eqt-url-builder__check" };
var _hoisted_15$12 = { class: "eqt-url-builder__adv-row" };
var _hoisted_16$12 = { class: "eqt-url-builder__adv-cell" };
var _hoisted_17$11 = { class: "eqt-url-builder__adv-cell" };
var _hoisted_18$11 = ["value"];
var _hoisted_19$10 = { class: "eqt-url-builder__adv-row" };
var _hoisted_20$10 = { class: "eqt-url-builder__adv-cell" };
var _hoisted_21$9 = { class: "eqt-url-builder__check" };
var _hoisted_22$9 = { class: "eqt-url-builder__check" };
var _hoisted_23$8 = { class: "eqt-url-builder__check" };
var UrlSearchBuilder_default = defineComponent({
__name: "UrlSearchBuilder",
props: { modelValue: {} },
emits: ["update:modelValue"],
setup(__props, { expose: __expose, emit: __emit }) {
const props = __props;
const emit = __emit;
const keywords = ref("");
const categories = ref(new Set());
const showAdvanced = ref(false);
const advanced = ref(emptyAdvancedOptions());
const allCategories = () => new Set(EH_CATEGORIES.map((c) => c.bit));
function load(params) {
keywords.value = params.keywords;
categories.value = new Set(params.categories);
showAdvanced.value = params.showAdvanced;
advanced.value = params.advanced;
}
load(parseSearchUrl(props.modelValue) ?? {
keywords: "",
categories: allCategories(),
showAdvanced: false,
advanced: emptyAdvancedOptions()
});
function currentParams() {
return {
keywords: keywords.value,
categories: categories.value,
showAdvanced: showAdvanced.value,
advanced: advanced.value
};
}
watch(() => props.modelValue, (next) => {
if (next === buildSearchUrl(currentParams(), "https://e-hentai.org")) return;
const parsed = parseSearchUrl(next);
if (parsed) load(parsed);
});
watch([
keywords,
categories,
showAdvanced,
advanced
], () => emit("update:modelValue", buildSearchUrl(currentParams(), EH_ORIGIN)), { deep: true });
function toggleCategory(bit) {
const next = new Set(categories.value);
if (next.has(bit)) next.delete(bit);
else next.add(bit);
categories.value = next;
}
function useCurrentPage() {
const snapshot = readEhSearchSnapshot();
if (!snapshot) return;
load(snapshot);
emit("update:modelValue", buildSearchUrl(currentParams(), EH_ORIGIN));
}
__expose({ useCurrentPage });
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$25, [
createBaseVNode("div", _hoisted_2$24, [createBaseVNode("label", _hoisted_3$24, toDisplayString(unref(t)("urlBuilder.keywords")), 1), createBaseVNode("div", _hoisted_4$23, [withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => keywords.value = $event),
class: "eqt-popup__input"
}, null, 512), [[vModelText, keywords.value]])])]),
createBaseVNode("div", _hoisted_5$22, [createBaseVNode("label", _hoisted_6$20, toDisplayString(unref(t)("urlBuilder.categories")), 1), createBaseVNode("div", _hoisted_7$19, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(EH_CATEGORIES), (c) => {
return openBlock(), createElementBlock("button", {
key: c.bit,
class: normalizeClass(["eqt-url-builder__cat cs", c.nativeClass]),
"data-disabled": categories.value.has(c.bit) ? void 0 : "1",
type: "button",
"aria-pressed": categories.value.has(c.bit),
onClick: ($event) => toggleCategory(c.bit)
}, toDisplayString(unref(t)(`category.${c.key}`)), 11, _hoisted_8$19);
}), 128))])]),
createBaseVNode("div", _hoisted_9$19, [
createBaseVNode("div", _hoisted_10$18, [createBaseVNode("label", _hoisted_11$18, [withDirectives(createBaseVNode("input", {
type: "checkbox",
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showAdvanced.value = $event)
}, null, 512), [[vModelCheckbox, showAdvanced.value]]), createBaseVNode("span", null, toDisplayString(unref(t)("urlBuilder.showAdvanced")), 1)])]),
createBaseVNode("div", _hoisted_12$16, [createBaseVNode("label", _hoisted_13$13, [withDirectives(createBaseVNode("input", {
type: "checkbox",
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => advanced.value.browseExpunged = $event)
}, null, 512), [[vModelCheckbox, advanced.value.browseExpunged]]), createBaseVNode("span", null, toDisplayString(unref(t)("urlBuilder.browseExpunged")), 1)]), createBaseVNode("label", _hoisted_14$13, [withDirectives(createBaseVNode("input", {
type: "checkbox",
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => advanced.value.requireTorrent = $event)
}, null, 512), [[vModelCheckbox, advanced.value.requireTorrent]]), createBaseVNode("span", null, toDisplayString(unref(t)("urlBuilder.requireTorrent")), 1)])]),
createBaseVNode("div", _hoisted_15$12, [createBaseVNode("span", _hoisted_16$12, [
createTextVNode(toDisplayString(unref(t)("urlBuilder.pagesBetween")) + " ", 1),
withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => advanced.value.pagesFrom = $event),
class: "eqt-url-builder__num",
maxlength: "4",
inputmode: "numeric"
}, null, 512), [[vModelText, advanced.value.pagesFrom]]),
createTextVNode(" " + toDisplayString(unref(t)("urlBuilder.pagesAnd")) + " ", 1),
withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => advanced.value.pagesTo = $event),
class: "eqt-url-builder__num",
maxlength: "4",
inputmode: "numeric"
}, null, 512), [[vModelText, advanced.value.pagesTo]]),
createTextVNode(" " + toDisplayString(unref(t)("urlBuilder.pagesUnit")), 1)
]), createBaseVNode("span", _hoisted_17$11, [createTextVNode(toDisplayString(unref(t)("urlBuilder.minRating")) + " ", 1), withDirectives(createBaseVNode("select", {
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => advanced.value.minRating = $event),
class: "eqt-url-builder__select"
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(MIN_RATINGS), (r) => {
return openBlock(), createElementBlock("option", {
key: r,
value: r
}, toDisplayString(r === "0" ? unref(t)("urlBuilder.anyRating") : unref(t)("urlBuilder.stars").replace("{n}", r)), 9, _hoisted_18$11);
}), 128))], 512), [[vModelSelect, advanced.value.minRating]])])]),
createBaseVNode("div", _hoisted_19$10, [
createBaseVNode("span", _hoisted_20$10, toDisplayString(unref(t)("urlBuilder.disableFilters")), 1),
createBaseVNode("label", _hoisted_21$9, [withDirectives(createBaseVNode("input", {
type: "checkbox",
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => advanced.value.disableFilterLanguage = $event)
}, null, 512), [[vModelCheckbox, advanced.value.disableFilterLanguage]]), createBaseVNode("span", null, toDisplayString(unref(t)("urlBuilder.filterLanguage")), 1)]),
createBaseVNode("label", _hoisted_22$9, [withDirectives(createBaseVNode("input", {
type: "checkbox",
"onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => advanced.value.disableFilterUploader = $event)
}, null, 512), [[vModelCheckbox, advanced.value.disableFilterUploader]]), createBaseVNode("span", null, toDisplayString(unref(t)("urlBuilder.filterUploader")), 1)]),
createBaseVNode("label", _hoisted_23$8, [withDirectives(createBaseVNode("input", {
type: "checkbox",
"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => advanced.value.disableFilterTags = $event)
}, null, 512), [[vModelCheckbox, advanced.value.disableFilterTags]]), createBaseVNode("span", null, toDisplayString(unref(t)("urlBuilder.filterTags")), 1)])
])
])
]);
};
}
});
var _hoisted_1$24 = { class: "eqt-popup-overlay" };
var _hoisted_2$23 = { class: "eqt-popup__body" };
var _hoisted_3$23 = { class: "eqt-popup__field" };
var _hoisted_4$22 = { class: "eqt-popup__label" };
var _hoisted_5$21 = { class: "eqt-popup__field" };
var _hoisted_6$19 = { class: "eqt-popup__label" };
var _hoisted_7$18 = { class: "eqt-popup__url-row" };
var _hoisted_8$18 = ["disabled"];
var _hoisted_9$18 = { class: "eqt-popup__actions" };
var UrlConfigPopup_default = defineComponent({
__name: "UrlConfigPopup",
props: {
tag: {},
lineColor: {}
},
emits: ["save", "close"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const label = ref("");
const color = ref(void 0);
const effectiveColor = computed(() => color.value ?? props.lineColor);
const url = ref("");
const fetchingTitle = ref(false);
const popupEl = ref(null);
const builderApplicable = computed(() => !url.value.trim() || parseSearchUrl(url.value) !== null);
const snapshotAvailable = readEhSearchSnapshot() !== null;
const builderRef = ref(null);
watch(() => props.tag, (t) => {
label.value = t.label ?? "";
color.value = t.color;
url.value = t.url ? toAbsoluteUrl(t.url)?.href ?? t.url : "";
}, { immediate: true });
let abortFetch = null;
onScopeDispose(() => abortFetch?.abort());
usePopupBehavior({
popupEl,
onClose: () => emit("close"),
onSave
});
function fetchTitle() {
const trimmed = url.value.trim();
if (!trimmed || !hasGMXHR) return;
abortFetch?.abort();
fetchingTitle.value = true;
abortFetch = _GM.xmlHttpRequest({
method: "GET",
url: trimmed,
headers: { Range: "bytes=0-8191" },
timeout: 1e4,
onload: (res) => {
fetchingTitle.value = false;
abortFetch = null;
if (res.status !== 200 && res.status !== 206) return;
const match = res.responseText.slice(0, 8192).match(/<title[^>]*>([^<]+)<\/title>/i);
if (match) label.value = match[1].trim();
},
onerror: () => {
fetchingTitle.value = false;
abortFetch = null;
},
ontimeout: () => {
fetchingTitle.value = false;
abortFetch = null;
}
});
}
function onSave() {
const trimmedUrl = url.value.trim();
if (!trimmedUrl) return;
emit("save", {
kind: "url",
url: toAbsoluteUrl(trimmedUrl)?.href ?? trimmedUrl,
label: label.value.trim() || void 0,
color: color.value
});
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$24, [createBaseVNode("div", {
ref_key: "popupEl",
ref: popupEl,
class: "eqt-popup eqt-popup--url"
}, [createBaseVNode("div", _hoisted_2$23, [
createBaseVNode("div", _hoisted_3$23, [createBaseVNode("label", _hoisted_4$22, toDisplayString(unref(t)("urlConfig.displayName")), 1), createBaseVNode("div", { class: normalizeClass(["eqt-popup__field-row", unref(currentTagStyleClass)]) }, [createVNode(unref(_sfc_main), {
tag: "span",
"model-value": label.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => label.value = v === "\n" ? "" : v),
contenteditable: "plaintext-only",
class: "eqt-popup__name-input",
spellcheck: "false",
"data-placeholder": unref(t)("urlConfig.displayNameHint"),
style: normalizeStyle(effectiveColor.value ? { "--line-color": effectiveColor.value } : void 0),
"no-nl": ""
}, null, 8, [
"model-value",
"data-placeholder",
"style"
])], 2)]),
_cache[8] || (_cache[8] = createBaseVNode("hr", { class: "eqt-popup__divider" }, null, -1)),
createBaseVNode("div", _hoisted_5$21, [createBaseVNode("label", _hoisted_6$19, toDisplayString(unref(t)("urlConfig.url")), 1), createBaseVNode("div", _hoisted_7$18, [withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => url.value = $event),
class: "eqt-popup__input",
placeholder: "https://..."
}, null, 512), [[vModelText, url.value]]), createBaseVNode("button", {
class: "eqt-popup__btn",
type: "button",
disabled: fetchingTitle.value || !url.value.trim(),
onClick: fetchTitle
}, toDisplayString(fetchingTitle.value ? unref(t)("urlConfig.fetching") : unref(t)("urlConfig.fetchTitle")), 9, _hoisted_8$18)])]),
builderApplicable.value ? (openBlock(), createBlock(UrlSearchBuilder_default, {
key: 0,
ref_key: "builderRef",
ref: builderRef,
modelValue: url.value,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => url.value = $event)
}, null, 8, ["modelValue"])) : createCommentVNode("", true),
createBaseVNode("div", _hoisted_9$18, [
builderApplicable.value && snapshotAvailable ? (openBlock(), createElementBlock("button", {
key: 0,
class: "eqt-popup__btn",
type: "button",
onClick: _cache[3] || (_cache[3] = ($event) => builderRef.value?.useCurrentPage())
}, [createVNode(unref(Star), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)("urlBuilder.useCurrentPage")), 1)])) : createCommentVNode("", true),
_cache[7] || (_cache[7] = createBaseVNode("div", { class: "eqt-popup__spacer" }, null, -1)),
createBaseVNode("button", {
class: "eqt-popup__btn",
type: "button",
onClick: _cache[4] || (_cache[4] = ($event) => emit("close"))
}, [createTextVNode(toDisplayString(unref(t)("urlConfig.cancel")) + " ", 1), _cache[5] || (_cache[5] = createBaseVNode("kbd", { class: "eqt-popup__kbd" }, "Esc", -1))]),
createBaseVNode("button", {
class: "eqt-popup__btn eqt-popup__btn--green",
type: "button",
onClick: onSave
}, [createTextVNode(toDisplayString(unref(t)("urlConfig.save")) + " ", 1), _cache[6] || (_cache[6] = createBaseVNode("kbd", { class: "eqt-popup__kbd" }, "Ctrl+Enter", -1))])
])
])], 512)]);
};
}
});
var showSettings = ref(false);
var initialSettingsTab = ref(null);
var showSearchPopup = ref(false);
function openSettings(tab = null) {
initialSettingsTab.value = tab;
showSettings.value = true;
}
function openSearchPopup() {
showSearchPopup.value = true;
}
function useTagButtonEditor() {
const editingLine = ref(-1);
const editingIdx = ref(-1);
const pendingAdd = ref(false);
const showTagPopup = ref(false);
const showUrlPopup = ref(false);
const draftTagButton = ref({
kind: "tag",
tags: []
});
const draftUrlButton = ref({
kind: "url",
url: ""
});
function onConfigure(lineIdx, tagIdx) {
editingLine.value = lineIdx;
editingIdx.value = tagIdx;
pendingAdd.value = false;
const line = lines[lineIdx];
if (line.kind !== "buttons") return;
if (line.buttons[tagIdx].kind === "url") showUrlPopup.value = true;
else showTagPopup.value = true;
}
function onAdd(type = "tag") {
if (type === "url") draftUrlButton.value = {
kind: "url",
url: "",
label: ""
};
else draftTagButton.value = {
kind: "tag",
tags: [],
label: ""
};
const last = lines[lines.length - 1];
if (!last || last.kind !== "buttons") lines.push({
kind: "buttons",
buttons: []
});
editingLine.value = lines.length - 1;
pendingAdd.value = true;
if (type === "url") showUrlPopup.value = true;
else showTagPopup.value = true;
}
function onSave(updated) {
const line = lines[editingLine.value];
if (line.kind !== "buttons") return;
if (pendingAdd.value) line.buttons.push(updated);
else line.buttons[editingIdx.value] = updated;
pendingAdd.value = false;
showTagPopup.value = false;
showUrlPopup.value = false;
}
function onClose() {
pendingAdd.value = false;
showTagPopup.value = false;
showUrlPopup.value = false;
}
return {
tagPopupValue: computed(() => {
if (!showTagPopup.value) return null;
if (pendingAdd.value) return draftTagButton.value;
const line = lines[editingLine.value];
if (!line || line.kind !== "buttons") return null;
const b = line.buttons[editingIdx.value];
return b && b.kind === "tag" ? b : null;
}),
urlPopupValue: computed(() => {
if (!showUrlPopup.value) return null;
if (pendingAdd.value) return draftUrlButton.value;
const line = lines[editingLine.value];
if (!line || line.kind !== "buttons") return null;
const b = line.buttons[editingIdx.value];
return b && b.kind === "url" ? b : null;
}),
editingLineColor: computed(() => {
const line = lines[editingLine.value];
return line?.kind === "buttons" ? line.color : void 0;
}),
pendingAdd,
onConfigure,
onAdd,
onSave,
onClose
};
}
function createPageContext(setup) {
const created = new WeakMap();
return () => {
const owner = getCurrentInstance()?.appContext ?? getCurrentScope();
if (!owner) throw new Error("page context requires an active component setup or effect scope");
if (created.has(owner)) return created.get(owner);
const value = setup();
created.set(owner, value);
return value;
};
}
function createAnchor(id) {
const anchor = document.createElement("div");
anchor.id = id;
anchor.setAttribute("translate", "no");
watch([fontFamily, fontWeight], ([family, weight]) => {
if (family) anchor.style.setProperty("--eqt-font-family", family);
else anchor.style.removeProperty("--eqt-font-family");
if (weight) anchor.style.setProperty("--eqt-font-weight", weight);
else anchor.style.removeProperty("--eqt-font-weight");
}, { immediate: true });
return anchor;
}
function setupEhFormHost() {
const input = document.querySelector("#f_search");
if (!input) return null;
const parent = input.parentElement;
const submitEl = parent.querySelector(":scope > [type=\"submit\"]");
const clearEl = parent.querySelector(":scope > [type=\"button\"]");
const nativeRow = document.createElement("div");
nativeRow.className = "eqt-native-search-row";
parent.insertBefore(nativeRow, input);
nativeRow.appendChild(input);
if (submitEl) nativeRow.appendChild(submitEl);
if (clearEl) nativeRow.appendChild(clearEl);
const anchor = createAnchor("eqt-bar-anchor");
parent.appendChild(anchor);
const searchText = ref(input.value);
const readInput = () => {
searchText.value = input.value;
};
input.addEventListener("input", readInput);
watch(searchText, (value) => {
if (input.value !== value) input.value = value;
});
onScopeDispose(() => input.removeEventListener("input", readInput));
return {
input,
searchText,
anchor,
setControlsWidth(width) {
parent.style.setProperty("--eqt-controls-w", `${width}px`);
}
};
}
var useEhFormHost = createPageContext(setupEhFormHost);
function submitSearch(action, form, query, newTabActive) {
if (form) {
if (action === "searchNewTab") {
const url = new URL(form.action || window.location.href);
new FormData(form).forEach((v, k) => url.searchParams.set(k, v));
Promise.resolve(_GM.openInTab(url.href, { active: newTabActive ?? true })).catch(() => {});
} else form.submit();
return;
}
const url = new URL("/", window.location.href);
url.searchParams.set("f_search", query);
Promise.resolve(_GM.openInTab(url.href, { active: newTabActive ?? true })).catch(() => {});
}
var usePageSearch = createPageContext(() => {
const host = useEhFormHost();
const searchText = host?.searchText ?? ref("");
bindSearchBar({
modelValue: () => searchText.value,
emitUpdate: (value) => {
searchText.value = value;
}
});
function search(action, newTabActive) {
submitSearch(action, host?.input.form ?? null, searchText.value, newTabActive);
}
return {
searchText,
search
};
});
var _hoisted_1$23 = { class: "eqt-tag-bar__lines" };
var _hoisted_2$22 = { class: "eqt-tag-bar__info" };
var _hoisted_3$22 = { class: "eqt-tag-bar__info-text" };
var _hoisted_4$21 = { class: "eqt-tag-bar__info-section" };
var _hoisted_5$20 = { class: "eqt-tag-bar__info-row" };
var _hoisted_6$18 = { class: "eqt-tag-bar__info-row" };
var _hoisted_7$17 = { class: "eqt-tag-bar__info-hint" };
var _hoisted_8$17 = { class: "eqt-tag-bar__info-section" };
var _hoisted_9$17 = { class: "eqt-tag-bar__info-row" };
var _hoisted_10$17 = { class: "eqt-tag-bar__info-row" };
var _hoisted_11$17 = { class: "eqt-tag-bar__info-row" };
var _hoisted_12$15 = {
key: 0,
class: "eqt-tag-bar__search-area"
};
var _hoisted_13$12 = { class: "eqt-tag-bar__search-area-label" };
var _hoisted_14$12 = { class: "eqt-tag-bar__bottom-row" };
var _hoisted_15$11 = { class: "eqt-tag-bar__tool" };
var _hoisted_16$11 = { class: "eqt-tag-bar__tool" };
var _hoisted_17$10 = { class: "eqt-tag-bar__controls" };
var _hoisted_18$10 = { class: "eqt-tag-bar__ctrl-split" };
var TagBar_default = defineComponent({
__name: "TagBar",
setup(__props) {
const ACTION_KEYS = {
search: "tagbar.search",
searchNewTab: "tagbar.searchNewTab",
clearSearch: "tagbar.clearSearch",
toggleEdit: "tagbar.toggleEdit",
openSearchPopup: "tagbar.browseTag",
none: "tagbar.none"
};
const host = useEhFormHost();
const { searchText, search } = usePageSearch();
const { tagPopupValue, urlPopupValue, editingLineColor, pendingAdd, onConfigure: openButtonEditor, onAdd, onSave, onClose } = useTagButtonEditor();
const editing = ref(false);
const onCreationPage = ref(false);
const dragging = ref(false);
const lineArea = ref(null);
const editToggleEl = ref(null);
function onTagStart() {
dragging.value = true;
lineArea.value?.closeActionMenus();
}
function onTagEnd() {
setTimeout(() => {
dragging.value = false;
}, 0);
}
let lastRightClickTime = 0;
function isInteractive(e) {
return e.target.closest("button, a, input");
}
function onBarDblClick(e) {
if (isInteractive(e)) return;
const action = dblClickLeft.value;
if (editing.value && action !== "toggleEdit") return;
e.preventDefault();
e.stopPropagation();
window.getSelection()?.removeAllRanges();
execDblClickAction(action, dblClickLeftNewTabActive.value);
}
function onBarContextMenu(e) {
if (isInteractive(e)) return;
const action = dblClickRight.value;
if (editing.value && action !== "toggleEdit") return;
e.preventDefault();
const now = Date.now();
if (now - lastRightClickTime < 500) {
execDblClickAction(action, dblClickRightNewTabActive.value);
lastRightClickTime = 0;
} else lastRightClickTime = now;
}
function preventNativeContextMenuWhileEditing(e) {
if (!editing.value) return;
if (e.target.closest("input, textarea, [contenteditable]")) return;
e.preventDefault();
}
async function execDblClickAction(action, newTabActive) {
if (action === "none") return;
if (action === "toggleEdit") {
editing.value = !editing.value;
return;
}
if (action === "openSearchPopup") {
openSearchPopup();
return;
}
if (action === "clearSearch") searchText.value = "";
else {
await recordSubmitAndFlush();
search(action, action === "searchNewTab" ? newTabActive : void 0);
}
}
const lineTools = [{
kind: "buttons",
buttons: []
}, { kind: "separator" }];
const spacerTools = [{
kind: "spacer",
mode: "fixed",
width: 40
}, {
kind: "spacer",
mode: "flex"
}];
function cloneTool(tool) {
return JSON.parse(JSON.stringify(tool));
}
const lineToolDragOptions = {
...baseDragOptions,
group: {
name: EQT_LINES_GROUP,
pull: "clone",
put: false
},
sort: false,
ghostClass: "eqt-tag-bar__tool--ghost",
chosenClass: "eqt-tag-bar__tool--chosen",
dragClass: "eqt-tag-bar__tool--drag"
};
const spacerToolDragOptions = {
...lineToolDragOptions,
group: {
name: EQT_TAGS_GROUP,
pull: "clone",
put: false
}
};
const dragToolNames = computed(() => [...lineTools.map((tool) => t(tool.kind === "separator" ? "tagbar.addSeparatorLine" : "tagbar.addButtonLine")), ...spacerTools.map((tool) => t(tool.mode === "flex" ? "tagbar.spacerModeFlex" : "tagbar.spacerModeFixed"))].join(t("tagbar.infoListSeparator")));
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [createBaseVNode("div", {
class: normalizeClass(["eqt-tag-bar", [unref(currentTagStyleClass), { "eqt-tag-bar--accent-on-include": unref(useAccentOnInclude) }]]),
onDblclick: onBarDblClick,
onContextmenuCapture: preventNativeContextMenuWhileEditing,
onContextmenu: onBarContextMenu
}, [_cache[9] || (_cache[9] = createBaseVNode("div", { class: "eqt-tag-bar__overlay" }, null, -1)), createBaseVNode("div", _hoisted_1$23, [
createVNode(TagBarProfileSwitcher_default, {
"on-creation-page": onCreationPage.value,
"onUpdate:onCreationPage": _cache[0] || (_cache[0] = ($event) => onCreationPage.value = $event),
editing: editing.value
}, {
default: withCtx(() => [createBaseVNode("span", _hoisted_2$22, [createVNode(unref(Info), { size: 16 }), createBaseVNode("span", _hoisted_3$22, [
createBaseVNode("span", _hoisted_4$21, toDisplayString(unref(t)("tagbar.infoPreviewSection")), 1),
createBaseVNode("span", _hoisted_5$20, toDisplayString(unref(t)("tagbar.infoPreviewLeft", { action: unref(t)(ACTION_KEYS[unref(dblClickLeft)]) })), 1),
createBaseVNode("span", _hoisted_6$18, toDisplayString(unref(t)("tagbar.infoPreviewRight", { action: unref(t)(ACTION_KEYS[unref(dblClickRight)]) })), 1),
createBaseVNode("span", _hoisted_7$17, toDisplayString(unref(t)("tagbar.infoHint")), 1),
createBaseVNode("span", _hoisted_8$17, toDisplayString(unref(t)("tagbar.infoEditSection")), 1),
createBaseVNode("span", _hoisted_9$17, toDisplayString(unref(t)("tagbar.infoEditLeft")), 1),
createBaseVNode("span", _hoisted_10$17, toDisplayString(unref(t)("tagbar.infoEditRight")), 1),
createBaseVNode("span", _hoisted_11$17, toDisplayString(unref(t)("tagbar.infoEditDrag", { tools: dragToolNames.value })), 1)
])])]),
_: 1
}, 8, ["on-creation-page", "editing"]),
createVNode(TagBarLines_default, {
ref_key: "lineArea",
ref: lineArea,
modelValue: unref(searchText),
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchText) ? searchText.value = $event : null),
editing: editing.value,
"on-creation-page": onCreationPage.value,
dragging: dragging.value,
onConfigure: unref(openButtonEditor),
onDragStart: onTagStart,
onDragEnd: onTagEnd,
onControlsWidth: unref(host).setControlsWidth,
onFocusEditToggle: _cache[2] || (_cache[2] = ($event) => editToggleEl.value?.focus())
}, null, 8, [
"modelValue",
"editing",
"on-creation-page",
"dragging",
"onConfigure",
"onControlsWidth"
]),
unref(showSearchPanel) ? (openBlock(), createElementBlock("div", _hoisted_12$15, [createBaseVNode("span", _hoisted_13$12, toDisplayString(unref(t)("tagbar.searchPanel")), 1), createVNode(SearchPanel_default, {
modelValue: unref(searchText),
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(searchText) ? searchText.value = $event : null),
editing: editing.value,
onAddToSearch: unref(openSearchPopup),
onSearch: _cache[4] || (_cache[4] = ($event) => unref(search)("search")),
onDragStart: onTagStart,
onDragEnd: onTagEnd
}, null, 8, [
"modelValue",
"editing",
"onAddToSearch"
])])) : createCommentVNode("", true),
createBaseVNode("div", _hoisted_14$12, [
editing.value ? (openBlock(), createBlock(unref(draggableComponent), mergeProps({ key: 0 }, lineToolDragOptions, {
"model-value": lineTools,
"item-key": (tool) => tool.kind,
clone: cloneTool,
tag: "div",
class: "eqt-tag-bar__line-add"
}), {
item: withCtx(({ element: tool }) => [createBaseVNode("div", _hoisted_15$11, [createVNode(unref(GripVertical), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)(tool.kind === "separator" ? "tagbar.addSeparatorLine" : "tagbar.addButtonLine")), 1)])]),
_: 1
}, 16, ["item-key"])) : createCommentVNode("", true),
editing.value ? (openBlock(), createBlock(unref(draggableComponent), mergeProps({ key: 1 }, spacerToolDragOptions, {
"model-value": spacerTools,
"item-key": (tool) => tool.mode,
clone: cloneTool,
tag: "div",
class: "eqt-tag-bar__item-add"
}), {
item: withCtx(({ element: tool }) => [createBaseVNode("div", _hoisted_16$11, [(openBlock(), createBlock(resolveDynamicComponent(tool.mode === "flex" ? unref(AlignHorizontalSpaceBetween) : unref(ArrowLeftRight)), { size: 12 })), createTextVNode(" " + toDisplayString(unref(t)(tool.mode === "flex" ? "tagbar.spacerModeFlex" : "tagbar.spacerModeFixed")), 1)])]),
_: 1
}, 16, ["item-key"])) : createCommentVNode("", true),
createBaseVNode("div", _hoisted_17$10, [
createBaseVNode("div", _hoisted_18$10, [createBaseVNode("button", {
class: "eqt-tag-bar__ctrl-split-btn",
type: "button",
onClick: _cache[5] || (_cache[5] = ($event) => unref(onAdd)("tag"))
}, [createVNode(unref(Plus), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)("tagbar.addTag")), 1)]), createBaseVNode("button", {
class: "eqt-tag-bar__ctrl-split-btn",
type: "button",
onClick: _cache[6] || (_cache[6] = ($event) => unref(onAdd)("url"))
}, [createVNode(unref(ExternalLink), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)("tagbar.addUrl")), 1)])]),
createBaseVNode("button", {
ref_key: "editToggleEl",
ref: editToggleEl,
class: normalizeClass(["eqt-tag-bar__ctrl eqt-tag-bar__ctrl--toggle", { "is-active": editing.value }]),
type: "button",
onClick: _cache[7] || (_cache[7] = ($event) => editing.value = !editing.value)
}, [createBaseVNode("span", { class: normalizeClass({ "eqt-tag-bar__ctrl-hidden": !editing.value }) }, [createVNode(unref(Check), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)("tagbar.done")), 1)], 2), createBaseVNode("span", { class: normalizeClass({ "eqt-tag-bar__ctrl-hidden": editing.value }) }, [createVNode(unref(Pencil), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)("tagbar.edit")), 1)], 2)], 2),
createBaseVNode("button", {
class: "eqt-tag-bar__ctrl",
type: "button",
onClick: _cache[8] || (_cache[8] = ($event) => unref(openSettings)())
}, [createVNode(unref(Settings), { size: 12 }), createTextVNode(" " + toDisplayString(unref(t)("tagbar.settings")), 1)])
])
])
])], 34), (openBlock(), createBlock(Teleport, { to: "#eqt-app" }, [unref(tagPopupValue) ? (openBlock(), createBlock(TagConfigPopup_default, {
key: 0,
tag: unref(tagPopupValue),
"line-color": unref(editingLineColor),
"is-add": unref(pendingAdd),
"ns-format": unref(nsFormat),
"default-exact-match": unref(defaultExactMatch),
onSave: unref(onSave),
onClose: unref(onClose)
}, null, 8, [
"tag",
"line-color",
"is-add",
"ns-format",
"default-exact-match",
"onSave",
"onClose"
])) : createCommentVNode("", true), unref(urlPopupValue) ? (openBlock(), createBlock(UrlConfigPopup_default, {
key: 1,
tag: unref(urlPopupValue),
"line-color": unref(editingLineColor),
onSave: unref(onSave),
onClose: unref(onClose)
}, null, 8, [
"tag",
"line-color",
"onSave",
"onClose"
])) : createCommentVNode("", true)]))], 64);
};
}
});
var NEUTRAL = "3377FF";
var NEGATIVE = "FF6666";
var LUMA_SPLIT = 151;
var DARKEN = 32;
function normalizeTagColor(input) {
const hex = input.trim().replace(/^#/, "");
if (!hex) return "";
if (!/^[0-9a-f]{6}$/i.test(hex)) return null;
return `#${hex.toUpperCase()}`;
}
function clampByte(n) {
return Math.min(255, Math.max(0, n)).toString(16).padStart(2, "0");
}
function tagColors({ color, setColor, weight, hidden }) {
let base = color.replace("#", "");
if (!base) base = setColor.replace("#", "");
if (!base) base = !hidden && weight >= 0 ? NEUTRAL : NEGATIVE;
const r = parseInt(base.slice(0, 2), 16);
const g = parseInt(base.slice(2, 4), 16);
const b = parseInt(base.slice(4, 6), 16);
if (Number.isNaN(r) || Number.isNaN(g) || Number.isNaN(b)) return {
text: "090909",
face: NEUTRAL,
edge: NEUTRAL
};
const light = .299 * r + .587 * g + .114 * b > LUMA_SPLIT;
const darker = clampByte(r - DARKEN) + clampByte(g - DARKEN) + clampByte(b - DARKEN);
return {
text: light ? "090909" : "f1f1f1",
face: light ? base : darker,
edge: light ? darker : base
};
}
function tagChipStyle(colors, isExHentai) {
const face = isExHentai && colors.text === "f1f1f1" ? colors.edge : colors.face;
return {
color: `#${colors.text}`,
background: isExHentai ? `#${face}` : `radial-gradient(#${face},#${colors.edge})`,
borderColor: `#${face}`
};
}
function pageWindow() {
return _unsafeWindow ?? window;
}
function endpoint(w) {
if (typeof w.api_url === "string" && w.api_url) return w.api_url;
return location.hostname === "exhentai.org" ? "https://s.exhentai.org/api.php" : "https://api.e-hentai.org/api.php";
}
function canWrite() {
const w = pageWindow();
return typeof w.apiuid === "number" && typeof w.apikey === "string";
}
async function setUserTag(tag) {
const w = pageWindow();
if (typeof w.apiuid !== "number" || typeof w.apikey !== "string") return {
ok: false,
error: "no-credentials"
};
try {
const res = await fetch(endpoint(w), {
method: "POST",
headers: { "Content-Type": "application/json" },
credentials: "include",
body: JSON.stringify({
method: "setusertag",
apiuid: w.apiuid,
apikey: w.apikey,
tagid: tag.id,
tagwatch: tag.watch ? 1 : 0,
taghide: tag.hidden ? 1 : 0,
tagcolor: tag.color,
tagweight: String(tag.weight)
})
});
if (!res.ok) return {
ok: false,
error: `http-${res.status}`
};
const body = await res.json();
if (body.login) return {
ok: false,
error: "login-required"
};
if (body.error) return {
ok: false,
error: body.error
};
return { ok: true };
} catch (e) {
return {
ok: false,
error: String(e)
};
}
}
function formUrl(tagSet) {
return Number(tagSet) > 1 ? `${location.origin}/mytags?tagset=${encodeURIComponent(tagSet)}` : `${location.origin}/mytags`;
}
async function postForm(tagSet, fields) {
const body = new URLSearchParams();
for (const [k, v] of fields) body.append(k, v);
try {
const res = await fetch(formUrl(tagSet), {
method: "POST",
credentials: "same-origin",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: body.toString()
});
if (!res.ok) return null;
return new DOMParser().parseFromString(await res.text(), "text/html");
} catch {
return null;
}
}
function postMassAction(tagSet, ids, target) {
const fields = [
["usertag_action", "mass"],
["tagname_new", ""],
["tagcolor_new", ""],
["tagweight_new", "10"],
["usertag_target", target]
];
for (const id of ids) fields.push(["modify_usertags[]", String(id)]);
return postForm(tagSet, fields);
}
var SET_USED = /\((\d+)\)\s*$/;
function el(root, id) {
return root.getElementById(id);
}
function parseTagRows(doc, tagSet) {
const rows = [];
const outer = doc.querySelector("#usertags_outer");
if (!outer) return rows;
const root = doc instanceof Document ? doc : doc.ownerDocument;
for (const preview of outer.querySelectorAll("[id^=\"tagpreview_\"]")) {
const raw = preview.id.slice(11);
if (raw === "0") continue;
const full = preview.title;
if (!full) continue;
const weightEl = el(root, `tagweight_${raw}`);
if (!weightEl) continue;
const weight = parseInt(weightEl.value, 10);
if (Number.isNaN(weight)) continue;
rows.push({
id: Number(raw),
full,
weight,
hidden: el(root, `taghide_${raw}`)?.checked ?? false,
watch: el(root, `tagwatch_${raw}`)?.checked ?? false,
color: el(root, `tagcolor_${raw}`)?.value ?? "",
tagSet
});
}
return rows;
}
var UCONFIG$1 = "/uconfig.php";
function findThreshold(doc, id, label) {
const raw = (doc.querySelector(`#${id}`) ?? [...doc.querySelectorAll("input[type=\"text\"], input[type=\"number\"]")].find((el) => label.test(el.closest("div, tr, p")?.textContent ?? "")))?.value.trim();
if (!raw) return null;
const n = Number(raw);
return Number.isFinite(n) ? n : null;
}
async function fetchThresholds() {
try {
const res = await fetch(UCONFIG$1, { credentials: "same-origin" });
if (!res.ok) return { filter: null };
return { filter: findThreshold(new DOMParser().parseFromString(await res.text(), "text/html"), "ft", /filter/i) };
} catch {
return { filter: null };
}
}
async function fetchMyTagsDoc(url) {
try {
const res = await fetch(url, { credentials: "same-origin" });
if (!res.ok) return null;
return new DOMParser().parseFromString(await res.text(), "text/html");
} catch {
return null;
}
}
function parseTagSetSnapshot(doc, value) {
if (!doc.querySelector("#usertag_form") || !doc.querySelector("#usertags_outer")) return null;
return {
value,
name: doc.querySelector("#tagset_outer option[selected]")?.textContent?.trim() ?? value,
enabled: doc.querySelector("#tagset_enable")?.checked ?? true,
defaultColor: doc.querySelector("#tagcolor")?.value ?? "",
rows: parseTagRows(doc, value)
};
}
async function fetchTagSet(value) {
const doc = await fetchMyTagsDoc(`/mytags?tagset=${encodeURIComponent(value)}`);
return doc ? parseTagSetSnapshot(doc, value) : null;
}
async function fetchTagSetIndex() {
const doc = await fetchMyTagsDoc("/mytags");
if (!doc) return null;
const options = [...doc.querySelectorAll("#tagset_outer select option")];
const current = doc.querySelector("#tagset_outer option[selected]")?.value ?? options[0]?.value ?? "1";
const set = parseTagSetSnapshot(doc, current);
if (!set) return null;
return {
order: options.length ? options.map((o) => o.value) : [current],
current: set
};
}
function tagSetUrl(value) {
return Number(value) > 1 ? `${location.origin}/mytags?tagset=${encodeURIComponent(value)}` : `${location.origin}/mytags`;
}
function setupEhMyTagsHost() {
if (location.pathname !== "/mytags") return null;
const form = document.querySelector("#usertag_form");
const outer = document.querySelector("#usertags_outer");
if (!form || !outer) return null;
const options = [...document.querySelectorAll("#tagset_outer select option")];
const currentSet = options.find((o) => o.selected)?.value ?? "1";
const used = new Map();
for (const o of document.querySelectorAll("#usertag_target option")) {
if (o.value === "0") continue;
const n = SET_USED.exec(o.textContent ?? "");
if (n) used.set(o.value, Number(n[1]));
}
used.set(currentSet, outer.querySelectorAll("[id^=\"usertag_\"]").length - 1);
const tagSets = options.map((o) => ({
value: o.value,
name: (o.textContent ?? o.value).replace(SET_USED, "").trim(),
selected: o.value === currentSet,
used: used.get(o.value) ?? null
}));
const topbarHomes = ["nb", "lb"].flatMap((id) => {
const node = document.getElementById(id);
if (!node) return [];
const marker = document.createComment(`eqt-${id}-home`);
node.before(marker);
return [{
node,
marker
}];
});
const anchor = createAnchor("eqt-mytags-anchor");
const pageBox = document.querySelector("#outer");
if (pageBox) pageBox.after(anchor);
else form.after(anchor);
async function massAction(ids, target, tagSet) {
if (!ids.length) return null;
const doc = await postMassAction(tagSet, ids, target);
if (!doc) return null;
const snapshot = parseTagSetSnapshot(doc, tagSet);
if (!snapshot) return null;
const shown = doc.querySelector("#tagset_outer option[selected]")?.value;
if (shown !== void 0 && shown !== tagSet) return null;
return snapshot.rows;
}
return {
anchor,
currentSet,
tagSets,
enabled: document.querySelector("#tagset_enable")?.checked ?? true,
defaultColor: document.querySelector("#tagcolor")?.value ?? "",
readRows: () => parseTagRows(document, currentSet),
coverNative(on) {
const box = pageBox ?? form;
if (box instanceof HTMLElement) box.style.display = on ? "none" : "";
},
mountEhTopbar(target) {
for (const { node } of topbarHomes) target.appendChild(node);
},
restoreEhTopbar() {
for (const { node, marker } of topbarHomes) marker.parentNode?.insertBefore(node, marker.nextSibling);
},
switchSet(value) {
location.href = tagSetUrl(value);
},
async createTag(tagSet, input) {
const name = el(document, "tagname_new");
const action = el(document, "usertag_action");
if (!name || !action) return null;
name.value = input.full;
const w = el(document, "tagweight_0");
if (w) w.value = String(input.weight);
const c = el(document, "tagcolor_0");
if (c) c.value = input.color;
const h = el(document, "taghide_0");
if (h) h.checked = input.hidden;
const t = el(document, "tagwatch_0");
if (t) t.checked = input.watch;
action.value = "add";
const doc = await postForm(tagSet, [...new FormData(form)].flatMap(([k, v]) => typeof v === "string" ? [[k, v]] : []));
return doc ? parseTagSetSnapshot(doc, tagSet)?.rows ?? null : null;
},
deleteTags(ids, tagSet) {
return massAction(ids, "0", tagSet);
},
moveTags(ids, targetSet, tagSet) {
return massAction(ids, targetSet, tagSet);
},
onChange(fn) {
const handler = () => fn();
outer.addEventListener("input", handler);
outer.addEventListener("change", handler);
return () => {
outer.removeEventListener("input", handler);
outer.removeEventListener("change", handler);
};
}
};
}
var useEhMyTagsHost = createPageContext(setupEhMyTagsHost);
var KEY = "eqt_mytags_palette";
var SCHEMA = 3;
function buildMyTagsPalette(sets) {
const colors = new Map();
for (const set of sets) {
if (!set.enabled) continue;
for (const row of set.rows) {
if (colors.has(row.full)) continue;
colors.set(row.full, {
...tagColors({
color: row.color,
setColor: set.defaultColor,
weight: row.weight,
hidden: row.hidden
}),
weight: row.weight,
hidden: row.hidden,
watch: row.watch
});
}
}
return Object.fromEntries(colors);
}
function isPaletteEntry(value) {
if (!value || typeof value !== "object") return false;
const { text, face, edge, weight, hidden, watch } = value;
return typeof text === "string" && typeof face === "string" && typeof edge === "string" && typeof weight === "number" && Number.isFinite(weight) && typeof hidden === "boolean" && typeof watch === "boolean";
}
function parsePalette(raw) {
if (!raw) return null;
try {
const saved = JSON.parse(raw);
if (saved.schema !== SCHEMA || !saved.tags || typeof saved.tags !== "object" || Array.isArray(saved.tags)) return null;
const out = {};
for (const [full, colors] of Object.entries(saved.tags)) {
if (!isPaletteEntry(colors)) return null;
out[full] = colors;
}
return out;
} catch {
return null;
}
}
async function saveMyTagsPalette(palette) {
await cacheSet(KEY, JSON.stringify({
schema: SCHEMA,
tags: palette
}));
}
async function fetchAllTagSets() {
const index = await fetchTagSetIndex();
if (!index) throw new Error("mytags-unreachable");
const rest = await Promise.all(index.order.filter((value) => value !== index.current.value).map((value) => fetchTagSet(value)));
if (rest.some((set) => !set)) throw new Error("mytags-incomplete");
const byValue = new Map([[index.current.value, index.current]]);
for (const set of rest) if (set) byValue.set(set.value, set);
return index.order.flatMap((value) => byValue.get(value) ?? []);
}
async function refreshMyTagsPalette() {
const palette = buildMyTagsPalette(await fetchAllTagSets());
await saveMyTagsPalette(palette);
return palette;
}
async function loadMyTagsPalette() {
return parsePalette(await cacheGet(KEY)) ?? await refreshMyTagsPalette();
}
var PICK_PREFIX = "eqt_mytags_pick:";
var PICK_SCHEMA = 1;
var PICK_PARAM = "eqt_gid";
function parsePick(raw) {
if (!raw) return null;
try {
const saved = JSON.parse(raw);
if (saved.schema !== PICK_SCHEMA || typeof saved.savedAt !== "number" || !Array.isArray(saved.tags) || !saved.tags.every((tag) => typeof tag === "string")) return null;
return {
tags: saved.tags,
savedAt: saved.savedAt
};
} catch {
return null;
}
}
function stalePicks(entries, limit = 20) {
return [...entries].sort((a, b) => (b.savedAt ?? -Infinity) - (a.savedAt ?? -Infinity)).slice(limit).map((entry) => entry.key);
}
async function savePick(gid, tags) {
const key = `${PICK_PREFIX}${gid}`;
await cacheSet(key, JSON.stringify({
schema: PICK_SCHEMA,
tags,
savedAt: Date.now()
}));
const keys = await cacheKeys(PICK_PREFIX);
if (keys.length <= 20) return;
const entries = await Promise.all(keys.map(async (k) => ({
key: k,
savedAt: parsePick(await cacheGet(k))?.savedAt ?? null
})));
await Promise.all(stalePicks(entries).filter((k) => k !== key).map(cacheDelete));
}
async function loadPick(gid) {
return parsePick(await cacheGet(`${PICK_PREFIX}${gid}`))?.tags ?? [];
}
function pickUrl(origin, gid) {
const url = new URL("/mytags", origin);
url.searchParams.set(PICK_PARAM, String(gid));
return url.href;
}
function parseGalleryUrl(input) {
const m = /\/g\/(\d+)\/([0-9a-f]{10})(?:[/?#]|$)/.exec(input.trim());
return m ? {
gid: Number(m[1]),
token: m[2]
} : null;
}
function withImport(imports, gallery) {
const next = new Map();
for (const [tag, sources] of imports) {
const kept = sources.filter((s) => s.gid !== gallery.gid);
if (kept.length) next.set(tag, kept);
}
for (const tag of gallery.tags) {
if (tag.full.startsWith("language:") || tag.full === "parody:original") continue;
const source = {
gid: gallery.gid,
title: gallery.title,
tier: tag.tier
};
next.set(tag.full, [...next.get(tag.full) ?? [], source]);
}
return next;
}
var TIER_RANK = {
gtw: 0,
gtl: 1,
gt: 2
};
function bestTier(sources) {
let best = "gtw";
for (const s of sources) if (TIER_RANK[s.tier] > TIER_RANK[best]) best = s.tier;
return best;
}
function evidenceOf(sources) {
if (!sources.length) return null;
const best = bestTier(sources);
return best === "gt" ? "solid" : best === "gtl" ? "dashed" : "dotted";
}
var ONCLICK_RE = /toggle_tagmenu\(\s*(\d+)\s*,\s*'([^']+)'/;
function parseTaglistRoot(root) {
const tags = [];
for (const a of root.querySelectorAll("a[onclick^=\"return toggle_tagmenu\"]")) {
const m = a.getAttribute("onclick")?.match(ONCLICK_RE);
if (!m) continue;
const tagid = Number(m[1]);
const nsRaw = m[2];
const colon = nsRaw.indexOf(":");
if (colon <= 0) continue;
const divEl = a.parentElement;
tags.push({
tagid,
ns: nsRaw.slice(0, colon),
raw: nsRaw.slice(colon + 1),
nsRaw,
tierClass: divEl?.className ?? "",
voteClass: a.className ?? ""
});
}
return tags;
}
function setupEhGalleryHost() {
const tagList = document.querySelector("#taglist");
const gd4 = document.querySelector("#gd4");
if (!tagList || !gd4) return null;
const tags = parseTaglistRoot(tagList);
const tagmenuAct2 = gd4.querySelector("#tagmenu_act2");
if (tagmenuAct2) tagmenuAct2.style.display = "none";
const nativeWrap = document.createElement("div");
nativeWrap.id = "eqt-native-wrap";
while (gd4.firstChild) nativeWrap.appendChild(gd4.firstChild);
gd4.appendChild(nativeWrap);
const anchor = createAnchor("eqt-gallery-anchor");
gd4.appendChild(anchor);
function applyGalleryLayout() {
anchor.classList.toggle("is-expand", galleryTaglistExpand.value);
anchor.closest("#gmid")?.style.setProperty("--eqt-gallery-height", `${galleryTaglistHeight.value}px`);
}
watch([galleryTaglistExpand, galleryTaglistHeight], applyGalleryLayout);
onMounted(applyGalleryLayout);
return {
tags,
anchor,
taglistEl: tagList
};
}
var useEhGalleryHost = createPageContext(setupEhGalleryHost);
function textOf(root, sel) {
return root.querySelector(sel)?.textContent?.trim() ?? "";
}
function styleOf(root, sel) {
return root.querySelector(sel)?.getAttribute("style") ?? "";
}
function parseGalleryDoc(doc, gid, token) {
const taglist = doc.querySelector("#taglist");
const tags = (taglist ? parseTaglistRoot(taglist) : []).map((tag) => ({
full: tag.nsRaw,
tier: /\bgtw\b/.test(tag.tierClass) ? "gtw" : /\bgtl\b/.test(tag.tierClass) ? "gtl" : "gt"
}));
const thumbs = [];
for (const a of doc.querySelectorAll("#gdt a")) {
const box = a.querySelector("div[style]");
if (!box) continue;
thumbs.push({
href: a.getAttribute("href") ?? "",
label: box.getAttribute("title") ?? "",
style: box.getAttribute("style") ?? ""
});
}
const facts = [];
for (const row of doc.querySelectorAll("#gdd tr")) {
const label = (row.querySelector(".gdt1")?.textContent ?? "").replace(/:\s*$/, "").trim();
const value = row.querySelector(".gdt2")?.textContent?.trim() ?? "";
if (label) facts.push({
label,
value
});
}
return {
gid,
token,
title: textOf(doc, "#gn"),
titleJp: textOf(doc, "#gj"),
category: textOf(doc, "#gdc"),
uploader: textOf(doc, "#gdn a"),
coverStyle: styleOf(doc, "#gd1 div"),
rating: textOf(doc, "#rating_label"),
facts,
tags,
thumbs
};
}
async function fetchGallery(gid, token) {
try {
const res = await fetch(`/g/${gid}/${token}/`, { credentials: "same-origin" });
if (!res.ok) return null;
const detail = parseGalleryDoc(new DOMParser().parseFromString(await res.text(), "text/html"), gid, token);
return detail.title || detail.thumbs.length ? detail : null;
} catch {
return null;
}
}
function getVoteContext() {
const m = location.pathname.match(/^\/g\/(\d+)\/([a-f0-9]+)\/?$/);
if (!m) return null;
const w = pageWindow();
if (typeof w.apiuid !== "number" || typeof w.apikey !== "string") return null;
return {
apiuid: w.apiuid,
apikey: w.apikey,
gid: Number(m[1]),
token: m[2]
};
}
async function callApiVote(tagsField, vote) {
const ctx = getVoteContext();
if (!ctx) return { error: "vote context unavailable (apiuid/apikey/url mismatch)" };
const apiHost = location.hostname === "exhentai.org" ? "s.exhentai.org" : "api.e-hentai.org";
let res;
try {
res = await fetch(`https://${apiHost}/api.php`, {
method: "POST",
credentials: "include",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
method: "taggallery",
apiuid: ctx.apiuid,
apikey: ctx.apikey,
gid: ctx.gid,
token: ctx.token,
tags: tagsField,
vote
})
});
} catch (e) {
return { error: `network error: ${e instanceof Error ? e.message : String(e)}` };
}
if (!res.ok) return { error: `HTTP ${res.status}` };
let body;
try {
body = await res.json();
} catch {
return { error: "invalid JSON response" };
}
if (body.login) return { needsLogin: true };
const out = {};
if (body.error) out.error = body.error;
if (body.redirect) out.redirect = body.redirect;
if (body.tagpane) out.tagpaneHtml = body.tagpane;
return out;
}
function batchVote(tags, voteValue) {
return callApiVote(tags.map((t) => t.nsRaw).join(","), voteValue);
}
var PREFIX = "EhQuickTag - ";
function useEqtToast() {
const toast = useToast();
return {
success: (msg) => toast.success(PREFIX + msg),
error: (msg) => toast.error(PREFIX + msg),
warning: (msg) => toast.warning(PREFIX + msg),
info: (msg) => toast.info(PREFIX + msg)
};
}
function _OverloadYield(e, d) {
this.v = e, this.k = d;
}
function _arrayLikeToArray(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
function _arrayWithHoles(r) {
if (Array.isArray(r)) return r;
}
function _iterableToArrayLimit(r, l) {
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (null != t) {
var e, n, i, u, a = [], f = !0, o = !1;
try {
if (i = (t = t.call(r)).next, 0 === l) {
if (Object(t) !== t) return;
f = !1;
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
} catch (r) {
o = !0, n = r;
} finally {
try {
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
} finally {
if (o) throw n;
}
}
return a;
}
}
function _nonIterableRest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function _slicedToArray(r, e) {
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
}
function _unsupportedIterableToArray(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
}
}
function AsyncGenerator(e) {
var t, n;
function resume(t, n) {
try {
var r = e[t](n), o = r.value, u = o instanceof _OverloadYield;
Promise.resolve(u ? o.v : o).then(function(n) {
if (u) {
var i = "return" === t && o.k ? t : "next";
if (!o.k || n.done) return resume(i, n);
n = e[i](n).value;
}
settle(!!r.done, n);
}, function(e) {
resume("throw", e);
});
} catch (e) {
settle(2, e);
}
}
function settle(e, r) {
2 === e ? t.reject(r) : t.resolve({
value: r,
done: e
}), (t = t.next) ? resume(t.key, t.arg) : n = null;
}
this._invoke = function(e, r) {
return new Promise(function(o, u) {
var i = {
key: e,
arg: r,
resolve: o,
reject: u,
next: null
};
n ? n = n.next = i : (t = n = i, resume(e, r));
});
}, "function" != typeof e.return && (this.return = void 0);
}
AsyncGenerator.prototype["function" == typeof Symbol && Symbol.asyncIterator || "@@asyncIterator"] = function() {
return this;
}, AsyncGenerator.prototype.next = function(e) {
return this._invoke("next", e);
}, AsyncGenerator.prototype.throw = function(e) {
return this._invoke("throw", e);
}, AsyncGenerator.prototype.return = function(e) {
return this._invoke("return", e);
};
var entries = Object.entries;
var setPrototypeOf = Object.setPrototypeOf;
var isFrozen = Object.isFrozen;
var getPrototypeOf = Object.getPrototypeOf;
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
var freeze = Object.freeze;
var seal = Object.seal;
var create = Object.create;
var _ref = typeof Reflect !== "undefined" && Reflect;
var apply = _ref.apply;
var construct = _ref.construct;
if (!freeze) freeze = function freeze(x) {
return x;
};
if (!seal) seal = function seal(x) {
return x;
};
if (!apply) apply = function apply(func, thisArg) {
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) args[_key - 2] = arguments[_key];
return func.apply(thisArg, args);
};
if (!construct) construct = function construct(Func) {
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) args[_key2 - 1] = arguments[_key2];
return new Func(...args);
};
var arrayForEach = unapply(Array.prototype.forEach);
Array.prototype.indexOf;
var arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
var arrayPop = unapply(Array.prototype.pop);
var arrayPush = unapply(Array.prototype.push);
Array.prototype.slice;
var arraySplice = unapply(Array.prototype.splice);
var arrayIsArray = Array.isArray;
var stringToLowerCase = unapply(String.prototype.toLowerCase);
var stringToString = unapply(String.prototype.toString);
var stringMatch = unapply(String.prototype.match);
var stringReplace = unapply(String.prototype.replace);
var stringIndexOf = unapply(String.prototype.indexOf);
var stringTrim = unapply(String.prototype.trim);
var numberToString = unapply(Number.prototype.toString);
var booleanToString = unapply(Boolean.prototype.toString);
var bigintToString = typeof BigInt === "undefined" ? null : unapply(BigInt.prototype.toString);
var symbolToString = typeof Symbol === "undefined" ? null : unapply(Symbol.prototype.toString);
var objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
var objectToString = unapply(Object.prototype.toString);
var regExpTest = unapply(RegExp.prototype.test);
var typeErrorCreate = unconstruct(TypeError);
function unapply(func) {
return function(thisArg) {
if (thisArg instanceof RegExp) thisArg.lastIndex = 0;
for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) args[_key3 - 1] = arguments[_key3];
return apply(func, thisArg, args);
};
}
function unconstruct(Func) {
return function() {
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) args[_key4] = arguments[_key4];
return construct(Func, args);
};
}
function addToSet(set, array) {
let transformCaseFunc = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : stringToLowerCase;
if (setPrototypeOf) setPrototypeOf(set, null);
if (!arrayIsArray(array)) return set;
let l = array.length;
while (l--) {
let element = array[l];
if (typeof element === "string") {
const lcElement = transformCaseFunc(element);
if (lcElement !== element) {
if (!isFrozen(array)) array[l] = lcElement;
element = lcElement;
}
}
set[element] = true;
}
return set;
}
function cleanArray(array) {
for (let index = 0; index < array.length; index++) if (!objectHasOwnProperty(array, index)) array[index] = null;
return array;
}
function clone(object) {
const newObject = create(null);
for (const _ref2 of entries(object)) {
var _ref3 = _slicedToArray(_ref2, 2);
const property = _ref3[0];
const value = _ref3[1];
if (objectHasOwnProperty(object, property)) if (arrayIsArray(value)) newObject[property] = cleanArray(value);
else if (value && typeof value === "object" && value.constructor === Object) newObject[property] = clone(value);
else newObject[property] = value;
}
return newObject;
}
function stringifyValue(value) {
switch (typeof value) {
case "string": return value;
case "number": return numberToString(value);
case "boolean": return booleanToString(value);
case "bigint": return bigintToString ? bigintToString(value) : "0";
case "symbol": return symbolToString ? symbolToString(value) : "Symbol()";
case "undefined": return objectToString(value);
case "function":
case "object": {
if (value === null) return objectToString(value);
const valueAsRecord = value;
const valueToString = lookupGetter(valueAsRecord, "toString");
if (typeof valueToString === "function") {
const stringified = valueToString(valueAsRecord);
return typeof stringified === "string" ? stringified : objectToString(stringified);
}
return objectToString(value);
}
default: return objectToString(value);
}
}
function lookupGetter(object, prop) {
while (object !== null) {
const desc = getOwnPropertyDescriptor(object, prop);
if (desc) {
if (desc.get) return unapply(desc.get);
if (typeof desc.value === "function") return unapply(desc.value);
}
object = getPrototypeOf(object);
}
function fallbackValue() {
return null;
}
return fallbackValue;
}
function isRegex(value) {
try {
regExpTest(value, "");
return true;
} catch (_unused) {
return false;
}
}
var html$1 = freeze([
"a",
"abbr",
"acronym",
"address",
"area",
"article",
"aside",
"audio",
"b",
"bdi",
"bdo",
"big",
"blink",
"blockquote",
"body",
"br",
"button",
"canvas",
"caption",
"center",
"cite",
"code",
"col",
"colgroup",
"content",
"data",
"datalist",
"dd",
"decorator",
"del",
"details",
"dfn",
"dialog",
"dir",
"div",
"dl",
"dt",
"element",
"em",
"fieldset",
"figcaption",
"figure",
"font",
"footer",
"form",
"h1",
"h2",
"h3",
"h4",
"h5",
"h6",
"head",
"header",
"hgroup",
"hr",
"html",
"i",
"img",
"input",
"ins",
"kbd",
"label",
"legend",
"li",
"main",
"map",
"mark",
"marquee",
"menu",
"menuitem",
"meter",
"nav",
"nobr",
"ol",
"optgroup",
"option",
"output",
"p",
"picture",
"pre",
"progress",
"q",
"rp",
"rt",
"ruby",
"s",
"samp",
"search",
"section",
"select",
"shadow",
"slot",
"small",
"source",
"spacer",
"span",
"strike",
"strong",
"style",
"sub",
"summary",
"sup",
"table",
"tbody",
"td",
"template",
"textarea",
"tfoot",
"th",
"thead",
"time",
"tr",
"track",
"tt",
"u",
"ul",
"var",
"video",
"wbr"
]);
var svg$1 = freeze([
"svg",
"a",
"altglyph",
"altglyphdef",
"altglyphitem",
"animatecolor",
"animatemotion",
"animatetransform",
"circle",
"clippath",
"defs",
"desc",
"ellipse",
"enterkeyhint",
"exportparts",
"filter",
"font",
"g",
"glyph",
"glyphref",
"hkern",
"image",
"inputmode",
"line",
"lineargradient",
"marker",
"mask",
"metadata",
"mpath",
"part",
"path",
"pattern",
"polygon",
"polyline",
"radialgradient",
"rect",
"stop",
"style",
"switch",
"symbol",
"text",
"textpath",
"title",
"tref",
"tspan",
"view",
"vkern"
]);
var svgFilters = freeze([
"feBlend",
"feColorMatrix",
"feComponentTransfer",
"feComposite",
"feConvolveMatrix",
"feDiffuseLighting",
"feDisplacementMap",
"feDistantLight",
"feDropShadow",
"feFlood",
"feFuncA",
"feFuncB",
"feFuncG",
"feFuncR",
"feGaussianBlur",
"feImage",
"feMerge",
"feMergeNode",
"feMorphology",
"feOffset",
"fePointLight",
"feSpecularLighting",
"feSpotLight",
"feTile",
"feTurbulence"
]);
var svgDisallowed = freeze([
"animate",
"color-profile",
"cursor",
"discard",
"font-face",
"font-face-format",
"font-face-name",
"font-face-src",
"font-face-uri",
"foreignobject",
"hatch",
"hatchpath",
"mesh",
"meshgradient",
"meshpatch",
"meshrow",
"missing-glyph",
"script",
"set",
"solidcolor",
"unknown",
"use"
]);
var mathMl$1 = freeze([
"math",
"menclose",
"merror",
"mfenced",
"mfrac",
"mglyph",
"mi",
"mlabeledtr",
"mmultiscripts",
"mn",
"mo",
"mover",
"mpadded",
"mphantom",
"mroot",
"mrow",
"ms",
"mspace",
"msqrt",
"mstyle",
"msub",
"msup",
"msubsup",
"mtable",
"mtd",
"mtext",
"mtr",
"munder",
"munderover",
"mprescripts"
]);
var mathMlDisallowed = freeze([
"maction",
"maligngroup",
"malignmark",
"mlongdiv",
"mscarries",
"mscarry",
"msgroup",
"mstack",
"msline",
"msrow",
"semantics",
"annotation",
"annotation-xml",
"mprescripts",
"none"
]);
var text = freeze(["#text"]);
var html = freeze([
"accept",
"action",
"align",
"alt",
"autocapitalize",
"autocomplete",
"autopictureinpicture",
"autoplay",
"background",
"bgcolor",
"border",
"capture",
"cellpadding",
"cellspacing",
"checked",
"cite",
"class",
"clear",
"color",
"cols",
"colspan",
"command",
"commandfor",
"controls",
"controlslist",
"coords",
"crossorigin",
"datetime",
"decoding",
"default",
"dir",
"disabled",
"disablepictureinpicture",
"disableremoteplayback",
"download",
"draggable",
"enctype",
"enterkeyhint",
"exportparts",
"face",
"for",
"headers",
"height",
"hidden",
"high",
"href",
"hreflang",
"id",
"inert",
"inputmode",
"integrity",
"ismap",
"kind",
"label",
"lang",
"list",
"loading",
"loop",
"low",
"max",
"maxlength",
"media",
"method",
"min",
"minlength",
"multiple",
"muted",
"name",
"nonce",
"noshade",
"novalidate",
"nowrap",
"open",
"optimum",
"part",
"pattern",
"placeholder",
"playsinline",
"popover",
"popovertarget",
"popovertargetaction",
"poster",
"preload",
"pubdate",
"radiogroup",
"readonly",
"rel",
"required",
"rev",
"reversed",
"role",
"rows",
"rowspan",
"spellcheck",
"scope",
"selected",
"shape",
"size",
"sizes",
"slot",
"span",
"srclang",
"start",
"src",
"srcset",
"step",
"style",
"summary",
"tabindex",
"title",
"translate",
"type",
"usemap",
"valign",
"value",
"width",
"wrap",
"xmlns"
]);
var svg = freeze([
"accent-height",
"accumulate",
"additive",
"alignment-baseline",
"amplitude",
"ascent",
"attributename",
"attributetype",
"azimuth",
"basefrequency",
"baseline-shift",
"begin",
"bias",
"by",
"class",
"clip",
"clippathunits",
"clip-path",
"clip-rule",
"color",
"color-interpolation",
"color-interpolation-filters",
"color-profile",
"color-rendering",
"cx",
"cy",
"d",
"dx",
"dy",
"diffuseconstant",
"direction",
"display",
"divisor",
"dominant-baseline",
"dur",
"edgemode",
"elevation",
"end",
"exponent",
"fill",
"fill-opacity",
"fill-rule",
"filter",
"filterunits",
"flood-color",
"flood-opacity",
"font-family",
"font-size",
"font-size-adjust",
"font-stretch",
"font-style",
"font-variant",
"font-weight",
"fx",
"fy",
"g1",
"g2",
"glyph-name",
"glyphref",
"gradientunits",
"gradienttransform",
"height",
"href",
"id",
"image-rendering",
"in",
"in2",
"intercept",
"k",
"k1",
"k2",
"k3",
"k4",
"kerning",
"keypoints",
"keysplines",
"keytimes",
"lang",
"lengthadjust",
"letter-spacing",
"kernelmatrix",
"kernelunitlength",
"lighting-color",
"local",
"marker-end",
"marker-mid",
"marker-start",
"markerheight",
"markerunits",
"markerwidth",
"maskcontentunits",
"maskunits",
"max",
"mask",
"mask-type",
"media",
"method",
"mode",
"min",
"name",
"numoctaves",
"offset",
"operator",
"opacity",
"order",
"orient",
"orientation",
"origin",
"overflow",
"paint-order",
"path",
"pathlength",
"patterncontentunits",
"patterntransform",
"patternunits",
"pointer-events",
"points",
"preservealpha",
"preserveaspectratio",
"primitiveunits",
"r",
"rx",
"ry",
"radius",
"refx",
"refy",
"repeatcount",
"repeatdur",
"restart",
"result",
"rotate",
"scale",
"seed",
"shape-rendering",
"slope",
"specularconstant",
"specularexponent",
"spreadmethod",
"startoffset",
"stddeviation",
"stitchtiles",
"stop-color",
"stop-opacity",
"stroke-dasharray",
"stroke-dashoffset",
"stroke-linecap",
"stroke-linejoin",
"stroke-miterlimit",
"stroke-opacity",
"stroke",
"stroke-width",
"style",
"surfacescale",
"systemlanguage",
"tabindex",
"tablevalues",
"targetx",
"targety",
"transform",
"transform-origin",
"text-anchor",
"text-decoration",
"text-orientation",
"text-rendering",
"textlength",
"type",
"u1",
"u2",
"unicode",
"values",
"vector-effect",
"viewbox",
"visibility",
"version",
"vert-adv-y",
"vert-origin-x",
"vert-origin-y",
"width",
"word-spacing",
"wrap",
"writing-mode",
"xchannelselector",
"ychannelselector",
"x",
"x1",
"x2",
"xmlns",
"y",
"y1",
"y2",
"z",
"zoomandpan"
]);
var mathMl = freeze([
"accent",
"accentunder",
"align",
"bevelled",
"close",
"columnalign",
"columnlines",
"columnspacing",
"columnspan",
"denomalign",
"depth",
"dir",
"display",
"displaystyle",
"encoding",
"fence",
"frame",
"height",
"href",
"id",
"largeop",
"length",
"linethickness",
"lquote",
"lspace",
"mathbackground",
"mathcolor",
"mathsize",
"mathvariant",
"maxsize",
"minsize",
"movablelimits",
"notation",
"numalign",
"open",
"rowalign",
"rowlines",
"rowspacing",
"rowspan",
"rspace",
"rquote",
"scriptlevel",
"scriptminsize",
"scriptsizemultiplier",
"selection",
"separator",
"separators",
"stretchy",
"subscriptshift",
"supscriptshift",
"symmetric",
"voffset",
"width",
"xmlns"
]);
var xml = freeze([
"xlink:href",
"xml:id",
"xlink:title",
"xml:space",
"xmlns:xlink"
]);
var MUSTACHE_EXPR = seal(/{{[\w\W]*|^[\w\W]*}}/g);
var ERB_EXPR = seal(/<%[\w\W]*|^[\w\W]*%>/g);
var TMPLIT_EXPR = seal(/\${[\w\W]*/g);
var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/);
var ARIA_ATTR = seal(/^aria-[\-\w]+$/);
var IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);
var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
var ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);
var DOCTYPE_NAME = seal(/^html$/i);
var CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
var ELEMENT_MARKUP_PROBE = seal(/<[/\w!]/g);
var COMMENT_MARKUP_PROBE = seal(/<[/\w]/g);
var FALLBACK_TAG_CLOSE = seal(/<\/no(script|embed|frames)/i);
var SELF_CLOSING_TAG = seal(/\/>/i);
var NODE_TYPE = {
element: 1,
attribute: 2,
text: 3,
cdataSection: 4,
entityReference: 5,
entityNode: 6,
processingInstruction: 7,
comment: 8,
document: 9,
documentType: 10,
documentFragment: 11,
notation: 12
};
var LITERAL_TEXT_ELEMENT_NAMES = [
"style",
"script",
"xmp",
"iframe",
"noembed",
"noframes",
"plaintext",
"noscript"
];
var LITERAL_TEXT_ELEMENTS = freeze(addToSet({}, LITERAL_TEXT_ELEMENT_NAMES));
var LITERAL_TEXT_CLOSE = function() {
const map = {};
arrayForEach(LITERAL_TEXT_ELEMENT_NAMES, (name) => {
map[name] = seal(new RegExp("</" + name + "(?=[\\t\\n\\f\\r />])", "i"));
});
return freeze(map);
}();
var getGlobal = function getGlobal() {
return typeof window === "undefined" ? null : window;
};
var _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
if (typeof trustedTypes !== "object" || typeof trustedTypes.createPolicy !== "function") return null;
let suffix = null;
const ATTR_NAME = "data-tt-policy-suffix";
if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) suffix = purifyHostElement.getAttribute(ATTR_NAME);
const policyName = "dompurify" + (suffix ? "#" + suffix : "");
try {
return trustedTypes.createPolicy(policyName, {
createHTML(html) {
return html;
},
createScriptURL(scriptUrl) {
return scriptUrl;
}
});
} catch (_) {
console.warn("TrustedTypes policy " + policyName + " could not be created.");
return null;
}
};
var _createHooksMap = function _createHooksMap() {
return {
afterSanitizeAttributes: [],
afterSanitizeElements: [],
afterSanitizeShadowDOM: [],
beforeSanitizeAttributes: [],
beforeSanitizeElements: [],
beforeSanitizeShadowDOM: [],
uponSanitizeAttribute: [],
uponSanitizeElement: [],
uponSanitizeShadowNode: []
};
};
var _resolveSetOption = function _resolveSetOption(cfg, key, fallback, options) {
return objectHasOwnProperty(cfg, key) && arrayIsArray(cfg[key]) ? addToSet(options.base ? clone(options.base) : {}, cfg[key], options.transform) : fallback;
};
var _resolveObjectOption = function _resolveObjectOption(cfg, key, makeFallback) {
const value = objectHasOwnProperty(cfg, key) ? cfg[key] : void 0;
return value && typeof value === "object" ? clone(value) : makeFallback();
};
function createDOMPurify() {
let window = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
const DOMPurify = (root) => createDOMPurify(root);
DOMPurify.version = "3.4.16";
DOMPurify.removed = [];
if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
DOMPurify.isSupported = false;
return DOMPurify;
}
let document = window.document;
const originalDocument = document;
const currentScript = originalDocument.currentScript;
window.DocumentFragment;
const HTMLTemplateElement = window.HTMLTemplateElement, Node = window.Node, Element = window.Element, NodeFilter = window.NodeFilter;
window.NamedNodeMap === void 0 && (window.NamedNodeMap || window.MozNamedAttrMap);
window.HTMLFormElement;
const DOMParser = window.DOMParser, trustedTypes = window.trustedTypes;
const ElementPrototype = Element.prototype;
const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
const remove = lookupGetter(ElementPrototype, "remove");
const removeAttributeNode = lookupGetter(ElementPrototype, "removeAttributeNode");
const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
const getChildNodes = lookupGetter(ElementPrototype, "childNodes");
const getParentNode = lookupGetter(ElementPrototype, "parentNode");
const getShadowRoot = lookupGetter(ElementPrototype, "shadowRoot");
const getAttributes = lookupGetter(ElementPrototype, "attributes");
const getNodeType = Node && Node.prototype ? lookupGetter(Node.prototype, "nodeType") : null;
const getNodeName = Node && Node.prototype ? lookupGetter(Node.prototype, "nodeName") : null;
const getOwnerDocument = Node && Node.prototype ? lookupGetter(Node.prototype, "ownerDocument") : null;
const _readNodeType = function _readNodeType(node) {
return getNodeType ? getNodeType(node) : node.nodeType;
};
const _readNodeName = function _readNodeName(node) {
return getNodeName ? getNodeName(node) : node.nodeName;
};
if (typeof HTMLTemplateElement === "function") {
const template = document.createElement("template");
if (template.content && template.content.ownerDocument) document = template.content.ownerDocument;
}
let trustedTypesPolicy;
let emptyHTML = "";
let defaultTrustedTypesPolicy;
let defaultTrustedTypesPolicyResolved = false;
let IN_TRUSTED_TYPES_POLICY = 0;
const _assertNotInTrustedTypesPolicy = function _assertNotInTrustedTypesPolicy() {
if (IN_TRUSTED_TYPES_POLICY > 0) throw typeErrorCreate("A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the \"DOMPurify and Trusted Types\" section of the README.");
};
const _createTrustedHTML = function _createTrustedHTML(html) {
_assertNotInTrustedTypesPolicy();
IN_TRUSTED_TYPES_POLICY++;
try {
return trustedTypesPolicy.createHTML(html);
} finally {
IN_TRUSTED_TYPES_POLICY--;
}
};
const _createTrustedScriptURL = function _createTrustedScriptURL(scriptUrl) {
_assertNotInTrustedTypesPolicy();
IN_TRUSTED_TYPES_POLICY++;
try {
return trustedTypesPolicy.createScriptURL(scriptUrl);
} finally {
IN_TRUSTED_TYPES_POLICY--;
}
};
const _getDefaultTrustedTypesPolicy = function _getDefaultTrustedTypesPolicy() {
if (!defaultTrustedTypesPolicyResolved) {
defaultTrustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
defaultTrustedTypesPolicyResolved = true;
}
return defaultTrustedTypesPolicy;
};
const _document = document, implementation = _document.implementation, createNodeIterator = _document.createNodeIterator, createDocumentFragment = _document.createDocumentFragment, getElementsByTagName = _document.getElementsByTagName;
const importNode = originalDocument.importNode;
let hooks = _createHooksMap();
DOMPurify.isSupported = typeof entries === "function" && typeof getParentNode === "function" && implementation && implementation.createHTMLDocument !== void 0;
const MUSTACHE_EXPR$1 = MUSTACHE_EXPR, ERB_EXPR$1 = ERB_EXPR, TMPLIT_EXPR$1 = TMPLIT_EXPR, DATA_ATTR$1 = DATA_ATTR, ARIA_ATTR$1 = ARIA_ATTR, IS_SCRIPT_OR_DATA$1 = IS_SCRIPT_OR_DATA, ATTR_WHITESPACE$1 = ATTR_WHITESPACE, CUSTOM_ELEMENT$1 = CUSTOM_ELEMENT;
let IS_ALLOWED_URI$1 = IS_ALLOWED_URI;
let ALLOWED_TAGS = null;
const DEFAULT_ALLOWED_TAGS = addToSet({}, [
...html$1,
...svg$1,
...svgFilters,
...mathMl$1,
...text
]);
let ALLOWED_ATTR = null;
const DEFAULT_ALLOWED_ATTR = addToSet({}, [
...html,
...svg,
...mathMl,
...xml
]);
let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
tagNameCheck: {
writable: true,
configurable: false,
enumerable: true,
value: null
},
attributeNameCheck: {
writable: true,
configurable: false,
enumerable: true,
value: null
},
allowCustomizedBuiltInElements: {
writable: true,
configurable: false,
enumerable: true,
value: false
}
}));
let FORBID_TAGS = null;
let FORBID_ATTR = null;
const EXTRA_ELEMENT_HANDLING = Object.seal(create(null, {
tagCheck: {
writable: true,
configurable: false,
enumerable: true,
value: null
},
attributeCheck: {
writable: true,
configurable: false,
enumerable: true,
value: null
}
}));
let ALLOW_ARIA_ATTR = true;
let ALLOW_DATA_ATTR = true;
let ALLOW_UNKNOWN_PROTOCOLS = false;
let ALLOW_SELF_CLOSE_IN_ATTR = true;
let SAFE_FOR_TEMPLATES = false;
let SAFE_FOR_XML = true;
let WHOLE_DOCUMENT = false;
let SET_CONFIG = false;
let SET_CONFIG_ALLOWED_TAGS = null;
let SET_CONFIG_ALLOWED_ATTR = null;
let FORCE_BODY = false;
let RETURN_DOM = false;
let RETURN_DOM_FRAGMENT = false;
let RETURN_TRUSTED_TYPE = false;
let SANITIZE_DOM = true;
let SANITIZE_NAMED_PROPS = false;
const SANITIZE_NAMED_PROPS_PREFIX = "user-content-";
let KEEP_CONTENT = true;
let IN_PLACE = false;
let USE_PROFILES = {};
let FORBID_CONTENTS = null;
const DEFAULT_FORBID_CONTENTS = addToSet({}, [
"annotation-xml",
"audio",
"colgroup",
"desc",
"foreignobject",
"head",
"iframe",
"math",
"mi",
"mn",
"mo",
"ms",
"mtext",
"noembed",
"noframes",
"noscript",
"plaintext",
"script",
"selectedcontent",
"style",
"svg",
"template",
"thead",
"title",
"video",
"xmp"
]);
let DATA_URI_TAGS = null;
const DEFAULT_DATA_URI_TAGS = addToSet({}, [
"audio",
"video",
"img",
"source",
"image",
"track"
]);
let URI_SAFE_ATTRIBUTES = null;
const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, [
"alt",
"class",
"for",
"id",
"label",
"name",
"pattern",
"placeholder",
"role",
"summary",
"title",
"value",
"style",
"xmlns"
]);
const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
let NAMESPACE = HTML_NAMESPACE;
let IS_EMPTY_INPUT = false;
let ALLOWED_NAMESPACES = null;
const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [
MATHML_NAMESPACE,
SVG_NAMESPACE,
HTML_NAMESPACE
], stringToString);
const DEFAULT_MATHML_TEXT_INTEGRATION_POINTS = freeze([
"mi",
"mo",
"mn",
"ms",
"mtext"
]);
let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, DEFAULT_MATHML_TEXT_INTEGRATION_POINTS);
const DEFAULT_HTML_INTEGRATION_POINTS = freeze(["annotation-xml"]);
let HTML_INTEGRATION_POINTS = addToSet({}, DEFAULT_HTML_INTEGRATION_POINTS);
const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, [
"title",
"style",
"font",
"a",
"script"
]);
let PARSER_MEDIA_TYPE = null;
const SUPPORTED_PARSER_MEDIA_TYPES = ["application/xhtml+xml", "text/html"];
const DEFAULT_PARSER_MEDIA_TYPE = "text/html";
let transformCaseFunc = null;
let CONFIG = null;
const formElement = document.createElement("form");
const isRegexOrFunction = function isRegexOrFunction(testValue) {
return testValue instanceof RegExp || testValue instanceof Function;
};
const _parseConfig = function _parseConfig() {
let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
if (CONFIG && CONFIG === cfg) return;
if (!cfg || typeof cfg !== "object") cfg = {};
cfg = clone(cfg);
PARSER_MEDIA_TYPE = SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
transformCaseFunc = PARSER_MEDIA_TYPE === "application/xhtml+xml" ? stringToString : stringToLowerCase;
ALLOWED_TAGS = _resolveSetOption(cfg, "ALLOWED_TAGS", DEFAULT_ALLOWED_TAGS, { transform: transformCaseFunc });
ALLOWED_ATTR = _resolveSetOption(cfg, "ALLOWED_ATTR", DEFAULT_ALLOWED_ATTR, { transform: transformCaseFunc });
ALLOWED_NAMESPACES = _resolveSetOption(cfg, "ALLOWED_NAMESPACES", DEFAULT_ALLOWED_NAMESPACES, { transform: stringToString });
URI_SAFE_ATTRIBUTES = _resolveSetOption(cfg, "ADD_URI_SAFE_ATTR", DEFAULT_URI_SAFE_ATTRIBUTES, {
transform: transformCaseFunc,
base: DEFAULT_URI_SAFE_ATTRIBUTES
});
DATA_URI_TAGS = _resolveSetOption(cfg, "ADD_DATA_URI_TAGS", DEFAULT_DATA_URI_TAGS, {
transform: transformCaseFunc,
base: DEFAULT_DATA_URI_TAGS
});
FORBID_CONTENTS = _resolveSetOption(cfg, "FORBID_CONTENTS", DEFAULT_FORBID_CONTENTS, { transform: transformCaseFunc });
FORBID_TAGS = _resolveSetOption(cfg, "FORBID_TAGS", clone({}), { transform: transformCaseFunc });
FORBID_ATTR = _resolveSetOption(cfg, "FORBID_ATTR", clone({}), { transform: transformCaseFunc });
USE_PROFILES = objectHasOwnProperty(cfg, "USE_PROFILES") ? cfg.USE_PROFILES && typeof cfg.USE_PROFILES === "object" ? clone(cfg.USE_PROFILES) : cfg.USE_PROFILES : false;
ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false;
ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false;
ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false;
ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false;
SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false;
SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false;
WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false;
RETURN_DOM = cfg.RETURN_DOM || false;
RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false;
RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false;
FORCE_BODY = cfg.FORCE_BODY || false;
SANITIZE_DOM = cfg.SANITIZE_DOM !== false;
SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false;
KEEP_CONTENT = cfg.KEEP_CONTENT !== false;
IN_PLACE = cfg.IN_PLACE || false;
IS_ALLOWED_URI$1 = isRegex(cfg.ALLOWED_URI_REGEXP) ? cfg.ALLOWED_URI_REGEXP : IS_ALLOWED_URI;
NAMESPACE = typeof cfg.NAMESPACE === "string" ? cfg.NAMESPACE : HTML_NAMESPACE;
MATHML_TEXT_INTEGRATION_POINTS = _resolveObjectOption(cfg, "MATHML_TEXT_INTEGRATION_POINTS", () => addToSet({}, DEFAULT_MATHML_TEXT_INTEGRATION_POINTS));
HTML_INTEGRATION_POINTS = _resolveObjectOption(cfg, "HTML_INTEGRATION_POINTS", () => addToSet({}, DEFAULT_HTML_INTEGRATION_POINTS));
const customElementHandling = _resolveObjectOption(cfg, "CUSTOM_ELEMENT_HANDLING", () => create(null));
CUSTOM_ELEMENT_HANDLING = create(null);
if (objectHasOwnProperty(customElementHandling, "tagNameCheck") && isRegexOrFunction(customElementHandling.tagNameCheck)) CUSTOM_ELEMENT_HANDLING.tagNameCheck = customElementHandling.tagNameCheck;
if (objectHasOwnProperty(customElementHandling, "attributeNameCheck") && isRegexOrFunction(customElementHandling.attributeNameCheck)) CUSTOM_ELEMENT_HANDLING.attributeNameCheck = customElementHandling.attributeNameCheck;
if (objectHasOwnProperty(customElementHandling, "allowCustomizedBuiltInElements") && typeof customElementHandling.allowCustomizedBuiltInElements === "boolean") CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = customElementHandling.allowCustomizedBuiltInElements;
seal(CUSTOM_ELEMENT_HANDLING);
if (SAFE_FOR_TEMPLATES) ALLOW_DATA_ATTR = false;
if (RETURN_DOM_FRAGMENT) RETURN_DOM = true;
if (USE_PROFILES) {
ALLOWED_TAGS = addToSet({}, text);
ALLOWED_ATTR = create(null);
if (USE_PROFILES.html === true) {
addToSet(ALLOWED_TAGS, html$1);
addToSet(ALLOWED_ATTR, html);
}
if (USE_PROFILES.svg === true) {
addToSet(ALLOWED_TAGS, svg$1);
addToSet(ALLOWED_ATTR, svg);
addToSet(ALLOWED_ATTR, xml);
}
if (USE_PROFILES.svgFilters === true) {
addToSet(ALLOWED_TAGS, svgFilters);
addToSet(ALLOWED_ATTR, svg);
addToSet(ALLOWED_ATTR, xml);
}
if (USE_PROFILES.mathMl === true) {
addToSet(ALLOWED_TAGS, mathMl$1);
addToSet(ALLOWED_ATTR, mathMl);
addToSet(ALLOWED_ATTR, xml);
}
}
EXTRA_ELEMENT_HANDLING.tagCheck = null;
EXTRA_ELEMENT_HANDLING.attributeCheck = null;
if (objectHasOwnProperty(cfg, "ADD_TAGS")) {
if (typeof cfg.ADD_TAGS === "function") EXTRA_ELEMENT_HANDLING.tagCheck = cfg.ADD_TAGS;
else if (arrayIsArray(cfg.ADD_TAGS)) {
if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) ALLOWED_TAGS = clone(ALLOWED_TAGS);
addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
}
}
if (objectHasOwnProperty(cfg, "ADD_ATTR")) {
if (typeof cfg.ADD_ATTR === "function") EXTRA_ELEMENT_HANDLING.attributeCheck = cfg.ADD_ATTR;
else if (arrayIsArray(cfg.ADD_ATTR)) {
if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) ALLOWED_ATTR = clone(ALLOWED_ATTR);
addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
}
}
if (objectHasOwnProperty(cfg, "ADD_FORBID_CONTENTS") && arrayIsArray(cfg.ADD_FORBID_CONTENTS)) {
if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) FORBID_CONTENTS = clone(FORBID_CONTENTS);
addToSet(FORBID_CONTENTS, cfg.ADD_FORBID_CONTENTS, transformCaseFunc);
}
if (KEEP_CONTENT) ALLOWED_TAGS["#text"] = true;
if (WHOLE_DOCUMENT) addToSet(ALLOWED_TAGS, [
"html",
"head",
"body"
]);
if (ALLOWED_TAGS.table) {
addToSet(ALLOWED_TAGS, ["tbody"]);
delete FORBID_TAGS.tbody;
}
if (cfg.TRUSTED_TYPES_POLICY) {
if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createHTML\" hook.");
if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== "function") throw typeErrorCreate("TRUSTED_TYPES_POLICY configuration option must provide a \"createScriptURL\" hook.");
const previousTrustedTypesPolicy = trustedTypesPolicy;
trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
try {
emptyHTML = _createTrustedHTML("");
} catch (error) {
trustedTypesPolicy = previousTrustedTypesPolicy;
throw error;
}
} else if (cfg.TRUSTED_TYPES_POLICY === null) {
trustedTypesPolicy = void 0;
emptyHTML = "";
} else {
if (trustedTypesPolicy === void 0) trustedTypesPolicy = _getDefaultTrustedTypesPolicy();
if (trustedTypesPolicy && typeof emptyHTML === "string") emptyHTML = _createTrustedHTML("");
}
if (freeze) freeze(cfg);
CONFIG = cfg;
};
const ALL_SVG_TAGS = addToSet({}, [
...svg$1,
...svgFilters,
...svgDisallowed
]);
const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
const _checkSvgNamespace = function _checkSvgNamespace(tagName, parent, parentTagName) {
if (parent.namespaceURI === HTML_NAMESPACE) return tagName === "svg";
if (parent.namespaceURI === MATHML_NAMESPACE) return tagName === "svg" && (parentTagName === "annotation-xml" || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
return Boolean(ALL_SVG_TAGS[tagName]);
};
const _checkMathMlNamespace = function _checkMathMlNamespace(tagName, parent, parentTagName) {
if (parent.namespaceURI === HTML_NAMESPACE) return tagName === "math";
if (parent.namespaceURI === SVG_NAMESPACE) return tagName === "math" && HTML_INTEGRATION_POINTS[parentTagName];
return Boolean(ALL_MATHML_TAGS[tagName]);
};
const _checkHtmlNamespace = function _checkHtmlNamespace(tagName, parent, parentTagName) {
if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) return false;
if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) return false;
return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
};
const _checkValidNamespace = function _checkValidNamespace(element) {
let parent = getParentNode(element);
if (!parent || !parent.tagName) parent = {
namespaceURI: NAMESPACE,
tagName: "template"
};
const tagName = stringToLowerCase(element.tagName);
const parentTagName = stringToLowerCase(parent.tagName);
if (!ALLOWED_NAMESPACES[element.namespaceURI]) return false;
if (element.namespaceURI === SVG_NAMESPACE) return _checkSvgNamespace(tagName, parent, parentTagName);
if (element.namespaceURI === MATHML_NAMESPACE) return _checkMathMlNamespace(tagName, parent, parentTagName);
if (element.namespaceURI === HTML_NAMESPACE) return _checkHtmlNamespace(tagName, parent, parentTagName);
if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && ALLOWED_NAMESPACES[element.namespaceURI]) return true;
return false;
};
const _forceRemove = function _forceRemove(node) {
arrayPush(DOMPurify.removed, { element: node });
try {
getParentNode(node).removeChild(node);
} catch (_) {
remove(node);
if (!getParentNode(node)) throw typeErrorCreate("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
}
};
const _stripAttributeNode = function _stripAttributeNode(element, attribute, name) {
try {
removeAttributeNode(element, attribute);
} catch (_) {
try {
element.removeAttribute(name);
} catch (_) {}
}
};
const _neutralizeRoot = function _neutralizeRoot(root) {
_neutralizeSubtree(root);
const childNodes = getChildNodes(root);
if (childNodes) {
const snapshot = [];
arrayForEach(childNodes, (child) => {
arrayPush(snapshot, child);
});
arrayForEach(snapshot, (child) => {
try {
remove(child);
} catch (_) {}
});
}
const attributes = getAttributes(root);
if (attributes) for (let i = attributes.length - 1; i >= 0; --i) {
const attribute = attributes[i];
const name = attribute && attribute.name;
if (typeof name === "string") _stripAttributeNode(root, attribute, name);
}
};
const _removeAttribute = function _removeAttribute(name, element, attr) {
if (!attr) try {
attr = element.getAttributeNode(name);
} catch (_) {
attr = null;
}
arrayPush(DOMPurify.removed, {
attribute: attr || null,
from: element
});
try {
if (attr) removeAttributeNode(element, attr);
else element.removeAttribute(name);
} catch (_) {
try {
element.removeAttribute(name);
} catch (_) {}
}
if (name === "is") if (RETURN_DOM || RETURN_DOM_FRAGMENT) try {
_forceRemove(element);
} catch (_) {}
else try {
element.setAttribute(name, "");
} catch (_) {}
};
const _stripDisallowedAttributes = function _stripDisallowedAttributes(element) {
const attributes = getAttributes(element);
if (!attributes) return;
for (let i = attributes.length - 1; i >= 0; --i) {
const attribute = attributes[i];
const name = attribute && attribute.name;
if (typeof name !== "string" || ALLOWED_ATTR[transformCaseFunc(name)]) continue;
_stripAttributeNode(element, attribute, name);
}
};
const _neutralizeSubtree = function _neutralizeSubtree(root) {
const stack = [root];
while (stack.length > 0) {
const node = stack.pop();
if (_readNodeType(node) === NODE_TYPE.element) _stripDisallowedAttributes(node);
const childNodes = getChildNodes(node);
if (childNodes) for (let i = childNodes.length - 1; i >= 0; --i) stack.push(childNodes[i]);
}
};
const _isPatchLinkageAttribute = function _isPatchLinkageAttribute(lcName, lcTag) {
if (!SAFE_FOR_XML) return false;
if (lcName === "patchsrc") return true;
return lcName === "for" && lcTag !== "label" && lcTag !== "output";
};
const _neutralizePatchLinkage = function _neutralizePatchLinkage(root) {
if (!SAFE_FOR_XML) return;
const stack = [root];
while (stack.length > 0) {
const node = stack.pop();
const nodeType = _readNodeType(node);
if (nodeType === NODE_TYPE.processingInstruction || nodeType === NODE_TYPE.comment && regExpTest(COMMENT_MARKUP_PROBE, node.data)) {
try {
remove(node);
} catch (_) {}
continue;
}
if (nodeType === NODE_TYPE.element) {
const element = node;
const lcTag = transformCaseFunc(_readNodeName(node));
try {
if (element.hasAttribute && element.hasAttribute("patchsrc")) element.removeAttribute("patchsrc");
if (element.hasAttribute && element.hasAttribute("for") && _isPatchLinkageAttribute("for", lcTag)) element.removeAttribute("for");
} catch (_) {}
}
const childNodes = getChildNodes(node);
if (childNodes) for (let i = childNodes.length - 1; i >= 0; --i) stack.push(childNodes[i]);
}
};
const _initDocument = function _initDocument(dirty) {
let doc = null;
let leadingWhitespace = null;
if (FORCE_BODY) dirty = "<remove></remove>" + dirty;
else {
const matches = stringMatch(dirty, /^[\r\n\t ]+/);
leadingWhitespace = matches && matches[0];
}
if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && NAMESPACE === HTML_NAMESPACE) dirty = "<html xmlns=\"http://www.w3.org/1999/xhtml\"><head></head><body>" + dirty + "</body></html>";
const dirtyPayload = trustedTypesPolicy ? _createTrustedHTML(dirty) : dirty;
if (NAMESPACE === HTML_NAMESPACE) try {
doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
} catch (_) {}
if (!doc || !doc.documentElement) {
doc = implementation.createDocument(NAMESPACE, "template", null);
try {
doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
} catch (_) {}
}
const body = doc.body || doc.documentElement;
if (dirty && leadingWhitespace) body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
if (NAMESPACE === HTML_NAMESPACE) return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? "html" : "body")[0];
return WHOLE_DOCUMENT ? doc.documentElement : body;
};
const _createNodeIterator = function _createNodeIterator(root) {
const doc = getOwnerDocument ? getOwnerDocument(root) : root.ownerDocument;
return createNodeIterator.call(doc || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
};
const _stripTemplateExpressions = function _stripTemplateExpressions(value) {
value = stringReplace(value, MUSTACHE_EXPR$1, " ");
value = stringReplace(value, ERB_EXPR$1, " ");
value = stringReplace(value, TMPLIT_EXPR$1, " ");
return value;
};
const _scrubTemplateExpressions2 = function _scrubTemplateExpressions(node) {
var _node$querySelectorAl;
node.normalize();
const doc = getOwnerDocument ? getOwnerDocument(node) : node.ownerDocument;
const walker = createNodeIterator.call(doc || node, node, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_CDATA_SECTION | NodeFilter.SHOW_PROCESSING_INSTRUCTION, null);
let currentNode = walker.nextNode();
while (currentNode) {
currentNode.data = _stripTemplateExpressions(currentNode.data);
currentNode = walker.nextNode();
}
const templates = (_node$querySelectorAl = node.querySelectorAll) === null || _node$querySelectorAl === void 0 ? void 0 : _node$querySelectorAl.call(node, "template");
if (templates) arrayForEach(templates, (tmpl) => {
if (_isDocumentFragment(tmpl.content)) _scrubTemplateExpressions2(tmpl.content);
});
};
const _isClobbered = function _isClobbered(element) {
const realTagName = getNodeName ? getNodeName(element) : null;
if (typeof realTagName !== "string") return false;
if (transformCaseFunc(realTagName) !== "form") return false;
return typeof element.nodeName !== "string" || typeof element.textContent !== "string" || typeof element.removeChild !== "function" || element.attributes !== getAttributes(element) || typeof element.removeAttribute !== "function" || typeof element.removeAttributeNode !== "function" || typeof element.getAttributeNode !== "function" || typeof element.setAttribute !== "function" || typeof element.namespaceURI !== "string" || typeof element.insertBefore !== "function" || typeof element.hasChildNodes !== "function" || element.nodeType !== getNodeType(element) || element.childNodes !== getChildNodes(element);
};
const _isDocumentFragment = function _isDocumentFragment(value) {
if (!getNodeType || typeof value !== "object" || value === null) return false;
try {
return getNodeType(value) === NODE_TYPE.documentFragment;
} catch (_) {
return false;
}
};
const _isNode = function _isNode(value) {
if (!getNodeType || typeof value !== "object" || value === null) return false;
try {
return typeof getNodeType(value) === "number";
} catch (_) {
return false;
}
};
function _executeHooks(hooks, currentNode, data) {
if (hooks.length === 0) return;
arrayForEach(hooks, (hook) => {
hook.call(DOMPurify, currentNode, data, CONFIG);
});
}
const _isUnsafeNode = function _isUnsafeNode(currentNode, tagName) {
if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(ELEMENT_MARKUP_PROBE, currentNode.textContent) && regExpTest(ELEMENT_MARKUP_PROBE, currentNode.innerHTML)) return true;
if (SAFE_FOR_XML && currentNode.namespaceURI === HTML_NAMESPACE && LITERAL_TEXT_ELEMENTS[tagName] && (_isNode(currentNode.firstElementChild) || typeof currentNode.textContent === "string" && regExpTest(LITERAL_TEXT_CLOSE[tagName], currentNode.textContent))) return true;
if (currentNode.nodeType === NODE_TYPE.processingInstruction) return true;
if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(COMMENT_MARKUP_PROBE, currentNode.data)) return true;
return false;
};
const _matchesNameCheck = function _matchesNameCheck(check, name) {
if (check instanceof RegExp) return regExpTest(check, name);
if (check instanceof Function) {
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) args[_key - 2] = arguments[_key];
return Boolean(check(name, ...args));
}
return false;
};
const _sanitizeDisallowedNode = function _sanitizeDisallowedNode(currentNode, tagName, root) {
if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName) && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) return false;
if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
const parentNode = getParentNode(currentNode);
const childNodes = getChildNodes(currentNode);
if (childNodes && parentNode) {
const childCount = childNodes.length;
for (let i = childCount - 1; i >= 0; --i) {
const hoisted = currentNode === root ? cloneNode(childNodes[i], true) : childNodes[i];
parentNode.insertBefore(hoisted, getNextSibling(currentNode));
}
}
}
_forceRemove(currentNode);
return true;
};
const _forkSharedAllowlist = function _forkSharedAllowlist(hookList, set, defaultSet, setConfigSet) {
if (hookList.length === 0) return set;
return set === defaultSet || set === setConfigSet ? clone(set) : set;
};
const _handleHookDetachedNode = function _handleHookDetachedNode(currentNode, root) {
if (currentNode === root || getParentNode(currentNode) !== null) return false;
if (IN_PLACE) _neutralizeSubtree(currentNode);
return true;
};
const _sanitizeElements = function _sanitizeElements(currentNode, root) {
_executeHooks(hooks.beforeSanitizeElements, currentNode, null);
if (_handleHookDetachedNode(currentNode, root)) return true;
if (_isClobbered(currentNode)) {
_forceRemove(currentNode);
return true;
}
const tagName = transformCaseFunc(_readNodeName(currentNode));
ALLOWED_TAGS = _forkSharedAllowlist(hooks.uponSanitizeElement, ALLOWED_TAGS, DEFAULT_ALLOWED_TAGS, SET_CONFIG_ALLOWED_TAGS);
_executeHooks(hooks.uponSanitizeElement, currentNode, {
tagName,
allowedTags: ALLOWED_TAGS
});
if (_handleHookDetachedNode(currentNode, root)) return true;
if (_isUnsafeNode(currentNode, tagName)) {
_forceRemove(currentNode);
return true;
}
if (FORBID_TAGS[tagName] || !(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && !ALLOWED_TAGS[tagName]) {
const removed = _sanitizeDisallowedNode(currentNode, tagName, root);
if (removed === false) {
_executeHooks(hooks.afterSanitizeElements, currentNode, null);
if (_handleHookDetachedNode(currentNode, root)) return true;
}
return removed;
}
if (_readNodeType(currentNode) === NODE_TYPE.element && !_checkValidNamespace(currentNode)) {
_forceRemove(currentNode);
return true;
}
if ((tagName === "noscript" || tagName === "noembed" || tagName === "noframes") && regExpTest(FALLBACK_TAG_CLOSE, currentNode.innerHTML)) {
_forceRemove(currentNode);
return true;
}
if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
const content = _stripTemplateExpressions(currentNode.textContent);
if (currentNode.textContent !== content) {
arrayPush(DOMPurify.removed, { element: currentNode.cloneNode() });
currentNode.textContent = content;
}
}
_executeHooks(hooks.afterSanitizeElements, currentNode, null);
return _handleHookDetachedNode(currentNode, root);
};
const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
if (FORBID_ATTR[lcName]) return false;
if (_isPatchLinkageAttribute(lcName, lcTag)) return false;
if (SANITIZE_DOM && (lcName === "id" || lcName === "name") && (value in document || value in formElement)) return false;
const nameIsPermitted = ALLOWED_ATTR[lcName] || EXTRA_ELEMENT_HANDLING.attributeCheck instanceof Function && EXTRA_ELEMENT_HANDLING.attributeCheck(lcName, lcTag);
if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$1, lcName)) return true;
if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$1, lcName)) return true;
if (!nameIsPermitted) return _isBasicCustomElement(lcTag) && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName, lcTag) || lcName === "is" && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value);
if (URI_SAFE_ATTRIBUTES[lcName]) return true;
if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE$1, ""))) return true;
if ((lcName === "src" || lcName === "xlink:href" || lcName === "href") && lcTag !== "script" && stringIndexOf(value, "data:") === 0 && DATA_URI_TAGS[lcTag]) return true;
if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$1, stringReplace(value, ATTR_WHITESPACE$1, ""))) return true;
return !value;
};
const RESERVED_CUSTOM_ELEMENT_NAMES = addToSet({}, [
"annotation-xml",
"color-profile",
"font-face",
"font-face-format",
"font-face-name",
"font-face-src",
"font-face-uri",
"missing-glyph"
]);
const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
return !RESERVED_CUSTOM_ELEMENT_NAMES[stringToLowerCase(tagName)] && regExpTest(CUSTOM_ELEMENT$1, tagName);
};
const _applyTrustedTypesToAttribute = function _applyTrustedTypesToAttribute(lcTag, lcName, namespaceURI, value) {
if (trustedTypesPolicy && typeof trustedTypes === "object" && typeof trustedTypes.getAttributeType === "function" && !namespaceURI) switch (trustedTypes.getAttributeType(lcTag, lcName)) {
case "TrustedHTML": return _createTrustedHTML(value);
case "TrustedScriptURL": return _createTrustedScriptURL(value);
}
return value;
};
const _setAttributeValue = function _setAttributeValue(currentNode, name, namespaceURI, value) {
try {
if (namespaceURI) currentNode.setAttributeNS(namespaceURI, name, value);
else currentNode.setAttribute(name, value);
if (_isClobbered(currentNode)) {
_forceRemove(currentNode);
return false;
}
return true;
} catch (_) {
_removeAttribute(name, currentNode);
return false;
}
};
const _sanitizeAttributes = function _sanitizeAttributes(currentNode, root) {
_executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
if (_handleHookDetachedNode(currentNode, root)) return;
const attributes = currentNode.attributes;
if (!attributes || _isClobbered(currentNode)) return;
ALLOWED_ATTR = _forkSharedAllowlist(hooks.uponSanitizeAttribute, ALLOWED_ATTR, DEFAULT_ALLOWED_ATTR, SET_CONFIG_ALLOWED_ATTR);
const hookEvent = {
attrName: "",
attrValue: "",
keepAttr: true,
allowedAttributes: ALLOWED_ATTR,
forceKeepAttr: void 0
};
let l = attributes.length;
const lcTag = transformCaseFunc(currentNode.nodeName);
while (l--) {
const attr = attributes[l];
const name = attr.name, namespaceURI = attr.namespaceURI, attrValue = attr.value;
const lcName = transformCaseFunc(name);
const initValue = attrValue;
let value = name === "value" ? initValue : stringTrim(initValue);
let recreatedNamedProp = false;
hookEvent.attrName = lcName;
hookEvent.attrValue = value;
hookEvent.keepAttr = true;
hookEvent.forceKeepAttr = void 0;
_executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
value = hookEvent.attrValue;
if (SANITIZE_NAMED_PROPS && (lcName === "id" || lcName === "name") && stringIndexOf(value, SANITIZE_NAMED_PROPS_PREFIX) !== 0) {
_removeAttribute(name, currentNode, attr);
value = SANITIZE_NAMED_PROPS_PREFIX + value;
recreatedNamedProp = true;
}
if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) {
_removeAttribute(name, currentNode, attr);
continue;
}
if (lcName === "attributename" && stringMatch(value, "href")) {
_removeAttribute(name, currentNode, attr);
continue;
}
if (hookEvent.forceKeepAttr) continue;
if (!hookEvent.keepAttr) {
_removeAttribute(name, currentNode, attr);
continue;
}
if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(SELF_CLOSING_TAG, value)) {
_removeAttribute(name, currentNode, attr);
continue;
}
if (SAFE_FOR_TEMPLATES) value = _stripTemplateExpressions(value);
if (!_isValidAttribute(lcTag, lcName, value)) {
_removeAttribute(name, currentNode, attr);
continue;
}
value = _applyTrustedTypesToAttribute(lcTag, lcName, namespaceURI, value);
if (value !== initValue) {
if (_setAttributeValue(currentNode, name, namespaceURI, value) && recreatedNamedProp) arrayPop(DOMPurify.removed);
}
}
_executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
_handleHookDetachedNode(currentNode, root);
};
const _sanitizeShadowDOM2 = function _sanitizeShadowDOM(fragment) {
let shadowNode = null;
const shadowIterator = _createNodeIterator(fragment);
_executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
while (shadowNode = shadowIterator.nextNode()) {
_executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
_sanitizeElements(shadowNode, fragment);
_sanitizeAttributes(shadowNode, fragment);
if (_isDocumentFragment(shadowNode.content)) _sanitizeShadowDOM2(shadowNode.content);
if (_readNodeType(shadowNode) === NODE_TYPE.element) {
const innerSr = getShadowRoot(shadowNode);
if (_isDocumentFragment(innerSr)) {
_sanitizeAttachedShadowRoots(innerSr);
_sanitizeShadowDOM2(innerSr);
}
}
}
_executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
};
const _sanitizeAttachedShadowRoots = function _sanitizeAttachedShadowRoots(root) {
const stack = [{
node: root,
shadow: null
}];
while (stack.length > 0) {
const item = stack.pop();
if (item.shadow) {
_sanitizeShadowDOM2(item.shadow);
continue;
}
const node = item.node;
const isElement = _readNodeType(node) === NODE_TYPE.element;
const childNodes = getChildNodes(node);
if (childNodes) for (let i = childNodes.length - 1; i >= 0; --i) stack.push({
node: childNodes[i],
shadow: null
});
if (isElement) {
const rootName = getNodeName ? getNodeName(node) : null;
if (typeof rootName === "string" && transformCaseFunc(rootName) === "template") {
const content = node.content;
if (_isDocumentFragment(content)) stack.push({
node: content,
shadow: null
});
}
}
if (isElement) {
const sr = getShadowRoot(node);
if (_isDocumentFragment(sr)) stack.push({
node: null,
shadow: sr
}, {
node: sr,
shadow: null
});
}
}
};
DOMPurify.sanitize = function(dirty) {
let cfg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
let body = null;
let importedNode = null;
let currentNode = null;
let returnNode = null;
IS_EMPTY_INPUT = !dirty;
if (IS_EMPTY_INPUT) dirty = "<!-->";
if (typeof dirty !== "string" && !_isNode(dirty)) {
dirty = stringifyValue(dirty);
if (typeof dirty !== "string") throw typeErrorCreate("dirty is not a string, aborting");
}
if (!DOMPurify.isSupported) return dirty;
if (SET_CONFIG) {
ALLOWED_TAGS = SET_CONFIG_ALLOWED_TAGS;
ALLOWED_ATTR = SET_CONFIG_ALLOWED_ATTR;
} else _parseConfig(cfg);
if (hooks.uponSanitizeElement.length > 0 || hooks.uponSanitizeAttribute.length > 0) ALLOWED_TAGS = clone(ALLOWED_TAGS);
if (hooks.uponSanitizeAttribute.length > 0) ALLOWED_ATTR = clone(ALLOWED_ATTR);
DOMPurify.removed = [];
const inPlace = IN_PLACE && typeof dirty !== "string" && _isNode(dirty);
if (inPlace) {
_neutralizePatchLinkage(dirty);
const nn = _readNodeName(dirty);
if (typeof nn === "string") {
const tagName = transformCaseFunc(nn);
if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
_neutralizeRoot(dirty);
throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
}
}
if (_isClobbered(dirty)) {
_neutralizeRoot(dirty);
throw typeErrorCreate("root node is clobbered and cannot be sanitized in-place");
}
try {
_sanitizeAttachedShadowRoots(dirty);
} catch (error) {
_neutralizeRoot(dirty);
throw error;
}
} else if (_isNode(dirty)) {
body = _initDocument("<!---->");
importedNode = body.ownerDocument.importNode(dirty, true);
if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") body = importedNode;
else if (importedNode.nodeName === "HTML") body = importedNode;
else body.appendChild(importedNode);
_sanitizeAttachedShadowRoots(body);
} else {
if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && dirty.indexOf("<") === -1) return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? _createTrustedHTML(dirty) : dirty;
body = _initDocument(dirty);
if (!body) return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : "";
}
if (body && FORCE_BODY) _forceRemove(body.firstChild);
const walkRoot = inPlace ? dirty : body;
try {
const nodeIterator = _createNodeIterator(walkRoot);
while (currentNode = nodeIterator.nextNode()) {
_sanitizeElements(currentNode, walkRoot);
_sanitizeAttributes(currentNode, walkRoot);
if (_isDocumentFragment(currentNode.content)) _sanitizeShadowDOM2(currentNode.content);
}
} catch (error) {
if (inPlace) {
_neutralizeRoot(dirty);
arrayForEach(DOMPurify.removed, (entry) => {
if (entry.element) _neutralizeSubtree(entry.element);
});
}
throw error;
}
if (inPlace) {
let rootWasRemoved = false;
arrayForEach(DOMPurify.removed, (entry) => {
if (entry.element) {
if (entry.element === dirty) rootWasRemoved = true;
_neutralizeSubtree(entry.element);
}
});
if (rootWasRemoved) throw typeErrorCreate("a node selected for removal could not be safely returned; refusing to sanitize in place");
if (SAFE_FOR_TEMPLATES) _scrubTemplateExpressions2(dirty);
return dirty;
}
if (RETURN_DOM) {
if (SAFE_FOR_TEMPLATES) _scrubTemplateExpressions2(body);
if (RETURN_DOM_FRAGMENT) {
returnNode = createDocumentFragment.call(body.ownerDocument);
while (body.firstChild) returnNode.appendChild(body.firstChild);
} else returnNode = body;
if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) returnNode = importNode.call(originalDocument, returnNode, true);
return returnNode;
}
let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
if (WHOLE_DOCUMENT && ALLOWED_TAGS["!doctype"] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) serializedHTML = "<!DOCTYPE " + body.ownerDocument.doctype.name + ">\n" + serializedHTML;
if (SAFE_FOR_TEMPLATES) serializedHTML = _stripTemplateExpressions(serializedHTML);
return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? _createTrustedHTML(serializedHTML) : serializedHTML;
};
DOMPurify.setConfig = function() {
_parseConfig(arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {});
SET_CONFIG = true;
SET_CONFIG_ALLOWED_TAGS = ALLOWED_TAGS;
SET_CONFIG_ALLOWED_ATTR = ALLOWED_ATTR;
};
DOMPurify.clearConfig = function() {
CONFIG = null;
SET_CONFIG = false;
SET_CONFIG_ALLOWED_TAGS = null;
SET_CONFIG_ALLOWED_ATTR = null;
trustedTypesPolicy = defaultTrustedTypesPolicy;
emptyHTML = "";
};
DOMPurify.isValidAttribute = function(tag, attr, value) {
if (!CONFIG) _parseConfig({});
return _isValidAttribute(transformCaseFunc(tag), transformCaseFunc(attr), value);
};
DOMPurify.addHook = function(entryPoint, hookFunction) {
if (typeof hookFunction !== "function") return;
if (!objectHasOwnProperty(hooks, entryPoint)) return;
arrayPush(hooks[entryPoint], hookFunction);
};
DOMPurify.removeHook = function(entryPoint, hookFunction) {
if (!objectHasOwnProperty(hooks, entryPoint)) return;
if (hookFunction !== void 0) {
const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
return index === -1 ? void 0 : arraySplice(hooks[entryPoint], index, 1)[0];
}
return arrayPop(hooks[entryPoint]);
};
DOMPurify.removeHooks = function(entryPoint) {
if (!objectHasOwnProperty(hooks, entryPoint)) return;
hooks[entryPoint] = [];
};
DOMPurify.removeAllHooks = function() {
hooks = _createHooksMap();
};
return DOMPurify;
}
var purifier = createDOMPurify()(window);
var styleParser = document.implementation.createHTMLDocument("").createElement("span").style;
var allowedStyles = new Set([
"color",
"border-top-width",
"border-top-style",
"border-top-color",
"border-right-width",
"border-right-style",
"border-right-color",
"border-bottom-width",
"border-bottom-style",
"border-bottom-color",
"border-left-width",
"border-left-style",
"border-left-color"
]);
function sanitizeStyle(value) {
styleParser.cssText = value;
const declarations = [];
for (let i = 0; i < styleParser.length; i++) {
const property = styleParser.item(i);
if (!allowedStyles.has(property)) continue;
const value = styleParser.getPropertyValue(property);
if (/[\\]|(?:url|var|env|attr|expression)\s*\(/i.test(value)) continue;
declarations.push(`${property}: ${value}`);
}
return declarations.join("; ");
}
function sanitizeImageUrl(value) {
if (!value) return null;
try {
const url = new URL(value, document.baseURI);
return url.protocol === "https:" || url.protocol === "http:" ? value : null;
} catch {
return null;
}
}
purifier.addHook("uponSanitizeAttribute", (_node, data) => {
if (data.attrName === "style") {
data.attrValue = sanitizeStyle(data.attrValue);
data.keepAttr = !!data.attrValue;
} else if (data.attrName === "src") data.keepAttr = sanitizeImageUrl(data.attrValue) !== null;
else if (data.attrName === "srcset") data.keepAttr = data.attrValue.split(",").every((candidate) => {
const url = candidate.trim().split(/\s+/, 1)[0];
return sanitizeImageUrl(url) !== null;
});
});
function sanitizeIntroHtml(html) {
if (!purifier.isSupported) return "";
return purifier.sanitize(html, {
USE_PROFILES: { html: true },
FORBID_TAGS: [
"style",
"form",
"input",
"button",
"select",
"textarea",
"template"
],
FORBID_ATTR: ["class"],
ALLOW_DATA_ATTR: false,
SANITIZE_NAMED_PROPS: true
});
}
var openTag = ref(null);
function resolvePrimaryLang() {
const setting = introPanelPrimaryLang.value;
if (setting === "zh") return "zh";
if (setting === "en") return "en";
return isZhLocale() ? "zh" : "en";
}
var displayedLang = ref(resolvePrimaryLang());
watch([
openTag,
introPanelPrimaryLang,
locale
], () => {
if (openTag.value) displayedLang.value = resolvePrimaryLang();
});
var preludeExpanded = ref(wikiPreludeExpanded.value);
watch([
openTag,
wikiPreludeExpanded,
locale
], () => {
preludeExpanded.value = wikiPreludeExpanded.value;
});
function translateHtml(html, translate) {
const doc = new DOMParser().parseFromString(`<div>${html}</div>`, "text/html");
const root = doc.body.firstElementChild;
if (!root) return html;
const walker = doc.createTreeWalker(root, NodeFilter.SHOW_TEXT);
let node = walker.currentNode === root ? walker.nextNode() : walker.currentNode;
while (node) {
if (node.nodeValue) node.nodeValue = translate(node.nodeValue);
node = walker.nextNode();
}
return root.innerHTML;
}
function useIntroPanel() {
const { zhDisplay } = useDisplayConfig();
const entry = computed(() => {
tagDbVersion.value;
if (!openTag.value) return null;
return findEntryByNsTag(openTag.value.ns, openTag.value.raw) ?? null;
});
const introHtml = computed(() => {
if (displayedLang.value !== "zh") return null;
const raw = entry.value?.introHtml;
return raw ? sanitizeIntroHtml(translateHtml(raw, zhDisplay)) : null;
});
const linksHtml = computed(() => {
if (displayedLang.value !== "zh") return null;
const raw = entry.value?.linksHtml;
return raw ? sanitizeIntroHtml(translateHtml(raw, zhDisplay)) : null;
});
const iconUrl = computed(() => sanitizeImageUrl(entry.value?.iconUrl));
const wikiEntry = computed(() => {
tagWikiVersion.value;
if (displayedLang.value !== "en") return null;
if (!openTag.value) return null;
return getTagWiki(openTag.value.ns, openTag.value.raw)?.map((variant) => ({
prelude: sanitizeIntroHtml(variant.prelude),
blocks: variant.blocks.map(sanitizeIntroHtml)
})) ?? null;
});
const wikiUrl = computed(() => {
if (!openTag.value) return null;
return `https://ehwiki.org/wiki/${encodeURIComponent(rawToSlug(openTag.value.raw))}`;
});
const extraImages = computed(() => {
if (displayedLang.value !== "en") return [];
const raw = entry.value?.introHtml;
if (!raw) return [];
const doc = new DOMParser().parseFromString(sanitizeIntroHtml(raw), "text/html");
return Array.from(doc.querySelectorAll("img")).map((img) => sanitizeImageUrl(img.getAttribute("src"))).filter((s) => !!s);
});
function toggleLang() {
displayedLang.value = displayedLang.value === "zh" ? "en" : "zh";
}
function setPanelTag(tag) {
if (!document.querySelector("#gd5")) return;
openTag.value = tag;
}
function close() {
openTag.value = null;
}
function togglePrelude() {
preludeExpanded.value = !preludeExpanded.value;
}
return {
openTag,
entry,
introHtml,
linksHtml,
iconUrl,
wikiEntry,
wikiUrl,
extraImages,
displayedLang,
toggleLang,
setPanelTag,
close,
zhDisplay,
preludeExpanded,
togglePrelude
};
}
var DEFAULT_CONFIG = { dragThresholdPx: 3 };
var IDLE = { kind: "idle" };
function computeCohort(startState, mode) {
return clamp$1(startState + (mode === "positive" ? 1 : -1)) === startState ? 0 : startState;
}
function resolveCohort(cohort, startState, chipState, mode) {
if (cohort !== null && startState !== null) return {
cohort,
startState
};
return {
cohort: computeCohort(chipState, mode),
startState: chipState
};
}
function decideChip(chip, ctx) {
const inCohort = chip.state === ctx.cohort;
const alreadyToggled = ctx.toggled.has(chip.id);
return {
apply: inCohort && !alreadyToggled,
follow: inCohort || chip.state === ctx.startState || alreadyToggled
};
}
function clamp$1(n) {
if (n <= -1) return -1;
if (n >= 1) return 1;
return 0;
}
function buttonToMode(button) {
if (button === 0) return "positive";
if (button === 2) return "negative";
return null;
}
function distanceSquared(dx, dy) {
return dx * dx + dy * dy;
}
function reduce(state, event, config = DEFAULT_CONFIG) {
switch (state.kind) {
case "idle": return reduceIdle(event);
case "pressed": return reducePressed(state, event, config);
case "dragging": return reduceDragging(state, event);
}
}
function reduceIdle(event) {
if (event.kind !== "mousedown") return {
state: IDLE,
effects: []
};
const mode = buttonToMode(event.button);
if (!mode) return {
state: IDLE,
effects: []
};
const cohort = event.chip ? computeCohort(event.chip.state, mode) : null;
return {
state: {
kind: "pressed",
mode,
startX: event.x,
startY: event.y,
initialChip: event.chip,
cohort
},
effects: []
};
}
function reducePressed(state, event, config) {
if (event.kind === "mouseup") {
const effects = [];
if (state.initialChip) {
effects.push({
kind: "apply",
id: state.initialChip.id,
mode: state.mode
});
effects.push({
kind: "panelTag",
id: state.initialChip.id
});
}
return {
state: IDLE,
effects
};
}
if (event.kind !== "mousemove") return {
state,
effects: []
};
if (distanceSquared(event.x - state.startX, event.y - state.startY) < config.dragThresholdPx ** 2) return {
state,
effects: []
};
const toggled = new Set();
const effects = [];
let cohort = state.cohort;
let startState = state.initialChip?.state ?? null;
let panelId = null;
for (const chip of [state.initialChip, event.chip]) {
if (!chip || chip.id === panelId) continue;
const resolved = resolveCohort(cohort, startState, chip.state, state.mode);
cohort = resolved.cohort;
startState = resolved.startState;
const { apply, follow } = decideChip(chip, {
cohort,
startState,
toggled
});
if (apply) {
effects.push({
kind: "apply",
id: chip.id,
mode: state.mode
});
toggled.add(chip.id);
}
if (follow) {
effects.push({
kind: "panelTag",
id: chip.id
});
panelId = chip.id;
}
}
return {
state: {
kind: "dragging",
mode: state.mode,
cohort,
toggled,
startState,
panelId
},
effects
};
}
function reduceDragging(state, event) {
if (event.kind === "mouseup") return {
state: IDLE,
effects: []
};
if (event.kind !== "mousemove") return {
state,
effects: []
};
if (!event.chip) return {
state,
effects: []
};
const { cohort, startState } = resolveCohort(state.cohort, state.startState, event.chip.state, state.mode);
const { apply, follow } = decideChip(event.chip, {
cohort,
startState,
toggled: state.toggled
});
if (!apply && !follow) return {
state: {
...state,
cohort,
startState
},
effects: []
};
const effects = [];
let toggled = state.toggled;
if (apply) {
toggled = new Set(state.toggled).add(event.chip.id);
effects.push({
kind: "apply",
id: event.chip.id,
mode: state.mode
});
}
if (event.chip.id !== state.panelId) effects.push({
kind: "panelTag",
id: event.chip.id
});
return {
state: {
kind: "dragging",
mode: state.mode,
cohort,
toggled,
startState,
panelId: event.chip.id
},
effects
};
}
function createDragSelectStore(configOrGetter = DEFAULT_CONFIG) {
let current = IDLE;
const getConfig = typeof configOrGetter === "function" ? configOrGetter : () => configOrGetter;
return {
dispatch(event) {
const r = reduce(current, event, getConfig());
current = r.state;
return r.effects;
},
state() {
return current;
},
isIdle() {
return current.kind === "idle";
}
};
}
function useDragSelect(opts) {
const baseThreshold = opts.config?.dragThresholdPx ?? 3;
const store = createDragSelectStore(() => ({ dragThresholdPx: opts.enabled?.() === false ? Infinity : baseThreshold }));
function dispatch(event) {
const effects = store.dispatch(event);
for (const eff of effects) if (eff.kind === "apply") opts.applySelection(eff.id, eff.mode);
else if (eff.kind === "panelTag") opts.setPanelTag(eff.id);
}
function onAreaMouseDown(e) {
dispatch({
kind: "mousedown",
button: e.button,
x: e.clientX,
y: e.clientY,
chip: opts.chipFromPoint(e.clientX, e.clientY)
});
}
useEventListener(document, "mousemove", (e) => {
if (store.isIdle()) return;
dispatch({
kind: "mousemove",
x: e.clientX,
y: e.clientY,
chip: opts.chipFromPoint(e.clientX, e.clientY)
});
});
useEventListener(document, "mouseup", () => {
if (store.isIdle()) return;
dispatch({ kind: "mouseup" });
});
return { onAreaMouseDown };
}
var _hoisted_1$22 = ["aria-label"];
var _hoisted_2$21 = ["title"];
var _hoisted_3$21 = ["title", "onClick"];
var NamespaceFilter_default = defineComponent({
__name: "NamespaceFilter",
props: {
modelValue: {},
pickedCount: {},
picked: { type: Boolean }
},
emits: ["update:modelValue", "update:picked"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const namespaces = DEFAULT_NS_ORDER.filter((namespace) => namespace !== "temp");
function showAll() {
emit("update:picked", false);
emit("update:modelValue", null);
}
function toggle(namespace) {
emit("update:picked", false);
emit("update:modelValue", props.modelValue === namespace && !props.picked ? null : namespace);
}
function togglePicked() {
emit("update:modelValue", null);
emit("update:picked", !props.picked);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("aside", {
class: "eqt-namespace-filter",
role: "group",
"aria-label": unref(t)("nsFilter.label")
}, [
__props.pickedCount ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
class: normalizeClass(["eqt-namespace-filter__button", { "eqt-namespace-filter__button--active": __props.picked }]),
title: unref(t)("nsFilter.picked", { n: String(__props.pickedCount) }),
onClick: togglePicked
}, toDisplayString(unref(t)("nsFilter.picked", { n: String(__props.pickedCount) })), 11, _hoisted_2$21)) : createCommentVNode("", true),
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-namespace-filter__button", { "eqt-namespace-filter__button--active": __props.modelValue === null && !__props.picked }]),
onClick: showAll
}, toDisplayString(unref(t)("nsFilter.all")), 3),
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(namespaces), (namespace) => {
return openBlock(), createElementBlock("button", {
key: namespace,
type: "button",
class: normalizeClass(["eqt-namespace-filter__button", { "eqt-namespace-filter__button--active": __props.modelValue === namespace && !__props.picked }]),
title: unref(t)("ns." + namespace),
onClick: ($event) => toggle(namespace)
}, toDisplayString(unref(t)("ns." + namespace)), 11, _hoisted_3$21);
}), 128))
], 8, _hoisted_1$22);
};
}
});
var _hoisted_1$21 = { class: "eqt-gallery-add-inline__main" };
var _hoisted_2$20 = { class: "eqt-gallery-add-inline__title" };
var _hoisted_3$20 = ["placeholder"];
var _hoisted_4$20 = ["title"];
var _hoisted_5$19 = {
key: 1,
class: "eqt-gallery-add-inline__empty"
};
var PANEL_MARGIN = 6;
var BODY_OPEN_CLASS = "eqt-gallery-add-inline-open";
var GalleryAddInline_default = defineComponent({
__name: "GalleryAddInline",
props: { pickedIds: {} },
emits: ["pick", "close"],
setup(__props, { emit: __emit }) {
const toast = useEqtToast();
const props = __props;
const emit = __emit;
const query = ref("");
const inputEl = ref(null);
const panelEl = ref(null);
const selectedIdx = ref(0);
const fallbackEntries = shallowRef([]);
const selectedNs = ref(null);
const popupNsList = computed(() => selectedNs.value ? [selectedNs.value] : void 0);
const panelRect = ref({
left: 0,
top: 0,
width: 0,
height: 0
});
function recomputePanelRect() {
const gd1 = document.getElementById("gd1");
const gd3 = document.getElementById("gd3");
const gm = document.querySelector(".gm");
if (!gd1 || !gd3 || !gm) return;
const r1 = gd1.getBoundingClientRect();
const r3 = gd3.getBoundingClientRect();
const rGm = gm.getBoundingClientRect();
panelRect.value = {
left: r1.left - rGm.left + PANEL_MARGIN,
top: r3.top - rGm.top + PANEL_MARGIN,
width: r3.right - r1.left - PANEL_MARGIN,
height: r3.bottom - r3.top - 2 * PANEL_MARGIN
};
}
useEventListener(window, "resize", recomputePanelRect);
useEventListener(document, "keydown", (e) => {
if (e.key === "Escape") emit("close");
});
const { dbReady, suggestions } = useTagSuggestions({
query: () => query.value,
namespaces: () => selectedNs.value ? [selectedNs.value] : void 0,
emptyFallback: () => fallbackEntries.value
});
watch(suggestions, () => {
selectedIdx.value = 0;
});
watch(selectedNs, () => {
if (!dbReady.value) return;
fallbackEntries.value = getFallbackEntries({ namespaces: selectedNs.value ? [selectedNs.value] : void 0 });
});
onMounted(async () => {
document.body.classList.add(BODY_OPEN_CLASS);
recomputePanelRect();
try {
await loadTagDb();
fallbackEntries.value = getFallbackEntries();
} catch (e) {
toast.error(t("gallery.tagDbLoadFailed"));
console.error("loadTagDb failed", e);
}
inputEl.value?.focus();
});
onBeforeUnmount(() => {
document.body.classList.remove(BODY_OPEN_CLASS);
});
function entryStateOf(entry) {
return props.pickedIds.has(entry.fullTag) ? TagState.Include : TagState.Off;
}
function onPick(entry, mode = "positive") {
emit("pick", entry, mode);
}
function onKeydown(e) {
if (e.key === "ArrowDown") {
e.preventDefault();
if (selectedIdx.value < suggestions.value.length - 1) selectedIdx.value++;
} else if (e.key === "ArrowUp") {
e.preventDefault();
if (selectedIdx.value > 0) selectedIdx.value--;
} else if (e.key === "Enter") {
e.preventDefault();
const entry = suggestions.value[selectedIdx.value];
if (entry) onPick(entry, "positive");
}
}
return (_ctx, _cache) => {
return openBlock(), createBlock(Teleport, { to: ".gm" }, [createBaseVNode("div", {
ref_key: "panelEl",
ref: panelEl,
class: "eqt-gallery-add-inline",
style: normalizeStyle({
left: panelRect.value.left + "px",
top: panelRect.value.top + "px",
width: panelRect.value.width + "px",
height: panelRect.value.height + "px"
}),
onKeydown
}, [createVNode(NamespaceFilter_default, {
modelValue: selectedNs.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedNs.value = $event)
}, null, 8, ["modelValue"]), createBaseVNode("div", _hoisted_1$21, [createBaseVNode("div", _hoisted_2$20, [withDirectives(createBaseVNode("input", {
ref_key: "inputEl",
ref: inputEl,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => query.value = $event),
class: "eqt-gallery-add-inline__input",
type: "text",
placeholder: unref(t)("tagConfig.searchPlaceholder"),
autocomplete: "off",
spellcheck: "false"
}, null, 8, _hoisted_3$20), [[vModelText, query.value]]), createBaseVNode("button", {
type: "button",
class: "eqt-gallery-add-inline__close-btn",
title: unref(t)("settings.close"),
onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
}, "×", 8, _hoisted_4$20)]), unref(suggestions).length ? (openBlock(), createBlock(SuggestionList_default, {
key: 0,
class: "eqt-gallery-add-inline__list",
suggestions: unref(suggestions),
"selected-idx": selectedIdx.value,
"state-of": entryStateOf,
"ns-list": popupNsList.value,
"onUpdate:selectedIdx": _cache[3] || (_cache[3] = ($event) => selectedIdx.value = $event),
onPick: _cache[4] || (_cache[4] = ($event) => onPick($event, "positive")),
onCtxmenu: _cache[5] || (_cache[5] = ($event) => onPick($event, "negative"))
}, null, 8, [
"suggestions",
"selected-idx",
"ns-list"
])) : unref(dbReady) ? (openBlock(), createElementBlock("div", _hoisted_5$19, toDisplayString(unref(t)("tagConfig.noResult")), 1)) : createCommentVNode("", true)])], 36)]);
};
}
});
var CircleDottedCheck = createLucideIcon("circle-dotted-check", [...[
[12, 2],
[15.827, 2.761],
[19.071, 4.929],
[21.239, 8.173],
[22, 12],
[21.239, 15.827],
[19.071, 19.071],
[15.827, 21.239],
[12, 22],
[8.173, 21.239],
[4.929, 19.071],
[2.761, 15.827],
[2, 12],
[2.761, 8.173],
[4.929, 4.929],
[8.173, 2.761]
].map(([x, y]) => ["path", { d: `M${x} ${y}h.01` }]), ["path", { d: "m16 9-5.5 5.5L8 12" }]]);
var _hoisted_1$20 = {
key: 0,
class: "eqt-intro-panel"
};
var _hoisted_2$19 = { class: "eqt-intro-panel__title" };
var _hoisted_3$19 = { class: "eqt-intro-panel__name" };
var _hoisted_4$19 = ["href"];
var _hoisted_5$18 = ["src"];
var _hoisted_6$17 = { class: "eqt-intro-panel__name-key" };
var _hoisted_7$16 = {
key: 0,
class: "eqt-intro-panel__name-display"
};
var _hoisted_8$16 = ["src"];
var _hoisted_9$16 = { class: "eqt-intro-panel__name-key" };
var _hoisted_10$16 = ["title"];
var _hoisted_11$16 = { class: "eqt-intro-panel__lang-toggle-stack" };
var _hoisted_12$14 = ["title"];
var _hoisted_13$11 = ["innerHTML"];
var _hoisted_14$11 = {
key: 1,
class: "eqt-intro-panel__empty"
};
var _hoisted_15$10 = {
key: 0,
class: "eqt-intro-panel__wiki"
};
var _hoisted_16$10 = {
key: 0,
class: "eqt-intro-panel__wiki-variant-num"
};
var _hoisted_17$9 = { class: "eqt-intro-panel__wiki-body" };
var _hoisted_18$9 = ["title"];
var _hoisted_19$9 = ["innerHTML"];
var _hoisted_20$9 = ["innerHTML"];
var _hoisted_21$8 = {
key: 1,
class: "eqt-intro-panel__empty"
};
var _hoisted_22$8 = {
key: 2,
class: "eqt-intro-panel__wiki-images"
};
var _hoisted_23$7 = ["src"];
var _hoisted_24$6 = ["innerHTML"];
var GalleryIntroPanel_default = defineComponent({
__name: "GalleryIntroPanel",
setup(__props) {
const { openTag, entry, introHtml, linksHtml, iconUrl, wikiEntry, wikiUrl, extraImages, displayedLang, toggleLang, close, zhDisplay, preludeExpanded, togglePrelude } = useIntroPanel();
const contentEl = ref(null);
const contentScrollable = ref(false);
function measureScrollable() {
const el = contentEl.value;
contentScrollable.value = !!el && el.scrollHeight - el.clientHeight > 1;
}
watch([
openTag,
introHtml,
wikiEntry,
extraImages,
displayedLang,
preludeExpanded
], async () => {
await nextTick();
const el = contentEl.value;
if (!el) {
contentScrollable.value = false;
return;
}
for (const img of el.querySelectorAll("img")) {
img.referrerPolicy = "no-referrer";
if (!img.complete) img.addEventListener("load", measureScrollable, { once: true });
}
measureScrollable();
}, { immediate: true });
let ro;
watch(contentEl, (el) => {
ro?.disconnect();
if (el) {
ro = new ResizeObserver(measureScrollable);
ro.observe(el);
}
});
onBeforeUnmount(() => ro?.disconnect());
return (_ctx, _cache) => {
return openBlock(), createBlock(Teleport, {
to: "#gd5",
disabled: !unref(openTag)
}, [unref(openTag) ? (openBlock(), createElementBlock("div", _hoisted_1$20, [
createBaseVNode("div", _hoisted_2$19, [
createBaseVNode("div", _hoisted_3$19, [unref(displayedLang) === "en" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("a", {
class: "eqt-intro-panel__name-display",
href: unref(wikiUrl) ?? void 0,
target: "_blank",
rel: "noopener noreferrer"
}, [unref(iconUrl) ? (openBlock(), createElementBlock("img", {
key: 0,
src: unref(iconUrl),
class: "eqt-intro-panel__name-icon",
alt: "",
referrerpolicy: "no-referrer"
}, null, 8, _hoisted_5$18)) : createCommentVNode("", true), createTextVNode(toDisplayString(unref(openTag).raw), 1)], 8, _hoisted_4$19), createBaseVNode("code", _hoisted_6$17, toDisplayString(unref(openTag).ns), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(entry) ? (openBlock(), createElementBlock("span", _hoisted_7$16, [unref(iconUrl) ? (openBlock(), createElementBlock("img", {
key: 0,
src: unref(iconUrl),
class: "eqt-intro-panel__name-icon",
alt: "",
referrerpolicy: "no-referrer"
}, null, 8, _hoisted_8$16)) : createCommentVNode("", true), createTextVNode(toDisplayString(unref(zhDisplay)(unref(entry).name)), 1)])) : createCommentVNode("", true), createBaseVNode("code", _hoisted_9$16, toDisplayString(unref(openTag).nsRaw), 1)], 64))]),
createBaseVNode("button", {
type: "button",
class: "eqt-intro-panel__lang-toggle-btn",
title: unref(t)("intro.toggleLang"),
onClick: _cache[0] || (_cache[0] = (...args) => unref(toggleLang) && unref(toggleLang)(...args))
}, [createBaseVNode("span", _hoisted_11$16, [createBaseVNode("span", { class: normalizeClass({ "is-visible": unref(displayedLang) === "zh" }) }, "EN", 2), createBaseVNode("span", { class: normalizeClass({ "is-visible": unref(displayedLang) === "en" }) }, "中", 2)])], 8, _hoisted_10$16),
createBaseVNode("button", {
type: "button",
class: "eqt-intro-panel__close-btn",
title: unref(t)("intro.close"),
onClick: _cache[1] || (_cache[1] = (...args) => unref(close) && unref(close)(...args))
}, "×", 8, _hoisted_12$14)
]),
createBaseVNode("div", {
ref_key: "contentEl",
ref: contentEl,
class: normalizeClass(["eqt-intro-panel__content", { "is-scrollable": contentScrollable.value }])
}, [unref(displayedLang) === "zh" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(introHtml) ? (openBlock(), createElementBlock("div", {
key: 0,
innerHTML: unref(introHtml)
}, null, 8, _hoisted_13$11)) : (openBlock(), createElementBlock("div", _hoisted_14$11, toDisplayString(unref(t)("intro.empty")), 1))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(wikiEntry) ? (openBlock(), createElementBlock("div", _hoisted_15$10, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(wikiEntry), (variant, i) => {
return openBlock(), createElementBlock("div", {
key: i,
class: "eqt-intro-panel__wiki-variant"
}, [unref(wikiEntry).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_16$10, toDisplayString(i + 1), 1)) : createCommentVNode("", true), createBaseVNode("div", _hoisted_17$9, [variant.prelude ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("button", {
type: "button",
class: "eqt-intro-panel__wiki-prelude-toggle",
title: unref(t)("intro.togglePrelude"),
onClick: _cache[2] || (_cache[2] = (...args) => unref(togglePrelude) && unref(togglePrelude)(...args))
}, [createBaseVNode("span", { class: normalizeClass(["eqt-intro-panel__wiki-prelude-caret", { "is-expanded": unref(preludeExpanded) }]) }, "▸", 2), createBaseVNode("span", null, toDisplayString(unref(t)("intro.preludeLabel")), 1)], 8, _hoisted_18$9), withDirectives(createBaseVNode("div", {
class: "eqt-intro-panel__wiki-prelude",
innerHTML: variant.prelude
}, null, 8, _hoisted_19$9), [[vShow, unref(preludeExpanded)]])], 64)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(variant.blocks, (block, j) => {
return openBlock(), createElementBlock("div", {
key: j,
class: "eqt-intro-panel__wiki-block",
innerHTML: block
}, null, 8, _hoisted_20$9);
}), 128))])]);
}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_21$8, toDisplayString(unref(t)("intro.empty")), 1)), unref(extraImages).length ? (openBlock(), createElementBlock("div", _hoisted_22$8, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(extraImages), (src, i) => {
return openBlock(), createElementBlock("img", {
key: i,
src,
alt: "",
referrerpolicy: "no-referrer"
}, null, 8, _hoisted_23$7);
}), 128))])) : createCommentVNode("", true)], 64))], 2),
unref(linksHtml) ? (openBlock(), createElementBlock("div", {
key: 0,
class: "eqt-intro-panel__links",
innerHTML: unref(linksHtml)
}, null, 8, _hoisted_24$6)) : createCommentVNode("", true)
])) : createCommentVNode("", true)], 8, ["disabled"]);
};
}
});
var ehStyle = (colors) => tagChipStyle(colors, false);
var exStyle = (colors) => tagChipStyle(colors, true);
function useMyTagsColors() {
return globalThis.location?.hostname === "exhentai.org" ? exStyle : ehStyle;
}
var _hoisted_1$19 = ["data-ns-raw"];
var _hoisted_2$18 = {
key: 0,
class: "eqt-gallery-chip__lead"
};
var _hoisted_3$18 = { class: "eqt-gallery-chip__name" };
var _hoisted_4$18 = ["src"];
var _hoisted_5$17 = {
key: 2,
class: "eqt-gallery-chip__weight"
};
var TagChip_default = defineComponent({
__name: "TagChip",
props: {
full: {},
display: {},
iconUrl: {},
tier: { default: "gt" },
colors: {},
weight: {},
hidden: {
type: Boolean,
default: false
},
watch: {
type: Boolean,
default: false
},
showScore: {
type: Boolean,
default: true
},
showMarks: {
type: Boolean,
default: true
},
selection: {},
vote: {}
},
emits: ["pick"],
setup(__props) {
const props = __props;
const tagChipStyle = useMyTagsColors();
const personalStyle = computed(() => {
if (!props.colors) return void 0;
const style = tagChipStyle(props.colors);
return {
"--eqt-mytags-background": style.background,
"--eqt-mytags-text": style.color,
"--eqt-mytags-border": style.borderColor
};
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(["eqt-gallery-chip", [
__props.colors && "eqt-gallery-chip--mytags-colored",
__props.selection === "positive" && "eqt-gallery-chip--selected-positive",
__props.selection === "negative" && "eqt-gallery-chip--selected-negative",
`eqt-gallery-chip--${__props.tier}`,
__props.vote === "up" && "eqt-gallery-chip--voted-up",
__props.vote === "down" && "eqt-gallery-chip--voted-down"
]]),
"data-ns-raw": __props.full,
style: normalizeStyle(personalStyle.value)
}, [createBaseVNode("button", {
type: "button",
class: "eqt-gallery-chip__body",
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("pick"))
}, [
_ctx.$slots.lead ? (openBlock(), createElementBlock("span", _hoisted_2$18, [renderSlot(_ctx.$slots, "lead")])) : createCommentVNode("", true),
createBaseVNode("span", _hoisted_3$18, [__props.iconUrl ? (openBlock(), createElementBlock("img", {
key: 0,
src: __props.iconUrl,
class: "eqt-tag-icon",
alt: ""
}, null, 8, _hoisted_4$18)) : createCommentVNode("", true), createTextVNode(toDisplayString(__props.display), 1)]),
__props.showMarks && __props.watch ? (openBlock(), createBlock(unref(Eye), {
key: 1,
class: "eqt-gallery-chip__watch"
})) : createCommentVNode("", true),
__props.showMarks && __props.hidden || __props.showScore && !__props.hidden && __props.weight !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_5$17, [__props.hidden ? (openBlock(), createBlock(unref(Ban), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.weight !== void 0 && __props.weight > 0 ? `+${__props.weight}` : __props.weight), 1)], 64))])) : createCommentVNode("", true)
])], 14, _hoisted_1$19);
};
}
});
var _hoisted_1$18 = { class: "eqt-gallery-taglist__label" };
var _hoisted_2$17 = ["aria-label", "readonly"];
var _hoisted_3$17 = ["disabled"];
var _hoisted_4$17 = ["title"];
var _hoisted_5$16 = ["aria-pressed"];
var _hoisted_6$16 = ["disabled"];
var _hoisted_7$15 = ["disabled", "title"];
var _hoisted_8$15 = ["href", "title"];
var _hoisted_9$15 = ["title"];
var _hoisted_10$15 = ["disabled"];
var _hoisted_11$15 = { class: "eqt-gallery-actions__vote-counts" };
var GalleryTagList_default = defineComponent({
__name: "GalleryTagList",
setup(__props) {
const host = useEhGalleryHost();
const toast = useEqtToast();
const myTagsPalette = shallowRef(null);
onMounted(async () => {
try {
myTagsPalette.value = await loadMyTagsPalette();
} catch {
toast.error(t("gallery.myTagsColorsFailed"));
}
});
const currentTags = ref([...host.tags]);
const userVotes = ref({});
function syncUserVotesFromTags() {
const v = {};
for (const tag of currentTags.value) if (/\btup\b/.test(tag.voteClass)) v[tag.nsRaw] = "up";
else if (/\btdn\b/.test(tag.voteClass)) v[tag.nsRaw] = "down";
else v[tag.nsRaw] = null;
userVotes.value = v;
}
syncUserVotesFromTags();
function tierOf(cls) {
if (/\bgtw\b/.test(cls)) return "gtw";
if (/\bgtl\b/.test(cls)) return "gtl";
return "gt";
}
let taglistObserver = null;
onMounted(() => {
taglistObserver = new MutationObserver(() => {
if (votePending.value) return;
currentTags.value = parseTaglistRoot(host.taglistEl);
syncUserVotesFromTags();
});
taglistObserver.observe(host.taglistEl, {
childList: true,
subtree: true,
attributes: true,
attributeFilter: ["class"]
});
});
onBeforeUnmount(() => {
taglistObserver?.disconnect();
});
const { zhDisplay } = useDisplayConfig();
const { setPanelTag, close: closePanel } = useIntroPanel();
const selection = ref(new Map());
const addedTags = ref([]);
const showAddPopup = ref(false);
const imports = shallowRef(new Map());
const importOpen = ref(false);
const importInput = ref(null);
const importUrl = ref("");
const importBusy = ref(false);
const currentNsRaws = computed(() => new Set(currentTags.value.map((t) => t.nsRaw)));
function candidateTag(nsRaw, tierClass = "gt") {
const colon = nsRaw.indexOf(":");
return {
tagid: 0,
ns: colon > 0 ? nsRaw.slice(0, colon) : "",
raw: colon > 0 ? nsRaw.slice(colon + 1) : nsRaw,
nsRaw,
tierClass,
voteClass: ""
};
}
const candidates = computed(() => {
const out = new Map();
for (const [nsRaw, sources] of imports.value) {
if (currentNsRaws.value.has(nsRaw)) continue;
out.set(nsRaw, candidateTag(nsRaw, bestTier(sources)));
}
for (const tag of addedTags.value) if (!currentNsRaws.value.has(tag.nsRaw) && !out.has(tag.nsRaw)) out.set(tag.nsRaw, tag);
return [...out.values()];
});
const allTags = computed(() => [...currentTags.value, ...candidates.value]);
function buildChipView(tag, isCandidate) {
const token = serializeEntry({
ns: tag.ns,
raw: tag.raw
}, {
nsFormat: nsFormat.value,
exactMatch: defaultExactMatch.value
});
const entry = findEntryByNsTag(tag.ns, tag.raw);
const sources = imports.value.get(tag.nsRaw) ?? [];
return {
tag,
token,
display: isZhLocale() && entry ? zhDisplay(entry.name) : tag.raw,
selected: selection.value.get(tag.nsRaw),
tier: tierOf(tag.tierClass),
iconUrl: entry?.iconUrl,
personalTag: myTagsPalette.value?.[tag.nsRaw],
candidate: !isCandidate ? null : imports.value.has(tag.nsRaw) ? "imported" : "added",
evidence: !isCandidate && tierOf(tag.tierClass) === "gt" ? null : evidenceOf(sources),
sources: sources.map((s) => s.title).join("\n")
};
}
const groups = computed(() => {
tagDbVersion.value;
const real = new Map();
for (const tag of currentTags.value) {
if (!real.has(tag.ns)) real.set(tag.ns, []);
real.get(tag.ns).push(buildChipView(tag, false));
}
const pending = new Map();
for (const tag of candidates.value) {
if (!pending.has(tag.ns)) pending.set(tag.ns, []);
pending.get(tag.ns).push(buildChipView(tag, true));
}
const order = [...real.keys(), ...[...pending.keys()].filter((ns) => !real.has(ns)).sort((a, b) => nsRank(a) - nsRank(b))];
const knownNs = new Set(DEFAULT_NS_ORDER);
const result = [];
for (const ns of order) {
const label = knownNs.has(ns) ? t(`ns.${ns}`) : ns;
const chips = real.get(ns);
if (chips) result.push({
key: ns,
label,
candidate: false,
chips
});
const extra = pending.get(ns);
if (extra) result.push({
key: `${ns}__candidates`,
label: chips ? "" : label,
candidate: true,
chips: extra
});
}
return result;
});
function nsRank(ns) {
const at = DEFAULT_NS_ORDER.indexOf(ns);
return at < 0 ? DEFAULT_NS_ORDER.length : at;
}
const positiveCount = computed(() => [...selection.value.values()].filter((v) => v === "positive").length);
const negativeCount = computed(() => [...selection.value.values()].filter((v) => v === "negative").length);
const selectedCount = computed(() => selection.value.size);
const votePending = ref(false);
function setSelection(nsRaw, target) {
const cur = selection.value.get(nsRaw);
const curN = cur === "positive" ? 1 : cur === "negative" ? -1 : 0;
const delta = target === "positive" ? 1 : -1;
const min = currentNsRaws.value.has(nsRaw) ? -1 : 0;
const nextN = Math.max(min, Math.min(1, curN + delta));
if (nextN === curN) return;
const next = new Map(selection.value);
if (nextN === 0) next.delete(nsRaw);
else next.set(nsRaw, nextN === 1 ? "positive" : "negative");
selection.value = next;
}
const pickedIds = computed(() => {
const ids = new Set();
for (const tag of allTags.value) if (selection.value.get(tag.nsRaw) === "positive") ids.add(tag.nsRaw);
return ids;
});
function onPickFromAdd(entry, mode) {
const tag = allTags.value.find((t) => t.nsRaw === entry.fullTag);
if (tag) {
setPanelTag(tag);
const cur = selection.value.get(tag.nsRaw);
if (mode === "positive") {
if (cur === "positive") return;
const next = new Map(selection.value);
next.set(tag.nsRaw, "positive");
selection.value = next;
} else {
if (cur !== "positive") return;
const next = new Map(selection.value);
next.delete(tag.nsRaw);
selection.value = next;
}
return;
}
if (mode !== "positive") return;
const newAdded = candidateTag(entry.fullTag);
addedTags.value = [...addedTags.value, newAdded];
const next = new Map(selection.value);
next.set(newAdded.nsRaw, "positive");
selection.value = next;
setPanelTag(newAdded);
}
async function toggleImport() {
importOpen.value = !importOpen.value;
if (!importOpen.value) return;
await nextTick();
importInput.value?.focus();
}
async function importFrom(input) {
const target = parseGalleryUrl(input);
if (!target || importBusy.value) return;
importBusy.value = true;
const detail = await fetchGallery(target.gid, target.token);
importBusy.value = false;
if (!detail) {
toast.error(t("gallery.importFailed"));
return;
}
imports.value = withImport(imports.value, detail);
importUrl.value = "";
}
function chipFromPoint(x, y) {
const chipEl = document.elementFromPoint(x, y)?.closest(".eqt-gallery-chip");
if (!chipEl) return null;
const nsRaw = chipEl.dataset.nsRaw;
if (!nsRaw) return null;
const s = selection.value.get(nsRaw);
return {
id: nsRaw,
state: s === "positive" ? 1 : s === "negative" ? -1 : 0
};
}
function applySelectionById(nsRaw, mode) {
setSelection(nsRaw, mode);
}
function setPanelTagById(nsRaw) {
const tag = allTags.value.find((t) => t.nsRaw === nsRaw);
if (tag) setPanelTag(tag);
}
const { onAreaMouseDown } = useDragSelect({
chipFromPoint,
applySelection: applySelectionById,
setPanelTag: setPanelTagById,
enabled: () => galleryDragSelectEnabled.value
});
const wikiUrl = computed(() => {
if (isZhLocale()) return "https://ehwiki.org/wiki/Gallery_Tagging/Chinese";
if (locale.value === "ko") return "https://ehwiki.org/wiki/Gallery_Tagging/Korean";
return "https://ehwiki.org/wiki/Gallery_Tagging";
});
let lastRightClickTime = 0;
function isInteractiveTaglist(e) {
return !!e.target.closest(".eqt-gallery-chip, .eqt-gallery-taglist__label");
}
function onTaglistDblClick(e) {
if (isInteractiveTaglist(e)) return;
e.preventDefault();
window.getSelection()?.removeAllRanges();
execGalleryDblClickAction(galleryDblClickLeft.value, galleryDblClickLeftNewTabActive.value);
}
function onTaglistContextMenu(e) {
e.preventDefault();
if (isInteractiveTaglist(e)) return;
const now = Date.now();
if (now - lastRightClickTime < 500) {
execGalleryDblClickAction(galleryDblClickRight.value, galleryDblClickRightNewTabActive.value);
lastRightClickTime = 0;
} else lastRightClickTime = now;
}
function execGalleryDblClickAction(action, newTabActive) {
switch (action) {
case "none": return;
case "search":
onSearchCurrent();
return;
case "searchNewTab":
doSearchNewTab(newTabActive);
return;
case "vote":
onSendBatchVotes();
return;
case "clearSelection":
onClearSelection();
return;
case "openAdd":
showAddPopup.value = !showAddPopup.value;
return;
}
}
function buildSearchUrl() {
if (selectedCount.value === 0) return null;
const tokens = [];
for (const group of groups.value) for (const chip of group.chips) if (chip.selected === "positive") tokens.push(chip.token);
else if (chip.selected === "negative") tokens.push(`-${chip.token}`);
const url = new URL("/", window.location.href);
url.searchParams.set("f_search", tokens.join(" "));
return url.href;
}
function doSearchNewTab(activate) {
const href = buildSearchUrl();
if (!href) return;
Promise.resolve(_GM.openInTab(href, { active: activate })).catch(() => {});
onClearSelection();
}
function onSearchNewTab() {
doSearchNewTab(true);
}
function onSearchCurrent() {
const href = buildSearchUrl();
if (!href) return;
window.location.href = href;
}
async function onOpenInMyTags() {
const gidMatch = /^\/g\/(\d+)\//.exec(location.pathname);
if (!gidMatch || selectedCount.value === 0) return;
const gid = Number(gidMatch[1]);
await savePick(gid, allTags.value.filter((t) => selection.value.has(t.nsRaw)).map((t) => t.nsRaw));
Promise.resolve(_GM.openInTab(pickUrl(location.origin, gid), { active: true })).catch(() => {});
onClearSelection();
}
function tagsFor(target) {
return allTags.value.filter((t) => selection.value.get(t.nsRaw) === target);
}
async function onSendBatchVotes() {
if (votePending.value) return;
const ups = tagsFor("positive");
const downs = tagsFor("negative");
if (ups.length === 0 && downs.length === 0) return;
votePending.value = true;
for (const tag of ups) {
const cur = userVotes.value[tag.nsRaw];
userVotes.value[tag.nsRaw] = cur === "down" ? null : "up";
}
for (const tag of downs) {
const cur = userVotes.value[tag.nsRaw];
userVotes.value[tag.nsRaw] = cur === "up" ? null : "down";
}
const addedBefore = new Set(addedTags.value.map((t) => t.nsRaw));
const votedAddedIds = [...ups, ...downs].map((t) => t.nsRaw).filter((id) => addedBefore.has(id));
try {
let allOk = true;
if (ups.length) allOk = await dispatchBatch(ups, 1) && allOk;
if (downs.length) allOk = await dispatchBatch(downs, -1) && allOk;
if (allOk) {
if (votedAddedIds.length) {
const removed = new Set(votedAddedIds);
addedTags.value = addedTags.value.filter((t) => !removed.has(t.nsRaw));
}
onClearSelection();
}
} finally {
votePending.value = false;
currentTags.value = parseTaglistRoot(host.taglistEl);
syncUserVotesFromTags();
}
}
async function dispatchBatch(tags, voteValue) {
const response = await batchVote(tags, voteValue);
if (response.tagpaneHtml) host.taglistEl.innerHTML = response.tagpaneHtml;
else if (response.error) syncUserVotesFromTags();
if (response.error) toast.error(response.error);
if (response.needsLogin) toast.warning(t("gallery.sessionExpired"));
if (response.redirect) toast.info(`Redirect: ${response.redirect}`);
return !response.error && !response.needsLogin;
}
function onClearSelection() {
selection.value = new Map();
}
watch(selection, () => {
if (selection.value.size === 0) closePanel();
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [
createBaseVNode("div", {
class: "eqt-gallery-taglist",
style: normalizeStyle({ zoom: unref(galleryTaglistZoom) / 100 }),
onMousedown: _cache[0] || (_cache[0] = (...args) => unref(onAreaMouseDown) && unref(onAreaMouseDown)(...args)),
onDblclick: onTaglistDblClick,
onContextmenu: onTaglistContextMenu
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group) => {
return openBlock(), createElementBlock("div", {
key: group.key,
class: "eqt-gallery-taglist__row"
}, [createBaseVNode("div", _hoisted_1$18, [group.label ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(group.label) + ":", 1)], 64)) : group.candidate ? (openBlock(), createBlock(unref(CornerLeftUp), {
key: 1,
class: "eqt-gallery-taglist__label-icon"
})) : createCommentVNode("", true)]), createBaseVNode("div", { class: normalizeClass(["eqt-gallery-taglist__cells", { "eqt-gallery-taglist__cells--candidate": group.candidate }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.chips, (chip) => {
return openBlock(), createBlock(TagChip_default, {
key: chip.tag.nsRaw,
full: chip.tag.nsRaw,
display: chip.display,
"icon-url": chip.iconUrl,
tier: chip.tier,
colors: unref(galleryMyTagsColorsEnabled) ? chip.personalTag : void 0,
weight: chip.personalTag?.weight,
hidden: chip.personalTag?.hidden,
watch: chip.personalTag?.watch,
"show-score": unref(galleryMyTagsScoresEnabled),
"show-marks": unref(galleryMyTagsMarksEnabled),
selection: chip.selected,
vote: userVotes.value[chip.tag.nsRaw]
}, createSlots({ _: 2 }, [chip.candidate || chip.evidence ? {
name: "lead",
fn: withCtx(() => [chip.candidate === "added" ? (openBlock(), createBlock(unref(TagPlus), { key: 0 })) : chip.evidence === "solid" ? (openBlock(), createBlock(unref(CircleCheck), {
key: 1,
title: chip.sources
}, null, 8, ["title"])) : chip.evidence === "dashed" ? (openBlock(), createBlock(unref(CircleDashedCheck), {
key: 2,
title: chip.sources
}, null, 8, ["title"])) : (openBlock(), createBlock(unref(CircleDottedCheck), {
key: 3,
title: chip.sources
}, null, 8, ["title"]))]),
key: "0"
} : void 0]), 1032, [
"full",
"display",
"icon-url",
"tier",
"colors",
"weight",
"hidden",
"watch",
"show-score",
"show-marks",
"selection",
"vote"
]);
}), 128))], 2)]);
}), 128))], 36),
createBaseVNode("div", { class: normalizeClass(["eqt-gallery-actions", { "eqt-gallery-actions--import": importOpen.value }]) }, [
importOpen.value ? withDirectives((openBlock(), createElementBlock("input", {
key: 0,
ref_key: "importInput",
ref: importInput,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => importUrl.value = $event),
class: "eqt-gallery-actions__import",
type: "text",
placeholder: "https://e-hentai.org/g/123456/0123456789/",
"aria-label": unref(t)("gallery.importToggle"),
readonly: importBusy.value,
spellcheck: "false",
autocomplete: "off",
onInput: _cache[2] || (_cache[2] = ($event) => importFrom(importUrl.value))
}, null, 40, _hoisted_2$17)), [[vModelText, importUrl.value]]) : createCommentVNode("", true),
createBaseVNode("button", {
type: "button",
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--search",
disabled: selectedCount.value === 0,
onClick: onSearchNewTab
}, [createVNode(unref(Search), { size: 20 }), createBaseVNode("span", null, toDisplayString(unref(t)("gallery.searchN", { n: String(selectedCount.value) })), 1)], 8, _hoisted_3$17),
createBaseVNode("button", {
type: "button",
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--add",
title: unref(t)("gallery.addTags"),
onClick: _cache[3] || (_cache[3] = ($event) => showAddPopup.value = !showAddPopup.value)
}, [createVNode(unref(TagPlus), { size: 14 }), createBaseVNode("span", null, toDisplayString(unref(t)("gallery.addTags")), 1)], 8, _hoisted_4$17),
createBaseVNode("button", {
type: "button",
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--import",
"aria-pressed": importOpen.value,
onClick: toggleImport
}, [createVNode(unref(SquareArrowRightEnter), { size: 14 }), createBaseVNode("span", null, toDisplayString(unref(t)("gallery.importToggle")), 1)], 8, _hoisted_5$16),
createBaseVNode("button", {
type: "button",
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--clear",
disabled: selectedCount.value === 0,
onClick: onClearSelection
}, [createVNode(unref(X), { size: 14 }), createBaseVNode("span", null, toDisplayString(unref(t)("gallery.clearSelection")), 1)], 8, _hoisted_6$16),
createBaseVNode("button", {
type: "button",
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--mytags",
disabled: selectedCount.value === 0,
title: unref(t)("gallery.openInMyTags"),
onClick: onOpenInMyTags
}, [createVNode(unref(Tags), { size: 14 }), createBaseVNode("span", null, toDisplayString(unref(t)("gallery.openInMyTags")), 1)], 8, _hoisted_7$15),
createBaseVNode("a", {
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--wiki",
href: wikiUrl.value,
target: "_blank",
rel: "noopener noreferrer",
title: unref(t)("gallery.wiki")
}, [createVNode(unref(BookOpen), { size: 14 }), createBaseVNode("span", null, toDisplayString(unref(t)("gallery.wiki")), 1)], 8, _hoisted_8$15),
createBaseVNode("button", {
type: "button",
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--settings",
title: unref(t)("settings.title"),
onClick: _cache[4] || (_cache[4] = ($event) => unref(openSettings)("gallery"))
}, [createVNode(unref(Settings), { size: 14 }), createBaseVNode("span", null, toDisplayString(unref(t)("settings.title")), 1)], 8, _hoisted_9$15),
createBaseVNode("button", {
type: "button",
class: "eqt-gallery-actions__btn eqt-gallery-actions__btn--vote",
disabled: selectedCount.value === 0 || votePending.value,
onClick: onSendBatchVotes
}, [createBaseVNode("span", _hoisted_11$15, "↑" + toDisplayString(positiveCount.value) + " ↓" + toDisplayString(negativeCount.value), 1), createBaseVNode("span", null, toDisplayString(unref(t)("gallery.vote")), 1)], 8, _hoisted_10$15)
], 2),
showAddPopup.value ? (openBlock(), createBlock(GalleryAddInline_default, {
key: 0,
"picked-ids": pickedIds.value,
onPick: onPickFromAdd,
onClose: _cache[5] || (_cache[5] = ($event) => showAddPopup.value = false)
}, null, 8, ["picked-ids"])) : createCommentVNode("", true),
createVNode(GalleryIntroPanel_default)
], 64);
};
}
});
function areEqual(arrayA, arrayB) {
if (arrayA.length !== arrayB.length) return false;
for (let index = 0; index < arrayA.length; index++) if (arrayA[index] !== arrayB[index]) return false;
return true;
}
var isBrowser = typeof document !== "undefined";
function clamp(value, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY) {
return Math.min(max, Math.max(min, value));
}
function roundToStepPrecision(value, step) {
let roundedValue = value;
const stepString = step.toString();
const pointIndex = stepString.indexOf(".");
const precision = pointIndex >= 0 ? stepString.length - pointIndex : 0;
if (precision > 0) {
const pow = 10 ** precision;
roundedValue = Math.round(roundedValue * pow) / pow;
}
return roundedValue;
}
function snapValueToStep(value, min, max, step) {
min = Number(min);
max = Number(max);
const remainder = (value - (Number.isNaN(min) ? 0 : min)) % step;
let snappedValue = roundToStepPrecision(Math.abs(remainder) * 2 >= step ? value + Math.sign(remainder) * (step - Math.abs(remainder)) : value - remainder, step);
if (!Number.isNaN(min)) {
if (snappedValue < min) snappedValue = min;
else if (!Number.isNaN(max) && snappedValue > max) snappedValue = min + Math.floor(roundToStepPrecision((max - min) / step, step)) * step;
} else if (!Number.isNaN(max) && snappedValue > max) snappedValue = Math.floor(roundToStepPrecision(max / step, step)) * step;
snappedValue = roundToStepPrecision(snappedValue, step);
return snappedValue;
}
function createContext(providerComponentName, contextName) {
const symbolDescription = typeof providerComponentName === "string" && !contextName ? `${providerComponentName}Context` : contextName;
const injectionKey = Symbol(symbolDescription);
const injectContext = (fallback) => {
const context = inject(injectionKey, fallback);
if (context) return context;
if (context === null) return context;
throw new Error(`Injection \`${injectionKey.toString()}\` not found. Component must be used within ${Array.isArray(providerComponentName) ? `one of the following components: ${providerComponentName.join(", ")}` : `\`${providerComponentName}\``}`);
};
const provideContext = (contextValue) => {
provide(injectionKey, contextValue);
return contextValue;
};
return [injectContext, provideContext];
}
function getActiveElement() {
let activeElement = document.activeElement;
if (activeElement == null) return null;
while (activeElement != null && activeElement.shadowRoot != null && activeElement.shadowRoot.activeElement != null) activeElement = activeElement.shadowRoot.activeElement;
return activeElement;
}
function handleAndDispatchCustomEvent(name, handler, detail) {
const target = detail.originalEvent.target;
const event = new CustomEvent(name, {
bubbles: false,
cancelable: true,
detail
});
if (handler) target.addEventListener(name, handler, { once: true });
target.dispatchEvent(event);
}
function isNullish(value) {
return value === null || value === void 0;
}
function renderSlotFragments(children) {
if (!children) return [];
return children.flatMap((child) => {
if (child.type === Fragment) return renderSlotFragments(child.children);
return [child];
});
}
var [injectConfigProviderContext, provideConfigProviderContext] = createContext("ConfigProvider");
var context = reactive({
layersRoot: new Set(),
layersWithOutsidePointerEventsDisabled: new Set(),
originalBodyPointerEvents: void 0,
branches: new Set()
});
function isPlainObject(value) {
if (value === null || typeof value !== "object") return false;
const prototype = Object.getPrototypeOf(value);
if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) return false;
if (Symbol.iterator in value) return false;
if (Symbol.toStringTag in value) return Object.prototype.toString.call(value) === "[object Module]";
return true;
}
function _defu(baseObject, defaults, namespace = ".", merger) {
if (!isPlainObject(defaults)) return _defu(baseObject, {}, namespace, merger);
const object = { ...defaults };
for (const key of Object.keys(baseObject)) {
if (key === "__proto__" || key === "constructor") continue;
const value = baseObject[key];
if (value === null || value === void 0) continue;
if (merger && merger(object, key, value, namespace)) continue;
if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
else if (isPlainObject(value) && isPlainObject(object[key])) object[key] = _defu(value, object[key], (namespace ? `${namespace}.` : "") + key.toString(), merger);
else object[key] = value;
}
return object;
}
function createDefu(merger) {
return (...arguments_) => arguments_.reduce((p, c) => _defu(p, c, "", merger), {});
}
var defu = createDefu();
var useBodyLockStackCount = createSharedComposable(() => {
const map = ref(new Map());
const initialOverflow = ref();
const locked = computed(() => {
for (const value of map.value.values()) if (value) return true;
return false;
});
const context$1 = injectConfigProviderContext({ scrollBody: ref(true) });
let stopTouchMoveListener = null;
const resetBodyStyle = () => {
document.body.style.paddingRight = "";
document.body.style.marginRight = "";
if (context.layersWithOutsidePointerEventsDisabled.size === 0) document.body.style.pointerEvents = "";
document.documentElement.style.removeProperty("--scrollbar-width");
document.body.style.overflow = initialOverflow.value ?? "";
isIOS && stopTouchMoveListener?.();
initialOverflow.value = void 0;
};
watch(locked, (val, oldVal) => {
if (!isClient) return;
if (!val) {
if (oldVal) resetBodyStyle();
return;
}
if (initialOverflow.value === void 0) initialOverflow.value = document.body.style.overflow;
const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
const defaultConfig = {
padding: verticalScrollbarWidth,
margin: 0
};
const config = context$1.scrollBody?.value ? typeof context$1.scrollBody.value === "object" ? defu({
padding: context$1.scrollBody.value.padding === true ? verticalScrollbarWidth : context$1.scrollBody.value.padding,
margin: context$1.scrollBody.value.margin === true ? verticalScrollbarWidth : context$1.scrollBody.value.margin
}, defaultConfig) : defaultConfig : {
padding: 0,
margin: 0
};
if (verticalScrollbarWidth > 0) {
document.body.style.paddingRight = typeof config.padding === "number" ? `${config.padding}px` : String(config.padding);
document.body.style.marginRight = typeof config.margin === "number" ? `${config.margin}px` : String(config.margin);
document.documentElement.style.setProperty("--scrollbar-width", `${verticalScrollbarWidth}px`);
document.body.style.overflow = "hidden";
}
if (isIOS) stopTouchMoveListener = useEventListener(document, "touchmove", (e) => preventDefault(e), { passive: false });
nextTick(() => {
if (!locked.value) return;
document.body.style.pointerEvents = "none";
document.body.style.overflow = "hidden";
});
}, {
immediate: true,
flush: "sync"
});
return map;
});
function useBodyScrollLock(initialState) {
const id = Math.random().toString(36).substring(2, 7);
const map = useBodyLockStackCount();
map.value.set(id, initialState ?? false);
const locked = computed({
get: () => map.value.get(id) ?? false,
set: (value) => map.value.set(id, value)
});
tryOnBeforeUnmount(() => {
map.value.delete(id);
});
return locked;
}
function checkOverflowScroll(ele) {
const style = window.getComputedStyle(ele);
if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientWidth < ele.scrollWidth || style.overflowY === "auto" && ele.clientHeight < ele.scrollHeight) return true;
else {
const parent = ele.parentNode;
if (!(parent instanceof Element) || parent.tagName === "BODY") return false;
return checkOverflowScroll(parent);
}
}
function preventDefault(rawEvent) {
const e = rawEvent || window.event;
const _target = e.target;
if (_target instanceof Element && checkOverflowScroll(_target)) return false;
if (e.touches.length > 1) return true;
if (e.preventDefault && e.cancelable) e.preventDefault();
return false;
}
var imeScriptRE = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}\p{Script=Bopomofo}]/u;
var androidRE = /android/i;
function isAndroid() {
return typeof navigator !== "undefined" && androidRE.test(navigator.userAgent);
}
function useComposing(onEnd) {
const isComposing = ref(false);
const isImeComposition = ref(true);
const sawImeScript = ref(false);
const shouldDeferInput = computed(() => isComposing.value && isImeComposition.value);
function handleCompositionStart() {
isComposing.value = true;
isImeComposition.value = true;
sawImeScript.value = false;
}
function handleCompositionUpdate(event) {
if (!event.data) return;
if (imeScriptRE.test(event.data)) {
isImeComposition.value = true;
sawImeScript.value = true;
} else if (isAndroid() && !sawImeScript.value) isImeComposition.value = false;
}
function handleCompositionEnd(event) {
nextTick(() => {
isComposing.value = false;
onEnd?.(event);
});
}
return {
isComposing,
shouldDeferInput,
handleCompositionStart,
handleCompositionUpdate,
handleCompositionEnd
};
}
function useDirection(dir) {
const context = injectConfigProviderContext({ dir: ref("ltr") });
return computed(() => dir?.value || context.dir?.value || "ltr");
}
function useEmitAsProps(emit) {
const vm = getCurrentInstance();
const events = vm?.type.emits;
const result = {};
if (!events?.length) console.warn(`No emitted event found. Please check component: ${vm?.type.__name}`);
events?.forEach((ev) => {
result[toHandlerKey(camelize$2(ev))] = (...arg) => emit(ev, ...arg);
});
return result;
}
function useFormControl(el) {
return computed(() => toValue$1(el) ? Boolean(unrefElement(el)?.closest("form")) : true);
}
function useForwardExpose() {
const instance = getCurrentInstance();
const currentRef = ref();
const currentElement = computed(() => resolveCurrentElement());
onUpdated(() => {
if (currentElement.value !== resolveCurrentElement()) triggerRef(currentRef);
});
function resolveCurrentElement() {
return currentRef.value && "$el" in currentRef.value && ["#text", "#comment"].includes(currentRef.value.$el.nodeName) ? currentRef.value.$el.nextElementSibling : unrefElement(currentRef);
}
const localExpose = Object.assign({}, instance.exposed);
const ret = {};
for (const key in instance.props) Object.defineProperty(ret, key, {
enumerable: true,
configurable: true,
get: () => instance.props[key]
});
if (Object.keys(localExpose).length > 0) for (const key in localExpose) Object.defineProperty(ret, key, {
enumerable: true,
configurable: true,
get: () => localExpose[key]
});
Object.defineProperty(ret, "$el", {
enumerable: true,
configurable: true,
get: () => instance.vnode.el
});
instance.exposed = ret;
function forwardRef(ref$1) {
currentRef.value = ref$1;
if (!ref$1) return;
Object.defineProperty(ret, "$el", {
enumerable: true,
configurable: true,
get: () => ref$1 instanceof Element ? ref$1 : ref$1.$el
});
if (!(ref$1 instanceof Element) && !Object.hasOwn(ref$1, "$el")) {
const childExposed = ref$1.$.exposed;
const merged = Object.assign({}, ret);
for (const key in childExposed) Object.defineProperty(merged, key, {
enumerable: true,
configurable: true,
get: () => childExposed[key]
});
instance.exposed = merged;
}
}
return {
forwardRef,
currentRef,
currentElement
};
}
function useForwardProps(props) {
const vm = getCurrentInstance();
const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
const defaultValue = (vm?.type.props[curr]).default;
if (defaultValue !== void 0) prev[curr] = defaultValue;
return prev;
}, {});
const refProps = toRef$1(props);
return computed(() => {
const preservedProps = {};
const assignedProps = vm?.vnode.props ?? {};
Object.keys(assignedProps).forEach((key) => {
preservedProps[camelize$2(key)] = assignedProps[key];
});
return Object.keys({
...defaultProps,
...preservedProps
}).reduce((prev, curr) => {
if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
return prev;
}, {});
});
}
function useForwardPropsEmits(props, emit) {
const parsedProps = useForwardProps(props);
const emitsAsProps = emit ? useEmitAsProps(emit) : {};
return computed(() => ({
...parsedProps.value,
...emitsAsProps
}));
}
var getDefaultParent = function(originalTarget) {
if (typeof document === "undefined") return null;
return (Array.isArray(originalTarget) ? originalTarget[0] : originalTarget).ownerDocument.body;
};
var counterMap = new WeakMap();
var uncontrolledNodes = new WeakMap();
var markerMap = {};
var lockCount = 0;
var unwrapHost = function(node) {
return node && (node.host || unwrapHost(node.parentNode));
};
var correctTargets = function(parent, targets) {
return targets.map(function(target) {
if (parent.contains(target)) return target;
var correctedTarget = unwrapHost(target);
if (correctedTarget && parent.contains(correctedTarget)) return correctedTarget;
console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
return null;
}).filter(function(x) {
return Boolean(x);
});
};
var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
if (!markerMap[markerName]) markerMap[markerName] = new WeakMap();
var markerCounter = markerMap[markerName];
var hiddenNodes = [];
var elementsToKeep = new Set();
var elementsToStop = new Set(targets);
var keep = function(el) {
if (!el || elementsToKeep.has(el)) return;
elementsToKeep.add(el);
keep(el.parentNode);
};
targets.forEach(keep);
var deep = function(parent) {
if (!parent || elementsToStop.has(parent)) return;
Array.prototype.forEach.call(parent.children, function(node) {
if (elementsToKeep.has(node)) deep(node);
else try {
var attr = node.getAttribute(controlAttribute);
var alreadyHidden = attr !== null && attr !== "false";
var counterValue = (counterMap.get(node) || 0) + 1;
var markerValue = (markerCounter.get(node) || 0) + 1;
counterMap.set(node, counterValue);
markerCounter.set(node, markerValue);
hiddenNodes.push(node);
if (counterValue === 1 && alreadyHidden) uncontrolledNodes.set(node, true);
if (markerValue === 1) node.setAttribute(markerName, "true");
if (!alreadyHidden) node.setAttribute(controlAttribute, "true");
} catch (e) {
console.error("aria-hidden: cannot operate on ", node, e);
}
});
};
deep(parentNode);
elementsToKeep.clear();
lockCount++;
return function() {
hiddenNodes.forEach(function(node) {
var counterValue = counterMap.get(node) - 1;
var markerValue = markerCounter.get(node) - 1;
counterMap.set(node, counterValue);
markerCounter.set(node, markerValue);
if (!counterValue) {
if (!uncontrolledNodes.has(node)) node.removeAttribute(controlAttribute);
uncontrolledNodes.delete(node);
}
if (!markerValue) node.removeAttribute(markerName);
});
lockCount--;
if (!lockCount) {
counterMap = new WeakMap();
counterMap = new WeakMap();
uncontrolledNodes = new WeakMap();
markerMap = {};
}
};
};
var hideOthers = function(originalTarget, parentNode, markerName) {
if (markerName === void 0) markerName = "data-aria-hidden";
var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
var activeParentNode = parentNode || getDefaultParent(originalTarget);
if (!activeParentNode) return function() {
return null;
};
targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
};
function useHideOthers(target) {
let undo;
watch(() => unrefElement(target), (el) => {
let isInsideClosedPopover = false;
try {
isInsideClosedPopover = !!el?.closest("[popover]:not(:popover-open)");
} catch {}
if (el && !isInsideClosedPopover) undo = hideOthers(el);
else if (undo) undo();
});
onUnmounted(() => {
if (undo) undo();
});
}
var count = 0;
function useId(deterministicId, prefix = "reka") {
if (deterministicId) return deterministicId;
let id;
const configProviderContext = injectConfigProviderContext({ useId: void 0 });
if (configProviderContext.useId) id = configProviderContext.useId();
else if ("useId" in vue_runtime_esm_bundler_exports) id = useId$1?.();
else id = `${++count}`;
return prefix ? `${prefix}-${id}` : id;
}
function useKbd() {
return {
ALT: "Alt",
ARROW_DOWN: "ArrowDown",
ARROW_LEFT: "ArrowLeft",
ARROW_RIGHT: "ArrowRight",
ARROW_UP: "ArrowUp",
BACKSPACE: "Backspace",
CAPS_LOCK: "CapsLock",
CONTROL: "Control",
DELETE: "Delete",
END: "End",
ENTER: "Enter",
ESCAPE: "Escape",
F1: "F1",
F10: "F10",
F11: "F11",
F12: "F12",
F2: "F2",
F3: "F3",
F4: "F4",
F5: "F5",
F6: "F6",
F7: "F7",
F8: "F8",
F9: "F9",
HOME: "Home",
META: "Meta",
PAGE_DOWN: "PageDown",
PAGE_UP: "PageUp",
SHIFT: "Shift",
SPACE: " ",
TAB: "Tab",
CTRL: "Control",
ASTERISK: "*",
SPACE_CODE: "Space"
};
}
function useLocale(locale) {
const context = injectConfigProviderContext({ locale: ref("en") });
return computed(() => locale?.value || context.locale?.value || "en");
}
function useStateMachine(initialState, machine) {
const state = ref(initialState);
function reducer(event) {
return machine[state.value][event] ?? state.value;
}
const dispatch = (event) => {
state.value = reducer(event);
};
return {
state,
dispatch
};
}
function usePresence(present, node) {
const stylesRef = ref({});
const prevAnimationNameRef = ref("none");
const prevPresentRef = ref(present);
const initialState = present.value ? "mounted" : "unmounted";
let timeoutId;
const ownerWindow = node.value?.ownerDocument.defaultView ?? defaultWindow;
const { state, dispatch } = useStateMachine(initialState, {
mounted: {
UNMOUNT: "unmounted",
ANIMATION_OUT: "unmountSuspended"
},
unmountSuspended: {
MOUNT: "mounted",
ANIMATION_END: "unmounted"
},
unmounted: { MOUNT: "mounted" }
});
const dispatchCustomEvent = (name) => {
if (isClient) {
const customEvent = new CustomEvent(name, {
bubbles: false,
cancelable: false
});
node.value?.dispatchEvent(customEvent);
}
};
watch(present, async (currentPresent, prevPresent) => {
const hasPresentChanged = prevPresent !== currentPresent;
await nextTick();
if (hasPresentChanged) {
const prevAnimationName = prevAnimationNameRef.value;
const currentAnimationName = getAnimationName(node.value);
if (currentPresent) {
dispatch("MOUNT");
dispatchCustomEvent("enter");
if (currentAnimationName === "none") dispatchCustomEvent("after-enter");
} else if (currentAnimationName === "none" || currentAnimationName === "undefined" || stylesRef.value?.display === "none") {
dispatch("UNMOUNT");
dispatchCustomEvent("leave");
dispatchCustomEvent("after-leave");
} else if (prevPresent && prevAnimationName !== currentAnimationName) {
dispatch("ANIMATION_OUT");
dispatchCustomEvent("leave");
} else {
dispatch("UNMOUNT");
dispatchCustomEvent("after-leave");
}
}
}, { immediate: true });
const handleAnimationEnd = (event) => {
if (event.target !== node.value) return;
const currentAnimationName = getAnimationName(node.value);
const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
const directionName = state.value === "mounted" ? "enter" : "leave";
if (isCurrentAnimation) {
dispatchCustomEvent(`after-${directionName}`);
dispatch("ANIMATION_END");
if (!prevPresentRef.value) {
const currentFillMode = node.value.style.animationFillMode;
node.value.style.animationFillMode = "forwards";
timeoutId = ownerWindow?.setTimeout(() => {
if (node.value?.style.animationFillMode === "forwards") node.value.style.animationFillMode = currentFillMode;
});
}
}
if (currentAnimationName === "none") dispatch("ANIMATION_END");
};
const handleAnimationStart = (event) => {
if (event.target === node.value) prevAnimationNameRef.value = getAnimationName(node.value);
};
const watcher = watch(node, (newNode, oldNode) => {
if (newNode) {
stylesRef.value = getComputedStyle(newNode);
newNode.addEventListener("animationstart", handleAnimationStart);
newNode.addEventListener("animationcancel", handleAnimationEnd);
newNode.addEventListener("animationend", handleAnimationEnd);
} else {
dispatch("ANIMATION_END");
if (timeoutId !== void 0) ownerWindow?.clearTimeout(timeoutId);
oldNode?.removeEventListener("animationstart", handleAnimationStart);
oldNode?.removeEventListener("animationcancel", handleAnimationEnd);
oldNode?.removeEventListener("animationend", handleAnimationEnd);
}
}, { immediate: true });
const stateWatcher = watch(state, () => {
const currentAnimationName = getAnimationName(node.value);
prevAnimationNameRef.value = state.value === "mounted" ? currentAnimationName : "none";
});
onUnmounted(() => {
watcher();
stateWatcher();
if (node.value) {
node.value.removeEventListener("animationstart", handleAnimationStart);
node.value.removeEventListener("animationcancel", handleAnimationEnd);
node.value.removeEventListener("animationend", handleAnimationEnd);
}
if (timeoutId !== void 0) ownerWindow?.clearTimeout(timeoutId);
});
return { isPresent: computed(() => ["mounted", "unmountSuspended"].includes(state.value)) };
}
function getAnimationName(node) {
return node ? getComputedStyle(node).animationName || "none" : "none";
}
var Presence_default = defineComponent({
name: "Presence",
props: {
present: {
type: Boolean,
required: true
},
forceMount: { type: Boolean }
},
slots: {},
setup(props, { slots, expose }) {
const { present, forceMount } = toRefs(props);
const node = ref();
const { isPresent } = usePresence(present, node);
expose({ present: isPresent });
let children = slots.default({ present: isPresent.value });
children = renderSlotFragments(children || []);
const instance = getCurrentInstance();
if (children && children?.length > 1) {
const componentName = instance?.parent?.type.name ? `<${instance.parent.type.name} />` : "component";
throw new Error([
`Detected an invalid children for \`${componentName}\` for \`Presence\` component.`,
"",
"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
"You can apply a few solutions:",
["Provide a single child element so that `presence` directive attach correctly.", "Ensure the first child is an actual element instead of a raw text node or comment node."].map((line) => ` - ${line}`).join("\n")
].join("\n"));
}
return () => {
if (forceMount.value || present.value || isPresent.value) return h(slots.default({ present: isPresent.value })[0], { ref: (v) => {
const el = unrefElement(v);
if (typeof el?.hasAttribute === "undefined") return el;
if (el?.hasAttribute("data-reka-popper-content-wrapper")) node.value = el.firstElementChild;
else node.value = el;
return el;
} });
else return null;
};
}
});
var Slot = defineComponent({
name: "PrimitiveSlot",
inheritAttrs: false,
setup(_, { attrs, slots }) {
return () => {
if (!slots.default) return null;
const children = renderSlotFragments(slots.default());
const firstNonCommentChildrenIndex = children.findIndex((child) => child.type !== Comment);
if (firstNonCommentChildrenIndex === -1) return children;
const firstNonCommentChildren = children[firstNonCommentChildrenIndex];
delete firstNonCommentChildren.props?.ref;
const mergedProps = firstNonCommentChildren.props ? mergeProps(attrs, firstNonCommentChildren.props) : attrs;
const cloned = cloneVNode({
...firstNonCommentChildren,
props: {}
}, mergedProps);
if (children.length === 1) return cloned;
children[firstNonCommentChildrenIndex] = cloned;
return children;
};
}
});
var SELF_CLOSING_TAGS = [
"area",
"img",
"input"
];
var Primitive = defineComponent({
name: "Primitive",
inheritAttrs: false,
props: {
asChild: {
type: Boolean,
default: false
},
as: {
type: [String, Object],
default: "div"
}
},
setup(props, { attrs, slots }) {
const asTag = props.asChild ? "template" : props.as;
if (typeof asTag === "string" && SELF_CLOSING_TAGS.includes(asTag)) return () => h(asTag, attrs);
if (asTag !== "template") return () => h(props.as, attrs, { default: slots.default });
return () => h(Slot, attrs, { default: slots.default });
}
});
function usePrimitiveElement() {
const primitiveElement = ref();
return {
primitiveElement,
currentElement: computed(() => ["#text", "#comment"].includes(primitiveElement.value?.$el.nodeName) ? primitiveElement.value?.$el.nextElementSibling : unrefElement(primitiveElement))
};
}
var [injectDialogRootContext, provideDialogRootContext] = createContext("DialogRoot");
var DialogRoot_default = defineComponent({
inheritAttrs: false,
__name: "DialogRoot",
props: {
open: {
type: Boolean,
required: false,
default: void 0
},
defaultOpen: {
type: Boolean,
required: false,
default: false
},
modal: {
type: Boolean,
required: false,
default: true
},
unmountOnHide: {
type: Boolean,
required: false,
default: true
}
},
emits: ["update:open"],
setup(__props, { emit: __emit }) {
const props = __props;
const open = useVModel(props, "open", __emit, {
defaultValue: props.defaultOpen,
passive: props.open === void 0
});
const triggerElement = ref();
const contentElement = ref();
const { modal, unmountOnHide } = toRefs(props);
provideDialogRootContext({
open,
modal,
unmountOnHide,
openModal: () => {
open.value = true;
},
onOpenChange: (value) => {
open.value = value;
},
onOpenToggle: () => {
open.value = !open.value;
},
contentId: "",
titleId: "",
descriptionId: "",
triggerElement,
contentElement
});
return (_ctx, _cache) => {
return renderSlot(_ctx.$slots, "default", {
open: unref(open),
close: () => open.value = false
});
};
}
});
var DialogClose_default = defineComponent({
__name: "DialogClose",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "button"
}
},
setup(__props) {
const props = __props;
useForwardExpose();
const rootContext = injectDialogRootContext();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
type: _ctx.as === "button" ? "button" : void 0,
onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false))
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, ["type"]);
};
}
});
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
function isLayerExist(layerElement, targetElement) {
if (!(targetElement instanceof Element)) return false;
const targetLayer = targetElement.closest("[data-dismissable-layer]");
const mainLayer = layerElement.dataset.dismissableLayer === "" ? layerElement : layerElement.querySelector("[data-dismissable-layer]");
const nodeList = Array.from(layerElement.ownerDocument.querySelectorAll("[data-dismissable-layer]"));
if (targetLayer && (mainLayer === targetLayer || nodeList.indexOf(mainLayer) < nodeList.indexOf(targetLayer))) return true;
else return false;
}
function usePointerDownOutside(onPointerDownOutside, element, enabled = true) {
const ownerDocument = element?.value?.ownerDocument ?? globalThis?.document;
const isPointerInsideDOMTree = ref(false);
const handleClickRef = ref(() => {});
watchEffect((cleanupFn) => {
if (!isClient || !toValue$1(enabled)) return;
const handlePointerDown = async (event) => {
const target = event.target;
if (!element?.value || !target) return;
if (isLayerExist(element.value, target)) {
isPointerInsideDOMTree.value = false;
return;
}
if (event.target && !isPointerInsideDOMTree.value) {
const eventDetail = { originalEvent: event };
function handleAndDispatchPointerDownOutsideEvent() {
handleAndDispatchCustomEvent(POINTER_DOWN_OUTSIDE, onPointerDownOutside, eventDetail);
}
if (event.pointerType === "touch") {
ownerDocument.removeEventListener("click", handleClickRef.value);
handleClickRef.value = handleAndDispatchPointerDownOutsideEvent;
ownerDocument.addEventListener("click", handleClickRef.value, { once: true });
} else handleAndDispatchPointerDownOutsideEvent();
} else ownerDocument.removeEventListener("click", handleClickRef.value);
isPointerInsideDOMTree.value = false;
};
const timerId = window.setTimeout(() => {
ownerDocument.addEventListener("pointerdown", handlePointerDown);
}, 0);
cleanupFn(() => {
window.clearTimeout(timerId);
ownerDocument.removeEventListener("pointerdown", handlePointerDown);
ownerDocument.removeEventListener("click", handleClickRef.value);
});
});
return { onPointerDownCapture: () => {
if (!toValue$1(enabled)) return;
isPointerInsideDOMTree.value = true;
} };
}
function useFocusOutside(onFocusOutside, element, enabled = true) {
const ownerDocument = element?.value?.ownerDocument ?? globalThis?.document;
const isFocusInsideDOMTree = ref(false);
watchEffect((cleanupFn) => {
if (!isClient || !toValue$1(enabled)) return;
const handleFocus = async (event) => {
if (!element?.value) return;
await nextTick();
await nextTick();
const target = event.target;
if (!element.value || !target || isLayerExist(element.value, target)) return;
if (event.target && !isFocusInsideDOMTree.value) handleAndDispatchCustomEvent(FOCUS_OUTSIDE, onFocusOutside, { originalEvent: event });
};
ownerDocument.addEventListener("focusin", handleFocus);
cleanupFn(() => ownerDocument.removeEventListener("focusin", handleFocus));
});
return {
onFocusCapture: () => {
if (!toValue$1(enabled)) return;
isFocusInsideDOMTree.value = true;
},
onBlurCapture: () => {
if (!toValue$1(enabled)) return;
isFocusInsideDOMTree.value = false;
}
};
}
var DismissableLayer_default = defineComponent({
__name: "DismissableLayer",
props: {
disableOutsidePointerEvents: {
type: Boolean,
required: false,
default: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
},
present: {
type: Boolean,
required: false,
default: true
}
},
emits: [
"escapeKeyDown",
"pointerDownOutside",
"focusOutside",
"interactOutside",
"dismiss"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const { forwardRef, currentElement: layerElement } = useForwardExpose();
const ownerDocument = computed(() => layerElement.value?.ownerDocument ?? globalThis.document);
const layers = computed(() => context.layersRoot);
const index = computed(() => {
return layerElement.value ? Array.from(layers.value).indexOf(layerElement.value) : -1;
});
const isBodyPointerEventsDisabled = computed(() => {
return context.layersWithOutsidePointerEventsDisabled.size > 0;
});
const isPointerEventsEnabled = computed(() => {
const localLayers = Array.from(layers.value);
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
const highestLayerWithOutsidePointerEventsDisabledIndex = localLayers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
return index.value >= highestLayerWithOutsidePointerEventsDisabledIndex;
});
const pointerDownOutside = usePointerDownOutside(async (event) => {
const isPointerDownOnBranch = [...context.branches].some((branch) => branch?.contains(event.target));
if (!props.present || !isPointerEventsEnabled.value || isPointerDownOnBranch) return;
emits("pointerDownOutside", event);
emits("interactOutside", event);
await nextTick();
if (!event.defaultPrevented) emits("dismiss");
}, layerElement, () => props.present);
const focusOutside = useFocusOutside((event) => {
const isFocusInBranch = [...context.branches].some((branch) => branch?.contains(event.target));
if (!props.present || isFocusInBranch) return;
emits("focusOutside", event);
emits("interactOutside", event);
if (!event.defaultPrevented) emits("dismiss");
}, layerElement);
onKeyStroke("Escape", (event) => {
if (!props.present) return;
if (!(index.value === layers.value.size - 1)) return;
emits("escapeKeyDown", event);
if (!event.defaultPrevented) emits("dismiss");
});
watch([
layerElement,
() => props.disableOutsidePointerEvents,
() => props.present
], ([element, disableOutsidePointerEvents, present], _, onCleanup) => {
if (!element || !present) return;
if (disableOutsidePointerEvents) {
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
context.originalBodyPointerEvents = ownerDocument.value.body.style.pointerEvents;
ownerDocument.value.body.style.pointerEvents = "none";
}
context.layersWithOutsidePointerEventsDisabled.add(element);
onCleanup(() => {
context.layersWithOutsidePointerEventsDisabled.delete(element);
if (context.layersWithOutsidePointerEventsDisabled.size === 0 && !isNullish(context.originalBodyPointerEvents)) ownerDocument.value.body.style.pointerEvents = context.originalBodyPointerEvents;
});
}
}, { immediate: true });
watch([layerElement, () => props.present], ([element, present], _, onCleanup) => {
if (!element || !present) return;
layers.value.add(element);
onCleanup(() => {
layers.value.delete(element);
});
}, { immediate: true });
watchEffect((cleanupFn) => {
cleanupFn(() => {
if (!layerElement.value) return;
layers.value.delete(layerElement.value);
context.layersWithOutsidePointerEventsDisabled.delete(layerElement.value);
});
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), {
ref: unref(forwardRef),
"as-child": _ctx.asChild,
as: _ctx.as,
"data-dismissable-layer": "",
style: normalizeStyle({ pointerEvents: isBodyPointerEventsDisabled.value ? isPointerEventsEnabled.value ? "auto" : "none" : void 0 }),
onFocusCapture: unref(focusOutside).onFocusCapture,
onBlurCapture: unref(focusOutside).onBlurCapture,
onPointerdownCapture: unref(pointerDownOutside).onPointerDownCapture
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, [
"as-child",
"as",
"style",
"onFocusCapture",
"onBlurCapture",
"onPointerdownCapture"
]);
};
}
});
var useFocusStackState = createGlobalState(() => {
return ref([]);
});
function createFocusScopesStack() {
const stack = useFocusStackState();
return {
add(focusScope) {
const activeFocusScope = stack.value[0];
if (focusScope !== activeFocusScope) activeFocusScope?.pause();
stack.value = arrayRemove(stack.value, focusScope);
stack.value.unshift(focusScope);
},
remove(focusScope) {
stack.value = arrayRemove(stack.value, focusScope);
stack.value[0]?.resume();
}
};
}
function arrayRemove(array, item) {
const updatedArray = [...array];
const index = updatedArray.indexOf(item);
if (index !== -1) updatedArray.splice(index, 1);
return updatedArray;
}
var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
var EVENT_OPTIONS = {
bubbles: false,
cancelable: true
};
function focusFirst(candidates, { select = false } = {}) {
const previouslyFocusedElement = getActiveElement();
for (const candidate of candidates) {
focus(candidate, { select });
if (getActiveElement() !== previouslyFocusedElement) return true;
}
}
function getTabbableEdges(container) {
const candidates = getTabbableCandidates(container);
return [findVisible(candidates, container), findVisible(candidates.reverse(), container)];
}
function getTabbableCandidates(container) {
const nodes = [];
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, { acceptNode: (node) => {
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
} });
while (walker.nextNode()) nodes.push(walker.currentNode);
return nodes;
}
function findVisible(elements, container) {
for (const element of elements) if (!isHidden(element, { upTo: container })) return element;
}
function isHidden(node, { upTo }) {
if (getComputedStyle(node).visibility === "hidden") return true;
while (node) {
if (upTo !== void 0 && node === upTo) return false;
if (getComputedStyle(node).display === "none") return true;
node = node.parentElement;
}
return false;
}
function isSelectableInput(element) {
return element instanceof HTMLInputElement && "select" in element;
}
function focus(element, { select = false } = {}) {
if (element && element.focus) {
const previouslyFocusedElement = getActiveElement();
element.focus({ preventScroll: true });
if (element !== previouslyFocusedElement && isSelectableInput(element) && select) element.select();
}
}
var FocusScope_default = defineComponent({
__name: "FocusScope",
props: {
loop: {
type: Boolean,
required: false,
default: false
},
trapped: {
type: Boolean,
required: false,
default: false
},
present: {
type: Boolean,
required: false,
default: true
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
emits: ["mountAutoFocus", "unmountAutoFocus"],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const { currentRef, currentElement } = useForwardExpose();
const lastFocusedElementRef = ref(null);
const focusScopesStack = createFocusScopesStack();
const focusScope = reactive({
paused: false,
pause() {
this.paused = true;
},
resume() {
this.paused = false;
}
});
watchEffect((cleanupFn) => {
if (!isClient) return;
const container = currentElement.value;
if (!props.trapped) return;
function handleFocusIn(event) {
if (focusScope.paused || !container) return;
const target = event.target;
if (container.contains(target)) lastFocusedElementRef.value = target;
else focus(lastFocusedElementRef.value, { select: true });
}
function handleFocusOut(event) {
if (focusScope.paused || !container) return;
const relatedTarget = event.relatedTarget;
if (relatedTarget === null) return;
if (!container.contains(relatedTarget)) focus(lastFocusedElementRef.value, { select: true });
}
function handleMutations(mutations) {
const lastFocusedElement = lastFocusedElementRef.value;
if (lastFocusedElement === null) return;
if (!mutations.some((m) => m.removedNodes.length > 0)) return;
const activeElement = getActiveElement();
if (activeElement && container.contains(activeElement)) return;
if (!container.contains(lastFocusedElement)) focus(container);
}
document.addEventListener("focusin", handleFocusIn);
document.addEventListener("focusout", handleFocusOut);
const mutationObserver = new MutationObserver(handleMutations);
if (container) mutationObserver.observe(container, {
childList: true,
subtree: true
});
cleanupFn(() => {
document.removeEventListener("focusin", handleFocusIn);
document.removeEventListener("focusout", handleFocusOut);
mutationObserver.disconnect();
});
});
function dispatchMountAutoFocus(container, previouslyFocusedElement) {
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
const handleMountAutoFocus = (ev) => emits("mountAutoFocus", ev);
container.addEventListener(AUTOFOCUS_ON_MOUNT, handleMountAutoFocus);
container.dispatchEvent(mountEvent);
container.removeEventListener(AUTOFOCUS_ON_MOUNT, handleMountAutoFocus);
if (!mountEvent.defaultPrevented) {
focusFirst(getTabbableCandidates(container), { select: true });
if (getActiveElement() === previouslyFocusedElement) focus(container);
}
}
watchEffect(async (cleanupFn) => {
const container = currentElement.value;
await nextTick();
if (!container) return;
if (props.present !== false) focusScopesStack.add(focusScope);
const previouslyFocusedElement = getActiveElement();
if (!container.contains(previouslyFocusedElement) && props.present !== false) dispatchMountAutoFocus(container, previouslyFocusedElement);
cleanupFn(() => {
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
const unmountEventHandler = (ev) => {
emits("unmountAutoFocus", ev);
};
container.addEventListener(AUTOFOCUS_ON_UNMOUNT, unmountEventHandler);
container.dispatchEvent(unmountEvent);
container.setAttribute("data-focus-scope-unmounting", "");
setTimeout(() => {
if (!unmountEvent.defaultPrevented) focus(previouslyFocusedElement ?? document.body, { select: true });
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, unmountEventHandler);
focusScopesStack.remove(focusScope);
container.removeAttribute("data-focus-scope-unmounting");
}, 0);
});
});
watch(() => props.present, async (present, prevPresent) => {
if (!isClient) return;
if (present === false && prevPresent === true) {
focusScopesStack.remove(focusScope);
return;
}
if (present !== true || prevPresent !== false) return;
focusScopesStack.add(focusScope);
await nextTick();
const container = currentElement.value;
if (!container) return;
const previouslyFocusedElement = getActiveElement();
if (!container.contains(previouslyFocusedElement)) dispatchMountAutoFocus(container, previouslyFocusedElement);
});
function handleKeyDown(event) {
if (!props.loop && !props.trapped) return;
if (focusScope.paused) return;
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
const focusedElement = getActiveElement();
if (isTabKey && focusedElement) {
const container = event.currentTarget;
const [first, last] = getTabbableEdges(container);
if (!(first && last)) {
if (focusedElement === container) event.preventDefault();
} else if (!event.shiftKey && focusedElement === last) {
event.preventDefault();
if (props.loop) focus(first, { select: true });
} else if (event.shiftKey && focusedElement === first) {
event.preventDefault();
if (props.loop) focus(last, { select: true });
}
}
}
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), {
ref_key: "currentRef",
ref: currentRef,
tabindex: "-1",
"as-child": _ctx.asChild,
as: _ctx.as,
onKeydown: handleKeyDown
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, ["as-child", "as"]);
};
}
});
var SELECTION_KEYS = ["Enter", " "];
var FIRST_KEYS = [
"ArrowDown",
"PageUp",
"Home"
];
var LAST_KEYS = [
"ArrowUp",
"PageDown",
"End"
];
[...FIRST_KEYS, ...LAST_KEYS];
[...SELECTION_KEYS], [...SELECTION_KEYS];
function getOpenState(open) {
return open ? "open" : "closed";
}
var DialogContentImpl_default = defineComponent({
__name: "DialogContentImpl",
props: {
forceMount: {
type: Boolean,
required: false
},
trapFocus: {
type: Boolean,
required: false
},
disableOutsidePointerEvents: {
type: Boolean,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
},
present: {
type: Boolean,
required: false
}
},
emits: [
"escapeKeyDown",
"pointerDownOutside",
"focusOutside",
"interactOutside",
"openAutoFocus",
"closeAutoFocus"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const rootContext = injectDialogRootContext();
const { forwardRef, currentElement: contentElement } = useForwardExpose();
rootContext.titleId ||= useId(void 0, "reka-dialog-title");
rootContext.descriptionId ||= useId(void 0, "reka-dialog-description");
onMounted(() => {
rootContext.contentElement = contentElement;
if (getActiveElement() !== document.body) rootContext.triggerElement.value = getActiveElement();
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(FocusScope_default), {
"as-child": "",
loop: "",
trapped: props.trapFocus,
present: props.present,
onMountAutoFocus: _cache[5] || (_cache[5] = ($event) => emits("openAutoFocus", $event)),
onUnmountAutoFocus: _cache[6] || (_cache[6] = ($event) => emits("closeAutoFocus", $event))
}, {
default: withCtx(() => [createVNode(unref(DismissableLayer_default), mergeProps({
id: unref(rootContext).contentId,
ref: unref(forwardRef),
as: _ctx.as,
"as-child": _ctx.asChild,
present: props.present,
"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
role: "dialog",
"aria-describedby": unref(rootContext).descriptionId,
"aria-labelledby": unref(rootContext).titleId,
"data-state": unref(getOpenState)(unref(rootContext).open.value)
}, _ctx.$attrs, {
onDismiss: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false)),
onEscapeKeyDown: _cache[1] || (_cache[1] = ($event) => emits("escapeKeyDown", $event)),
onFocusOutside: _cache[2] || (_cache[2] = ($event) => emits("focusOutside", $event)),
onInteractOutside: _cache[3] || (_cache[3] = ($event) => emits("interactOutside", $event)),
onPointerDownOutside: _cache[4] || (_cache[4] = ($event) => emits("pointerDownOutside", $event))
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, [
"id",
"as",
"as-child",
"present",
"disable-outside-pointer-events",
"aria-describedby",
"aria-labelledby",
"data-state"
])]),
_: 3
}, 8, ["trapped", "present"]);
};
}
});
var DialogContentModal_default = defineComponent({
__name: "DialogContentModal",
props: {
forceMount: {
type: Boolean,
required: false
},
trapFocus: {
type: Boolean,
required: false
},
disableOutsidePointerEvents: {
type: Boolean,
required: false,
default: true
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
},
present: {
type: Boolean,
required: true
}
},
emits: [
"escapeKeyDown",
"pointerDownOutside",
"focusOutside",
"interactOutside",
"openAutoFocus",
"closeAutoFocus"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const rootContext = injectDialogRootContext();
const emitsAsProps = useEmitAsProps(emits);
const { forwardRef, currentElement } = useForwardExpose();
useHideOthers(computed(() => props.present ? currentElement.value : void 0));
const forwardedProps = computed(() => {
const { present: _, ...rest } = props;
return rest;
});
watch(() => props.present, (isPresent, wasPresent) => {
if (!isPresent && wasPresent) rootContext.triggerElement.value?.focus();
});
return (_ctx, _cache) => {
return openBlock(), createBlock(DialogContentImpl_default, mergeProps({
...forwardedProps.value,
...unref(emitsAsProps)
}, {
ref: unref(forwardRef),
present: _ctx.present,
"trap-focus": unref(rootContext).open.value,
"disable-outside-pointer-events": props.disableOutsidePointerEvents,
onCloseAutoFocus: _cache[0] || (_cache[0] = (event) => {
if (!event.defaultPrevented) {
event.preventDefault();
unref(rootContext).triggerElement.value?.focus();
}
}),
onPointerDownOutside: _cache[1] || (_cache[1] = (event) => {
const originalEvent = event.detail.originalEvent;
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
if (originalEvent.button === 2 || ctrlLeftClick) event.preventDefault();
}),
onFocusOutside: _cache[2] || (_cache[2] = (event) => {
event.preventDefault();
})
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, [
"present",
"trap-focus",
"disable-outside-pointer-events"
]);
};
}
});
var DialogContentNonModal_default = defineComponent({
__name: "DialogContentNonModal",
props: {
forceMount: {
type: Boolean,
required: false
},
trapFocus: {
type: Boolean,
required: false
},
disableOutsidePointerEvents: {
type: Boolean,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
},
present: {
type: Boolean,
required: true
}
},
emits: [
"escapeKeyDown",
"pointerDownOutside",
"focusOutside",
"interactOutside",
"openAutoFocus",
"closeAutoFocus"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emitsAsProps = useEmitAsProps(__emit);
useForwardExpose();
const rootContext = injectDialogRootContext();
const hasInteractedOutsideRef = ref(false);
const hasPointerDownOutsideRef = ref(false);
const forwardedProps = computed(() => {
const { present: _, ...rest } = props;
return rest;
});
watch(() => props.present, (isPresent, wasPresent) => {
if (!isPresent && wasPresent) {
if (!hasInteractedOutsideRef.value) rootContext.triggerElement.value?.focus();
hasInteractedOutsideRef.value = false;
hasPointerDownOutsideRef.value = false;
}
});
return (_ctx, _cache) => {
return openBlock(), createBlock(DialogContentImpl_default, mergeProps({
...forwardedProps.value,
...unref(emitsAsProps)
}, {
present: _ctx.present,
"trap-focus": false,
"disable-outside-pointer-events": false,
onCloseAutoFocus: _cache[0] || (_cache[0] = (event) => {
if (!event.defaultPrevented) {
if (!hasInteractedOutsideRef.value) unref(rootContext).triggerElement.value?.focus();
event.preventDefault();
}
hasInteractedOutsideRef.value = false;
hasPointerDownOutsideRef.value = false;
}),
onInteractOutside: _cache[1] || (_cache[1] = (event) => {
if (!event.defaultPrevented) {
hasInteractedOutsideRef.value = true;
if (event.detail.originalEvent.type === "pointerdown") hasPointerDownOutsideRef.value = true;
}
const target = event.target;
if (unref(rootContext).triggerElement.value?.contains(target)) event.preventDefault();
if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.value) event.preventDefault();
})
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, ["present"]);
};
}
});
var DialogContent_default = defineComponent({
__name: "DialogContent",
props: {
forceMount: {
type: Boolean,
required: false
},
disableOutsidePointerEvents: {
type: Boolean,
required: false,
default: void 0
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
emits: [
"escapeKeyDown",
"pointerDownOutside",
"focusOutside",
"interactOutside",
"openAutoFocus",
"closeAutoFocus"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const rootContext = injectDialogRootContext();
const emitsAsProps = useEmitAsProps(emits);
const { forwardRef } = useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Presence_default), {
present: _ctx.forceMount || unref(rootContext).open.value,
"force-mount": _ctx.forceMount || !unref(rootContext).unmountOnHide.value
}, {
default: withCtx(({ present }) => [unref(rootContext).modal.value ? withDirectives((openBlock(), createBlock(DialogContentModal_default, mergeProps({
key: 0,
ref: unref(forwardRef),
present: unref(rootContext).unmountOnHide.value || present
}, {
...props,
...unref(emitsAsProps),
..._ctx.$attrs
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 2
}, 1040, ["present"])), [[vShow, unref(rootContext).unmountOnHide.value || present]]) : withDirectives((openBlock(), createBlock(DialogContentNonModal_default, mergeProps({
key: 1,
ref: unref(forwardRef),
present: unref(rootContext).unmountOnHide.value || present
}, {
...props,
...unref(emitsAsProps),
..._ctx.$attrs
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 2
}, 1040, ["present"])), [[vShow, unref(rootContext).unmountOnHide.value || present]])]),
_: 3
}, 8, ["present", "force-mount"]);
};
}
});
var DialogDescription_default = defineComponent({
__name: "DialogDescription",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "p"
}
},
setup(__props) {
const props = __props;
useForwardExpose();
const rootContext = injectDialogRootContext();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).descriptionId }), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, ["id"]);
};
}
});
var DialogOverlayImpl_default = defineComponent({
__name: "DialogOverlayImpl",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
},
present: {
type: Boolean,
required: false,
default: true
}
},
setup(__props) {
const props = __props;
const rootContext = injectDialogRootContext();
const scrollLocked = useBodyScrollLock(props.present);
watch(() => props.present, (val) => scrollLocked.value = val);
useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), {
as: _ctx.as,
"as-child": _ctx.asChild,
"data-state": unref(rootContext).open.value ? "open" : "closed",
style: { "pointer-events": "auto" },
onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {}, [
"left",
"self",
"prevent"
]))
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, [
"as",
"as-child",
"data-state"
]);
};
}
});
var DialogOverlay_default = defineComponent({
__name: "DialogOverlay",
props: {
forceMount: {
type: Boolean,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
setup(__props) {
const rootContext = injectDialogRootContext();
const { forwardRef } = useForwardExpose();
return (_ctx, _cache) => {
return unref(rootContext)?.modal.value ? (openBlock(), createBlock(unref(Presence_default), {
key: 0,
present: _ctx.forceMount || unref(rootContext).open.value,
"force-mount": _ctx.forceMount || !unref(rootContext).unmountOnHide.value
}, {
default: withCtx(({ present }) => [withDirectives(createVNode(DialogOverlayImpl_default, mergeProps(_ctx.$attrs, {
ref: unref(forwardRef),
as: _ctx.as,
"as-child": _ctx.asChild,
present: unref(rootContext).unmountOnHide.value || present
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 2
}, 1040, [
"as",
"as-child",
"present"
]), [[vShow, unref(rootContext).unmountOnHide.value || present]])]),
_: 3
}, 8, ["present", "force-mount"])) : createCommentVNode("v-if", true);
};
}
});
var Teleport_default = defineComponent({
__name: "Teleport",
props: {
to: {
type: null,
required: false
},
disabled: {
type: Boolean,
required: false
},
defer: {
type: Boolean,
required: false
},
forceMount: {
type: Boolean,
required: false
}
},
setup(__props) {
const props = __props;
const configContext = injectConfigProviderContext({});
const target = computed(() => props.to ?? configContext.teleportTo?.value ?? "body");
const isMounted = useMounted();
return (_ctx, _cache) => {
return unref(isMounted) || _ctx.forceMount ? (openBlock(), createBlock(Teleport, {
key: 0,
to: target.value,
disabled: _ctx.disabled,
defer: _ctx.defer
}, [renderSlot(_ctx.$slots, "default")], 8, [
"to",
"disabled",
"defer"
])) : createCommentVNode("v-if", true);
};
}
});
var DialogTitle_default = defineComponent({
__name: "DialogTitle",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "h2"
}
},
setup(__props) {
const props = __props;
const rootContext = injectDialogRootContext();
useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).titleId }), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, ["id"]);
};
}
});
var [injectAlertDialogContentContext, provideAlertDialogContentContext] = createContext("AlertDialogContent");
var AlertDialogContent_default = defineComponent({
__name: "AlertDialogContent",
props: {
forceMount: {
type: Boolean,
required: false
},
disableOutsidePointerEvents: {
type: Boolean,
required: false,
default: void 0
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
emits: [
"escapeKeyDown",
"pointerDownOutside",
"focusOutside",
"interactOutside",
"openAutoFocus",
"closeAutoFocus"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emitsAsProps = useEmitAsProps(__emit);
useForwardExpose();
const cancelElement = ref();
provideAlertDialogContentContext({ onCancelElementChange: (el) => {
cancelElement.value = el;
} });
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(DialogContent_default), mergeProps({
...props,
...unref(emitsAsProps)
}, {
role: "alertdialog",
onPointerDownOutside: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
onInteractOutside: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
onOpenAutoFocus: _cache[2] || (_cache[2] = () => {
nextTick(() => {
cancelElement.value?.focus({ preventScroll: true });
});
})
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var AlertDialogCancel_default = defineComponent({
__name: "AlertDialogCancel",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "button"
}
},
setup(__props) {
const props = __props;
const contentContext = injectAlertDialogContentContext();
const { forwardRef, currentElement } = useForwardExpose();
onMounted(() => {
contentContext.onCancelElementChange(currentElement.value);
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(DialogClose_default), mergeProps(props, { ref: unref(forwardRef) }), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var AlertDialogDescription_default = defineComponent({
__name: "AlertDialogDescription",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "p"
}
},
setup(__props) {
const props = __props;
useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(DialogDescription_default), normalizeProps(guardReactiveProps(props)), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var AlertDialogOverlay_default = defineComponent({
__name: "AlertDialogOverlay",
props: {
forceMount: {
type: Boolean,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
setup(__props) {
const props = __props;
useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(DialogOverlay_default), normalizeProps(guardReactiveProps(props)), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var AlertDialogPortal_default = defineComponent({
__name: "AlertDialogPortal",
props: {
to: {
type: null,
required: false
},
disabled: {
type: Boolean,
required: false
},
defer: {
type: Boolean,
required: false
},
forceMount: {
type: Boolean,
required: false
}
},
setup(__props) {
const props = __props;
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(props)), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var AlertDialogRoot_default = defineComponent({
__name: "AlertDialogRoot",
props: {
open: {
type: Boolean,
required: false
},
defaultOpen: {
type: Boolean,
required: false
},
unmountOnHide: {
type: Boolean,
required: false
}
},
emits: ["update:open"],
setup(__props, { emit: __emit }) {
const forwarded = useForwardPropsEmits(__props, __emit);
useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(DialogRoot_default), mergeProps(unref(forwarded), { modal: true }), {
default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
_: 3
}, 16);
};
}
});
var AlertDialogTitle_default = defineComponent({
__name: "AlertDialogTitle",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "h2"
}
},
setup(__props) {
const props = __props;
useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(DialogTitle_default), normalizeProps(guardReactiveProps(props)), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var VisuallyHidden_default = defineComponent({
__name: "VisuallyHidden",
props: {
feature: {
type: String,
required: false,
default: "focusable"
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "span"
}
},
setup(__props) {
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), {
as: _ctx.as,
"as-child": _ctx.asChild,
"aria-hidden": _ctx.feature === "focusable" || _ctx.feature === "fully-hidden" ? "true" : void 0,
"data-hidden": _ctx.feature === "fully-hidden" ? "" : void 0,
tabindex: _ctx.feature === "fully-hidden" ? "-1" : void 0,
style: {
position: "absolute",
border: 0,
width: "1px",
height: "1px",
padding: 0,
margin: "-1px",
overflow: "hidden",
clip: "rect(0, 0, 0, 0)",
clipPath: "inset(50%)",
whiteSpace: "nowrap",
wordWrap: "normal",
top: "-1px",
left: "-1px"
}
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, [
"as",
"as-child",
"aria-hidden",
"data-hidden",
"tabindex"
]);
};
}
});
var VisuallyHiddenInputBubble_default = defineComponent({
inheritAttrs: false,
__name: "VisuallyHiddenInputBubble",
props: {
name: {
type: String,
required: true
},
value: {
type: null,
required: true
},
checked: {
type: Boolean,
required: false,
default: void 0
},
required: {
type: Boolean,
required: false
},
disabled: {
type: Boolean,
required: false
},
feature: {
type: String,
required: false,
default: "fully-hidden"
}
},
setup(__props) {
const props = __props;
const { primitiveElement, currentElement } = usePrimitiveElement();
watch(computed(() => props.checked ?? props.value), (cur, prev) => {
if (!currentElement.value) return;
const input = currentElement.value;
const inputProto = window.HTMLInputElement.prototype;
const setValue = Object.getOwnPropertyDescriptor(inputProto, "value").set;
if (setValue && cur !== prev) {
const inputEvent = new Event("input", { bubbles: true });
const changeEvent = new Event("change", { bubbles: true });
setValue.call(input, cur);
input.dispatchEvent(inputEvent);
input.dispatchEvent(changeEvent);
}
});
return (_ctx, _cache) => {
return openBlock(), createBlock(VisuallyHidden_default, mergeProps({
ref_key: "primitiveElement",
ref: primitiveElement
}, {
...props,
..._ctx.$attrs
}, { as: "input" }), null, 16);
};
}
});
var VisuallyHiddenInput_default = defineComponent({
inheritAttrs: false,
__name: "VisuallyHiddenInput",
props: {
name: {
type: String,
required: true
},
value: {
type: null,
required: true
},
checked: {
type: Boolean,
required: false,
default: void 0
},
required: {
type: Boolean,
required: false
},
disabled: {
type: Boolean,
required: false
},
feature: {
type: String,
required: false,
default: "fully-hidden"
}
},
setup(__props) {
const props = __props;
const isFormArrayEmptyAndRequired = computed(() => typeof props.value === "object" && Array.isArray(props.value) && props.value.length === 0 && props.required);
const parsedValue = computed(() => {
if (typeof props.value === "string" || typeof props.value === "number" || typeof props.value === "boolean" || props.value === null || props.value === void 0) return [{
name: props.name,
value: props.value
}];
else if (typeof props.value === "object" && Array.isArray(props.value)) return props.value.flatMap((obj, index) => {
if (typeof obj === "object") return Object.entries(obj).map(([key, value]) => ({
name: `${props.name}[${index}][${key}]`,
value
}));
else return {
name: `${props.name}[${index}]`,
value: obj
};
});
else if (props.value !== null && typeof props.value === "object" && !Array.isArray(props.value)) return Object.entries(props.value).map(([key, value]) => ({
name: `${props.name}[${key}]`,
value
}));
return [];
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" We render single input if it's required "), isFormArrayEmptyAndRequired.value ? (openBlock(), createBlock(VisuallyHiddenInputBubble_default, mergeProps({ key: _ctx.name }, {
...props,
..._ctx.$attrs
}, {
name: _ctx.name,
value: _ctx.value
}), null, 16, ["name", "value"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(parsedValue.value, (parsed) => {
return openBlock(), createBlock(VisuallyHiddenInputBubble_default, mergeProps({ key: parsed.name }, { ref_for: true }, {
...props,
..._ctx.$attrs
}, {
name: parsed.name,
value: parsed.value
}), null, 16, ["name", "value"]);
}), 128))], 2112);
};
}
});
function useNonce(nonce) {
const context = injectConfigProviderContext({ nonce: ref() });
return computed(() => nonce?.value || context.nonce?.value);
}
var $1dfb119a85e764e5$var$formatterCache = new Map();
var $1dfb119a85e764e5$var$supportsSignDisplay = false;
try {
$1dfb119a85e764e5$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", { signDisplay: "exceptZero" }).resolvedOptions().signDisplay === "exceptZero";
} catch {}
var $1dfb119a85e764e5$var$supportsUnit = false;
try {
$1dfb119a85e764e5$var$supportsUnit = new Intl.NumberFormat("de-DE", {
style: "unit",
unit: "degree"
}).resolvedOptions().style === "unit";
} catch {}
var $1dfb119a85e764e5$var$UNITS = { degree: { narrow: {
default: "°",
"ja-JP": " 度",
"zh-TW": "度",
"sl-SI": " °"
} } };
var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
constructor(locale, options = {}) {
this.numberFormatter = $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options);
this.options = options;
}
format(value) {
let res = "";
if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) res = $1dfb119a85e764e5$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
else res = this.numberFormatter.format(value);
if (this.options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
if (!unit) return res;
let values = $1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay];
res += values[locale] || values.default;
}
return res;
}
formatToParts(value) {
return this.numberFormatter.formatToParts(value);
}
formatRange(start, end) {
if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
if (end < start) throw new RangeError("End date must be >= start date");
return `${this.format(start)} \u{2013} ${this.format(end)}`;
}
formatRangeToParts(start, end) {
if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
if (end < start) throw new RangeError("End date must be >= start date");
let startParts = this.numberFormatter.formatToParts(start);
let endParts = this.numberFormatter.formatToParts(end);
return [
...startParts.map((p) => ({
...p,
source: "startRange"
})),
{
type: "literal",
value: " – ",
source: "shared"
},
...endParts.map((p) => ({
...p,
source: "endRange"
}))
];
}
resolvedOptions() {
let options = this.numberFormatter.resolvedOptions();
if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) options = {
...options,
signDisplay: this.options.signDisplay
};
if (!$1dfb119a85e764e5$var$supportsUnit && this.options.style === "unit") options = {
...options,
style: "unit",
unit: this.options.unit,
unitDisplay: this.options.unitDisplay
};
return options;
}
};
function $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options = {}) {
let { numberingSystem } = options;
if (numberingSystem && locale.includes("-nu-")) {
if (!locale.includes("-u-")) locale += "-u-";
locale += `-nu-${numberingSystem}`;
}
if (options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
let { unit, unitDisplay = "short" } = options;
if (!unit) throw new Error("unit option must be provided with style: \"unit\"");
if (!$1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay]) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
options = {
...options,
style: "decimal"
};
}
let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
if ($1dfb119a85e764e5$var$formatterCache.has(cacheKey)) return $1dfb119a85e764e5$var$formatterCache.get(cacheKey);
let numberFormatter = new Intl.NumberFormat(locale, options);
$1dfb119a85e764e5$var$formatterCache.set(cacheKey, numberFormatter);
return numberFormatter;
}
function $1dfb119a85e764e5$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
if (signDisplay === "auto") return numberFormat.format(num);
else if (signDisplay === "never") return numberFormat.format(Math.abs(num));
else {
let needsPositiveSign = false;
if (signDisplay === "always") needsPositiveSign = num > 0 || Object.is(num, 0);
else if (signDisplay === "exceptZero") if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num);
else needsPositiveSign = num > 0;
if (needsPositiveSign) {
let negative = numberFormat.format(-num);
let noSign = numberFormat.format(num);
let minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
if ([...minus].length !== 1) console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case");
return negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
} else return numberFormat.format(num);
}
}
var $eb76cf4feb040f77$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
var $eb76cf4feb040f77$var$NUMBERING_SYSTEMS = [
"latn",
"arab",
"hanidec",
"deva",
"beng",
"fullwide"
];
var $eb76cf4feb040f77$export$cd11ab140839f11d = class {
constructor(locale, options = {}) {
this.locale = locale;
this.options = options;
}
parse(value) {
return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).parse(value);
}
isValidPartialNumber(value, minValue, maxValue) {
return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).isValidPartialNumber(value, minValue, maxValue);
}
getNumberingSystem(value) {
return $eb76cf4feb040f77$var$getNumberParserImpl(this.locale, this.options, value).options.numberingSystem;
}
};
var $eb76cf4feb040f77$var$numberParserCache = new Map();
function $eb76cf4feb040f77$var$getNumberParserImpl(locale, options, value) {
let defaultParser = $eb76cf4feb040f77$var$getCachedNumberParser(locale, options);
if (!locale.includes("-nu-") && !defaultParser.isValidPartialNumber(value)) {
for (let numberingSystem of $eb76cf4feb040f77$var$NUMBERING_SYSTEMS) if (numberingSystem !== defaultParser.options.numberingSystem) {
let parser = $eb76cf4feb040f77$var$getCachedNumberParser(locale + (locale.includes("-u-") ? "-nu-" : "-u-nu-") + numberingSystem, options);
if (parser.isValidPartialNumber(value)) return parser;
}
}
return defaultParser;
}
function $eb76cf4feb040f77$var$getCachedNumberParser(locale, options) {
let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
let parser = $eb76cf4feb040f77$var$numberParserCache.get(cacheKey);
if (!parser) {
parser = new $eb76cf4feb040f77$var$NumberParserImpl(locale, options);
$eb76cf4feb040f77$var$numberParserCache.set(cacheKey, parser);
}
return parser;
}
var $eb76cf4feb040f77$var$NumberParserImpl = class {
constructor(locale, options = {}) {
this.locale = locale;
if (options.roundingIncrement !== 1 && options.roundingIncrement != null) {
if (options.maximumFractionDigits == null && options.minimumFractionDigits == null) {
options.maximumFractionDigits = 0;
options.minimumFractionDigits = 0;
} else if (options.maximumFractionDigits == null) options.maximumFractionDigits = options.minimumFractionDigits;
else if (options.minimumFractionDigits == null) options.minimumFractionDigits = options.maximumFractionDigits;
}
this.formatter = new Intl.NumberFormat(locale, options);
this.options = this.formatter.resolvedOptions();
this.symbols = $eb76cf4feb040f77$var$getSymbols(locale, this.formatter, this.options, options);
if (this.options.style === "percent" && ((this.options.minimumFractionDigits ?? 0) > 18 || (this.options.maximumFractionDigits ?? 0) > 18)) console.warn("NumberParser cannot handle percentages with greater than 18 decimal places, please reduce the number in your options.");
}
parse(value) {
let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
let fullySanitizedValue = this.sanitize(value);
if (!isGroupSymbolAllowed && this.symbols.group && fullySanitizedValue.includes(this.symbols.group)) return NaN;
else if (this.symbols.group) fullySanitizedValue = fullySanitizedValue.replaceAll(this.symbols.group, "");
if (this.symbols.decimal) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.decimal, ".");
if (this.symbols.minusSign) fullySanitizedValue = fullySanitizedValue.replace(this.symbols.minusSign, "-");
fullySanitizedValue = fullySanitizedValue.replace(this.symbols.numeral, this.symbols.index);
if (this.options.style === "percent") {
let isNegative = fullySanitizedValue.indexOf("-");
fullySanitizedValue = fullySanitizedValue.replace("-", "");
fullySanitizedValue = fullySanitizedValue.replace("+", "");
let index = fullySanitizedValue.indexOf(".");
if (index === -1) index = fullySanitizedValue.length;
fullySanitizedValue = fullySanitizedValue.replace(".", "");
if (index - 2 === 0) fullySanitizedValue = `0.${fullySanitizedValue}`;
else if (index - 2 === -1) fullySanitizedValue = `0.0${fullySanitizedValue}`;
else if (index - 2 === -2) fullySanitizedValue = "0.00";
else fullySanitizedValue = `${fullySanitizedValue.slice(0, index - 2)}.${fullySanitizedValue.slice(index - 2)}`;
if (isNegative > -1) fullySanitizedValue = `-${fullySanitizedValue}`;
}
let newValue = fullySanitizedValue ? +fullySanitizedValue : NaN;
if (isNaN(newValue)) return NaN;
if (this.options.style === "percent") {
let options = {
...this.options,
style: "decimal",
minimumFractionDigits: Math.min((this.options.minimumFractionDigits ?? 0) + 2, 20),
maximumFractionDigits: Math.min((this.options.maximumFractionDigits ?? 0) + 2, 20)
};
return new $eb76cf4feb040f77$export$cd11ab140839f11d(this.locale, options).parse(new $1dfb119a85e764e5$export$cc77c4ff7e8673c5(this.locale, options).format(newValue));
}
if (this.options.currencySign === "accounting" && $eb76cf4feb040f77$var$CURRENCY_SIGN_REGEX.test(value)) newValue = -1 * newValue;
return newValue;
}
sanitize(value) {
let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
if (this.symbols.noNumeralUnits.length > 0 && this.symbols.noNumeralUnits.find((obj) => obj.unit === value)) return this.symbols.noNumeralUnits.find((obj) => obj.unit === value).value.toString();
value = value.replace(this.symbols.literals, "");
if (this.symbols.minusSign) value = value.replace("-", this.symbols.minusSign);
if (this.options.numberingSystem === "arab") {
if (this.symbols.decimal) {
value = $eb76cf4feb040f77$var$replaceAll(value, ",", this.symbols.decimal);
value = $eb76cf4feb040f77$var$replaceAll(value, String.fromCharCode(1548), this.symbols.decimal);
}
if (this.symbols.group && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, ".", this.symbols.group);
}
if (this.symbols.group === "’" && value.includes("'") && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, "'", this.symbols.group);
if (this.symbols.group === "'" && value.includes("’") && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, "’", this.symbols.group);
if (this.options.locale === "fr-FR" && this.symbols.group && isGroupSymbolAllowed) {
value = $eb76cf4feb040f77$var$replaceAll(value, " ", this.symbols.group);
value = $eb76cf4feb040f77$var$replaceAll(value, /\u00A0/g, this.symbols.group);
}
return value;
}
isValidPartialNumber(value, minValue = -Infinity, maxValue = Infinity) {
let isGroupSymbolAllowed = this.formatter.resolvedOptions().useGrouping;
value = this.sanitize(value);
if (this.symbols.minusSign && value.startsWith(this.symbols.minusSign) && minValue < 0) value = value.slice(this.symbols.minusSign.length);
else if (this.symbols.plusSign && value.startsWith(this.symbols.plusSign) && maxValue > 0) value = value.slice(this.symbols.plusSign.length);
if (this.symbols.decimal && value.indexOf(this.symbols.decimal) > -1 && this.options.maximumFractionDigits === 0) return false;
if (this.symbols.group && isGroupSymbolAllowed) value = $eb76cf4feb040f77$var$replaceAll(value, this.symbols.group, "");
value = value.replace(this.symbols.numeral, "");
if (this.symbols.decimal) value = value.replace(this.symbols.decimal, "");
return value.length === 0;
}
};
var $eb76cf4feb040f77$var$nonLiteralParts = new Set([
"decimal",
"fraction",
"integer",
"minusSign",
"plusSign",
"group"
]);
var $eb76cf4feb040f77$var$pluralNumbers = [
0,
4,
2,
1,
11,
20,
3,
7,
100,
21,
.1,
1.1
];
function $eb76cf4feb040f77$var$getSymbols(locale, formatter, intlOptions, originalOptions) {
let symbolFormatter = new Intl.NumberFormat(locale, {
...intlOptions,
minimumSignificantDigits: 1,
maximumSignificantDigits: 21,
roundingIncrement: 1,
roundingPriority: "auto",
roundingMode: "halfExpand",
useGrouping: true
});
let allParts = symbolFormatter.formatToParts(-10000.111);
let posAllParts = symbolFormatter.formatToParts(10000.111);
let pluralParts = $eb76cf4feb040f77$var$pluralNumbers.map((n) => symbolFormatter.formatToParts(n));
let noNumeralUnits = pluralParts.map((p, i) => {
let unit = p.find((p) => p.type === "unit");
if (unit && !p.some((p) => p.type === "integer" || p.type === "fraction")) return {
unit: unit.value,
value: $eb76cf4feb040f77$var$pluralNumbers[i]
};
return null;
}).filter((p) => !!p);
let minusSign = allParts.find((p) => p.type === "minusSign")?.value ?? "-";
let plusSign = posAllParts.find((p) => p.type === "plusSign")?.value;
if (!plusSign && (originalOptions?.signDisplay === "exceptZero" || originalOptions?.signDisplay === "always")) plusSign = "+";
let decimal = new Intl.NumberFormat(locale, {
...intlOptions,
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).formatToParts(.001).find((p) => p.type === "decimal")?.value;
let group = allParts.find((p) => p.type === "group")?.value;
let allPartsLiterals = allParts.filter((p) => !$eb76cf4feb040f77$var$nonLiteralParts.has(p.type)).map((p) => $eb76cf4feb040f77$var$escapeRegex(p.value));
let pluralPartsLiterals = pluralParts.flatMap((p) => p.filter((p) => !$eb76cf4feb040f77$var$nonLiteralParts.has(p.type)).map((p) => $eb76cf4feb040f77$var$escapeRegex(p.value)));
let sortedLiterals = [...new Set([...allPartsLiterals, ...pluralPartsLiterals])].sort((a, b) => b.length - a.length);
let literals = sortedLiterals.length === 0 ? new RegExp("\\p{White_Space}|\\p{Cf}", "gu") : new RegExp(`${sortedLiterals.join("|")}|\\p{White_Space}|\\p{Cf}`, "gu");
let numerals = [...new Intl.NumberFormat(intlOptions.locale, { useGrouping: false }).format(9876543210)].reverse();
let indexes = new Map(numerals.map((d, i) => [d, i]));
let numeral = new RegExp(`[${numerals.join("")}]`, "g");
let index = (d) => String(indexes.get(d));
return {
minusSign,
plusSign,
decimal,
group,
literals,
numeral,
numerals,
index,
noNumeralUnits
};
}
function $eb76cf4feb040f77$var$replaceAll(str, find, replace) {
if (str.replaceAll) return str.replaceAll(find, replace);
return str.split(find).join(replace);
}
function $eb76cf4feb040f77$var$escapeRegex(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}
function usePressedHold(options) {
const { disabled } = options;
const timeout = ref();
const triggerHook = createEventHook();
const resetTimeout = () => window.clearTimeout(timeout.value);
const onIncrementPressStart = (delay) => {
resetTimeout();
if (disabled.value) return;
triggerHook.trigger();
timeout.value = window.setTimeout(() => {
onIncrementPressStart(60);
}, delay);
};
const handlePressStart = () => {
onIncrementPressStart(400);
};
const handlePressEnd = () => {
resetTimeout();
};
const isPressed = ref(false);
const target = computed(() => unrefElement(options.target));
const onPressStart = (event) => {
if (event.button !== 0 || isPressed.value) return;
event.preventDefault();
isPressed.value = true;
handlePressStart();
};
const onPressRelease = () => {
isPressed.value = false;
handlePressEnd();
};
if (isClient) {
useEventListener(target || window, "pointerdown", onPressStart);
useEventListener(window, "pointerup", onPressRelease);
useEventListener(window, "pointercancel", onPressRelease);
}
return {
isPressed,
onTrigger: triggerHook.on
};
}
function useNumberFormatter(locale, options = ref({})) {
return reactiveComputed(() => new $1dfb119a85e764e5$export$cc77c4ff7e8673c5(locale.value, options.value));
}
function useNumberParser(locale, options = ref({})) {
return reactiveComputed(() => new $eb76cf4feb040f77$export$cd11ab140839f11d(locale.value, options.value));
}
function handleDecimalOperation(operator, value1, value2) {
let result = operator === "+" ? value1 + value2 : value1 - value2;
if (value1 % 1 !== 0 || value2 % 1 !== 0) {
const value1Decimal = value1.toString().split(".");
const value2Decimal = value2.toString().split(".");
const value1DecimalLength = value1Decimal[1] && value1Decimal[1].length || 0;
const value2DecimalLength = value2Decimal[1] && value2Decimal[1].length || 0;
const multiplier = 10 ** Math.max(value1DecimalLength, value2DecimalLength);
value1 = Math.round(value1 * multiplier);
value2 = Math.round(value2 * multiplier);
result = operator === "+" ? value1 + value2 : value1 - value2;
result /= multiplier;
}
return result;
}
var [injectNumberFieldRootContext, provideNumberFieldRootContext] = createContext("NumberFieldRoot");
var NumberFieldRoot_default = defineComponent({
inheritAttrs: false,
__name: "NumberFieldRoot",
props: {
defaultValue: {
type: Number,
required: false,
default: void 0
},
modelValue: {
type: [Number, null],
required: false
},
min: {
type: Number,
required: false
},
max: {
type: Number,
required: false
},
step: {
type: Number,
required: false,
default: 1
},
stepSnapping: {
type: Boolean,
required: false,
default: true
},
focusOnChange: {
type: Boolean,
required: false,
default: true
},
formatOptions: {
type: null,
required: false
},
locale: {
type: String,
required: false
},
disabled: {
type: Boolean,
required: false
},
readonly: {
type: Boolean,
required: false
},
disableWheelChange: {
type: Boolean,
required: false
},
invertWheelChange: {
type: Boolean,
required: false
},
id: {
type: String,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "div"
},
name: {
type: String,
required: false
},
required: {
type: Boolean,
required: false
}
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const { disabled, readonly, disableWheelChange, invertWheelChange, min, max, step, stepSnapping, formatOptions, id, locale: propLocale } = toRefs(props);
const modelValue = useVModel(props, "modelValue", emits, {
defaultValue: props.defaultValue,
passive: props.modelValue === void 0
});
const { primitiveElement, currentElement } = usePrimitiveElement();
const locale = useLocale(propLocale);
const isFormControl = useFormControl(currentElement);
const inputEl = ref();
const isDecreaseDisabled = computed(() => {
if (isNullish(modelValue.value) || isNaN(modelValue.value)) return false;
return getNextValue("decrease", modelValue.value) >= modelValue.value;
});
const isIncreaseDisabled = computed(() => {
if (isNullish(modelValue.value) || isNaN(modelValue.value)) return false;
return getNextValue("increase", modelValue.value) <= modelValue.value;
});
function getNextValue(type, from, multiplier = 1) {
const stepValue = step.value ?? 1;
const operator = type === "increase" ? "+" : "-";
let nextValue;
if (stepSnapping.value && !isNaN(stepValue)) {
const snapped = snapValueToStep(from, min.value, max.value, stepValue);
if (snapped === from) nextValue = handleDecimalOperation(operator, from, stepValue * multiplier);
else {
const aligned = type === "increase" ? snapped > from ? snapped : handleDecimalOperation("+", snapped, stepValue) : snapped < from ? snapped : handleDecimalOperation("-", snapped, stepValue);
nextValue = multiplier > 1 ? handleDecimalOperation(operator, aligned, stepValue * (multiplier - 1)) : aligned;
}
} else nextValue = handleDecimalOperation(operator, from, stepValue * multiplier);
return clampInputValue(nextValue);
}
function handleChangingValue(type, multiplier = 1) {
if (props.focusOnChange) inputEl.value?.focus();
if (props.disabled || props.readonly) return;
const currentInputValue = numberParser.parse(inputEl.value?.value ?? "");
if (isNaN(currentInputValue)) {
modelValue.value = clampInputValue(min.value ?? 0);
return;
}
modelValue.value = getNextValue(type, currentInputValue, multiplier);
}
function handleIncrease(multiplier = 1) {
handleChangingValue("increase", multiplier);
}
function handleDecrease(multiplier = 1) {
handleChangingValue("decrease", multiplier);
}
function handleMinMaxValue(type) {
if (type === "min" && min.value !== void 0) modelValue.value = clampInputValue(min.value);
else if (type === "max" && max.value !== void 0) modelValue.value = clampInputValue(max.value);
}
const numberFormatter = useNumberFormatter(locale, formatOptions);
const numberParser = useNumberParser(locale, formatOptions);
const inputMode = computed(() => {
return numberFormatter.resolvedOptions().maximumFractionDigits > 0 ? "decimal" : "numeric";
});
const textValueFormatter = useNumberFormatter(locale, formatOptions);
const textValue = computed(() => isNullish(modelValue.value) || isNaN(modelValue.value) ? "" : textValueFormatter.format(modelValue.value));
function validate(val) {
return numberParser.isValidPartialNumber(val, min.value, max.value);
}
function setInputValue(val) {
if (inputEl.value) inputEl.value.value = val;
}
function clampInputValue(val) {
let clampedValue;
if (step.value === void 0 || isNaN(step.value) || !stepSnapping.value) clampedValue = clamp(val, min.value, max.value);
else clampedValue = snapValueToStep(val, min.value, max.value, step.value);
clampedValue = numberParser.parse(numberFormatter.format(clampedValue));
return clampedValue;
}
function applyInputValue(val) {
const parsedValue = numberParser.parse(val);
modelValue.value = isNaN(parsedValue) ? void 0 : clampInputValue(parsedValue);
if (!val.length) return setInputValue(val);
if (isNaN(parsedValue)) return setInputValue(textValue.value);
return setInputValue(textValue.value);
}
provideNumberFieldRootContext({
modelValue,
handleDecrease,
handleIncrease,
handleMinMaxValue,
inputMode,
inputEl,
onInputElement: (el) => inputEl.value = el,
textValue,
readonly,
validate,
applyInputValue,
disabled,
disableWheelChange,
invertWheelChange,
max,
min,
isDecreaseDisabled,
isIncreaseDisabled,
id
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
ref_key: "primitiveElement",
ref: primitiveElement,
role: "group",
as: _ctx.as,
"as-child": _ctx.asChild,
"data-disabled": unref(disabled) ? "" : void 0,
"data-readonly": unref(readonly) ? "" : void 0
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
modelValue: unref(modelValue),
textValue: textValue.value,
readonly: unref(readonly)
}), unref(isFormControl) && _ctx.name ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), {
key: 0,
type: "text",
value: unref(modelValue),
name: _ctx.name,
disabled: unref(disabled),
readonly: unref(readonly),
required: _ctx.required
}, null, 8, [
"value",
"name",
"disabled",
"readonly",
"required"
])) : createCommentVNode("v-if", true)]),
_: 3
}, 16, [
"as",
"as-child",
"data-disabled",
"data-readonly"
]);
};
}
});
var NumberFieldDecrement_default = defineComponent({
__name: "NumberFieldDecrement",
props: {
disabled: {
type: Boolean,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "button"
}
},
setup(__props) {
const props = __props;
const rootContext = injectNumberFieldRootContext();
const isDisabled = computed(() => rootContext.disabled?.value || rootContext.readonly.value || props.disabled || rootContext.isDecreaseDisabled.value);
const { primitiveElement, currentElement } = usePrimitiveElement();
const { isPressed, onTrigger } = usePressedHold({
target: currentElement,
disabled: isDisabled
});
onTrigger(() => {
rootContext.handleDecrease();
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
ref_key: "primitiveElement",
ref: primitiveElement,
tabindex: "-1",
"aria-label": "Decrease",
type: _ctx.as === "button" ? "button" : void 0,
style: { userSelect: unref(isPressed) ? "none" : void 0 },
disabled: isDisabled.value ? "" : void 0,
"data-disabled": isDisabled.value ? "" : void 0,
"data-pressed": unref(isPressed) ? "true" : void 0,
onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, [
"type",
"style",
"disabled",
"data-disabled",
"data-pressed"
]);
};
}
});
var NumberFieldIncrement_default = defineComponent({
__name: "NumberFieldIncrement",
props: {
disabled: {
type: Boolean,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "button"
}
},
setup(__props) {
const props = __props;
const rootContext = injectNumberFieldRootContext();
const isDisabled = computed(() => rootContext.disabled?.value || rootContext.readonly.value || props.disabled || rootContext.isIncreaseDisabled.value);
const { primitiveElement, currentElement } = usePrimitiveElement();
const { isPressed, onTrigger } = usePressedHold({
target: currentElement,
disabled: isDisabled
});
onTrigger(() => {
rootContext.handleIncrease();
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
ref_key: "primitiveElement",
ref: primitiveElement,
tabindex: "-1",
"aria-label": "Increase",
type: _ctx.as === "button" ? "button" : void 0,
style: { userSelect: unref(isPressed) ? "none" : void 0 },
disabled: isDisabled.value ? "" : void 0,
"data-disabled": isDisabled.value ? "" : void 0,
"data-pressed": unref(isPressed) ? "true" : void 0,
onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, [
"type",
"style",
"disabled",
"data-disabled",
"data-pressed"
]);
};
}
});
var NumberFieldInput_default = defineComponent({
__name: "NumberFieldInput",
props: {
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "input"
}
},
setup(__props) {
const props = __props;
const { primitiveElement, currentElement } = usePrimitiveElement();
const rootContext = injectNumberFieldRootContext();
const kbd = useKbd();
const { isComposing, handleCompositionStart, handleCompositionEnd } = useComposing();
function handleKeydown(event) {
if (isComposing.value || event.isComposing) return;
switch (event.key) {
case kbd.ARROW_UP:
event.preventDefault();
rootContext.handleIncrease();
break;
case kbd.ARROW_DOWN:
event.preventDefault();
rootContext.handleDecrease();
break;
case kbd.PAGE_UP:
event.preventDefault();
rootContext.handleIncrease(10);
break;
case kbd.PAGE_DOWN:
event.preventDefault();
rootContext.handleDecrease(10);
break;
case kbd.HOME:
event.preventDefault();
rootContext.handleMinMaxValue("min");
break;
case kbd.END:
event.preventDefault();
rootContext.handleMinMaxValue("max");
break;
case kbd.ENTER:
rootContext.applyInputValue(event.target?.value);
break;
}
}
function handleWheelEvent(event) {
if (rootContext.disableWheelChange.value) return;
if (event.target !== getActiveElement()) return;
if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
event.preventDefault();
if (event.deltaY > 0) rootContext.invertWheelChange.value ? rootContext.handleDecrease() : rootContext.handleIncrease();
else if (event.deltaY < 0) rootContext.invertWheelChange.value ? rootContext.handleIncrease() : rootContext.handleDecrease();
}
onMounted(() => {
rootContext.onInputElement(currentElement.value);
});
const inputValue = ref(rootContext.textValue.value);
watch(() => rootContext.textValue.value, () => {
inputValue.value = rootContext.textValue.value;
}, {
immediate: true,
deep: true
});
function handleChange() {
requestAnimationFrame(() => {
inputValue.value = rootContext.textValue.value;
});
}
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
id: unref(rootContext).id.value,
ref_key: "primitiveElement",
ref: primitiveElement,
value: inputValue.value,
role: "spinbutton",
type: "text",
tabindex: "0",
inputmode: unref(rootContext).inputMode.value,
disabled: unref(rootContext).disabled.value ? "" : void 0,
"data-disabled": unref(rootContext).disabled.value ? "" : void 0,
readonly: unref(rootContext).readonly.value ? "" : void 0,
"data-readonly": unref(rootContext).readonly.value ? "" : void 0,
autocomplete: "off",
autocorrect: "off",
spellcheck: "false",
"aria-roledescription": "Number field",
"aria-valuenow": unref(rootContext).modelValue.value,
"aria-valuemin": unref(rootContext).min.value,
"aria-valuemax": unref(rootContext).max.value,
onKeydown: handleKeydown,
onWheel: handleWheelEvent,
onBeforeinput: _cache[0] || (_cache[0] = (event) => {
if (event.isComposing) return;
if (event.inputType.startsWith("delete") || event.inputType.startsWith("history")) return;
const target = event.target;
let nextValue = target.value.slice(0, target.selectionStart ?? void 0) + (event.data ?? "") + target.value.slice(target.selectionEnd ?? void 0);
if (!unref(rootContext).validate(nextValue)) event.preventDefault();
}),
onInput: _cache[1] || (_cache[1] = (event) => {
inputValue.value = event.target.value;
}),
onChange: handleChange,
onBlur: _cache[2] || (_cache[2] = ($event) => unref(rootContext).applyInputValue($event.target?.value)),
onCompositionstart: unref(handleCompositionStart),
onCompositionend: unref(handleCompositionEnd)
}), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16, [
"id",
"value",
"inputmode",
"disabled",
"data-disabled",
"readonly",
"data-readonly",
"aria-valuenow",
"aria-valuemin",
"aria-valuemax",
"onCompositionstart",
"onCompositionend"
]);
};
}
});
function assert(expectedCondition, message = "Assertion failed!") {
if (!expectedCondition) {
console.error(message);
throw new Error(message);
}
}
function getPanelGroupElement(id, rootElement = document) {
if (!isBrowser) return null;
if (rootElement instanceof HTMLElement && rootElement?.dataset?.panelGroupId === id) return rootElement;
const element = rootElement.querySelector(`[data-panel-group][data-panel-group-id="${id}"]`);
if (element) return element;
return null;
}
function getResizeHandleElement(id, scope = document) {
if (!isBrowser) return null;
const element = scope.querySelector(`[data-panel-resize-handle-id="${id}"]`);
if (element) return element;
return null;
}
function getResizeHandleElementIndex(groupId, id, scope = document) {
if (!isBrowser) return null;
return getResizeHandleElementsForGroup(groupId, scope).findIndex((handle) => handle.getAttribute("data-panel-resize-handle-id") === id) ?? null;
}
function getResizeHandleElementsForGroup(groupId, scope = document) {
if (!isBrowser) return [];
return Array.from(scope.querySelectorAll(`[data-panel-resize-handle-id][data-panel-group-id="${groupId}"]`));
}
function getResizeHandlePanelIds(groupId, handleId, panelsArray, scope = document) {
const handle = getResizeHandleElement(handleId, scope);
const handles = getResizeHandleElementsForGroup(groupId, scope);
const index = handle ? handles.indexOf(handle) : -1;
return [panelsArray[index]?.id ?? null, panelsArray[index + 1]?.id ?? null];
}
function isKeyDown(event) {
return event.type === "keydown";
}
function isMouseEvent(event) {
return event.type.startsWith("mouse");
}
function isTouchEvent(event) {
return event.type.startsWith("touch");
}
function getResizeEventCoordinates(event) {
if (isMouseEvent(event)) return {
x: event.clientX,
y: event.clientY
};
else if (isTouchEvent(event)) {
const touch = event.touches[0];
if (touch && touch.clientX && touch.clientY) return {
x: touch.clientX,
y: touch.clientY
};
}
return {
x: Number.POSITIVE_INFINITY,
y: Number.POSITIVE_INFINITY
};
}
function getResizeEventCursorPosition(direction, event) {
const isHorizontal = direction === "horizontal";
const { x, y } = getResizeEventCoordinates(event);
return isHorizontal ? x : y;
}
function calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement) {
const isHorizontal = direction === "horizontal";
const handleElement = getResizeHandleElement(dragHandleId, panelGroupElement);
assert(handleElement);
const groupId = handleElement.getAttribute("data-panel-group-id");
assert(groupId);
const { initialCursorPosition } = initialDragState;
const cursorPosition = getResizeEventCursorPosition(direction, event);
const groupElement = getPanelGroupElement(groupId, panelGroupElement);
assert(groupElement);
const groupRect = groupElement.getBoundingClientRect();
const groupSizeInPixels = isHorizontal ? groupRect.width : groupRect.height;
return (cursorPosition - initialCursorPosition) / groupSizeInPixels * 100;
}
function calculateDeltaPercentage(event, dragHandleId, direction, initialDragState, keyboardResizeBy, panelGroupElement) {
if (isKeyDown(event)) {
const isHorizontal = direction === "horizontal";
let delta = 0;
if (event.shiftKey) delta = 100;
else delta = keyboardResizeBy ?? 10;
let movement = 0;
switch (event.key) {
case "ArrowDown":
movement = isHorizontal ? 0 : delta;
break;
case "ArrowLeft":
movement = isHorizontal ? -delta : 0;
break;
case "ArrowRight":
movement = isHorizontal ? delta : 0;
break;
case "ArrowUp":
movement = isHorizontal ? 0 : -delta;
break;
case "End":
movement = 100;
break;
case "Home":
movement = -100;
break;
}
return movement;
} else {
if (initialDragState == null) return 0;
return calculateDragOffsetPercentage(event, dragHandleId, direction, initialDragState, panelGroupElement);
}
}
function calculateAriaValues({ layout, panelsArray, pivotIndices }) {
let currentMinSize = 0;
let currentMaxSize = 100;
let totalMinSize = 0;
let totalMaxSize = 0;
const firstIndex = pivotIndices[0];
assert(firstIndex != null);
panelsArray.forEach((panelData, index) => {
const { constraints } = panelData;
const { maxSize = 100, minSize = 0 } = constraints;
if (index === firstIndex) {
currentMinSize = minSize;
currentMaxSize = maxSize;
} else {
totalMinSize += minSize;
totalMaxSize += maxSize;
}
});
return {
valueMax: Math.min(currentMaxSize, 100 - totalMinSize),
valueMin: Math.max(currentMinSize, 100 - totalMaxSize),
valueNow: layout[firstIndex]
};
}
function calculateUnsafeDefaultLayout({ panelDataArray }) {
const layout = Array.from({ length: panelDataArray.length });
const panelConstraintsArray = panelDataArray.map((panelData) => panelData.constraints);
let numPanelsWithSizes = 0;
let remainingSize = 100;
for (let index = 0; index < panelDataArray.length; index++) {
const panelConstraints = panelConstraintsArray[index];
assert(panelConstraints);
const { defaultSize } = panelConstraints;
if (defaultSize != null) {
numPanelsWithSizes++;
layout[index] = defaultSize;
remainingSize -= defaultSize;
}
}
for (let index = 0; index < panelDataArray.length; index++) {
const panelConstraints = panelConstraintsArray[index];
assert(panelConstraints);
const { defaultSize } = panelConstraints;
if (defaultSize != null) continue;
const numRemainingPanels = panelDataArray.length - numPanelsWithSizes;
const size = remainingSize / numRemainingPanels;
numPanelsWithSizes++;
layout[index] = size;
remainingSize -= size;
}
return layout;
}
function fuzzyCompareNumbers(actual, expected, fractionDigits = 10) {
actual = Number.parseFloat(actual.toFixed(fractionDigits));
expected = Number.parseFloat(expected.toFixed(fractionDigits));
const delta = actual - expected;
if (delta === 0) return 0;
else return delta > 0 ? 1 : -1;
}
function fuzzyNumbersEqual(actual, expected, fractionDigits) {
return fuzzyCompareNumbers(actual, expected, fractionDigits) === 0;
}
function callPanelCallbacks(panelsArray, layout, panelIdToLastNotifiedSizeMap, groupSizeInPixels) {
layout.forEach((size, index) => {
const panelData = panelsArray[index];
assert(panelData);
const { callbacks, constraints, id: panelId } = panelData;
const { collapsedSize = 0, collapsible, sizeUnit } = constraints;
let displaySize = size;
if (sizeUnit === "px" && groupSizeInPixels != null) displaySize = size / 100 * groupSizeInPixels;
const lastNotifiedSize = panelIdToLastNotifiedSizeMap[panelId];
if (lastNotifiedSize == null || !fuzzyNumbersEqual(displaySize, lastNotifiedSize)) {
panelIdToLastNotifiedSizeMap[panelId] = displaySize;
const { onCollapse, onExpand, onResize } = callbacks;
if (onResize) onResize(displaySize, lastNotifiedSize);
if (collapsible && (onCollapse || onExpand)) {
if (onExpand && (lastNotifiedSize == null || fuzzyNumbersEqual(lastNotifiedSize, collapsedSize)) && !fuzzyNumbersEqual(displaySize, collapsedSize)) onExpand();
if (onCollapse && (lastNotifiedSize == null || !fuzzyNumbersEqual(lastNotifiedSize, collapsedSize)) && fuzzyNumbersEqual(displaySize, collapsedSize)) onCollapse();
}
}
});
}
function debounce(callback, durationMs = 10) {
let timeoutId = null;
const callable = (...args) => {
if (timeoutId !== null) clearTimeout(timeoutId);
timeoutId = setTimeout(() => {
callback(...args);
}, durationMs);
};
return callable;
}
function resizePanel({ panelConstraints: panelConstraintsArray, panelIndex, size }) {
const panelConstraints = panelConstraintsArray[panelIndex];
assert(panelConstraints != null);
const { collapsedSize = 0, collapsible, maxSize = 100, minSize = 0 } = panelConstraints;
if (fuzzyCompareNumbers(size, minSize) < 0) if (collapsible) {
const halfwayPoint = (collapsedSize + minSize) / 2;
if (fuzzyCompareNumbers(size, halfwayPoint) < 0) size = collapsedSize;
else size = minSize;
} else size = minSize;
size = Math.min(maxSize, size);
size = Number.parseFloat(size.toFixed(10));
return size;
}
function compareLayouts(a, b) {
if (a.length !== b.length) return false;
else for (let index = 0; index < a.length; index++) if (a[index] !== b[index]) return false;
return true;
}
function adjustLayoutByDelta({ delta, layout: prevLayout, panelConstraints: panelConstraintsArray, pivotIndices, trigger }) {
if (fuzzyNumbersEqual(delta, 0)) return prevLayout;
const nextLayout = [...prevLayout];
const [firstPivotIndex, secondPivotIndex] = pivotIndices;
assert(firstPivotIndex != null);
assert(secondPivotIndex != null);
let deltaApplied = 0;
if (trigger === "keyboard") {
{
const index = delta < 0 ? secondPivotIndex : firstPivotIndex;
const panelConstraints = panelConstraintsArray[index];
assert(panelConstraints);
if (panelConstraints.collapsible) {
const prevSize = prevLayout[index];
assert(prevSize != null);
const panelConstraints$1 = panelConstraintsArray[index];
assert(panelConstraints$1);
const { collapsedSize = 0, minSize = 0 } = panelConstraints$1;
if (fuzzyNumbersEqual(prevSize, collapsedSize)) {
const localDelta = minSize - prevSize;
if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) delta = delta < 0 ? 0 - localDelta : localDelta;
}
}
}
{
const index = delta < 0 ? firstPivotIndex : secondPivotIndex;
const panelConstraints = panelConstraintsArray[index];
assert(panelConstraints);
const { collapsible } = panelConstraints;
if (collapsible) {
const prevSize = prevLayout[index];
assert(prevSize != null);
const panelConstraints$1 = panelConstraintsArray[index];
assert(panelConstraints$1);
const { collapsedSize = 0, minSize = 0 } = panelConstraints$1;
if (fuzzyNumbersEqual(prevSize, minSize)) {
const localDelta = prevSize - collapsedSize;
if (fuzzyCompareNumbers(localDelta, Math.abs(delta)) > 0) delta = delta < 0 ? 0 - localDelta : localDelta;
}
}
}
}
{
const increment = delta < 0 ? 1 : -1;
let index = delta < 0 ? secondPivotIndex : firstPivotIndex;
let maxAvailableDelta = 0;
while (true) {
const prevSize = prevLayout[index];
assert(prevSize != null);
const delta$1 = resizePanel({
panelConstraints: panelConstraintsArray,
panelIndex: index,
size: 100
}) - prevSize;
maxAvailableDelta += delta$1;
index += increment;
if (index < 0 || index >= panelConstraintsArray.length) break;
}
const minAbsDelta = Math.min(Math.abs(delta), Math.abs(maxAvailableDelta));
delta = delta < 0 ? 0 - minAbsDelta : minAbsDelta;
}
{
let index = delta < 0 ? firstPivotIndex : secondPivotIndex;
while (index >= 0 && index < panelConstraintsArray.length) {
const deltaRemaining = Math.abs(delta) - Math.abs(deltaApplied);
const prevSize = prevLayout[index];
assert(prevSize != null);
const unsafeSize = prevSize - deltaRemaining;
const safeSize = resizePanel({
panelConstraints: panelConstraintsArray,
panelIndex: index,
size: unsafeSize
});
if (!fuzzyNumbersEqual(prevSize, safeSize)) {
deltaApplied += prevSize - safeSize;
nextLayout[index] = safeSize;
if (deltaApplied.toPrecision(3).localeCompare(Math.abs(delta).toPrecision(3), void 0, { numeric: true }) >= 0) break;
}
if (delta < 0) index--;
else index++;
}
}
if (fuzzyNumbersEqual(deltaApplied, 0)) return prevLayout;
{
const pivotIndex = delta < 0 ? secondPivotIndex : firstPivotIndex;
const prevSize = prevLayout[pivotIndex];
assert(prevSize != null);
const unsafeSize = prevSize + deltaApplied;
const safeSize = resizePanel({
panelConstraints: panelConstraintsArray,
panelIndex: pivotIndex,
size: unsafeSize
});
nextLayout[pivotIndex] = safeSize;
if (!fuzzyNumbersEqual(safeSize, unsafeSize)) {
let deltaRemaining = unsafeSize - safeSize;
let index = delta < 0 ? secondPivotIndex : firstPivotIndex;
while (index >= 0 && index < panelConstraintsArray.length) {
const prevSize$1 = nextLayout[index];
assert(prevSize$1 != null);
const unsafeSize$1 = prevSize$1 + deltaRemaining;
const safeSize$1 = resizePanel({
panelConstraints: panelConstraintsArray,
panelIndex: index,
size: unsafeSize$1
});
if (!fuzzyNumbersEqual(prevSize$1, safeSize$1)) {
deltaRemaining -= safeSize$1 - prevSize$1;
nextLayout[index] = safeSize$1;
}
if (fuzzyNumbersEqual(deltaRemaining, 0)) break;
if (delta > 0) index--;
else index++;
}
}
}
if (!fuzzyNumbersEqual(nextLayout.reduce((total, size) => size + total, 0), 100)) return prevLayout;
return nextLayout;
}
function determinePivotIndices(groupId, dragHandleId, panelGroupElement) {
const index = getResizeHandleElementIndex(groupId, dragHandleId, panelGroupElement);
return index != null ? [index, index + 1] : [-1, -1];
}
function intersects(rectOne, rectTwo, strict) {
if (strict) return rectOne.x < rectTwo.x + rectTwo.width && rectOne.x + rectOne.width > rectTwo.x && rectOne.y < rectTwo.y + rectTwo.height && rectOne.y + rectOne.height > rectTwo.y;
else return rectOne.x <= rectTwo.x + rectTwo.width && rectOne.x + rectOne.width >= rectTwo.x && rectOne.y <= rectTwo.y + rectTwo.height && rectOne.y + rectOne.height >= rectTwo.y;
}
function compare(a, b) {
if (a === b) throw new Error("Cannot compare node with itself");
const ancestors = {
a: getAncestors(a),
b: getAncestors(b)
};
let common_ancestor;
while (ancestors.a.at(-1) === ancestors.b.at(-1)) {
a = ancestors.a.pop();
b = ancestors.b.pop();
common_ancestor = a;
}
assert(common_ancestor);
const z_indexes = {
a: getZIndex(findStackingContext(ancestors.a)),
b: getZIndex(findStackingContext(ancestors.b))
};
if (z_indexes.a === z_indexes.b) {
const children = common_ancestor.childNodes;
const furthest_ancestors = {
a: ancestors.a.at(-1),
b: ancestors.b.at(-1)
};
let i = children.length;
while (i--) {
const child = children[i];
if (child === furthest_ancestors.a) return 1;
if (child === furthest_ancestors.b) return -1;
}
}
return Math.sign(z_indexes.a - z_indexes.b);
}
var props = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
function isFlexItem(node) {
const display = getComputedStyle(getParent(node)).display;
return display === "flex" || display === "inline-flex";
}
function createsStackingContext(node) {
const style = getComputedStyle(node);
if (style.position === "fixed") return true;
if (style.zIndex !== "auto" && (style.position !== "static" || isFlexItem(node))) return true;
if (+style.opacity < 1) return true;
if ("transform" in style && style.transform !== "none") return true;
if ("webkitTransform" in style && style.webkitTransform !== "none") return true;
if ("mixBlendMode" in style && style.mixBlendMode !== "normal") return true;
if ("filter" in style && style.filter !== "none") return true;
if ("webkitFilter" in style && style.webkitFilter !== "none") return true;
if ("isolation" in style && style.isolation === "isolate") return true;
if (props.test(style.willChange)) return true;
if (style.webkitOverflowScrolling === "touch") return true;
return false;
}
function findStackingContext(nodes) {
let i = nodes.length;
while (i--) {
const node = nodes[i];
assert(node);
if (createsStackingContext(node)) return node;
}
return null;
}
function getZIndex(node) {
return node && Number(getComputedStyle(node).zIndex) || 0;
}
function getAncestors(node) {
const ancestors = [];
while (node) {
ancestors.push(node);
node = getParent(node);
}
return ancestors;
}
function getParent(node) {
return node.parentNode instanceof DocumentFragment && node.parentNode?.host || node.parentNode;
}
function getInputType() {
if (typeof matchMedia === "function") return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
}
var isCoarsePointer = getInputType() === "coarse";
var intersectingHandles = [];
var isPointerDown = false;
var ownerDocumentCounts = new Map();
var panelConstraintFlags = new Map();
var registeredResizeHandlers = new Set();
function registerResizeHandle(resizeHandleId, element, direction, hitAreaMargins, nonce, setResizeHandlerState) {
const { ownerDocument } = element;
const data = {
direction,
element,
hitAreaMargins,
nonce,
setResizeHandlerState
};
const count = ownerDocumentCounts.get(ownerDocument) ?? 0;
ownerDocumentCounts.set(ownerDocument, count + 1);
registeredResizeHandlers.add(data);
updateListeners();
return function unregisterResizeHandle() {
panelConstraintFlags.delete(resizeHandleId);
registeredResizeHandlers.delete(data);
const count$1 = ownerDocumentCounts.get(ownerDocument) ?? 1;
ownerDocumentCounts.set(ownerDocument, count$1 - 1);
updateListeners();
resetGlobalCursorStyle();
if (count$1 === 1) ownerDocumentCounts.delete(ownerDocument);
};
}
function handlePointerDown(event) {
const { target } = event;
const { x, y } = getResizeEventCoordinates(event);
isPointerDown = true;
recalculateIntersectingHandles({
target,
x,
y
});
updateListeners();
if (intersectingHandles.length > 0) {
updateResizeHandlerStates("down", event);
event.preventDefault();
}
}
function handlePointerMove(event) {
const { x, y } = getResizeEventCoordinates(event);
if (!isPointerDown) {
const { target } = event;
recalculateIntersectingHandles({
target,
x,
y
});
}
updateResizeHandlerStates("move", event);
updateCursor();
if (intersectingHandles.length > 0) event.preventDefault();
}
function handlePointerUp(event) {
const { target } = event;
const { x, y } = getResizeEventCoordinates(event);
panelConstraintFlags.clear();
isPointerDown = false;
if (intersectingHandles.length > 0) event.preventDefault();
updateResizeHandlerStates("up", event);
recalculateIntersectingHandles({
target,
x,
y
});
updateCursor();
updateListeners();
}
function recalculateIntersectingHandles({ target, x, y }) {
intersectingHandles.splice(0);
let targetElement = null;
if (target instanceof HTMLElement) targetElement = target;
registeredResizeHandlers.forEach((data) => {
const { element: dragHandleElement, hitAreaMargins } = data;
const dragHandleRect = dragHandleElement.getBoundingClientRect();
const { bottom, left, right, top } = dragHandleRect;
const margin = isCoarsePointer ? hitAreaMargins.coarse : hitAreaMargins.fine;
if (x >= left - margin && x <= right + margin && y >= top - margin && y <= bottom + margin) {
if (targetElement !== null && dragHandleElement !== targetElement && !dragHandleElement.contains(targetElement) && !targetElement.contains(dragHandleElement) && compare(targetElement, dragHandleElement) > 0) {
let currentElement = targetElement;
let didIntersect = false;
while (currentElement) {
if (currentElement.contains(dragHandleElement)) break;
else if (intersects(currentElement.getBoundingClientRect(), dragHandleRect, true)) {
didIntersect = true;
break;
}
currentElement = currentElement.parentElement;
}
if (didIntersect) return;
}
intersectingHandles.push(data);
}
});
}
function reportConstraintsViolation(resizeHandleId, flag) {
panelConstraintFlags.set(resizeHandleId, flag);
}
function updateCursor() {
let intersectsHorizontal = false;
let intersectsVertical = false;
let nonce;
intersectingHandles.forEach((data) => {
const { direction, nonce: _nonce } = data;
if (direction.value === "horizontal") intersectsHorizontal = true;
else intersectsVertical = true;
nonce = _nonce.value;
});
let constraintFlags = 0;
panelConstraintFlags.forEach((flag) => {
constraintFlags |= flag;
});
if (intersectsHorizontal && intersectsVertical) setGlobalCursorStyle("intersection", constraintFlags, nonce);
else if (intersectsHorizontal) setGlobalCursorStyle("horizontal", constraintFlags, nonce);
else if (intersectsVertical) setGlobalCursorStyle("vertical", constraintFlags, nonce);
else resetGlobalCursorStyle();
}
function updateListeners() {
ownerDocumentCounts.forEach((_, ownerDocument) => {
const { body } = ownerDocument;
body.removeEventListener("contextmenu", handlePointerUp);
body.removeEventListener("mousedown", handlePointerDown);
body.removeEventListener("mouseleave", handlePointerMove);
body.removeEventListener("mousemove", handlePointerMove);
body.removeEventListener("touchmove", handlePointerMove);
body.removeEventListener("touchstart", handlePointerDown);
});
window.removeEventListener("mouseup", handlePointerUp);
window.removeEventListener("touchcancel", handlePointerUp);
window.removeEventListener("touchend", handlePointerUp);
if (registeredResizeHandlers.size > 0) if (isPointerDown) {
if (intersectingHandles.length > 0) ownerDocumentCounts.forEach((count, ownerDocument) => {
const { body } = ownerDocument;
if (count > 0) {
body.addEventListener("contextmenu", handlePointerUp);
body.addEventListener("mouseleave", handlePointerMove);
body.addEventListener("mousemove", handlePointerMove);
body.addEventListener("touchmove", handlePointerMove, { passive: false });
}
});
window.addEventListener("mouseup", handlePointerUp);
window.addEventListener("touchcancel", handlePointerUp);
window.addEventListener("touchend", handlePointerUp);
} else ownerDocumentCounts.forEach((count, ownerDocument) => {
const { body } = ownerDocument;
if (count > 0) {
body.addEventListener("mousedown", handlePointerDown);
body.addEventListener("mousemove", handlePointerMove);
body.addEventListener("touchmove", handlePointerMove, { passive: false });
body.addEventListener("touchstart", handlePointerDown);
}
});
}
function updateResizeHandlerStates(action, event) {
registeredResizeHandlers.forEach((data) => {
const { setResizeHandlerState } = data;
setResizeHandlerState(action, intersectingHandles.includes(data), event);
});
}
var currentCursorStyle = null;
var styleElement = null;
function getCursorStyle(state, constraintFlags) {
if (constraintFlags) {
const horizontalMin = (constraintFlags & 1) !== 0;
const horizontalMax = (constraintFlags & 2) !== 0;
const verticalMin = (constraintFlags & 4) !== 0;
const verticalMax = (constraintFlags & 8) !== 0;
if (horizontalMin) if (verticalMin) return "se-resize";
else if (verticalMax) return "ne-resize";
else return "e-resize";
else if (horizontalMax) if (verticalMin) return "sw-resize";
else if (verticalMax) return "nw-resize";
else return "w-resize";
else if (verticalMin) return "s-resize";
else if (verticalMax) return "n-resize";
}
switch (state) {
case "horizontal": return "ew-resize";
case "intersection": return "move";
case "vertical": return "ns-resize";
}
}
function resetGlobalCursorStyle() {
if (styleElement !== null) {
document.head.removeChild(styleElement);
currentCursorStyle = null;
styleElement = null;
}
}
function setGlobalCursorStyle(state, constraintFlags, nonce) {
const style = getCursorStyle(state, constraintFlags);
if (currentCursorStyle === style) return;
currentCursorStyle = style;
if (styleElement === null) {
styleElement = document.createElement("style");
if (nonce) styleElement.nonce = nonce;
document.head.appendChild(styleElement);
}
styleElement.textContent = `*{cursor: ${style}!important;}`;
}
function computePanelFlexBoxStyle({ defaultSize, dragState, layout, panelData, panelIndex, precision = 3 }) {
const size = layout[panelIndex];
let flexGrow;
if (size == null) flexGrow = defaultSize !== void 0 ? defaultSize.toPrecision(precision) : "1";
else if (panelData.length === 1) flexGrow = "1";
else flexGrow = size.toPrecision(precision);
return {
flexBasis: 0,
flexGrow,
flexShrink: 1,
overflow: "hidden",
pointerEvents: dragState !== null ? "none" : void 0
};
}
function convertValueToPercent({ sizeUnit, groupSizeInPixels, value }) {
if (value == null) return value;
if (sizeUnit === "%") return value;
if (groupSizeInPixels == null || groupSizeInPixels === 0) return void 0;
return value / groupSizeInPixels * 100;
}
function convertPanelConstraintsToPercent({ panelDataArray, groupSizeInPixels }) {
if (panelDataArray.some((panelData) => (panelData.constraints.sizeUnit ?? "%") === "px") && (!groupSizeInPixels || Number.isNaN(groupSizeInPixels))) return null;
return panelDataArray.map((panelData) => {
const constraints = panelData.constraints;
const sizeUnit = constraints.sizeUnit ?? "%";
const collapsedSize = convertValueToPercent({
groupSizeInPixels,
sizeUnit,
value: constraints.collapsedSize
});
const defaultSize = convertValueToPercent({
groupSizeInPixels,
sizeUnit,
value: constraints.defaultSize
});
const maxSize = convertValueToPercent({
groupSizeInPixels,
sizeUnit,
value: constraints.maxSize
});
const minSize = convertValueToPercent({
groupSizeInPixels,
sizeUnit,
value: constraints.minSize
});
return {
...constraints,
collapsedSize: collapsedSize ?? constraints.collapsedSize ?? 0,
defaultSize,
maxSize: maxSize ?? 100,
minSize: minSize ?? 0,
sizeUnit: "%"
};
});
}
function hasPixelSizedPanel(panelDataArray) {
return panelDataArray.some((panelData) => (panelData.constraints.sizeUnit ?? "%") === "px");
}
function recalculateLayoutForPixelPanels({ layout, panelDataArray, prevGroupSize, nextGroupSize }) {
if (!hasPixelSizedPanel(panelDataArray)) return null;
if (prevGroupSize == null || nextGroupSize == null || prevGroupSize === 0 || nextGroupSize === 0 || Number.isNaN(prevGroupSize) || Number.isNaN(nextGroupSize)) return null;
const pixelPanelIndices = panelDataArray.reduce((indices, panelData, index) => {
if ((panelData.constraints.sizeUnit ?? "%") === "px") indices.push(index);
return indices;
}, []);
if (pixelPanelIndices.length === 0) return null;
const pixelIndexSet = new Set(pixelPanelIndices);
const nextLayout = layout.map((size) => size ?? 0);
pixelPanelIndices.reduce((sum, index) => sum + (layout[index] ?? 0), 0);
const nextPixelPercents = pixelPanelIndices.map((index) => {
return (layout[index] ?? 0) / 100 * prevGroupSize / nextGroupSize * 100;
});
const totalNextPixelPercent = nextPixelPercents.reduce((sum, value) => sum + value, 0);
const prevPercentForPercentPanels = layout.reduce((sum, size, index) => {
if (pixelIndexSet.has(index)) return sum;
return sum + (size ?? 0);
}, 0);
const availableNextPercent = Math.max(0, 100 - totalNextPixelPercent);
const scaleFactor = prevPercentForPercentPanels > 0 ? availableNextPercent / prevPercentForPercentPanels : 0;
pixelPanelIndices.forEach((panelIndex, arrayIndex) => {
nextLayout[panelIndex] = nextPixelPercents[arrayIndex];
});
for (let index = 0; index < nextLayout.length; index++) {
if (pixelIndexSet.has(index)) continue;
nextLayout[index] = (layout[index] ?? 0) * scaleFactor;
}
const total = nextLayout.reduce((sum, size) => sum + size, 0);
if (total > 0 && Math.abs(total - 100) > 1e-9) {
const factor = 100 / total;
for (let index = 0; index < nextLayout.length; index++) nextLayout[index] = (nextLayout[index] ?? 0) * factor;
}
return nextLayout;
}
function validatePanelGroupLayout({ layout: prevLayout, panelConstraints }) {
const nextLayout = [...prevLayout];
if (nextLayout.length === 0 && panelConstraints.length === 0) return nextLayout;
const nextLayoutTotalSize = nextLayout.reduce((accumulated, current) => accumulated + current, 0);
if (nextLayout.length !== panelConstraints.length) throw new Error(`Invalid ${panelConstraints.length} panel layout: ${nextLayout.map((size) => `${size}%`).join(", ")}`);
else if (!fuzzyNumbersEqual(nextLayoutTotalSize, 100)) {
console.warn(`WARNING: Invalid layout total size: ${nextLayout.map((size) => `${size}%`).join(", ")}. Layout normalization will be applied.`);
for (let index = 0; index < panelConstraints.length; index++) {
const unsafeSize = nextLayout[index];
assert(unsafeSize != null);
nextLayout[index] = 100 / nextLayoutTotalSize * unsafeSize;
}
}
let remainingSize = 0;
for (let index = 0; index < panelConstraints.length; index++) {
const unsafeSize = nextLayout[index];
assert(unsafeSize != null);
const safeSize = resizePanel({
panelConstraints,
panelIndex: index,
size: unsafeSize
});
if (unsafeSize !== safeSize) {
remainingSize += unsafeSize - safeSize;
nextLayout[index] = safeSize;
}
}
if (!fuzzyNumbersEqual(remainingSize, 0)) for (let index = 0; index < panelConstraints.length; index++) {
const prevSize = nextLayout[index];
assert(prevSize != null);
const unsafeSize = prevSize + remainingSize;
const safeSize = resizePanel({
panelConstraints,
panelIndex: index,
size: unsafeSize
});
if (prevSize !== safeSize) {
remainingSize -= safeSize - prevSize;
nextLayout[index] = safeSize;
if (fuzzyNumbersEqual(remainingSize, 0)) break;
}
}
return nextLayout;
}
function useWindowSplitterPanelGroupBehavior({ eagerValuesRef, groupId, layout, panelDataArray, panelGroupElement, setLayout, getPanelDataWithPercentConstraints }) {
watchEffect((onCleanup) => {
const _panelGroupElement = panelGroupElement.value;
if (!_panelGroupElement) return;
const panelDataArrayWithPercentConstraints = getPanelDataWithPercentConstraints();
if (!panelDataArrayWithPercentConstraints) return;
const resizeHandleElements = getResizeHandleElementsForGroup(groupId, _panelGroupElement);
for (let index = 0; index < panelDataArrayWithPercentConstraints.length - 1; index++) {
const { valueMax, valueMin, valueNow } = calculateAriaValues({
layout: layout.value,
panelsArray: panelDataArrayWithPercentConstraints,
pivotIndices: [index, index + 1]
});
const resizeHandleElement = resizeHandleElements[index];
if (resizeHandleElement == null) {} else {
const panelData = panelDataArrayWithPercentConstraints[index];
assert(panelData);
resizeHandleElement.setAttribute("aria-controls", panelData.id);
resizeHandleElement.setAttribute("aria-valuemax", `${Math.round(valueMax)}`);
resizeHandleElement.setAttribute("aria-valuemin", `${Math.round(valueMin)}`);
resizeHandleElement.setAttribute("aria-valuenow", valueNow != null ? `${Math.round(valueNow)}` : "");
}
}
onCleanup(() => {
resizeHandleElements.forEach((resizeHandleElement) => {
resizeHandleElement.removeAttribute("aria-controls");
resizeHandleElement.removeAttribute("aria-valuemax");
resizeHandleElement.removeAttribute("aria-valuemin");
resizeHandleElement.removeAttribute("aria-valuenow");
});
});
});
watchEffect((onCleanup) => {
const _panelGroupElement = panelGroupElement.value;
if (!_panelGroupElement) return;
const eagerValues = eagerValuesRef.value;
assert(eagerValues);
const panelDataArrayWithPercentConstraints = getPanelDataWithPercentConstraints();
if (!panelDataArrayWithPercentConstraints) return;
const { panelDataArray: panelDataArray$1 } = eagerValues;
assert(getPanelGroupElement(groupId, _panelGroupElement) != null, `No group found for id "${groupId}"`);
const handles = getResizeHandleElementsForGroup(groupId, _panelGroupElement);
assert(handles);
const cleanupFunctions = handles.map((handle) => {
const handleId = handle.getAttribute("data-panel-resize-handle-id");
assert(handleId);
const [idBefore, idAfter] = getResizeHandlePanelIds(groupId, handleId, panelDataArray$1, _panelGroupElement);
if (idBefore == null || idAfter == null) return () => {};
const onKeyDown = (event) => {
if (event.defaultPrevented) return;
switch (event.key) {
case "Enter": {
event.preventDefault();
const index = panelDataArrayWithPercentConstraints.findIndex((panelData) => panelData.id === idBefore);
if (index >= 0) {
const panelData = panelDataArrayWithPercentConstraints[index];
assert(panelData);
const size = layout.value[index];
const { collapsedSize = 0, collapsible, minSize = 0 } = panelData.constraints;
if (size != null && collapsible) {
const nextLayout = adjustLayoutByDelta({
delta: fuzzyNumbersEqual(size, collapsedSize) ? minSize - collapsedSize : collapsedSize - size,
layout: layout.value,
panelConstraints: panelDataArrayWithPercentConstraints.map((panelData$1) => panelData$1.constraints),
pivotIndices: determinePivotIndices(groupId, handleId, _panelGroupElement),
trigger: "keyboard"
});
if (layout.value !== nextLayout) setLayout(nextLayout);
}
}
break;
}
}
};
handle.addEventListener("keydown", onKeyDown);
return () => {
handle.removeEventListener("keydown", onKeyDown);
};
});
onCleanup(() => {
cleanupFunctions.forEach((cleanupFunction) => cleanupFunction());
});
});
}
function initializeDefaultStorage(storageObject) {
try {
if (typeof localStorage !== "undefined") {
storageObject.getItem = (name) => {
return localStorage.getItem(name);
};
storageObject.setItem = (name, value) => {
localStorage.setItem(name, value);
};
} else throw new TypeError("localStorage not supported in this environment");
} catch (error) {
console.error(error);
storageObject.getItem = () => null;
storageObject.setItem = () => {};
}
}
function getPanelGroupKey(autoSaveId) {
return `reka:${autoSaveId}`;
}
function getPanelKey(panels) {
return panels.map((panel) => {
const { constraints, id, idIsFromProps, order } = panel;
if (idIsFromProps) return id;
else return order ? `${order}:${JSON.stringify(constraints)}` : JSON.stringify(constraints);
}).sort((a, b) => a.localeCompare(b)).join(",");
}
function loadSerializedPanelGroupState(autoSaveId, storage) {
try {
const panelGroupKey = getPanelGroupKey(autoSaveId);
const serialized = storage.getItem(panelGroupKey);
if (serialized) {
const parsed = JSON.parse(serialized);
if (typeof parsed === "object" && parsed != null) return parsed;
}
} catch (error) {}
return null;
}
function loadPanelGroupState(autoSaveId, panels, storage) {
return (loadSerializedPanelGroupState(autoSaveId, storage) ?? {})[getPanelKey(panels)] ?? null;
}
function savePanelGroupState(autoSaveId, panels, panelSizesBeforeCollapse, sizes, storage) {
const panelGroupKey = getPanelGroupKey(autoSaveId);
const panelKey = getPanelKey(panels);
const state = loadSerializedPanelGroupState(autoSaveId, storage) ?? {};
const sizeUnits = {};
panels.forEach((panel, index) => {
if ((panel.constraints.sizeUnit ?? "%") === "px") sizeUnits[index] = "px";
});
state[panelKey] = {
expandToSizes: Object.fromEntries(panelSizesBeforeCollapse.entries()),
layout: sizes,
...Object.keys(sizeUnits).length > 0 && { sizeUnits }
};
try {
storage.setItem(panelGroupKey, JSON.stringify(state));
} catch (error) {
console.error(error);
}
}
var LOCAL_STORAGE_DEBOUNCE_INTERVAL = 100;
var defaultStorage = {
getItem: (name) => {
initializeDefaultStorage(defaultStorage);
return defaultStorage.getItem(name);
},
setItem: (name, value) => {
initializeDefaultStorage(defaultStorage);
defaultStorage.setItem(name, value);
}
};
var [injectPanelGroupContext, providePanelGroupContext] = createContext("PanelGroup");
var SplitterGroup_default = defineComponent({
__name: "SplitterGroup",
props: {
id: {
type: [String, null],
required: false
},
autoSaveId: {
type: [String, null],
required: false,
default: null
},
direction: {
type: String,
required: true
},
keyboardResizeBy: {
type: [Number, null],
required: false,
default: 10
},
storage: {
type: Object,
required: false,
default: () => defaultStorage
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
emits: ["layout"],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const debounceMap = {};
const { direction } = toRefs(props);
const groupId = useId(props.id, "reka-splitter-group");
const dir = useDirection();
const { forwardRef, currentElement: panelGroupElementRef } = useForwardExpose();
const dragState = ref(null);
const groupSizeInPixels = ref(null);
const groupSizeAtLastLayoutInit = ref(null);
const layout = ref([]);
const panelIdToLastNotifiedSizeMapRef = ref({});
const panelSizeBeforeCollapseRef = ref(new Map());
const prevDeltaRef = ref(0);
const committedValuesRef = computed(() => ({
autoSaveId: props.autoSaveId,
direction: props.direction,
dragState: dragState.value,
id: groupId,
keyboardResizeBy: props.keyboardResizeBy,
storage: props.storage
}));
const eagerValuesRef = ref({
layout: layout.value,
panelDataArray: [],
panelDataArrayChanged: false
});
function getGroupSizeInPixels() {
if (groupSizeInPixels.value != null) return groupSizeInPixels.value;
const element = panelGroupElementRef.value;
if (element && element instanceof HTMLElement) {
const rect = element.getBoundingClientRect();
const size = direction.value === "horizontal" ? rect.width : rect.height;
if (!Number.isNaN(size)) {
groupSizeInPixels.value = size;
return size;
}
}
return null;
}
function getPanelConstraintsInPercent(groupSizeOverride) {
const groupSize = groupSizeOverride ?? getGroupSizeInPixels();
return convertPanelConstraintsToPercent({
panelDataArray: eagerValuesRef.value.panelDataArray,
groupSizeInPixels: groupSize
});
}
function getPanelDataWithPercentConstraints(groupSizeOverride) {
const percentConstraints = getPanelConstraintsInPercent(groupSizeOverride);
if (!percentConstraints) return null;
return eagerValuesRef.value.panelDataArray.map((panelData, index) => ({
...panelData,
constraints: percentConstraints[index]
}));
}
const setLayout = (val) => layout.value = val;
function convertLayoutToNativeUnits(internalLayout) {
const { panelDataArray } = eagerValuesRef.value;
const groupSize = getGroupSizeInPixels();
return internalLayout.map((size, index) => {
const panelData = panelDataArray[index];
if (panelData && (panelData.constraints.sizeUnit ?? "%") === "px" && groupSize != null) return size / 100 * groupSize;
return size;
});
}
useWindowSplitterPanelGroupBehavior({
eagerValuesRef,
groupId,
layout,
panelDataArray: eagerValuesRef.value.panelDataArray,
setLayout,
panelGroupElement: panelGroupElementRef,
getPanelDataWithPercentConstraints
});
watchEffect((onCleanup) => {
const element = panelGroupElementRef.value;
if (!element) return;
if (typeof ResizeObserver !== "function") return;
const resizeObserver = new ResizeObserver((entries) => {
const entry = entries[0];
if (!entry) return;
const { height, width } = entry.contentRect;
const nextSize = direction.value === "horizontal" ? width : height;
if (!Number.isNaN(nextSize)) groupSizeInPixels.value = nextSize;
});
if (element instanceof HTMLElement) resizeObserver.observe(element);
onCleanup(() => resizeObserver.disconnect());
});
watchEffect(() => {
const { panelDataArray } = eagerValuesRef.value;
const { autoSaveId } = props;
if (autoSaveId) {
if (layout.value.length === 0 || layout.value.length !== panelDataArray.length) return;
let debouncedSave = debounceMap[autoSaveId];
if (!debouncedSave) {
debouncedSave = debounce(savePanelGroupState, LOCAL_STORAGE_DEBOUNCE_INTERVAL);
debounceMap[autoSaveId] = debouncedSave;
}
const clonedPanelDataArray = [...panelDataArray];
const clonedPanelSizesBeforeCollapse = new Map(panelSizeBeforeCollapseRef.value);
debouncedSave(autoSaveId, clonedPanelDataArray, clonedPanelSizesBeforeCollapse, layout.value, props.storage);
}
});
function getPanelStyle(panelData, defaultSize) {
const { panelDataArray } = eagerValuesRef.value;
const panelIndex = findPanelDataIndex(panelDataArray, panelData);
return computePanelFlexBoxStyle({
defaultSize,
dragState: dragState.value,
layout: layout.value,
panelData: panelDataArray,
panelIndex
});
}
function registerPanel(panelData) {
const { panelDataArray } = eagerValuesRef.value;
panelDataArray.push(panelData);
panelDataArray.sort((panelA, panelB) => {
const orderA = panelA.order;
const orderB = panelB.order;
if (orderA == null && orderB == null) return 0;
else if (orderA == null) return -1;
else if (orderB == null) return 1;
else return orderA - orderB;
});
eagerValuesRef.value.panelDataArrayChanged = true;
}
watch(() => eagerValuesRef.value.panelDataArrayChanged, () => {
if (eagerValuesRef.value.panelDataArrayChanged) {
eagerValuesRef.value.panelDataArrayChanged = false;
const { autoSaveId, storage } = committedValuesRef.value;
const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
let unsafeLayout = null;
if (autoSaveId) {
const state = loadPanelGroupState(autoSaveId, panelDataArray, storage);
if (state) {
panelSizeBeforeCollapseRef.value = new Map(Object.entries(state.expandToSizes));
unsafeLayout = state.layout;
}
}
if (unsafeLayout === null) {
const panelDataArrayWithPercentConstraints = getPanelDataWithPercentConstraints();
if (!panelDataArrayWithPercentConstraints) return;
unsafeLayout = calculateUnsafeDefaultLayout({ panelDataArray: panelDataArrayWithPercentConstraints });
}
const panelConstraints = getPanelConstraintsInPercent();
if (!panelConstraints) return;
const nextLayout = validatePanelGroupLayout({
layout: unsafeLayout,
panelConstraints
});
groupSizeAtLastLayoutInit.value = getGroupSizeInPixels();
if (!areEqual(prevLayout, nextLayout)) {
setLayout(nextLayout);
eagerValuesRef.value.layout = nextLayout;
emits("layout", convertLayoutToNativeUnits(nextLayout));
callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value, getGroupSizeInPixels());
}
}
});
watch(groupSizeInPixels, (nextSize, prevSize) => {
if (prevSize == null || nextSize == null) return;
const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
if (prevLayout.length === 0) return;
if (!hasPixelSizedPanel(panelDataArray)) return;
const initSize = groupSizeAtLastLayoutInit.value;
if (initSize != null && initSize > 0 && initSize < 50 && nextSize > initSize * 10) {
eagerValuesRef.value.panelDataArrayChanged = true;
return;
}
const recalculatedLayout = recalculateLayoutForPixelPanels({
layout: prevLayout,
panelDataArray,
prevGroupSize: prevSize,
nextGroupSize: nextSize
});
if (!recalculatedLayout) return;
const panelConstraints = getPanelConstraintsInPercent(nextSize);
if (!panelConstraints) return;
const nextLayout = validatePanelGroupLayout({
layout: recalculatedLayout,
panelConstraints
});
if (!compareLayouts(prevLayout, nextLayout)) {
setLayout(nextLayout);
eagerValuesRef.value.layout = nextLayout;
emits("layout", convertLayoutToNativeUnits(nextLayout));
callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value, getGroupSizeInPixels());
}
});
function registerResizeHandle(dragHandleId) {
return function resizeHandler(event) {
event.preventDefault();
const panelGroupElement = panelGroupElementRef.value;
if (!panelGroupElement) return () => null;
const { direction: direction$1, dragState: dragState$1, id: groupId$1, keyboardResizeBy } = committedValuesRef.value;
const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
const { initialLayout } = dragState$1 ?? {};
const pivotIndices = determinePivotIndices(groupId$1, dragHandleId, panelGroupElement);
let delta = calculateDeltaPercentage(event, dragHandleId, direction$1, dragState$1, keyboardResizeBy, panelGroupElement);
if (delta === 0) return;
const isHorizontal = direction$1 === "horizontal";
if (dir.value === "rtl" && isHorizontal) delta = -delta;
const panelConstraints = getPanelConstraintsInPercent();
if (!panelConstraints) return;
const nextLayout = adjustLayoutByDelta({
delta,
layout: initialLayout ?? prevLayout,
panelConstraints,
pivotIndices,
trigger: isKeyDown(event) ? "keyboard" : "mouse-or-touch"
});
const layoutChanged = !compareLayouts(prevLayout, nextLayout);
if (isMouseEvent(event) || isTouchEvent(event)) {
if (prevDeltaRef.value !== delta) {
prevDeltaRef.value = delta;
if (!layoutChanged) if (isHorizontal) reportConstraintsViolation(dragHandleId, delta < 0 ? 1 : 2);
else reportConstraintsViolation(dragHandleId, delta < 0 ? 4 : 8);
else reportConstraintsViolation(dragHandleId, 0);
}
}
if (layoutChanged) {
setLayout(nextLayout);
eagerValuesRef.value.layout = nextLayout;
emits("layout", convertLayoutToNativeUnits(nextLayout));
callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value, getGroupSizeInPixels());
}
};
}
function resizePanel(panelData, unsafePanelSize) {
const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
const panelConstraintsArray = getPanelConstraintsInPercent();
if (!panelConstraintsArray) return;
const panelIndex = findPanelDataIndex(panelDataArray, panelData);
const panelUnit = panelData.constraints.sizeUnit ?? "%";
let sizeInPercent = unsafePanelSize;
if (panelUnit === "px") {
const groupSize = getGroupSizeInPixels();
if (groupSize != null) sizeInPercent = unsafePanelSize / groupSize * 100;
}
const { panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
assert(panelSize != null);
const nextLayout = adjustLayoutByDelta({
delta: panelIndex === panelDataArray.length - 1 ? panelSize - sizeInPercent : sizeInPercent - panelSize,
layout: prevLayout,
panelConstraints: panelConstraintsArray,
pivotIndices,
trigger: "imperative-api"
});
if (!compareLayouts(prevLayout, nextLayout)) {
setLayout(nextLayout);
eagerValuesRef.value.layout = nextLayout;
emits("layout", convertLayoutToNativeUnits(nextLayout));
callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value, getGroupSizeInPixels());
}
}
function reevaluatePanelConstraints(panelData, prevConstraints) {
const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
const index = findPanelDataIndex(panelDataArray, panelData);
panelDataArray[index] = panelData;
eagerValuesRef.value.panelDataArrayChanged = true;
const panelConstraintsArray = getPanelConstraintsInPercent();
if (!panelConstraintsArray) return;
const nextConstraints = panelConstraintsArray[index];
const { panelSize: prevPanelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray);
if (prevPanelSize === null) return;
const nextCollapsedSize = nextConstraints?.collapsedSize ?? 0;
const nextMaxSize = nextConstraints?.maxSize ?? 100;
const nextMinSize = nextConstraints?.minSize ?? 0;
if (nextConstraints?.collapsible && isPanelCollapsed(panelData)) {
if (prevPanelSize !== nextCollapsedSize) resizePanel(panelData, nextCollapsedSize);
} else if (prevPanelSize < nextMinSize) resizePanel(panelData, nextMinSize);
else if (prevPanelSize > nextMaxSize) resizePanel(panelData, nextMaxSize);
}
function startDragging(dragHandleId, event) {
const { direction: direction$1 } = committedValuesRef.value;
const { layout: layout$1 } = eagerValuesRef.value;
if (!panelGroupElementRef.value) return;
const handleElement = getResizeHandleElement(dragHandleId, panelGroupElementRef.value);
assert(handleElement);
const initialCursorPosition = getResizeEventCursorPosition(direction$1, event);
dragState.value = {
dragHandleId,
dragHandleRect: handleElement.getBoundingClientRect(),
initialCursorPosition,
initialLayout: layout$1
};
}
function stopDragging() {
dragState.value = null;
}
function unregisterPanel(panelData) {
const { panelDataArray } = eagerValuesRef.value;
const index = findPanelDataIndex(panelDataArray, panelData);
if (index >= 0) {
panelDataArray.splice(index, 1);
delete panelIdToLastNotifiedSizeMapRef.value[panelData.id];
eagerValuesRef.value.panelDataArrayChanged = true;
}
}
function collapsePanel(panelData) {
const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
if (panelData.constraints.collapsible) {
const panelConstraintsArray = getPanelConstraintsInPercent();
if (!panelConstraintsArray) return;
const { collapsedSize = 0, panelSize, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
if (panelSize !== collapsedSize) {
const sizeUnit = panelData.constraints.sizeUnit ?? "%";
const groupSize = groupSizeInPixels.value ?? getGroupSizeInPixels();
const sizeBeforeCollapse = sizeUnit === "px" && groupSize ? panelSize / 100 * groupSize : panelSize;
panelSizeBeforeCollapseRef.value.set(panelData.id, sizeBeforeCollapse);
const nextLayout = adjustLayoutByDelta({
delta: findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1 ? panelSize - collapsedSize : collapsedSize - panelSize,
layout: prevLayout,
panelConstraints: panelConstraintsArray,
pivotIndices,
trigger: "imperative-api"
});
if (!compareLayouts(prevLayout, nextLayout)) {
setLayout(nextLayout);
eagerValuesRef.value.layout = nextLayout;
emits("layout", convertLayoutToNativeUnits(nextLayout));
callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value, getGroupSizeInPixels());
}
}
}
}
function expandPanel(panelData) {
const { layout: prevLayout, panelDataArray } = eagerValuesRef.value;
if (panelData.constraints.collapsible) {
const panelConstraintsArray = getPanelConstraintsInPercent();
if (!panelConstraintsArray) return;
const { collapsedSize = 0, panelSize = 0, minSize = 0, pivotIndices } = panelDataHelper(panelDataArray, panelData, prevLayout, panelConstraintsArray);
if (fuzzyCompareNumbers(panelSize, collapsedSize) <= 0) {
const prevPanelSize = panelSizeBeforeCollapseRef.value.get(panelData.id);
const sizeUnit = panelData.constraints.sizeUnit ?? "%";
const groupSize = groupSizeInPixels.value ?? getGroupSizeInPixels();
const restoredSize = sizeUnit === "px" && groupSize ? prevPanelSize != null ? prevPanelSize / groupSize * 100 : null : prevPanelSize;
const baseSize = restoredSize != null && restoredSize >= minSize ? restoredSize : minSize;
const nextLayout = adjustLayoutByDelta({
delta: findPanelDataIndex(panelDataArray, panelData) === panelDataArray.length - 1 ? panelSize - baseSize : baseSize - panelSize,
layout: prevLayout,
panelConstraints: panelConstraintsArray,
pivotIndices,
trigger: "imperative-api"
});
if (!compareLayouts(prevLayout, nextLayout)) {
setLayout(nextLayout);
eagerValuesRef.value.layout = nextLayout;
emits("layout", convertLayoutToNativeUnits(nextLayout));
callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.value, getGroupSizeInPixels());
}
}
}
}
function getPanelSize(panelData) {
const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
const { panelSize } = panelDataHelper(panelDataArray, panelData, layout$1);
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
if ((panelData.constraints.sizeUnit ?? "%") === "px") {
const groupSize = getGroupSizeInPixels();
if (groupSize != null) return panelSize / 100 * groupSize;
}
return panelSize;
}
function isPanelCollapsed(panelData) {
const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
const panelConstraintsArray = getPanelConstraintsInPercent();
const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1, panelConstraintsArray ?? void 0);
if (!collapsible) return false;
if (panelSize === void 0) {
const panelIndex = findPanelDataIndex(panelDataArray, panelData);
const constraints = panelConstraintsArray?.[panelIndex] ?? panelData.constraints;
return constraints.defaultSize === constraints.collapsedSize;
} else return fuzzyCompareNumbers(panelSize, collapsedSize) <= 0;
}
function isPanelExpanded(panelData) {
const { layout: layout$1, panelDataArray } = eagerValuesRef.value;
const { collapsedSize = 0, collapsible, panelSize } = panelDataHelper(panelDataArray, panelData, layout$1, getPanelConstraintsInPercent() ?? void 0);
assert(panelSize != null, `Panel size not found for panel "${panelData.id}"`);
return !collapsible || fuzzyCompareNumbers(panelSize, collapsedSize) > 0;
}
providePanelGroupContext({
direction,
dragState: dragState.value,
groupId,
reevaluatePanelConstraints,
registerPanel,
registerResizeHandle,
resizePanel,
startDragging,
stopDragging,
unregisterPanel,
panelGroupElement: panelGroupElementRef,
collapsePanel,
expandPanel,
isPanelCollapsed,
isPanelExpanded,
getPanelSize,
getPanelStyle
});
function findPanelDataIndex(panelDataArray, panelData) {
return panelDataArray.findIndex((prevPanelData) => prevPanelData === panelData || prevPanelData.id === panelData.id);
}
function panelDataHelper(panelDataArray, panelData, layout$1, panelConstraints) {
const panelIndex = findPanelDataIndex(panelDataArray, panelData);
const pivotIndices = panelIndex === panelDataArray.length - 1 ? [panelIndex - 1, panelIndex] : [panelIndex, panelIndex + 1];
const panelConstraintsFromGroup = (panelConstraints ?? getPanelConstraintsInPercent())?.[panelIndex];
const panelSize = layout$1[panelIndex];
return {
...panelConstraintsFromGroup ?? panelData.constraints,
panelSize,
pivotIndices
};
}
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), {
ref: unref(forwardRef),
as: _ctx.as,
"as-child": _ctx.asChild,
style: normalizeStyle({
display: "flex",
flexDirection: unref(direction) === "horizontal" ? "row" : "column",
height: "100%",
overflow: "hidden",
width: "100%"
}),
"data-panel-group": "",
"data-orientation": unref(direction),
"data-panel-group-id": unref(groupId)
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default", { layout: layout.value })]),
_: 3
}, 8, [
"as",
"as-child",
"style",
"data-orientation",
"data-panel-group-id"
]);
};
}
});
var SplitterPanel_default = defineComponent({
__name: "SplitterPanel",
props: {
collapsedSize: {
type: Number,
required: false
},
collapsible: {
type: Boolean,
required: false
},
defaultSize: {
type: Number,
required: false
},
id: {
type: String,
required: false
},
maxSize: {
type: Number,
required: false
},
minSize: {
type: Number,
required: false
},
order: {
type: Number,
required: false
},
sizeUnit: {
type: String,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
emits: [
"collapse",
"expand",
"resize"
],
setup(__props, { expose: __expose, emit: __emit }) {
const props = __props;
const emits = __emit;
const panelGroupContext = injectPanelGroupContext();
if (panelGroupContext === null) throw new Error("SplitterPanel components must be rendered within a SplitterGroup container");
const { collapsePanel, expandPanel, getPanelSize, getPanelStyle, isPanelCollapsed, resizePanel, groupId, reevaluatePanelConstraints, registerPanel, unregisterPanel } = panelGroupContext;
const panelId = useId(props.id, "reka-splitter-panel");
const panelDataRef = computed(() => ({
callbacks: {
onCollapse: () => emits("collapse"),
onExpand: () => emits("expand"),
onResize: (...args) => emits("resize", ...args)
},
constraints: {
collapsedSize: props.collapsedSize && Number.parseFloat(props.collapsedSize.toFixed(10)),
collapsible: props.collapsible,
defaultSize: props.defaultSize,
maxSize: props.maxSize,
minSize: props.minSize,
sizeUnit: props.sizeUnit ?? "%"
},
id: panelId,
idIsFromProps: props.id !== void 0,
order: props.order
}));
watch(() => panelDataRef.value.constraints, (constraints, prevConstraints) => {
if (prevConstraints.collapsedSize !== constraints.collapsedSize || prevConstraints.collapsible !== constraints.collapsible || prevConstraints.maxSize !== constraints.maxSize || prevConstraints.minSize !== constraints.minSize || prevConstraints.sizeUnit !== constraints.sizeUnit) reevaluatePanelConstraints(panelDataRef.value, prevConstraints);
}, { deep: true });
onMounted(() => {
registerPanel(panelDataRef.value);
});
onUnmounted(() => {
unregisterPanel(panelDataRef.value);
});
const style = computed(() => getPanelStyle(panelDataRef.value, props.defaultSize));
const isCollapsed = computed(() => isPanelCollapsed(panelDataRef.value));
const isExpanded = computed(() => !isCollapsed.value);
function collapse() {
collapsePanel(panelDataRef.value);
}
function expand() {
expandPanel(panelDataRef.value);
}
function resize(size) {
resizePanel(panelDataRef.value, size);
}
__expose({
collapse,
expand,
getSize() {
return getPanelSize(panelDataRef.value);
},
resize,
isCollapsed,
isExpanded
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), {
id: unref(panelId),
style: normalizeStyle(style.value),
as: _ctx.as,
"as-child": _ctx.asChild,
"data-panel": "",
"data-panel-collapsible": _ctx.collapsible || void 0,
"data-panel-group-id": unref(groupId),
"data-panel-id": unref(panelId),
"data-panel-size": Number.parseFloat(`${style.value.flexGrow}`).toFixed(1),
"data-state": _ctx.collapsible ? isCollapsed.value ? "collapsed" : "expanded" : void 0
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
isCollapsed: isCollapsed.value,
isExpanded: isExpanded.value,
expand,
collapse,
resize
})]),
_: 3
}, 8, [
"id",
"style",
"as",
"as-child",
"data-panel-collapsible",
"data-panel-group-id",
"data-panel-id",
"data-panel-size",
"data-state"
]);
};
}
});
function useWindowSplitterResizeHandlerBehavior({ disabled, handleId, resizeHandler, panelGroupElement }) {
watchEffect((onCleanup) => {
const _panelGroupElement = panelGroupElement.value;
if (disabled.value || resizeHandler.value === null || _panelGroupElement === null) return;
const handleElement = getResizeHandleElement(handleId, _panelGroupElement);
if (handleElement == null) return;
const onKeyDown = (event) => {
if (event.defaultPrevented) return;
switch (event.key) {
case "ArrowDown":
case "ArrowLeft":
case "ArrowRight":
case "ArrowUp":
case "End":
case "Home":
event.preventDefault();
resizeHandler.value?.(event);
break;
case "F6": {
event.preventDefault();
const groupId = handleElement.getAttribute("data-panel-group-id");
assert(groupId);
const handles = getResizeHandleElementsForGroup(groupId, _panelGroupElement);
const index = getResizeHandleElementIndex(groupId, handleId, _panelGroupElement);
assert(index !== null);
handles[event.shiftKey ? index > 0 ? index - 1 : handles.length - 1 : index + 1 < handles.length ? index + 1 : 0].focus();
break;
}
}
};
handleElement.addEventListener("keydown", onKeyDown);
onCleanup(() => {
handleElement.removeEventListener("keydown", onKeyDown);
});
});
}
var SplitterResizeHandle_default = defineComponent({
__name: "SplitterResizeHandle",
props: {
id: {
type: String,
required: false
},
hitAreaMargins: {
type: Object,
required: false
},
tabindex: {
type: Number,
required: false,
default: 0
},
disabled: {
type: Boolean,
required: false
},
nonce: {
type: String,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false
}
},
emits: ["dragging"],
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const { forwardRef, currentElement } = useForwardExpose();
const { disabled } = toRefs(props);
const panelGroupContext = injectPanelGroupContext();
if (panelGroupContext === null) throw new Error("PanelResizeHandle components must be rendered within a PanelGroup container");
const { direction, groupId, registerResizeHandle: registerResizeHandleWithParentGroup, startDragging, stopDragging, panelGroupElement } = panelGroupContext;
const resizeHandleId = useId(props.id, "reka-splitter-resize-handle");
const state = ref("inactive");
const isFocused = ref(false);
const resizeHandler = ref(null);
const { nonce: propNonce } = toRefs(props);
const nonce = useNonce(propNonce);
watch(disabled, () => {
if (!isBrowser) return;
if (disabled.value) resizeHandler.value = null;
else resizeHandler.value = registerResizeHandleWithParentGroup(resizeHandleId);
}, { immediate: true });
watchEffect((onCleanup) => {
if (disabled.value || resizeHandler.value === null) return;
const element = currentElement.value;
if (!element) return;
assert(element);
const setResizeHandlerState = (action, isActive, event) => {
if (isActive) switch (action) {
case "down":
state.value = "drag";
startDragging(resizeHandleId, event);
emits("dragging", true);
break;
case "move":
if (state.value !== "drag") state.value = "hover";
resizeHandler.value?.(event);
break;
case "up":
state.value = "hover";
stopDragging();
emits("dragging", false);
break;
}
else state.value = "inactive";
};
onCleanup(registerResizeHandle(resizeHandleId, element, direction, {
coarse: props.hitAreaMargins?.coarse ?? 15,
fine: props.hitAreaMargins?.fine ?? 5
}, nonce, setResizeHandlerState));
});
useWindowSplitterResizeHandlerBehavior({
disabled,
resizeHandler,
handleId: resizeHandleId,
panelGroupElement
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Primitive), {
id: unref(resizeHandleId),
ref: unref(forwardRef),
style: {
touchAction: "none",
userSelect: "none"
},
as: _ctx.as,
"as-child": _ctx.asChild,
role: "separator",
"data-resize-handle": "",
tabindex: _ctx.tabindex,
"data-state": state.value,
"data-disabled": unref(disabled) ? "" : void 0,
"data-orientation": unref(direction),
"data-panel-group-id": unref(groupId),
"data-resize-handle-active": state.value === "drag" ? "pointer" : isFocused.value ? "keyboard" : void 0,
"data-resize-handle-state": state.value,
"data-panel-resize-handle-enabled": !unref(disabled),
"data-panel-resize-handle-id": unref(resizeHandleId),
onBlur: _cache[0] || (_cache[0] = ($event) => isFocused.value = false),
onFocus: _cache[1] || (_cache[1] = ($event) => isFocused.value = false)
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, [
"id",
"as",
"as-child",
"tabindex",
"data-state",
"data-disabled",
"data-orientation",
"data-panel-group-id",
"data-resize-handle-active",
"data-resize-handle-state",
"data-panel-resize-handle-enabled",
"data-panel-resize-handle-id"
]);
};
}
});
var EqtNumberField_default = defineComponent({
__name: "EqtNumberField",
props: {
modelValue: {},
min: {},
max: {},
step: { default: 1 },
disabled: {
type: Boolean,
default: false
},
label: {}
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const emit = __emit;
function updateModelValue(value) {
if (typeof value === "number" && Number.isFinite(value)) emit("update:modelValue", value);
}
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(NumberFieldRoot_default), {
class: "eqt-number-field",
"model-value": __props.modelValue,
min: __props.min,
max: __props.max,
step: __props.step,
disabled: __props.disabled,
"onUpdate:modelValue": updateModelValue
}, {
default: withCtx(() => [
createVNode(unref(NumberFieldDecrement_default), {
class: "eqt-number-field__step",
title: `${__props.label} −`
}, {
default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" - ", -1)])]),
_: 1
}, 8, ["title"]),
createVNode(unref(NumberFieldInput_default), {
class: "eqt-number-field__input",
title: __props.label,
"aria-label": __props.label
}, null, 8, ["title", "aria-label"]),
createVNode(unref(NumberFieldIncrement_default), {
class: "eqt-number-field__step",
title: `${__props.label} +`
}, {
default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" + ", -1)])]),
_: 1
}, 8, ["title"])
]),
_: 1
}, 8, [
"model-value",
"min",
"max",
"step",
"disabled"
]);
};
}
});
var KNOWN_NS = new Set(DEFAULT_NS_ORDER);
function useTagLabel() {
const { zhDisplay } = useDisplayConfig();
return { label: computed(() => {
tagDbVersion.value;
const zh = isZhLocale();
return (full) => {
const colon = full.indexOf(":");
const ns = colon > 0 ? full.slice(0, colon) : "";
const raw = colon > 0 ? full.slice(colon + 1) : full;
const entry = findEntryByNsTag(ns, raw);
return {
ns,
raw,
display: zh && entry ? zhDisplay(entry.name) : raw,
nsLabel: KNOWN_NS.has(ns) ? t(`ns.${ns}`) : ns,
iconUrl: entry?.iconUrl
};
};
}) };
}
var _hoisted_1$17 = { class: "eqt-taglist__body" };
var _hoisted_2$16 = { class: "eqt-taglist__top" };
var _hoisted_3$16 = {
key: 0,
class: "eqt-taglist__ns"
};
var _hoisted_4$16 = {
key: 1,
class: "eqt-taglist__label"
};
var _hoisted_5$15 = {
key: 2,
class: "eqt-taglist__label"
};
var _hoisted_6$15 = { class: "eqt-taglist__color-control" };
var _hoisted_7$14 = [
"value",
"aria-label",
"title"
];
var _hoisted_8$14 = { class: "eqt-taglist__controls" };
var _hoisted_9$14 = ["title"];
var _hoisted_10$14 = ["checked"];
var _hoisted_11$14 = ["title"];
var _hoisted_12$13 = ["checked"];
var _hoisted_13$10 = ["aria-label", "title"];
var _hoisted_14$10 = {
class: "eqt-taglist__impact-count",
"aria-hidden": "true"
};
var _hoisted_15$9 = {
class: "eqt-taglist__bar",
"aria-hidden": "true"
};
var _hoisted_16$9 = {
class: "eqt-taglist__impact-count",
"aria-hidden": "true"
};
var MyTagsTagBody_default = defineComponent({
__name: "MyTagsTagBody",
props: {
full: {},
state: {},
setColor: {},
impact: { default: void 0 },
selectable: {
type: Boolean,
default: false
},
showImpact: {
type: Boolean,
default: false
}
},
emits: ["patch", "select"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const { label } = useTagLabel();
const tagChipStyle = useMyTagsColors();
const chipStyle = computed(() => tagChipStyle(tagColors({
color: props.state.color,
setColor: props.setColor,
weight: props.state.weight,
hidden: props.state.hidden
})));
function onColor(value) {
const color = normalizeTagColor(value ?? "");
if (color !== null) emit("patch", { color });
}
function onHexInput(event) {
const color = normalizeTagColor(event.target.value);
if (color !== null) emit("patch", { color });
}
function onHexBlur(event) {
const input = event.target;
input.value = normalizeTagColor(input.value) ?? props.state.color;
}
function pct(part, total) {
return total ? `${(part / total * 100).toFixed(1)}%` : "0%";
}
function impactTitle() {
return props.impact ? t("taglist.impact", {
left: props.impact.left,
right: props.impact.right
}) : t("taglist.impactNone");
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$17, [
createBaseVNode("div", _hoisted_2$16, [renderSlot(_ctx.$slots, "tag", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(__props.selectable ? "button" : "span"), {
type: __props.selectable ? "button" : void 0,
class: normalizeClass(["eqt-taglist__chip", { "eqt-taglist__chip--static": !__props.selectable }]),
style: normalizeStyle(chipStyle.value),
title: __props.full,
onClick: _cache[0] || (_cache[0] = ($event) => __props.selectable && emit("select"))
}, {
default: withCtx(() => [__props.full ? (openBlock(), createElementBlock("span", _hoisted_3$16, toDisplayString(unref(label)(__props.full).nsLabel) + ":", 1)) : createCommentVNode("", true), __props.full ? (openBlock(), createElementBlock("span", _hoisted_4$16, toDisplayString(unref(label)(__props.full).display), 1)) : (openBlock(), createElementBlock("span", _hoisted_5$15, toDisplayString(unref(t)("manage.newTag")), 1))]),
_: 1
}, 8, [
"type",
"class",
"style",
"title"
]))]), createBaseVNode("span", _hoisted_6$15, [createVNode(LineColorSwatch_default, {
class: "eqt-taglist__color-swatch",
"model-value": __props.state.color || void 0,
alpha: false,
style: normalizeStyle({
"--eqt-tag-color-preview": chipStyle.value.background,
"--eqt-tag-color-border": chipStyle.value.borderColor
}),
title: unref(t)("panel.colorHint"),
"onUpdate:modelValue": onColor
}, null, 8, [
"model-value",
"style",
"title"
]), createBaseVNode("input", {
class: "eqt-taglist__input eqt-taglist__color",
type: "text",
value: __props.state.color,
placeholder: "#default",
maxlength: "7",
pattern: "#?[0-9A-Fa-f]{6}",
spellcheck: "false",
autocomplete: "off",
"aria-label": unref(t)("panel.colorHint"),
title: unref(t)("panel.colorHint"),
onInput: onHexInput,
onBlur: onHexBlur,
onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => $event.target.blur(), ["prevent"]), ["enter"]))
}, null, 40, _hoisted_7$14)])]),
createBaseVNode("div", _hoisted_8$14, [
createBaseVNode("label", {
class: "eqt-taglist__flag",
title: unref(t)("panel.toggleWatch")
}, [createBaseVNode("input", {
type: "checkbox",
checked: __props.state.watch,
onChange: _cache[2] || (_cache[2] = ($event) => emit("patch", { watch: $event.target.checked }))
}, null, 40, _hoisted_10$14), createTextVNode(" " + toDisplayString(unref(t)("panel.labelWatch")), 1)], 8, _hoisted_9$14),
createBaseVNode("label", {
class: "eqt-taglist__flag",
title: unref(t)("panel.toggleHidden")
}, [createBaseVNode("input", {
type: "checkbox",
checked: __props.state.hidden,
onChange: _cache[3] || (_cache[3] = ($event) => emit("patch", { hidden: $event.target.checked }))
}, null, 40, _hoisted_12$13), createTextVNode(" " + toDisplayString(unref(t)("panel.labelHidden")), 1)], 8, _hoisted_11$14),
_cache[5] || (_cache[5] = createBaseVNode("span", { class: "eqt-panel__spacer" }, null, -1)),
createVNode(EqtNumberField_default, {
"model-value": __props.state.weight,
min: -99,
max: 99,
disabled: __props.state.hidden,
label: unref(t)("panel.weightHint"),
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => emit("patch", { weight: $event }))
}, null, 8, [
"model-value",
"disabled",
"label"
])
]),
__props.showImpact ? (openBlock(), createElementBlock("span", {
key: 0,
class: "eqt-taglist__impact",
role: "img",
"aria-label": impactTitle(),
title: impactTitle()
}, [
createBaseVNode("span", _hoisted_14$10, toDisplayString(__props.impact?.left ?? 0), 1),
createBaseVNode("span", _hoisted_15$9, [createBaseVNode("i", {
class: "eqt-taglist__neg",
style: normalizeStyle({ width: pct(__props.impact?.left ?? 0, __props.impact?.total ?? 0) })
}, null, 4), createBaseVNode("i", {
class: "eqt-taglist__pos",
style: normalizeStyle({ width: pct(__props.impact?.right ?? 0, __props.impact?.total ?? 0) })
}, null, 4)]),
createBaseVNode("span", _hoisted_16$9, toDisplayString(__props.impact?.right ?? 0), 1)
], 8, _hoisted_13$10)) : createCommentVNode("", true)
]);
};
}
});
function stateOf(row) {
return {
weight: row.weight,
hidden: row.hidden,
watch: row.watch,
color: row.color
};
}
function effective(row, edits) {
const patch = edits[row.id];
return {
weight: patch?.weight ?? row.weight,
hidden: patch?.hidden ?? row.hidden,
watch: patch?.watch ?? row.watch,
color: patch?.color ?? row.color
};
}
function difference(saved, want) {
const patch = {};
if (want.weight !== saved.weight) patch.weight = want.weight;
if (want.hidden !== saved.hidden) patch.hidden = want.hidden;
if (want.watch !== saved.watch) patch.watch = want.watch;
if (want.color !== saved.color) patch.color = want.color;
return Object.keys(patch).length ? patch : null;
}
function stage(edits, row, change) {
const saved = stateOf(row);
const want = {
...saved,
...edits[row.id],
...change
};
if (change.hidden === true) want.watch = false;
if (change.watch === true) want.hidden = false;
const next = { ...edits };
const patch = difference(saved, want);
const destination = edits[row.id]?.destination;
if (destination) next[row.id] = {
...patch,
destination
};
else if (patch) next[row.id] = patch;
else delete next[row.id];
return next;
}
function stageMany(edits, rows, change) {
return rows.reduce((acc, row) => stage(acc, row, change), edits);
}
function unstage(edits, ids) {
const next = { ...edits };
for (const id of ids) delete next[id];
return next;
}
function acknowledgeWrite(edits, id, written, wanted) {
const next = { ...edits };
const patch = difference(written, wanted);
if (patch) next[id] = patch;
else delete next[id];
return next;
}
function markMovingEdits(edits, rows, tagSet) {
const next = { ...edits };
for (const row of rows) if (next[row.id]) next[row.id] = {
...next[row.id],
destination: {
full: row.full,
tagSet
}
};
return next;
}
function reconcileMovedEdits(edits, rows) {
let next = edits;
for (const [key, patch] of Object.entries(edits)) {
const destination = patch.destination;
if (!destination) continue;
const id = Number(key);
const target = rows.find((row) => row.id === id && row.tagSet !== destination.tagSet) ?? rows.find((row) => row.full === destination.full && row.tagSet === destination.tagSet);
if (target) next = stage(unstage(next, [id]), target, patch);
}
return next;
}
function emptyBulkDraft() {
return {
ids: [],
patch: {},
action: null
};
}
function differs(saved, want) {
return want.weight !== saved.weight || want.hidden !== saved.hidden || want.watch !== saved.watch || want.color !== saved.color;
}
function planTagChanges(rows, edits, bulk) {
const selected = new Set(bulk.ids);
const picked = rows.filter((row) => selected.has(row.id));
const dropping = bulk.action?.kind === "delete";
const target = bulk.action?.kind === "move" ? bulk.action.tagSet : null;
const deletedIds = new Set(dropping ? picked.map((row) => row.id) : []);
const staged = Object.keys(bulk.patch).length && picked.length ? stageMany(edits, picked, bulk.patch) : edits;
const merged = deletedIds.size ? unstage(staged, [...deletedIds]) : staged;
const changes = [];
for (const row of rows) {
const remove = deletedIds.has(row.id);
const state = effective(row, merged);
const moveTo = !remove && target !== null && target !== row.tagSet && selected.has(row.id) ? target : null;
const write = !remove && differs(stateOf(row), state);
if (write || moveTo || remove) changes.push({
row,
state,
write,
moveTo,
remove
});
}
return {
edits: merged,
changes,
deletedIds
};
}
var _hoisted_1$16 = { class: "eqt-taglist" };
var _hoisted_2$15 = { class: "eqt-taglist__head" };
var _hoisted_3$15 = { class: "eqt-taglist__head-main" };
var _hoisted_4$15 = ["title"];
var _hoisted_5$14 = [
"checked",
"disabled",
"aria-label"
];
var _hoisted_6$14 = ["value"];
var _hoisted_7$13 = { value: "all" };
var _hoisted_8$13 = ["value"];
var _hoisted_9$13 = { class: "eqt-taglist__head-filters" };
var _hoisted_10$13 = ["aria-pressed"];
var _hoisted_11$13 = ["aria-pressed"];
var _hoisted_12$12 = ["value", "aria-label"];
var _hoisted_13$9 = { value: "negative" };
var _hoisted_14$9 = { value: "positive" };
var _hoisted_15$8 = { value: "color" };
var _hoisted_16$8 = ["value"];
var _hoisted_17$8 = { value: "all" };
var _hoisted_18$8 = { value: "weighted" };
var _hoisted_19$8 = { value: "pending" };
var _hoisted_20$8 = {
key: 0,
class: "eqt-panel__hint"
};
var _hoisted_21$7 = { class: "eqt-taglist__check" };
var _hoisted_22$7 = [
"checked",
"disabled",
"onChange"
];
var _hoisted_23$6 = {
key: 0,
class: "eqt-taglist__bulk"
};
var _hoisted_24$5 = { class: "eqt-taglist__bulk-head" };
var _hoisted_25$5 = ["disabled"];
var _hoisted_26$5 = { class: "eqt-taglist__bulk-actions" };
var _hoisted_27$5 = ["aria-pressed", "disabled"];
var _hoisted_28$5 = ["aria-pressed", "disabled"];
var _hoisted_29$4 = { class: "eqt-taglist__bulk-move" };
var _hoisted_30$3 = [
"value",
"disabled",
"aria-label"
];
var _hoisted_31$3 = { value: "" };
var _hoisted_32$3 = ["value"];
var _hoisted_33$3 = ["aria-pressed", "disabled"];
var ROW_H = 84;
var OVERSCAN = 4;
var MyTagsTagList_default = defineComponent({
__name: "MyTagsTagList",
props: {
rows: {},
totalCount: {},
edits: {},
selected: {},
sets: {},
currentSet: {},
impact: {},
setColors: {},
filter: {},
bulkDraft: {},
busy: { type: Boolean }
},
emits: [
"patch",
"select",
"update:filter",
"update:bulkDraft"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const scroller = ref(null);
const scrollTop = ref(0);
const viewport = ref(600);
function view(row) {
return effective(row, props.edits);
}
function dirty(row) {
return props.edits[row.id] !== void 0;
}
const order = ref(new Map());
function compareRows(a, b) {
const av = view(a);
const bv = view(b);
if (props.filter.sort === "positive") return bv.weight - av.weight || a.full.localeCompare(b.full);
if (props.filter.sort === "color") {
const ac = (av.color || props.setColors[a.tagSet] || "").toLowerCase();
const bc = (bv.color || props.setColors[b.tagSet] || "").toLowerCase();
if (!ac && bc) return 1;
if (ac && !bc) return -1;
return ac.localeCompare(bc) || a.full.localeCompare(b.full);
}
return av.weight - bv.weight || a.full.localeCompare(b.full);
}
function reorder() {
order.value = new Map([...props.rows].sort(compareRows).map((r, i) => [r.id, i]));
}
watch(() => [
props.filter.set,
props.filter.watch,
props.filter.hidden,
props.filter.sort,
props.filter.status,
props.rows.length
], reorder, { immediate: true });
const visible = computed(() => {
const at = order.value;
return props.rows.filter((row) => {
const v = view(row);
const flagFilterOn = props.filter.watch || props.filter.hidden;
const matchesFlag = props.filter.watch && v.watch || props.filter.hidden && v.hidden;
if (flagFilterOn && !matchesFlag) return false;
if (props.filter.status === "weighted" && v.weight === 10) return false;
if (props.filter.status === "pending" && !dirty(row)) return false;
return true;
}).sort((a, b) => (at.get(a.id) ?? Infinity) - (at.get(b.id) ?? Infinity));
});
const pickedIds = computed(() => new Set(props.bulkDraft.ids));
const allPicked = computed(() => visible.value.length > 0 && visible.value.every((r) => pickedIds.value.has(r.id)));
function stageDraft(change) {
emit("update:bulkDraft", {
...props.bulkDraft,
...change
});
}
function stageIds(next) {
if (next.size) stageDraft({ ids: [...next] });
else emit("update:bulkDraft", emptyBulkDraft());
}
function togglePick(row, on) {
const next = new Set(props.bulkDraft.ids);
if (on) next.add(row.id);
else next.delete(row.id);
stageIds(next);
}
function clearPicks() {
emit("update:bulkDraft", emptyBulkDraft());
}
function toggleAll(on) {
const next = new Set(props.bulkDraft.ids);
for (const row of visible.value) if (on) next.add(row.id);
else next.delete(row.id);
stageIds(next);
}
const bulkFlag = computed(() => {
if (props.bulkDraft.patch.watch) return "watch";
if (props.bulkDraft.patch.hidden) return "hidden";
return null;
});
function toggleFlag(flag) {
const patch = bulkFlag.value === flag ? {} : flag === "watch" ? {
watch: true,
hidden: false
} : {
hidden: true,
watch: false
};
stageDraft({
patch,
...Object.keys(patch).length && deleting.value ? { action: null } : {}
});
}
const deleting = computed(() => props.bulkDraft.action?.kind === "delete");
const moveTarget = computed(() => props.bulkDraft.action?.kind === "move" ? props.bulkDraft.action.tagSet : "");
function toggleDelete() {
stageDraft(deleting.value ? { action: null } : {
action: { kind: "delete" },
patch: {}
});
}
function pickMove(tagSet) {
stageDraft({ action: tagSet ? {
kind: "move",
tagSet
} : null });
}
const window_ = computed(() => {
const total = visible.value.length;
const start = Math.max(0, Math.floor(scrollTop.value / ROW_H) - OVERSCAN);
const count = Math.ceil(viewport.value / ROW_H) + OVERSCAN * 2;
return {
start,
rows: visible.value.slice(start, start + count),
total
};
});
function onScroll(e) {
scrollTop.value = e.target.scrollTop;
}
let ro = null;
onMounted(() => {
if (!scroller.value) return;
viewport.value = scroller.value.clientHeight;
ro = new ResizeObserver(([entry]) => {
viewport.value = entry.contentRect.height;
});
ro.observe(scroller.value);
});
onBeforeUnmount(() => ro?.disconnect());
watch(() => [
props.filter.set,
props.filter.watch,
props.filter.hidden,
props.filter.sort,
props.filter.status
], () => {
scrollTop.value = 0;
if (scroller.value) scroller.value.scrollTop = 0;
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$16, [
createBaseVNode("div", _hoisted_2$15, [createBaseVNode("div", _hoisted_3$15, [createBaseVNode("label", {
class: "eqt-taglist__check-all",
title: unref(t)("taglist.headLeft", { n: visible.value.length })
}, [createBaseVNode("input", {
type: "checkbox",
checked: allPicked.value,
disabled: __props.busy,
"aria-label": unref(t)("taglist.headLeft", { n: visible.value.length }),
onChange: _cache[0] || (_cache[0] = ($event) => toggleAll($event.target.checked))
}, null, 40, _hoisted_5$14)], 8, _hoisted_4$15), createBaseVNode("select", {
class: "eqt-panel__setpick",
value: __props.filter.set,
onChange: _cache[1] || (_cache[1] = ($event) => emit("update:filter", {
...__props.filter,
set: $event.target.value
}))
}, [createBaseVNode("option", _hoisted_7$13, toDisplayString(unref(t)("taglist.allSets")) + "（" + toDisplayString(__props.totalCount) + "）", 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sets, (s) => {
return openBlock(), createElementBlock("option", {
key: s.value,
value: s.value
}, toDisplayString(s.name) + toDisplayString(s.used !== null ? `（${s.used}/${unref(100)}）` : ""), 9, _hoisted_8$13);
}), 128))], 40, _hoisted_6$14)]), createBaseVNode("div", _hoisted_9$13, [
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-taglist__flag-filter", { "eqt-taglist__flag-filter--on": __props.filter.watch }]),
"aria-pressed": __props.filter.watch,
onClick: _cache[2] || (_cache[2] = ($event) => emit("update:filter", {
...__props.filter,
watch: !__props.filter.watch
}))
}, toDisplayString(unref(t)("taglist.filterWatch")), 11, _hoisted_10$13),
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-taglist__flag-filter", { "eqt-taglist__flag-filter--on": __props.filter.hidden }]),
"aria-pressed": __props.filter.hidden,
onClick: _cache[3] || (_cache[3] = ($event) => emit("update:filter", {
...__props.filter,
hidden: !__props.filter.hidden
}))
}, toDisplayString(unref(t)("taglist.filterHidden")), 11, _hoisted_11$13),
createBaseVNode("select", {
class: "eqt-taglist__sortpick",
value: __props.filter.sort,
"aria-label": unref(t)("taglist.sortLabel"),
onChange: _cache[4] || (_cache[4] = ($event) => emit("update:filter", {
...__props.filter,
sort: $event.target.value
}))
}, [
createBaseVNode("option", _hoisted_13$9, toDisplayString(unref(t)("taglist.sortNegative")), 1),
createBaseVNode("option", _hoisted_14$9, toDisplayString(unref(t)("taglist.sortPositive")), 1),
createBaseVNode("option", _hoisted_15$8, toDisplayString(unref(t)("taglist.sortColor")), 1)
], 40, _hoisted_12$12),
createBaseVNode("select", {
class: "eqt-taglist__statuspick",
value: __props.filter.status,
onChange: _cache[5] || (_cache[5] = ($event) => emit("update:filter", {
...__props.filter,
status: $event.target.value
}))
}, [
createBaseVNode("option", _hoisted_17$8, toDisplayString(unref(t)("taglist.statusAll")), 1),
createBaseVNode("option", _hoisted_18$8, toDisplayString(unref(t)("taglist.statusWeighted")), 1),
createBaseVNode("option", _hoisted_19$8, toDisplayString(unref(t)("taglist.statusPending")), 1)
], 40, _hoisted_16$8)
])]),
createBaseVNode("div", {
ref_key: "scroller",
ref: scroller,
class: "eqt-taglist__rows",
onScrollPassive: onScroll
}, [!visible.value.length ? (openBlock(), createElementBlock("p", _hoisted_20$8, toDisplayString(unref(t)("taglist.empty")), 1)) : (openBlock(), createElementBlock("div", {
key: 1,
class: "eqt-taglist__spacer",
style: normalizeStyle({ height: `${window_.value.total * ROW_H}px` })
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(window_.value.rows, (row, i) => {
return openBlock(), createElementBlock("article", {
key: row.id,
class: normalizeClass(["eqt-taglist__row", {
"eqt-taglist__row--on": __props.selected === row.full,
"eqt-taglist__row--dirty": dirty(row)
}]),
style: normalizeStyle({
top: `${(window_.value.start + i) * ROW_H}px`,
height: `${ROW_H}px`
})
}, [createBaseVNode("label", _hoisted_21$7, [createBaseVNode("input", {
type: "checkbox",
checked: pickedIds.value.has(row.id),
disabled: __props.busy,
onChange: ($event) => togglePick(row, $event.target.checked)
}, null, 40, _hoisted_22$7)]), createVNode(MyTagsTagBody_default, {
full: row.full,
state: view(row),
"set-color": __props.setColors[row.tagSet] ?? "",
impact: __props.impact.get(row.full),
selectable: "",
"show-impact": "",
onSelect: ($event) => emit("select", row.full),
onPatch: ($event) => emit("patch", row, $event)
}, null, 8, [
"full",
"state",
"set-color",
"impact",
"onSelect",
"onPatch"
])], 6);
}), 128))], 4))], 544),
__props.bulkDraft.ids.length ? (openBlock(), createElementBlock("div", _hoisted_23$6, [
createBaseVNode("div", _hoisted_24$5, [createBaseVNode("strong", null, toDisplayString(unref(t)("taglist.picked", { n: __props.bulkDraft.ids.length })), 1), createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn",
disabled: __props.busy,
onClick: clearPicks
}, toDisplayString(unref(t)("taglist.clearPicks")), 9, _hoisted_25$5)]),
createBaseVNode("div", _hoisted_26$5, [createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn",
"aria-pressed": bulkFlag.value === "watch",
disabled: __props.busy,
onClick: _cache[6] || (_cache[6] = ($event) => toggleFlag("watch"))
}, toDisplayString(unref(t)("taglist.bulkWatch")), 9, _hoisted_27$5), createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn",
"aria-pressed": bulkFlag.value === "hidden",
disabled: __props.busy,
onClick: _cache[7] || (_cache[7] = ($event) => toggleFlag("hidden"))
}, toDisplayString(unref(t)("taglist.bulkHide")), 9, _hoisted_28$5)]),
createBaseVNode("div", _hoisted_29$4, [createBaseVNode("select", {
class: "eqt-panel__setpick",
value: moveTarget.value,
disabled: __props.busy,
"aria-label": unref(t)("taglist.moveTo"),
onChange: _cache[8] || (_cache[8] = ($event) => pickMove($event.target.value))
}, [createBaseVNode("option", _hoisted_31$3, toDisplayString(unref(t)("taglist.moveTo")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sets.filter((x) => x.value !== __props.currentSet), (s) => {
return openBlock(), createElementBlock("option", {
key: s.value,
value: s.value
}, toDisplayString(s.name), 9, _hoisted_32$3);
}), 128))], 40, _hoisted_30$3)]),
createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn eqt-taglist__bulk-delete",
"aria-pressed": deleting.value,
disabled: __props.busy,
onClick: toggleDelete
}, toDisplayString(unref(t)("panel.labelDelete")), 9, _hoisted_33$3)
])) : createCommentVNode("", true)
]);
};
}
});
var _hoisted_1$15 = { class: "eqt-tag-catalog eqt-taglist" };
var _hoisted_2$14 = ["aria-label", "placeholder"];
var _hoisted_3$14 = { class: "eqt-tag-catalog__create-row" };
var _hoisted_4$14 = ["value", "aria-label"];
var _hoisted_5$13 = ["value", "disabled"];
var _hoisted_6$13 = ["disabled"];
var _hoisted_7$12 = ["disabled"];
var _hoisted_8$12 = {
key: 0,
class: "eqt-tag-catalog__error"
};
var _hoisted_9$12 = {
key: 1,
class: "eqt-tag-catalog__error"
};
var _hoisted_10$12 = { class: "eqt-tag-catalog__browser" };
var _hoisted_11$12 = { class: "eqt-tag-catalog__candidates" };
var _hoisted_12$11 = { class: "eqt-tag-catalog__search" };
var _hoisted_13$8 = ["placeholder", "disabled"];
var _hoisted_14$8 = {
key: 1,
class: "eqt-tag-catalog__empty"
};
var MyTagsCatalog_default = defineComponent({
__name: "MyTagsCatalog",
props: {
full: {},
state: {},
targetSet: {},
sourceSet: {},
sets: {},
impact: {},
setColors: {},
styleOf: { type: Function },
busy: { type: Boolean },
previewed: { type: Boolean },
picked: {}
},
emits: [
"update:targetSet",
"update:full",
"patch",
"pick",
"create",
"move",
"remove",
"preview",
"confirm"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const query = ref("");
const name = ref(props.full);
watch(() => props.full, (full) => {
if (name.value.trim() !== full) name.value = full;
});
const selectedIdx = ref(0);
const fallbackEntries = shallowRef([]);
const selectedNs = ref(null);
const popupNsList = computed(() => selectedNs.value ? [selectedNs.value] : void 0);
const { dbReady, suggestions } = useTagSuggestions({
query: () => query.value,
namespaces: () => selectedNs.value ? [selectedNs.value] : void 0,
emptyFallback: () => fallbackEntries.value
});
const pickedMode = ref(false);
watch(() => props.picked.length, (count, before) => {
if (count && !before) pickedMode.value = true;
}, { immediate: true });
const pickedEntries = computed(() => {
if (!dbReady.value) return [];
const q = query.value.trim().toLowerCase();
return props.picked.map(entryForTag).filter((entry) => !q || entry.fullTag.toLowerCase().includes(q) || entry.nameLow.includes(q));
});
const candidates = computed(() => pickedMode.value ? pickedEntries.value : suggestions.value);
watch(candidates, () => {
selectedIdx.value = 0;
});
watch(dbReady, (ready) => {
if (!ready) return;
if (!fallbackEntries.value.length) fallbackEntries.value = getFallbackEntries();
}, { immediate: true });
watch(selectedNs, () => {
if (!dbReady.value) return;
fallbackEntries.value = getFallbackEntries({ namespaces: selectedNs.value ? [selectedNs.value] : void 0 });
});
function pick(entry) {
emit("pick", entry);
}
function onSearchKeydown(event) {
if (event.key === "ArrowDown") {
event.preventDefault();
if (selectedIdx.value < candidates.value.length - 1) selectedIdx.value++;
} else if (event.key === "ArrowUp") {
event.preventDefault();
if (selectedIdx.value > 0) selectedIdx.value--;
} else if (event.key === "Enter") {
const entry = candidates.value[selectedIdx.value];
if (!entry) return;
event.preventDefault();
pick(entry);
}
}
const selectedSet = computed(() => props.sets.find((set) => set.value === props.targetSet));
const existing = computed(() => props.sourceSet !== null);
const setFull = computed(() => (selectedSet.value?.used ?? 0) >= 100);
const normalizedColor = computed(() => normalizeTagColor(props.state.color));
const colorInvalid = computed(() => normalizedColor.value === null);
const canCreate = computed(() => !existing.value && !!props.full && !setFull.value && !colorInvalid.value && !props.busy);
const canMove = computed(() => existing.value && props.targetSet !== props.sourceSet && !setFull.value && !props.busy);
function commit() {
if (existing.value) {
if (canMove.value) emit("move", props.targetSet);
return;
}
if (!canCreate.value || normalizedColor.value === null) return;
emit("create", {
full: props.full,
tagSet: props.targetSet,
...props.state,
color: normalizedColor.value
});
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("section", _hoisted_1$15, [createBaseVNode("div", { class: normalizeClass(["eqt-tag-catalog__draft", { "eqt-tag-catalog__draft--previewed": __props.previewed }]) }, [
createVNode(MyTagsTagBody_default, {
full: __props.full,
state: __props.state,
"set-color": __props.setColors[__props.sourceSet ?? __props.targetSet] ?? "",
impact: __props.impact,
"show-impact": "",
onPatch: _cache[4] || (_cache[4] = ($event) => emit("patch", $event))
}, {
tag: withCtx(() => [withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
class: "eqt-taglist__input eqt-tag-catalog__name",
type: "text",
"aria-label": unref(t)("manage.newTag"),
placeholder: unref(t)("manage.newTag"),
autocomplete: "off",
spellcheck: "false",
onInput: _cache[1] || (_cache[1] = ($event) => emit("update:full", name.value.trim())),
onFocus: _cache[2] || (_cache[2] = ($event) => emit("preview")),
onKeydown: _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => !$event.isComposing && __props.full && emit("confirm"), ["prevent"]), ["enter"]))
}, null, 40, _hoisted_2$14), [[vModelText, name.value]])]),
_: 1
}, 8, [
"full",
"state",
"set-color",
"impact"
]),
createBaseVNode("div", _hoisted_3$14, [
createBaseVNode("select", {
class: "eqt-panel__setpick",
value: __props.targetSet,
"aria-label": unref(t)(existing.value ? "manage.moveTarget" : "manage.targetSet"),
onChange: _cache[5] || (_cache[5] = ($event) => emit("update:targetSet", $event.target.value))
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sets, (set) => {
return openBlock(), createElementBlock("option", {
key: set.value,
value: set.value,
disabled: (set.used ?? 0) >= unref(100) && set.value !== __props.sourceSet
}, toDisplayString(set.name) + " · " + toDisplayString(set.used ?? "?") + "/" + toDisplayString(unref(100)), 9, _hoisted_5$13);
}), 128))], 40, _hoisted_4$14),
createBaseVNode("button", {
type: "button",
class: "eqt-tag-catalog__create eqt-panel__btn eqt-panel__btn--primary",
disabled: existing.value ? !canMove.value : !canCreate.value,
onClick: commit
}, toDisplayString(__props.busy ? unref(t)("panel.working") : unref(t)(existing.value ? "manage.moveTag" : "taglist.addTag")), 9, _hoisted_6$13),
existing.value ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
class: "eqt-tag-catalog__delete eqt-panel__btn eqt-panel__btn--primary",
disabled: __props.busy,
onClick: _cache[6] || (_cache[6] = ($event) => emit("remove"))
}, toDisplayString(unref(t)("panel.labelDelete")), 9, _hoisted_7$12)) : createCommentVNode("", true)
]),
__props.full && setFull.value && __props.targetSet !== __props.sourceSet ? (openBlock(), createElementBlock("p", _hoisted_8$12, toDisplayString(unref(t)("manage.setFull")), 1)) : __props.full && !existing.value && colorInvalid.value ? (openBlock(), createElementBlock("p", _hoisted_9$12, toDisplayString(unref(t)("manage.colorInvalid")), 1)) : createCommentVNode("", true)
], 2), createBaseVNode("div", _hoisted_10$12, [createVNode(NamespaceFilter_default, {
modelValue: selectedNs.value,
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => selectedNs.value = $event),
picked: pickedMode.value,
"onUpdate:picked": _cache[8] || (_cache[8] = ($event) => pickedMode.value = $event),
"picked-count": __props.picked.length
}, null, 8, [
"modelValue",
"picked",
"picked-count"
]), createBaseVNode("div", _hoisted_11$12, [createBaseVNode("div", _hoisted_12$11, [withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => query.value = $event),
class: "eqt-tag-catalog__search-input",
type: "text",
placeholder: unref(dbReady) ? unref(t)("manage.searchPlaceholder") : unref(t)("tagConfig.loadingPlaceholder"),
disabled: !unref(dbReady),
autocomplete: "off",
spellcheck: "false",
onKeydown: onSearchKeydown
}, null, 40, _hoisted_13$8), [[vModelText, query.value]])]), candidates.value.length ? (openBlock(), createBlock(SuggestionList_default, {
key: 0,
class: "eqt-tag-catalog__results",
suggestions: candidates.value,
"selected-idx": selectedIdx.value,
"ns-list": pickedMode.value ? void 0 : popupNsList.value,
"style-of": __props.styleOf,
"onUpdate:selectedIdx": _cache[10] || (_cache[10] = ($event) => selectedIdx.value = $event),
onPick: pick
}, null, 8, [
"suggestions",
"selected-idx",
"ns-list",
"style-of"
])) : unref(dbReady) ? (openBlock(), createElementBlock("p", _hoisted_14$8, toDisplayString(unref(t)("tagConfig.noResult")), 1)) : createCommentVNode("", true)])])]);
};
}
});
function enabledTagRows(sets) {
const rows = new Map();
for (const set of sets) {
if (!set.enabled) continue;
for (const row of set.rows) rows.set(row.full, row);
}
return [...rows.values()];
}
function outcomeOf(tags, factsOf, threshold) {
const known = tags.map((tag) => ({
tag,
facts: factsOf(tag)
})).filter((x) => x.facts !== null);
const hiddenBy = known.filter((x) => x.facts.hidden).map((x) => x.tag);
const counted = known.filter((x) => !x.facts.hidden && x.facts.weight !== 0);
const parts = counted.map((x) => ({
tag: x.tag,
weight: x.facts.weight
})).sort((a, b) => (a.weight ?? 0) - (b.weight ?? 0));
const score = counted.reduce((sum, x) => sum + x.facts.weight, 0);
return {
side: hiddenBy.length === 0 && score >= threshold ? "right" : "left",
score,
distance: score - threshold,
hiddenBy,
parts,
ignored: known.length - counted.length - hiddenBy.length
};
}
function compareItems(a, b) {
const ah = a.outcome.hiddenBy.length;
const bh = b.outcome.hiddenBy.length;
if (ah !== bh) return ah - bh;
return Math.abs(a.outcome.distance) - Math.abs(b.outcome.distance) || a.gallery.gid - b.gallery.gid;
}
function mismatchOf(side, verdict) {
if (!verdict) return null;
if (verdict === "keep" && side === "left") return "over";
if (verdict === "block" && side === "right") return "leak";
return "correct";
}
var _hoisted_1$14 = { class: "eqt-preview__cats" };
var _hoisted_2$13 = [
"data-disabled",
"aria-pressed",
"onClick"
];
var _hoisted_3$13 = { class: "eqt-preview__toolbar" };
var _hoisted_4$13 = { class: "eqt-preview__titlerow" };
var _hoisted_5$12 = { class: "eqt-preview__title" };
var _hoisted_6$12 = ["title"];
var _hoisted_7$11 = { class: "eqt-taglist__ns" };
var _hoisted_8$11 = { class: "eqt-taglist__label" };
var _hoisted_9$11 = { class: "eqt-preview__controls" };
var _hoisted_10$11 = { class: "eqt-panel__field" };
var _hoisted_11$11 = ["checked"];
var _hoisted_12$10 = { class: "eqt-panel__field" };
var _hoisted_13$7 = ["checked"];
var _hoisted_14$7 = ["disabled"];
var _hoisted_15$7 = {
key: 0,
class: "eqt-panel__hint"
};
var _hoisted_16$7 = {
key: 1,
class: "eqt-preview__cols"
};
var _hoisted_17$7 = { class: "eqt-preview__colhead" };
var _hoisted_18$7 = { class: "eqt-preview__icon" };
var _hoisted_19$7 = { class: "eqt-preview__colbody" };
var _hoisted_20$7 = {
key: 0,
class: "eqt-panel__hint"
};
var _hoisted_21$6 = {
key: 1,
class: "eqt-preview__grid"
};
var _hoisted_22$6 = ["title", "onClick"];
var _hoisted_23$5 = ["src", "alt"];
var _hoisted_24$4 = {
key: 1,
class: "eqt-preview__nocover"
};
var _hoisted_25$4 = {
key: 2,
class: "eqt-preview__flag"
};
var _hoisted_26$4 = {
key: 3,
class: "eqt-preview__flag"
};
var _hoisted_27$4 = { class: "eqt-preview__meta" };
var _hoisted_28$4 = { class: "eqt-preview__pick" };
var _hoisted_29$3 = ["onClick"];
var _hoisted_30$2 = ["onClick"];
var _hoisted_31$2 = ["onClick"];
var _hoisted_32$2 = { class: "eqt-preview__cover-size" };
var _hoisted_33$2 = { class: "eqt-panel__field" };
var _hoisted_34$2 = ["aria-label"];
var _hoisted_35$2 = { class: "eqt-panel__cover-value" };
var _hoisted_36$2 = ["disabled"];
var FLOW_STEP = 12;
var MyTagsPreview_default = defineComponent({
__name: "MyTagsPreview",
props: {
left: {},
right: {},
verdicts: {},
selected: {},
selectedStyle: {},
refreshBusy: { type: Boolean },
expungedOnly: { type: Boolean },
expungedBusy: { type: Boolean },
markedOnly: { type: Boolean },
threshold: {},
openedGid: {}
},
emits: [
"open",
"clearTag",
"refresh",
"setVerdict",
"update:markedOnly",
"update:expungedOnly",
"refreshExpunged"
],
setup(__props, { emit: __emit }) {
const CAT_NAME_OF = {
doujinshi: "Doujinshi",
manga: "Manga",
artistCg: "Artist CG",
gameCg: "Game CG",
western: "Western",
nonH: "Non-H",
imageSet: "Image Set",
cosplay: "Cosplay",
asianPorn: "Asian Porn",
misc: "Misc"
};
const props = __props;
const emit = __emit;
const limit = ref({
left: FLOW_STEP,
right: FLOW_STEP
});
const excludedCategories = ref(new Set());
const allCatsIncluded = computed(() => excludedCategories.value.size === 0);
function toggleCategory(name) {
const next = new Set(excludedCategories.value);
if (next.has(name)) next.delete(name);
else next.add(name);
excludedCategories.value = next;
}
function filterByCategory(list) {
if (allCatsIncluded.value) return list;
return list.filter((item) => !excludedCategories.value.has(item.gallery.category));
}
watch(() => [
props.selected,
props.markedOnly,
props.expungedOnly,
excludedCategories.value
], () => {
limit.value = {
left: FLOW_STEP,
right: FLOW_STEP
};
});
const labels = computed(() => ({
icon: ["−", "+"],
left: t("preview.filterLeft"),
right: t("preview.filterRight")
}));
const total = computed(() => items("left").length + items("right").length);
const { label } = useTagLabel();
const selectedLabel = computed(() => props.selected ? label.value(props.selected) : null);
function items(side) {
return filterByCategory(side === "left" ? props.left : props.right);
}
function shown(side) {
return items(side).slice(0, limit.value[side]);
}
function more(side) {
limit.value = {
...limit.value,
[side]: limit.value[side] + FLOW_STEP
};
}
const observers = [];
function watchMore(el, side) {
if (!(el instanceof Element)) return;
const io = new IntersectionObserver((entries) => {
if (entries.some((e) => e.isIntersecting)) more(side);
}, { root: el.closest(".eqt-preview__colbody") });
io.observe(el);
observers.push(io);
}
onBeforeUnmount(() => observers.forEach((io) => io.disconnect()));
function outcomeClass(item) {
return mismatchOf(item.outcome.side, props.verdicts[String(item.gallery.gid)]) ?? "none";
}
function metric(item) {
const s = item.outcome.score;
return t("preview.sum", { n: s > 0 ? `+${s}` : s });
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("section", {
class: "eqt-preview",
style: normalizeStyle({ "--eqt-preview-cover-scale": unref(myTagsPreviewCoverScale) / 100 })
}, [
createBaseVNode("div", _hoisted_1$14, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(EH_CATEGORIES), (c) => {
return openBlock(), createElementBlock("button", {
key: c.bit,
class: normalizeClass(["eqt-url-builder__cat cs", c.nativeClass]),
"data-disabled": excludedCategories.value.has(CAT_NAME_OF[c.key]) ? "1" : void 0,
type: "button",
"aria-pressed": !excludedCategories.value.has(CAT_NAME_OF[c.key]),
onClick: ($event) => toggleCategory(CAT_NAME_OF[c.key])
}, toDisplayString(unref(t)(`category.${c.key}`)), 11, _hoisted_2$13);
}), 128))]),
createBaseVNode("header", _hoisted_3$13, [createBaseVNode("div", _hoisted_4$13, [createBaseVNode("h3", _hoisted_5$12, toDisplayString(unref(t)("preview.title")), 1), __props.selected && selectedLabel.value ? (openBlock(), createElementBlock("button", {
key: 0,
type: "button",
class: "eqt-taglist__chip",
style: normalizeStyle(__props.selectedStyle),
title: __props.selected,
onClick: _cache[0] || (_cache[0] = ($event) => emit("clearTag"))
}, [
createBaseVNode("span", _hoisted_7$11, toDisplayString(selectedLabel.value.nsLabel) + ":", 1),
createBaseVNode("span", _hoisted_8$11, toDisplayString(selectedLabel.value.display), 1),
_cache[6] || (_cache[6] = createBaseVNode("span", { "aria-hidden": "true" }, "✕", -1))
], 12, _hoisted_6$12)) : createCommentVNode("", true)]), createBaseVNode("div", _hoisted_9$11, [
createBaseVNode("label", _hoisted_10$11, [createBaseVNode("input", {
type: "checkbox",
checked: __props.expungedOnly,
onChange: _cache[1] || (_cache[1] = ($event) => emit("update:expungedOnly", $event.target.checked))
}, null, 40, _hoisted_11$11), createTextVNode(" " + toDisplayString(unref(t)("preview.expungedOnly")), 1)]),
createBaseVNode("label", _hoisted_12$10, [createBaseVNode("input", {
type: "checkbox",
checked: __props.markedOnly,
onChange: _cache[2] || (_cache[2] = ($event) => emit("update:markedOnly", $event.target.checked))
}, null, 40, _hoisted_13$7), createTextVNode(" " + toDisplayString(unref(t)("preview.markedOnly")), 1)]),
createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn",
disabled: __props.refreshBusy,
onClick: _cache[3] || (_cache[3] = ($event) => emit("refresh"))
}, toDisplayString(__props.refreshBusy ? unref(t)("bars.grabbing") : unref(t)("preview.refresh")), 9, _hoisted_14$7)
])]),
__props.threshold === null ? (openBlock(), createElementBlock("p", _hoisted_15$7, toDisplayString(unref(t)("preview.thresholdUnknown", { threshold: unref(t)("bars.threshold") })), 1)) : (openBlock(), createElementBlock("div", _hoisted_16$7, [(openBlock(), createElementBlock(Fragment, null, renderList(["left", "right"], (side, i) => {
return createBaseVNode("section", {
key: side,
class: normalizeClass(["eqt-preview__col", `eqt-preview__col--${side}`])
}, [createBaseVNode("header", _hoisted_17$7, [createBaseVNode("span", null, [createBaseVNode("span", _hoisted_18$7, toDisplayString(labels.value.icon[i]), 1), createBaseVNode("strong", null, toDisplayString(unref(t)("preview.columnCount", {
side: i === 0 ? labels.value.left : labels.value.right,
shown: items(side).length,
total: total.value
})), 1)])]), createBaseVNode("div", _hoisted_19$7, [!items(side).length ? (openBlock(), createElementBlock("p", _hoisted_20$7, toDisplayString(unref(t)("preview.sideEmpty")), 1)) : (openBlock(), createElementBlock("div", _hoisted_21$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(shown(side), (item) => {
return openBlock(), createElementBlock("div", {
key: item.gallery.gid,
class: normalizeClass(["eqt-preview__tile", `eqt-preview__tile--${outcomeClass(item)}`])
}, [
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-preview__cover", { "eqt-preview__cover--on": __props.openedGid === item.gallery.gid }]),
title: `${item.gallery.category} · ${item.gallery.title}`,
onClick: ($event) => emit("open", item.gallery)
}, [item.gallery.thumb ? (openBlock(), createElementBlock("img", {
key: 0,
src: item.gallery.thumb,
alt: item.gallery.title,
loading: "lazy"
}, null, 8, _hoisted_23$5)) : (openBlock(), createElementBlock("span", _hoisted_24$4, toDisplayString(item.gallery.title), 1)), outcomeClass(item) === "over" ? (openBlock(), createElementBlock("span", _hoisted_25$4, toDisplayString(unref(t)("marked.over")), 1)) : outcomeClass(item) === "leak" ? (openBlock(), createElementBlock("span", _hoisted_26$4, toDisplayString(unref(t)("marked.leak")), 1)) : createCommentVNode("", true)], 10, _hoisted_22$6),
createBaseVNode("div", _hoisted_27$4, toDisplayString(metric(item)), 1),
createBaseVNode("div", _hoisted_28$4, [createBaseVNode("button", {
type: "button",
class: normalizeClass({ "eqt-preview__pick--on": __props.verdicts[String(item.gallery.gid)] === "block" }),
onClick: ($event) => emit("setVerdict", item.gallery.gid, __props.verdicts[String(item.gallery.gid)] === "block" ? null : "block")
}, toDisplayString(unref(t)("preview.shouldBlock")), 11, _hoisted_29$3), createBaseVNode("button", {
type: "button",
class: normalizeClass({ "eqt-preview__pick--on": __props.verdicts[String(item.gallery.gid)] === "keep" }),
onClick: ($event) => emit("setVerdict", item.gallery.gid, __props.verdicts[String(item.gallery.gid)] === "keep" ? null : "keep")
}, toDisplayString(unref(t)("preview.shouldKeep")), 11, _hoisted_30$2)])
], 2);
}), 128))])), limit.value[side] < items(side).length ? (openBlock(), createElementBlock("button", {
key: 2,
ref_for: true,
ref: (el) => watchMore(el, side),
type: "button",
class: "eqt-panel__btn eqt-preview__more",
onClick: ($event) => more(side)
}, toDisplayString(unref(t)("preview.loadMore")), 9, _hoisted_31$2)) : createCommentVNode("", true)])], 2);
}), 64))])),
createBaseVNode("div", _hoisted_32$2, [createBaseVNode("label", _hoisted_33$2, [
createTextVNode(toDisplayString(unref(t)("preview.coverSize")) + " ", 1),
withDirectives(createBaseVNode("input", {
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(myTagsPreviewCoverScale) ? myTagsPreviewCoverScale.value = $event : null),
class: "eqt-panel__cover-slider",
type: "range",
min: "60",
max: "130",
step: "5",
"aria-label": unref(t)("preview.coverSize")
}, null, 8, _hoisted_34$2), [[
vModelText,
unref(myTagsPreviewCoverScale),
void 0,
{ number: true }
]]),
createBaseVNode("output", _hoisted_35$2, toDisplayString(unref(myTagsPreviewCoverScale)) + "%", 1)
]), createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn eqt-preview__expunged",
disabled: __props.expungedBusy,
onClick: _cache[5] || (_cache[5] = ($event) => emit("refreshExpunged"))
}, toDisplayString(__props.expungedBusy ? unref(t)("bars.grabbing") : unref(t)("preview.fetchExpunged")), 9, _hoisted_36$2)])
], 4);
};
}
});
var _hoisted_1$13 = { class: "eqt-gal" };
var _hoisted_2$12 = { class: "eqt-gal__head" };
var _hoisted_3$12 = ["href"];
var _hoisted_4$12 = ["aria-label"];
var _hoisted_5$11 = { class: "eqt-gal__scroll" };
var _hoisted_6$11 = { class: "eqt-gal__body" };
var _hoisted_7$10 = { class: "eqt-gal__side" };
var _hoisted_8$10 = { class: "eqt-gal__titles" };
var _hoisted_9$10 = {
key: 0,
class: "eqt-panel__hint"
};
var _hoisted_10$10 = { class: "eqt-panel__hint" };
var _hoisted_11$10 = {
key: 0,
class: "eqt-panel__hint"
};
var _hoisted_12$9 = { class: "eqt-gal__facts" };
var _hoisted_13$6 = { class: "eqt-gal__main" };
var _hoisted_14$6 = { class: "eqt-gal__tags" };
var _hoisted_15$6 = {
key: 0,
class: "eqt-gal__sum"
};
var _hoisted_16$6 = { key: 0 };
var _hoisted_17$6 = { key: 1 };
var _hoisted_18$6 = {
key: 1,
class: "eqt-panel__hint"
};
var _hoisted_19$6 = {
key: 2,
class: "eqt-gal__thumbs"
};
var _hoisted_20$6 = ["href", "title"];
var MyTagsGallery_default = defineComponent({
__name: "MyTagsGallery",
props: {
detail: {},
outcome: {},
appearance: {},
verdict: {},
loading: { type: Boolean },
threshold: {}
},
emits: [
"close",
"setVerdict",
"pickTag"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const { label } = useTagLabel();
const chips = computed(() => props.detail.tags.map((tag) => {
const view = label.value(tag.full);
const at = props.appearance.get(tag.full);
return {
full: tag.full,
tier: tag.tier,
display: `${view.nsLabel}:${view.display}`,
iconUrl: view.iconUrl,
colors: myTagsGalleryColorsEnabled.value ? at?.colors : void 0,
watch: at?.watch ?? false,
weight: at?.weight,
hidden: at?.hidden ?? false
};
}));
function url() {
return `${location.origin}/g/${props.detail.gid}/${props.detail.token}/`;
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("section", _hoisted_1$13, [createBaseVNode("header", _hoisted_2$12, [
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-panel__btn eqt-gal__verdict", { "eqt-gal__verdict--block": __props.verdict === "block" }]),
onClick: _cache[0] || (_cache[0] = ($event) => emit("setVerdict", __props.verdict === "block" ? null : "block"))
}, toDisplayString(unref(t)("preview.shouldBlock")), 3),
createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-panel__btn eqt-gal__verdict", { "eqt-gal__verdict--keep": __props.verdict === "keep" }]),
onClick: _cache[1] || (_cache[1] = ($event) => emit("setVerdict", __props.verdict === "keep" ? null : "keep"))
}, toDisplayString(unref(t)("preview.shouldKeep")), 3),
createBaseVNode("a", {
href: url(),
target: "_blank",
rel: "noopener",
class: "eqt-panel__btn eqt-gal__open"
}, toDisplayString(unref(t)("gallery.open")), 9, _hoisted_3$12),
createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn eqt-gal__close",
"aria-label": unref(t)("settings.close"),
onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
}, "X", 8, _hoisted_4$12)
]), createBaseVNode("div", _hoisted_5$11, [createBaseVNode("div", _hoisted_6$11, [createBaseVNode("aside", _hoisted_7$10, [
createBaseVNode("div", {
class: "eqt-gal__cover",
style: normalizeStyle(__props.detail.coverStyle)
}, null, 4),
createBaseVNode("div", _hoisted_8$10, [createBaseVNode("strong", null, toDisplayString(__props.detail.title), 1), __props.detail.titleJp ? (openBlock(), createElementBlock("p", _hoisted_9$10, toDisplayString(__props.detail.titleJp), 1)) : createCommentVNode("", true)]),
createBaseVNode("p", _hoisted_10$10, [createTextVNode(toDisplayString(__props.detail.category), 1), __props.detail.uploader ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(__props.detail.uploader), 1)], 64)) : createCommentVNode("", true)]),
__props.detail.rating ? (openBlock(), createElementBlock("p", _hoisted_11$10, toDisplayString(__props.detail.rating), 1)) : createCommentVNode("", true),
createBaseVNode("dl", _hoisted_12$9, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.detail.facts, (f) => {
return openBlock(), createElementBlock(Fragment, { key: f.label }, [createBaseVNode("dt", null, toDisplayString(f.label), 1), createBaseVNode("dd", null, toDisplayString(f.value), 1)], 64);
}), 128))])
]), createBaseVNode("div", _hoisted_13$6, [
createBaseVNode("div", _hoisted_14$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(chips.value, (chip) => {
return openBlock(), createBlock(TagChip_default, {
key: chip.full,
full: chip.full,
display: chip.display,
"icon-url": chip.iconUrl,
tier: chip.tier,
colors: chip.colors,
weight: chip.weight,
hidden: chip.hidden,
watch: chip.watch,
"show-score": unref(myTagsGalleryScoresEnabled),
"show-marks": unref(myTagsGalleryMarksEnabled),
title: chip.full,
onPick: ($event) => emit("pickTag", chip.full)
}, null, 8, [
"full",
"display",
"icon-url",
"tier",
"colors",
"weight",
"hidden",
"watch",
"show-score",
"show-marks",
"title",
"onPick"
]);
}), 128))]),
__props.outcome ? (openBlock(), createElementBlock("p", _hoisted_15$6, [__props.outcome.hiddenBy.length ? (openBlock(), createElementBlock("span", _hoisted_16$6, toDisplayString(unref(t)("marked.hiddenBy", { tags: __props.outcome.hiddenBy.join(" · ") })), 1)) : (openBlock(), createElementBlock("span", _hoisted_17$6, [createTextVNode(toDisplayString(unref(t)("preview.sum", { n: __props.outcome.score })) + " ", 1), __props.threshold !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" · " + toDisplayString(unref(t)("preview.threshold", { n: __props.threshold })), 1)], 64)) : createCommentVNode("", true)]))])) : createCommentVNode("", true),
__props.loading ? (openBlock(), createElementBlock("p", _hoisted_18$6, toDisplayString(unref(t)("gallery.loading")), 1)) : (openBlock(), createElementBlock("div", _hoisted_19$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.detail.thumbs, (thumb) => {
return openBlock(), createElementBlock("a", {
key: thumb.href,
href: thumb.href,
target: "_blank",
rel: "noopener",
title: thumb.label
}, [createBaseVNode("span", { style: normalizeStyle(thumb.style) }, null, 4)], 8, _hoisted_20$6);
}), 128))]))
])])])]);
};
}
});
var MyTagsEhTopbar_default = defineComponent({
__name: "MyTagsEhTopbar",
props: { host: {} },
setup(__props) {
const props = __props;
const target = ref(null);
onMounted(() => {
if (target.value) props.host.mountEhTopbar(target.value);
});
onBeforeUnmount(() => props.host.restoreEhTopbar());
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
id: "eqt-eh-topbar",
ref_key: "target",
ref: target,
class: "eqt-panel__eh-topbar"
}, null, 512);
};
}
});
var API = "https://api.e-hentai.org/api.php";
var BATCH = 25;
var HREF = /\/g\/(\d+)\/([0-9a-f]{10})/g;
var UNEXT = /id="unext"[^>]*\bhref="[^"]*[?&](?:amp;)?next=([\d-]+)/;
function parseRefs(html) {
const seen = new Set();
const out = [];
for (const m of html.matchAll(HREF)) {
const gid = Number(m[1]);
if (seen.has(gid)) continue;
seen.add(gid);
out.push({
gid,
token: m[2]
});
}
return out;
}
async function gdata(refs, signal) {
const res = await fetch(API, {
method: "POST",
signal,
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
method: "gdata",
gidlist: refs.map((r) => [r.gid, r.token]),
namespace: 1
})
});
if (!res.ok) throw new Error(`Gallery metadata HTTP ${res.status}`);
return ((await res.json()).gmetadata ?? []).filter((g) => typeof g.gid === "number" && !g.error).map((g) => ({
gid: g.gid,
token: g.token ?? "",
title: g.title ?? "",
category: g.category ?? "",
thumb: g.thumb ?? "",
tags: g.tags ?? [],
expunged: g.expunged
}));
}
function parseNextCursor(html) {
return UNEXT.exec(html)?.[1] ?? null;
}
async function fetchListing(url, signal) {
signal?.throwIfAborted();
const res = await fetch(url, {
credentials: "same-origin",
signal
});
if (!res.ok) throw new Error(`Listing HTTP ${res.status}`);
const html = await res.text();
signal?.throwIfAborted();
const next = parseNextCursor(html);
const refs = parseRefs(html);
if (!refs.length) return {
galleries: [],
next
};
const galleries = [];
for (let i = 0; i < refs.length; i += BATCH) {
signal?.throwIfAborted();
galleries.push(...await gdata(refs.slice(i, i + BATCH), signal));
}
signal?.throwIfAborted();
return {
galleries,
next
};
}
function useMyTagsSampleFetcher(options) {
const busy = ref(false);
const cursors = new Map();
let active = null;
function stop() {
active?.abort();
active = null;
busy.value = false;
}
function reset() {
stop();
cursors.clear();
}
async function start(tag) {
if (active || cursors.get(tag) === null) return;
const controller = new AbortController();
active = controller;
busy.value = true;
let cursor = cursors.get(tag) ?? null;
try {
for (let page = 0; page < options.maxPages; page += 1) {
const result = await options.fetchPage(tag, cursor, controller.signal);
controller.signal.throwIfAborted();
if (result.galleries.length) options.accept(result.galleries);
cursor = result.next;
cursors.set(tag, cursor);
if (cursor === null) break;
}
} catch (error) {
if (!controller.signal.aborted) throw error;
} finally {
if (active === controller) {
active = null;
busy.value = false;
}
}
}
return {
busy: readonly(busy),
start,
stop,
reset,
hasFetched: (tag) => cursors.has(tag)
};
}
function emptyStore() {
return {
galleries: {},
verdicts: {}
};
}
function listingUrl(keywords, origin, next, expunged = false) {
const u = new URL("/", origin);
u.searchParams.set("f_search", keywords);
u.searchParams.set("f_cats", "0");
for (const f of ["f_sft", "f_sfu"]) u.searchParams.set(f, "on");
if (expunged) u.searchParams.set("f_sh", "on");
if (next) u.searchParams.set("next", next);
return u.toString();
}
var ITEM_SCHEMA = 2;
function itemNamespace(prefix) {
return {
live: `${prefix}:`,
base: `${prefix}_base:`
};
}
function createItemStore(spec) {
const tombstone = JSON.stringify({
schema: ITEM_SCHEMA,
deleted: true
});
let tail = Promise.resolve();
let bound = "";
let saved = new Map();
let shadowed = new Set();
function record(value) {
return JSON.stringify({
schema: ITEM_SCHEMA,
value
});
}
function readValue(raw) {
if (!raw) return null;
try {
const parsed = JSON.parse(raw);
if (parsed.schema !== ITEM_SCHEMA || parsed.deleted === true) return null;
return spec.parse(parsed.value);
} catch {
return null;
}
}
function parseLegacy(raw) {
let parsed;
try {
parsed = JSON.parse(raw);
} catch {
return null;
}
if (parsed?.schema !== spec.legacySchema) return null;
const table = parsed[spec.legacyField];
if (!table || typeof table !== "object" || Array.isArray(table)) return [];
const out = [];
for (const [id, value] of Object.entries(table)) {
const item = spec.parse(value);
if (item !== null) out.push([id, item]);
}
return out;
}
function bind(prefix) {
if (prefix !== bound) {
bound = prefix;
shadowed = new Set();
}
return itemNamespace(prefix);
}
async function migrate(base) {
const raw = await cacheGet(spec.legacyKey);
if (!raw) return;
const entries = parseLegacy(raw);
if (entries === null) return;
await Promise.all(entries.map(([id, value]) => cacheSet(`${base}${id}`, record(value))));
await cacheDelete(spec.legacyKey);
}
async function read(live, base) {
const [baseKeys, liveKeys] = await Promise.all([cacheKeys(base), cacheKeys(live)]);
const out = {};
shadowed = new Set(baseKeys.map((key) => key.slice(base.length)));
const migrated = await Promise.all(baseKeys.map(async (key) => [key.slice(base.length), readValue(await cacheGet(key))]));
for (const [id, value] of migrated) if (value !== null) out[id] = value;
const current = await Promise.all(liveKeys.map(async (key) => [key.slice(live.length), readValue(await cacheGet(key))]));
for (const [id, value] of current) if (value === null) delete out[id];
else out[id] = value;
saved = new Map(Object.entries(out).map(([id, value]) => [id, record(value)]));
return out;
}
async function write(wanted, prefix) {
const { live } = bind(prefix);
const tasks = [];
for (const [id, next] of wanted) {
if (saved.get(id) === next) continue;
tasks.push(async () => {
await cacheSet(`${live}${id}`, next);
saved.set(id, next);
});
}
for (const id of saved.keys()) {
if (wanted.has(id)) continue;
tasks.push(async () => {
if (shadowed.has(id)) await cacheSet(`${live}${id}`, tombstone);
else await cacheDelete(`${live}${id}`);
saved.delete(id);
});
}
const failed = (await Promise.allSettled(tasks.map((task) => task()))).filter((result) => result.status === "rejected");
if (failed.length) throw new AggregateError(failed.map((result) => result.reason), `${bound}: ${failed.length} item(s) failed to save`);
}
function queue(task) {
const next = tail.then(task, task);
tail = next.catch(() => {});
return next;
}
return {
load: () => queue(async () => {
const { live, base } = bind(typeof spec.prefix === "function" ? await spec.prefix() : spec.prefix);
await migrate(spec.legacyPrefix ? itemNamespace(spec.legacyPrefix).base : base);
return read(live, base);
}),
save(next) {
const entries = Object.entries(next);
const wanted = new Map(entries.map(([id, value]) => [id, record(value)]));
const prefix = typeof spec.prefix === "function" ? spec.prefix() : spec.prefix;
if (typeof prefix !== "string") prefix.catch(() => {});
return queue(async () => write(wanted, await prefix));
}
};
}
var GALLERY_PREFIX = "eqt_mytags_gallery";
var VERDICT_PREFIX = "eqt_mytags_verdict";
var GALLERIES_LEGACY_KEY = "eqt_mytags_galleries";
var VERDICTS_LEGACY_KEY = "eqt_mytags_verdicts";
var GENERATION_KEY = "eqt_mytags_samples_generation";
var FIRST_GENERATION = "0";
var LEGACY_SCHEMA$1 = 1;
var sampleClearVersion = ref(0);
async function galleryPrefix() {
return `${GALLERY_PREFIX}~${await cacheGet(GENERATION_KEY) ?? FIRST_GENERATION}`;
}
function parseGallery(value) {
const gallery = value;
if (!gallery || !Array.isArray(gallery.tags) || typeof gallery.thumb !== "string") return null;
return gallery;
}
async function clearSamples() {
sampleClearVersion.value += 1;
const generation = globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}${Math.random().toString(36).slice(2)}`;
const stale = await cacheKeys(`${GALLERY_PREFIX}~`);
await cacheSet(GENERATION_KEY, generation);
await cacheDelete(GALLERIES_LEGACY_KEY);
await Promise.all(stale.map(cacheDelete));
}
function createSampleStore() {
const galleries = createItemStore({
prefix: galleryPrefix,
legacyKey: GALLERIES_LEGACY_KEY,
legacyField: "galleries",
legacySchema: LEGACY_SCHEMA$1,
legacyPrefix: `${GALLERY_PREFIX}~${FIRST_GENERATION}`,
parse: parseGallery
});
const verdicts = createItemStore({
prefix: VERDICT_PREFIX,
legacyKey: VERDICTS_LEGACY_KEY,
legacyField: "verdicts",
legacySchema: LEGACY_SCHEMA$1,
parse: (value) => value === "block" || value === "keep" ? value : null
});
return {
async load() {
const [loadedGalleries, loadedVerdicts] = await Promise.all([galleries.load(), verdicts.load()]);
return {
galleries: loadedGalleries,
verdicts: loadedVerdicts
};
},
saveGalleries: galleries.save,
saveVerdicts: verdicts.save
};
}
var EDIT_PREFIX = "eqt_mytags_edit";
var LEGACY_KEY = "eqt_mytags_edits";
var LEGACY_SCHEMA = 1;
function emptyFilter() {
return {
set: "all",
watch: false,
hidden: false,
sort: "negative",
status: "all"
};
}
function isPatch(value) {
if (!value || typeof value !== "object" || Array.isArray(value)) return false;
const entries = Object.entries(value);
if (!entries.length) return false;
return entries.every(([key, field]) => {
if (key === "weight") return typeof field === "number";
if (key === "hidden" || key === "watch") return typeof field === "boolean";
if (key === "color") return typeof field === "string";
if (key === "destination") return !!field && typeof field === "object" && !Array.isArray(field) && typeof field.full === "string" && !!field.full && typeof field.tagSet === "string" && !!field.tagSet;
return false;
});
}
function createEditStore() {
const items = createItemStore({
prefix: EDIT_PREFIX,
legacyKey: LEGACY_KEY,
legacyField: "edits",
legacySchema: LEGACY_SCHEMA,
parse: (value) => isPatch(value) ? value : null
});
return {
async load() {
const stored = await items.load();
const out = {};
for (const [key, patch] of Object.entries(stored)) {
const id = Number(key);
if (Number.isInteger(id)) out[id] = patch;
}
return out;
},
save: items.save
};
}
var UCONFIG = "/uconfig.php";
var APPLY = ["apply", "Apply"];
function collectFields(form) {
const out = {};
const push = (name, value) => {
(out[name] ??= []).push(value);
};
for (const el of Array.from(form.elements)) {
const f = el;
if (!f.name || f.disabled) continue;
const type = f.type;
if (type === "submit" || type === "button" || type === "reset") continue;
if ((type === "checkbox" || type === "radio") && !f.checked) continue;
if (f.tagName === "SELECT" && f.multiple) {
for (const o of Array.from(f.selectedOptions)) push(f.name, o.value);
continue;
}
push(f.name, f.value);
}
return out;
}
function sameValues(a, b) {
if (!a || !b) return a === b;
return a.length === b.length && a.every((v, i) => v === b[i]);
}
function unexpectedChanges(before, after, intended) {
const skip = new Set(intended);
const names = new Set([...Object.keys(before), ...Object.keys(after)]);
const out = [];
for (const name of names) {
if (skip.has(name)) continue;
if (!sameValues(before[name], after[name])) out.push(name);
}
return out.sort();
}
async function loadForm(anchorId) {
const res = await fetch(UCONFIG, { credentials: "same-origin" });
if (!res.ok) return null;
return new DOMParser().parseFromString(await res.text(), "text/html").getElementById(anchorId)?.closest("form") ?? null;
}
async function patchConfig(anchorId, name, value) {
try {
const form = await loadForm(anchorId);
if (!form) return {
ok: false,
error: "no-form"
};
const before = collectFields(form);
if (!(name in before)) return {
ok: false,
error: `no-field-${name}`
};
const body = new URLSearchParams();
for (const [key, values] of Object.entries(before)) for (const v of key === name ? [value] : values) body.append(key, v);
body.append(...APPLY);
const res = await fetch(UCONFIG, {
method: "POST",
credentials: "same-origin",
headers: { "Content-Type": "application/x-www-form-urlencoded" },
body: body.toString()
});
if (!res.ok) return {
ok: false,
error: `http-${res.status}`
};
const again = await loadForm(anchorId);
if (!again) return {
ok: false,
error: "verify-failed"
};
const after = collectFields(again);
if (after[name]?.[0] !== value) return {
ok: false,
error: "not-applied"
};
return {
ok: true,
clobbered: unexpectedChanges(before, after, [name])
};
} catch (e) {
return {
ok: false,
error: String(e)
};
}
}
var _hoisted_1$12 = ["inert"];
var _hoisted_2$11 = [
"aria-label",
"inert",
"aria-hidden"
];
var _hoisted_3$11 = { class: "eqt-panel__tools" };
var _hoisted_4$11 = ["aria-expanded"];
var _hoisted_5$10 = ["aria-expanded"];
var _hoisted_6$10 = { class: "eqt-panel__help-head" };
var _hoisted_7$9 = { id: "eqt-mytags-help-title" };
var _hoisted_8$9 = {
key: 0,
class: "eqt-panel__help-term"
};
var _hoisted_9$9 = {
key: 0,
href: "/uconfig.php",
target: "_blank",
rel: "noopener noreferrer"
};
var _hoisted_10$9 = {
key: 0,
class: "eqt-panel__help-term"
};
var _hoisted_11$9 = {
key: 0,
class: "eqt-panel__help-term"
};
var _hoisted_12$8 = ["href"];
var _hoisted_13$5 = { class: "eqt-panel__field" };
var _hoisted_14$5 = ["inert", "aria-hidden"];
var _hoisted_15$5 = { class: "eqt-panel__dock" };
var _hoisted_16$5 = { class: "eqt-panel__commitbar" };
var _hoisted_17$5 = ["disabled"];
var _hoisted_18$5 = ["disabled"];
var _hoisted_19$5 = ["data-orientation"];
var _hoisted_20$5 = [
"aria-expanded",
"aria-label",
"title"
];
var _hoisted_21$5 = { class: "eqt-panel__divider" };
var _hoisted_22$5 = [
"aria-expanded",
"aria-label",
"title"
];
var _hoisted_23$4 = ["inert", "aria-hidden"];
var MAX_FETCH = 6;
var SIDE_DEFAULT_SIZE = 28;
var EDITOR_DEFAULT_SIZE = 45;
var MyTagsPanel_default = defineComponent({
__name: "MyTagsPanel",
setup(__props) {
const host = useEhMyTagsHost();
const tagChipStyle = useMyTagsColors();
const toast = useEqtToast();
function emptyDraft() {
return {
tagSet: host.currentSet,
weight: 0,
color: "",
watch: false,
hidden: false
};
}
const liveRows = ref(host.readRows());
const otherSets = ref([]);
const edits = ref({});
const bulkDraft = ref(emptyBulkDraft());
const store = ref(emptyStore());
const editStore = createEditStore();
const sampleStore = createSampleStore();
const storageReady = ref(false);
const ehTopbarOpen = ref(false);
const helpOpen = ref(false);
const helpAnchor = ref(null);
const topbar = ref(null);
const { bottom: topbarBottom } = useElementBounding(topbar);
const wikiUrl = computed(() => `https://ehwiki.org/wiki/My_Tags${isZhLocale() ? "/Chinese" : ""}`);
const helpTerms = computed(() => ({
threshold: t("bars.threshold"),
preview: t("preview.title"),
blocked: t("preview.filterLeft"),
shown: t("preview.filterRight"),
block: t("preview.shouldBlock"),
keep: t("preview.shouldKeep"),
anthology: "other:anthology",
webtoon: "other:webtoon"
}));
function helpSegments(text) {
return text.split(/(\{\w+\})/).filter(Boolean).map((part) => {
const term = helpTerms.value[part.slice(1, -1)];
return term ? {
text: term,
term: true
} : {
text: part,
term: false
};
});
}
const helpUsageLines = computed(() => t("panel.helpUsage").split("\n").map(helpSegments));
const narrowLayout = useMediaQuery("(max-width: 900px)");
const sidePanel = ref(null);
const editorPanel = ref(null);
const catalogTag = ref("");
const previewTarget = ref(null);
const draft = ref(emptyDraft());
const moveTarget = ref(host.currentSet);
const createBusy = ref(false);
const filterThreshold = ref(null);
const savedThreshold = ref(null);
const markedOnly = ref(false);
const expungedOnly = ref(false);
const writeBusy = ref("");
function acceptSamples(samples) {
const galleries = { ...store.value.galleries };
for (const gallery of samples) galleries[String(gallery.gid)] = gallery;
store.value = {
...store.value,
galleries
};
}
const currentFetcher = useMyTagsSampleFetcher({
fetchPage: (tag, cursor, signal) => fetchListing(listingUrl(term(tag), location.origin, cursor), signal),
accept: acceptSamples,
maxPages: MAX_FETCH
});
const expungedFetcher = useMyTagsSampleFetcher({
fetchPage: (tag, cursor, signal) => fetchListing(listingUrl(term(tag), location.origin, cursor, true), signal),
accept: acceptSamples,
maxPages: MAX_FETCH
});
const openedGallery = ref(null);
const galleryBusy = ref(false);
const galleryCache = new Map();
const filter = ref(emptyFilter());
const pickedTags = ref([]);
const rows = computed(() => {
const byName = new Map();
for (const r of [...otherSets.value.flatMap((s) => s.rows), ...liveRows.value]) byName.set(r.full, r);
return [...byName.values()];
});
const setColors = computed(() => {
const out = { [host.currentSet]: host.defaultColor };
for (const s of otherSets.value) out[s.value] = s.defaultColor;
return out;
});
const accepted = new Map();
function acceptWrite(id, state) {
accepted.set(id, state);
liveRows.value = liveRows.value.map((row) => row.id === id ? {
...row,
...state
} : row);
otherSets.value = otherSets.value.map((set) => ({
...set,
rows: set.rows.map((row) => row.id === id ? {
...row,
...state
} : row)
}));
}
const paletteSets = computed(() => {
const current = {
value: host.currentSet,
name: host.tagSets.find((s) => s.selected)?.name ?? host.currentSet,
enabled: host.enabled,
defaultColor: host.defaultColor,
rows: liveRows.value
};
const byValue = new Map([[current.value, current]]);
for (const set of otherSets.value) byValue.set(set.value, set);
return (host.tagSets.length ? host.tagSets.map((entry) => entry.value) : [current.value]).flatMap((value) => byValue.get(value) ?? []);
});
const paletteComplete = ref(false);
function publishPalette() {
if (!paletteComplete.value) return;
saveMyTagsPalette(buildMyTagsPalette(paletteSets.value)).catch((error) => {
console.error("palette save failed", error);
});
}
const rowMap = computed(() => new Map(rows.value.map((r) => [r.full, r])));
const editPlan = computed(() => planTagChanges(rows.value, edits.value, bulkDraft.value));
function view(row) {
return effective(row, editPlan.value.edits);
}
const catalogRow = computed(() => rowMap.value.get(catalogTag.value) ?? null);
const catalogState = computed(() => {
const row = catalogRow.value;
return row ? view(row) : draft.value;
});
const catalogSet = computed(() => catalogRow.value?.tagSet ?? draft.value.tagSet);
const selectedSaved = computed(() => previewTarget.value?.kind === "saved" ? previewTarget.value.full : null);
const selectedTagStyle = computed(() => {
const full = selectedSaved.value;
if (!full) return null;
const row = rowMap.value.get(full);
if (!row) return null;
const state = view(row);
return tagChipStyle(tagColors({
color: state.color,
setColor: setColors.value[row.tagSet] ?? "",
weight: state.weight,
hidden: state.hidden
}));
});
function sameFacts(a, b) {
return a === b || !!a && !!b && a.weight === b.weight && a.hidden === b.hidden && a.watch === b.watch;
}
const scoringRows = computed(() => enabledTagRows([...otherSets.value, {
enabled: host.enabled,
rows: liveRows.value
}]));
const scoringFacts = computed((previous) => {
const next = new Map();
for (const r of scoringRows.value) {
if (editPlan.value.deletedIds.has(r.id)) continue;
const v = view(r);
next.set(r.full, {
weight: v.weight,
hidden: v.hidden,
watch: v.watch
});
}
if (!previous || previous.size !== next.size) return next;
for (const [tag, facts] of next) if (!sameFacts(previous.get(tag) ?? null, facts)) return next;
return previous;
});
function factsOf(tag) {
return scoringFacts.value.get(tag) ?? null;
}
const catalogFacts = computed((previous) => {
if (catalogRow.value?.tagSet === host.currentSet && !host.enabled) return factsOf(catalogRow.value.full);
const next = catalogRow.value && editPlan.value.deletedIds.has(catalogRow.value.id) ? null : {
weight: catalogState.value.weight,
hidden: catalogState.value.hidden,
watch: catalogState.value.watch
};
return previous !== void 0 && sameFacts(previous, next) ? previous : next;
});
function catalogFactsOf(tag) {
return catalogTag.value === tag ? catalogFacts.value : factsOf(tag);
}
const catalogTagStyle = computed(() => {
const current = catalogState.value;
return tagChipStyle(tagColors({
color: current.color,
setColor: setColors.value[catalogSet.value] ?? "",
weight: current.weight,
hidden: current.hidden
}));
});
function appearanceOf(tag) {
const row = rowMap.value.get(tag);
if (!row || editPlan.value.deletedIds.has(row.id)) return null;
const state = view(row);
return {
colors: tagColors({
color: state.color,
setColor: setColors.value[row.tagSet] ?? "",
weight: state.weight,
hidden: state.hidden
}),
weight: state.weight,
hidden: state.hidden,
watch: state.watch
};
}
function candidateStyle(entry) {
const appearance = appearanceOf(entry.fullTag);
return appearance ? tagChipStyle(appearance.colors) : void 0;
}
function catalogAppearanceOf(tag) {
if (catalogTag.value === tag) {
if (catalogRow.value && editPlan.value.deletedIds.has(catalogRow.value.id)) return null;
const current = catalogState.value;
return {
colors: tagColors({
color: current.color,
setColor: setColors.value[catalogSet.value] ?? "",
weight: current.weight,
hidden: current.hidden
}),
weight: current.weight,
hidden: current.hidden,
watch: current.watch
};
}
return appearanceOf(tag);
}
const activeThreshold = computed(() => {
const raw = filterThreshold.value;
return typeof raw === "number" && Number.isFinite(raw) ? raw : null;
});
const allItems = computed(() => {
const th = activeThreshold.value;
if (th === null) return [];
return Object.values(store.value.galleries).map((gallery) => ({
gallery,
outcome: outcomeOf(gallery.tags, factsOf, th)
}));
});
const previewItems = computed(() => {
const target = previewTarget.value;
const threshold = activeThreshold.value;
if (threshold === null) return [];
const factSource = target?.kind === "draft" ? catalogFactsOf : factsOf;
return Object.values(store.value.galleries).filter((gallery) => !markedOnly.value || !!store.value.verdicts[String(gallery.gid)]).filter((gallery) => !expungedOnly.value || gallery.expunged === true).filter((gallery) => !target || gallery.tags.includes(target.full)).map((gallery) => ({
gallery,
outcome: outcomeOf(gallery.tags, factSource, threshold)
}));
});
const previewLeftItems = computed(() => previewItems.value.filter((item) => item.outcome.side === "left").sort(compareItems));
const previewRightItems = computed(() => previewItems.value.filter((item) => item.outcome.side === "right").sort(compareItems));
const catalogItems = computed(() => {
const full = catalogTag.value;
if (!full) return [];
const threshold = activeThreshold.value;
if (threshold === null) return [];
return Object.values(store.value.galleries).filter((gallery) => gallery.tags.includes(full)).filter((gallery) => !markedOnly.value || !!store.value.verdicts[String(gallery.gid)]).filter((gallery) => !expungedOnly.value || gallery.expunged === true).map((gallery) => ({
gallery,
outcome: outcomeOf(gallery.tags, catalogFactsOf, threshold)
}));
});
const catalogImpact = computed(() => ({
total: catalogItems.value.length,
left: catalogItems.value.filter((item) => item.outcome.side === "left").length,
right: catalogItems.value.filter((item) => item.outcome.side === "right").length
}));
const previewSelectedStyle = computed(() => previewTarget.value?.kind === "draft" ? catalogTagStyle.value : selectedTagStyle.value);
const impact = computed(() => {
const out = new Map();
for (const item of allItems.value) for (const tag of item.gallery.tags) {
if (!rowMap.value.has(tag)) continue;
const at = out.get(tag) ?? {
total: 0,
left: 0,
right: 0
};
at.total += 1;
if (item.outcome.side === "left") at.left += 1;
else at.right += 1;
out.set(tag, at);
}
return out;
});
const sidebarRows = computed(() => filter.value.set === "all" ? rows.value : rows.value.filter((r) => r.tagSet === filter.value.set));
function discard() {
edits.value = unstage(edits.value, Object.keys(edits.value).map(Number));
bulkDraft.value = emptyBulkDraft();
filterThreshold.value = savedThreshold.value;
}
function patch(row, p) {
edits.value = stage(edits.value, row, p);
}
function retireBulk(ids) {
const removed = new Set(ids);
const remaining = bulkDraft.value.ids.filter((id) => !removed.has(id));
bulkDraft.value = remaining.length ? {
...bulkDraft.value,
ids: remaining
} : emptyBulkDraft();
}
const thresholdDirty = computed(() => savedThreshold.value !== null && typeof filterThreshold.value === "number" && filterThreshold.value !== savedThreshold.value);
const pendingTotal = computed(() => editPlan.value.changes.length + (thresholdDirty.value ? 1 : 0));
async function flush() {
if (storageReady.value) await editStore.save(edits.value);
}
function reportStorageError(error) {
console.error("My Tags storage failed", error);
toast.error(t("panel.localStorageFailed"));
}
async function apply() {
if (writeBusy.value || !pendingTotal.value) return;
const todo = editPlan.value.changes;
if (todo.some((change) => change.write) && !canWrite()) {
toast.error(t("panel.noCredentials"));
return;
}
const deletes = todo.filter((change) => change.remove);
if (deletes.length && !await askConfirm(t("panel.deleteConfirmMany", { n: deletes.length }), t("panel.labelDelete"))) return;
const done = new Set();
let failed = false;
writeBusy.value = t("panel.working");
try {
for (const [i, change] of todo.entries()) {
if (!change.write) continue;
writeBusy.value = t("panel.applying", {
i: i + 1,
n: todo.length
});
const res = await setUserTag({
id: change.row.id,
...change.state
});
if (!res.ok) {
toast.error(t("panel.applyFailed", {
tag: change.row.full,
error: res.error
}));
failed = true;
break;
}
const remaining = acknowledgeWrite(edits.value, change.row.id, change.state, view(change.row));
acceptWrite(change.row.id, change.state);
edits.value = remaining;
if (!change.moveTo) {
done.add(change.row.id);
retireBulk([change.row.id]);
}
}
if (!failed) {
const actions = new Map();
for (const change of todo) {
const target = change.remove ? "0" : change.moveTo;
if (!target) continue;
const batch = actions.get(target);
if (batch) batch.push(change.row);
else actions.set(target, [change.row]);
}
for (const [target, batch] of actions) {
const result = await executeMass(batch, target);
result.done.forEach((id) => done.add(id));
if (!result.ok) {
failed = true;
break;
}
}
}
if (!failed) {
bulkDraft.value = emptyBulkDraft();
if (thresholdDirty.value) await applyThreshold();
}
} finally {
await flush();
publishPalette();
writeBusy.value = "";
}
if (done.size) toast.success(t("panel.applied", { n: done.size }));
}
async function applyThreshold() {
writeBusy.value = t("panel.applyingThreshold");
const sentThreshold = filterThreshold.value;
const res = await patchConfig("ft", "ft", String(sentThreshold));
if (!res.ok) {
toast.error(t("panel.thresholdFailed", { error: res.error }));
return;
}
savedThreshold.value = sentThreshold;
if (res.clobbered.length) toast.warning(t("panel.thresholdClobbered", { fields: res.clobbered.join(", ") }));
else toast.success(t("panel.thresholdApplied", { n: sentThreshold ?? 0 }));
}
const usedAfter = ref({});
const tagSets = computed(() => host.tagSets.map((set) => set.value in usedAfter.value ? {
...set,
used: usedAfter.value[set.value]
} : set));
function absorb(tagSet, next) {
usedAfter.value = {
...usedAfter.value,
[tagSet]: next.length
};
if (tagSet === host.currentSet) {
liveRows.value = next;
return;
}
otherSets.value = otherSets.value.map((s) => s.value === tagSet ? {
...s,
rows: next
} : s);
}
function loadedRows(tagSet) {
return tagSet === host.currentSet ? liveRows.value : otherSets.value.find((s) => s.value === tagSet)?.rows;
}
async function executeMass(rows2, target) {
await flush();
const bySet = new Map();
for (const row of rows2) {
const ids = bySet.get(row.tagSet);
if (ids) ids.push(row.id);
else bySet.set(row.tagSet, [row.id]);
}
writeBusy.value = t("panel.working");
const done = [];
let ok = true;
for (const [set, ids] of bySet) {
if (target !== "0") {
edits.value = markMovingEdits(edits.value, rows2.filter((row) => row.tagSet === set), target);
await flush();
}
const next = target === "0" ? await host.deleteTags(ids, set) : await host.moveTags(ids, target, set);
if (!next) {
paletteComplete.value = false;
toast.error(t("panel.massFailed"));
ok = false;
break;
}
absorb(set, next);
const remaining = new Set(next.map((row) => row.id));
const applied = ids.filter((id) => !remaining.has(id));
done.push(...applied);
if (target === "0") edits.value = unstage(edits.value, applied);
retireBulk(applied);
if (applied.length !== ids.length) {
toast.error(t("panel.massFailed"));
ok = false;
break;
}
}
if (target !== "0" && done.length) {
const got = await fetchTagSet(target);
if (got) {
absorb(target, got.rows);
edits.value = reconcileMovedEdits(edits.value, [
...liveRows.value,
...otherSets.value.flatMap((set) => set.rows),
...got.rows
]);
} else {
paletteComplete.value = false;
toast.error(t("panel.massFailed"));
ok = false;
}
}
return {
done,
ok
};
}
async function massNow(target, to) {
if (!to || writeBusy.value || !target.length) return;
writeBusy.value = t("panel.working");
try {
await executeMass(target, to);
} finally {
await flush();
publishPalette();
writeBusy.value = "";
}
}
function term(full) {
const colon = full.indexOf(":");
return serializeEntry({
ns: full.slice(0, colon),
raw: full.slice(colon + 1)
}, {
nsFormat: nsFormat.value,
exactMatch: true
});
}
async function grabTag(tag, expunged = false) {
const selected = expunged ? expungedFetcher : currentFetcher;
(expunged ? currentFetcher : expungedFetcher).stop();
markedOnly.value = false;
try {
await selected.start(tag);
} catch {
toast.error(t("panel.sampleFetchFailed"));
}
}
async function refreshPreview(expunged = false) {
const tag = previewTarget.value?.full;
if (!tag) {
toast.info(t("panel.pickTagFirst"));
return;
}
await grabTag(tag, expunged);
}
function setVerdict(gid, want) {
const verdicts = { ...store.value.verdicts };
if (want) verdicts[String(gid)] = want;
else delete verdicts[String(gid)];
store.value = {
...store.value,
verdicts
};
}
async function openGallery(g) {
if (openedGallery.value?.gid === g.gid) {
openedGallery.value = null;
return;
}
const cached = galleryCache.get(g.gid);
if (cached) {
openedGallery.value = cached;
return;
}
const version = sampleClearVersion.value;
galleryBusy.value = true;
const got = await fetchGallery(g.gid, g.token);
if (version !== sampleClearVersion.value) return;
galleryBusy.value = false;
if (!got) {
toast.error(t("gallery.failed"));
return;
}
galleryCache.set(g.gid, got);
openedGallery.value = got;
}
const openedOutcome = computed(() => previewItems.value.find((item) => item.gallery.gid === openedGallery.value?.gid)?.outcome ?? null);
const openedAppearance = computed(() => {
const out = new Map();
const detail = openedGallery.value;
if (!detail) return out;
const source = previewTarget.value?.kind === "draft" ? catalogAppearanceOf : appearanceOf;
for (const tag of detail.tags) {
const at = source(tag.full);
if (at) out.set(tag.full, at);
}
return out;
});
function select(tag) {
catalogTag.value = tag;
const row = rowMap.value.get(tag);
if (row) moveTarget.value = row.tagSet;
const current = previewTarget.value;
previewTarget.value = current?.kind === "saved" && current.full === tag ? null : {
kind: "saved",
full: tag
};
openedGallery.value = null;
if (previewTarget.value && !currentFetcher.hasFetched(tag)) grabTag(tag);
}
function setCatalogFull(full) {
catalogTag.value = full;
const row = rowMap.value.get(full);
if (row) moveTarget.value = row.tagSet;
previewCatalog();
}
function pickCandidate(entry) {
setCatalogFull(entry.fullTag);
if (!currentFetcher.hasFetched(entry.fullTag)) grabTag(entry.fullTag);
}
function previewCatalog() {
const full = catalogTag.value;
previewTarget.value = full ? {
kind: catalogRow.value ? "saved" : "draft",
full
} : null;
openedGallery.value = null;
}
function patchCatalog(change) {
const row = catalogRow.value;
if (row) {
patch(row, change);
return;
}
const next = {
...draft.value,
...change
};
if (change.watch) next.hidden = false;
if (change.hidden) next.watch = false;
draft.value = next;
}
function setCatalogTarget(value) {
if (catalogRow.value) moveTarget.value = value;
else draft.value = {
...draft.value,
tagSet: value
};
}
function moveCatalogTag(target) {
const row = catalogRow.value;
if (!row || target === row.tagSet) return;
massNow([row], target);
}
async function deleteCatalogTag() {
const row = catalogRow.value;
if (!row || writeBusy.value) return;
if (!await askConfirm(t("panel.deleteConfirmOne", { tag: row.full }), t("panel.labelDelete"))) return;
massNow([row], "0");
}
function clearPreviewTarget() {
previewTarget.value = null;
openedGallery.value = null;
}
function toggleEhTopbar() {
ehTopbarOpen.value = !ehTopbarOpen.value;
}
async function createNewTag(current) {
if (createBusy.value) return;
createBusy.value = true;
try {
const before = loadedRows(current.tagSet) ?? (await fetchTagSet(current.tagSet))?.rows;
if (!before) {
toast.error(t("panel.createFailed"));
return;
}
const known = new Set(before.map((row) => row.id));
const next = await host.createTag(current.tagSet, current);
if (!next) {
toast.error(t("panel.createFailed"));
return;
}
absorb(current.tagSet, next);
publishPalette();
const added = next.find((row) => !known.has(row.id));
if (!added) {
toast.error(t("panel.createRejected"));
return;
}
draft.value = emptyDraft();
const wasPreviewed = previewTarget.value?.full === catalogTag.value;
if (rowMap.value.get(added.full)?.id !== added.id) {
const name = host.tagSets.find((set) => set.value === added.tagSet)?.name ?? added.tagSet;
toast.success(t("panel.createdInDisabledSet", { set: name }));
catalogTag.value = "";
if (wasPreviewed) clearPreviewTarget();
return;
}
catalogTag.value = added.full;
moveTarget.value = added.tagSet;
if (wasPreviewed) previewCatalog();
} catch (error) {
console.error("createTag failed", error);
toast.error(t("panel.createFailed"));
} finally {
createBusy.value = false;
}
}
const warmed = new Set();
watch([previewLeftItems, previewRightItems], ([l, r]) => {
for (const item of [...l.slice(0, 36), ...r.slice(0, 36)]) {
const url = item.gallery.thumb;
if (!url || warmed.has(url)) continue;
warmed.add(url);
new Image().src = url;
}
}, { immediate: true });
function reread() {
liveRows.value = host.readRows().map((row) => {
const state = accepted.get(row.id);
return state ? {
...row,
...state
} : row;
});
publishPalette();
}
function setAppMode(on) {
if (!on) host.restoreEhTopbar();
host.coverNative(on);
for (const el of [document.documentElement, document.body]) el.style.overflow = on ? "hidden" : "";
}
let unbind = null;
onMounted(async () => {
unbind = host.onChange(reread);
setAppMode(true);
const pickGid = new URLSearchParams(location.search).get(PICK_PARAM);
if (pickGid) pickedTags.value = await loadPick(pickGid);
const version = sampleClearVersion.value;
try {
const [samples, savedEdits] = await Promise.all([sampleStore.load(), editStore.load()]);
store.value = {
...samples,
galleries: version === sampleClearVersion.value ? samples.galleries : {}
};
edits.value = savedEdits;
storageReady.value = true;
} catch (error) {
reportStorageError(error);
return;
}
filterThreshold.value = (await fetchThresholds()).filter;
savedThreshold.value = filterThreshold.value;
const got = await Promise.all(host.tagSets.filter((s) => s.value !== host.currentSet).map((s) => fetchTagSet(s.value)));
otherSets.value = got.filter((s) => !!s && s.enabled);
edits.value = reconcileMovedEdits(edits.value, [...liveRows.value, ...got.flatMap((set) => set?.rows ?? [])]);
paletteComplete.value = got.every((s) => !!s);
publishPalette();
});
onUnmounted(() => {
currentFetcher.stop();
expungedFetcher.stop();
unbind?.();
setAppMode(false);
});
watch(sampleClearVersion, () => {
currentFetcher.reset();
expungedFetcher.reset();
store.value = {
...store.value,
galleries: {}
};
galleryCache.clear();
warmed.clear();
openedGallery.value = null;
galleryBusy.value = false;
}, { flush: "sync" });
watch(() => store.value.galleries, (galleries) => {
if (storageReady.value) sampleStore.saveGalleries(galleries).catch(reportStorageError);
});
watch(() => store.value.verdicts, (verdicts) => {
if (storageReady.value) sampleStore.saveVerdicts(verdicts).catch(reportStorageError);
});
watch(edits, () => {
flush().catch(reportStorageError);
}, { deep: true });
return (_ctx, _cache) => {
return openBlock(), createElementBlock("section", {
class: "eqt-panel",
inert: !storageReady.value,
style: normalizeStyle({ zoom: unref(myTagsPanelZoom) / 100 })
}, [createVNode(unref(SplitterGroup_default), {
direction: unref(narrowLayout) ? "vertical" : "horizontal",
class: "eqt-panel__workspace"
}, {
default: withCtx(() => [
createVNode(unref(SplitterPanel_default), {
ref_key: "sidePanel",
ref: sidePanel,
class: "eqt-panel__side-panel",
collapsible: "",
"collapsed-size": 0,
"min-size": 0,
"default-size": SIDE_DEFAULT_SIZE
}, {
default: withCtx(({ isCollapsed }) => [createBaseVNode("header", {
ref_key: "topbar",
ref: topbar,
class: "eqt-panel__topbar",
"aria-label": unref(t)("panel.navLabel"),
inert: isCollapsed,
"aria-hidden": isCollapsed || void 0
}, [createBaseVNode("div", _hoisted_3$11, [
createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn eqt-panel__btn--settings",
onClick: _cache[0] || (_cache[0] = ($event) => unref(openSettings)("mytags"))
}, [createVNode(unref(Settings), {
size: 14,
"aria-hidden": "true"
}), createTextVNode(" " + toDisplayString(unref(t)("settings.title")), 1)]),
createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn eqt-panel__eh-toggle",
"aria-expanded": ehTopbarOpen.value,
"aria-controls": "eqt-eh-topbar",
onClick: toggleEhTopbar
}, toDisplayString(unref(t)("panel.ehTopbar")), 9, _hoisted_4$11),
createBaseVNode("button", {
ref_key: "helpAnchor",
ref: helpAnchor,
type: "button",
class: "eqt-panel__btn",
"aria-expanded": helpOpen.value,
"aria-controls": "eqt-mytags-help",
onClick: _cache[1] || (_cache[1] = ($event) => helpOpen.value = !helpOpen.value),
onKeydown: _cache[2] || (_cache[2] = withKeys(($event) => helpOpen.value = false, ["esc"]))
}, toDisplayString(unref(t)("panel.help")), 41, _hoisted_5$10),
createVNode(AnchoredPopover_default, {
open: helpOpen.value,
"onUpdate:open": _cache[5] || (_cache[5] = ($event) => helpOpen.value = $event),
anchor: helpAnchor.value
}, {
default: withCtx(() => [createBaseVNode("section", {
id: "eqt-mytags-help",
class: "eqt-panel__help",
"aria-labelledby": "eqt-mytags-help-title",
onKeydown: _cache[4] || (_cache[4] = withKeys(($event) => helpOpen.value = false, ["esc"]))
}, [
createBaseVNode("header", _hoisted_6$10, [createBaseVNode("h2", _hoisted_7$9, toDisplayString(unref(t)("panel.help")), 1), createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn",
onClick: _cache[3] || (_cache[3] = ($event) => helpOpen.value = false)
}, toDisplayString(unref(t)("settings.close")), 1)]),
createBaseVNode("ol", null, [
createBaseVNode("li", null, [createTextVNode(toDisplayString(unref(t)("panel.helpFeedback")) + " ", 1), createBaseVNode("ul", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(helpUsageLines.value, (segs, i) => {
return openBlock(), createElementBlock("li", { key: i }, [(openBlock(true), createElementBlock(Fragment, null, renderList(segs, (seg, j) => {
return openBlock(), createElementBlock(Fragment, { key: j }, [seg.term ? (openBlock(), createElementBlock("code", _hoisted_8$9, toDisplayString(seg.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(seg.text), 1)], 64))], 64);
}), 128))]);
}), 128))])]),
createBaseVNode("li", null, toDisplayString(unref(t)("panel.helpTagSets")), 1),
createBaseVNode("li", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(t)("panel.helpLanguageFiltering").split(/(\{settings\})/), (part, i) => {
return openBlock(), createElementBlock(Fragment, { key: i }, [part === "{settings}" ? (openBlock(), createElementBlock("a", _hoisted_9$9, toDisplayString(unref(t)("panel.helpSettingsPage")), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part), 1)], 64))], 64);
}), 128))]),
createBaseVNode("li", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(helpSegments(unref(t)("panel.helpQueryExemption")), (seg, i) => {
return openBlock(), createElementBlock(Fragment, { key: i }, [seg.term ? (openBlock(), createElementBlock("code", _hoisted_10$9, toDisplayString(seg.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(seg.text), 1)], 64))], 64);
}), 128)), createBaseVNode("p", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(helpSegments(unref(t)("panel.helpQueryExample")), (seg, i) => {
return openBlock(), createElementBlock(Fragment, { key: i }, [seg.term ? (openBlock(), createElementBlock("code", _hoisted_11$9, toDisplayString(seg.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(seg.text), 1)], 64))], 64);
}), 128))])])
]),
createBaseVNode("a", {
class: "eqt-panel__btn eqt-panel__btn--wiki",
href: wikiUrl.value,
target: "_blank",
rel: "noopener noreferrer"
}, [createVNode(unref(ExternalLink), {
size: 12,
"aria-hidden": "true"
}), createTextVNode(" " + toDisplayString(unref(t)("panel.wiki")), 1)], 8, _hoisted_12$8)
], 32)]),
_: 1
}, 8, ["open", "anchor"])
]), createBaseVNode("label", _hoisted_13$5, [
createTextVNode(toDisplayString(unref(t)("preview.panelZoom")) + " ", 1),
createVNode(EqtNumberField_default, {
modelValue: unref(myTagsPanelZoom),
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(myTagsPanelZoom) ? myTagsPanelZoom.value = $event : null),
min: 50,
max: 150,
step: 5,
label: unref(t)("preview.panelZoom")
}, null, 8, ["modelValue", "label"]),
_cache[21] || (_cache[21] = createBaseVNode("span", null, "%", -1))
])], 8, _hoisted_2$11), createBaseVNode("aside", {
class: "eqt-panel__side",
inert: isCollapsed,
"aria-hidden": isCollapsed || void 0
}, [createVNode(MyTagsTagList_default, {
filter: filter.value,
"onUpdate:filter": _cache[7] || (_cache[7] = ($event) => filter.value = $event),
"bulk-draft": bulkDraft.value,
"onUpdate:bulkDraft": _cache[8] || (_cache[8] = ($event) => bulkDraft.value = $event),
rows: sidebarRows.value,
"total-count": rows.value.length,
edits: editPlan.value.edits,
selected: selectedSaved.value,
sets: tagSets.value,
"current-set": unref(host).currentSet,
impact: impact.value,
"set-colors": setColors.value,
busy: !!writeBusy.value,
onPatch: patch,
onSelect: select
}, null, 8, [
"filter",
"bulk-draft",
"rows",
"total-count",
"edits",
"selected",
"sets",
"current-set",
"impact",
"set-colors",
"busy"
]), createBaseVNode("footer", _hoisted_15$5, [createBaseVNode("div", _hoisted_16$5, [createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn",
disabled: !pendingTotal.value || !!writeBusy.value,
onClick: discard
}, toDisplayString(unref(t)("panel.discard")), 9, _hoisted_17$5), createBaseVNode("button", {
type: "button",
class: "eqt-panel__btn eqt-panel__btn--primary",
disabled: !pendingTotal.value || !!writeBusy.value,
onClick: apply
}, toDisplayString(writeBusy.value || unref(t)("panel.applyN", { n: pendingTotal.value })), 9, _hoisted_18$5)])])], 8, _hoisted_14$5)]),
_: 1
}, 512),
createBaseVNode("div", {
class: "eqt-panel__divider",
"data-orientation": unref(narrowLayout) ? "vertical" : "horizontal"
}, [createBaseVNode("button", {
type: "button",
class: "eqt-panel__panel-toggle eqt-panel__panel-toggle--side",
"aria-expanded": !sidePanel.value?.isCollapsed,
"aria-label": unref(t)(sidePanel.value?.isCollapsed ? "panel.expandTagList" : "panel.collapseTagList"),
title: unref(t)(sidePanel.value?.isCollapsed ? "panel.expandTagList" : "panel.collapseTagList"),
onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"])),
onTouchstart: _cache[10] || (_cache[10] = withModifiers(() => {}, ["stop"])),
onClick: _cache[11] || (_cache[11] = ($event) => sidePanel.value?.isCollapsed ? sidePanel.value.expand() : sidePanel.value?.collapse())
}, [sidePanel.value?.isCollapsed ? (openBlock(), createBlock(unref(ArrowRightFromLine), {
key: 0,
size: 14,
"aria-hidden": "true"
})) : (openBlock(), createBlock(unref(ArrowLeftFromLine), {
key: 1,
size: 14,
"aria-hidden": "true"
}))], 40, _hoisted_20$5), createVNode(unref(SplitterResizeHandle_default), {
class: "eqt-panel__resize-handle eqt-panel__resize-handle--side",
"aria-label": unref(t)("panel.resizeTagList"),
title: unref(t)("panel.resizeTagList")
}, {
default: withCtx(() => [..._cache[22] || (_cache[22] = [createBaseVNode("span", {
class: "eqt-panel__resize-grip",
"aria-hidden": "true"
}, null, -1)])]),
_: 1
}, 8, ["aria-label", "title"])], 8, _hoisted_19$5),
createVNode(unref(SplitterPanel_default), {
"min-size": 30,
"default-size": 100 - SIDE_DEFAULT_SIZE,
class: "eqt-panel__main-panel"
}, {
default: withCtx(() => [createVNode(unref(SplitterGroup_default), {
direction: "horizontal",
class: "eqt-panel__splitter"
}, {
default: withCtx(() => [
createVNode(unref(SplitterPanel_default), {
"min-size": 30,
"default-size": 100 - EDITOR_DEFAULT_SIZE,
class: "eqt-panel__preview-stack"
}, {
default: withCtx(() => [createVNode(unref(SplitterGroup_default), {
direction: "vertical",
class: "eqt-panel__preview-splitter"
}, {
default: withCtx(() => [
createVNode(unref(SplitterPanel_default), {
collapsible: "",
"collapsed-size": 0,
"min-size": 0,
"default-size": 55,
class: "eqt-panel__preview-panel"
}, {
default: withCtx(({ isCollapsed }) => [createVNode(MyTagsPreview_default, {
inert: isCollapsed,
"aria-hidden": isCollapsed || void 0,
"marked-only": markedOnly.value,
"onUpdate:markedOnly": _cache[12] || (_cache[12] = ($event) => markedOnly.value = $event),
"expunged-only": expungedOnly.value,
"onUpdate:expungedOnly": _cache[13] || (_cache[13] = ($event) => expungedOnly.value = $event),
"expunged-busy": unref(expungedFetcher).busy.value,
left: previewLeftItems.value,
right: previewRightItems.value,
verdicts: store.value.verdicts,
selected: previewTarget.value?.full ?? null,
"selected-style": previewSelectedStyle.value,
"refresh-busy": unref(currentFetcher).busy.value,
threshold: activeThreshold.value,
"opened-gid": openedGallery.value?.gid ?? null,
onClearTag: clearPreviewTarget,
onRefresh: refreshPreview,
onSetVerdict: setVerdict,
onRefreshExpunged: _cache[14] || (_cache[14] = ($event) => refreshPreview(true)),
onOpen: openGallery
}, null, 8, [
"inert",
"aria-hidden",
"marked-only",
"expunged-only",
"expunged-busy",
"left",
"right",
"verdicts",
"selected",
"selected-style",
"refresh-busy",
"threshold",
"opened-gid"
])]),
_: 1
}),
openedGallery.value ? (openBlock(), createBlock(unref(SplitterResizeHandle_default), {
key: 0,
class: "eqt-panel__resize-handle eqt-panel__resize-handle--gallery",
"aria-label": unref(t)("panel.resizeGallery"),
title: unref(t)("panel.resizeGallery")
}, {
default: withCtx(() => [..._cache[23] || (_cache[23] = [createBaseVNode("span", {
class: "eqt-panel__resize-grip",
"aria-hidden": "true"
}, null, -1)])]),
_: 1
}, 8, ["aria-label", "title"])) : createCommentVNode("", true),
openedGallery.value ? (openBlock(), createBlock(unref(SplitterPanel_default), {
key: 1,
collapsible: "",
"collapsed-size": 0,
"min-size": 0,
"default-size": 45,
class: "eqt-panel__gallery-panel"
}, {
default: withCtx(({ isCollapsed }) => [createVNode(MyTagsGallery_default, {
inert: isCollapsed,
"aria-hidden": isCollapsed || void 0,
detail: openedGallery.value,
outcome: openedOutcome.value,
appearance: openedAppearance.value,
verdict: store.value.verdicts[String(openedGallery.value.gid)],
loading: galleryBusy.value,
threshold: activeThreshold.value,
onClose: _cache[15] || (_cache[15] = ($event) => openedGallery.value = null),
onPickTag: select,
onSetVerdict: _cache[16] || (_cache[16] = (v) => openedGallery.value && setVerdict(openedGallery.value.gid, v))
}, null, 8, [
"inert",
"aria-hidden",
"detail",
"outcome",
"appearance",
"verdict",
"loading",
"threshold"
])]),
_: 1
})) : createCommentVNode("", true)
]),
_: 1
})]),
_: 1
}, 8, ["default-size"]),
createBaseVNode("div", _hoisted_21$5, [createBaseVNode("button", {
type: "button",
class: "eqt-panel__panel-toggle eqt-panel__panel-toggle--editor",
"aria-expanded": !editorPanel.value?.isCollapsed,
"aria-label": unref(t)(editorPanel.value?.isCollapsed ? "panel.expandEditor" : "panel.collapseEditor"),
title: unref(t)(editorPanel.value?.isCollapsed ? "panel.expandEditor" : "panel.collapseEditor"),
onMousedown: _cache[17] || (_cache[17] = withModifiers(() => {}, ["stop"])),
onTouchstart: _cache[18] || (_cache[18] = withModifiers(() => {}, ["stop"])),
onClick: _cache[19] || (_cache[19] = ($event) => editorPanel.value?.isCollapsed ? editorPanel.value.expand() : editorPanel.value?.collapse())
}, [editorPanel.value?.isCollapsed ? (openBlock(), createBlock(unref(ArrowLeftFromLine), {
key: 0,
size: 14,
"aria-hidden": "true"
})) : (openBlock(), createBlock(unref(ArrowRightFromLine), {
key: 1,
size: 14,
"aria-hidden": "true"
}))], 40, _hoisted_22$5), createVNode(unref(SplitterResizeHandle_default), {
class: "eqt-panel__resize-handle eqt-panel__resize-handle--editor",
"aria-label": unref(t)("panel.resizeEditor"),
title: unref(t)("panel.resizeEditor")
}, {
default: withCtx(() => [..._cache[24] || (_cache[24] = [createBaseVNode("span", {
class: "eqt-panel__resize-grip",
"aria-hidden": "true"
}, null, -1)])]),
_: 1
}, 8, ["aria-label", "title"])]),
createVNode(unref(SplitterPanel_default), {
ref_key: "editorPanel",
ref: editorPanel,
class: "eqt-panel__editor-panel",
collapsible: "",
"collapsed-size": 0,
"min-size": 0,
"default-size": EDITOR_DEFAULT_SIZE
}, {
default: withCtx(({ isCollapsed }) => [createBaseVNode("label", {
class: normalizeClass(["eqt-panel__field", { "eqt-panel__field--dirty": thresholdDirty.value }]),
inert: isCollapsed,
"aria-hidden": isCollapsed || void 0
}, [createTextVNode(toDisplayString(unref(t)("bars.threshold")) + " ", 1), createVNode(EqtNumberField_default, {
modelValue: filterThreshold.value,
"onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => filterThreshold.value = $event),
max: 0,
label: unref(t)("bars.threshold")
}, null, 8, ["modelValue", "label"])], 10, _hoisted_23$4), createVNode(MyTagsCatalog_default, {
id: "eqt-tag-catalog",
inert: isCollapsed,
"aria-hidden": isCollapsed || void 0,
full: catalogTag.value,
state: catalogState.value,
"target-set": catalogRow.value ? moveTarget.value : draft.value.tagSet,
"source-set": catalogRow.value?.tagSet ?? null,
sets: tagSets.value,
impact: catalogImpact.value,
"set-colors": setColors.value,
"style-of": candidateStyle,
busy: createBusy.value || !!writeBusy.value,
previewed: !!catalogTag.value && previewTarget.value?.full === catalogTag.value,
picked: pickedTags.value,
"onUpdate:targetSet": setCatalogTarget,
"onUpdate:full": setCatalogFull,
onPatch: patchCatalog,
onPick: pickCandidate,
onPreview: previewCatalog,
onConfirm: refreshPreview,
onMove: moveCatalogTag,
onRemove: deleteCatalogTag,
onCreate: createNewTag
}, null, 8, [
"inert",
"aria-hidden",
"full",
"state",
"target-set",
"source-set",
"sets",
"impact",
"set-colors",
"busy",
"previewed",
"picked"
])]),
_: 1
}, 512)
]),
_: 1
})]),
_: 1
}, 8, ["default-size"])
]),
_: 1
}, 8, ["direction"]), ehTopbarOpen.value ? (openBlock(), createBlock(MyTagsEhTopbar_default, {
key: 0,
host: unref(host),
style: normalizeStyle({ "--eqt-eh-topbar-top": `${unref(topbarBottom) / (unref(myTagsPanelZoom) / 100)}px` })
}, null, 8, ["host", "style"])) : createCommentVNode("", true)], 12, _hoisted_1$12);
};
}
});
var _hoisted_1$11 = { class: "eqt-settings__item-name" };
var _hoisted_2$10 = {
key: 0,
class: "eqt-settings__active-badge"
};
var _hoisted_3$10 = {
key: 0,
class: "eqt-settings__item-count"
};
var _hoisted_4$10 = ["title"];
var ProfileListItem_default = defineComponent({
__name: "ProfileListItem",
props: {
name: {},
count: {},
isActive: { type: Boolean },
chosen: { type: Boolean },
purgeable: { type: Boolean },
purgeTitle: {}
},
emits: ["click", "purge"],
setup(__props, { emit: __emit }) {
const emit = __emit;
return (_ctx, _cache) => {
return openBlock(), createElementBlock("li", {
class: normalizeClass(["eqt-settings__ns-item eqt-settings__ns-item--clickable", { "eqt-settings__ns-item--chosen": __props.chosen }]),
onClick: _cache[1] || (_cache[1] = ($event) => emit("click"))
}, [
createBaseVNode("span", _hoisted_1$11, [createTextVNode(toDisplayString(__props.name) + " ", 1), __props.isActive ? (openBlock(), createElementBlock("span", _hoisted_2$10, toDisplayString(unref(t)("settings.activeBadge")), 1)) : createCommentVNode("", true)]),
__props.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_3$10, toDisplayString(__props.count), 1)) : createCommentVNode("", true),
__props.purgeable ? (openBlock(), createElementBlock("button", {
key: 1,
class: "eqt-settings__item-btn eqt-settings__item-btn--purge",
type: "button",
title: __props.purgeTitle,
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("purge"), ["stop"]))
}, [createVNode(unref(Trash), { size: 12 })], 8, _hoisted_4$10)) : createCommentVNode("", true)
], 2);
};
}
});
function textAlignToJustify(align) {
return align === "right" ? "flex-end" : align === "center" ? "center" : "flex-start";
}
function buttonPreviewLabel(b) {
if (b.kind === "spacer") return "";
return b.label || (b.kind === "tag" ? b.tags.join(", ") : b.url);
}
var _hoisted_1$10 = { class: "eqt-json-editor" };
var _hoisted_2$9 = { class: "eqt-json-editor__header" };
var _hoisted_3$9 = { class: "eqt-json-editor__title" };
var _hoisted_4$9 = { class: "eqt-json-editor__toolbar" };
var _hoisted_5$9 = ["title"];
var _hoisted_6$9 = ["title"];
var _hoisted_7$8 = ["readonly"];
var _hoisted_8$8 = {
key: 1,
class: "eqt-json-editor__error"
};
var _hoisted_9$8 = {
key: 2,
class: "eqt-popup__actions"
};
var _hoisted_10$8 = {
key: 0,
class: "eqt-json-editor__corrupted-reason"
};
var _hoisted_11$8 = {
key: 3,
class: "eqt-popup__actions",
style: { "justify-content": "center" }
};
var _hoisted_12$7 = {
key: 4,
class: "eqt-popup__actions"
};
var ProfileJsonEditor_default = defineComponent({
__name: "ProfileJsonEditor",
props: {
mode: {},
name: {},
initialText: {},
corruptedReason: {}
},
emits: [
"save",
"restore",
"purge"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const editorText = ref(props.initialText);
const editorError = ref("");
const editorCopied = ref(false);
const { copy: clipboardCopy } = useClipboard({ legacy: true });
const { start: startCopiedTimer } = useTimeoutFn(() => {
editorCopied.value = false;
}, 1500, { immediate: false });
const editorPreview = computed(() => {
try {
const parsed = JSON.parse(editorText.value);
if (!Array.isArray(parsed) || !parsed.every(isValidLine)) return null;
return parsed;
} catch {
return null;
}
});
function onEditorSave() {
if (props.mode !== "normal") return;
try {
const parsed = JSON.parse(editorText.value);
if (!Array.isArray(parsed) || !parsed.every(isValidLine)) {
editorError.value = t("settings.editorInvalidShape");
return;
}
editorError.value = "";
emit("save", parsed);
} catch (err) {
editorError.value = err.message;
}
}
async function onEditorCopy() {
await clipboardCopy(editorText.value);
editorCopied.value = true;
startCopiedTimer();
}
function onEditorExport() {
const blob = new Blob([editorText.value], { type: "application/json" });
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = `EhQuickTag-${props.name}-${new Date().toISOString().slice(0, 10)}.json`;
a.click();
URL.revokeObjectURL(url);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$10, [
createBaseVNode("div", _hoisted_2$9, [createBaseVNode("h4", _hoisted_3$9, toDisplayString(__props.name), 1), createBaseVNode("div", _hoisted_4$9, [createBaseVNode("button", {
class: "eqt-json-editor__tool-btn",
type: "button",
title: editorCopied.value ? unref(t)("settings.editorCopied") : unref(t)("settings.editorCopy"),
onClick: onEditorCopy
}, [editorCopied.value ? (openBlock(), createBlock(unref(Check), {
key: 0,
size: 14
})) : (openBlock(), createBlock(unref(Copy), {
key: 1,
size: 14
}))], 8, _hoisted_5$9), createBaseVNode("button", {
class: "eqt-json-editor__tool-btn",
type: "button",
title: unref(t)("settings.editorExport"),
onClick: onEditorExport
}, [createVNode(unref(Download), { size: 14 })], 8, _hoisted_6$9)])]),
editorPreview.value ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(["eqt-settings__font-preview eqt-json-editor__preview", unref(currentTagStyleClass)])
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(editorPreview.value, (line, li) => {
return openBlock(), createElementBlock(Fragment, { key: li }, [line.kind === "buttons" && line.buttons.some((b) => b.kind !== "spacer") ? (openBlock(), createElementBlock("div", {
key: 0,
class: "eqt-settings__preview-line",
style: normalizeStyle({ justifyContent: unref(textAlignToJustify)(line.style?.textAlign ?? unref(buttonLineTextAlign)) })
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(line.buttons, (b, ti) => {
return openBlock(), createElementBlock(Fragment, { key: ti }, [b.kind !== "spacer" ? (openBlock(), createElementBlock("span", {
key: 0,
class: normalizeClass(["eqt-settings__preview-tag", { "eqt-settings__preview-tag--url": b.kind === "url" }])
}, toDisplayString(unref(buttonPreviewLabel)(b) || unref(t)("settings.emptyTag")), 3)) : createCommentVNode("", true)], 64);
}), 128))], 4)) : createCommentVNode("", true)], 64);
}), 128))], 2)) : createCommentVNode("", true),
withDirectives(createBaseVNode("textarea", {
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editorText.value = $event),
class: "eqt-json-editor__textarea",
spellcheck: "false",
autocomplete: "off",
readonly: __props.mode !== "normal"
}, null, 8, _hoisted_7$8), [[vModelText, editorText.value]]),
editorError.value ? (openBlock(), createElementBlock("p", _hoisted_8$8, toDisplayString(unref(t)("settings.editorJsonError", { message: editorError.value })), 1)) : createCommentVNode("", true),
__props.mode === "corrupted" ? (openBlock(), createElementBlock("div", _hoisted_9$8, [__props.corruptedReason ? (openBlock(), createElementBlock("p", _hoisted_10$8, toDisplayString(unref(t)("settings.corruptedReason", { reason: __props.corruptedReason })), 1)) : createCommentVNode("", true), createBaseVNode("button", {
class: "eqt-popup__btn eqt-popup__btn--delete",
type: "button",
onClick: _cache[1] || (_cache[1] = ($event) => emit("purge"))
}, toDisplayString(unref(t)("settings.purgeProfile")), 1)])) : __props.mode === "deleted" ? (openBlock(), createElementBlock("div", _hoisted_11$8, [createBaseVNode("button", {
class: "eqt-popup__btn eqt-popup__btn--green",
type: "button",
onClick: _cache[2] || (_cache[2] = ($event) => emit("restore"))
}, toDisplayString(unref(t)("settings.restoreProfile")), 1), createBaseVNode("button", {
class: "eqt-popup__btn eqt-popup__btn--delete",
type: "button",
onClick: _cache[3] || (_cache[3] = ($event) => emit("purge"))
}, toDisplayString(unref(t)("settings.purgeProfile")), 1)])) : (openBlock(), createElementBlock("div", _hoisted_12$7, [_cache[4] || (_cache[4] = createBaseVNode("div", { class: "eqt-popup__spacer" }, null, -1)), createBaseVNode("button", {
class: "eqt-popup__btn eqt-popup__btn--green",
type: "button",
onClick: onEditorSave
}, toDisplayString(unref(t)("settings.save")), 1)]))
]);
};
}
});
var _hoisted_1$9 = { class: "eqt-settings__tab-content" };
var _hoisted_2$8 = { class: "eqt-settings__section" };
var _hoisted_3$8 = { class: "eqt-settings__subtitle" };
var _hoisted_4$8 = { class: "eqt-settings__locale-row" };
var _hoisted_5$8 = ["onClick"];
var _hoisted_6$8 = { class: "eqt-settings__hint" };
var _hoisted_7$7 = { class: "eqt-settings__section" };
var _hoisted_8$7 = { class: "eqt-settings__subtitle" };
var _hoisted_9$7 = { class: "eqt-settings__locale-row" };
var _hoisted_10$7 = ["onClick"];
var _hoisted_11$7 = { class: "eqt-settings__hint" };
var _hoisted_12$6 = { class: "eqt-settings__section" };
var _hoisted_13$4 = { class: "eqt-settings__subtitle" };
var _hoisted_14$4 = { class: "eqt-settings__font-row" };
var _hoisted_15$4 = ["value", "placeholder"];
var _hoisted_16$4 = { class: "eqt-settings__hint" };
var _hoisted_17$4 = { class: "eqt-settings__field-row" };
var _hoisted_18$4 = { class: "eqt-settings__field-label" };
var _hoisted_19$4 = ["value"];
var _hoisted_20$4 = { class: "eqt-settings__weight-value" };
var _hoisted_21$4 = { class: "eqt-settings__section" };
var _hoisted_22$4 = { class: "eqt-settings__subtitle" };
var SettingsGeneralTab_default = defineComponent({
__name: "SettingsGeneralTab",
setup(__props) {
const localeOptions = [
{
value: "zh-TW",
label: "繁體中文"
},
{
value: "zh-CN",
label: "简体中文"
},
{
value: "en",
label: "English"
},
{
value: "ja",
label: "日本語"
},
{
value: "ko",
label: "한국어"
}
];
const previewLines = computed(() => getDefaultLines());
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$9, [
createBaseVNode("section", _hoisted_2$8, [
createBaseVNode("h4", _hoisted_3$8, [createVNode(unref(Languages), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.language")), 1)]),
createBaseVNode("div", _hoisted_4$8, [(openBlock(), createElementBlock(Fragment, null, renderList(localeOptions, (opt) => {
return createBaseVNode("button", {
key: opt.value,
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": unref(locale) === opt.value }]),
onClick: ($event) => unref(setLocale)(opt.value)
}, toDisplayString(opt.label), 11, _hoisted_5$8);
}), 64))]),
createBaseVNode("p", _hoisted_6$8, toDisplayString(unref(t)("settings.languageHint")), 1)
]),
createBaseVNode("section", _hoisted_7$7, [
createBaseVNode("h4", _hoisted_8$7, [createVNode(unref(Replace), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.convertToTraditional")), 1)]),
createBaseVNode("div", _hoisted_9$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(CONVERT_TO_TRADITIONAL_MODES), (m) => {
return openBlock(), createElementBlock("button", {
key: m.id,
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": unref(convertToTraditional) === m.id }]),
onClick: ($event) => convertToTraditional.value = m.id
}, toDisplayString(unref(t)(m.labelKey)), 11, _hoisted_10$7);
}), 128))]),
createBaseVNode("p", _hoisted_11$7, toDisplayString(unref(t)("settings.convertToTraditionalHint")), 1)
]),
createBaseVNode("section", _hoisted_12$6, [
createBaseVNode("h4", _hoisted_13$4, [createVNode(unref(Type), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.fontFamily")), 1)]),
createBaseVNode("div", _hoisted_14$4, [createBaseVNode("input", {
value: unref(fontFamily),
class: "eqt-settings__text-input eqt-settings__text-input--full",
placeholder: unref(t)("settings.fontFamilyPlaceholder"),
onInput: _cache[0] || (_cache[0] = ($event) => fontFamily.value = $event.target.value)
}, null, 40, _hoisted_15$4)]),
createBaseVNode("p", _hoisted_16$4, [createTextVNode(toDisplayString(unref(t)("settings.fontFamilyHint")), 1), _cache[2] || (_cache[2] = createBaseVNode("code", null, "\"Noto Sans TC\", sans-serif", -1))]),
createBaseVNode("div", _hoisted_17$4, [
createBaseVNode("label", _hoisted_18$4, toDisplayString(unref(t)("settings.fontWeight")), 1),
createBaseVNode("input", {
type: "range",
min: "100",
max: "900",
step: "100",
value: unref(fontWeight) || "400",
class: "eqt-settings__weight-slider",
onInput: _cache[1] || (_cache[1] = ($event) => fontWeight.value = $event.target.value)
}, null, 40, _hoisted_19$4),
createBaseVNode("span", _hoisted_20$4, toDisplayString(unref(fontWeight) || "400"), 1)
])
]),
createBaseVNode("section", _hoisted_21$4, [createBaseVNode("h4", _hoisted_22$4, [createVNode(unref(Eye), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.preview")), 1)]), createBaseVNode("div", { class: normalizeClass(["eqt-settings__font-preview", unref(currentTagStyleClass)]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(previewLines.value, (line, li) => {
return openBlock(), createElementBlock(Fragment, { key: li }, [line.kind === "buttons" && line.buttons.some((b) => b.kind !== "spacer") ? (openBlock(), createElementBlock("div", {
key: 0,
class: "eqt-settings__preview-line",
style: normalizeStyle({ justifyContent: unref(textAlignToJustify)(line.style?.textAlign ?? unref(buttonLineTextAlign)) })
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(line.buttons, (b, ti) => {
return openBlock(), createElementBlock(Fragment, { key: ti }, [b.kind !== "spacer" ? (openBlock(), createElementBlock("span", {
key: 0,
class: normalizeClass(["eqt-settings__preview-tag", { "eqt-settings__preview-tag--url": b.kind === "url" }])
}, toDisplayString(unref(buttonPreviewLabel)(b)), 3)) : createCommentVNode("", true)], 64);
}), 128))], 4)) : createCommentVNode("", true)], 64);
}), 128))], 2)])
]);
};
}
});
var _hoisted_1$8 = { class: "eqt-settings__tab-content" };
var _hoisted_2$7 = { class: "eqt-settings__section" };
var _hoisted_3$7 = { class: "eqt-settings__subtitle" };
var _hoisted_4$7 = { class: "eqt-settings__row" };
var _hoisted_5$7 = ["checked"];
var _hoisted_6$7 = { class: "eqt-settings__label" };
var _hoisted_7$6 = { class: "eqt-settings__field-row eqt-settings__field-row--sub" };
var _hoisted_8$6 = { class: "eqt-settings__field-label" };
var _hoisted_9$6 = { class: "eqt-settings__locale-row" };
var _hoisted_10$6 = ["disabled", "onClick"];
var _hoisted_11$6 = { class: "eqt-settings__row" };
var _hoisted_12$5 = ["checked"];
var _hoisted_13$3 = { class: "eqt-settings__label" };
var _hoisted_14$3 = { class: "eqt-settings__section" };
var _hoisted_15$3 = { class: "eqt-settings__subtitle" };
var _hoisted_16$3 = { class: "eqt-settings__field-row" };
var _hoisted_17$3 = { class: "eqt-settings__field-label" };
var _hoisted_18$3 = { class: "eqt-settings__locale-row" };
var _hoisted_19$3 = { class: "eqt-settings__row" };
var _hoisted_20$3 = ["checked"];
var _hoisted_21$3 = { class: "eqt-settings__label" };
var _hoisted_22$3 = { class: "eqt-settings__hint" };
var _hoisted_23$3 = { class: "eqt-settings__section" };
var _hoisted_24$3 = { class: "eqt-settings__subtitle" };
var _hoisted_25$3 = { class: "eqt-settings__field-label eqt-settings__field-label--aligned" };
var _hoisted_26$3 = ["value", "onChange"];
var _hoisted_27$3 = { value: "search" };
var _hoisted_28$3 = { value: "searchNewTab" };
var _hoisted_29$2 = { value: "clearSearch" };
var _hoisted_30$1 = { value: "toggleEdit" };
var _hoisted_31$1 = { value: "openSearchPopup" };
var _hoisted_32$1 = { value: "none" };
var _hoisted_33$1 = {
key: 0,
class: "eqt-settings__row"
};
var _hoisted_34$1 = ["checked", "onChange"];
var _hoisted_35$1 = { class: "eqt-settings__label" };
var _hoisted_36$1 = { class: "eqt-settings__section" };
var _hoisted_37$1 = { class: "eqt-settings__subtitle" };
var _hoisted_38$1 = { class: "eqt-settings__row" };
var _hoisted_39$1 = ["checked"];
var _hoisted_40$1 = { class: "eqt-settings__label" };
var _hoisted_41$1 = { class: "eqt-settings__section" };
var _hoisted_42$1 = { class: "eqt-settings__subtitle" };
var _hoisted_43$1 = { class: "eqt-settings__locale-row" };
var _hoisted_44$1 = ["onClick"];
var _hoisted_45$1 = { class: "eqt-settings__row" };
var _hoisted_46 = ["checked"];
var _hoisted_47 = { class: "eqt-settings__label" };
var _hoisted_48 = { class: "eqt-settings__hint" };
var _hoisted_49 = { class: "eqt-settings__section" };
var _hoisted_50 = { class: "eqt-settings__subtitle" };
var _hoisted_51 = { class: "eqt-settings__field-label" };
var _hoisted_52 = { class: "eqt-settings__locale-row" };
var _hoisted_53 = ["onClick"];
var _hoisted_54 = { class: "eqt-settings__section" };
var _hoisted_55 = { class: "eqt-settings__subtitle" };
var SettingsTagBarTab_default = defineComponent({
__name: "SettingsTagBarTab",
setup(__props) {
const dblClickOptions = [{
labelKey: "settings.dblClickLeft",
ref: dblClickLeft,
newTabRef: dblClickLeftNewTabActive
}, {
labelKey: "settings.dblClickRight",
ref: dblClickRight,
newTabRef: dblClickRightNewTabActive
}];
const lineAlignSettings = [{
labelKey: "settings.buttonLineTextAlign",
ref: buttonLineTextAlign
}, {
labelKey: "settings.separatorLineTextAlign",
ref: separatorLineTextAlign
}];
const previewLines = computed(() => getDefaultLines());
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$8, [
createBaseVNode("section", _hoisted_2$7, [
createBaseVNode("h4", _hoisted_3$7, [createVNode(unref(LayoutPanelTop), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.searchBarVisibility")), 1)]),
createBaseVNode("label", _hoisted_4$7, [createBaseVNode("input", {
type: "checkbox",
checked: unref(showSearchPanel),
onChange: _cache[0] || (_cache[0] = ($event) => showSearchPanel.value = $event.target.checked)
}, null, 40, _hoisted_5$7), createBaseVNode("span", _hoisted_6$7, toDisplayString(unref(t)("settings.showSearchPanel")), 1)]),
createBaseVNode("div", _hoisted_7$6, [createBaseVNode("label", _hoisted_8$6, toDisplayString(unref(t)("settings.searchPanelLang")), 1), createBaseVNode("div", _hoisted_9$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(SEARCH_PANEL_LANG_MODES), (m) => {
return openBlock(), createElementBlock("button", {
key: m.id,
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": unref(searchPanelLangMode) === m.id }]),
disabled: !unref(showSearchPanel),
onClick: ($event) => searchPanelLangMode.value = m.id
}, toDisplayString(unref(t)(m.labelKey)), 11, _hoisted_10$6);
}), 128))])]),
createBaseVNode("label", _hoisted_11$6, [createBaseVNode("input", {
type: "checkbox",
checked: unref(enableHistory),
onChange: _cache[1] || (_cache[1] = ($event) => enableHistory.value = $event.target.checked)
}, null, 40, _hoisted_12$5), createBaseVNode("span", _hoisted_13$3, toDisplayString(unref(t)("settings.enableHistory")), 1)])
]),
createBaseVNode("section", _hoisted_14$3, [
createBaseVNode("h4", _hoisted_15$3, [createVNode(unref(Tag), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.sectionTagFormat")), 1)]),
createBaseVNode("div", _hoisted_16$3, [createBaseVNode("label", _hoisted_17$3, toDisplayString(unref(t)("settings.nsFormat")), 1), createBaseVNode("div", _hoisted_18$3, [createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": unref(nsFormat) === "long" }]),
onClick: _cache[2] || (_cache[2] = ($event) => nsFormat.value = "long")
}, toDisplayString(unref(t)("settings.nsFormatLong")), 3), createBaseVNode("button", {
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": unref(nsFormat) === "short" }]),
onClick: _cache[3] || (_cache[3] = ($event) => nsFormat.value = "short")
}, toDisplayString(unref(t)("settings.nsFormatShort")), 3)])]),
createBaseVNode("label", _hoisted_19$3, [createBaseVNode("input", {
type: "checkbox",
checked: unref(defaultExactMatch),
onChange: _cache[4] || (_cache[4] = ($event) => defaultExactMatch.value = $event.target.checked)
}, null, 40, _hoisted_20$3), createBaseVNode("span", _hoisted_21$3, toDisplayString(unref(t)("settings.defaultExactMatch")), 1)]),
createBaseVNode("p", _hoisted_22$3, toDisplayString(unref(t)("settings.defaultExactMatchHint")), 1)
]),
createBaseVNode("section", _hoisted_23$3, [createBaseVNode("h4", _hoisted_24$3, [createVNode(unref(MousePointerClick), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.dblClickActions")), 1)]), (openBlock(), createElementBlock(Fragment, null, renderList(dblClickOptions, ({ labelKey, ref: r, newTabRef }) => {
return createBaseVNode("div", {
key: labelKey,
class: "eqt-settings__field-row"
}, [
createBaseVNode("label", _hoisted_25$3, toDisplayString(unref(t)(labelKey)), 1),
createBaseVNode("select", {
class: "eqt-settings__select",
value: r.value,
onChange: ($event) => r.value = $event.target.value
}, [
createBaseVNode("option", _hoisted_27$3, toDisplayString(unref(t)("settings.actionSearchCurrent")), 1),
createBaseVNode("option", _hoisted_28$3, toDisplayString(unref(t)("settings.actionSearchNewTab")), 1),
createBaseVNode("option", _hoisted_29$2, toDisplayString(unref(t)("settings.actionClear")), 1),
createBaseVNode("option", _hoisted_30$1, toDisplayString(unref(t)("settings.actionToggleEdit")), 1),
createBaseVNode("option", _hoisted_31$1, toDisplayString(unref(t)("settings.actionOpenSearchPopup")), 1),
createBaseVNode("option", _hoisted_32$1, toDisplayString(unref(t)("settings.actionNone")), 1)
], 40, _hoisted_26$3),
r.value === "searchNewTab" ? (openBlock(), createElementBlock("label", _hoisted_33$1, [createBaseVNode("input", {
type: "checkbox",
checked: newTabRef.value,
onChange: ($event) => newTabRef.value = $event.target.checked
}, null, 40, _hoisted_34$1), createBaseVNode("span", _hoisted_35$1, toDisplayString(unref(t)("settings.newTabActivate")), 1)])) : createCommentVNode("", true)
]);
}), 64))]),
createBaseVNode("section", _hoisted_36$1, [createBaseVNode("h4", _hoisted_37$1, [createVNode(unref(ExternalLink), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.sectionUrlButton")), 1)]), createBaseVNode("label", _hoisted_38$1, [createBaseVNode("input", {
type: "checkbox",
checked: unref(followCurrentSite),
onChange: _cache[5] || (_cache[5] = ($event) => followCurrentSite.value = $event.target.checked)
}, null, 40, _hoisted_39$1), createBaseVNode("span", _hoisted_40$1, toDisplayString(unref(t)("settings.followCurrentSite")), 1)])]),
createBaseVNode("section", _hoisted_41$1, [
createBaseVNode("h4", _hoisted_42$1, [createVNode(unref(Palette), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.tagStyle")), 1)]),
createBaseVNode("div", _hoisted_43$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(TAG_STYLE_PRESETS), (preset) => {
return openBlock(), createElementBlock("button", {
key: preset.id,
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": unref(tagStylePreset) === preset.id }]),
onClick: ($event) => tagStylePreset.value = preset.id
}, toDisplayString(unref(t)(preset.labelKey)), 11, _hoisted_44$1);
}), 128))]),
createBaseVNode("label", _hoisted_45$1, [createBaseVNode("input", {
type: "checkbox",
checked: unref(useAccentOnInclude),
onChange: _cache[6] || (_cache[6] = ($event) => useAccentOnInclude.value = $event.target.checked)
}, null, 40, _hoisted_46), createBaseVNode("span", _hoisted_47, toDisplayString(unref(t)("settings.useAccentOnInclude")), 1)]),
createBaseVNode("p", _hoisted_48, toDisplayString(unref(t)("settings.useAccentOnIncludeHint")), 1)
]),
createBaseVNode("section", _hoisted_49, [createBaseVNode("h4", _hoisted_50, [createVNode(unref(LayoutPanelTop), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.sectionLineAlignment")), 1)]), (openBlock(), createElementBlock(Fragment, null, renderList(lineAlignSettings, (row) => {
return createBaseVNode("div", {
key: row.labelKey,
class: "eqt-settings__field-row"
}, [createBaseVNode("label", _hoisted_51, toDisplayString(unref(t)(row.labelKey)), 1), createBaseVNode("div", _hoisted_52, [(openBlock(), createElementBlock(Fragment, null, renderList([
"left",
"center",
"right"
], (align) => {
return createBaseVNode("button", {
key: align,
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": row.ref.value === align }]),
onClick: ($event) => row.ref.value = align
}, toDisplayString(unref(t)(`tagbar.separatorTextAlign_${align}`)), 11, _hoisted_53);
}), 64))])]);
}), 64))]),
createBaseVNode("section", _hoisted_54, [createBaseVNode("h4", _hoisted_55, [createVNode(unref(Eye), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.preview")), 1)]), createBaseVNode("div", { class: normalizeClass(["eqt-settings__font-preview", unref(currentTagStyleClass)]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(previewLines.value, (line, li) => {
return openBlock(), createElementBlock(Fragment, { key: li }, [line.kind === "buttons" && line.buttons.some((b) => b.kind !== "spacer") ? (openBlock(), createElementBlock("div", {
key: 0,
class: "eqt-settings__preview-line",
style: normalizeStyle({ justifyContent: unref(textAlignToJustify)(line.style?.textAlign ?? unref(buttonLineTextAlign)) })
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(line.buttons, (b, ti) => {
return openBlock(), createElementBlock(Fragment, { key: ti }, [b.kind !== "spacer" ? (openBlock(), createElementBlock("span", {
key: 0,
class: normalizeClass(["eqt-settings__preview-tag", { "eqt-settings__preview-tag--url": b.kind === "url" }])
}, toDisplayString(unref(buttonPreviewLabel)(b)), 3)) : createCommentVNode("", true)], 64);
}), 128))], 4)) : createCommentVNode("", true)], 64);
}), 128))], 2)])
]);
};
}
});
var _hoisted_1$7 = { class: "eqt-settings__section" };
var _hoisted_2$6 = { class: "eqt-settings__subtitle" };
var _hoisted_3$6 = { class: "eqt-settings__row" };
var _hoisted_4$6 = ["checked", "disabled"];
var _hoisted_5$6 = { class: "eqt-settings__label" };
var _hoisted_6$6 = { class: "eqt-settings__row" };
var _hoisted_7$5 = ["checked", "disabled"];
var _hoisted_8$5 = { class: "eqt-settings__label" };
var _hoisted_9$5 = { class: "eqt-settings__row" };
var _hoisted_10$5 = ["checked", "disabled"];
var _hoisted_11$5 = { class: "eqt-settings__label" };
var _hoisted_12$4 = ["aria-label"];
var SettingsTagAppearanceSection_default = defineComponent({
__name: "SettingsTagAppearanceSection",
props: { scene: {} },
setup(__props) {
const props = __props;
const scopes = {
gallery: {
enabled: taggingEnhancerEnabled,
colors: galleryMyTagsColorsEnabled,
scores: galleryMyTagsScoresEnabled,
marks: galleryMyTagsMarksEnabled
},
mytags: {
enabled: myTagsEnhancerEnabled,
colors: myTagsGalleryColorsEnabled,
scores: myTagsGalleryScoresEnabled,
marks: myTagsGalleryMarksEnabled
}
};
const scope = computed(() => scopes[props.scene]);
const samples = [
{
weight: 10,
hidden: false,
watch: true
},
{
weight: -10,
hidden: false,
watch: false
},
{
weight: 0,
hidden: true,
watch: false
}
].map((sample) => ({
...sample,
colors: tagColors({
color: "",
setColor: "",
...sample
})
}));
return (_ctx, _cache) => {
return openBlock(), createElementBlock("section", _hoisted_1$7, [
createBaseVNode("h4", _hoisted_2$6, [createVNode(unref(Palette), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.tagAppearance")), 1)]),
createBaseVNode("label", _hoisted_3$6, [createBaseVNode("input", {
type: "checkbox",
checked: scope.value.colors.value,
disabled: !scope.value.enabled.value,
onChange: _cache[0] || (_cache[0] = ($event) => scope.value.colors.value = $event.target.checked)
}, null, 40, _hoisted_4$6), createBaseVNode("span", _hoisted_5$6, toDisplayString(unref(t)("settings.appearanceColors")), 1)]),
createBaseVNode("label", _hoisted_6$6, [createBaseVNode("input", {
type: "checkbox",
checked: scope.value.scores.value,
disabled: !scope.value.enabled.value,
onChange: _cache[1] || (_cache[1] = ($event) => scope.value.scores.value = $event.target.checked)
}, null, 40, _hoisted_7$5), createBaseVNode("span", _hoisted_8$5, toDisplayString(unref(t)("settings.appearanceScores")), 1)]),
createBaseVNode("label", _hoisted_9$5, [createBaseVNode("input", {
type: "checkbox",
checked: scope.value.marks.value,
disabled: !scope.value.enabled.value,
onChange: _cache[2] || (_cache[2] = ($event) => scope.value.marks.value = $event.target.checked)
}, null, 40, _hoisted_10$5), createBaseVNode("span", _hoisted_11$5, toDisplayString(unref(t)("settings.appearanceMarks")), 1)]),
createBaseVNode("div", {
class: "eqt-settings__tag-preview",
role: "group",
"aria-label": unref(t)("settings.preview")
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(samples), (sample, index) => {
return openBlock(), createBlock(TagChip_default, {
key: index,
full: `preview:sample-${index}`,
display: unref(t)("settings.appearanceExample", { n: index + 1 }),
colors: scope.value.colors.value ? sample.colors : void 0,
weight: sample.weight,
hidden: sample.hidden,
watch: sample.watch,
"show-score": scope.value.scores.value,
"show-marks": scope.value.marks.value
}, null, 8, [
"full",
"display",
"colors",
"weight",
"hidden",
"watch",
"show-score",
"show-marks"
]);
}), 128))], 8, _hoisted_12$4)
]);
};
}
});
var _hoisted_1$6 = { class: "eqt-settings__tab-content" };
var _hoisted_2$5 = { class: "eqt-settings__section" };
var _hoisted_3$5 = { class: "eqt-settings__subtitle" };
var _hoisted_4$5 = { class: "eqt-settings__row" };
var _hoisted_5$5 = ["checked"];
var _hoisted_6$5 = { class: "eqt-settings__label" };
var _hoisted_7$4 = { class: "eqt-settings__hint" };
var _hoisted_8$4 = { class: "eqt-settings__row" };
var _hoisted_9$4 = ["checked", "disabled"];
var _hoisted_10$4 = { class: "eqt-settings__label" };
var _hoisted_11$4 = { class: "eqt-settings__hint" };
var _hoisted_12$3 = { class: "eqt-settings__section" };
var _hoisted_13$2 = { class: "eqt-settings__subtitle" };
var _hoisted_14$2 = { class: "eqt-settings__field-row" };
var _hoisted_15$2 = { class: "eqt-settings__field-label" };
var _hoisted_16$2 = ["disabled", "title"];
var _hoisted_17$2 = { class: "eqt-settings__row" };
var _hoisted_18$2 = ["checked", "disabled"];
var _hoisted_19$2 = { class: "eqt-settings__label" };
var _hoisted_20$2 = { class: "eqt-settings__hint" };
var _hoisted_21$2 = {
href: "https://e-hentai.org/g/760051/e601ae7b84/",
target: "_blank",
rel: "noopener noreferrer"
};
var _hoisted_22$2 = { class: "eqt-settings__field-row" };
var _hoisted_23$2 = { class: "eqt-settings__field-label" };
var _hoisted_24$2 = ["disabled", "title"];
var _hoisted_25$2 = { class: "eqt-settings__label" };
var _hoisted_26$2 = { class: "eqt-settings__gallery-preview" };
var _hoisted_27$2 = { class: "eqt-settings__section" };
var _hoisted_28$2 = { class: "eqt-settings__subtitle" };
var _hoisted_29$1 = { class: "eqt-settings__field-label eqt-settings__field-label--aligned" };
var _hoisted_30 = [
"value",
"disabled",
"onChange"
];
var _hoisted_31 = ["value"];
var _hoisted_32 = {
key: 0,
class: "eqt-settings__row"
};
var _hoisted_33 = [
"checked",
"disabled",
"onChange"
];
var _hoisted_34 = { class: "eqt-settings__label" };
var _hoisted_35 = { class: "eqt-settings__section" };
var _hoisted_36 = { class: "eqt-settings__subtitle" };
var _hoisted_37 = { class: "eqt-settings__field-row" };
var _hoisted_38 = { class: "eqt-settings__field-label" };
var _hoisted_39 = { class: "eqt-settings__locale-row" };
var _hoisted_40 = ["onClick"];
var _hoisted_41 = { class: "eqt-settings__hint" };
var _hoisted_42 = { class: "eqt-settings__row" };
var _hoisted_43 = ["checked", "disabled"];
var _hoisted_44 = { class: "eqt-settings__label" };
var _hoisted_45 = { class: "eqt-settings__hint" };
var SettingsGalleryTab_default = defineComponent({
__name: "SettingsGalleryTab",
setup(__props) {
const galleryDblClickOptions = [{
labelKey: "settings.galleryDblClickLeft",
ref: galleryDblClickLeft,
newTabRef: galleryDblClickLeftNewTabActive
}, {
labelKey: "settings.galleryDblClickRight",
ref: galleryDblClickRight,
newTabRef: galleryDblClickRightNewTabActive
}];
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$6, [
createBaseVNode("section", _hoisted_2$5, [
createBaseVNode("h4", _hoisted_3$5, [createVNode(unref(ToggleLeft), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.sectionGalleryToggles")), 1)]),
createBaseVNode("label", _hoisted_4$5, [createBaseVNode("input", {
type: "checkbox",
checked: unref(taggingEnhancerEnabled),
onChange: _cache[0] || (_cache[0] = ($event) => taggingEnhancerEnabled.value = $event.target.checked)
}, null, 40, _hoisted_5$5), createBaseVNode("span", _hoisted_6$5, toDisplayString(unref(t)("settings.taggingEnhancer")), 1)]),
createBaseVNode("p", _hoisted_7$4, toDisplayString(unref(t)("settings.taggingEnhancerHint")), 1),
createBaseVNode("label", _hoisted_8$4, [createBaseVNode("input", {
type: "checkbox",
checked: unref(galleryDragSelectEnabled),
disabled: !unref(taggingEnhancerEnabled),
onChange: _cache[1] || (_cache[1] = ($event) => galleryDragSelectEnabled.value = $event.target.checked)
}, null, 40, _hoisted_9$4), createBaseVNode("span", _hoisted_10$4, toDisplayString(unref(t)("settings.galleryDragSelect")), 1)]),
createBaseVNode("p", _hoisted_11$4, toDisplayString(unref(t)("settings.galleryDragSelectHint")), 1)
]),
createVNode(SettingsTagAppearanceSection_default, { scene: "gallery" }),
createBaseVNode("section", _hoisted_12$3, [
createBaseVNode("h4", _hoisted_13$2, [createVNode(unref(UnfoldVertical), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.sectionGallerySize")), 1)]),
createBaseVNode("div", _hoisted_14$2, [
createBaseVNode("label", _hoisted_15$2, toDisplayString(unref(t)("settings.galleryTaglistHeight")), 1),
withDirectives(createBaseVNode("input", {
class: "eqt-settings__input eqt-settings__input--short",
type: "number",
min: "200",
max: "1000",
step: "10",
disabled: !unref(taggingEnhancerEnabled),
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(galleryTaglistHeight) ? galleryTaglistHeight.value = $event : null),
title: unref(t)("settings.galleryTaglistHeight")
}, null, 8, _hoisted_16$2), [[
vModelText,
unref(galleryTaglistHeight),
void 0,
{ number: true }
]]),
_cache[6] || (_cache[6] = createBaseVNode("span", { class: "eqt-settings__label" }, "px", -1))
]),
createBaseVNode("label", _hoisted_17$2, [createBaseVNode("input", {
type: "checkbox",
checked: unref(galleryTaglistExpand),
disabled: !unref(taggingEnhancerEnabled),
onChange: _cache[3] || (_cache[3] = ($event) => galleryTaglistExpand.value = $event.target.checked)
}, null, 40, _hoisted_18$2), createBaseVNode("span", _hoisted_19$2, toDisplayString(unref(t)("settings.galleryTaglistExpand")), 1)]),
createBaseVNode("p", _hoisted_20$2, [
createTextVNode(toDisplayString(unref(t)("settings.galleryTaglistHeightTipBefore")), 1),
createBaseVNode("a", _hoisted_21$2, toDisplayString(unref(t)("settings.galleryTaglistHeightTipLink")), 1),
createTextVNode(toDisplayString(unref(t)("settings.galleryTaglistHeightTipAfter")), 1)
]),
createBaseVNode("div", _hoisted_22$2, [
createBaseVNode("label", _hoisted_23$2, toDisplayString(unref(t)("settings.galleryTaglistZoom")), 1),
withDirectives(createBaseVNode("input", {
class: "eqt-settings__range",
type: "range",
min: "50",
max: "200",
step: "5",
disabled: !unref(taggingEnhancerEnabled),
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(galleryTaglistZoom) ? galleryTaglistZoom.value = $event : null),
title: unref(t)("settings.galleryTaglistZoom")
}, null, 8, _hoisted_24$2), [[
vModelText,
unref(galleryTaglistZoom),
void 0,
{ number: true }
]]),
createBaseVNode("span", _hoisted_25$2, toDisplayString(unref(galleryTaglistZoom)) + "%", 1)
]),
createBaseVNode("div", _hoisted_26$2, [createBaseVNode("div", {
class: "eqt-gallery-taglist",
style: normalizeStyle({ zoom: unref(galleryTaglistZoom) / 100 })
}, [..._cache[7] || (_cache[7] = [createStaticVNode("<div class=\"eqt-gallery-taglist__row\"><div class=\"eqt-gallery-taglist__label\">language:</div><div class=\"eqt-gallery-taglist__cells\"><div class=\"eqt-gallery-chip eqt-gallery-chip--gt\"><span class=\"eqt-gallery-chip__body\">chinese</span></div><div class=\"eqt-gallery-chip eqt-gallery-chip--gt\"><span class=\"eqt-gallery-chip__body\">translated</span></div></div></div><div class=\"eqt-gallery-taglist__row\"><div class=\"eqt-gallery-taglist__label\">other:</div><div class=\"eqt-gallery-taglist__cells\"><div class=\"eqt-gallery-chip eqt-gallery-chip--gtl\"><span class=\"eqt-gallery-chip__body\">full color</span></div><div class=\"eqt-gallery-chip eqt-gallery-chip--gtw\"><span class=\"eqt-gallery-chip__body\">story arc</span></div></div></div>", 2)])], 4)])
]),
createBaseVNode("section", _hoisted_27$2, [createBaseVNode("h4", _hoisted_28$2, [createVNode(unref(MousePointerClick), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.galleryDblClickActions")), 1)]), (openBlock(), createElementBlock(Fragment, null, renderList(galleryDblClickOptions, ({ labelKey, ref: r, newTabRef }) => {
return createBaseVNode("div", {
key: labelKey,
class: "eqt-settings__field-row"
}, [
createBaseVNode("label", _hoisted_29$1, toDisplayString(unref(t)(labelKey)), 1),
createBaseVNode("select", {
class: "eqt-settings__select",
value: r.value,
disabled: !unref(taggingEnhancerEnabled),
onChange: ($event) => r.value = $event.target.value
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(GALLERY_DBL_CLICK_ACTIONS), (a) => {
return openBlock(), createElementBlock("option", {
key: a.id,
value: a.id
}, toDisplayString(unref(t)(a.labelKey)), 9, _hoisted_31);
}), 128))], 40, _hoisted_30),
r.value === "searchNewTab" ? (openBlock(), createElementBlock("label", _hoisted_32, [createBaseVNode("input", {
type: "checkbox",
checked: newTabRef.value,
disabled: !unref(taggingEnhancerEnabled),
onChange: ($event) => newTabRef.value = $event.target.checked
}, null, 40, _hoisted_33), createBaseVNode("span", _hoisted_34, toDisplayString(unref(t)("settings.newTabActivate")), 1)])) : createCommentVNode("", true)
]);
}), 64))]),
createBaseVNode("section", _hoisted_35, [
createBaseVNode("h4", _hoisted_36, [createVNode(unref(Info), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.sectionIntroPanel")), 1)]),
createBaseVNode("div", _hoisted_37, [createBaseVNode("label", _hoisted_38, toDisplayString(unref(t)("settings.introPanelPrimaryLang")), 1), createBaseVNode("div", _hoisted_39, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(INTRO_PANEL_PRIMARY_LANGS), (m) => {
return openBlock(), createElementBlock("button", {
key: m.id,
type: "button",
class: normalizeClass(["eqt-settings__locale-btn", { "eqt-settings__locale-btn--active": unref(introPanelPrimaryLang) === m.id }]),
onClick: ($event) => introPanelPrimaryLang.value = m.id
}, toDisplayString(unref(t)(m.labelKey)), 11, _hoisted_40);
}), 128))])]),
createBaseVNode("p", _hoisted_41, toDisplayString(unref(t)("settings.introPanelPrimaryLangHint")), 1),
createBaseVNode("label", _hoisted_42, [createBaseVNode("input", {
type: "checkbox",
checked: unref(wikiPreludeExpanded),
disabled: !unref(taggingEnhancerEnabled),
onChange: _cache[5] || (_cache[5] = ($event) => wikiPreludeExpanded.value = $event.target.checked)
}, null, 40, _hoisted_43), createBaseVNode("span", _hoisted_44, toDisplayString(unref(t)("settings.wikiPreludeExpanded")), 1)]),
createBaseVNode("p", _hoisted_45, toDisplayString(unref(t)("settings.wikiPreludeExpandedHint")), 1)
])
]);
};
}
});
var _hoisted_1$5 = { class: "eqt-settings__tab-content" };
var _hoisted_2$4 = { class: "eqt-settings__section" };
var _hoisted_3$4 = { class: "eqt-settings__subtitle" };
var _hoisted_4$4 = { class: "eqt-settings__row" };
var _hoisted_5$4 = ["checked"];
var _hoisted_6$4 = { class: "eqt-settings__label" };
var _hoisted_7$3 = { class: "eqt-settings__hint" };
var _hoisted_8$3 = {
key: 0,
href: "/mytags",
target: "_blank",
rel: "noopener noreferrer"
};
var _hoisted_9$3 = { class: "eqt-settings__section" };
var _hoisted_10$3 = ["disabled"];
var _hoisted_11$3 = { class: "eqt-settings__hint" };
var SettingsMyTagsTab_default = defineComponent({
__name: "SettingsMyTagsTab",
setup(__props) {
const clearingSamples = ref(false);
const toast = useEqtToast();
async function onClearSamples() {
if (clearingSamples.value) return;
clearingSamples.value = true;
try {
if (!await askConfirm(t("settings.myTagsClearSamplesConfirm"), t("settings.myTagsClearSamples"))) return;
await clearSamples();
toast.success(t("settings.myTagsSamplesCleared"));
} catch {
toast.error(t("settings.myTagsClearSamplesFailed"));
} finally {
clearingSamples.value = false;
}
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$5, [
createBaseVNode("section", _hoisted_2$4, [
createBaseVNode("h4", _hoisted_3$4, [createVNode(unref(ToggleLeft), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.sectionMyTagsToggles")), 1)]),
createBaseVNode("label", _hoisted_4$4, [createBaseVNode("input", {
type: "checkbox",
checked: unref(myTagsEnhancerEnabled),
onChange: _cache[0] || (_cache[0] = ($event) => myTagsEnhancerEnabled.value = $event.target.checked)
}, null, 40, _hoisted_5$4), createBaseVNode("span", _hoisted_6$4, toDisplayString(unref(t)("settings.myTagsEnhancer")), 1)]),
createBaseVNode("p", _hoisted_7$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(t)("settings.myTagsEnhancerHint").split(/(\{mytags\})/), (part, i) => {
return openBlock(), createElementBlock(Fragment, { key: i }, [part === "{mytags}" ? (openBlock(), createElementBlock("a", _hoisted_8$3, "/mytags")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part), 1)], 64))], 64);
}), 128))])
]),
createVNode(SettingsTagAppearanceSection_default, { scene: "mytags" }),
createBaseVNode("section", _hoisted_9$3, [createBaseVNode("button", {
type: "button",
class: "eqt-settings__clear-samples",
disabled: clearingSamples.value,
onClick: onClearSamples
}, toDisplayString(unref(t)("settings.myTagsClearSamples")), 9, _hoisted_10$3), createBaseVNode("p", _hoisted_11$3, toDisplayString(unref(t)("settings.myTagsClearSamplesHint")), 1)])
]);
};
}
});
var _hoisted_1$4 = { class: "eqt-settings__tab-content" };
var _hoisted_2$3 = { class: "eqt-settings__section" };
var _hoisted_3$3 = { class: "eqt-settings__subtitle" };
var _hoisted_4$3 = { class: "eqt-settings__row" };
var _hoisted_5$3 = ["title"];
var _hoisted_6$3 = ["value"];
var _hoisted_7$2 = ["title"];
var _hoisted_8$2 = ["disabled"];
var _hoisted_9$2 = { class: "eqt-settings__row" };
var _hoisted_10$2 = ["value"];
var _hoisted_11$2 = { class: "eqt-settings__section" };
var _hoisted_12$2 = { class: "eqt-settings__subtitle" };
var _hoisted_13$1 = { class: "eqt-settings__row" };
var _hoisted_14$1 = ["title"];
var _hoisted_15$1 = ["value"];
var _hoisted_16$1 = ["title"];
var _hoisted_17$1 = ["disabled"];
var _hoisted_18$1 = { class: "eqt-settings__row" };
var _hoisted_19$1 = ["value"];
var _hoisted_20$1 = { class: "eqt-settings__section" };
var _hoisted_21$1 = { class: "eqt-settings__subtitle" };
var _hoisted_22$1 = { class: "eqt-settings__row" };
var _hoisted_23$1 = ["title"];
var _hoisted_24$1 = ["value"];
var _hoisted_25$1 = ["title"];
var _hoisted_26$1 = ["disabled"];
var _hoisted_27$1 = { class: "eqt-settings__row" };
var _hoisted_28$1 = ["value"];
var SettingsDataTab_default = defineComponent({
__name: "SettingsDataTab",
setup(__props) {
const toast = useEqtToast();
const mirrorOptions = Object.entries(TAG_DB_MIRRORS).map(([k, v]) => ({
value: k,
label: v.label
}));
const tagCountMirrorOptions = Object.entries(TAG_COUNT_MIRRORS).map(([k, v]) => ({
value: k,
label: v.label
}));
const tagWikiMirrorOptions = Object.entries(TAG_WIKI_MIRRORS).map(([k, v]) => ({
value: k,
label: v.label
}));
const tagDbUrl = computed(() => TAG_DB_MIRRORS[tagDbMirror.value].url);
const tagCountUrl = computed(() => TAG_COUNT_MIRRORS[tagCountMirror.value].url);
const tagWikiUrl = computed(() => TAG_WIKI_MIRRORS[tagWikiMirror.value].url);
const refreshing = ref(false);
async function onRefreshTagDb() {
refreshing.value = true;
try {
await refreshTagDb({
mirror: tagDbMirror.value,
ttlDays: tagDbTtlDays.value
});
toast.success(t("settings.tagDbRefreshSuccess"));
} catch (e) {
toast.error(t("settings.tagDbRefreshFailed"));
console.error("refreshTagDb failed", e);
} finally {
refreshing.value = false;
}
}
const refreshingTagCount = ref(false);
async function onRefreshTagCount() {
refreshingTagCount.value = true;
try {
await refreshTagCount({
mirror: tagCountMirror.value,
ttlDays: tagCountTtlDays.value
});
toast.success(t("settings.tagCountRefreshSuccess"));
} catch (e) {
toast.error(t("settings.tagCountRefreshFailed"));
console.error("refreshTagCount failed", e);
} finally {
refreshingTagCount.value = false;
}
}
const refreshingTagWiki = ref(false);
async function onRefreshTagWiki() {
refreshingTagWiki.value = true;
try {
await refreshTagWiki({
mirror: tagWikiMirror.value,
ttlDays: tagWikiTtlDays.value
});
toast.success(t("settings.tagWikiRefreshSuccess"));
} catch (e) {
if (e instanceof WikiSchemaMismatchError) toast.error(t("settings.tagWikiSchemaMismatch"));
else toast.error(t("settings.tagWikiRefreshFailed"));
console.error("refreshTagWiki failed", e);
} finally {
refreshingTagWiki.value = false;
}
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$4, [
createBaseVNode("section", _hoisted_2$3, [
createBaseVNode("h4", _hoisted_3$3, [createVNode(unref(Database), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.tagDbSection")), 1)]),
createBaseVNode("div", _hoisted_4$3, [
withDirectives(createBaseVNode("select", {
class: "eqt-settings__select",
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(tagDbMirror) ? tagDbMirror.value = $event : null),
title: unref(t)("settings.tagDbMirror")
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(mirrorOptions), (opt) => {
return openBlock(), createElementBlock("option", {
key: opt.value,
value: opt.value
}, toDisplayString(opt.label), 9, _hoisted_6$3);
}), 128))], 8, _hoisted_5$3), [[vModelSelect, unref(tagDbMirror)]]),
withDirectives(createBaseVNode("input", {
class: "eqt-settings__input eqt-settings__input--short",
type: "number",
min: "1",
max: "30",
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(tagDbTtlDays) ? tagDbTtlDays.value = $event : null),
title: unref(t)("settings.tagDbTtlDays")
}, null, 8, _hoisted_7$2), [[
vModelText,
unref(tagDbTtlDays),
void 0,
{ number: true }
]]),
createBaseVNode("button", {
class: "eqt-settings__refresh-btn",
type: "button",
disabled: refreshing.value,
onClick: onRefreshTagDb
}, [createVNode(unref(RotateCcw), { size: 12 }), createTextVNode(" " + toDisplayString(refreshing.value ? unref(t)("settings.tagDbRefreshing") : unref(t)("settings.tagDbRefresh")), 1)], 8, _hoisted_8$2)
]),
createBaseVNode("div", _hoisted_9$2, [createBaseVNode("input", {
class: "eqt-settings__text-input eqt-settings__text-input--full",
value: tagDbUrl.value,
readonly: ""
}, null, 8, _hoisted_10$2)])
]),
createBaseVNode("section", _hoisted_11$2, [
createBaseVNode("h4", _hoisted_12$2, [createVNode(unref(ChartColumn), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.tagCountSection")), 1)]),
createBaseVNode("div", _hoisted_13$1, [
withDirectives(createBaseVNode("select", {
class: "eqt-settings__select",
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(tagCountMirror) ? tagCountMirror.value = $event : null),
title: unref(t)("settings.tagCountMirror")
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tagCountMirrorOptions), (opt) => {
return openBlock(), createElementBlock("option", {
key: opt.value,
value: opt.value
}, toDisplayString(opt.label), 9, _hoisted_15$1);
}), 128))], 8, _hoisted_14$1), [[vModelSelect, unref(tagCountMirror)]]),
withDirectives(createBaseVNode("input", {
class: "eqt-settings__input eqt-settings__input--short",
type: "number",
min: "1",
max: "30",
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(tagCountTtlDays) ? tagCountTtlDays.value = $event : null),
title: unref(t)("settings.tagCountTtlDays")
}, null, 8, _hoisted_16$1), [[
vModelText,
unref(tagCountTtlDays),
void 0,
{ number: true }
]]),
createBaseVNode("button", {
class: "eqt-settings__refresh-btn",
type: "button",
disabled: refreshingTagCount.value,
onClick: onRefreshTagCount
}, [createVNode(unref(RotateCcw), { size: 12 }), createTextVNode(" " + toDisplayString(refreshingTagCount.value ? unref(t)("settings.tagCountRefreshing") : unref(t)("settings.tagCountRefresh")), 1)], 8, _hoisted_17$1)
]),
createBaseVNode("div", _hoisted_18$1, [createBaseVNode("input", {
class: "eqt-settings__text-input eqt-settings__text-input--full",
value: tagCountUrl.value,
readonly: ""
}, null, 8, _hoisted_19$1)])
]),
createBaseVNode("section", _hoisted_20$1, [
createBaseVNode("h4", _hoisted_21$1, [createVNode(unref(BookOpen), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("settings.tagWikiSection")), 1)]),
createBaseVNode("div", _hoisted_22$1, [
withDirectives(createBaseVNode("select", {
class: "eqt-settings__select",
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(tagWikiMirror) ? tagWikiMirror.value = $event : null),
title: unref(t)("settings.tagWikiMirror")
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tagWikiMirrorOptions), (opt) => {
return openBlock(), createElementBlock("option", {
key: opt.value,
value: opt.value
}, toDisplayString(opt.label), 9, _hoisted_24$1);
}), 128))], 8, _hoisted_23$1), [[vModelSelect, unref(tagWikiMirror)]]),
withDirectives(createBaseVNode("input", {
class: "eqt-settings__input eqt-settings__input--short",
type: "number",
min: "1",
max: "30",
"onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(tagWikiTtlDays) ? tagWikiTtlDays.value = $event : null),
title: unref(t)("settings.tagWikiTtlDays")
}, null, 8, _hoisted_25$1), [[
vModelText,
unref(tagWikiTtlDays),
void 0,
{ number: true }
]]),
createBaseVNode("button", {
class: "eqt-settings__refresh-btn",
type: "button",
disabled: refreshingTagWiki.value,
onClick: onRefreshTagWiki
}, [createVNode(unref(RotateCcw), { size: 12 }), createTextVNode(" " + toDisplayString(refreshingTagWiki.value ? unref(t)("settings.tagWikiRefreshing") : unref(t)("settings.tagWikiRefresh")), 1)], 8, _hoisted_26$1)
]),
createBaseVNode("div", _hoisted_27$1, [createBaseVNode("input", {
class: "eqt-settings__text-input eqt-settings__text-input--full",
value: tagWikiUrl.value,
readonly: ""
}, null, 8, _hoisted_28$1)])
])
]);
};
}
});
var _hoisted_1$3 = { class: "eqt-settings__tab-content eqt-settings__about" };
var _hoisted_2$2 = { class: "eqt-about__hero" };
var _hoisted_3$2 = { class: "eqt-about__version" };
var _hoisted_4$2 = { class: "eqt-about__desc" };
var _hoisted_5$2 = { class: "eqt-about__actions" };
var _hoisted_6$2 = {
class: "eqt-about__action-btn",
href: "https://github.com/Tsuyumi25/EhQuickTag",
target: "_blank",
rel: "noopener"
};
var _hoisted_7$1 = {
class: "eqt-about__action-btn",
href: "https://github.com/Tsuyumi25/EhQuickTag/issues",
target: "_blank",
rel: "noopener"
};
var _hoisted_8$1 = { class: "eqt-about__section" };
var _hoisted_9$1 = { class: "eqt-about__section-title" };
var _hoisted_10$1 = { class: "eqt-about__items" };
var _hoisted_11$1 = {
class: "eqt-about__item",
href: "https://sleazyfork.org/scripts/454282",
target: "_blank",
rel: "noopener"
};
var _hoisted_12$1 = {
class: "eqt-about__item",
href: "https://sleazyfork.org/scripts/454209",
target: "_blank",
rel: "noopener"
};
var _hoisted_13 = {
class: "eqt-about__item",
href: "https://sleazyfork.org/scripts/516145",
target: "_blank",
rel: "noopener"
};
var _hoisted_14 = { class: "eqt-about__section" };
var _hoisted_15 = { class: "eqt-about__section-title" };
var _hoisted_16 = { class: "eqt-about__items" };
var _hoisted_17 = {
class: "eqt-about__item",
href: "https://github.com/sk2589822/Exhentai-Enhancer",
target: "_blank",
rel: "noopener"
};
var _hoisted_18 = {
class: "eqt-about__item",
href: "https://github.com/mokurin000/e-hentai-tag-count",
target: "_blank",
rel: "noopener"
};
var _hoisted_19 = { class: "eqt-about__section" };
var _hoisted_20 = { class: "eqt-about__section-title" };
var _hoisted_21 = { class: "eqt-about__items" };
var _hoisted_22 = {
class: "eqt-about__item",
href: "https://github.com/EhTagTranslation/Database",
target: "_blank",
rel: "noopener"
};
var _hoisted_23 = { class: "eqt-about__item-detail" };
var _hoisted_24 = {
class: "eqt-about__item",
href: "https://github.com/EhTagTranslation/EhSyringe",
target: "_blank",
rel: "noopener"
};
var _hoisted_25 = { class: "eqt-about__item-detail" };
var _hoisted_26 = {
class: "eqt-about__item",
href: "https://github.com/BYVoid/OpenCC",
target: "_blank",
rel: "noopener"
};
var _hoisted_27 = { class: "eqt-about__item-detail" };
var _hoisted_28 = {
class: "eqt-about__item",
href: "https://github.com/URenko/e-hentai-db",
target: "_blank",
rel: "noopener"
};
var _hoisted_29 = { class: "eqt-about__item-detail" };
var SettingsAboutTab_default = defineComponent({
__name: "SettingsAboutTab",
setup(__props) {
const appVersion = "0.23.1";
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$3, [
createBaseVNode("div", _hoisted_2$2, [
_cache[1] || (_cache[1] = createBaseVNode("div", { class: "eqt-about__title" }, "EH Quick Tag", -1)),
createBaseVNode("div", _hoisted_3$2, "v" + toDisplayString(unref(appVersion)), 1),
createBaseVNode("div", _hoisted_4$2, toDisplayString(unref(t)("about.desc")), 1),
createBaseVNode("div", _hoisted_5$2, [createBaseVNode("a", _hoisted_6$2, [createVNode(unref(Code), { size: 14 }), _cache[0] || (_cache[0] = createTextVNode(" GitHub", -1))]), createBaseVNode("a", _hoisted_7$1, [createVNode(unref(CircleAlert), { size: 14 }), createTextVNode(" " + toDisplayString(unref(t)("about.reportIssue")), 1)])])
]),
createBaseVNode("div", _hoisted_8$1, [createBaseVNode("div", _hoisted_9$1, toDisplayString(unref(t)("about.inspiration")), 1), createBaseVNode("div", _hoisted_10$1, [
createBaseVNode("a", _hoisted_11$1, [createVNode(unref(ExternalLink), { size: 12 }), _cache[2] || (_cache[2] = createTextVNode(" Add button on exhentai searchbox ", -1))]),
createBaseVNode("a", _hoisted_12$1, [createVNode(unref(ExternalLink), { size: 12 }), _cache[3] || (_cache[3] = createTextVNode(" ExAdvancedSearchMemo ", -1))]),
createBaseVNode("a", _hoisted_13, [createVNode(unref(ExternalLink), { size: 12 }), _cache[4] || (_cache[4] = createTextVNode(" Lolicon E-Hentai/ExHentai Enhancer ", -1))])
])]),
createBaseVNode("div", _hoisted_14, [createBaseVNode("div", _hoisted_15, toDisplayString(unref(t)("about.techRef")), 1), createBaseVNode("div", _hoisted_16, [createBaseVNode("a", _hoisted_17, [createVNode(unref(Code), { size: 12 }), _cache[5] || (_cache[5] = createTextVNode(" sk2589822/Exhentai-Enhancer ", -1))]), createBaseVNode("a", _hoisted_18, [createVNode(unref(Code), { size: 12 }), _cache[6] || (_cache[6] = createTextVNode(" mokurin000/e-hentai-tag-count ", -1))])])]),
createBaseVNode("div", _hoisted_19, [createBaseVNode("div", _hoisted_20, toDisplayString(unref(t)("about.credits")), 1), createBaseVNode("div", _hoisted_21, [
createBaseVNode("a", _hoisted_22, [
createVNode(unref(Code), { size: 12 }),
_cache[7] || (_cache[7] = createTextVNode(" EhTagTranslation/Database ", -1)),
createBaseVNode("span", _hoisted_23, toDisplayString(unref(t)("about.ehttDetail")), 1)
]),
createBaseVNode("a", _hoisted_24, [
createVNode(unref(Code), { size: 12 }),
_cache[8] || (_cache[8] = createTextVNode(" EhTagTranslation/EhSyringe ", -1)),
createBaseVNode("span", _hoisted_25, toDisplayString(unref(t)("about.ehsyringeDetail")), 1)
]),
createBaseVNode("a", _hoisted_26, [
createVNode(unref(Code), { size: 12 }),
_cache[9] || (_cache[9] = createTextVNode(" BYVoid/OpenCC ", -1)),
createBaseVNode("span", _hoisted_27, toDisplayString(unref(t)("about.openccDetail")), 1)
]),
createBaseVNode("a", _hoisted_28, [
createVNode(unref(Code), { size: 12 }),
_cache[10] || (_cache[10] = createTextVNode(" URenko/e-hentai-db ", -1)),
createBaseVNode("span", _hoisted_29, toDisplayString(unref(t)("about.urenkoDbDetail")), 1)
])
])]),
_cache[11] || (_cache[11] = createBaseVNode("div", { class: "eqt-about__footer" }, "MIT License", -1))
]);
};
}
});
var _hoisted_1$2 = { class: "eqt-popup-overlay" };
var _hoisted_2$1 = { class: "eqt-settings__sidebar" };
var _hoisted_3$1 = { class: "eqt-popup__title" };
var _hoisted_4$1 = ["onClick"];
var _hoisted_5$1 = { class: "eqt-settings__panel" };
var _hoisted_6$1 = { class: "eqt-settings__panel-inner" };
var _hoisted_7 = { class: "eqt-settings__profiles" };
var _hoisted_8 = { class: "eqt-settings__subtitle" };
var _hoisted_9 = { class: "eqt-settings__subtitle" };
var _hoisted_10 = { class: "eqt-settings__ns-list" };
var _hoisted_11 = { class: "eqt-settings__subtitle" };
var _hoisted_12 = { class: "eqt-settings__ns-list" };
var SettingsPopup_default = defineComponent({
__name: "SettingsPopup",
props: { initialTab: {} },
emits: ["close"],
setup(__props, { emit: __emit }) {
const emit = __emit;
const dragOptions = {
...baseDragOptions,
ghostClass: "eqt-settings__ns-item--ghost",
chosenClass: "eqt-settings__ns-item--chosen"
};
const tabKeys = [
"general",
"tagbar",
"gallery",
"mytags",
"data",
"about"
];
const tabLabelKeys = {
general: "settings.tabGeneral",
tagbar: "settings.tabTagBar",
gallery: "settings.tabGallery",
mytags: "settings.tabMyTags",
data: "settings.tabData",
about: "settings.tabAbout"
};
const props = __props;
function narrowTab(s) {
return s && tabKeys.includes(s) ? s : null;
}
const activeTab = ref(narrowTab(props.initialTab) ?? "general");
function tagCount(lines) {
return lines.reduce((sum, l) => sum + (l.kind === "buttons" ? l.buttons.filter((b) => b.kind !== "spacer").length : 0), 0);
}
const tagCounts = computed(() => profiles.map((p, i) => tagCount(i === activeProfileIdx.value ? lines : p.lines)));
const deletedTagCounts = computed(() => deletedProfiles.map((p) => tagCount(p.lines)));
const popupEl = ref(null);
usePopupBehavior({
popupEl,
onClose: () => emit("close")
});
let nextUid = 0;
const uidMap = new WeakMap();
function profileUid(p) {
const raw = toRaw(p);
if (!uidMap.has(raw)) uidMap.set(raw, "p" + nextUid++);
return uidMap.get(raw);
}
let profileDragging = false;
function onProfileChange(evt) {
if (evt.moved) {
const from = evt.moved.oldIndex, to = evt.moved.newIndex;
if (!editingDeleted.value && editingProfileIdx.value >= 0) {
const ed = editingProfileIdx.value;
if (ed === from) editingProfileIdx.value = to;
else if (from < ed && to >= ed) editingProfileIdx.value = ed - 1;
else if (from > ed && to <= ed) editingProfileIdx.value = ed + 1;
}
reorderProfiles(from, to);
}
}
function onProfileStart() {
profileDragging = true;
}
function onProfileEnd() {
setTimeout(() => {
profileDragging = false;
}, 0);
}
const editingProfileIdx = ref(-1);
const editingDeleted = ref(false);
const editingCorrupted = ref(false);
const editingMode = computed(() => editingCorrupted.value ? "corrupted" : editingDeleted.value ? "deleted" : "normal");
const editingName = computed(() => {
const idx = editingProfileIdx.value;
if (idx < 0) return "";
if (editingCorrupted.value) {
const c = corruptedProfiles[idx];
return c ? new Date(c.savedAt).toLocaleString() : "";
}
return editingDeleted.value ? deletedProfiles[idx]?.name : profiles[idx]?.name;
});
const editingInitialText = computed(() => {
const idx = editingProfileIdx.value;
if (idx < 0) return "";
if (editingCorrupted.value) return corruptedProfiles[idx]?.raw ?? "";
const data = editingDeleted.value ? deletedProfiles[idx]?.lines : idx === activeProfileIdx.value ? lines : profiles[idx]?.lines;
return data ? JSON.stringify(data, null, 2) : "";
});
const editingCorruptedReason = computed(() => {
if (!editingCorrupted.value) return void 0;
return corruptedProfiles[editingProfileIdx.value]?.reason;
});
function adjustEditorIdxOnRemove(removedIdx, fromDeleted) {
if (editingDeleted.value !== fromDeleted || editingCorrupted.value) return;
if (editingProfileIdx.value === removedIdx) editingProfileIdx.value = -1;
else if (editingProfileIdx.value > removedIdx) editingProfileIdx.value--;
}
function adjustEditorIdxOnCorruptedRemove(removedIdx) {
if (!editingCorrupted.value) return;
if (editingProfileIdx.value === removedIdx) editingProfileIdx.value = -1;
else if (editingProfileIdx.value > removedIdx) editingProfileIdx.value--;
}
function onDelete(idx) {
adjustEditorIdxOnRemove(idx, false);
deleteProfile(idx);
}
function onRestore(idx) {
adjustEditorIdxOnRemove(idx, true);
restoreProfile(idx);
}
async function onPurge(idx) {
if (!await askConfirm(t("settings.purgeConfirm", { name: deletedProfiles[idx]?.name ?? "" }), t("confirm.delete"))) return;
adjustEditorIdxOnRemove(idx, true);
purgeProfile(idx);
}
async function onPurgeCorrupted(idx) {
const c = corruptedProfiles[idx];
if (!await askConfirm(t("settings.purgeConfirm", { name: c ? new Date(c.savedAt).toLocaleString() : "" }), t("confirm.delete"))) return;
adjustEditorIdxOnCorruptedRemove(idx);
purgeCorrupted(idx);
}
function openEditor(idx, deleted = false) {
if (profileDragging) return;
activeTab.value = null;
editingProfileIdx.value = idx;
editingDeleted.value = deleted;
editingCorrupted.value = false;
}
function openCorrupted(idx) {
activeTab.value = null;
editingProfileIdx.value = idx;
editingDeleted.value = false;
editingCorrupted.value = true;
}
function onEditorSave(parsed) {
updateProfileLines(editingProfileIdx.value, parsed);
}
function onEditorRestore() {
onRestore(editingProfileIdx.value);
}
function onEditorPurge() {
if (editingCorrupted.value) onPurgeCorrupted(editingProfileIdx.value);
else onPurge(editingProfileIdx.value);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$2, [createBaseVNode("div", {
ref_key: "popupEl",
ref: popupEl,
class: "eqt-popup eqt-settings__layout"
}, [
createBaseVNode("nav", _hoisted_2$1, [
createBaseVNode("h3", _hoisted_3$1, toDisplayString(unref(t)("settings.title")), 1),
(openBlock(), createElementBlock(Fragment, null, renderList(tabKeys, (key) => {
return createBaseVNode("button", {
key,
type: "button",
class: normalizeClass(["eqt-settings__tab", { "eqt-settings__tab--active": activeTab.value === key }]),
onClick: ($event) => {
activeTab.value = key;
editingProfileIdx.value = -1;
}
}, toDisplayString(unref(t)(tabLabelKeys[key])), 11, _hoisted_4$1);
}), 64)),
_cache[1] || (_cache[1] = createBaseVNode("div", { class: "eqt-settings__sidebar-spacer" }, null, -1)),
createBaseVNode("button", {
class: "eqt-popup__btn eqt-settings__close-btn",
type: "button",
onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
}, toDisplayString(unref(t)("settings.close")), 1)
]),
createBaseVNode("div", _hoisted_5$1, [withDirectives(createBaseVNode("div", _hoisted_6$1, [
withDirectives(createVNode(SettingsTagBarTab_default, null, null, 512), [[vShow, activeTab.value === "tagbar"]]),
withDirectives(createVNode(SettingsGalleryTab_default, null, null, 512), [[vShow, activeTab.value === "gallery"]]),
withDirectives(createVNode(SettingsMyTagsTab_default, null, null, 512), [[vShow, activeTab.value === "mytags"]]),
withDirectives(createVNode(SettingsDataTab_default, null, null, 512), [[vShow, activeTab.value === "data"]]),
withDirectives(createVNode(SettingsGeneralTab_default, null, null, 512), [[vShow, activeTab.value === "general"]]),
withDirectives(createVNode(SettingsAboutTab_default, null, null, 512), [[vShow, activeTab.value === "about"]])
], 512), [[vShow, editingProfileIdx.value < 0]]), editingProfileIdx.value >= 0 ? (openBlock(), createBlock(ProfileJsonEditor_default, {
key: `${editingProfileIdx.value}-${editingMode.value}`,
mode: editingMode.value,
name: editingName.value,
"initial-text": editingInitialText.value,
"corrupted-reason": editingCorruptedReason.value,
onSave: onEditorSave,
onRestore: onEditorRestore,
onPurge: onEditorPurge
}, null, 8, [
"mode",
"name",
"initial-text",
"corrupted-reason"
])) : createCommentVNode("", true)]),
createBaseVNode("aside", _hoisted_7, [
createBaseVNode("h4", _hoisted_8, toDisplayString(unref(t)("settings.profilesTitle")), 1),
createVNode(unref(draggableComponent), mergeProps(dragOptions, {
"model-value": unref(profiles),
"item-key": profileUid,
filter: ".eqt-settings__item-btn",
"prevent-on-filter": false,
tag: "ul",
class: "eqt-settings__ns-list",
onChange: onProfileChange,
onStart: onProfileStart,
onEnd: onProfileEnd
}), {
item: withCtx(({ element: p, index: i }) => [createVNode(ProfileListItem_default, {
name: p.name,
count: tagCounts.value[i],
"is-active": i === unref(activeProfileIdx),
chosen: editingProfileIdx.value === i && !editingDeleted.value && !editingCorrupted.value,
purgeable: unref(profiles).length > 1,
"purge-title": unref(t)("settings.moveToTrash"),
onClick: ($event) => openEditor(i),
onPurge: ($event) => onDelete(i)
}, null, 8, [
"name",
"count",
"is-active",
"chosen",
"purgeable",
"purge-title",
"onClick",
"onPurge"
])]),
_: 1
}, 16, ["model-value"]),
unref(deletedProfiles).length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("h4", _hoisted_9, toDisplayString(unref(t)("settings.trash")), 1), createBaseVNode("ul", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(deletedProfiles), (p, i) => {
return openBlock(), createBlock(ProfileListItem_default, {
key: i,
name: p.name,
count: deletedTagCounts.value[i],
chosen: editingProfileIdx.value === i && editingDeleted.value,
onClick: ($event) => openEditor(i, true)
}, null, 8, [
"name",
"count",
"chosen",
"onClick"
]);
}), 128))])], 64)) : createCommentVNode("", true),
unref(corruptedProfiles).length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createBaseVNode("h4", _hoisted_11, toDisplayString(unref(t)("settings.corrupted")), 1), createBaseVNode("ul", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(corruptedProfiles), (c, i) => {
return openBlock(), createBlock(ProfileListItem_default, {
key: i,
name: new Date(c.savedAt).toLocaleString(),
chosen: editingProfileIdx.value === i && editingCorrupted.value,
onClick: ($event) => openCorrupted(i)
}, null, 8, [
"name",
"chosen",
"onClick"
]);
}), 128))])], 64)) : createCommentVNode("", true)
])
], 512)]);
};
}
});
var _hoisted_1$1 = { class: "eqt-popup-overlay" };
var _hoisted_2 = { class: "eqt-search-popup__rail" };
var _hoisted_3 = { class: "eqt-search-popup__main" };
var _hoisted_4 = ["placeholder"];
var _hoisted_5 = {
key: 1,
class: "eqt-search-popup__empty"
};
var _hoisted_6 = { class: "eqt-search-popup__chips-scroll" };
var INTERACTIVE_SELECTOR = "button, a, input, select, textarea, [contenteditable], .eqt-popup__suggestion, .eqt-search-panel__button";
var SearchPopup_default = defineComponent({
__name: "SearchPopup",
props: { modelValue: {} },
emits: [
"update:modelValue",
"search",
"close"
],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const query = ref("");
const inputEl = ref(null);
const popupEl = ref(null);
const selectedIdx = ref(0);
const fallbackEntries = shallowRef([]);
const selectedNs = ref(null);
const popupNsList = computed(() => selectedNs.value ? [selectedNs.value] : void 0);
usePopupBehavior({
popupEl,
onClose: () => emit("close")
});
const { dbReady, suggestions } = useTagSuggestions({
query: () => query.value,
namespaces: () => selectedNs.value ? [selectedNs.value] : void 0,
emptyFallback: () => fallbackEntries.value
});
watch(suggestions, () => {
selectedIdx.value = 0;
});
watch(selectedNs, () => {
if (!dbReady.value) return;
fallbackEntries.value = getFallbackEntries({ namespaces: selectedNs.value ? [selectedNs.value] : void 0 });
});
onMounted(async () => {
await loadTagDb();
fallbackEntries.value = getFallbackEntries();
inputEl.value?.focus();
});
const identityIndex = computed(() => buildIdentityIndex(tokenize(props.modelValue)));
function entryStateOf(entry) {
const id = tokenIdentity(entry.fullTag);
if (!id) return TagState.Off;
const present = identityIndex.value.get(id);
if (!present) return TagState.Off;
const prefix = parseTerm(present).prefix;
if (prefix === "-") return TagState.Exclude;
if (prefix === "~") return TagState.Or;
return TagState.Include;
}
function tokenForEntry(entry) {
return serializeEntry(entry, {
nsFormat: nsFormat.value,
exactMatch: defaultExactMatch.value
});
}
function applyEntryState(entry, next) {
const token = tokenForEntry(entry);
if (next === TagState.Off) dismissTerms([token]);
else emit("update:modelValue", setTagState(props.modelValue, [token], next));
}
function onPick(entry) {
applyEntryState(entry, entryStateOf(entry) === TagState.Include ? TagState.Off : TagState.Include);
}
function onCtxMenu(entry) {
const cur = entryStateOf(entry);
const next = getNextRightClickState([entry.fullTag], void 0, cur);
if (next === null) return;
applyEntryState(entry, next);
}
const BG_DBL_ALLOWED = new Set([
"search",
"searchNewTab",
"clearSearch"
]);
function isInteractive(e) {
return !!e.target.closest(INTERACTIVE_SELECTOR);
}
async function execBgDblClick(action, newTabActive) {
if (!BG_DBL_ALLOWED.has(action)) return;
if (action === "clearSearch") emit("update:modelValue", "");
else {
await recordSubmitAndFlush();
emit("search", action, action === "searchNewTab" ? newTabActive : void 0);
}
}
function onBgDblClick(e) {
if (isInteractive(e)) return;
e.preventDefault();
window.getSelection()?.removeAllRanges();
execBgDblClick(dblClickLeft.value, dblClickLeftNewTabActive.value);
}
let lastRightClickTime = 0;
function onBgContextMenu(e) {
if (isInteractive(e)) return;
e.preventDefault();
const action = dblClickRight.value;
if (!BG_DBL_ALLOWED.has(action)) return;
const now = Date.now();
if (now - lastRightClickTime < 500) {
execBgDblClick(action, dblClickRightNewTabActive.value);
lastRightClickTime = 0;
} else lastRightClickTime = now;
}
function onKeydown(e) {
if (e.key === "ArrowDown") {
e.preventDefault();
if (selectedIdx.value < suggestions.value.length - 1) selectedIdx.value++;
} else if (e.key === "ArrowUp") {
e.preventDefault();
if (selectedIdx.value > 0) selectedIdx.value--;
} else if (e.key === "Enter") {
e.preventDefault();
const entry = suggestions.value[selectedIdx.value];
if (entry) onPick(entry);
}
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", _hoisted_1$1, [createBaseVNode("div", {
ref_key: "popupEl",
ref: popupEl,
class: "eqt-popup eqt-search-popup",
onKeydown,
onDblclick: onBgDblClick,
onContextmenu: onBgContextMenu
}, [createBaseVNode("div", _hoisted_2, [createVNode(NamespaceFilter_default, {
modelValue: selectedNs.value,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedNs.value = $event)
}, null, 8, ["modelValue"]), createBaseVNode("button", {
class: "eqt-popup__btn eqt-search-popup__close-btn",
type: "button",
onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
}, toDisplayString(unref(t)("settings.close")), 1)]), createBaseVNode("div", _hoisted_3, [
withDirectives(createBaseVNode("input", {
ref_key: "inputEl",
ref: inputEl,
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => query.value = $event),
class: "eqt-popup__input eqt-search-popup__input",
type: "text",
placeholder: unref(t)("tagConfig.searchPlaceholder"),
autocomplete: "off",
spellcheck: "false"
}, null, 8, _hoisted_4), [[vModelText, query.value]]),
unref(suggestions).length ? (openBlock(), createBlock(SuggestionList_default, {
key: 0,
class: "eqt-search-popup__list",
suggestions: unref(suggestions),
"selected-idx": selectedIdx.value,
"state-of": entryStateOf,
"ns-list": popupNsList.value,
"onUpdate:selectedIdx": _cache[3] || (_cache[3] = ($event) => selectedIdx.value = $event),
onPick,
onCtxmenu: onCtxMenu
}, null, 8, [
"suggestions",
"selected-idx",
"ns-list"
])) : unref(dbReady) ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(unref(t)("tagConfig.noResult")), 1)) : createCommentVNode("", true),
createBaseVNode("div", _hoisted_6, [createVNode(SearchTermRows_default, {
class: "eqt-search-popup__chips",
"model-value": __props.modelValue,
"session-terms": unref(sessionTerms),
"identity-index": identityIndex.value,
"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => emit("update:modelValue", $event)),
onDismissTerms: unref(dismissTerms)
}, null, 8, [
"model-value",
"session-terms",
"identity-index",
"onDismissTerms"
])]),
createVNode(SearchControls_default, {
class: "eqt-search-popup__controls",
"show-lang-toggle": "",
"show-clear-search": "",
"show-search": "",
onSearch: _cache[5] || (_cache[5] = ($event) => emit("search", "search"))
})
])], 544)]);
};
}
});
var _hoisted_1 = { class: "eqt-confirm__actions" };
var ConfirmDialog_default = defineComponent({
__name: "ConfirmDialog",
setup(__props) {
function onOpenChange(open) {
if (!open) confirmRequest.value?.resolve(false);
}
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(AlertDialogRoot_default), {
open: !!unref(confirmRequest),
"onUpdate:open": onOpenChange
}, {
default: withCtx(() => [createVNode(unref(AlertDialogPortal_default), { to: "#eqt-app" }, {
default: withCtx(() => [createVNode(unref(AlertDialogOverlay_default), { class: "eqt-confirm__overlay" }), unref(confirmRequest) ? (openBlock(), createBlock(unref(AlertDialogContent_default), {
key: 0,
class: "eqt-confirm"
}, {
default: withCtx(() => [
createVNode(unref(AlertDialogTitle_default), { class: "eqt-confirm__title" }, {
default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("confirm.title")), 1)]),
_: 1
}),
createVNode(unref(AlertDialogDescription_default), { class: "eqt-confirm__message" }, {
default: withCtx(() => [createTextVNode(toDisplayString(unref(confirmRequest).message), 1)]),
_: 1
}),
createBaseVNode("div", _hoisted_1, [createVNode(unref(AlertDialogCancel_default), { class: "eqt-confirm__cancel" }, {
default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("confirm.keep")), 1)]),
_: 1
}), createBaseVNode("button", {
type: "button",
class: "eqt-confirm__action",
onClick: _cache[0] || (_cache[0] = ($event) => unref(confirmRequest)?.resolve(true))
}, toDisplayString(unref(confirmRequest).confirmLabel), 1)])
]),
_: 1
})) : createCommentVNode("", true)]),
_: 1
})]),
_: 1
}, 8, ["open"]);
};
}
});
var App_default = defineComponent({
__name: "App",
setup(__props) {
const formHost = useEhFormHost();
const galleryHost = taggingEnhancerEnabled.value ? useEhGalleryHost() : null;
const myTagsHost = myTagsEnhancerEnabled.value ? useEhMyTagsHost() : null;
const { searchText, search } = usePageSearch();
const toast = useEqtToast();
onMounted(() => {
if (location.pathname !== "/mytags" || myTagsHost) return;
refreshMyTagsPalette().catch(() => toast.error(t("gallery.myTagsColorsFailed")));
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock(Fragment, null, [
unref(formHost) ? (openBlock(), createBlock(Teleport, {
key: 0,
to: unref(formHost).anchor
}, [createVNode(TagBar_default)], 8, ["to"])) : createCommentVNode("", true),
unref(galleryHost) ? (openBlock(), createBlock(Teleport, {
key: 1,
to: unref(galleryHost).anchor
}, [createVNode(GalleryTagList_default)], 8, ["to"])) : createCommentVNode("", true),
unref(myTagsHost) ? (openBlock(), createBlock(Teleport, {
key: 2,
to: unref(myTagsHost).anchor
}, [createVNode(MyTagsPanel_default)], 8, ["to"])) : createCommentVNode("", true),
unref(showSettings) ? (openBlock(), createBlock(SettingsPopup_default, {
key: 3,
"initial-tab": unref(initialSettingsTab),
onClose: _cache[0] || (_cache[0] = ($event) => showSettings.value = false)
}, null, 8, ["initial-tab"])) : createCommentVNode("", true),
unref(showSearchPopup) ? (openBlock(), createBlock(SearchPopup_default, {
key: 4,
modelValue: unref(searchText),
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchText) ? searchText.value = $event : null),
onSearch: unref(search),
onClose: _cache[2] || (_cache[2] = ($event) => showSearchPopup.value = false)
}, null, 8, ["modelValue", "onSearch"])) : createCommentVNode("", true),
createVNode(ConfirmDialog_default)
], 64);
};
}
});
_css(".eqt-tag-bar{margin:6px 0;position:relative}.eqt-tag-bar--accent-on-include{--include-base:var(--eqt-status-include)}.eqt-tag-bar__overlay{background:var(--eqt-bg-hover);border-radius:var(--eqt-radius-md);clip-path:circle(0 at 14px 14px);opacity:0;pointer-events:none;z-index:1;transition:clip-path .4s ease-out,opacity .4s ease-out;position:absolute;inset:0}.eqt-tag-bar:has(.eqt-tag-bar__info:hover) .eqt-tag-bar__overlay{clip-path:circle(150% at 14px 14px);opacity:1}.eqt-tag-bar__info{width:var(--eqt-row-h);height:var(--eqt-row-h);color:var(--eqt-text-hint);-webkit-user-select:none;user-select:none;z-index:2;justify-content:center;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex;position:absolute;top:0;right:100%}.eqt-tag-bar__info-text{background:var(--eqt-bg);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);box-shadow:var(--eqt-shadow-popover);color:var(--eqt-text);font-size:var(--eqt-fs-sm);text-align:left;white-space:nowrap;pointer-events:none;z-index:3;margin-left:10px;padding:6px 10px;line-height:1.5;display:none;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.eqt-tag-bar__info-text:before,.eqt-tag-bar__info-text:after{content:\"\";border-style:solid;width:0;height:0;position:absolute;top:50%;right:100%}.eqt-tag-bar__info-text:before{border-width:6px 7px 6px 0;border-color:transparent var(--eqt-border) transparent transparent;transform:translateY(-50%)}.eqt-tag-bar__info-text:after{transform:translateY(-50%) translateX(var(--eqt-border-width));border-width:5px 6px 5px 0;border-color:transparent var(--eqt-bg) transparent transparent}.eqt-tag-bar__info:hover .eqt-tag-bar__info-text{flex-direction:column;display:flex}.eqt-tag-bar__info-section{color:var(--eqt-text-hint);font-size:11px}.eqt-tag-bar__info-section+*{margin-top:1px}.eqt-tag-bar__info-section:not(:first-of-type){border-top:var(--eqt-border-width) solid var(--eqt-divider);margin-top:6px;padding-top:6px}.eqt-tag-bar__info-row{padding-left:8px}.eqt-tag-bar__info-hint{color:var(--eqt-text-hint);padding-left:8px;font-size:11px}.eqt-tag-bar__lines{width:calc(100% - 2 * var(--eqt-controls-w,0px));flex-direction:column;gap:4px;margin:0 auto;display:flex}.eqt-tag-bar__line-rows{flex-direction:column;gap:0;display:flex;position:relative}.eqt-tag-bar__search-area{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);border-radius:6px;margin-top:6px;padding:14px 6px 6px;position:relative}.eqt-tag-bar__search-area-label{background:var(--eqt-bg);color:var(--eqt-text-hint);-webkit-user-select:none;user-select:none;pointer-events:none;padding:0 6px;font-size:11px;line-height:1;position:absolute;top:0;left:10px;transform:translateY(-50%)}.eqt-tag-bar__line-wrap{grid-template-columns:var(--eqt-controls-w,var(--eqt-row-h)) minmax(0, 1fr) var(--eqt-controls-w,var(--eqt-row-h));margin-inline:calc(-1 * var(--eqt-controls-w,var(--eqt-row-h)));align-items:flex-start;padding-block:2px;display:grid;position:relative}.eqt-tag-bar__line-wrap--placeholder>.eqt-tag-bar__line{grid-column:2}:is(.eqt-tag-bar__line-wrap:has(>.eqt-tag-bar__line-controls .eqt-tag-bar__handle:hover),.eqt-tag-bar__line-wrap:has(>.eqt-tag-bar__line-actions:hover),.eqt-tag-bar__line-wrap--actions-active){background:var(--eqt-bg-hover);border-radius:var(--eqt-radius-sm)}.eqt-tag-bar__line-wrap--ghost{opacity:.4}.eqt-tag-bar__line-controls{width:100%;height:var(--eqt-row-h);justify-content:center;align-items:center;display:flex}.eqt-tag-bar__handle{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-tag-bar__handle:disabled{opacity:.3;cursor:default}.eqt-tag-bar__handle{width:var(--eqt-row-h);height:var(--eqt-row-h);color:var(--eqt-text-hint);background:0 0;border:none;padding:0}.eqt-tag-bar__handle:hover:not(:disabled){color:var(--eqt-text)}.eqt-tag-bar__handle{cursor:grab;-webkit-user-select:none;user-select:none}.eqt-tag-bar__handle:active{cursor:grabbing}.eqt-tag-bar__handle--hidden{visibility:hidden;pointer-events:none}.eqt-tag-bar__bottom-row{align-items:center;gap:4px;margin-top:6px;margin-bottom:6px;display:flex}.eqt-tag-bar__line-add{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);flex:1;display:flex;overflow:hidden}.eqt-tag-bar__line-add .eqt-tag-bar__tool{flex:1}.eqt-tag-bar__item-add{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);display:flex;overflow:hidden}.eqt-tag-bar__tool{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-tag-bar__tool:disabled{opacity:.3;cursor:default}.eqt-tag-bar__tool{color:var(--eqt-text-hint);background:0 0;border:none;border-radius:0;padding:2px 8px}.eqt-tag-bar__tool:hover:not(:disabled){background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-tag-bar__tool+.eqt-tag-bar__tool{border-left:var(--eqt-border-width) solid var(--eqt-border)}.eqt-tag-bar__tool{cursor:grab;-webkit-user-select:none;user-select:none}.eqt-tag-bar__tool--chosen{cursor:grabbing}.eqt-tag-bar__tool--ghost{opacity:.4}.eqt-tag-bar__tool--drag{opacity:.9}.eqt-tag-bar__ctrl-split{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-btn);display:flex;overflow:hidden}.eqt-tag-bar__ctrl-split-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-tag-bar__ctrl-split-btn:disabled{opacity:.3;cursor:default}.eqt-tag-bar__ctrl-split-btn{color:var(--eqt-text-hint);background:0 0;border:none;border-radius:0;padding:2px 8px}.eqt-tag-bar__ctrl-split-btn:hover:not(:disabled){background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-tag-bar__ctrl-split-btn+.eqt-tag-bar__ctrl-split-btn{border-left:var(--eqt-border-width) solid var(--eqt-border)}.eqt-tag-bar__ctrl-split-btn{color:var(--eqt-text)}.eqt-tag-bar__line-actions{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-tag-bar__line-actions:disabled{opacity:.3;cursor:default}.eqt-tag-bar__line-actions{width:var(--eqt-row-h);height:var(--eqt-row-h);color:var(--eqt-text-hint);background:0 0;border:none;padding:0}.eqt-tag-bar__line-actions{flex-shrink:0;width:100%;padding:0}.eqt-tag-bar__line-actions:hover:not(:disabled){color:var(--eqt-danger)}.eqt-tag-bar__line-menu-back{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-tag-bar__line-menu-back:disabled{opacity:.3;cursor:default}.eqt-tag-bar__line-menu-back{color:var(--eqt-text-hint);background:0 0;border:none}.eqt-tag-bar__line-menu-back:hover:not(:disabled){background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-tag-bar__line-menu-back{width:100%;color:var(--eqt-text);align-items:center;gap:4px;padding:4px;font-weight:600;display:flex}.eqt-tag-bar__line{min-height:var(--eqt-row-h);flex-wrap:wrap;flex:1;gap:4px;display:flex}.eqt-tag-bar__line--buttons-align-center{justify-content:center}.eqt-tag-bar__line--buttons-align-right{justify-content:flex-end}.eqt-tag-bar__line--separator{min-height:var(--eqt-row-h);color:var(--line-color,var(--eqt-border));--separator-line-length:100%;font-size:10px;line-height:1.4;position:relative}.eqt-tag-bar__line--separator:before,.eqt-tag-bar__line--separator:after{content:\"\";border-top:var(--separator-line-thickness,2px) solid var(--line-color,var(--eqt-border))}.eqt-tag-bar__line--separator-pos-middle{flex-direction:row;align-items:center;display:flex}.eqt-tag-bar__line--separator-pos-middle:before,.eqt-tag-bar__line--separator-pos-middle:after{flex:1}.eqt-tag-bar__line--separator-pos-middle:not(:has(.eqt-tag-bar__separator-label)):after{display:none}.eqt-tag-bar__line--separator-pos-middle:not(:has(.eqt-tag-bar__separator-label)):before{max-width:var(--separator-line-length)}.eqt-tag-bar__line--separator-pos-middle:not(:has(.eqt-tag-bar__separator-label)).eqt-tag-bar__line--separator-align-left{justify-content:flex-start}.eqt-tag-bar__line--separator-pos-middle:not(:has(.eqt-tag-bar__separator-label)).eqt-tag-bar__line--separator-align-center{justify-content:center}.eqt-tag-bar__line--separator-pos-middle:not(:has(.eqt-tag-bar__separator-label)).eqt-tag-bar__line--separator-align-right{justify-content:flex-end}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label){justify-content:center;gap:8px}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label):before{max-width:calc(var(--separator-line-length) / 2)}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label):after{max-width:calc(var(--separator-line-length) / 2)}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label).eqt-tag-bar__line--separator-align-left{justify-content:flex-start}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label).eqt-tag-bar__line--separator-align-left:before{border-top:0;flex:0}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label).eqt-tag-bar__line--separator-align-left:after{max-width:var(--separator-line-length)}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label).eqt-tag-bar__line--separator-align-right{justify-content:flex-end}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label).eqt-tag-bar__line--separator-align-right:after{border-top:0;flex:0}.eqt-tag-bar__line--separator-pos-middle:has(.eqt-tag-bar__separator-label).eqt-tag-bar__line--separator-align-right:before{max-width:var(--separator-line-length)}.eqt-tag-bar__line--separator-pos-top{padding-top:calc(var(--separator-line-thickness,2px) + 2px);justify-content:center;align-items:flex-start;display:flex}.eqt-tag-bar__line--separator-pos-top:before{top:0;left:calc((100% - var(--separator-line-length)) / 2);right:calc((100% - var(--separator-line-length)) / 2);position:absolute}.eqt-tag-bar__line--separator-pos-top:after{display:none}.eqt-tag-bar__line--separator-pos-top.eqt-tag-bar__line--separator-align-left{justify-content:flex-start}.eqt-tag-bar__line--separator-pos-top.eqt-tag-bar__line--separator-align-left:before{left:0;right:calc(100% - var(--separator-line-length))}.eqt-tag-bar__line--separator-pos-top.eqt-tag-bar__line--separator-align-right{justify-content:flex-end}.eqt-tag-bar__line--separator-pos-top.eqt-tag-bar__line--separator-align-right:before{left:calc(100% - var(--separator-line-length));right:0}.eqt-tag-bar__line--separator-pos-bottom{padding-bottom:calc(var(--separator-line-thickness,2px) + 2px);justify-content:center;align-items:flex-end;display:flex}.eqt-tag-bar__line--separator-pos-bottom:before{display:none}.eqt-tag-bar__line--separator-pos-bottom:after{bottom:0;left:calc((100% - var(--separator-line-length)) / 2);right:calc((100% - var(--separator-line-length)) / 2);position:absolute}.eqt-tag-bar__line--separator-pos-bottom.eqt-tag-bar__line--separator-align-left{justify-content:flex-start}.eqt-tag-bar__line--separator-pos-bottom.eqt-tag-bar__line--separator-align-left:after{left:0;right:calc(100% - var(--separator-line-length))}.eqt-tag-bar__line--separator-pos-bottom.eqt-tag-bar__line--separator-align-right{justify-content:flex-end}.eqt-tag-bar__line--separator-pos-bottom.eqt-tag-bar__line--separator-align-right:after{left:calc(100% - var(--separator-line-length));right:0}.eqt-tag-bar__line--separator-dashed:before,.eqt-tag-bar__line--separator-dashed:after{border-top-style:dashed}.eqt-tag-bar__line--separator-none:before,.eqt-tag-bar__line--separator-none:after{border-top:0}.eqt-tag-bar__separator-label{white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}.eqt-tag-bar__separator-label--editing{cursor:text;outline:none}.eqt-tag-bar__separator-label--editing:empty:before{content:attr(data-placeholder);color:var(--eqt-text-hint);opacity:.5;pointer-events:none}.eqt-tag-bar__separator-label--editing:has(>br:only-child):before{content:attr(data-placeholder);color:var(--eqt-text-hint);opacity:.5;pointer-events:none}.eqt-tag-bar__controls{gap:4px;margin-left:auto;display:flex}.eqt-tag-bar__profile-row{align-items:stretch;gap:4px;margin-top:6px;display:flex;position:relative}.eqt-tag-bar__profile-nav{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text-hint);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;flex:2;justify-content:center;align-items:center;padding:0 6px;font-size:11px;line-height:1.4;display:flex;overflow:hidden}.eqt-tag-bar__profile-nav--prev,.eqt-tag-bar__profile-nav--next{text-align:center}.eqt-tag-bar__profile-nav:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-tag-bar__profile-nav:disabled{opacity:.3;cursor:default}.eqt-tag-bar__profile-split{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:3px;flex:5;min-width:0;position:relative}.eqt-tag-bar__profile-split-name{background:var(--eqt-bg-btn);width:100%;color:var(--eqt-text);cursor:pointer;text-align:center;text-overflow:ellipsis;white-space:nowrap;border:none;min-width:0;padding:0;font-size:13px;font-weight:700;line-height:1.4;display:block;overflow:hidden}.eqt-tag-bar__profile-split-name:hover{background:var(--eqt-bg-hover)}.eqt-tag-bar__profile-split-delete{border:none;border-left:var(--eqt-border-width) solid var(--eqt-border);color:var(--eqt-text-hint);cursor:pointer;background:0 0;border-radius:0 3px 3px 0;align-items:center;padding:0 8px;font-size:11px;line-height:1.4;display:flex;position:absolute;top:0;bottom:0;right:0}.eqt-tag-bar__profile-split-delete:hover:not(:disabled){background:var(--eqt-danger-bg-hover);color:var(--eqt-danger)}.eqt-tag-bar__profile-split-delete:disabled{opacity:.3;cursor:default}.eqt-tag-bar__profile-split-delete--hidden{visibility:hidden;pointer-events:none}.eqt-tag-bar__profile-input{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg);color:var(--eqt-text);text-align:center;box-sizing:border-box;border-radius:3px;flex:5;padding:0;font-size:13px;font-weight:700;line-height:1.4}.eqt-tag-bar__profile-input:focus{outline:none}.eqt-tag-bar__btn{box-sizing:border-box;height:var(--eqt-row-h);border:var(--eqt-border-width) solid var(--line-color,var(--eqt-border));background:color-mix(in srgb, var(--line-color,var(--eqt-bg-btn)) 15%, var(--eqt-bg-btn));color:var(--eqt-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--eqt-transition-base);border-radius:3px;align-items:center;gap:4px;padding:0 8px;font-size:12px;line-height:1.4;display:inline-flex}.eqt-tag-bar__btn:hover{background:var(--eqt-bg-hover)}.eqt-tag-bar__btn--url{text-decoration:none}.eqt-tag-bar__btn--editing{cursor:grab}.eqt-tag-bar__btn--editing:hover{background:var(--eqt-bg-hover)}.eqt-tag-bar__btn--ghost{opacity:.4}.eqt-tag-bar__btn--chosen{cursor:grabbing}.eqt-tag-bar__btn--drag{opacity:.8;box-shadow:var(--eqt-shadow-drag)}.eqt-tag-bar__spacer{box-sizing:border-box;height:var(--eqt-row-h);position:relative}.eqt-tag-bar__spacer--flex{flex:1 1 0;min-width:8px}.eqt-tag-bar__spacer--fixed{flex:none;max-width:100%}.eqt-tag-bar__spacer--editing{border:var(--eqt-border-width) dashed color-mix(in srgb, var(--eqt-border) 60%, transparent);border-radius:var(--eqt-radius-sm);cursor:grab}.eqt-tag-bar__spacer--editing:focus-visible{outline:var(--eqt-border-width) solid var(--eqt-green);outline-offset:1px}.eqt-tag-bar__spacer--grip-left.eqt-tag-bar__spacer--editing:before,.eqt-tag-bar__spacer--grip-right.eqt-tag-bar__spacer--editing:after{content:\"\";box-sizing:border-box;top:calc(-1 * var(--eqt-border-width));bottom:calc(-1 * var(--eqt-border-width));width:min(6px, 50% + var(--eqt-border-width));border:var(--eqt-border-width) solid var(--eqt-text);pointer-events:none;position:absolute}.eqt-tag-bar__spacer--grip-left.eqt-tag-bar__spacer--editing:before{left:calc(-1 * var(--eqt-border-width));border-radius:var(--eqt-radius-sm) 0 0 var(--eqt-radius-sm);border-right:none}.eqt-tag-bar__spacer--grip-right.eqt-tag-bar__spacer--editing:after{right:calc(-1 * var(--eqt-border-width));border-radius:0 var(--eqt-radius-sm) var(--eqt-radius-sm) 0;border-left:none}.eqt-tag-bar__spacer-body{height:100%;color:var(--eqt-text-hint);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.eqt-tag-bar__spacer-grip{top:calc(-1 * var(--eqt-border-width));bottom:calc(-1 * var(--eqt-border-width));cursor:ew-resize;touch-action:none;z-index:2;width:min(12px,50% + 6px);position:absolute;right:-6px}.eqt-tag-bar__spacer-grip--left{left:-6px;right:auto}.eqt-tag-bar__spacer-guide{background:var(--eqt-status-or);pointer-events:none;z-index:5;width:2px;position:absolute}.eqt-tag-bar__ctrl{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-tag-bar__ctrl:disabled{opacity:.3;cursor:default}.eqt-tag-bar__ctrl{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-tag-bar__ctrl:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-tag-bar__ctrl{padding:2px 6px}.eqt-tag-bar__ctrl--toggle{align-items:center;display:inline-grid}.eqt-tag-bar__ctrl--toggle>*{grid-area:1/1;align-items:center;gap:4px;display:inline-flex}.eqt-tag-bar__ctrl--toggle.is-active,.eqt-tag-bar__ctrl--toggle.is-active:hover{background:var(--eqt-border)}.eqt-tag-bar__ctrl-hidden{visibility:hidden}");
_css("#eqt-bar-anchor,#eqt-gallery-anchor,#eqt-mytags-anchor{font-family:var(--eqt-font-family,inherit);font-weight:var(--eqt-font-weight,inherit);line-height:1.4}#eqt-app{font-family:var(--eqt-font-family,inherit);font-weight:var(--eqt-font-weight,inherit);font-size:var(--eqt-fs-md);line-height:1.4}#eqt-app *,#eqt-app :before,#eqt-app :after,#eqt-bar-anchor *,#eqt-bar-anchor :before,#eqt-bar-anchor :after,#eqt-gallery-anchor *,#eqt-gallery-anchor :before,#eqt-gallery-anchor :after,#eqt-mytags-anchor *,#eqt-mytags-anchor :before,#eqt-mytags-anchor :after{box-sizing:border-box}:where(#eqt-app,#eqt-bar-anchor,#eqt-mytags-anchor) input[type=checkbox]{appearance:none;width:var(--eqt-checkbox-size);height:var(--eqt-checkbox-size);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-btn);color:var(--eqt-checkbox-color);cursor:pointer;vertical-align:middle;transition:var(--eqt-transition-base);flex-shrink:0;margin:0;position:relative;top:0}:where(#eqt-app,#eqt-bar-anchor,#eqt-mytags-anchor) input[type=checkbox]:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}:where(#eqt-app,#eqt-bar-anchor,#eqt-mytags-anchor) input[type=checkbox]:disabled{opacity:.3;cursor:default}:where(#eqt-app,#eqt-bar-anchor,#eqt-mytags-anchor) input[type=checkbox]:checked:after{content:\"\";background-color:currentColor;position:absolute;inset:0;-webkit-mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>\");mask-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>\");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:75% 75%;mask-size:75% 75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#eqt-app button,#eqt-app a,#eqt-bar-anchor button,#eqt-bar-anchor a,#eqt-gallery-anchor button,#eqt-gallery-anchor a{font-family:inherit;font-weight:inherit;line-height:inherit}:root{--eqt-row-h:24px;--eqt-border-width-thin:1px;--eqt-fs-xs:10px;--eqt-fs-sm:11px;--eqt-fs-md:12px;--eqt-fs-lg:13px;--eqt-radius-sm:3px;--eqt-radius-md:4px;--eqt-shadow-popover:0 2px 8px #00000026;--eqt-shadow-drag:0 2px 8px #0003;--eqt-z-panel:99998;--eqt-z-overlay:99999;--eqt-z-popover:100000;--eqt-transition-base:background .15s, border-color .15s, color .15s;--eqt-gallery-chip-content-gap:4px;--eqt-gallery-chip-padding-block:1px;--eqt-gallery-chip-padding-inline:4px;--eqt-checkbox-size:25px;--eqt-checkbox-color:var(--eqt-text);--eqt-number-field-width:calc(var(--eqt-checkbox-size) * 5);--eqt-bg:#edebdf;--eqt-gallery-chip-bg:#f2efdf;--eqt-bg-elevated:#fff;--eqt-bg-hover:#0000000f;--eqt-bg-stripe:#0000000b;--eqt-bg-active:#ddd8c8;--eqt-bg-btn:#edeada;--eqt-bg-btn-hover:#e2dfcf;--eqt-bg-disabled:#e8e6da;--eqt-text:#5c0d12;--eqt-text-hint:#8a8271;--eqt-border:#b5a4a4;--eqt-border-width:2px;--eqt-divider:#c5c0b0;--eqt-overlay:#0006;--eqt-shadow:0 4px 16px #00000040;--eqt-grip:#b0a89a;--eqt-status-include:#7ad094;--eqt-status-or:#f5c518;--eqt-status-exclude:#8c3333;--eqt-green:#4a7c59;--eqt-green-hover:#3d6b4a;--eqt-danger:#8c3333;--eqt-danger-hover:#743030;--eqt-danger-bg-hover:#8c333326;--eqt-text-on-color:#fff}:root.eqt-dark{--eqt-bg:#4f535b;--eqt-gallery-chip-bg:#4f535b;--eqt-bg-elevated:#34353b;--eqt-bg-hover:#ffffff0f;--eqt-bg-stripe:#ffffff0d;--eqt-bg-active:#5e636c;--eqt-bg-btn:#34353b;--eqt-bg-btn-hover:#3e3f45;--eqt-bg-disabled:#2b2c31;--eqt-text:#ddd;--eqt-text-hint:#b0b0b0;--eqt-border:#8d8d8d;--eqt-border-width:2px;--eqt-divider:#4f535b;--eqt-overlay:#0009;--eqt-shadow:0 4px 16px #00000080;--eqt-grip:#6a6b70;--eqt-status-include:#4f9f67;--eqt-status-or:#f5c518;--eqt-status-exclude:#8c3333;--eqt-green:#5a9a6a;--eqt-green-hover:#4a7c59;--eqt-danger:#8c3333;--eqt-danger-hover:#743030;--eqt-danger-bg-hover:#8c333326;--eqt-text-on-color:#fff}");
_css(".eqt-popup-overlay{z-index:var(--eqt-z-overlay);background:var(--eqt-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.eqt-popup{text-align:left;background:var(--eqt-bg);border:var(--eqt-border-width) solid var(--eqt-border);width:clamp(24rem,85vw,68rem);min-height:85vh;max-height:85vh;box-shadow:var(--eqt-shadow);font-size:var(--eqt-fs-lg);color:var(--eqt-text);border-radius:.5rem;overflow-y:auto}.eqt-popup__body{padding:1.25rem}.eqt-popup--url{min-height:auto}.eqt-popup__field{margin-bottom:10px;position:relative}.eqt-popup__field-row{align-items:center;gap:6px;display:flex}.eqt-popup__name-input{border:var(--eqt-border-width) solid var(--line-color,var(--eqt-border));border-radius:var(--eqt-radius-sm);background:color-mix(in srgb, var(--line-color,var(--eqt-bg-btn)) 15%, var(--eqt-bg-btn));color:var(--eqt-text);font-size:var(--eqt-fs-md);cursor:text;white-space:nowrap;outline:none;min-width:6em;padding:2px 8px;line-height:1.4;display:inline-block}.eqt-popup__name-input:empty:after{content:attr(data-placeholder);color:var(--eqt-text-hint)}.eqt-popup__name-input:has(>br:only-child):after{content:attr(data-placeholder);color:var(--eqt-text-hint)}.eqt-popup__label-row{font-weight:700;font-size:var(--eqt-fs-md);align-items:baseline;margin-bottom:3px;display:flex}.eqt-popup__syntax-help{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-popup__syntax-help:disabled{opacity:.3;cursor:default}.eqt-popup__syntax-help{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-popup__syntax-help:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-popup__syntax-help{gap:3px;margin-left:6px;padding:4px 6px;font-weight:400;text-decoration:none}.eqt-popup__add-btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-popup__add-btn:disabled{opacity:.3;cursor:default}.eqt-popup__add-btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-popup__add-btn:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-popup__add-btn{margin-left:auto;padding:4px 6px}.eqt-popup__label{font-weight:700;font-size:var(--eqt-fs-md);margin-bottom:3px;display:block}.eqt-popup__label-row>.eqt-popup__label{margin-bottom:0}.eqt-popup__input{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);width:100%;font-size:var(--eqt-fs-lg);background:var(--eqt-bg-elevated);color:var(--eqt-text);padding:4px 6px}.eqt-popup__input:focus{outline:none}.eqt-popup__input:disabled{background:var(--eqt-bg-disabled);color:var(--eqt-text-hint)}.eqt-popup__divider{border:none;border-top:2px solid var(--eqt-border);margin:12px 0}.eqt-popup__tag-remove{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-popup__tag-remove:disabled{opacity:.3;cursor:default}.eqt-popup__tag-remove{color:var(--eqt-text-hint);background:0 0;border:none}.eqt-popup__tag-remove:hover:not(:disabled){background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-popup__tag-remove{flex-shrink:0;width:24px;font-size:16px}.eqt-popup__tag-remove:hover:not(:disabled){color:var(--eqt-danger)}.eqt-popup__actions{align-items:center;gap:6px;margin-top:14px;display:flex}.eqt-popup__spacer{flex:1}.eqt-popup__kbd{font-size:var(--eqt-fs-xs);opacity:.6;margin-left:6px;font-family:inherit}.eqt-popup__btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-popup__btn:disabled{opacity:.3;cursor:default}.eqt-popup__btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-popup__btn:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}.eqt-popup__btn{padding:4px 12px}.eqt-popup__btn--green{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-popup__btn--green:disabled{opacity:.3;cursor:default}.eqt-popup__btn--green{border:var(--eqt-border-width) solid var(--eqt-green-hover);background:var(--eqt-green);color:var(--eqt-text-on-color)}.eqt-popup__btn--green:hover:not(:disabled){background:var(--eqt-green-hover)}.eqt-popup__btn--delete{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-popup__btn--delete:disabled{opacity:.3;cursor:default}.eqt-popup__btn--delete{border:var(--eqt-border-width) solid var(--eqt-danger-hover);background:var(--eqt-danger);color:var(--eqt-text-on-color)}.eqt-popup__btn--delete:hover:not(:disabled){background:var(--eqt-danger-hover)}.eqt-popup__url-row{gap:6px;display:flex}.eqt-popup__url-row .eqt-popup__input{flex:1;min-width:0}.eqt-popup__no-result{font-size:var(--eqt-fs-md);color:var(--eqt-text-hint);background:var(--eqt-bg-elevated);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);text-align:left;z-index:var(--eqt-z-popover);padding:6px 8px;position:absolute;top:100%;left:0;right:0}.eqt-popup__suggestions{max-height:50vh;z-index:var(--eqt-z-popover);margin:2px 0 0;position:absolute;top:100%;left:0;right:0}.eqt-popup__suggestion{grid-template-columns:var(--ns-col-width,6em) 1fr auto;cursor:pointer;align-items:center;padding:4px 8px;display:grid}.eqt-popup__suggestion:hover,.eqt-popup__suggestion--active{background:var(--eqt-bg-active)}.eqt-popup__suggestion--include{box-shadow:inset 3px 0 0 var(--eqt-status-include)}.eqt-popup__suggestion--or{box-shadow:inset 3px 0 0 var(--eqt-status-or)}.eqt-popup__suggestion--exclude{box-shadow:inset 3px 0 0 var(--eqt-status-exclude)}.eqt-popup__suggestion-ns{font-size:var(--eqt-fs-sm);color:var(--eqt-text-hint)}.eqt-popup__suggestion-name{font-size:var(--eqt-fs-lg);min-width:0}.eqt-popup__suggestion-tag{font-size:var(--eqt-fs-sm);color:var(--eqt-text-hint)}.eqt-url-builder{--eqt-ctrl-h:25px;border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);flex-direction:column;gap:10px;padding:10px;display:flex}.eqt-url-builder__field{flex-direction:column;gap:4px;display:flex}.eqt-url-builder__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.eqt-url-builder__row .eqt-popup__input{flex:1;min-width:0}.eqt-url-builder__cats{grid-template-columns:repeat(5,auto);justify-content:center;gap:6px 10px;display:grid}.eqt-url-builder__cat{cursor:pointer;padding:0}#eqt-app .eqt-url-builder__cat{font-weight:700}.eqt-url-builder__check{cursor:pointer;font-size:var(--eqt-fs-md);align-items:center;gap:6px;display:inline-flex}.eqt-url-builder__advanced{flex-direction:column;gap:8px;display:flex}.eqt-url-builder__adv-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 20px;display:flex}.eqt-url-builder__adv-cell{font-size:var(--eqt-fs-md);align-items:center;gap:4px;display:inline-flex}.eqt-url-builder__num,.eqt-url-builder__select{height:var(--eqt-ctrl-h);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);font-size:var(--eqt-fs-md);background:var(--eqt-bg);color:var(--eqt-text);box-sizing:border-box;padding:0 6px}.eqt-dark .eqt-url-builder__num,.eqt-dark .eqt-url-builder__select{background:var(--eqt-bg-elevated)}.eqt-url-builder__num:focus,.eqt-url-builder__select:focus{outline:none}.eqt-url-builder__num{text-align:center;width:46px}");
_css(".eqt-tag-bar__btn.eqt-tag-bar__btn--include{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 55%, transparent)}.eqt-tag-bar__btn.eqt-tag-bar__btn--include:hover{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 70%, transparent)}.eqt-tag-bar__btn.eqt-tag-bar__btn--or{background:color-mix(in srgb, var(--eqt-status-or) 55%, transparent)}.eqt-tag-bar__btn.eqt-tag-bar__btn--or:hover{background:color-mix(in srgb, var(--eqt-status-or) 70%, transparent)}.eqt-tag-bar__btn.eqt-tag-bar__btn--exclude{background:color-mix(in srgb, var(--eqt-status-exclude) 55%, transparent);text-decoration:line-through;text-decoration-thickness:2px}.eqt-tag-bar__btn.eqt-tag-bar__btn--exclude:hover{background:color-mix(in srgb, var(--eqt-status-exclude) 70%, transparent)}.eqt-tag-style-3d :is(.eqt-tag-bar__btn,.eqt-settings__preview-tag,.eqt-popup__name-input){border-color:var(--line-color,var(--eqt-border));box-shadow:0 2px 0 0 var(--line-color,var(--eqt-border));background:color-mix(in srgb, var(--line-color,var(--eqt-bg-btn)) 15%, var(--eqt-bg-btn));color:var(--eqt-text);transition:var(--eqt-transition-base), transform .1s ease, box-shadow .1s ease}.eqt-tag-style-3d .eqt-tag-bar__btn:hover{background:var(--eqt-bg-hover);box-shadow:0 3px 0 0 var(--line-color,var(--eqt-border));transform:translateY(-1px)}.eqt-tag-style-3d .eqt-tag-bar__btn:active{box-shadow:none;transform:translateY(2px)}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--include{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 55%, transparent)}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--include:hover{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 70%, transparent)}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--or{background:color-mix(in srgb, var(--eqt-status-or) 55%, transparent)}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--or:hover{background:color-mix(in srgb, var(--eqt-status-or) 70%, transparent)}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--exclude{background:color-mix(in srgb, var(--eqt-status-exclude) 55%, transparent);text-decoration:line-through;text-decoration-thickness:2px}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--exclude:hover{background:color-mix(in srgb, var(--eqt-status-exclude) 70%, transparent)}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--editing{transition:var(--eqt-transition-base)}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--editing:hover{background:var(--eqt-bg-hover);box-shadow:0 2px 0 0 var(--line-color,var(--eqt-border));transform:none}.eqt-tag-style-3d .eqt-tag-bar__btn.eqt-tag-bar__btn--drag{box-shadow:0 2px 0 0 var(--line-color,var(--eqt-border)), var(--eqt-shadow-drag)}.eqt-tag-style-pushable :is(.eqt-tag-bar__btn,.eqt-settings__preview-tag,.eqt-popup__name-input){border-color:var(--line-color,var(--eqt-border));background:color-mix(in srgb, var(--line-color,var(--eqt-bg-btn)) 15%, var(--eqt-bg-btn));color:var(--eqt-text);transform-style:preserve-3d;border-radius:.5em;transition:background .15s ease-out,transform .15s ease-out;position:relative}.eqt-tag-style-pushable :is(.eqt-tag-bar__btn,.eqt-settings__preview-tag,.eqt-popup__name-input):before{content:\"\";background:color-mix(in srgb, var(--line-color,var(--eqt-bg-active)) 70%, var(--eqt-bg-active));border-radius:inherit;width:100%;height:100%;box-shadow:0 0 0 2px var(--line-color,var(--eqt-border));transition:transform .15s ease-out;position:absolute;top:0;left:0;transform:translate3d(0,.3em,-1em)}.eqt-tag-style-pushable .eqt-tag-bar__btn:hover{background:var(--eqt-bg-hover);transform:translateY(.1em)}.eqt-tag-style-pushable .eqt-tag-bar__btn:hover:before{transform:translate3d(0,.2em,-1em)}.eqt-tag-style-pushable .eqt-tag-bar__btn:active{background:var(--eqt-bg-hover);transform:translateY(.3em)}.eqt-tag-style-pushable .eqt-tag-bar__btn:active:before{transform:translateZ(-1em)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--include{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 55%, transparent)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--include:hover{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 70%, transparent)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--or{background:color-mix(in srgb, var(--eqt-status-or) 55%, transparent)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--or:hover{background:color-mix(in srgb, var(--eqt-status-or) 70%, transparent)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--exclude{background:color-mix(in srgb, var(--eqt-status-exclude) 55%, transparent);text-decoration:line-through;text-decoration-thickness:2px}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--exclude:hover{background:color-mix(in srgb, var(--eqt-status-exclude) 70%, transparent)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--editing{transition:var(--eqt-transition-base)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--editing:hover{background:var(--eqt-bg-hover);transform:none}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--editing:hover:before{transform:translate3d(0,.3em,-1em)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--drag{box-shadow:var(--eqt-shadow-drag)}.eqt-tag-style-pushable .eqt-tag-bar__btn.eqt-tag-bar__btn--drag:before{display:none}.eqt-tag-style-offset :is(.eqt-tag-bar__btn,.eqt-settings__preview-tag,.eqt-popup__name-input){border-color:var(--line-color,var(--eqt-border));background:color-mix(in srgb, var(--line-color,var(--eqt-bg-btn)) 15%, var(--eqt-bg-btn));color:var(--eqt-text);box-shadow:1.5px 1.5px 0 0 var(--line-color,var(--eqt-border));transition:var(--eqt-transition-base), transform .1s ease, box-shadow .1s ease;border-radius:5px}.eqt-tag-style-offset .eqt-tag-bar__btn:hover{background:var(--eqt-bg-hover)}.eqt-tag-style-offset .eqt-tag-bar__btn:active{transform:translate(1.5px,1.5px);box-shadow:0 0 #0000}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--include{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 55%, transparent)}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--include:hover{background:color-mix(in srgb, var(--include-base,var(--line-color,var(--eqt-status-include))) 70%, transparent)}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--or{background:color-mix(in srgb, var(--eqt-status-or) 55%, transparent)}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--or:hover{background:color-mix(in srgb, var(--eqt-status-or) 70%, transparent)}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--exclude{background:color-mix(in srgb, var(--eqt-status-exclude) 55%, transparent);text-decoration:line-through;text-decoration-thickness:2px}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--exclude:hover{background:color-mix(in srgb, var(--eqt-status-exclude) 70%, transparent)}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--editing{transition:var(--eqt-transition-base)}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--editing:hover{background:var(--eqt-bg-hover);box-shadow:1.5px 1.5px 0 0 var(--line-color,var(--eqt-border));transform:none}.eqt-tag-style-offset .eqt-tag-bar__btn.eqt-tag-bar__btn--drag{box-shadow:1.5px 1.5px 0 0 var(--line-color,var(--eqt-border)), var(--eqt-shadow-drag)}");
_css(".eqt-native-search-row{width:calc(100% - 2 * var(--eqt-controls-w,0px));align-items:center;gap:4px;margin:0 auto;display:flex}.eqt-native-search-row>#f_search{flex:1;min-width:0;width:auto!important;margin:0!important}.eqt-native-search-row>[type=submit],.eqt-native-search-row>[type=button]{margin:0!important}");
_css(".eqt-tag-icon{vertical-align:middle;pointer-events:none;height:1em;margin-right:2px}");
_css("#eqt-gallery-anchor{height:var(--eqt-gallery-height,330px);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}#eqt-gallery-anchor.is-expand{height:auto;min-height:var(--eqt-gallery-height,330px)}#gmid:has(#eqt-gallery-anchor){height:auto;min-height:var(--eqt-gallery-height,330px)}#eqt-native-wrap{display:none}.eqt-gallery-taglist{flex:1;grid-template-columns:minmax(48px,auto) 1fr;align-content:start;align-items:start;column-gap:6px;min-height:0;padding:2px 0 2px 3px;font-size:9pt;display:grid;overflow:auto}.is-expand .eqt-gallery-taglist{flex:1 0 auto;overflow:visible}.eqt-gallery-taglist__row{display:contents}.eqt-gallery-taglist__label{text-align:right;vertical-align:top;white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--eqt-text);padding:3px 1px 1px;font-family:inherit}.eqt-gallery-taglist__label-icon{vertical-align:-.125em;width:1em;height:1em}.eqt-gallery-taglist__cells{flex-wrap:wrap;min-width:0;display:flex}.eqt-gallery-taglist__cells--candidate{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);margin:0 6px 5px 0;padding:4px 2px 0}.eqt-gallery-chip{background:var(--eqt-gallery-chip-bg) padding-box;-webkit-user-select:none;user-select:none;transition:var(--eqt-transition-base);border:1px solid #806769;border-radius:5px;align-items:stretch;margin:0 2px 5px;font-weight:700;line-height:1.4;display:inline-flex;overflow:hidden}.eqt-gallery-chip--gt{border-style:solid}.eqt-gallery-chip--gtl{border-style:dashed;border-color:#9a7c7e}.eqt-gallery-chip--gtw{border-style:dotted;border-color:#9a7c7e}.eqt-dark .eqt-gallery-chip{border-color:#989898}.eqt-dark .eqt-gallery-chip--gtl,.eqt-dark .eqt-gallery-chip--gtw{border-color:#8c8c8c}.eqt-gallery-chip.eqt-gallery-chip--mytags-colored{background:var(--eqt-mytags-background) padding-box;border-color:var(--eqt-mytags-border);transition-property:border-color,color}.eqt-gallery-chip__body{align-items:center;gap:var(--eqt-gallery-chip-content-gap);padding:var(--eqt-gallery-chip-padding-block) var(--eqt-gallery-chip-padding-inline);color:var(--eqt-mytags-text,var(--eqt-text));cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:none;display:inline-flex}.eqt-gallery-chip__body:hover{background:var(--eqt-bg-hover)}.eqt-gallery-chip__lead,.eqt-gallery-chip__weight{align-items:center;display:inline-flex}.eqt-gallery-chip__watch,.eqt-gallery-chip__lead svg,.eqt-gallery-chip__weight svg{width:var(--eqt-fs-md);height:var(--eqt-fs-md)}.eqt-gallery-chip--selected-positive{--eqt-gallery-selection-color:var(--eqt-status-include)}.eqt-gallery-chip--selected-negative{--eqt-gallery-selection-color:var(--eqt-status-exclude)}.eqt-gallery-chip:is(.eqt-gallery-chip--selected-positive,.eqt-gallery-chip--selected-negative){background:var(--eqt-gallery-chip-bg) padding-box}.eqt-gallery-chip:is(.eqt-gallery-chip--selected-positive,.eqt-gallery-chip--selected-negative) .eqt-gallery-chip__body{color:var(--eqt-text);background:color-mix(in srgb, var(--eqt-gallery-selection-color) 55%, transparent)}.eqt-gallery-chip:is(.eqt-gallery-chip--selected-positive,.eqt-gallery-chip--selected-negative) .eqt-gallery-chip__body:hover{background:color-mix(in srgb, var(--eqt-gallery-selection-color) 70%, transparent)}.eqt-gallery-chip--mytags-colored .eqt-gallery-chip__body{isolation:isolate;position:relative}.eqt-gallery-chip--mytags-colored .eqt-gallery-chip__body .eqt-gallery-chip__name,.eqt-gallery-chip--mytags-colored .eqt-gallery-chip__body .eqt-gallery-chip__weight{position:relative}.eqt-gallery-chip--mytags-colored .eqt-gallery-chip__body:after{content:\"\";aspect-ratio:1;z-index:-1;background:var(--eqt-mytags-background);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;width:auto;height:100%;position:absolute;top:0;right:0}.eqt-gallery-chip--mytags-colored .eqt-gallery-chip__body:hover:after{background:linear-gradient(var(--eqt-bg-hover), var(--eqt-bg-hover)), var(--eqt-mytags-background)}.eqt-gallery-chip.eqt-gallery-chip--voted-up .eqt-gallery-chip__body{color:green}.eqt-gallery-chip.eqt-gallery-chip--voted-down .eqt-gallery-chip__body{color:red}.eqt-dark .eqt-gallery-chip.eqt-gallery-chip--voted-up .eqt-gallery-chip__body{color:#00e639}.eqt-dark .eqt-gallery-chip.eqt-gallery-chip--voted-down .eqt-gallery-chip__body{color:#f33}.eqt-gallery-chip:is(.eqt-gallery-chip--voted-up,.eqt-gallery-chip--voted-down):is(.eqt-gallery-chip--mytags-colored,.eqt-gallery-chip--selected-positive,.eqt-gallery-chip--selected-negative) .eqt-gallery-chip__body{--eqt-vote-halo:oklch(from currentColor round(1.21 - l) 0 0);text-shadow:.5px 0 0 var(--eqt-vote-halo), -.5px 0 0 var(--eqt-vote-halo), 0 .5px 0 var(--eqt-vote-halo), 0 -.5px 0 var(--eqt-vote-halo), .354px .354px 0 var(--eqt-vote-halo), -.354px .354px 0 var(--eqt-vote-halo), .354px -.354px 0 var(--eqt-vote-halo), -.354px -.354px 0 var(--eqt-vote-halo)}.eqt-gallery-chip:is(.eqt-gallery-chip--voted-up,.eqt-gallery-chip--voted-down):is(.eqt-gallery-chip--mytags-colored,.eqt-gallery-chip--selected-positive,.eqt-gallery-chip--selected-negative) .eqt-gallery-chip__body svg{filter:drop-shadow(.5px 0 0 var(--eqt-vote-halo)) drop-shadow(-.5px 0 0 var(--eqt-vote-halo)) drop-shadow(0 .5px 0 var(--eqt-vote-halo)) drop-shadow(0 -.5px 0 var(--eqt-vote-halo))}.eqt-gallery-actions{flex:none;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) auto 64px;grid-template-areas:\"search add toggle wiki vote\"\"search clear mytags settings vote\";gap:5px;margin:6px 6px 0 0;display:grid}.eqt-gallery-actions--import{grid-template-areas:\"import import import import import\"\"search add toggle wiki vote\"\"search clear mytags settings vote\"}.eqt-gallery-actions>.eqt-gallery-actions__import{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);background:var(--eqt-bg);min-width:0;color:var(--eqt-text);font-size:var(--eqt-fs-md);grid-area:import;margin:0;padding:4px 8px;font-family:inherit;line-height:normal}.eqt-gallery-actions>.eqt-gallery-actions__import[readonly]{opacity:.6}.eqt-gallery-actions__btn{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-gallery-actions__btn{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-gallery-actions__btn:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-gallery-actions__btn{font-size:var(--eqt-fs-md);justify-content:center;align-items:center;gap:4px;padding:4px 12px;text-decoration:none;display:inline-flex}.eqt-gallery-actions__btn:disabled{opacity:.5;cursor:not-allowed}.eqt-gallery-actions__btn[aria-pressed=true]{border-color:var(--eqt-text);background:var(--eqt-bg-active)}.eqt-gallery-actions__btn--search,.eqt-gallery-actions__btn--vote{flex-direction:column;gap:2px;padding:6px}.eqt-gallery-actions__btn--vote .eqt-gallery-actions__vote-counts{white-space:nowrap;font-size:14px;font-weight:700;line-height:1}.eqt-gallery-actions__btn--search{grid-area:search}.eqt-gallery-actions__btn--vote{grid-area:vote}.eqt-gallery-actions__btn--add{grid-area:add}.eqt-gallery-actions__btn--import{grid-area:toggle}.eqt-gallery-actions__btn--wiki{grid-area:wiki}.eqt-gallery-actions__btn--clear{grid-area:clear}.eqt-gallery-actions__btn--mytags{grid-area:mytags}.eqt-gallery-actions__btn--settings{grid-area:settings}");
_css("#gd5{position:relative}#gmid #gd5{float:left}.eqt-intro-panel{z-index:3;text-align:left;color:inherit;background:#edebdf;border-radius:0 0 6px;flex-direction:column;font-family:verdana,sans-serif;font-size:9pt;display:flex;position:absolute;inset:0 -5px 0 0;overflow:auto}.eqt-intro-panel__title{border-bottom:1px solid #5c0d12;flex-direction:row;flex:none;margin:0 8px;padding:3px 0;line-height:14px;display:flex}.eqt-intro-panel__name{flex-direction:column;flex:auto;display:flex;overflow:hidden}.eqt-intro-panel__name-display{text-overflow:ellipsis;white-space:nowrap;color:inherit;font-weight:700;text-decoration:none;overflow:hidden}.eqt-intro-panel__name-display[href]:hover{cursor:pointer;text-decoration:underline}.eqt-intro-panel__name-key{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:8pt;overflow:hidden}.eqt-intro-panel__close-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;text-align:center;opacity:.8;background:0 0;border:none;flex:none;width:20px;padding:0;font-size:16px;line-height:28px}.eqt-intro-panel__close-btn:hover{opacity:1}.eqt-intro-panel__lang-toggle-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;opacity:.7;background:0 0;border:1px solid;border-radius:3px;flex:none;margin:0 4px 0 6px;padding:2px 6px;font-size:10pt;line-height:1}.eqt-intro-panel__lang-toggle-btn:hover{opacity:1}.eqt-intro-panel__lang-toggle-stack{grid-template-columns:1fr;display:inline-grid}.eqt-intro-panel__lang-toggle-stack>*{visibility:hidden;text-align:center;grid-area:1/1}.eqt-intro-panel__lang-toggle-stack>.is-visible{visibility:visible}.eqt-intro-panel__content{scrollbar-width:thin;scrollbar-color:#5c0d12 transparent;flex:auto;margin:4px 0;padding:4px 8px;overflow:auto}.eqt-intro-panel__content::-webkit-scrollbar{width:4px;height:4px}.eqt-intro-panel__content::-webkit-scrollbar-thumb{background:#5c0d12}.eqt-intro-panel__content.is-scrollable{overscroll-behavior:contain}.eqt-intro-panel__content abbr[title]{padding:0 1px}.eqt-intro-panel__content abbr[title]:after{content:\" (\" attr(title) \")\";font-size:90%}.eqt-intro-panel__content p{margin:4px 0}.eqt-intro-panel__empty{opacity:.6;text-align:center;padding:8px;font-weight:700}.eqt-intro-panel__links{border-top:1px solid #5c0d12;flex:none;margin:0 8px;padding-bottom:3px;line-height:24px}.eqt-intro-panel__links:empty{display:none}.eqt-intro-panel__wiki{font-size:9pt;line-height:1.4}.eqt-intro-panel__wiki-variant{gap:6px;margin-bottom:8px;display:flex}.eqt-intro-panel__wiki-variant-num{color:#806769;flex:none;font-size:11pt;font-weight:700}.eqt-intro-panel__wiki-body{flex:1;min-width:0}.eqt-intro-panel__wiki-prelude ul,.eqt-intro-panel__wiki-block ul{margin:4px 0;padding-left:1.4em}.eqt-intro-panel__wiki-prelude li,.eqt-intro-panel__wiki-block li{margin:2px 0}.eqt-intro-panel__wiki-prelude dl,.eqt-intro-panel__wiki-block dl{margin:4px 0}.eqt-intro-panel__wiki-prelude dt,.eqt-intro-panel__wiki-block dt{color:#806769;margin-top:4px;font-weight:700}.eqt-intro-panel__wiki-prelude dt:first-child,.eqt-intro-panel__wiki-block dt:first-child{margin-top:0}.eqt-intro-panel__wiki-prelude dd,.eqt-intro-panel__wiki-block dd{margin:2px 0 2px 1.4em}.eqt-intro-panel__wiki-prelude p,.eqt-intro-panel__wiki-block p{margin:4px 0}.eqt-intro-panel__wiki-prelude b,.eqt-intro-panel__wiki-block b{color:#806769}.eqt-intro-panel__wiki-prelude a,.eqt-intro-panel__wiki-block a{color:var(--eqt-text);text-decoration:underline}.eqt-intro-panel__wiki-prelude a:hover,.eqt-intro-panel__wiki-block a:hover{color:inherit}.eqt-intro-panel__wiki-prelude img,.eqt-intro-panel__wiki-block img{vertical-align:middle;max-width:100%;height:auto}.eqt-intro-panel__wiki-prelude a[href^=\"https://ehwiki.org/wiki/File:\"],.eqt-intro-panel__wiki-block a[href^=\"https://ehwiki.org/wiki/File:\"]{display:none}.eqt-intro-panel__wiki-block:first-of-type{margin-top:0}.eqt-intro-panel__wiki-prelude-toggle{cursor:pointer;color:var(--eqt-text-hint);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:4px;padding:0;font-size:8pt;display:inline-flex}.eqt-intro-panel__wiki-prelude-toggle:hover{color:var(--eqt-text)}.eqt-intro-panel__wiki-prelude-caret{transition:transform .15s;display:inline-block}.eqt-intro-panel__wiki-prelude-caret.is-expanded{transform:rotate(90deg)}.eqt-intro-panel__wiki-prelude{opacity:.75;border-bottom:1px dashed #b5a4a4;margin-bottom:6px;padding-bottom:4px;font-size:8pt}.eqt-intro-panel__wiki-prelude p{margin:2px 0}.eqt-intro-panel__wiki-block{margin-top:6px}.eqt-intro-panel__wiki-block:first-child{margin-top:0}.eqt-intro-panel__wiki-images{flex-direction:column;gap:6px;margin-top:8px;display:flex}.eqt-intro-panel__wiki-images img{border:0;width:100%;height:auto;display:block}#gd5 .eqt-intro-panel__content img{border:0;width:100%;height:auto;margin:4px 0;display:block}#gd5 .eqt-intro-panel__name-icon{vertical-align:-2px;border:0;width:auto;height:1em;margin:0 4px 0 0;display:inline}.eqt-dark .eqt-intro-panel{color:#e7e7e7;background:#4f535b;border-radius:0}.eqt-dark .eqt-intro-panel .eqt-intro-panel__title{border-bottom:1px solid #000}.eqt-dark .eqt-intro-panel .eqt-intro-panel__links{border-top:1px solid #000}.eqt-dark .eqt-intro-panel .eqt-intro-panel__content{scrollbar-color:#000 transparent}.eqt-dark .eqt-intro-panel .eqt-intro-panel__content::-webkit-scrollbar-thumb{background:#000}");
_css(".eqt-panel{z-index:var(--eqt-z-panel);background:var(--eqt-bg);color:var(--eqt-text);font-size:var(--eqt-fs-md);flex-direction:column;padding:10px 12px;display:flex;position:fixed;inset:0;overflow:hidden}.eqt-panel button{font-weight:var(--eqt-font-weight,inherit)}.eqt-panel__topbar{z-index:30;align-items:center;gap:calc(var(--eqt-checkbox-size) / 4);margin-bottom:calc(var(--eqt-checkbox-size) / 3);flex:none;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.eqt-panel__topbar .eqt-panel__btn{height:calc(var(--eqt-checkbox-size) + var(--eqt-border-width) * 2);box-sizing:border-box;flex:none}.eqt-panel__topbar>.eqt-panel__field{justify-self:start}.eqt-panel__tools{align-items:center;gap:calc(var(--eqt-checkbox-size) / 4);flex-wrap:wrap;min-width:0;display:flex}.eqt-panel__btn--wiki{align-items:center;gap:calc(var(--eqt-checkbox-size) / 4);font-weight:var(--eqt-font-weight,inherit);text-decoration:none;display:inline-flex}.eqt-panel__help{box-sizing:border-box;width:min(var(--eqt-checkbox-size) * 24, 90vw);max-height:80vh;padding:calc(var(--eqt-checkbox-size) / 2);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);background:var(--eqt-bg);color:var(--eqt-text);box-shadow:var(--eqt-shadow-popover);font-family:var(--eqt-font-family,inherit);font-weight:var(--eqt-font-weight,inherit);font-size:var(--eqt-fs-md);text-align:start;line-height:1.4;overflow-y:auto}.eqt-panel__help ol,.eqt-panel__help ul{margin:calc(var(--eqt-checkbox-size) / 2) 0 0;padding-inline-start:var(--eqt-checkbox-size)}.eqt-panel__help ul{list-style:outside}.eqt-panel__help li+li{margin-top:calc(var(--eqt-checkbox-size) / 2)}.eqt-panel__help .eqt-panel__help-term{border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-btn-hover);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--eqt-fs-sm);padding:0 3px}.eqt-panel__help button{font-weight:var(--eqt-font-weight,inherit)}.eqt-panel__help-head{justify-content:space-between;align-items:center;gap:calc(var(--eqt-checkbox-size) / 2);display:flex}.eqt-panel__help-head h2{font-size:inherit;margin:0}.eqt-panel__cover-size{max-width:100%}.eqt-panel__cover-slider{width:calc(var(--eqt-checkbox-size) * 5);min-width:0;margin:0}.eqt-panel__cover-value{font-variant-numeric:tabular-nums;flex:none}.eqt-panel__eh-toggle{border-color:var(--eqt-border)}.eqt-panel__eh-topbar{z-index:31;top:calc(var(--eqt-eh-topbar-top) + var(--eqt-checkbox-size) / 3);margin-inline:calc(var(--eqt-checkbox-size) / 2);min-width:0;padding:calc(var(--eqt-checkbox-size) / 3);border:var(--eqt-border-width) solid var(--eqt-text);border-radius:var(--eqt-radius-md);background:var(--eqt-bg);flex-direction:column;display:flex;position:absolute;left:0;right:0}.eqt-panel__eh-topbar>#nb,.eqt-panel__eh-topbar>#lb{width:100%;min-width:0;max-width:none;margin-inline:0}.eqt-panel__spacer{margin-left:auto}.eqt-panel__hint{font-size:var(--eqt-fs-sm);color:var(--eqt-text-hint);margin:0}.eqt-panel__field--dirty input{border-color:var(--eqt-status-include)}.eqt-panel__field{white-space:nowrap;font-size:var(--eqt-fs-sm);color:var(--eqt-text-hint);flex:none;align-items:center;gap:5px;display:inline-flex}.eqt-panel__side{border:var(--eqt-border-width) solid var(--eqt-divider);border-radius:var(--eqt-radius-md);background:var(--eqt-bg-stripe);flex-direction:column;flex:auto;gap:8px;min-width:0;min-height:0;padding:8px;display:flex}.eqt-panel__dock{border-top:var(--eqt-border-width) solid var(--eqt-divider);background:var(--eqt-bg);flex-direction:column;flex-shrink:0;gap:6px;margin:0 -8px -8px;padding:8px;display:flex}.eqt-panel__commitbar{align-items:center;gap:6px;display:flex}.eqt-panel__commitbar>.eqt-panel__btn{flex:1 1 0;justify-content:center}.eqt-panel__setpick{min-width:0;font-size:var(--eqt-fs-md);flex:auto;padding:4px 6px;font-weight:700}.eqt-panel__workspace{flex:auto;min-width:0;min-height:0}.eqt-panel__side-panel,.eqt-panel__main-panel,.eqt-panel__splitter,.eqt-panel__editor-panel{min-width:0;min-height:0}.eqt-panel__side-panel,.eqt-panel__editor-panel{flex-direction:column;display:flex}.eqt-panel__editor-panel{gap:calc(var(--eqt-checkbox-size) / 3)}.eqt-panel__editor-panel>.eqt-tag-catalog{flex:auto}.eqt-panel__divider{flex:0 0 var(--eqt-checkbox-size);gap:calc(var(--eqt-checkbox-size) / 4);flex-direction:column;min-height:0;display:flex}.eqt-panel__divider[data-orientation=vertical]{flex-direction:row}.eqt-panel__divider[data-orientation=vertical] .eqt-panel__panel-toggle>svg{transform:rotate(90deg)}.eqt-panel__panel-toggle{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-panel__panel-toggle:disabled{opacity:.3;cursor:default}.eqt-panel__panel-toggle{color:var(--eqt-text-hint);background:0 0;border:none}.eqt-panel__panel-toggle:hover:not(:disabled){background:var(--eqt-bg-hover);color:var(--eqt-text)}.eqt-panel__panel-toggle{flex:0 0 var(--eqt-checkbox-size);width:var(--eqt-checkbox-size);height:var(--eqt-checkbox-size);padding:var(--eqt-border-width)}.eqt-panel__panel-toggle,.eqt-panel__panel-toggle:hover:not(:disabled){background-clip:content-box}.eqt-panel__resize-handle{--eqt-splitter-border-color:var(--eqt-border);--eqt-splitter-thumb-color:var(--eqt-grip);--eqt-splitter-thumb-size:calc(var(--eqt-checkbox-size) / 3);cursor:col-resize;background:0 0;border:none;outline:none;flex:auto;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.eqt-panel__resize-handle:focus-visible,.eqt-panel__resize-handle[data-state=drag]{--eqt-splitter-border-color:var(--eqt-text);--eqt-splitter-thumb-color:var(--eqt-text-hint)}.eqt-panel__resize-handle:before{width:var(--eqt-border-width);background:var(--eqt-splitter-border-color);content:\"\";position:absolute;inset-block:0}.eqt-panel__resize-handle .eqt-panel__resize-grip{z-index:1;width:var(--eqt-splitter-thumb-size);height:var(--eqt-checkbox-size);border:calc(var(--eqt-border-width) / 2) solid var(--eqt-border);border-radius:var(--eqt-checkbox-size);background:var(--eqt-splitter-thumb-color);box-shadow:var(--eqt-shadow-popover);position:relative}.eqt-panel__resize-handle[data-disabled]{cursor:default}.eqt-panel__resize-handle[data-disabled] .eqt-panel__resize-grip{visibility:hidden}.eqt-panel__resize-handle[data-orientation=vertical]{cursor:row-resize}.eqt-panel__resize-handle[data-orientation=vertical]:before{width:auto;height:var(--eqt-border-width);inset-block:auto;inset-inline:0}.eqt-panel__resize-handle[data-orientation=vertical] .eqt-panel__resize-grip{width:var(--eqt-checkbox-size);height:var(--eqt-splitter-thumb-size)}.eqt-panel__btn{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-btn);color:inherit;font-size:var(--eqt-fs-sm);cursor:pointer;padding:3px 10px}.eqt-panel__btn:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}.eqt-panel__btn:disabled{opacity:.5;cursor:default}.eqt-panel__btn--settings{height:var(--eqt-checkbox-size);box-sizing:border-box;color:var(--eqt-text);align-items:center;gap:4px;display:inline-flex}.eqt-panel__btn--primary{border-color:var(--eqt-danger);background:var(--eqt-danger);color:var(--eqt-text-on-color)}.eqt-panel__btn--primary:hover:not(:disabled){background:var(--eqt-danger-hover)}.eqt-panel__link{color:var(--eqt-text-hint);font-size:var(--eqt-fs-xs);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.eqt-taglist{flex-direction:column;flex:auto;gap:4px;min-width:0;min-height:0;display:flex}.eqt-taglist__head{border-bottom:var(--eqt-border-width) solid var(--eqt-divider);font-size:var(--eqt-fs-xs);color:var(--eqt-text-hint);flex-direction:column;align-items:stretch;gap:4px;padding:0 0 4px;display:flex}.eqt-taglist__head-main,.eqt-taglist__head-filters{align-items:center;gap:4px;min-width:0;padding-left:7px;display:flex}.eqt-taglist__head select{height:var(--eqt-checkbox-size);min-height:var(--eqt-checkbox-size);box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0}.eqt-taglist__check-all{flex:0 0 var(--eqt-checkbox-size);height:var(--eqt-checkbox-size);align-items:center;display:flex}.eqt-taglist__flag-filter{border-radius:var(--eqt-radius-sm);font-family:inherit;font-weight:inherit;font-size:var(--eqt-fs-md);cursor:pointer;transition:var(--eqt-transition-base);justify-content:center;align-items:center;gap:4px;line-height:1.4;display:inline-flex}.eqt-taglist__flag-filter:disabled{opacity:.3;cursor:default}.eqt-taglist__flag-filter{border:var(--eqt-border-width) solid var(--eqt-border);background:var(--eqt-bg-btn);color:var(--eqt-text)}.eqt-taglist__flag-filter:hover:not(:disabled){background:var(--eqt-bg-hover)}.eqt-taglist__flag-filter{height:var(--eqt-checkbox-size);box-sizing:border-box;font-size:var(--eqt-fs-xs);flex:none;padding:0 6px}.eqt-taglist__flag-filter--on{background:var(--eqt-bg-active)}.eqt-taglist__sortpick,.eqt-taglist__statuspick{flex:1 1 0;min-width:0}.eqt-taglist__rows{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.eqt-taglist__spacer{position:relative}.eqt-taglist__row{border-radius:var(--eqt-radius-sm);border-left:3px solid #0000;grid-template-columns:auto minmax(0,1fr);gap:4px;padding:4px;display:grid;position:absolute;left:0;right:0;overflow:hidden}.eqt-taglist__row:hover{background:var(--eqt-bg-hover)}.eqt-taglist__row--on{background:var(--eqt-bg-active)}.eqt-taglist__row--dirty{border-left-color:var(--eqt-status-include)}.eqt-taglist__check{align-items:start;display:flex}.eqt-taglist__body{flex-direction:column;gap:4px;min-width:0;display:flex}.eqt-taglist__top{align-items:center;gap:6px;min-width:0;display:flex}.eqt-taglist__top>.eqt-taglist__chip{flex:auto}.eqt-taglist__color-control{flex:0 0 var(--eqt-number-field-width);width:var(--eqt-number-field-width);height:var(--eqt-checkbox-size);align-items:center;gap:calc(var(--eqt-checkbox-size) / 6);display:inline-flex}.eqt-taglist__color-swatch.eqt-line-color__trigger{flex:0 0 var(--eqt-checkbox-size);width:var(--eqt-checkbox-size);height:var(--eqt-checkbox-size);box-sizing:border-box;border:var(--eqt-border-width) solid var(--eqt-tag-color-border);background:var(--eqt-tag-color-preview)}.eqt-taglist__color-swatch.eqt-line-color__trigger:hover:not(:disabled){background:var(--eqt-tag-color-preview)}.eqt-taglist__color-swatch.eqt-line-color__trigger:focus-visible{outline:var(--eqt-border-width) solid var(--eqt-green)}.eqt-taglist__color-swatch.eqt-line-color__trigger>svg{visibility:hidden}.eqt-taglist input.eqt-taglist__input{height:var(--eqt-checkbox-size);box-sizing:border-box;padding:0 calc(var(--eqt-checkbox-size) / 6);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-btn-hover);color:var(--eqt-text);line-height:1;font-size:var(--eqt-fs-sm);margin:0}.eqt-taglist input.eqt-taglist__input:enabled:hover,.eqt-taglist input.eqt-taglist__input:enabled:focus{border-color:var(--eqt-border);background:var(--eqt-bg-btn-hover);outline:none}.eqt-taglist__color{text-transform:uppercase;flex:auto;width:auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.eqt-taglist__color:invalid:not(:placeholder-shown){border-color:var(--eqt-danger)}.eqt-taglist__controls{min-width:0;height:var(--eqt-checkbox-size);align-items:center;gap:8px;display:flex}.eqt-taglist__flag{height:var(--eqt-checkbox-size);font-size:var(--eqt-fs-xs);white-space:nowrap;color:var(--eqt-text-hint);cursor:pointer;align-items:center;gap:3px;display:inline-flex}.eqt-taglist__chip{border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-btn);min-width:0;color:inherit;font:inherit;font-size:var(--eqt-fs-sm);cursor:pointer;align-items:baseline;gap:4px;padding:2px 7px;display:inline-flex}.eqt-taglist__chip--static{cursor:default}.eqt-taglist__chip>.eqt-taglist__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eqt-taglist__chip,.eqt-tag-catalog__results .eqt-popup__suggestion--styled{border:var(--eqt-border-width) solid var(--eqt-border);font-weight:700}.eqt-taglist__ns{font-size:var(--eqt-fs-xs);opacity:.7}.eqt-taglist__impact{align-items:center;gap:calc(var(--eqt-border-width) * 2);grid-template-columns:auto minmax(0,1fr) auto;min-width:0;display:grid}.eqt-taglist__impact-count{color:var(--eqt-text);font-size:var(--eqt-fs-sm);font-variant-numeric:tabular-nums;line-height:1}.eqt-taglist__bar{background:var(--eqt-bg-stripe);border-radius:5px;height:8px;display:flex;overflow:hidden}.eqt-taglist__neg{background:var(--eqt-danger)}.eqt-taglist__pos{background:var(--eqt-green)}.eqt-taglist__bulk{gap:calc(var(--eqt-checkbox-size) / 4);border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-sm);background:var(--eqt-bg-active);font-size:var(--eqt-fs-sm);flex-shrink:0;padding:7px 8px;display:grid;position:sticky;bottom:0}.eqt-taglist__bulk button,.eqt-taglist__bulk select{min-width:0;height:calc(var(--eqt-checkbox-size) + var(--eqt-border-width) * 2);box-sizing:border-box;margin:0;padding-block:0}.eqt-taglist__bulk-head{align-items:center;gap:calc(var(--eqt-checkbox-size) / 4);grid-template-columns:minmax(0,1fr) auto;display:grid}.eqt-taglist__bulk-actions{gap:calc(var(--eqt-checkbox-size) / 4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.eqt-taglist__bulk-actions>.eqt-panel__btn[aria-pressed=true]{border-color:var(--eqt-bulk-on-border,var(--eqt-status-include));background:var(--eqt-bulk-on-bg,var(--eqt-bg-btn-hover));color:var(--eqt-bulk-on-text,inherit)}.eqt-taglist__bulk-actions>.eqt-panel__btn[aria-pressed=true]:hover:not(:disabled){background:var(--eqt-bulk-on-bg-hover,var(--eqt-bg-btn-hover))}.eqt-taglist__bulk-move{display:grid}.eqt-taglist__bulk-delete{color:var(--eqt-danger)}.eqt-taglist__bulk-delete[aria-pressed=true]{border-color:var(--eqt-status-include);background:var(--eqt-bg-btn-hover)}.eqt-taglist__bulk-delete[aria-pressed=true]:hover:not(:disabled){background:var(--eqt-bg-btn-hover)}.eqt-preview{--eqt-preview-cover-min-width:calc(var(--eqt-checkbox-size) * 5 * var(--eqt-preview-cover-scale));flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.eqt-preview__toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:8px;display:grid}.eqt-preview__titlerow{align-items:center;gap:8px;min-width:0;display:flex}.eqt-preview__titlerow>.eqt-taglist__chip{max-width:100%}.eqt-preview__title{font-size:var(--eqt-fs-md);margin:0;font-weight:700}.eqt-preview__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.eqt-preview__cats{flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:6px;display:grid}.eqt-preview__cats>.eqt-url-builder__cat{text-overflow:ellipsis;width:auto;font-weight:700;overflow:hidden}.eqt-preview__cover-size{align-items:center;gap:calc(var(--eqt-checkbox-size) / 2);flex-wrap:wrap;flex-shrink:0;margin-top:6px;display:flex}.eqt-preview__expunged{margin-inline-start:auto}.eqt-preview__cols{flex:auto;grid-template-columns:1fr 1fr;gap:12px;min-width:0;min-height:0;display:grid}.eqt-preview__col{border-radius:var(--eqt-radius-sm);border-top:3px solid var(--eqt-green);background:var(--eqt-bg-stripe);flex-direction:column;min-width:0;min-height:0;padding:6px 8px;display:flex}.eqt-preview__col--left{border-top-color:var(--eqt-danger)}.eqt-preview__colhead{font-size:var(--eqt-fs-sm);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.eqt-preview__icon{text-align:center;opacity:.7;width:1.4em;display:inline-block}.eqt-preview__colbody{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.eqt-preview__grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--eqt-preview-cover-min-width)), 1fr));gap:6px;display:grid}.eqt-preview__grid .eqt-preview__cover{background:#000}.eqt-preview__grid .eqt-preview__cover img{aspect-ratio:3/4;object-fit:contain}.eqt-preview__tile{border:2px solid var(--eqt-border);border-radius:var(--eqt-radius-sm);flex-direction:column;width:100%;display:flex;overflow:hidden}.eqt-preview__tile--over,.eqt-preview__tile--leak{border-color:var(--eqt-danger)}.eqt-preview__tile--correct{border-color:var(--eqt-green)}.eqt-preview__tile--none{opacity:.85}.eqt-preview__meta{background:var(--eqt-bg-btn);font-size:var(--eqt-fs-xs);font-variant-numeric:tabular-nums;text-align:center;padding:2px 4px}.eqt-preview__pick{gap:var(--eqt-border-width-thin);border-top:var(--eqt-border-width-thin) solid var(--eqt-border);background:var(--eqt-border);grid-template-columns:1fr 1fr;display:grid}.eqt-preview__pick button{background:var(--eqt-bg-btn);color:inherit;font-size:var(--eqt-fs-xs);cursor:pointer;border:0;padding:3px 2px}.eqt-preview__pick button:hover{background:var(--eqt-bg-btn-hover)}.eqt-preview__pick button:first-child.eqt-preview__pick--on{background:var(--eqt-danger);color:var(--eqt-text-on-color)}.eqt-preview__pick button:last-child.eqt-preview__pick--on{background:var(--eqt-green);color:var(--eqt-text-on-color)}.eqt-preview__cover{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.eqt-preview__cover--on{outline:2px solid var(--eqt-status-include);outline-offset:-2px}.eqt-preview__cover img{width:100%;height:auto;display:block}.eqt-preview__nocover{aspect-ratio:3/4;border:1px dashed var(--eqt-border);border-radius:var(--eqt-radius-sm);font-size:var(--eqt-fs-xs);text-align:left;color:var(--eqt-text-hint);align-items:center;padding:4px;line-height:1.2;display:flex;overflow:hidden}.eqt-preview__flag{border-radius:var(--eqt-radius-sm);background:var(--eqt-danger);color:var(--eqt-text-on-color);font-size:var(--eqt-fs-xs);pointer-events:none;padding:0 3px;position:absolute;top:2px;right:2px}.eqt-preview__more{width:100%;margin-top:6px}.eqt-preview__pos{color:var(--eqt-green);font-variant-numeric:tabular-nums}@media (width<=700px){.eqt-panel__field{flex-basis:100%;justify-content:flex-end}}.eqt-panel__preview-stack{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.eqt-panel__preview-panel,.eqt-panel__gallery-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.eqt-panel__resize-handle--gallery{flex:0 0 var(--eqt-checkbox-size)}.eqt-gal{border:var(--eqt-border-width) solid var(--eqt-border);border-radius:var(--eqt-radius-md);background:var(--eqt-bg-stripe);min-height:0;font-size:var(--eqt-fs-sm);flex-direction:column;flex:auto;padding:8px 10px;display:flex;overflow:hidden}.eqt-gal__scroll{min-height:0;overflow-y:auto}.eqt-gal__head{border-bottom:var(--eqt-border-width) solid var(--eqt-divider);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:stretch;gap:4px;padding-bottom:6px;display:grid}.eqt-gal__titles{min-width:0}.eqt-gal__titles strong{display:block}.eqt-gal__titles p{margin:2px 0 0}.eqt-gal__body{grid-template-columns:250px minmax(0,1fr);gap:12px;margin-top:8px;display:grid}@media (width<=900px){.eqt-gal__body{grid-template-columns:1fr}}.eqt-gal__side{flex-direction:column;gap:6px;min-width:0;display:flex}.eqt-gal__cover{border-radius:var(--eqt-radius-sm)}.eqt-gal__facts{font-size:var(--eqt-fs-xs);grid-template-columns:auto minmax(0,1fr);gap:1px 8px;margin:0;display:grid}.eqt-gal__facts dt{color:var(--eqt-text-hint)}.eqt-gal__facts dd{margin:0}.eqt-gal__verdict{justify-content:center}.eqt-gal__verdict--block{background:var(--eqt-danger);color:var(--eqt-text-on-color)}.eqt-gal__verdict--keep{background:var(--eqt-green);color:var(--eqt-text-on-color)}.eqt-gal__open{white-space:nowrap;text-decoration:none}.eqt-gal__close{min-width:var(--eqt-checkbox-size);justify-content:center}.eqt-gal__main{flex-direction:column;gap:8px;min-width:0;display:flex}.eqt-gal__tags{flex-wrap:wrap;align-items:flex-start;display:flex}.eqt-gal__thumbs{flex-wrap:wrap;gap:4px;display:flex}.eqt-gal__thumbs a{line-height:0;display:block}.eqt-gal__thumbs span{display:block}.eqt-gal__sum{border-top:var(--eqt-border-width) solid var(--eqt-divider);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;margin:0;padding-top:6px;display:flex}");
_css(".Vue-Toastification__container{z-index:9999;box-sizing:border-box;color:#fff;pointer-events:none;flex-direction:column;width:600px;min-height:100%;padding:4px;display:flex;position:fixed}@media only screen and (width>=600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{flex-direction:column-reverse;bottom:1em}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not ((-moz-appearance:none)){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not ((-moz-appearance:none)){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{margin-left:-300px;left:50%}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (width<=600px){.Vue-Toastification__container{width:100vw;margin:0;padding:0;left:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{flex-direction:column-reverse;bottom:0}}.Vue-Toastification__toast{box-sizing:border-box;pointer-events:auto;direction:ltr;border-radius:8px;justify-content:space-between;min-width:326px;max-width:600px;min-height:64px;max-height:800px;margin-bottom:1rem;padding:22px 24px;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{color:#fff;background-color:#1976d2}.Vue-Toastification__toast--info{color:#fff;background-color:#2196f3}.Vue-Toastification__toast--success{color:#fff;background-color:#4caf50}.Vue-Toastification__toast--error{color:#fff;background-color:#ff5252}.Vue-Toastification__toast--warning{color:#fff;background-color:#ffc107}@media only screen and (width<=600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{word-break:break-word;white-space:pre-wrap;flex:1;font-size:16px;line-height:24px}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{cursor:pointer;color:#fff;opacity:.3;background:0 0;border:none;outline:none;align-items:center;padding:0 0 0 10px;font-size:24px;font-weight:700;line-height:24px;transition:visibility,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{z-index:10000;transform-origin:0;background-color:#ffffffb3;width:100%;height:5px;animation:linear forwards scale-x-frames;position:absolute;bottom:0;left:0}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:100%}.Vue-Toastification__icon{background:0 0;border:none;outline:none;align-items:center;width:20px;height:100%;margin:auto 18px auto 0;padding:0;transition:all .3s}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate(-20px)}to{opacity:0;transform:translate(1000px)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)}to{opacity:0;transform:translate(-2000px)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes bounceOutUp{20%{transform:translateY(-10px)}40%,45%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translateY(10px)}40%,45%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@keyframes fadeOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes fadeOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}@keyframes slideInBlurredLeft{0%{transform-origin:100%;filter:blur(40px);opacity:0;transform:translate(-1000px)scaleX(2.5)scaleY(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredTop{0%{transform-origin:50% 0;filter:blur(240px);opacity:0;transform:translateY(-1000px)scaleY(2.5)scaleX(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredRight{0%{transform-origin:0%;filter:blur(40px);opacity:0;transform:translate(1000px)scaleX(2.5)scaleY(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}}@keyframes slideInBlurredBottom{0%{transform-origin:50% 100%;filter:blur(240px);opacity:0;transform:translateY(1000px)scaleY(2.5)scaleX(.2)}to{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes slideOutBlurredTop{0%{transform-origin:50% 0;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}to{transform-origin:50% 0;filter:blur(240px);opacity:0;transform:translateY(-1000px)scaleY(2)scaleX(.2)}}@keyframes slideOutBlurredBottom{0%{transform-origin:50%;filter:blur();opacity:1;transform:translateY(0)scaleY(1)scaleX(1)}to{transform-origin:50% 100%;filter:blur(240px);opacity:0;transform:translateY(1000px)scaleY(2)scaleX(.2)}}@keyframes slideOutBlurredLeft{0%{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}to{transform-origin:100%;filter:blur(40px);opacity:0;transform:translate(-1000px)scaleX(2)scaleY(.2)}}@keyframes slideOutBlurredRight{0%{transform-origin:50%;filter:blur();opacity:1;transform:translate(0)scaleY(1)scaleX(1)}to{transform-origin:0%;filter:blur(40px);opacity:0;transform:translate(1000px)scaleX(2)scaleY(.2)}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}");
_css(".Vue-Toastification__container{z-index:100001;width:auto;padding:8px}.Vue-Toastification__toast{border-radius:4px;align-items:center;min-width:220px;max-width:360px;min-height:0;margin-bottom:6px;padding:8px 12px;font-family:inherit}.Vue-Toastification__toast-body{padding:0;font-size:13px;line-height:1.4}.Vue-Toastification__icon{flex-shrink:0;width:16px;height:16px;margin:auto 8px auto 0}.Vue-Toastification__close-button{opacity:.6;padding:0 0 0 8px;font-size:16px;font-weight:400}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__progress-bar{height:2px}");
(async () => {
await Promise.all([loadStore(), loadSessionHistory()]);
if (location.hostname === "exhentai.org") document.documentElement.classList.add("eqt-dark");
const toastContainer = document.createElement("div");
toastContainer.id = "eqt-toast";
document.body.append(toastContainer);
const anchorScope = effectScope();
const appContainer = anchorScope.run(() => createAnchor("eqt-app"));
document.body.append(appContainer);
const app = createApp(App_default);
app.onUnmount(() => anchorScope.stop());
app.use(src_default, {
container: toastContainer,
position: POSITION.TOP_RIGHT,
timeout: 5e3,
closeOnClick: true,
pauseOnFocusLoss: true,
pauseOnHover: true,
draggable: true
});
const toast = useEqtToast();
loadTagDb({
mirror: tagDbMirror.value,
ttlDays: tagDbTtlDays.value
});
loadTagCount({
mirror: tagCountMirror.value,
ttlDays: tagCountTtlDays.value
});
loadTagWiki({
mirror: tagWikiMirror.value,
ttlDays: tagWikiTtlDays.value
}).catch((e) => {
if (e instanceof WikiSchemaMismatchError) toast.error(t("settings.tagWikiSchemaMismatch"));
console.error("[tagWiki] load failed:", e);
});
app.mount(appContainer);
startAutoSave();
})();
})();