required-doc 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +161 -154
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -26,65 +26,65 @@ function M() {
|
|
|
26
26
|
function ce() {
|
|
27
27
|
return E;
|
|
28
28
|
}
|
|
29
|
-
function
|
|
29
|
+
function le() {
|
|
30
30
|
return D;
|
|
31
31
|
}
|
|
32
|
-
function
|
|
32
|
+
function ue(e, t) {
|
|
33
33
|
return [...T, ...E].find((n) => n.kind === e && n.name === t);
|
|
34
34
|
}
|
|
35
35
|
//#endregion
|
|
36
36
|
//#region src/lib/theme.ts
|
|
37
|
-
var
|
|
38
|
-
ne(
|
|
37
|
+
var N = h(!1);
|
|
38
|
+
ne(N, (e) => {
|
|
39
39
|
document.documentElement.classList.toggle("dark", e);
|
|
40
40
|
}, { immediate: !0 });
|
|
41
|
-
function
|
|
41
|
+
function de() {
|
|
42
42
|
return {
|
|
43
|
-
isDark:
|
|
43
|
+
isDark: N,
|
|
44
44
|
toggle: () => {
|
|
45
|
-
|
|
45
|
+
N.value = !N.value;
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
49
|
//#endregion
|
|
50
50
|
//#region src/catalog/CatalogView.vue?vue&type=script&setup=true&lang.ts
|
|
51
|
-
var
|
|
51
|
+
var P = { class: "mx-auto min-h-screen max-w-3xl p-8" }, F = { class: "mb-8 flex items-center" }, fe = { class: "mb-10" }, pe = { class: "space-y-2" }, me = { class: "font-bold dark:text-gray-100" }, I = { class: "ml-1 text-xs text-gray-400" }, he = { class: "text-sm text-gray-500 dark:text-gray-400" }, ge = { class: "mb-10" }, _e = { class: "space-y-2" }, ve = { class: "font-bold dark:text-gray-100" }, ye = { class: "ml-1 text-xs text-gray-400" }, be = { class: "text-sm text-gray-500 dark:text-gray-400" }, L = { class: "mb-2 rounded-lg border border-gray-300 bg-white p-4 dark:border-gray-700 dark:bg-gray-800" }, R = { class: "space-y-2 text-sm" }, xe = { class: "flex gap-3" }, Se = { class: "font-bold dark:text-gray-100" }, Ce = { class: "flex gap-3" }, we = { class: "flex-1" }, Te = { class: "space-y-1" }, Ee = { class: "space-y-2" }, De = "block rounded-lg border border-gray-300 bg-white p-4 transition hover:border-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-400", Oe = /* @__PURE__ */ l({
|
|
52
52
|
__name: "CatalogView",
|
|
53
53
|
setup(t) {
|
|
54
|
-
let { isDark: n, toggle: r } =
|
|
54
|
+
let { isDark: n, toggle: r } = de(), l = ae(), u = oe(), f = M(), p = ce();
|
|
55
55
|
function ee(e) {
|
|
56
56
|
return e.minWidth === e.maxWidth ? `${e.maxWidth}px` : `${e.minWidth}–${e.maxWidth}px`;
|
|
57
57
|
}
|
|
58
|
-
return (t, h) => (m(), a("div",
|
|
59
|
-
o("div",
|
|
58
|
+
return (t, h) => (m(), a("div", P, [
|
|
59
|
+
o("div", F, [h[1] ||= o("h1", { class: "text-2xl font-bold dark:text-gray-100" }, "要件書カタログ", -1), y(l) ? (m(), a("button", {
|
|
60
60
|
key: 0,
|
|
61
61
|
type: "button",
|
|
62
62
|
class: "ml-auto rounded-md border border-gray-300 px-3 py-1 text-xs font-bold text-gray-600 transition hover:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
|
|
63
63
|
onClick: h[0] ||= (...e) => y(r) && y(r)(...e)
|
|
64
64
|
}, v(y(n) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)]),
|
|
65
|
-
o("section",
|
|
65
|
+
o("section", fe, [h[2] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "ページ", -1), o("ul", pe, [(m(!0), a(e, null, g(y(p), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
|
|
66
66
|
to: `/pages/${e.name}`,
|
|
67
|
-
class: d(
|
|
67
|
+
class: d(De)
|
|
68
68
|
}, {
|
|
69
|
-
default: b(() => [o("div",
|
|
69
|
+
default: b(() => [o("div", me, [s(v(e.title) + " ", 1), o("span", I, "(" + v(e.latest) + ")", 1)]), o("div", he, v(e.desc), 1)]),
|
|
70
70
|
_: 2
|
|
71
71
|
}, 1032, ["to"])]))), 128))])]),
|
|
72
|
-
o("section",
|
|
72
|
+
o("section", ge, [h[3] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "コンポーネント", -1), o("ul", _e, [(m(!0), a(e, null, g(y(f), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
|
|
73
73
|
to: `/components/${e.name}`,
|
|
74
|
-
class: d(
|
|
74
|
+
class: d(De)
|
|
75
75
|
}, {
|
|
76
|
-
default: b(() => [o("div",
|
|
76
|
+
default: b(() => [o("div", ve, [s(v(e.title) + " ", 1), o("span", ye, "(" + v(e.latest) + ")", 1)]), o("div", be, v(e.desc), 1)]),
|
|
77
77
|
_: 2
|
|
78
78
|
}, 1032, ["to"])]))), 128))])]),
|
|
79
79
|
o("section", null, [
|
|
80
80
|
h[8] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "デザイン", -1),
|
|
81
|
-
o("div",
|
|
81
|
+
o("div", L, [h[6] ||= o("div", { class: "mb-2 text-xs font-bold uppercase tracking-wide text-gray-400" }, "表示設定", -1), o("dl", R, [o("div", xe, [h[4] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "ダークモード切替", -1), o("dd", Se, v(y(l) ? "表示" : "非表示"), 1)]), o("div", Ce, [h[5] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "端末", -1), o("dd", we, [o("ul", Te, [(m(!0), a(e, null, g(y(u), (e) => (m(), a("li", {
|
|
82
82
|
key: e.id,
|
|
83
83
|
class: "font-mono text-xs text-gray-700 dark:text-gray-200"
|
|
84
84
|
}, v(e.label) + "（" + v(e.frame) + "） / 幅: " + v(ee(e)), 1))), 128))])])])])]),
|
|
85
|
-
o("ul",
|
|
85
|
+
o("ul", Ee, [o("li", null, [c(y(x), {
|
|
86
86
|
to: "/colors",
|
|
87
|
-
class: d(
|
|
87
|
+
class: d(De)
|
|
88
88
|
}, {
|
|
89
89
|
default: b(() => [...h[7] ||= [o("div", { class: "font-bold dark:text-gray-100" }, "カラー", -1), o("div", { class: "text-sm text-gray-500 dark:text-gray-400" }, "accentColor 等の色定義一覧", -1)]]),
|
|
90
90
|
_: 1
|
|
@@ -95,7 +95,7 @@ var F = { class: "mx-auto min-h-screen max-w-3xl p-8" }, I = { class: "mb-8 flex
|
|
|
95
95
|
});
|
|
96
96
|
//#endregion
|
|
97
97
|
//#region node_modules/marked/lib/marked.esm.js
|
|
98
|
-
function
|
|
98
|
+
function ke() {
|
|
99
99
|
return {
|
|
100
100
|
async: !1,
|
|
101
101
|
breaks: !1,
|
|
@@ -109,22 +109,22 @@ function Oe() {
|
|
|
109
109
|
walkTokens: null
|
|
110
110
|
};
|
|
111
111
|
}
|
|
112
|
-
var
|
|
113
|
-
function
|
|
114
|
-
|
|
112
|
+
var z = ke();
|
|
113
|
+
function Ae(e) {
|
|
114
|
+
z = e;
|
|
115
115
|
}
|
|
116
|
-
var
|
|
117
|
-
function
|
|
116
|
+
var B = { exec: () => null };
|
|
117
|
+
function V(e, t = "") {
|
|
118
118
|
let n = typeof e == "string" ? e : e.source, r = {
|
|
119
119
|
replace: (e, t) => {
|
|
120
120
|
let i = typeof t == "string" ? t : t.source;
|
|
121
|
-
return i = i.replace(
|
|
121
|
+
return i = i.replace(H.caret, "$1"), n = n.replace(e, i), r;
|
|
122
122
|
},
|
|
123
123
|
getRegex: () => new RegExp(n, t)
|
|
124
124
|
};
|
|
125
125
|
return r;
|
|
126
126
|
}
|
|
127
|
-
var
|
|
127
|
+
var H = {
|
|
128
128
|
codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm,
|
|
129
129
|
outputLinkReplace: /\\([\[\]])/g,
|
|
130
130
|
indentCodeCompensation: /^(\s+)(?:```)/,
|
|
@@ -181,73 +181,73 @@ var U = {
|
|
|
181
181
|
fencesBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}(?:\`\`\`|~~~)`),
|
|
182
182
|
headingBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}#`),
|
|
183
183
|
htmlBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}<(?:[a-z].*>|!--)`, "i")
|
|
184
|
-
},
|
|
185
|
-
blockquote:
|
|
186
|
-
code:
|
|
187
|
-
def:
|
|
188
|
-
fences:
|
|
189
|
-
heading:
|
|
190
|
-
hr:
|
|
191
|
-
html:
|
|
192
|
-
lheading: Ie,
|
|
193
|
-
list: He,
|
|
194
|
-
newline: Ae,
|
|
195
|
-
paragraph: Ge,
|
|
196
|
-
table: V,
|
|
197
|
-
text: ze
|
|
198
|
-
}, qe = H("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", W).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3} )[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", G).getRegex(), Je = {
|
|
199
|
-
...Ke,
|
|
184
|
+
}, je = /^(?:[ \t]*(?:\n|$))+/, Me = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, Ne = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, U = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, Pe = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Fe = /(?:[*+-]|\d{1,9}[.)])/, Ie = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, Le = V(Ie).replace(/bull/g, Fe).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex(), Re = V(Ie).replace(/bull/g, Fe).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(), ze = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, Be = /^[^\n]+/, Ve = /(?!\s*\])(?:\\.|[^\[\]\\])+/, He = V(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", Ve).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), Ue = V(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Fe).getRegex(), W = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", We = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, Ge = V("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$))", "i").replace("comment", We).replace("tag", W).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), Ke = V(ze).replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", W).getRegex(), qe = {
|
|
185
|
+
blockquote: V(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Ke).getRegex(),
|
|
186
|
+
code: Me,
|
|
187
|
+
def: He,
|
|
188
|
+
fences: Ne,
|
|
189
|
+
heading: Pe,
|
|
190
|
+
hr: U,
|
|
191
|
+
html: Ge,
|
|
200
192
|
lheading: Le,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
193
|
+
list: Ue,
|
|
194
|
+
newline: je,
|
|
195
|
+
paragraph: Ke,
|
|
196
|
+
table: B,
|
|
197
|
+
text: Be
|
|
198
|
+
}, Je = V("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3} )[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", W).getRegex(), Ye = {
|
|
199
|
+
...qe,
|
|
200
|
+
lheading: Re,
|
|
201
|
+
table: Je,
|
|
202
|
+
paragraph: V(ze).replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Je).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", W).getRegex()
|
|
203
|
+
}, Xe = {
|
|
204
|
+
...qe,
|
|
205
|
+
html: V("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment", We).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
|
|
206
206
|
def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
|
|
207
207
|
heading: /^(#{1,6})(.*)(?:\n+|$)/,
|
|
208
|
-
fences:
|
|
208
|
+
fences: B,
|
|
209
209
|
lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
|
|
210
|
-
paragraph:
|
|
211
|
-
},
|
|
212
|
-
_backpedal:
|
|
213
|
-
anyPunctuation:
|
|
214
|
-
autolink:
|
|
215
|
-
blockSkip:
|
|
216
|
-
br:
|
|
217
|
-
code:
|
|
218
|
-
del:
|
|
219
|
-
emStrongLDelim:
|
|
220
|
-
emStrongRDelimAst:
|
|
221
|
-
emStrongRDelimUnd:
|
|
222
|
-
escape:
|
|
210
|
+
paragraph: V(ze).replace("hr", U).replace("heading", " *#{1,6} *[^\n]").replace("lheading", Le).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
|
|
211
|
+
}, Ze = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, Qe = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, $e = /^( {2,}|\\)\n(?!\s*$)/, et = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, G = /[\p{P}\p{S}]/u, tt = /[\s\p{P}\p{S}]/u, nt = /[^\s\p{P}\p{S}]/u, rt = V(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, tt).getRegex(), it = /(?!~)[\p{P}\p{S}]/u, at = /(?!~)[\s\p{P}\p{S}]/u, ot = /(?:[^\s\p{P}\p{S}]|~)/u, st = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g, ct = /^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/, lt = V(ct, "u").replace(/punct/g, G).getRegex(), ut = V(ct, "u").replace(/punct/g, it).getRegex(), dt = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", ft = V(dt, "gu").replace(/notPunctSpace/g, nt).replace(/punctSpace/g, tt).replace(/punct/g, G).getRegex(), pt = V(dt, "gu").replace(/notPunctSpace/g, ot).replace(/punctSpace/g, at).replace(/punct/g, it).getRegex(), mt = V("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, nt).replace(/punctSpace/g, tt).replace(/punct/g, G).getRegex(), ht = V(/\\(punct)/, "gu").replace(/punct/g, G).getRegex(), gt = V(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), _t = V(We).replace("(?:-->|$)", "-->").getRegex(), vt = V("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", _t).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), K = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, yt = V(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", K).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), bt = V(/^!?\[(label)\]\[(ref)\]/).replace("label", K).replace("ref", Ve).getRegex(), xt = V(/^!?\[(ref)\](?:\[\])?/).replace("ref", Ve).getRegex(), St = {
|
|
212
|
+
_backpedal: B,
|
|
213
|
+
anyPunctuation: ht,
|
|
214
|
+
autolink: gt,
|
|
215
|
+
blockSkip: st,
|
|
216
|
+
br: $e,
|
|
217
|
+
code: Qe,
|
|
218
|
+
del: B,
|
|
219
|
+
emStrongLDelim: lt,
|
|
220
|
+
emStrongRDelimAst: ft,
|
|
221
|
+
emStrongRDelimUnd: mt,
|
|
222
|
+
escape: Ze,
|
|
223
223
|
link: yt,
|
|
224
224
|
nolink: xt,
|
|
225
|
-
punctuation:
|
|
225
|
+
punctuation: rt,
|
|
226
226
|
reflink: bt,
|
|
227
|
-
reflinkSearch:
|
|
228
|
-
tag:
|
|
229
|
-
text:
|
|
230
|
-
url:
|
|
227
|
+
reflinkSearch: V("reflink|nolink(?!\\()", "g").replace("reflink", bt).replace("nolink", xt).getRegex(),
|
|
228
|
+
tag: vt,
|
|
229
|
+
text: et,
|
|
230
|
+
url: B
|
|
231
231
|
}, Ct = {
|
|
232
232
|
...St,
|
|
233
|
-
link:
|
|
234
|
-
reflink:
|
|
233
|
+
link: V(/^!?\[(label)\]\((.*?)\)/).replace("label", K).getRegex(),
|
|
234
|
+
reflink: V(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", K).getRegex()
|
|
235
235
|
}, wt = {
|
|
236
236
|
...St,
|
|
237
|
-
emStrongRDelimAst:
|
|
238
|
-
emStrongLDelim:
|
|
239
|
-
url:
|
|
237
|
+
emStrongRDelimAst: pt,
|
|
238
|
+
emStrongLDelim: ut,
|
|
239
|
+
url: V(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
|
|
240
240
|
_backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
|
|
241
241
|
del: /^(~~?)(?=[^\s~])((?:\\.|[^\\])*?(?:\\.|[^\s~\\]))\1(?=[^~]|$)/,
|
|
242
242
|
text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
|
|
243
243
|
}, Tt = {
|
|
244
244
|
...wt,
|
|
245
|
-
br:
|
|
246
|
-
text:
|
|
245
|
+
br: V($e).replace("{2,}", "*").getRegex(),
|
|
246
|
+
text: V(wt.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
|
|
247
247
|
}, Et = {
|
|
248
|
-
normal:
|
|
249
|
-
gfm:
|
|
250
|
-
pedantic:
|
|
248
|
+
normal: qe,
|
|
249
|
+
gfm: Ye,
|
|
250
|
+
pedantic: Xe
|
|
251
251
|
}, q = {
|
|
252
252
|
normal: St,
|
|
253
253
|
gfm: wt,
|
|
@@ -262,27 +262,27 @@ var U = {
|
|
|
262
262
|
}, Ot = (e) => Dt[e];
|
|
263
263
|
function J(e, t) {
|
|
264
264
|
if (t) {
|
|
265
|
-
if (
|
|
266
|
-
} else if (
|
|
265
|
+
if (H.escapeTest.test(e)) return e.replace(H.escapeReplace, Ot);
|
|
266
|
+
} else if (H.escapeTestNoEncode.test(e)) return e.replace(H.escapeReplaceNoEncode, Ot);
|
|
267
267
|
return e;
|
|
268
268
|
}
|
|
269
269
|
function kt(e) {
|
|
270
270
|
try {
|
|
271
|
-
e = encodeURI(e).replace(
|
|
271
|
+
e = encodeURI(e).replace(H.percentDecode, "%");
|
|
272
272
|
} catch {
|
|
273
273
|
return null;
|
|
274
274
|
}
|
|
275
275
|
return e;
|
|
276
276
|
}
|
|
277
277
|
function At(e, t) {
|
|
278
|
-
let n = e.replace(
|
|
278
|
+
let n = e.replace(H.findPipe, (e, t, n) => {
|
|
279
279
|
let r = !1, i = t;
|
|
280
280
|
for (; --i >= 0 && n[i] === "\\";) r = !r;
|
|
281
281
|
return r ? "|" : " |";
|
|
282
|
-
}).split(
|
|
282
|
+
}).split(H.splitPipe), r = 0;
|
|
283
283
|
if (n[0].trim() || n.shift(), n.length > 0 && !n.at(-1)?.trim() && n.pop(), t) if (n.length > t) n.splice(t);
|
|
284
284
|
else for (; n.length < t;) n.push("");
|
|
285
|
-
for (; r < n.length; r++) n[r] = n[r].trim().replace(
|
|
285
|
+
for (; r < n.length; r++) n[r] = n[r].trim().replace(H.slashPipe, "|");
|
|
286
286
|
return n;
|
|
287
287
|
}
|
|
288
288
|
function Y(e, t, n) {
|
|
@@ -334,7 +334,7 @@ var Pt = class {
|
|
|
334
334
|
rules;
|
|
335
335
|
lexer;
|
|
336
336
|
constructor(e) {
|
|
337
|
-
this.options = e ||
|
|
337
|
+
this.options = e || z;
|
|
338
338
|
}
|
|
339
339
|
space(e) {
|
|
340
340
|
let t = this.rules.block.newline.exec(e);
|
|
@@ -747,13 +747,13 @@ ${c}` : c;
|
|
|
747
747
|
tokenizer;
|
|
748
748
|
inlineQueue;
|
|
749
749
|
constructor(e) {
|
|
750
|
-
this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e ||
|
|
750
|
+
this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || z, this.options.tokenizer = this.options.tokenizer || new Pt(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
|
|
751
751
|
inLink: !1,
|
|
752
752
|
inRawBlock: !1,
|
|
753
753
|
top: !0
|
|
754
754
|
};
|
|
755
755
|
let t = {
|
|
756
|
-
other:
|
|
756
|
+
other: H,
|
|
757
757
|
block: Et.normal,
|
|
758
758
|
inline: q.normal
|
|
759
759
|
};
|
|
@@ -772,7 +772,7 @@ ${c}` : c;
|
|
|
772
772
|
return new e(n).inlineTokens(t);
|
|
773
773
|
}
|
|
774
774
|
lex(e) {
|
|
775
|
-
e = e.replace(
|
|
775
|
+
e = e.replace(H.carriageReturn, "\n"), this.blockTokens(e, this.tokens);
|
|
776
776
|
for (let e = 0; e < this.inlineQueue.length; e++) {
|
|
777
777
|
let t = this.inlineQueue[e];
|
|
778
778
|
this.inlineTokens(t.src, t.tokens);
|
|
@@ -780,7 +780,7 @@ ${c}` : c;
|
|
|
780
780
|
return this.inlineQueue = [], this.tokens;
|
|
781
781
|
}
|
|
782
782
|
blockTokens(e, t = [], n = !1) {
|
|
783
|
-
for (this.options.pedantic && (e = e.replace(
|
|
783
|
+
for (this.options.pedantic && (e = e.replace(H.tabCharGlobal, " ").replace(H.spaceLine, "")); e;) {
|
|
784
784
|
let r;
|
|
785
785
|
if (this.options.extensions?.block?.some((n) => (r = n.call({ lexer: this }, e, t)) ? (e = e.substring(r.raw.length), t.push(r), !0) : !1)) continue;
|
|
786
786
|
if (r = this.tokenizer.space(e)) {
|
|
@@ -952,13 +952,13 @@ ${c}` : c;
|
|
|
952
952
|
options;
|
|
953
953
|
parser;
|
|
954
954
|
constructor(e) {
|
|
955
|
-
this.options = e ||
|
|
955
|
+
this.options = e || z;
|
|
956
956
|
}
|
|
957
957
|
space(e) {
|
|
958
958
|
return "";
|
|
959
959
|
}
|
|
960
960
|
code({ text: e, lang: t, escaped: n }) {
|
|
961
|
-
let r = (t || "").match(
|
|
961
|
+
let r = (t || "").match(H.notSpaceStart)?.[0], i = e.replace(H.endingNewline, "") + "\n";
|
|
962
962
|
return r ? "<pre><code class=\"language-" + J(r) + "\">" + (n ? i : J(i, !0)) + "</code></pre>\n" : "<pre><code>" + (n ? i : J(i, !0)) + "</code></pre>\n";
|
|
963
963
|
}
|
|
964
964
|
blockquote({ tokens: e }) {
|
|
@@ -1095,7 +1095,7 @@ ${e}</tr>
|
|
|
1095
1095
|
renderer;
|
|
1096
1096
|
textRenderer;
|
|
1097
1097
|
constructor(e) {
|
|
1098
|
-
this.options = e ||
|
|
1098
|
+
this.options = e || z, this.options.renderer = this.options.renderer || new Ft(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new It();
|
|
1099
1099
|
}
|
|
1100
1100
|
static parse(t, n) {
|
|
1101
1101
|
return new e(n).parse(t);
|
|
@@ -1246,7 +1246,7 @@ ${e}</tr>
|
|
|
1246
1246
|
options;
|
|
1247
1247
|
block;
|
|
1248
1248
|
constructor(e) {
|
|
1249
|
-
this.options = e ||
|
|
1249
|
+
this.options = e || z;
|
|
1250
1250
|
}
|
|
1251
1251
|
static passThroughHooks = /* @__PURE__ */ new Set([
|
|
1252
1252
|
"preprocess",
|
|
@@ -1269,7 +1269,7 @@ ${e}</tr>
|
|
|
1269
1269
|
return this.block ? Z.parse : Z.parseInline;
|
|
1270
1270
|
}
|
|
1271
1271
|
}, Q = new class {
|
|
1272
|
-
defaults =
|
|
1272
|
+
defaults = ke();
|
|
1273
1273
|
options = this.setOptions;
|
|
1274
1274
|
parse = this.parseMarkdown(!0);
|
|
1275
1275
|
parseInline = this.parseMarkdown(!1);
|
|
@@ -1440,9 +1440,9 @@ function $(e, t) {
|
|
|
1440
1440
|
//#endregion
|
|
1441
1441
|
//#region src/lib/markdown.ts
|
|
1442
1442
|
$.options = $.setOptions = function(e) {
|
|
1443
|
-
return Q.setOptions(e), $.defaults = Q.defaults,
|
|
1444
|
-
}, $.getDefaults =
|
|
1445
|
-
return Q.use(...e), $.defaults = Q.defaults,
|
|
1443
|
+
return Q.setOptions(e), $.defaults = Q.defaults, Ae($.defaults), $;
|
|
1444
|
+
}, $.getDefaults = ke, $.defaults = z, $.use = function(...e) {
|
|
1445
|
+
return Q.use(...e), $.defaults = Q.defaults, Ae($.defaults), $;
|
|
1446
1446
|
}, $.walkTokens = function(e, t) {
|
|
1447
1447
|
return Q.walkTokens(e, t);
|
|
1448
1448
|
}, $.parseInline = Q.parseInline, $.Parser = Z, $.parser = Z.parse, $.Renderer = Ft, $.TextRenderer = It, $.Lexer = X, $.lexer = X.lex, $.Tokenizer = Pt, $.Hooks = Lt, $.parse = $, $.options, $.setOptions, $.use, $.walkTokens, $.parseInline, Z.parse, X.lex, $.setOptions({
|
|
@@ -1482,7 +1482,7 @@ var zt = {
|
|
|
1482
1482
|
doc: {}
|
|
1483
1483
|
},
|
|
1484
1484
|
setup(n) {
|
|
1485
|
-
let r = n, l = t(() => Rt(r.doc)), { isDark: te, toggle: re } =
|
|
1485
|
+
let r = n, l = t(() => Rt(r.doc)), { isDark: te, toggle: re } = de(), ie = ae(), S = oe(), C = h(S[0]?.id ?? ""), w = t(() => S.find((e) => e.id === C.value) ?? S[0]);
|
|
1486
1486
|
function T(e) {
|
|
1487
1487
|
return `${e}px`;
|
|
1488
1488
|
}
|
|
@@ -1493,66 +1493,73 @@ var zt = {
|
|
|
1493
1493
|
background: e.bg,
|
|
1494
1494
|
color: e.font
|
|
1495
1495
|
};
|
|
1496
|
-
}), O = h(null), k = h(null), A = h(0), j = h(0), M = h(!1), ce = h(null),
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1496
|
+
}), O = h(null), k = h(null), A = h(0), j = h(0), M = h(!1), ce = h(null), le = t(() => {
|
|
1497
|
+
let e = w.value;
|
|
1498
|
+
return e ? {
|
|
1499
|
+
min: e.minWidth,
|
|
1500
|
+
max: e.maxWidth
|
|
1501
|
+
} : {
|
|
1502
|
+
min: 0,
|
|
1503
|
+
max: 0
|
|
1504
|
+
};
|
|
1502
1505
|
});
|
|
1503
|
-
function
|
|
1504
|
-
let
|
|
1505
|
-
if (
|
|
1506
|
-
let
|
|
1507
|
-
return Math.min(
|
|
1506
|
+
function ue() {
|
|
1507
|
+
let e = w.value;
|
|
1508
|
+
if (!e) return 0;
|
|
1509
|
+
let t = ce.value ?? e.minWidth;
|
|
1510
|
+
return Math.min(e.maxWidth, Math.max(e.minWidth, t));
|
|
1508
1511
|
}
|
|
1509
|
-
let
|
|
1512
|
+
let N = t(() => ue()), P = t(() => {
|
|
1513
|
+
let e = w.value;
|
|
1514
|
+
return !!e && e.minWidth < e.maxWidth;
|
|
1515
|
+
}), F = t(() => {
|
|
1510
1516
|
if (M.value) return 1;
|
|
1511
|
-
let e =
|
|
1517
|
+
let e = N.value;
|
|
1512
1518
|
return !e || A.value === 0 ? 1 : Math.min(1, A.value / e);
|
|
1513
|
-
}),
|
|
1514
|
-
function _e(e) {
|
|
1515
|
-
let { min: t, max: n } = N.value, r = t;
|
|
1516
|
-
M.value && A.value > 0 && (r = Math.max(t, A.value)), ce.value = Math.min(n, Math.max(r, e));
|
|
1517
|
-
}
|
|
1519
|
+
}), fe = t(() => N.value ? N.value * F.value : 0), pe = t(() => j.value * F.value), me = t(() => M.value && N.value > 0 && A.value > 0 && N.value < A.value), I = h(!1), he = 0, ge = 0, _e = 1;
|
|
1518
1520
|
function ve(e) {
|
|
1519
|
-
|
|
1521
|
+
let t = w.value;
|
|
1522
|
+
t && (ce.value = Math.min(t.maxWidth, Math.max(t.minWidth, e)));
|
|
1520
1523
|
}
|
|
1521
1524
|
function ye(e) {
|
|
1522
|
-
|
|
1525
|
+
let t = N.value;
|
|
1526
|
+
C.value = e, ve(t);
|
|
1527
|
+
}
|
|
1528
|
+
function be(e) {
|
|
1529
|
+
if (!w.value || !P.value) return;
|
|
1523
1530
|
e.preventDefault(), e.stopPropagation();
|
|
1524
1531
|
let t = e.currentTarget;
|
|
1525
|
-
t.setPointerCapture(e.pointerId),
|
|
1532
|
+
t.setPointerCapture(e.pointerId), I.value = !0, he = e.clientX, ge = N.value, _e = F.value, document.body.style.userSelect = "none", document.body.style.cursor = "ew-resize";
|
|
1526
1533
|
function n(e) {
|
|
1527
1534
|
if (!e.isPrimary) return;
|
|
1528
|
-
let t = (e.clientX -
|
|
1529
|
-
|
|
1535
|
+
let t = (e.clientX - he) / _e;
|
|
1536
|
+
ve(ge + t);
|
|
1530
1537
|
}
|
|
1531
1538
|
function r(e) {
|
|
1532
|
-
e.isPrimary && (t.releasePointerCapture(e.pointerId),
|
|
1539
|
+
e.isPrimary && (t.releasePointerCapture(e.pointerId), I.value = !1, document.body.style.userSelect = "", document.body.style.cursor = "", t.removeEventListener("pointermove", n), t.removeEventListener("pointerup", r), t.removeEventListener("pointercancel", r), u(R));
|
|
1533
1540
|
}
|
|
1534
1541
|
t.addEventListener("pointermove", n), t.addEventListener("pointerup", r), t.addEventListener("pointercancel", r);
|
|
1535
1542
|
}
|
|
1536
|
-
let
|
|
1537
|
-
function
|
|
1543
|
+
let L = null;
|
|
1544
|
+
function R() {
|
|
1538
1545
|
O.value && (A.value = O.value.clientWidth), k.value && (j.value = k.value.offsetHeight);
|
|
1539
1546
|
}
|
|
1540
|
-
function
|
|
1541
|
-
|
|
1547
|
+
function xe() {
|
|
1548
|
+
L?.disconnect(), O.value && L?.observe(O.value), k.value && L?.observe(k.value);
|
|
1542
1549
|
}
|
|
1543
|
-
function
|
|
1550
|
+
function Se(e) {
|
|
1544
1551
|
e.key === "Escape" && (M.value = !1);
|
|
1545
1552
|
}
|
|
1546
1553
|
return ee(() => {
|
|
1547
|
-
|
|
1554
|
+
L = new ResizeObserver(() => R()), xe(), R(), window.addEventListener("keydown", Se);
|
|
1548
1555
|
}), p(() => {
|
|
1549
|
-
|
|
1556
|
+
L?.disconnect(), window.removeEventListener("keydown", Se);
|
|
1550
1557
|
}), ne([
|
|
1551
1558
|
C,
|
|
1552
1559
|
M,
|
|
1553
|
-
|
|
1560
|
+
N
|
|
1554
1561
|
], () => u(() => {
|
|
1555
|
-
|
|
1562
|
+
xe(), R();
|
|
1556
1563
|
})), (t, r) => M.value ? (m(), a("div", an, [o("button", {
|
|
1557
1564
|
type: "button",
|
|
1558
1565
|
class: "fixed right-4 top-4 z-10 rounded-md border border-gray-300 bg-white px-3 py-1 text-xs font-bold text-gray-700 shadow-sm transition hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",
|
|
@@ -1560,23 +1567,23 @@ var zt = {
|
|
|
1560
1567
|
}, " 閉じる（Esc） "), o("div", {
|
|
1561
1568
|
ref_key: "areaRef",
|
|
1562
1569
|
ref: O,
|
|
1563
|
-
class: "flex min-h-full justify-center"
|
|
1570
|
+
class: "flex min-h-full w-full justify-center"
|
|
1564
1571
|
}, [w.value ? (m(), a("div", {
|
|
1565
1572
|
key: 0,
|
|
1566
|
-
class: d(["relative shrink-0",
|
|
1567
|
-
style: f({ width: T(
|
|
1573
|
+
class: d(["relative shrink-0", me.value ? "border border-gray-300 shadow-lg dark:border-gray-600" : ""]),
|
|
1574
|
+
style: f({ width: T(N.value) })
|
|
1568
1575
|
}, [o("div", {
|
|
1569
1576
|
ref_key: "contentRef",
|
|
1570
1577
|
ref: k,
|
|
1571
1578
|
style: f({
|
|
1572
|
-
width: T(
|
|
1579
|
+
width: T(N.value),
|
|
1573
1580
|
...D.value
|
|
1574
1581
|
})
|
|
1575
|
-
}, [_(t.$slots, "mock")], 4),
|
|
1582
|
+
}, [_(t.$slots, "mock")], 4), P.value ? (m(), a("div", {
|
|
1576
1583
|
key: 0,
|
|
1577
|
-
class: "absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize touch-none items-center justify-center opacity-60 hover:opacity-100",
|
|
1578
|
-
onPointerdown:
|
|
1579
|
-
}, [
|
|
1584
|
+
class: d(["absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize touch-none items-center justify-center opacity-60 hover:opacity-100", I.value ? "opacity-100" : ""]),
|
|
1585
|
+
onPointerdown: be
|
|
1586
|
+
}, [o("div", { class: d(["h-10 w-1 rounded-full bg-gray-400 dark:bg-gray-500", I.value ? "bg-blue-500 dark:bg-blue-400" : ""]) }, null, 2)], 34)) : i("", !0)], 6)) : i("", !0)], 512)])) : (m(), a("div", zt, [o("header", Bt, [
|
|
1580
1587
|
c(y(x), {
|
|
1581
1588
|
to: "/catalog",
|
|
1582
1589
|
class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
|
|
@@ -1599,14 +1606,14 @@ var zt = {
|
|
|
1599
1606
|
onClick: r[1] ||= (...e) => y(re) && y(re)(...e)
|
|
1600
1607
|
}, v(y(te) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
|
|
1601
1608
|
])
|
|
1602
|
-
]), o("div", Ut, [o("section", Wt, [o("div", Gt, [r[4] ||= o("span", { class: "text-xs font-bold uppercase tracking-wide text-gray-400" }, " 画面 mock ", -1), o("div", Kt, [w.value ? (m(), a("span", qt, [s(v(
|
|
1609
|
+
]), o("div", Ut, [o("section", Wt, [o("div", Gt, [r[4] ||= o("span", { class: "text-xs font-bold uppercase tracking-wide text-gray-400" }, " 画面 mock ", -1), o("div", Kt, [w.value ? (m(), a("span", qt, [s(v(N.value) + "px ", 1), P.value ? (m(), a("span", Jt, " （" + v(le.value.min) + "–" + v(le.value.max) + "） ", 1)) : i("", !0)])) : i("", !0), y(S).length > 1 ? (m(), a("div", {
|
|
1603
1610
|
key: 1,
|
|
1604
|
-
class: d(["inline-flex overflow-hidden rounded-md border border-gray-300 text-xs font-bold dark:border-gray-600",
|
|
1611
|
+
class: d(["inline-flex overflow-hidden rounded-md border border-gray-300 text-xs font-bold dark:border-gray-600", I.value ? "pointer-events-none" : ""])
|
|
1605
1612
|
}, [(m(!0), a(e, null, g(y(S), (e) => (m(), a("button", {
|
|
1606
1613
|
key: e.id,
|
|
1607
1614
|
type: "button",
|
|
1608
1615
|
class: d(["px-3 py-1 transition", C.value === e.id ? "bg-gray-800 text-white dark:bg-gray-200 dark:text-gray-900" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"]),
|
|
1609
|
-
onClick: (t) =>
|
|
1616
|
+
onClick: (t) => ye(e.id)
|
|
1610
1617
|
}, v(e.label), 11, Yt))), 128))], 2)) : i("", !0)])]), o("div", Xt, [o("div", {
|
|
1611
1618
|
ref_key: "areaRef",
|
|
1612
1619
|
ref: O
|
|
@@ -1614,16 +1621,16 @@ var zt = {
|
|
|
1614
1621
|
key: 0,
|
|
1615
1622
|
class: "relative mx-auto overflow-hidden",
|
|
1616
1623
|
style: f({
|
|
1617
|
-
width:
|
|
1618
|
-
height: j.value ? `${
|
|
1624
|
+
width: fe.value ? `${fe.value}px` : "",
|
|
1625
|
+
height: j.value ? `${pe.value}px` : "auto"
|
|
1619
1626
|
})
|
|
1620
1627
|
}, [o("div", {
|
|
1621
1628
|
ref_key: "contentRef",
|
|
1622
1629
|
ref: k,
|
|
1623
1630
|
class: "origin-top-left",
|
|
1624
1631
|
style: f({
|
|
1625
|
-
width: T(
|
|
1626
|
-
transform: `scale(${
|
|
1632
|
+
width: T(N.value),
|
|
1633
|
+
transform: `scale(${F.value})`
|
|
1627
1634
|
})
|
|
1628
1635
|
}, [w.value.frame === "phone" || w.value.frame === "tablet" ? (m(), a("div", Zt, [o("div", Qt, [o("div", $t, [w.value.frame === "phone" ? (m(), a("div", en)) : i("", !0), o("div", {
|
|
1629
1636
|
class: d(["px-4 pb-6", w.value.frame === "phone" ? "pt-9" : "pt-6"]),
|
|
@@ -1635,11 +1642,11 @@ var zt = {
|
|
|
1635
1642
|
], -1), o("div", {
|
|
1636
1643
|
class: "p-4",
|
|
1637
1644
|
style: f(D.value)
|
|
1638
|
-
}, [_(t.$slots, "mock")], 4)]))], 4),
|
|
1645
|
+
}, [_(t.$slots, "mock")], 4)]))], 4), P.value ? (m(), a("div", {
|
|
1639
1646
|
key: 0,
|
|
1640
|
-
class: d(["absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize touch-none items-center justify-center",
|
|
1641
|
-
onPointerdown:
|
|
1642
|
-
}, [o("div", { class: d(["h-10 w-1 rounded-full bg-gray-400 dark:bg-gray-500",
|
|
1647
|
+
class: d(["absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize touch-none items-center justify-center", I.value ? "opacity-100" : "opacity-60 hover:opacity-100"]),
|
|
1648
|
+
onPointerdown: be
|
|
1649
|
+
}, [o("div", { class: d(["h-10 w-1 rounded-full bg-gray-400 dark:bg-gray-500", I.value ? "bg-blue-500 dark:bg-blue-400" : ""]) }, null, 2)], 34)) : i("", !0)], 4)) : i("", !0)], 512)])]), o("section", nn, [r[7] ||= o("div", { class: "mb-3 text-xs font-bold uppercase tracking-wide text-gray-400" }, " 要件 ", -1), o("div", {
|
|
1643
1650
|
class: "req-md",
|
|
1644
1651
|
innerHTML: l.value
|
|
1645
1652
|
}, null, 8, rn)])])]));
|
|
@@ -1655,7 +1662,7 @@ var zt = {
|
|
|
1655
1662
|
ver: {}
|
|
1656
1663
|
},
|
|
1657
1664
|
setup(n) {
|
|
1658
|
-
let i = n, l = C(), u = t(() =>
|
|
1665
|
+
let i = n, l = C(), u = t(() => ue(i.kind, i.name)), d = t(() => i.ver || u.value?.latest || ""), f = t(() => u.value?.versions[d.value]), p = t(() => u.value ? Object.keys(u.value.versions) : []);
|
|
1659
1666
|
function ee(e) {
|
|
1660
1667
|
let t = e.target.value;
|
|
1661
1668
|
l.push(`/${i.kind}s/${i.name}/${t}`);
|
|
@@ -1692,7 +1699,7 @@ var zt = {
|
|
|
1692
1699
|
}, Sn = /* @__PURE__ */ l({
|
|
1693
1700
|
__name: "ColorsView",
|
|
1694
1701
|
setup(t) {
|
|
1695
|
-
let { isDark: n, toggle: r } =
|
|
1702
|
+
let { isDark: n, toggle: r } = de(), l = ae(), u = se(), p = [...u ? [{
|
|
1696
1703
|
name: "baseBg",
|
|
1697
1704
|
light: u.light.bg,
|
|
1698
1705
|
dark: u.dark.bg,
|
|
@@ -1702,7 +1709,7 @@ var zt = {
|
|
|
1702
1709
|
light: u.light.font,
|
|
1703
1710
|
dark: u.dark.font,
|
|
1704
1711
|
desc: "モックの基本文字色"
|
|
1705
|
-
}] : [], ...
|
|
1712
|
+
}] : [], ...le()];
|
|
1706
1713
|
return (t, u) => (m(), a("div", mn, [o("header", hn, [
|
|
1707
1714
|
c(y(x), {
|
|
1708
1715
|
to: "/catalog",
|
|
@@ -1744,7 +1751,7 @@ function Cn() {
|
|
|
1744
1751
|
{
|
|
1745
1752
|
path: "/catalog",
|
|
1746
1753
|
name: "catalog",
|
|
1747
|
-
component:
|
|
1754
|
+
component: Oe
|
|
1748
1755
|
},
|
|
1749
1756
|
{
|
|
1750
1757
|
path: "/colors",
|