@burger-editor/blocks 4.0.0-alpha.7 → 4.0.0-alpha.70
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/README.md +77 -57
- package/dist/index.js +1167 -417
- package/package.json +13 -9
- package/types.d.ts +3 -2
package/dist/index.js
CHANGED
|
@@ -1,46 +1,98 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { formatByteSize, markdownToHtml, htmlToMarkdown, parseYTId
|
|
3
|
-
import
|
|
1
|
+
import { createItem } from '@burger-editor/core';
|
|
2
|
+
import { mergeItems, formatByteSize, markdownToHtml, htmlToMarkdown, parseYTId } from '@burger-editor/utils';
|
|
3
|
+
import { updateRatio } from '@d-zero/shared/ratio-value';
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
return item;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
var editor$9 = "<div>\n\t<label>\n\t\t<span>ボタンの種類</span>\n\t\t<select name=\"bge-kind\">\n\t\t\t<option value=\"link\">リンク</option>\n\t\t\t<option value=\"em\">強調リンク</option>\n\t\t\t<option value=\"external\">外部リンク</option>\n\t\t\t<option value=\"back\">戻る</option>\n\t\t</select>\n\t</label>\n\t<label>\n\t\t<span>テキスト</span>\n\t\t<input type=\"text\" name=\"bge-text\" />\n\t</label>\n\t<label>\n\t\t<span>リンク</span>\n\t\t<input type=\"text\" name=\"bge-link\" />\n\t</label>\n\t<label>\n\t\t<span>ターゲット</span>\n\t\t<select name=\"bge-target\">\n\t\t\t<option value=\"\">指定なし</option>\n\t\t\t<option value=\"_blank\">新しいウィンドウ(_blank)</option>\n\t\t\t<option value=\"_top\">最上部ウィンドウ(_top)</option>\n\t\t\t<option value=\"_self\">同じウィンドウ(_self)</option>\n\t\t</select>\n\t</label>\n</div>\n";
|
|
5
|
+
var editor$b = "<div>\n\t<fieldset>\n\t\t<legend>リンク</legend>\n\t\t<label>\n\t\t\t<span>URL</span>\n\t\t\t<input type=\"text\" name=\"bge-link\" />\n\t\t</label>\n\t\t<label>\n\t\t\t<span>ターゲット</span>\n\t\t\t<select name=\"bge-target\">\n\t\t\t\t<option value=\"\">指定なし</option>\n\t\t\t\t<option value=\"_blank\">新しいウィンドウ(_blank)</option>\n\t\t\t\t<option value=\"_top\">最上部ウィンドウ(_top)</option>\n\t\t\t\t<option value=\"_self\">同じウィンドウ(_self)</option>\n\t\t\t</select>\n\t\t</label>\n\t</fieldset>\n\t<label>\n\t\t<span>テキスト</span>\n\t\t<input type=\"text\" name=\"bge-text\" />\n\t</label>\n\t<label>\n\t\t<span>サブテキスト</span>\n\t\t<input type=\"text\" name=\"bge-subtext\" />\n\t</label>\n\t<label>\n\t\t<span>ボタンのスタイル</span>\n\t\t<select name=\"bge-kind\">\n\t\t\t<!-- 選択肢はJavaScriptで動的に生成されます -->\n\t\t</select>\n\t</label>\n\t<fieldset>\n\t\t<legend>アイコン</legend>\n\t\t<label>\n\t\t\t<span>前</span>\n\t\t\t<select name=\"bge-before-icon\">\n\t\t\t\t<!-- 選択肢はJavaScriptで動的に生成されます -->\n\t\t\t</select>\n\t\t</label>\n\t\t<label>\n\t\t\t<span>後</span>\n\t\t\t<select name=\"bge-after-icon\">\n\t\t\t\t<!-- 選択肢はJavaScriptで動的に生成されます -->\n\t\t\t</select>\n\t\t</label>\n\t</fieldset>\n</div>\n";
|
|
10
6
|
|
|
11
|
-
var style$
|
|
7
|
+
var style$b = "/* No Styling */\n";
|
|
12
8
|
|
|
13
|
-
var template$
|
|
9
|
+
var template$b = "<a href=\"\" data-kind=\"primary\" data-before-icon=\"none\" data-after-icon=\"none\" data-bge=\"link:href, target:target, kind:data-kind, before-icon:data-before-icon, after-icon:data-after-icon\">\n\t<div>\n\t\t<span data-bge=\"text\">ボタン</span>\n\t\t<span data-bge=\"subtext\">サブテキスト</span>\n\t</div>\n</a>\n";
|
|
14
10
|
|
|
15
11
|
var button = createItem({
|
|
16
|
-
version: "4.0.0-alpha.
|
|
12
|
+
version: "4.0.0-alpha.70",
|
|
17
13
|
name: "button",
|
|
18
|
-
template: template$
|
|
19
|
-
style: style$
|
|
20
|
-
editor: editor$
|
|
14
|
+
template: template$b,
|
|
15
|
+
style: style$b,
|
|
16
|
+
editor: editor$b,
|
|
17
|
+
editorOptions: {
|
|
18
|
+
beforeOpen(data, editor2) {
|
|
19
|
+
const kindOptions = mergeOptions(
|
|
20
|
+
[
|
|
21
|
+
{ value: "primary", label: "\u30D7\u30E9\u30A4\u30DE\u30EA\u30DC\u30BF\u30F3" },
|
|
22
|
+
{ value: "secondary", label: "\u30BB\u30AB\u30F3\u30C0\u30EA\u30DC\u30BF\u30F3" },
|
|
23
|
+
{ value: "tertiary", label: "\u30BF\u30FC\u30B7\u30E3\u30EA\u30DC\u30BF\u30F3" },
|
|
24
|
+
{ value: "text", label: "\u30C6\u30AD\u30B9\u30C8\u30EA\u30F3\u30AF" }
|
|
25
|
+
],
|
|
26
|
+
editor2.config.experimental?.itemOptions?.button?.kinds
|
|
27
|
+
);
|
|
28
|
+
const beforeIconOptions = mergeOptions(
|
|
29
|
+
[
|
|
30
|
+
{ value: "none", label: "\u306A\u3057" },
|
|
31
|
+
{ value: "arrow-left", label: "\u5DE6\u77E2\u5370" }
|
|
32
|
+
],
|
|
33
|
+
editor2.config.experimental?.itemOptions?.button?.beforeIcons
|
|
34
|
+
);
|
|
35
|
+
const afterIconOptions = mergeOptions(
|
|
36
|
+
[
|
|
37
|
+
{ value: "none", label: "\u306A\u3057" },
|
|
38
|
+
{ value: "arrow-right", label: "\u53F3\u77E2\u5370" },
|
|
39
|
+
{ value: "arrow-down", label: "\u4E0B\u77E2\u5370" },
|
|
40
|
+
{ value: "external", label: "\u5225\u30BF\u30D6" },
|
|
41
|
+
{ value: "text-file", label: "\u30D5\u30A1\u30A4\u30EB" }
|
|
42
|
+
],
|
|
43
|
+
editor2.config.experimental?.itemOptions?.button?.afterIcons
|
|
44
|
+
);
|
|
45
|
+
editor2.setOptions("bge-kind", kindOptions);
|
|
46
|
+
editor2.setOptions("bge-before-icon", beforeIconOptions);
|
|
47
|
+
editor2.setOptions("bge-after-icon", afterIconOptions);
|
|
48
|
+
return data;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
function mergeOptions(defaultOptions, configOptions = []) {
|
|
53
|
+
return mergeItems(
|
|
54
|
+
defaultOptions,
|
|
55
|
+
configOptions,
|
|
56
|
+
"value",
|
|
57
|
+
(item) => Boolean(item.label)
|
|
58
|
+
);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
var editor$a = "<label>\n\t<input type=\"checkbox\" name=\"bge-open\" />\n\t<span>開いた状態で公開する</span>\n</label>\n<label>\n\t<span>概要</span>\n\t<input type=\"text\" name=\"bge-summary\" />\n</label>\n<bge-wysiwyg-editor name=\"bge-content\" item-name=\"details\" commands=\"bold,italic,underline,strikethrough,link,blockquote,bullet-list,ordered-list\"></bge-wysiwyg-editor>\n";
|
|
62
|
+
|
|
63
|
+
var style$a = "/* No Styling */\n";
|
|
64
|
+
|
|
65
|
+
var template$a = "<details data-bge=\"open:open\">\n\t<summary data-bge=\"summary\">折りたたみコンテンツ</summary>\n\t<div data-bge=\"content\"><p>内容を入力してください</p></div>\n</details>\n";
|
|
66
|
+
|
|
67
|
+
var details = createItem({
|
|
68
|
+
version: "4.0.0-alpha.70",
|
|
69
|
+
name: "details",
|
|
70
|
+
template: template$a,
|
|
71
|
+
style: style$a,
|
|
72
|
+
editor: editor$a
|
|
21
73
|
});
|
|
22
74
|
|
|
23
|
-
var editor$
|
|
75
|
+
var editor$9 = "<div data-bge-dialog=\"2col\">\n\t<div data-bge-dialog-ui=\"sticky\">\n\t\t<div>\n\t\t\t<div data-bge-editor-ui=\"preview\"></div>\n\t\t\t<input type=\"hidden\" name=\"bge-path\" />\n\t\t\t<input type=\"hidden\" name=\"bge-formated-size\" value=\"0kB\" />\n\t\t\t<input type=\"hidden\" name=\"bge-size\" value=\"0\" />\n\t\t</div>\n\n\t\t<div>\n\t\t\t<label>\n\t\t\t\t<span>表示ファイル名</span>\n\t\t\t\t<input type=\"text\" name=\"bge-name\" />\n\t\t\t</label>\n\t\t\t<label><input type=\"checkbox\" name=\"bge-download-check\" />ブラウザで開かずに直接ダウンロードさせる</label>\n\t\t</div>\n\t</div>\n\t<div>\n\t\t<div data-bge-editor-ui=\"fileUploader\"></div>\n\t\t<div data-bge-editor-ui=\"fileList\"></div>\n\t</div>\n</div>\n";
|
|
24
76
|
|
|
25
|
-
var style$
|
|
77
|
+
var style$9 = "[data-bgi='download-file'] {\n\t[data-bge*='size'] {\n\t\t&::before {\n\t\t\tcontent: '(';\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: ')';\n\t\t}\n\t}\n}\n";
|
|
26
78
|
|
|
27
|
-
var template$
|
|
79
|
+
var template$9 = "<a href=\"./files/bgeditor/bg-sample.pdf\" target=\"_blank\" data-bge=\"path:href, download:download\">\n\t<div>\n\t\t<span data-bge=\"name\">サンプルダウンロードファイル</span>\n\t\t<span data-bge=\"formated-size, size:data-size\" data-size=\"138158\">134.92kB</span>\n\t</div>\n</a>\n";
|
|
28
80
|
|
|
29
81
|
var downloadFile = createItem({
|
|
30
|
-
version: "4.0.0-alpha.
|
|
82
|
+
version: "4.0.0-alpha.70",
|
|
31
83
|
name: "download-file",
|
|
32
|
-
template: template$
|
|
33
|
-
style: style$
|
|
34
|
-
editor: editor$
|
|
84
|
+
template: template$9,
|
|
85
|
+
style: style$9,
|
|
86
|
+
editor: editor$9,
|
|
35
87
|
editorOptions: {
|
|
36
88
|
open(data, editor2) {
|
|
37
|
-
editor2.
|
|
89
|
+
editor2.componentObserver.notify("file-select", {
|
|
38
90
|
path: data.path,
|
|
39
91
|
fileSize: Number.parseFloat(data.size ?? "0"),
|
|
40
92
|
isEmpty: data.path === "",
|
|
41
93
|
isMounted: false
|
|
42
94
|
});
|
|
43
|
-
editor2.
|
|
95
|
+
editor2.componentObserver.on("file-select", ({ path, fileSize, isEmpty }) => {
|
|
44
96
|
if (isEmpty) {
|
|
45
97
|
return;
|
|
46
98
|
}
|
|
@@ -59,18 +111,18 @@ var downloadFile = createItem({
|
|
|
59
111
|
}
|
|
60
112
|
});
|
|
61
113
|
|
|
62
|
-
var editor$
|
|
114
|
+
var editor$8 = "<div id=\"bge-google-maps\" style=\"inline-size: 100%; aspect-ratio: 8 / 5\">map</div>\n<input type=\"hidden\" name=\"bge-zoom\" />\n<input type=\"hidden\" name=\"bge-url\" />\n<div>\n\t<label>\n\t\t<span>住所から検索</span>\n\t\t<input type=\"search\" name=\"bge-search\" class=\"bge-search\" />\n\t</label>\n\t<button type=\"button\" name=\"bge-search-button\">検索</button>\n</div>\n<div>\n\t<label>\n\t\t<span>緯度</span>\n\t\t<output name=\"bge-lat\"></output>\n\t</label>\n\t<label>\n\t\t<span>経度</span>\n\t\t<output name=\"bge-lng\"></output>\n\t</label>\n</div>\n";
|
|
63
115
|
|
|
64
|
-
var style$
|
|
116
|
+
var style$8 = "[data-bgi='google-maps'] {\n\tdiv {\n\t\tinline-size: 100%;\n\t\taspect-ratio: 8 / 5;\n\t}\n\n\timg {\n\t\tdisplay: block;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tmargin-block: 0;\n\t\tmargin-inline: auto;\n\t\tobject-fit: contain;\n\t}\n\n\ta {\n\t\tdisplay: none;\n\t}\n}\n";
|
|
65
117
|
|
|
66
|
-
var template$
|
|
118
|
+
var template$8 = "<div data-lat=\"35.681382\" data-lng=\"139.766084\" data-zoom=\"16\" data-bge=\"lat:data-lat, lng:data-lng, zoom:data-zoom\">\n\t<img data-bge=\"img:src\" src=\"https://maps.google.com/maps/api/staticmap?center=35.681382,139.766084&zoom=16&size=640x400&markers=color:red|color:red|35.681382,139.766084&scale=2&key=%googleMapsApiKey%\" width=\"8\" height=\"5\" alt=\"Google Maps\" />\n</div>\n<a href=\"https://maps.apple.com/?q=35.681382,139.766084\" data-bge=\"url:href\" target=\"_blank\"><span>アプリで開く</span></a>\n";
|
|
67
119
|
|
|
68
120
|
var googleMaps = createItem({
|
|
69
|
-
version: "4.0.0-alpha.
|
|
121
|
+
version: "4.0.0-alpha.70",
|
|
70
122
|
name: "google-maps",
|
|
71
|
-
template: template$
|
|
72
|
-
style: style$
|
|
73
|
-
editor: editor$
|
|
123
|
+
template: template$8,
|
|
124
|
+
style: style$8,
|
|
125
|
+
editor: editor$8,
|
|
74
126
|
editorOptions: {
|
|
75
127
|
customData: {
|
|
76
128
|
search: null
|
|
@@ -169,7 +221,7 @@ var googleMaps = createItem({
|
|
|
169
221
|
scale: "2",
|
|
170
222
|
size: `${640}x${400}`,
|
|
171
223
|
markers: `color:red|color:red|${newData.lat},${newData.lng}`,
|
|
172
|
-
key: editor2.
|
|
224
|
+
key: editor2.config.googleMapsApiKey ?? ""
|
|
173
225
|
});
|
|
174
226
|
const img = `${BASE_URL}?${param}`;
|
|
175
227
|
return {
|
|
@@ -186,7 +238,7 @@ var googleMaps = createItem({
|
|
|
186
238
|
return data;
|
|
187
239
|
},
|
|
188
240
|
isDisable(item) {
|
|
189
|
-
if (item.editor.
|
|
241
|
+
if (item.editor.config.googleMapsApiKey) {
|
|
190
242
|
return "";
|
|
191
243
|
}
|
|
192
244
|
return "Google Maps API\u30AD\u30FC\u304C\u767B\u9332\u3055\u308C\u3066\u3044\u306A\u3044\u305F\u3081\u3001\u5229\u7528\u3067\u304D\u307E\u305B\u3093\u3002\n\u300C\u30B7\u30B9\u30C6\u30E0\u8A2D\u5B9A\u300D\u304B\u3089API\u30AD\u30FC\u3092\u767B\u9332\u3059\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002";
|
|
@@ -194,50 +246,112 @@ var googleMaps = createItem({
|
|
|
194
246
|
}
|
|
195
247
|
});
|
|
196
248
|
|
|
197
|
-
var editor$
|
|
249
|
+
var editor$7 = "<div>\n\t<label>\n\t\t<span>区切り線の種類</span>\n\t\t<select name=\"bge-kind\">\n\t\t\t<option value=\"primary\">標準</option>\n\t\t\t<option value=\"dashed\">破線</option>\n\t\t\t<option value=\"bold\">太い区切り線</option>\n\t\t\t<option value=\"narrow\">細い区切り線</option>\n\t\t</select>\n\t</label>\n</div>\n";
|
|
198
250
|
|
|
199
|
-
var style$
|
|
251
|
+
var style$7 = "[data-bgi='hr'] {\n\t--inline-size: 100%;\n\t--border-color: #000;\n\t--border-width: 1px;\n\t--border-kind: solid;\n\n\t> div {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\n\thr {\n\t\tinline-size: var(--inline-size);\n\t\tborder: var(--border-color) var(--border-kind) var(--border-width);\n\t}\n}\n";
|
|
200
252
|
|
|
201
|
-
var template$
|
|
253
|
+
var template$7 = "<div data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr />\n</div>\n";
|
|
202
254
|
|
|
203
255
|
var hr = createItem({
|
|
204
|
-
version: "4.0.0-alpha.
|
|
256
|
+
version: "4.0.0-alpha.70",
|
|
205
257
|
name: "hr",
|
|
206
|
-
template: template$
|
|
207
|
-
style: style$
|
|
208
|
-
editor: editor$
|
|
209
|
-
editorOptions: {
|
|
210
|
-
migrate(type) {
|
|
211
|
-
const data = type.export();
|
|
212
|
-
if (data.type) {
|
|
213
|
-
data.kind = data.type.replace(/^bgi-hr--/, "");
|
|
214
|
-
delete data.type;
|
|
215
|
-
}
|
|
216
|
-
if (!data.kind) {
|
|
217
|
-
data.kind = "primary";
|
|
218
|
-
}
|
|
219
|
-
return data;
|
|
220
|
-
}
|
|
221
|
-
}
|
|
258
|
+
template: template$7,
|
|
259
|
+
style: style$7,
|
|
260
|
+
editor: editor$7
|
|
222
261
|
});
|
|
223
262
|
|
|
224
|
-
var editor$
|
|
263
|
+
var editor$6 = "<div data-bge-dialog=\"2col\">\n\t<div data-bge-dialog-ui=\"sticky\">\n\t\t<div>\n\t\t\t<div data-bge-editor-ui=\"tabs\" data-bge-editor-ui-for=\"bgi-image__tabs-content\"></div>\n\n\t\t\t<div id=\"bgi-image__tabs-content\" role=\"tabpanel\" aria-label=\"画像\">\n\t\t\t\t<div data-bge-editor-ui=\"preview\"></div>\n\t\t\t\t<input type=\"hidden\" name=\"bge-path[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-alt[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-width[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-height[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-media[]\" />\n\n\t\t\t\t<input type=\"hidden\" name=\"bge-file-size\" />\n\t\t\t\t<div>\n\t\t\t\t\t<label>\n\t\t\t\t\t\t<span>メディアクエリー</span>\n\t\t\t\t\t\t<input type=\"text\" name=\"bge-media-input\" />\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div>\n\t\t\t<fieldset id=\"bge-image-size-fieldset\">\n\t\t\t\t<legend>画像のサイズ</legend>\n\t\t\t\t<div role=\"radiogroup\" aria-labelledby=\"bgi-image__radio-group1\">\n\t\t\t\t\t<div id=\"bgi-image__radio-group1\">基準</div>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-scale-type\" value=\"container\" /><span>基準</span></label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-scale-type\" value=\"original\" checked />画像基準</label>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<label for=\"bgi-image__range-number\">幅</label>\n\t\t\t\t\t\t<input type=\"number\" id=\"bgi-image__range-number\" name=\"bge-css-width-number\" min=\"1\" step=\"1\" value=\"100\" />\n\t\t\t\t\t\t<output name=\"bge-css-width-unit\">px</output>\n\t\t\t\t\t</span>\n\t\t\t\t\t<input aria-label=\"幅\" type=\"range\" name=\"bge-scale\" min=\"1\" max=\"100\" step=\"1\" value=\"100\" />\n\t\t\t\t</div>\n\t\t\t\t<div role=\"radiogroup\" aria-labelledby=\"bgi-image__radio-group2\">\n\t\t\t\t\t<div id=\"bgi-image__radio-group2\">縦横比</div>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"revert\" checked />オリジナル</label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"1/1\" />1 : 1</label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"4/3\" />4 : 3</label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"16/9\" />16 : 9</label>\n\t\t\t\t</div>\n\t\t\t\t<input type=\"hidden\" name=\"bge-css-width\" />\n\t\t\t</fieldset>\n\t\t\t<label>\n\t\t\t\t<span>画像の代替テキスト(alt)</span>\n\t\t\t\t<input type=\"text\" name=\"bge-alt-editable\" />\n\t\t\t</label>\n\t\t\t<label>\n\t\t\t\t<span>キャプション</span>\n\t\t\t\t<input type=\"text\" name=\"bge-caption\" />\n\t\t\t</label>\n\t\t\t<fieldset>\n\t\t\t\t<legend>リンク</legend>\n\t\t\t\t<label><input type=\"checkbox\" name=\"bge-popup\" />ポップアップで画像を開く</label>\n\t\t\t\t<label>\n\t\t\t\t\t<span>リンク先URL</span>\n\t\t\t\t\t<input type=\"url\" name=\"bge-href\" />\n\t\t\t\t</label>\n\t\t\t\t<label><input type=\"checkbox\" name=\"bge-target-blank\" />別タブで開く</label>\n\t\t\t</fieldset>\n\t\t\t<label><input type=\"checkbox\" name=\"bge-lazy\" checked aria-describedby=\"bge-lazy-desc\" />遅延読み込み</label>\n\t\t\t<small id=\"bge-lazy-desc\">画像がブラウザの表示エリアに現れるまでファイルを読み込みません。</small>\n\t\t</div>\n\t</div>\n\t<div>\n\t\t<div data-bge-editor-ui=\"imageUploader\"></div>\n\t\t<div data-bge-editor-ui=\"imageList\"></div>\n\t</div>\n</div>\n";
|
|
225
264
|
|
|
226
|
-
var style$
|
|
265
|
+
var style$6 = "[data-bgi='image'] {\n\tfigure {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tinline-size: var(--css-width, 100%);\n\t\tmax-inline-size: 100cqi;\n\t\tpadding: 0;\n\t\tmargin-block: 0;\n\t\tmargin-inline: auto;\n\n\t\t> :is(div, a, button) {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0;\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t}\n\t}\n\n\timg {\n\t\tdisplay: block;\n\t\tinline-size: var(--css-width, auto);\n\t\tmax-inline-size: 100%;\n\t\tblock-size: auto;\n\t\taspect-ratio: var(--aspect-ratio, revert);\n\t\tobject-fit: var(--object-fit, unset);\n\t}\n\n\tfigcaption {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tinline-size: 100%;\n\n\t\t&:empty {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n";
|
|
227
266
|
|
|
228
|
-
var template$
|
|
267
|
+
var template$6 = "<div data-bge=\":style, :scale, :scale-type, :aspect-ratio\" data-bge-scale=\"100\" data-bge-scale-type=\"container\" data-bge-aspect-ratio=\"revert\" style=\"--css-width: 100cqi; --object-fit: cover; --aspect-ratio: revert\">\n\t<figure>\n\t\t<div data-bge=\":node, :href, :target, :command\">\n\t\t\t<picture data-bge-list>\n\t\t\t\t<img src=\"%sampleImagePath%\" alt=\"サンプル画像\" data-bge=\"path:src, :alt, :width, :height, :loading, :media\" width=\"400\" height=\"300\" loading=\"lazy\" />\n\t\t\t</picture>\n\t\t</div>\n\t\t<figcaption data-bge=\"caption\"></figcaption>\n\t</figure>\n</div>\n";
|
|
268
|
+
|
|
269
|
+
function createWidthState() {
|
|
270
|
+
const MIN_NUMBER = 1;
|
|
271
|
+
let _widthState = {
|
|
272
|
+
absNumber: 100,
|
|
273
|
+
maxAbsNumber: 100,
|
|
274
|
+
relNumber: 1,
|
|
275
|
+
maxRelNumber: 1
|
|
276
|
+
};
|
|
277
|
+
let _unit = "px";
|
|
278
|
+
return {
|
|
279
|
+
setScaleType(type) {
|
|
280
|
+
_unit = type === "container" ? "cqi" : "px";
|
|
281
|
+
},
|
|
282
|
+
setNumber(number) {
|
|
283
|
+
switch (_unit) {
|
|
284
|
+
case "px": {
|
|
285
|
+
this.setAbsNumber(number);
|
|
286
|
+
return;
|
|
287
|
+
}
|
|
288
|
+
case "cqi": {
|
|
289
|
+
this.setScale(number);
|
|
290
|
+
return;
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
},
|
|
294
|
+
setAbsNumber(number) {
|
|
295
|
+
number = Math.max(MIN_NUMBER, number);
|
|
296
|
+
_widthState = updateRatio(_widthState, "absNumber", number);
|
|
297
|
+
},
|
|
298
|
+
setScale(scale) {
|
|
299
|
+
scale = Math.min(Math.max(MIN_NUMBER, scale), 100);
|
|
300
|
+
_widthState = updateRatio(_widthState, "relNumber", scale / 100);
|
|
301
|
+
},
|
|
302
|
+
setMaxNumber(number) {
|
|
303
|
+
number = Math.max(MIN_NUMBER, number);
|
|
304
|
+
_widthState = updateRatio(_widthState, "maxAbsNumber", number);
|
|
305
|
+
},
|
|
306
|
+
getCSSWidth() {
|
|
307
|
+
const num = this.getCSSWidthNumber();
|
|
308
|
+
return `${num}${_unit}`;
|
|
309
|
+
},
|
|
310
|
+
getCSSWidthNumber() {
|
|
311
|
+
return _unit === "px" ? this.getAbsNumber() : this.getScale();
|
|
312
|
+
},
|
|
313
|
+
getCSSWidthMaxNumber() {
|
|
314
|
+
return this.getScaleType() === "original" ? this.getMaxNumber() : 100;
|
|
315
|
+
},
|
|
316
|
+
getCSSWidthUnit() {
|
|
317
|
+
return _unit;
|
|
318
|
+
},
|
|
319
|
+
getScaleType() {
|
|
320
|
+
return _unit === "cqi" ? "container" : "original";
|
|
321
|
+
},
|
|
322
|
+
getAbsNumber() {
|
|
323
|
+
return Math.min(
|
|
324
|
+
Math.max(MIN_NUMBER, Math.round(_widthState.absNumber)),
|
|
325
|
+
_widthState.maxAbsNumber
|
|
326
|
+
);
|
|
327
|
+
},
|
|
328
|
+
getMaxNumber() {
|
|
329
|
+
return _widthState.maxAbsNumber;
|
|
330
|
+
},
|
|
331
|
+
getScale() {
|
|
332
|
+
return Math.round(_widthState.relNumber * 100);
|
|
333
|
+
},
|
|
334
|
+
debug() {
|
|
335
|
+
return {
|
|
336
|
+
..._widthState,
|
|
337
|
+
unit: _unit,
|
|
338
|
+
css: this.getCSSWidth()
|
|
339
|
+
};
|
|
340
|
+
}
|
|
341
|
+
};
|
|
342
|
+
}
|
|
229
343
|
|
|
230
344
|
const ORIGIN = "__org";
|
|
231
345
|
var image = createItem({
|
|
232
|
-
version: "4.0.0-alpha.
|
|
346
|
+
version: "4.0.0-alpha.70",
|
|
233
347
|
name: "image",
|
|
234
|
-
template: template$
|
|
235
|
-
style: style$
|
|
236
|
-
editor: editor$
|
|
348
|
+
template: template$6,
|
|
349
|
+
style: style$6,
|
|
350
|
+
editor: editor$6,
|
|
237
351
|
editorOptions: {
|
|
238
352
|
beforeOpen(data) {
|
|
239
|
-
const path = data.path.map((p) => p.replace(ORIGIN, ""));
|
|
240
|
-
const lazy = data.loading
|
|
353
|
+
const path = (data.path ?? []).map((p) => p.replace(ORIGIN, ""));
|
|
354
|
+
const lazy = (data.loading ?? []).includes("lazy");
|
|
241
355
|
const popup = data.node === "button" && data.command === "show-modal";
|
|
242
356
|
const targetBlank = data.node === "a" && data.target === "_blank";
|
|
243
357
|
return {
|
|
@@ -249,8 +363,14 @@ var image = createItem({
|
|
|
249
363
|
altEditable: data.alt?.[0] ?? ""
|
|
250
364
|
};
|
|
251
365
|
},
|
|
252
|
-
open(
|
|
366
|
+
open(initData, editor2) {
|
|
253
367
|
let currentIndex = 0;
|
|
368
|
+
const widthState = createWidthState();
|
|
369
|
+
const $fieldset = editor2.find("#bge-image-size-fieldset");
|
|
370
|
+
widthState.setScaleType(initData.scaleType);
|
|
371
|
+
widthState.setScale(initData.scale);
|
|
372
|
+
widthState.setMaxNumber(initData.width[0] ?? 400);
|
|
373
|
+
updateCSSWidth();
|
|
254
374
|
selectTab(currentIndex);
|
|
255
375
|
function fileSelect() {
|
|
256
376
|
const $path = editor2.get("$path");
|
|
@@ -258,7 +378,7 @@ var image = createItem({
|
|
|
258
378
|
if (!currentPath) {
|
|
259
379
|
throw new Error("currentPath is not found");
|
|
260
380
|
}
|
|
261
|
-
editor2.
|
|
381
|
+
editor2.componentObserver.notify("file-select", {
|
|
262
382
|
path: currentPath,
|
|
263
383
|
fileSize: Number.parseFloat(editor2.get("$fileSize") ?? "0"),
|
|
264
384
|
isEmpty: currentPath === "",
|
|
@@ -273,19 +393,29 @@ var image = createItem({
|
|
|
273
393
|
const media = editor2.get("$media")[currentIndex] ?? "";
|
|
274
394
|
editor2.update("$mediaInput", media);
|
|
275
395
|
}
|
|
276
|
-
editor2.
|
|
396
|
+
editor2.componentObserver.on("file-select", ({ path, isEmpty }) => {
|
|
277
397
|
if (isEmpty) {
|
|
278
398
|
return;
|
|
279
399
|
}
|
|
280
400
|
void _updateImage(path);
|
|
281
401
|
});
|
|
282
402
|
async function _updateImage(path) {
|
|
403
|
+
if (!path) {
|
|
404
|
+
return;
|
|
405
|
+
}
|
|
406
|
+
$fieldset.disabled = true;
|
|
283
407
|
const $src = await loadImage(path);
|
|
284
408
|
updateImage($src);
|
|
409
|
+
$fieldset.disabled = false;
|
|
285
410
|
}
|
|
411
|
+
editor2.componentObserver.on("select-tab-in-item-editor", ({ index }) => {
|
|
412
|
+
selectTab(index);
|
|
413
|
+
});
|
|
286
414
|
function updateImage($src) {
|
|
287
415
|
if (!$src) {
|
|
288
|
-
|
|
416
|
+
{
|
|
417
|
+
console.error("\u753B\u50CF\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
|
|
418
|
+
}
|
|
289
419
|
return;
|
|
290
420
|
}
|
|
291
421
|
const path = [...editor2.get("$path")];
|
|
@@ -300,29 +430,48 @@ var image = createItem({
|
|
|
300
430
|
const media = [...editor2.get("$media")];
|
|
301
431
|
media[currentIndex] = editor2.get("$mediaInput");
|
|
302
432
|
editor2.update("$media", media);
|
|
433
|
+
widthState.setMaxNumber($src.width);
|
|
303
434
|
updateCSSWidth();
|
|
304
435
|
}
|
|
305
|
-
editor2.
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
436
|
+
editor2.onChange(
|
|
437
|
+
"$cssWidthNumber",
|
|
438
|
+
(widthNumber) => {
|
|
439
|
+
widthState.setNumber(widthNumber);
|
|
440
|
+
updateCSSWidth();
|
|
441
|
+
},
|
|
442
|
+
false
|
|
443
|
+
);
|
|
444
|
+
editor2.onChange(
|
|
445
|
+
"$scaleType",
|
|
446
|
+
(scaleType) => {
|
|
447
|
+
widthState.setScaleType(scaleType);
|
|
448
|
+
updateCSSWidth();
|
|
449
|
+
},
|
|
450
|
+
false
|
|
451
|
+
);
|
|
452
|
+
editor2.onChange(
|
|
453
|
+
"$scale",
|
|
454
|
+
(scale) => {
|
|
455
|
+
widthState.setScale(scale);
|
|
456
|
+
updateCSSWidth();
|
|
457
|
+
},
|
|
458
|
+
false
|
|
459
|
+
);
|
|
310
460
|
editor2.onChange("$mediaInput", (value) => {
|
|
311
461
|
const media = [...editor2.get("$media")];
|
|
312
462
|
media[currentIndex] = value;
|
|
313
463
|
editor2.update("$media", media);
|
|
314
464
|
});
|
|
315
465
|
function updateCSSWidth() {
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
editor2.update(
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
);
|
|
466
|
+
editor2.max("$cssWidthNumber", widthState.getCSSWidthMaxNumber());
|
|
467
|
+
editor2.update("$cssWidthUnit", widthState.getCSSWidthUnit());
|
|
468
|
+
editor2.update("$cssWidthNumber", widthState.getCSSWidthNumber());
|
|
469
|
+
editor2.update("$scaleType", widthState.getScaleType());
|
|
470
|
+
editor2.update("$scale", widthState.getScale());
|
|
471
|
+
editor2.update("$cssWidth", widthState.getCSSWidth());
|
|
472
|
+
editor2.componentObserver.notify("update-css-width", {
|
|
473
|
+
cssWidth: widthState.getCSSWidth()
|
|
474
|
+
});
|
|
326
475
|
}
|
|
327
476
|
editor2.onChange("$popup", (disable) => {
|
|
328
477
|
editor2.disable("$href", disable);
|
|
@@ -335,7 +484,7 @@ var image = createItem({
|
|
|
335
484
|
});
|
|
336
485
|
},
|
|
337
486
|
beforeChange(newData) {
|
|
338
|
-
const loading = newData.lazy ? "lazy" : "eager";
|
|
487
|
+
const loading = [newData.lazy ? "lazy" : "eager"];
|
|
339
488
|
const node = newData.popup ? "button" : newData.href ? "a" : "div";
|
|
340
489
|
const target = node === "a" && newData.targetBlank ? "_blank" : null;
|
|
341
490
|
const command = node === "button" ? "show-modal" : null;
|
|
@@ -385,16 +534,30 @@ async function loadImage(src) {
|
|
|
385
534
|
});
|
|
386
535
|
}
|
|
387
536
|
|
|
388
|
-
var editor$
|
|
537
|
+
var editor$5 = "<label>\n\t<span>読み込むHTMLファイルのパス</span>\n\t<input type=\"text\" name=\"bge-src\" />\n</label>\n";
|
|
389
538
|
|
|
390
|
-
var style$
|
|
539
|
+
var style$5 = "[data-bgi='import'] {\n\tbge-import {\n\t\t&::before {\n\t\t\tfont-weight: bold;\n\t\t\tcontent: 'Import: ';\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: attr(src);\n\t\t}\n\t}\n}\n";
|
|
391
540
|
|
|
392
|
-
var template$
|
|
541
|
+
var template$5 = "<bge-import data-bge=\":src\" src=\"\"></bge-import>\n";
|
|
542
|
+
|
|
543
|
+
var importItem = createItem({
|
|
544
|
+
version: "4.0.0-alpha.70",
|
|
545
|
+
name: "import",
|
|
546
|
+
template: template$5,
|
|
547
|
+
style: style$5,
|
|
548
|
+
editor: editor$5
|
|
549
|
+
});
|
|
550
|
+
|
|
551
|
+
var editor$4 = "<div data-bge-dialog=\"wide\">\n\t<div>\n\t\t<label>\n\t\t\t<input type=\"checkbox\" name=\"bge-scrollable\" />\n\t\t\t<span>横スクロール可能</span>\n\t\t</label>\n\t</div>\n\n\t<div>\n\t\t<label>\n\t\t\t<span>表見出し</span>\n\t\t\t<input type=\"text\" name=\"bge-caption\" />\n\t\t</label>\n\t</div>\n\n\t<div data-bge-editor-ui=\"tableEditor\"></div>\n\t<input type=\"hidden\" name=\"bge\" />\n</div>\n";
|
|
552
|
+
|
|
553
|
+
var style$4 = "/* No Styling */\n";
|
|
554
|
+
|
|
555
|
+
var template$4 = "<div data-bge=\":scrollable\" data-bge-scrollable=\"false\">\n\t<table>\n\t\t<caption data-bge=\"caption\">\n\t\t\tキャプションを入力してください\n\t\t</caption>\n\t\t<tbody data-bge-list>\n\t\t\t<tr>\n\t\t\t\t<th data-bge=\"th\">表組の見出し</th>\n\t\t\t\t<td data-bge=\"td\">表組の内容を入力してください</td>\n\t\t\t</tr>\n\t\t</tbody>\n\t</table>\n</div>\n";
|
|
393
556
|
|
|
394
557
|
var table = createItem({
|
|
395
|
-
version: "4.0.0-alpha.
|
|
558
|
+
version: "4.0.0-alpha.70",
|
|
396
559
|
name: "table",
|
|
397
|
-
template: template$
|
|
560
|
+
template: template$4,
|
|
398
561
|
style: style$4,
|
|
399
562
|
editor: editor$4,
|
|
400
563
|
editorOptions: {
|
|
@@ -415,93 +578,57 @@ var table = createItem({
|
|
|
415
578
|
|
|
416
579
|
var editor$3 = "<input type=\"text\" name=\"bge-title-h2\" placeholder=\"見出しを入力してください\" />\n";
|
|
417
580
|
|
|
418
|
-
var style$3 = "
|
|
581
|
+
var style$3 = "/* No Styling */\n";
|
|
419
582
|
|
|
420
|
-
var template$
|
|
583
|
+
var template$3 = "<h2 data-bge=\"title-h2\">見出しを入力してください</h2>\n";
|
|
421
584
|
|
|
422
585
|
var titleH2 = createItem({
|
|
423
|
-
version: "4.0.0-alpha.
|
|
586
|
+
version: "4.0.0-alpha.70",
|
|
424
587
|
name: "title-h2",
|
|
425
|
-
template: template$
|
|
588
|
+
template: template$3,
|
|
426
589
|
style: style$3,
|
|
427
590
|
editor: editor$3
|
|
428
591
|
});
|
|
429
592
|
|
|
430
593
|
var editor$2 = "<input type=\"text\" name=\"bge-title-h3\" placeholder=\"見出しを入力してください\" />\n";
|
|
431
594
|
|
|
432
|
-
var style$2 = "
|
|
595
|
+
var style$2 = "/* No Styling */\n";
|
|
433
596
|
|
|
434
|
-
var template$
|
|
597
|
+
var template$2 = "<h3 data-bge=\"title-h3\">見出しを入力してください</h3>\n";
|
|
435
598
|
|
|
436
599
|
var titleH3 = createItem({
|
|
437
|
-
version: "4.0.0-alpha.
|
|
600
|
+
version: "4.0.0-alpha.70",
|
|
438
601
|
name: "title-h3",
|
|
439
|
-
template: template$
|
|
602
|
+
template: template$2,
|
|
440
603
|
style: style$2,
|
|
441
604
|
editor: editor$2
|
|
442
605
|
});
|
|
443
606
|
|
|
444
|
-
var editor$1 = "<
|
|
607
|
+
var editor$1 = "<bge-wysiwyg-editor name=\"bge-wysiwyg\" item-name=\"wysiwyg\"></bge-wysiwyg-editor>\n";
|
|
445
608
|
|
|
446
609
|
var style$1 = "/* No Styling */\n";
|
|
447
610
|
|
|
448
|
-
var template$
|
|
611
|
+
var template$1 = "<div data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
|
|
449
612
|
|
|
450
613
|
var wysiwyg = createItem({
|
|
451
|
-
version: "4.0.0-alpha.
|
|
614
|
+
version: "4.0.0-alpha.70",
|
|
452
615
|
name: "wysiwyg",
|
|
453
|
-
template: template$
|
|
616
|
+
template: template$1,
|
|
454
617
|
style: style$1,
|
|
455
|
-
editor: editor$1
|
|
456
|
-
editorOptions: {
|
|
457
|
-
async open(data, editor2) {
|
|
458
|
-
const EDITOR_AREA_SELECTOR = '[data-bgi-input="wysiwyg"]';
|
|
459
|
-
const $editorArea = editor2.find(EDITOR_AREA_SELECTOR);
|
|
460
|
-
if (!$editorArea) {
|
|
461
|
-
throw new Error(`Not found: "${EDITOR_AREA_SELECTOR}"`);
|
|
462
|
-
}
|
|
463
|
-
const $editor = new Trix.elements.TrixEditorElement();
|
|
464
|
-
$editorArea.append($editor);
|
|
465
|
-
$editor.editor.insertHTML(data.wysiwyg);
|
|
466
|
-
$editor.addEventListener("trix-change", () => {
|
|
467
|
-
editor2.update("$wysiwyg", $editor.innerHTML);
|
|
468
|
-
});
|
|
469
|
-
$editor.classList.add(...editor2.engine.css.classList);
|
|
470
|
-
$editor.style.setProperty("padding", "1em", "important");
|
|
471
|
-
$editor.style.setProperty("inline-size", "100%", "important");
|
|
472
|
-
const style2 = document.createElement("style");
|
|
473
|
-
$editor.hidden = true;
|
|
474
|
-
const main = await Promise.all(
|
|
475
|
-
editor2.engine.css.stylesheets.filter((url) => url !== "/client.css").map(async (url) => {
|
|
476
|
-
const res = await fetch(url);
|
|
477
|
-
return res.text();
|
|
478
|
-
})
|
|
479
|
-
);
|
|
480
|
-
style2.textContent = `
|
|
481
|
-
@scope (${EDITOR_AREA_SELECTOR}) {
|
|
482
|
-
${main.join("\n")}
|
|
483
|
-
|
|
484
|
-
[data-trix-button-group="file-tools"] {
|
|
485
|
-
display: none !important;
|
|
486
|
-
}
|
|
487
|
-
}`;
|
|
488
|
-
$editorArea.before(style2);
|
|
489
|
-
$editor.hidden = false;
|
|
490
|
-
}
|
|
491
|
-
}
|
|
618
|
+
editor: editor$1
|
|
492
619
|
});
|
|
493
620
|
|
|
494
621
|
var editor = "<div>\n\t<iframe class=\"bge-youtube-preview\" title=\"YouTubeプレビュー\" loading=\"lazy\" style=\"aspect-ratio: 16 / 9\"></iframe>\n\t<input type=\"hidden\" name=\"bge-url\" />\n\t<input type=\"hidden\" name=\"bge-thumb\" />\n</div>\n\n<div>\n\t<label>\n\t\t<span>URLもしくは動画ID</span>\n\t\t<input type=\"text\" name=\"bge-id\" />\n\t</label>\n\t<label>\n\t\t<span>動画タイトル</span>\n\t\t<input type=\"text\" name=\"bge-title\" />\n\t</label>\n</div>\n";
|
|
495
622
|
|
|
496
|
-
var style = "[data-bgi='youtube'] {\n\t> div {\n\t\tposition: relative;\n\t\tinline-size: 100%;\n\t\taspect-ratio: 16 / 9;\n\t\toverflow: hidden;\n\t}\n\n\tiframe {\n\t\tdisplay: block;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tmargin: 0
|
|
623
|
+
var style = "[data-bgi='youtube'] {\n\t> div {\n\t\tposition: relative;\n\t\tdisplay: grid;\n\t\tgrid-template-areas: 'one';\n\t\tinline-size: 100%;\n\t\taspect-ratio: 16 / 9;\n\t\toverflow: hidden;\n\t}\n\n\tiframe {\n\t\tdisplay: block;\n\t\tgrid-area: one;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tmargin: 0;\n\t\tborder: none;\n\t}\n\n\timg {\n\t\tposition: relative;\n\t\tz-index: 0;\n\t\tdisplay: block;\n\t\tgrid-area: one;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tobject-fit: cover;\n\t}\n\n\tsvg {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tdisplay: block;\n\t\tgrid-area: one;\n\t\tplace-self: center;\n\t\tinline-size: 10%;\n\t\tblock-size: auto;\n\t}\n}\n";
|
|
497
624
|
|
|
498
|
-
var template
|
|
625
|
+
var template = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data-width=\"1920\" data-height=\"1080\" data-bge=\"id:data-id, title:data-title\">\n\t<img src=\"//img.youtube.com/vi/3KtWfp0UopM/maxresdefault.jpg\" alt=\"動画のサムネイル\" data-bge=\"thumb:src\" width=\"16\" height=\"9\" loading=\"lazy\" decoding=\"auto\" />\n\t<svg viewBox=\"0 0 68 48\" role=\"none\">\n\t\t<path d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"></path>\n\t\t<path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"></path>\n\t</svg>\n</div>\n";
|
|
499
626
|
|
|
500
627
|
const FALLBACK_TITLE = "YouTube\u52D5\u753B";
|
|
501
628
|
var youtube = createItem({
|
|
502
|
-
version: "4.0.0-alpha.
|
|
629
|
+
version: "4.0.0-alpha.70",
|
|
503
630
|
name: "youtube",
|
|
504
|
-
template
|
|
631
|
+
template,
|
|
505
632
|
style,
|
|
506
633
|
editor,
|
|
507
634
|
editorOptions: {
|
|
@@ -541,10 +668,12 @@ var youtube = createItem({
|
|
|
541
668
|
|
|
542
669
|
const items = {
|
|
543
670
|
button,
|
|
671
|
+
details,
|
|
544
672
|
"download-file": downloadFile,
|
|
545
673
|
"google-maps": googleMaps,
|
|
546
674
|
hr,
|
|
547
675
|
image,
|
|
676
|
+
import: importItem,
|
|
548
677
|
table,
|
|
549
678
|
"title-h2": titleH2,
|
|
550
679
|
"title-h3": titleH3,
|
|
@@ -552,316 +681,937 @@ const items = {
|
|
|
552
681
|
youtube
|
|
553
682
|
};
|
|
554
683
|
|
|
555
|
-
|
|
556
|
-
Object.entries(items).map(([key, value]) => [key, value.template])
|
|
557
|
-
);
|
|
558
|
-
function importItems(template) {
|
|
559
|
-
return replaceCommentWithHTML(template, templateSeed, (key, html, data) => {
|
|
560
|
-
const result = itemImport(html, data);
|
|
561
|
-
return `<div data-bgi="${key}">${result}</div>`;
|
|
562
|
-
});
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
var icon$q = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"fd209399-0134-4350-b981-c8b8ae94ae7e\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"bf554fee-e2dd-4b87-bcb8-62d1fc0d1c7f\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"ffaf2791-f62f-4e94-bf07-d06118b0fa68\" x1=\"179.67\" y1=\"-292.99\" x2=\"180.67\" y2=\"-292.99\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21142.98, 13022.73)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"b4d6358c-dbd1-461c-9863-afc1e103aeb7\"><rect x=\"9.75\" y=\"12.25\" width=\"31.09\" height=\"14.41\" rx=\"2.83\" fill=\"none\"/></clipPath></defs><title>button</title><g id=\"b38853b3-c703-4537-91c6-7499dd3828da\" data-name=\"レイヤー 2\"><g id=\"aad4bf5b-7942-4049-afa3-188448558c80\" data-name=\"レイヤー1\"><g clip-path=\"url(#fd209399-0134-4350-b981-c8b8ae94ae7e)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#bf554fee-e2dd-4b87-bcb8-62d1fc0d1c7f)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#ffaf2791-f62f-4e94-bf07-d06118b0fa68)\"/></g><g clip-path=\"url(#fd209399-0134-4350-b981-c8b8ae94ae7e)\"><path d=\"M12.59,14.1H38a2.84,2.84,0,0,1,2.84,2.84v8.73A2.83,2.83,0,0,1,38,28.5H12.59a2.83,2.83,0,0,1-2.83-2.83V16.93A2.84,2.84,0,0,1,12.59,14.1Z\" fill=\"#905f94\"/><rect x=\"9.75\" y=\"12.22\" width=\"31.09\" height=\"14.41\" rx=\"2.83\" fill=\"#b992bc\"/><path d=\"M18,19.51a2.87,2.87,0,1,1-2.86-2.87A2.86,2.86,0,0,1,18,19.51Z\" fill=\"#fff\"/><g clip-path=\"url(#b4d6358c-dbd1-461c-9863-afc1e103aeb7)\"><polygon points=\"40.84 26.66 9.75 26.66 40.84 12.25 40.84 26.66\" fill=\"#ab7aac\"/></g><polygon points=\"14.35 21.09 14.35 17.92 16.65 19.5 14.35 21.09\" fill=\"#b992bc\"/></g></g></g></svg>";
|
|
566
|
-
|
|
567
|
-
var template$q = "<div data-bge-container=\"inline:center:wrap\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- button --></div>\n\t</div>\n</div>\n";
|
|
568
|
-
|
|
569
|
-
const blockTemplate$q = {
|
|
570
|
-
name: "button",
|
|
571
|
-
template: importItems(template$q),
|
|
572
|
-
icon: icon$q
|
|
573
|
-
};
|
|
574
|
-
|
|
575
|
-
var icon$p = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b153ff07-895d-4804-87cf-aa7badc810a8\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"a7bae0c0-62bc-446c-bf0d-663d897e5a48\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"bb60e0bf-29b7-438c-ad93-35e0141ae3a9\" x1=\"116.39\" y1=\"-292.32\" x2=\"117.39\" y2=\"-292.32\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21094.73, 8451.1)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"a1723d6b-2f4d-4c07-ab69-97a7a59476e0\"><rect y=\"8.76\" width=\"28.03\" height=\"21.78\" fill=\"none\"/></clipPath><clipPath id=\"b0b34d52-2d56-4f80-827a-ad77b7bd7b2f\"><rect x=\"5.4\" y=\"15.55\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"none\"/></clipPath><clipPath id=\"b8d7ec36-a44f-439c-bf3e-ab66c919cbf7\"><rect x=\"22.56\" y=\"8.76\" width=\"28.03\" height=\"21.78\" fill=\"none\"/></clipPath><clipPath id=\"b450c3cd-31c6-4f6c-afbf-34881f955d9c\"><rect x=\"27.97\" y=\"15.55\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"none\"/></clipPath></defs><title>button2</title><g id=\"aeb13426-476a-417b-af4a-dd91ed7b5972\" data-name=\"レイヤー 2\"><g id=\"a3ae9667-184a-49a2-aacf-363d1e760b76\" data-name=\"レイヤー1\"><g clip-path=\"url(#b153ff07-895d-4804-87cf-aa7badc810a8)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#a7bae0c0-62bc-446c-bf0d-663d897e5a48)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#bb60e0bf-29b7-438c-ad93-35e0141ae3a9)\"/></g><g clip-path=\"url(#a1723d6b-2f4d-4c07-ab69-97a7a59476e0)\"><rect x=\"5.4\" y=\"16.57\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#905f94\"/><rect x=\"5.4\" y=\"15.54\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#b992bc\"/><path d=\"M10,19.57A1.59,1.59,0,1,1,8.4,18,1.59,1.59,0,0,1,10,19.57Z\" fill=\"#fff\"/><g clip-path=\"url(#b0b34d52-2d56-4f80-827a-ad77b7bd7b2f)\"><polygon points=\"22.63 23.54 5.4 23.54 22.63 15.55 22.63 23.54\" fill=\"#ab7aac\"/></g><polygon points=\"7.95 20.45 7.95 18.69 9.22 19.57 7.95 20.45\" fill=\"#b992bc\"/></g><g clip-path=\"url(#b8d7ec36-a44f-439c-bf3e-ab66c919cbf7)\"><rect x=\"27.97\" y=\"16.57\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#905f94\"/><rect x=\"27.97\" y=\"15.54\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#b992bc\"/><path d=\"M32.55,19.57A1.59,1.59,0,1,1,31,18,1.59,1.59,0,0,1,32.55,19.57Z\" fill=\"#fff\"/><g clip-path=\"url(#b450c3cd-31c6-4f6c-afbf-34881f955d9c)\"><polygon points=\"45.19 23.54 27.97 23.54 45.19 15.55 45.19 23.54\" fill=\"#ab7aac\"/></g><polygon points=\"30.51 20.45 30.51 18.69 31.79 19.57 30.51 20.45\" fill=\"#b992bc\"/></g></g></g></svg>";
|
|
684
|
+
var button3Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b056bd87-8dba-4e0d-aa72-716878a05a5f\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b763a0c7-e5d3-4838-81d6-b56aed526447\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"a7cf91cd-fd5f-42ee-ac16-f023fb4564a1\" x1=\"52.39\" y1=\"-293.21\" x2=\"53.39\" y2=\"-293.21\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21158.73, 3827.14)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"e3b93a2c-6a02-4ca9-8019-a0631cefd20c\"><rect y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"bcd3e7b4-6b19-434c-b185-816b541cf24a\"><rect x=\"3.96\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath><clipPath id=\"f3c09aef-9059-4b8e-bdc4-94b27727ec2b\"><rect x=\"15.03\" y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"a582dc04-5370-42cd-8885-ceab0760a39d\"><rect x=\"18.99\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath><clipPath id=\"b0615a06-7c95-4acd-9dc8-079f4b205ef6\"><rect x=\"30.07\" y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"fe839737-2f17-42b7-9195-6f7d6bfc12f9\"><rect x=\"34.03\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath></defs><title>button3</title><g id=\"f1d0597a-7e94-40cc-81d2-7940e55002c1\" data-name=\"レイヤー 2\"><g id=\"bad110ee-d772-42ac-99a1-357d604f079b\" data-name=\"レイヤー1\"><g clip-path=\"url(#b056bd87-8dba-4e0d-aa72-716878a05a5f)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#b763a0c7-e5d3-4838-81d6-b56aed526447)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#a7cf91cd-fd5f-42ee-ac16-f023fb4564a1)\"/></g><g clip-path=\"url(#e3b93a2c-6a02-4ca9-8019-a0631cefd20c)\"><rect x=\"3.96\" y=\"16.5\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"3.96\" y=\"15.74\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M7.31,18.69a1.16,1.16,0,1,1-1.16-1.16A1.16,1.16,0,0,1,7.31,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#bcd3e7b4-6b19-434c-b185-816b541cf24a)\"><polygon points=\"16.57 21.59 3.96 21.59 16.57 15.75 16.57 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"5.82 19.33 5.82 18.05 6.75 18.69 5.82 19.33\" fill=\"#b992bc\"/></g><g clip-path=\"url(#f3c09aef-9059-4b8e-bdc4-94b27727ec2b)\"><rect x=\"18.99\" y=\"16.5\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"18.99\" y=\"15.74\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M22.35,18.69a1.17,1.17,0,1,1-1.16-1.16A1.16,1.16,0,0,1,22.35,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#a582dc04-5370-42cd-8885-ceab0760a39d)\"><polygon points=\"31.6 21.59 18.99 21.59 31.6 15.75 31.6 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"20.85 19.33 20.85 18.05 21.79 18.69 20.85 19.33\" fill=\"#b992bc\"/></g><g clip-path=\"url(#b0615a06-7c95-4acd-9dc8-079f4b205ef6)\"><rect x=\"34.03\" y=\"16.49\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"34.03\" y=\"15.73\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M37.38,18.69a1.16,1.16,0,1,1-1.16-1.16A1.16,1.16,0,0,1,37.38,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#fe839737-2f17-42b7-9195-6f7d6bfc12f9)\"><polygon points=\"46.64 21.59 34.02 21.59 46.64 15.75 46.64 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"35.89 19.33 35.89 18.05 36.82 18.69 35.89 19.33\" fill=\"#b992bc\"/></g></g></g></svg>";
|
|
576
685
|
|
|
577
|
-
var
|
|
686
|
+
var contentNavigationIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a9e1e99a-d48b-467c-84e1-bdced3515439\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image4</title><g id=\"f0cc911f-7c12-4b14-8f46-1addd9966920\" data-name=\"レイヤー 2\"><g id=\"a6ffb343-0125-41bc-9552-4ed6f8831b95\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a9e1e99a-d48b-467c-84e1-bdced3515439)\"/><rect x=\"4.65\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"15.57\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"26.49\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"37.41\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"13.18 26.63 4.65 26.63 13.18 12.22 13.18 26.63\" fill=\"#649432\"/><polygon points=\"24.11 26.63 15.57 26.63 24.11 12.22 24.11 26.63\" fill=\"#649432\"/><polygon points=\"35.02 26.63 26.49 26.63 35.02 12.22 35.02 26.63\" fill=\"#649432\"/><polygon points=\"45.95 26.63 37.41 26.63 45.95 12.22 45.95 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
578
687
|
|
|
579
|
-
|
|
580
|
-
name: "button2",
|
|
581
|
-
template: importItems(template$p),
|
|
582
|
-
icon: icon$p
|
|
583
|
-
};
|
|
584
|
-
|
|
585
|
-
var icon$o = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b056bd87-8dba-4e0d-aa72-716878a05a5f\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b763a0c7-e5d3-4838-81d6-b56aed526447\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"a7cf91cd-fd5f-42ee-ac16-f023fb4564a1\" x1=\"52.39\" y1=\"-293.21\" x2=\"53.39\" y2=\"-293.21\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21158.73, 3827.14)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"e3b93a2c-6a02-4ca9-8019-a0631cefd20c\"><rect y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"bcd3e7b4-6b19-434c-b185-816b541cf24a\"><rect x=\"3.96\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath><clipPath id=\"f3c09aef-9059-4b8e-bdc4-94b27727ec2b\"><rect x=\"15.03\" y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"a582dc04-5370-42cd-8885-ceab0760a39d\"><rect x=\"18.99\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath><clipPath id=\"b0615a06-7c95-4acd-9dc8-079f4b205ef6\"><rect x=\"30.07\" y=\"10.78\" width=\"20.53\" height=\"15.95\" fill=\"none\"/></clipPath><clipPath id=\"fe839737-2f17-42b7-9195-6f7d6bfc12f9\"><rect x=\"34.03\" y=\"15.75\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"none\"/></clipPath></defs><title>button3</title><g id=\"f1d0597a-7e94-40cc-81d2-7940e55002c1\" data-name=\"レイヤー 2\"><g id=\"bad110ee-d772-42ac-99a1-357d604f079b\" data-name=\"レイヤー1\"><g clip-path=\"url(#b056bd87-8dba-4e0d-aa72-716878a05a5f)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#b763a0c7-e5d3-4838-81d6-b56aed526447)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#a7cf91cd-fd5f-42ee-ac16-f023fb4564a1)\"/></g><g clip-path=\"url(#e3b93a2c-6a02-4ca9-8019-a0631cefd20c)\"><rect x=\"3.96\" y=\"16.5\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"3.96\" y=\"15.74\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M7.31,18.69a1.16,1.16,0,1,1-1.16-1.16A1.16,1.16,0,0,1,7.31,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#bcd3e7b4-6b19-434c-b185-816b541cf24a)\"><polygon points=\"16.57 21.59 3.96 21.59 16.57 15.75 16.57 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"5.82 19.33 5.82 18.05 6.75 18.69 5.82 19.33\" fill=\"#b992bc\"/></g><g clip-path=\"url(#f3c09aef-9059-4b8e-bdc4-94b27727ec2b)\"><rect x=\"18.99\" y=\"16.5\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"18.99\" y=\"15.74\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M22.35,18.69a1.17,1.17,0,1,1-1.16-1.16A1.16,1.16,0,0,1,22.35,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#a582dc04-5370-42cd-8885-ceab0760a39d)\"><polygon points=\"31.6 21.59 18.99 21.59 31.6 15.75 31.6 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"20.85 19.33 20.85 18.05 21.79 18.69 20.85 19.33\" fill=\"#b992bc\"/></g><g clip-path=\"url(#b0615a06-7c95-4acd-9dc8-079f4b205ef6)\"><rect x=\"34.03\" y=\"16.49\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#905f94\"/><rect x=\"34.03\" y=\"15.73\" width=\"12.61\" height=\"5.84\" rx=\"1.15\" fill=\"#b992bc\"/><path d=\"M37.38,18.69a1.16,1.16,0,1,1-1.16-1.16A1.16,1.16,0,0,1,37.38,18.69Z\" fill=\"#fff\"/><g clip-path=\"url(#fe839737-2f17-42b7-9195-6f7d6bfc12f9)\"><polygon points=\"46.64 21.59 34.02 21.59 46.64 15.75 46.64 21.59\" fill=\"#ab7aac\"/></g><polygon points=\"35.89 19.33 35.89 18.05 36.82 18.69 35.89 19.33\" fill=\"#b992bc\"/></g></g></g></svg>";
|
|
688
|
+
var disclosureIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"ac098ab8-4721-4033-811d-03504c007490\" x1=\"25.3\" y1=\"37.04\" x2=\"25.3\" y2=\"-30.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>wysiwyg</title><g id=\"aede14d2-0f85-4f1a-a67b-7eba98691afa\" data-name=\"レイヤー 2\"><g id=\"a92b9d83-2208-4aed-9619-b799895b4f6c\" data-name=\"レイヤー1\"><rect y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ac098ab8-4721-4033-811d-03504c007490)\"/><line x1=\"11.3\" y1=\"10.04\" x2=\"39.6\" y2=\"10.04\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"15.85\" x2=\"39.6\" y2=\"15.85\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"21.65\" x2=\"39.6\" y2=\"21.65\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"27.46\" x2=\"39.6\" y2=\"27.46\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
586
689
|
|
|
587
|
-
var
|
|
690
|
+
var downloadFile3Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"18.38mm\" height=\"13.96mm\" viewBox=\"0 0 52.1 39.57\"><defs><clipPath id=\"fc47c137-c2c6-4e1d-9955-a758446e9717\"><rect x=\"0.51\" width=\"50.59\" height=\"39.57\" fill=\"none\"/></clipPath><clipPath id=\"f2282422-2f7d-4250-a887-40cacb69eba7\"><rect x=\"0.51\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"fd78d5d8-11ba-411c-b50b-9b5a9a2dd933\" x1=\"57.5\" y1=\"-146.09\" x2=\"58.5\" y2=\"-146.09\" gradientTransform=\"matrix(0, 49.34, 49.34, 0, 7234.02, -2844.1)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#aecaea\"/><stop offset=\"1\" stop-color=\"#c7dcf2\"/></linearGradient><clipPath id=\"bfe41910-2927-4cae-bb45-7a9de0746fd6\"><path d=\"M8.51,18.2A1.92,1.92,0,0,0,7.58,18a1.9,1.9,0,0,0-1.9,1.9s0,.06,0,.08A2.18,2.18,0,0,0,6,24.27H15a2.18,2.18,0,0,0,0-4.36,1.86,1.86,0,0,0-.48.06,3.43,3.43,0,0,0,.05-.56,3.14,3.14,0,0,0-6-1.21\" fill=\"none\"/></clipPath><linearGradient id=\"a1deedfc-6700-46bc-9326-7e1a5ec9088c\" x1=\"56.95\" y1=\"-154.02\" x2=\"57.35\" y2=\"-154.02\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3254.42, -1182.75)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4097cb\"/><stop offset=\"0.46\" stop-color=\"#4097cb\"/><stop offset=\"0.49\" stop-color=\"#2a88c2\"/><stop offset=\"1\" stop-color=\"#4097cb\"/></linearGradient><clipPath id=\"a434258f-e726-4759-a348-e9fbf87aadbe\"><rect x=\"0.51\" y=\"14.33\" width=\"20.01\" height=\"15.65\" fill=\"none\"/></clipPath><clipPath id=\"fff6c14c-ebcb-43ff-98fa-f3ba704e929a\"><path d=\"M24.45,18.2a1.9,1.9,0,0,0-2.83,1.66s0,.06,0,.08A2.18,2.18,0,0,0,22,24.27h9a2.18,2.18,0,0,0,0-4.36,1.93,1.93,0,0,0-.49.06,3.43,3.43,0,0,0,0-.56,3.14,3.14,0,0,0-6-1.21\" fill=\"none\"/></clipPath><linearGradient id=\"b3254dd0-8a5d-4c6b-91e8-02c85f39d2b1\" x1=\"57.55\" y1=\"-153.56\" x2=\"57.95\" y2=\"-153.56\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3260.67, -1195.33)\" xlink:href=\"#a1deedfc-6700-46bc-9326-7e1a5ec9088c\"/><clipPath id=\"b0491421-6c28-4d84-969e-b3c10a878591\"><rect x=\"16.45\" y=\"14.33\" width=\"20.01\" height=\"15.65\" fill=\"none\"/></clipPath><clipPath id=\"a49fdbc0-e8fe-4800-a59d-2e8880bd76f6\"><path d=\"M39.59,18.2a2,2,0,0,0-.93-.24,1.9,1.9,0,0,0-1.9,1.9s0,.06,0,.08a2.18,2.18,0,0,0,.35,4.33h8.94a2.18,2.18,0,0,0,0-4.36,2,2,0,0,0-.49.06,2.59,2.59,0,0,0,0-.56,3.14,3.14,0,0,0-6-1.21\" fill=\"none\"/></clipPath><linearGradient id=\"e660e89d-723a-418c-bc29-2f24fb2d77c1\" x1=\"58.12\" y1=\"-153.12\" x2=\"58.52\" y2=\"-153.12\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3266.57, -1207.32)\" xlink:href=\"#a1deedfc-6700-46bc-9326-7e1a5ec9088c\"/><clipPath id=\"f738a949-7af7-400f-b077-a7513d9ba0f4\"><rect x=\"31.59\" y=\"14.33\" width=\"20.01\" height=\"15.65\" fill=\"none\"/></clipPath></defs><title>download-file3</title><g id=\"a14bcb13-b419-40d8-8d59-261fd7a95c5d\" data-name=\"レイヤー 2\"><g id=\"b152811e-a297-4713-8349-1b7da41a7018\" data-name=\"レイヤー1\"><g clip-path=\"url(#fc47c137-c2c6-4e1d-9955-a758446e9717)\"><rect x=\"0.51\" y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#759fc8\"/></g><g clip-path=\"url(#f2282422-2f7d-4250-a887-40cacb69eba7)\"><rect x=\"0.51\" width=\"50.59\" height=\"37.5\" fill=\"url(#fd78d5d8-11ba-411c-b50b-9b5a9a2dd933)\"/></g><g clip-path=\"url(#bfe41910-2927-4cae-bb45-7a9de0746fd6)\"><rect x=\"3.29\" y=\"12.56\" width=\"14.44\" height=\"15.41\" transform=\"translate(-11.96 16.24) rotate(-52.43)\" fill=\"url(#a1deedfc-6700-46bc-9326-7e1a5ec9088c)\"/></g><g clip-path=\"url(#a434258f-e726-4759-a348-e9fbf87aadbe)\"><polygon points=\"11.33 25.02 11.33 22.98 9.7 22.98 9.7 25.02 8.61 25.02 10.51 26.93 12.41 25.02 11.33 25.02\" fill=\"#f5a725\"/></g><g clip-path=\"url(#fff6c14c-ebcb-43ff-98fa-f3ba704e929a)\"><rect x=\"19.23\" y=\"12.56\" width=\"14.44\" height=\"15.41\" transform=\"translate(-5.74 28.88) rotate(-52.43)\" fill=\"url(#b3254dd0-8a5d-4c6b-91e8-02c85f39d2b1)\"/></g><g clip-path=\"url(#b0491421-6c28-4d84-969e-b3c10a878591)\"><polygon points=\"27.27 25.02 27.27 22.98 25.64 22.98 25.64 25.02 24.55 25.02 26.45 26.93 28.36 25.02 27.27 25.02\" fill=\"#f5a725\"/></g><g clip-path=\"url(#a49fdbc0-e8fe-4800-a59d-2e8880bd76f6)\"><rect x=\"34.37\" y=\"12.56\" width=\"14.44\" height=\"15.41\" transform=\"translate(0.17 40.88) rotate(-52.43)\" fill=\"url(#e660e89d-723a-418c-bc29-2f24fb2d77c1)\"/></g><g clip-path=\"url(#f738a949-7af7-400f-b077-a7513d9ba0f4)\"><polygon points=\"42.4 25.02 42.4 22.98 40.77 22.98 40.77 25.02 39.69 25.02 41.59 26.93 43.49 25.02 42.4 25.02\" fill=\"#f5a725\"/></g></g></g></svg>";
|
|
588
691
|
|
|
589
|
-
|
|
590
|
-
name: "button3",
|
|
591
|
-
template: importItems(template$o),
|
|
592
|
-
icon: icon$o
|
|
593
|
-
};
|
|
692
|
+
var googleMapsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.96mm\" viewBox=\"0 0 50.59 39.57\"><defs><linearGradient id=\"ae456b20-87fa-4b4f-b171-a8dbd5c3dbf6\" x1=\"25.3\" y1=\"-8.67\" x2=\"25.3\" y2=\"39.13\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#f8ce7b\"/><stop offset=\"1\" stop-color=\"#fade94\"/></linearGradient></defs><title>google-maps</title><g id=\"b66e014b-42e0-4ea9-ba03-3ab3c0771c55\" data-name=\"レイヤー 2\"><g id=\"b39994e8-17e8-400c-a41b-425f36897605\" data-name=\"レイヤー1\"><rect y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#e9a646\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ae456b20-87fa-4b4f-b171-a8dbd5c3dbf6)\"/><path d=\"M33.44,29c0,1.24-3.9,2.24-8.72,2.24S16,30.24,16,29s3.9-2.24,8.71-2.24S33.44,27.76,33.44,29Z\" fill=\"#eabb67\"/><path d=\"M32.19,15.36c0,2.06-1.86,5.53-3,7.09C28,24.2,24.72,29,24.72,29s-2.95-4.72-4.23-6.55c-1.15-1.65-3.23-4.91-3.23-7.09a7.47,7.47,0,0,1,14.93,0Z\" fill=\"#e48e15\" stroke=\"#c1631b\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M27.05,15a2.33,2.33,0,1,1-2.33-2.32A2.32,2.32,0,0,1,27.05,15Z\" fill=\"#4b2111\"/></g></g></svg>";
|
|
594
693
|
|
|
595
|
-
var
|
|
694
|
+
var hrIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b85f4eba-2cae-4968-861c-1d885106d0a5\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b6e6fc4a-a298-4d6a-ae1f-e3d3394e55ec\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"ad69456d-abad-4bab-92b8-817dd73fdc3e\" x1=\"178.73\" y1=\"-339.45\" x2=\"179.73\" y2=\"-339.45\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -24499.71, 12954.82)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#b8deed\"/><stop offset=\"1\" stop-color=\"#8dcce5\"/></linearGradient></defs><title>hr</title><g id=\"bfd8b054-55a2-4cc9-a151-4d78938e5e97\" data-name=\"レイヤー 2\"><g id=\"bb0c0355-99a0-433f-a5ab-db3c13c14c9a\" data-name=\"レイヤー1\"><g clip-path=\"url(#b85f4eba-2cae-4968-861c-1d885106d0a5)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#7bbbcf\"/></g><g clip-path=\"url(#b6e6fc4a-a298-4d6a-ae1f-e3d3394e55ec)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#ad69456d-abad-4bab-92b8-817dd73fdc3e)\"/></g><g clip-path=\"url(#b85f4eba-2cae-4968-861c-1d885106d0a5)\"><path d=\"M40.84,21.41c0,.31-.14.56-1.7.56h-28c-1.57,0-1.42-.25-1.42-.56V19.68c0-.31-.15-.56,1.42-.56h28c1.56,0,1.7.25,1.7.56Z\" fill=\"#1fa8cc\"/><path d=\"M40.84,20.39c0,.31.15.56-1.42.56H11.17c-1.57,0-1.42-.25-1.42-.56V19.31c0-.31-.15-.56,1.42-.56H39.42c1.57,0,1.42.25,1.42.56Z\" fill=\"#55bcd8\"/></g></g></g></svg>";
|
|
596
695
|
|
|
597
|
-
var
|
|
598
|
-
|
|
599
|
-
const blockTemplate$n = {
|
|
600
|
-
name: "download-file",
|
|
601
|
-
template: importItems(template$n),
|
|
602
|
-
icon: icon$n
|
|
603
|
-
};
|
|
696
|
+
var imageText3Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b3d7635b-336a-46da-aed2-cf9612dae13e\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"ed9488c5-3778-466e-9222-8a593da8c740\"><rect id=\"aef6018d-3879-474f-b2f3-28e49b30ba73\" data-name=\"SVGID\" width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"be67245b-d108-4df5-a335-be094bd98e34\"><rect id=\"b1946370-457a-47bc-9b88-3f18731c439d\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b3d7635b-336a-46da-aed2-cf9612dae13e)\"/></clipPath><linearGradient id=\"e21256c9-1365-4a22-a5f8-0d944cde7ce0\" x1=\"124.56\" y1=\"1.86\" x2=\"125.56\" y2=\"1.86\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 159.95, 9041.72)\" xlink:href=\"#b3d7635b-336a-46da-aed2-cf9612dae13e\"/></defs><title>image-text3</title><g id=\"b571a902-29a7-4485-a7cf-39843b7c6314\" data-name=\"レイヤー 2\"><g id=\"bff51ce8-e1e6-4f3d-b598-f290df113ca3\" data-name=\"レイヤー1\"><g clip-path=\"url(#ed9488c5-3778-466e-9222-8a593da8c740)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect id=\"f82b2be3-6cd6-460a-a1c3-8828e4d4e846\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b3d7635b-336a-46da-aed2-cf9612dae13e)\"/><g clip-path=\"url(#be67245b-d108-4df5-a335-be094bd98e34)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#e21256c9-1365-4a22-a5f8-0d944cde7ce0)\"/></g><rect x=\"5.42\" y=\"8.61\" width=\"10.81\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"16.24 18.02 5.42 18.02 16.24 8.61 16.24 18.02\" fill=\"#ef7c1b\"/><line x1=\"5.5\" y1=\"22.86\" x2=\"15.92\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.5\" y1=\"26.7\" x2=\"15.92\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.5\" y1=\"30.7\" x2=\"15.92\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"19.89\" y=\"8.5\" width=\"10.81\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"30.71 17.91 19.89 17.91 30.71 8.5 30.71 17.91\" fill=\"#ef7c1b\"/><line x1=\"19.97\" y1=\"22.75\" x2=\"30.39\" y2=\"22.75\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"19.97\" y1=\"26.59\" x2=\"30.39\" y2=\"26.59\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"19.97\" y1=\"30.59\" x2=\"30.39\" y2=\"30.59\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"34.36\" y=\"8.72\" width=\"10.81\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"45.17 18.13 34.36 18.13 45.17 8.72 45.17 18.13\" fill=\"#ef7c1b\"/><line x1=\"34.44\" y1=\"22.97\" x2=\"44.86\" y2=\"22.97\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"34.44\" y1=\"26.81\" x2=\"44.86\" y2=\"26.81\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"34.44\" y1=\"30.81\" x2=\"44.86\" y2=\"30.81\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
604
697
|
|
|
605
|
-
var
|
|
698
|
+
var imageIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"a14548ce-d842-4fd8-917c-74fc065283e0\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"a760b4d9-d8b5-4ed5-a648-35d410384b4b\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"f1b0e6a1-76a5-46d8-9e26-0d5144fc95c2\" x1=\"187.4\" y1=\"214.88\" x2=\"188.39\" y2=\"214.88\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 15550.6, 13581.17)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image1</title><g id=\"f1bc02b5-2ece-4cc1-abc8-0695f8a7f32b\" data-name=\"レイヤー 2\"><g id=\"ee57bbe4-f1e8-4009-96f2-c3c0f25e8376\" data-name=\"レイヤー1\"><g clip-path=\"url(#a14548ce-d842-4fd8-917c-74fc065283e0)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/></g><g clip-path=\"url(#a760b4d9-d8b5-4ed5-a648-35d410384b4b)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#f1b0e6a1-76a5-46d8-9e26-0d5144fc95c2)\"/></g><g clip-path=\"url(#a14548ce-d842-4fd8-917c-74fc065283e0)\"><rect x=\"9.75\" y=\"12.22\" width=\"31.09\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"40.84 26.63 9.75 26.63 40.84 12.22 40.84 26.63\" fill=\"#649432\"/></g></g></g></svg>";
|
|
606
699
|
|
|
607
|
-
var
|
|
700
|
+
var tableIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.74mm\" viewBox=\"0 0 50.59 38.94\"><defs><linearGradient id=\"ebf11aa8-86c1-4c54-926e-095803e8493b\" x1=\"25.3\" y1=\"-7.96\" x2=\"25.3\" y2=\"34.98\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#89c5bf\"/><stop offset=\"1\" stop-color=\"#b0dcd3\"/></linearGradient></defs><title>table</title><g id=\"b80a490e-553f-4b14-8300-dcd8743b04ae\" data-name=\"レイヤー 2\"><g id=\"f3eda1bd-bdd6-40ff-9bb3-d857f548204a\" data-name=\"レイヤー1\"><rect y=\"1.44\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#57b4aa\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ebf11aa8-86c1-4c54-926e-095803e8493b)\"/><rect x=\"8.22\" y=\"9.17\" width=\"34.15\" height=\"20.75\" fill=\"#fff\"/><rect x=\"8.22\" y=\"9.17\" width=\"11.75\" height=\"20.75\" fill=\"#3ea6ae\"/><line x1=\"8.22\" y1=\"14.35\" x2=\"42.37\" y2=\"14.35\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"8.22\" y1=\"19.54\" x2=\"42.37\" y2=\"19.54\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"8.22\" y1=\"24.73\" x2=\"42.37\" y2=\"24.73\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"19.97\" y1=\"29.92\" x2=\"19.97\" y2=\"9.17\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/></g></g></svg>";
|
|
608
701
|
|
|
609
|
-
|
|
610
|
-
name: "download-file2",
|
|
611
|
-
template: importItems(template$m),
|
|
612
|
-
icon: icon$m
|
|
613
|
-
};
|
|
702
|
+
var textFloatImage1Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"a4929d81-4de7-4c43-9112-5279609b7798\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-float-image1</title><g id=\"f8cab05c-73ac-401a-a7b1-10cb7e7f06cd\" data-name=\"レイヤー 2\"><g id=\"bd3535a6-496b-4816-ab8e-a5c92425a4f1\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a4929d81-4de7-4c43-9112-5279609b7798)\"/><line x1=\"11.15\" y1=\"11.74\" x2=\"25.3\" y2=\"11.74\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.15\" y1=\"17.54\" x2=\"25.3\" y2=\"17.54\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.15\" y1=\"23.35\" x2=\"39.45\" y2=\"23.35\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.15\" y1=\"29.15\" x2=\"39.45\" y2=\"29.15\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"27.9\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"39.45 20.44 27.9 20.44 39.45 9.83 39.45 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
|
|
614
703
|
|
|
615
|
-
var
|
|
704
|
+
var textFloatImage2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"ad7eb2fb-5ad3-4dc1-93fa-411c599f5c4f\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-float-image2</title><g id=\"ab38a4ed-822b-49e7-8a98-f022a4ee3c0b\" data-name=\"レイヤー 2\"><g id=\"e7413325-16e9-46a8-88b2-da176c4bb9e9\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ad7eb2fb-5ad3-4dc1-93fa-411c599f5c4f)\"/><line x1=\"39.45\" y1=\"11.74\" x2=\"25.3\" y2=\"11.74\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"39.45\" y1=\"17.54\" x2=\"25.3\" y2=\"17.54\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"39.45\" y1=\"23.35\" x2=\"11.15\" y2=\"23.35\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"39.45\" y1=\"29.15\" x2=\"11.15\" y2=\"29.15\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"11.15\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"22.69 20.44 11.15 20.44 22.69 9.83 22.69 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
|
|
616
705
|
|
|
617
|
-
var
|
|
706
|
+
var textImageTextIcon = "<svg clip-rule=\"evenodd\" fill-rule=\"evenodd\" height=\"13.84mm\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 50.59 39.23\" width=\"17.85mm\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m50.598 6.871c0-2.793-2.267-5.061-5.06-5.061h-40.477c-2.793 0-5.061 2.268-5.061 5.061v27.385c0 2.793 2.268 5.061 5.061 5.061h40.477c2.793 0 5.06-2.268 5.06-5.061z\" fill=\"#77b7f8\"/><path d=\"m50.598 5.061c0-2.793-2.267-5.061-5.06-5.061h-40.477c-2.793 0-5.061 2.268-5.061 5.061v27.384c0 2.794 2.268 5.061 5.061 5.061h40.477c2.793 0 5.06-2.267 5.06-5.061z\" fill=\"#acd6fb\"/><path d=\"m5.421 12.611h10.812v9.412h-10.812z\" fill=\"#62a9d2\"/><path d=\"m16.243 18.023h-10.822l10.822-9.412z\" fill=\"#1874b1\" fill-rule=\"nonzero\" transform=\"translate(0 4)\"/><g fill=\"none\" stroke-width=\"2\"><path d=\"m5.501 22.864h10.422\" stroke=\"#1e54af\" transform=\"translate(0 -15)\"/><path d=\"m5.501 26.704h10.422\" stroke=\"#639bc7\"/><path d=\"m5.501 30.705h10.422\" stroke=\"#639bc7\"/></g><path d=\"m19.893 12.501h10.812v9.402h-10.812z\" fill=\"#62a9d2\"/><path d=\"m30.715 17.913h-10.822l10.822-9.412z\" fill=\"#1874b1\" fill-rule=\"nonzero\" transform=\"translate(0 4)\"/><path d=\"m19.973 22.754h10.422\" fill=\"none\" stroke=\"#1e54af\" stroke-width=\"2\" transform=\"translate(0 -15)\"/><path d=\"m19.973 26.594h10.422\" fill=\"none\" stroke=\"#639bc7\" stroke-width=\"2\"/><path d=\"m19.973 30.595h10.422\" fill=\"none\" stroke=\"#639bc7\" stroke-width=\"2\"/><path d=\"m34.366 12.721h10.812v9.402h-10.812z\" fill=\"#62a9d2\"/><path d=\"m45.178 18.133h-10.812l10.812-9.412z\" fill=\"#1874b1\" fill-rule=\"nonzero\" transform=\"translate(0 4)\"/><path d=\"m34.446 22.974h10.421\" fill=\"none\" stroke=\"#1e54af\" stroke-width=\"2\" transform=\"translate(0 -15)\"/><path d=\"m34.446 26.814h10.421\" fill=\"none\" stroke=\"#639bc7\" stroke-width=\"2\"/><path d=\"m34.446 30.815h10.421\" fill=\"none\" stroke=\"#639bc7\" stroke-width=\"2\"/></svg>";
|
|
618
707
|
|
|
619
|
-
|
|
620
|
-
name: "download-file3",
|
|
621
|
-
template: importItems(template$l),
|
|
622
|
-
icon: icon$l
|
|
623
|
-
};
|
|
708
|
+
var textImage1Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"ade87fa9-ae19-4174-a9df-549149c22c3a\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-image1</title><g id=\"b5a6612f-092f-46f9-bede-5f7d0c0017e2\" data-name=\"レイヤー 2\"><g id=\"bea1505f-d2e3-463f-9f09-789633cf796a\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ade87fa9-ae19-4174-a9df-549149c22c3a)\"/><line x1=\"10.72\" y1=\"10.89\" x2=\"24.87\" y2=\"10.89\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"10.72\" y1=\"16.69\" x2=\"24.87\" y2=\"16.69\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"10.72\" y1=\"22.5\" x2=\"24.87\" y2=\"22.5\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"10.72\" y1=\"28.3\" x2=\"24.87\" y2=\"28.3\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"28.33\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"39.87 20.44 28.33 20.44 39.87 9.83 39.87 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
|
|
624
709
|
|
|
625
|
-
var
|
|
710
|
+
var textImage2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"b45c0119-d5be-43a7-860b-ff99ff6b339a\" x1=\"25.3\" y1=\"44.66\" x2=\"25.3\" y2=\"-18.72\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient></defs><title>text-image2</title><g id=\"b8a07add-b6a7-443b-a099-cbae3fef9912\" data-name=\"レイヤー 2\"><g id=\"e0a06289-c432-465b-8182-049212ef7ffa\" data-name=\"レイヤー1\"><rect y=\"1.73\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b45c0119-d5be-43a7-860b-ff99ff6b339a)\"/><line x1=\"40.29\" y1=\"10.6\" x2=\"26.15\" y2=\"10.6\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.29\" y1=\"16.41\" x2=\"26.15\" y2=\"16.41\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.29\" y1=\"22.21\" x2=\"26.15\" y2=\"22.21\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.29\" y1=\"28.02\" x2=\"26.15\" y2=\"28.02\" fill=\"none\" stroke=\"#f5b717\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"11.15\" y=\"9.83\" width=\"11.54\" height=\"10.62\" fill=\"#f49e16\"/><polygon points=\"22.69 20.44 11.15 20.44 22.69 9.83 22.69 20.44\" fill=\"#ef7c1b\"/></g></g></svg>";
|
|
626
711
|
|
|
627
|
-
var
|
|
712
|
+
var titleIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"b01bebb3-9547-480d-b946-c8b9ea28f59b\" x1=\"25.3\" y1=\"40.64\" x2=\"25.3\" y2=\"-20.19\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient><linearGradient id=\"fbd67f36-f549-469a-afd4-0d48df208de8\" x1=\"25.3\" y1=\"23.54\" x2=\"25.3\" y2=\"43.25\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fff\"/><stop offset=\"1\"/></linearGradient><linearGradient id=\"e27922de-5641-42ca-babe-0dae1f52bfaf\" x1=\"6.22\" y1=\"27.83\" x2=\"6.22\" y2=\"11.91\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4a7c37\"/><stop offset=\"1\" stop-color=\"#649432\"/></linearGradient></defs><title>title</title><g id=\"b13c3733-c515-4caf-966f-b78f65428ff6\" data-name=\"レイヤー 2\"><g id=\"b8149a68-889c-45e7-b04a-78d6b0bc25ae\" data-name=\"レイヤー1\"><rect y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b01bebb3-9547-480d-b946-c8b9ea28f59b)\"/><rect x=\"4.38\" y=\"14.94\" width=\"41.83\" height=\"11.43\" rx=\"2.83\" fill=\"#c9c9c9\"/><rect x=\"4.38\" y=\"14.94\" width=\"41.83\" height=\"10.5\" rx=\"2.83\" fill=\"url(#fbd67f36-f549-469a-afd4-0d48df208de8)\"/><path d=\"M16,22.53l-.44.53a3.63,3.63,0,0,1-2.09-2.25,3.46,3.46,0,0,1-2,2.25L11,22.58a3.07,3.07,0,0,0,2.07-2.5H11v-.57h2.11c0-.45,0-.94.06-1.44h.62c0,.49,0,1-.07,1.43H16v.57H13.9A3.09,3.09,0,0,0,16,22.53Z\" fill=\"#543517\"/><path d=\"M16.78,23.07l-.39-.46c1.08-.23,1.44-.66,1.58-1.29h-.81V18.19h3.53v3.13h-1v.84c0,.23,0,.27.24.28h.68c.2,0,.22-.05.23-.61l.57.09c-.05,1-.17,1.08-.75,1.1h-.79c-.64,0-.78-.17-.78-.86v-.84h-.53A2.08,2.08,0,0,1,16.78,23.07Zm1-4h2.33v-.42H17.75Zm0,.85h2.33v-.42H17.75Zm0,.87h2.33v-.44H17.75Z\" fill=\"#543517\"/><path d=\"M24,22.18V20.49H22.34V18.63h.59V20h1V18.07h.61V20h1.1V18.63h.61v1.86H24.58v1.69h1.3V20.82h.61v2.25h-.61v-.33H22.73v.33h-.59V20.82h.59v1.36Z\" fill=\"#543517\"/><path d=\"M28.88,18.28c-.08,1.15-.1,2.23-.1,2.74,0,.93.3,1.26,1,1.26s1.17-.35,1.53-1.49l.59.29c-.53,1.42-1.23,1.82-2.13,1.82-1.11,0-1.6-.63-1.6-1.86,0-.52,0-1.61,0-2.76Z\" fill=\"#543517\"/><rect x=\"4.38\" y=\"14.94\" width=\"3.67\" height=\"11.43\" fill=\"url(#e27922de-5641-42ca-babe-0dae1f52bfaf)\"/></g></g></svg>";
|
|
628
713
|
|
|
629
|
-
|
|
630
|
-
name: "google-maps",
|
|
631
|
-
template: importItems(template$k),
|
|
632
|
-
icon: icon$k
|
|
633
|
-
};
|
|
714
|
+
var title2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.88mm\" height=\"13.84mm\" viewBox=\"0 0 50.7 39.24\"><defs><linearGradient id=\"b674823f-0627-44de-a8b8-9b7a53c6cba0\" x1=\"25.3\" y1=\"37.04\" x2=\"25.3\" y2=\"-30.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient><linearGradient id=\"fb740430-dd4d-4aab-9c6b-0ed07f83ae8c\" x1=\"4.59\" y1=\"17.93\" x2=\"9.49\" y2=\"17.93\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4a7c37\"/><stop offset=\"1\" stop-color=\"#649432\"/></linearGradient></defs><title>title2</title><g id=\"b433b5fe-6985-4ffc-bf9a-0be93beb1725\" data-name=\"レイヤー 2\"><g id=\"a8dedeb7-20e4-4052-9f5d-0542d2847718\" data-name=\"レイヤー1\"><rect x=\"0.1\" y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b674823f-0627-44de-a8b8-9b7a53c6cba0)\"/><path d=\"M11.82,20.47l-.4-.47c1.09-.23,1.45-.66,1.59-1.28H12.2V15.58h3.53v3.14h-1v.83c0,.23,0,.27.25.28h.67c.21,0,.22,0,.23-.61l.58.1c-.06,1-.17,1.07-.76,1.09h-.79c-.63,0-.78-.17-.78-.86v-.83h-.52A2.1,2.1,0,0,1,11.82,20.47Zm1-4h2.34v-.42H12.78Zm0,.85h2.34v-.42H12.78Zm0,.87h2.34v-.43H12.78Z\" fill=\"#543517\"/><path d=\"M19,19.57V17.88H17.38V16H18v1.31H19V15.46h.61v1.88h1.1V16h.6v1.85h-1.7v1.69h1.3V18.21h.6v2.25h-.6v-.32H17.77v.32h-.6V18.21h.6v1.36Z\" fill=\"#543517\"/><path d=\"M23.91,15.67c-.07,1.16-.09,2.24-.09,2.74,0,.93.29,1.26,1,1.26s1.16-.34,1.53-1.48l.58.28c-.52,1.42-1.22,1.82-2.13,1.82-1.1,0-1.59-.63-1.59-1.86,0-.51,0-1.6,0-2.76Z\" fill=\"#543517\"/><rect x=\"4.59\" y=\"15.48\" width=\"4.9\" height=\"4.9\" fill=\"url(#fb740430-dd4d-4aab-9c6b-0ed07f83ae8c)\"/><line x1=\"4.32\" y1=\"22.61\" x2=\"46.97\" y2=\"22.61\" fill=\"none\" stroke=\"#649432\" stroke-miterlimit=\"10\"/></g></g></svg>";
|
|
634
715
|
|
|
635
|
-
var
|
|
636
|
-
|
|
637
|
-
var template$j = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-item><!-- hr --></div>\n</div>\n";
|
|
638
|
-
|
|
639
|
-
const blockTemplate$j = {
|
|
640
|
-
name: "hr",
|
|
641
|
-
template: importItems(template$j),
|
|
642
|
-
icon: icon$j
|
|
643
|
-
};
|
|
644
|
-
|
|
645
|
-
var icon$i = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"a14548ce-d842-4fd8-917c-74fc065283e0\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"a760b4d9-d8b5-4ed5-a648-35d410384b4b\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"f1b0e6a1-76a5-46d8-9e26-0d5144fc95c2\" x1=\"187.4\" y1=\"214.88\" x2=\"188.39\" y2=\"214.88\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 15550.6, 13581.17)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image1</title><g id=\"f1bc02b5-2ece-4cc1-abc8-0695f8a7f32b\" data-name=\"レイヤー 2\"><g id=\"ee57bbe4-f1e8-4009-96f2-c3c0f25e8376\" data-name=\"レイヤー1\"><g clip-path=\"url(#a14548ce-d842-4fd8-917c-74fc065283e0)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/></g><g clip-path=\"url(#a760b4d9-d8b5-4ed5-a648-35d410384b4b)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#f1b0e6a1-76a5-46d8-9e26-0d5144fc95c2)\"/></g><g clip-path=\"url(#a14548ce-d842-4fd8-917c-74fc065283e0)\"><rect x=\"9.75\" y=\"12.22\" width=\"31.09\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"40.84 26.63 9.75 26.63 40.84 12.22 40.84 26.63\" fill=\"#649432\"/></g></g></g></svg>";
|
|
646
|
-
|
|
647
|
-
var template$i = "<div data-bge-container=\"grid:1\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
|
|
648
|
-
|
|
649
|
-
const blockTemplate$i = {
|
|
650
|
-
name: "image",
|
|
651
|
-
template: importItems(template$i),
|
|
652
|
-
icon: icon$i
|
|
653
|
-
};
|
|
654
|
-
|
|
655
|
-
var icon$h = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a13e475c-bab2-4f76-88ce-779673ae02cb\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"ae68d89e-846f-4586-bb2c-b01e64f09622\"><rect id=\"b4f97c07-7867-4d0e-927c-7fc5c2f9dfc0\" data-name=\"SVGID\" width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b3576c64-7056-4a6a-9306-b9fca0303334\"><rect id=\"ae6ce2d9-c572-4395-955f-8cd04a0d7672\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a13e475c-bab2-4f76-88ce-779673ae02cb)\"/></clipPath><linearGradient id=\"e1d14a62-69c9-42a0-b381-17bf4a4c7e9a\" x1=\"188.86\" y1=\"1.92\" x2=\"189.86\" y2=\"1.92\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 163.95, 13686.67)\" xlink:href=\"#a13e475c-bab2-4f76-88ce-779673ae02cb\"/></defs><title>image-text2</title><g id=\"a4c5e2eb-5b65-4b99-ba08-1cf0109790e7\" data-name=\"レイヤー 2\"><g id=\"a3092b36-f761-4337-9a42-4ee4608e9277\" data-name=\"レイヤー1\"><g clip-path=\"url(#ae68d89e-846f-4586-bb2c-b01e64f09622)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect id=\"f3d9adbe-e73a-44f5-8cab-0287ece41518\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a13e475c-bab2-4f76-88ce-779673ae02cb)\"/><g clip-path=\"url(#b3576c64-7056-4a6a-9306-b9fca0303334)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#e1d14a62-69c9-42a0-b381-17bf4a4c7e9a)\"/></g><rect x=\"8.96\" y=\"8.39\" width=\"14.69\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"23.65 17.79 8.96 17.79 23.65 8.39 23.65 17.79\" fill=\"#ef7c1b\"/><rect x=\"28.14\" y=\"8.39\" width=\"14.69\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"42.83 17.79 28.14 17.79 42.83 8.39 42.83 17.79\" fill=\"#ef7c1b\"/><line x1=\"9.07\" y1=\"22.64\" x2=\"23.22\" y2=\"22.64\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"22.64\" x2=\"42.56\" y2=\"22.64\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"9.07\" y1=\"26.47\" x2=\"23.22\" y2=\"26.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"26.47\" x2=\"42.56\" y2=\"26.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"9.07\" y1=\"30.47\" x2=\"23.22\" y2=\"30.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"30.47\" x2=\"42.56\" y2=\"30.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
656
|
-
|
|
657
|
-
var template$h = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
|
|
658
|
-
|
|
659
|
-
const blockTemplate$h = {
|
|
660
|
-
name: "image-text2",
|
|
661
|
-
template: importItems(template$h),
|
|
662
|
-
icon: icon$h
|
|
663
|
-
};
|
|
664
|
-
|
|
665
|
-
var icon$g = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b3d7635b-336a-46da-aed2-cf9612dae13e\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"ed9488c5-3778-466e-9222-8a593da8c740\"><rect id=\"aef6018d-3879-474f-b2f3-28e49b30ba73\" data-name=\"SVGID\" width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"be67245b-d108-4df5-a335-be094bd98e34\"><rect id=\"b1946370-457a-47bc-9b88-3f18731c439d\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b3d7635b-336a-46da-aed2-cf9612dae13e)\"/></clipPath><linearGradient id=\"e21256c9-1365-4a22-a5f8-0d944cde7ce0\" x1=\"124.56\" y1=\"1.86\" x2=\"125.56\" y2=\"1.86\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 159.95, 9041.72)\" xlink:href=\"#b3d7635b-336a-46da-aed2-cf9612dae13e\"/></defs><title>image-text3</title><g id=\"b571a902-29a7-4485-a7cf-39843b7c6314\" data-name=\"レイヤー 2\"><g id=\"bff51ce8-e1e6-4f3d-b598-f290df113ca3\" data-name=\"レイヤー1\"><g clip-path=\"url(#ed9488c5-3778-466e-9222-8a593da8c740)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect id=\"f82b2be3-6cd6-460a-a1c3-8828e4d4e846\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b3d7635b-336a-46da-aed2-cf9612dae13e)\"/><g clip-path=\"url(#be67245b-d108-4df5-a335-be094bd98e34)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#e21256c9-1365-4a22-a5f8-0d944cde7ce0)\"/></g><rect x=\"5.42\" y=\"8.61\" width=\"10.81\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"16.24 18.02 5.42 18.02 16.24 8.61 16.24 18.02\" fill=\"#ef7c1b\"/><line x1=\"5.5\" y1=\"22.86\" x2=\"15.92\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.5\" y1=\"26.7\" x2=\"15.92\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.5\" y1=\"30.7\" x2=\"15.92\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"19.89\" y=\"8.5\" width=\"10.81\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"30.71 17.91 19.89 17.91 30.71 8.5 30.71 17.91\" fill=\"#ef7c1b\"/><line x1=\"19.97\" y1=\"22.75\" x2=\"30.39\" y2=\"22.75\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"19.97\" y1=\"26.59\" x2=\"30.39\" y2=\"26.59\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"19.97\" y1=\"30.59\" x2=\"30.39\" y2=\"30.59\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"34.36\" y=\"8.72\" width=\"10.81\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"45.17 18.13 34.36 18.13 45.17 8.72 45.17 18.13\" fill=\"#ef7c1b\"/><line x1=\"34.44\" y1=\"22.97\" x2=\"44.86\" y2=\"22.97\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"34.44\" y1=\"26.81\" x2=\"44.86\" y2=\"26.81\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"34.44\" y1=\"30.81\" x2=\"44.86\" y2=\"30.81\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
666
|
-
|
|
667
|
-
var template$g = "<div data-bge-container=\"grid:3\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
|
|
668
|
-
|
|
669
|
-
const blockTemplate$g = {
|
|
670
|
-
name: "image-text3",
|
|
671
|
-
template: importItems(template$g),
|
|
672
|
-
icon: icon$g
|
|
673
|
-
};
|
|
674
|
-
|
|
675
|
-
var icon$f = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b4cf61b9-f2cd-49ce-a867-5f8d369c1156\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"a32f8230-a8ad-4b84-be59-3e2bc4f2cb02\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"efbf5247-4c31-4a7f-bccd-4a4094ee5901\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4cf61b9-f2cd-49ce-a867-5f8d369c1156)\"/></clipPath><linearGradient id=\"b94b4e58-4701-4c56-9961-301112aafc1a\" x1=\"57.58\" y1=\"1.46\" x2=\"58.58\" y2=\"1.46\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 130.91, 4202.32)\" xlink:href=\"#b4cf61b9-f2cd-49ce-a867-5f8d369c1156\"/></defs><title>image-text4</title><g id=\"aad57eb1-9fca-41d0-b938-9d26383317c5\" data-name=\"レイヤー 2\"><g id=\"ef573272-e2dd-4fdb-9979-76c56500efb6\" data-name=\"レイヤー1\"><g clip-path=\"url(#a32f8230-a8ad-4b84-be59-3e2bc4f2cb02)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4cf61b9-f2cd-49ce-a867-5f8d369c1156)\"/><g clip-path=\"url(#efbf5247-4c31-4a7f-bccd-4a4094ee5901)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#b94b4e58-4701-4c56-9961-301112aafc1a)\"/></g><rect x=\"5.42\" y=\"8.61\" width=\"7.87\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"13.29 18.02 5.42 18.02 13.29 8.61 13.29 18.02\" fill=\"#ef7c1b\"/><line x1=\"5.48\" y1=\"22.86\" x2=\"13.06\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.48\" y1=\"26.7\" x2=\"13.06\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.48\" y1=\"30.7\" x2=\"13.06\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"15.94\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"23.82 18.02 15.94 18.02 23.82 8.61 23.82 18.02\" fill=\"#ef7c1b\"/><line x1=\"16\" y1=\"22.86\" x2=\"23.59\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"16\" y1=\"26.7\" x2=\"23.59\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"16\" y1=\"30.7\" x2=\"23.59\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"26.47\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"34.34 18.02 26.46 18.02 34.34 8.61 34.34 18.02\" fill=\"#ef7c1b\"/><line x1=\"26.53\" y1=\"22.86\" x2=\"34.11\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"26.53\" y1=\"26.7\" x2=\"34.11\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"26.53\" y1=\"30.7\" x2=\"34.11\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"36.99\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"44.86 18.02 36.99 18.02 44.86 8.61 44.86 18.02\" fill=\"#ef7c1b\"/><line x1=\"37.05\" y1=\"22.86\" x2=\"44.63\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"37.05\" y1=\"26.7\" x2=\"44.63\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"37.05\" y1=\"30.7\" x2=\"44.63\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
676
|
-
|
|
677
|
-
var template$f = "<div data-bge-container=\"grid:4\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
|
|
678
|
-
|
|
679
|
-
const blockTemplate$f = {
|
|
680
|
-
name: "image-text4",
|
|
681
|
-
template: importItems(template$f),
|
|
682
|
-
icon: icon$f
|
|
683
|
-
};
|
|
684
|
-
|
|
685
|
-
var icon$e = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"afc1c886-e435-484e-aba3-c8984819c5fa\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"b7083a6f-9b2e-4d64-9eba-c12cea48c5a1\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b32d3dc8-1680-4a0a-bd22-e5d5a9eae871\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#afc1c886-e435-484e-aba3-c8984819c5fa)\"/></clipPath><linearGradient id=\"bc4b7dcc-075a-4cd0-9a0c-f0d98d36f0bf\" x1=\"-7.53\" y1=\"-2.41\" x2=\"-6.53\" y2=\"-2.41\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -148.74, -502.04)\" xlink:href=\"#afc1c886-e435-484e-aba3-c8984819c5fa\"/></defs><title>image-text5</title><g id=\"bbc914e4-9736-4823-acad-792b68f7a4dd\" data-name=\"レイヤー 2\"><g id=\"aba4fae2-89b5-4f3d-82b8-4d0808f83c77\" data-name=\"レイヤー1\"><g clip-path=\"url(#b7083a6f-9b2e-4d64-9eba-c12cea48c5a1)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#afc1c886-e435-484e-aba3-c8984819c5fa)\"/><g clip-path=\"url(#b32d3dc8-1680-4a0a-bd22-e5d5a9eae871)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#bc4b7dcc-075a-4cd0-9a0c-f0d98d36f0bf)\"/></g><rect x=\"3.42\" y=\"8.61\" width=\"6.85\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"10.27 18.02 3.42 18.02 10.27 8.61 10.27 18.02\" fill=\"#ef7c1b\"/><line x1=\"3.47\" y1=\"22.86\" x2=\"10.07\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"3.47\" y1=\"26.7\" x2=\"10.07\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"3.47\" y1=\"30.7\" x2=\"10.07\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"12.58\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"19.43 18.02 12.58 18.02 19.43 8.61 19.43 18.02\" fill=\"#ef7c1b\"/><line x1=\"12.63\" y1=\"22.86\" x2=\"19.23\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"12.63\" y1=\"26.7\" x2=\"19.23\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"12.63\" y1=\"30.7\" x2=\"19.23\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"21.73\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"28.58 18.02 21.73 18.02 28.58 8.61 28.58 18.02\" fill=\"#ef7c1b\"/><line x1=\"21.78\" y1=\"22.86\" x2=\"28.38\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"21.78\" y1=\"26.7\" x2=\"28.38\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"21.78\" y1=\"30.7\" x2=\"28.38\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"30.88\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"37.73 18.02 30.88 18.02 37.73 8.61 37.73 18.02\" fill=\"#ef7c1b\"/><line x1=\"30.94\" y1=\"22.86\" x2=\"37.53\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"30.94\" y1=\"26.7\" x2=\"37.53\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"30.94\" y1=\"30.7\" x2=\"37.53\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"40.13\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"46.98 18.02 40.13 18.02 46.98 8.61 46.98 18.02\" fill=\"#ef7c1b\"/><line x1=\"40.18\" y1=\"22.86\" x2=\"46.78\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.18\" y1=\"26.7\" x2=\"46.78\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.18\" y1=\"30.7\" x2=\"46.78\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
686
|
-
|
|
687
|
-
var template$e = "<div data-bge-container=\"grid:5\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t\t<div data-bge-item><!-- wysiwyg --></div>\n\t</div>\n</div>\n";
|
|
688
|
-
|
|
689
|
-
const blockTemplate$e = {
|
|
690
|
-
name: "image-text5",
|
|
691
|
-
template: importItems(template$e),
|
|
692
|
-
icon: icon$e
|
|
693
|
-
};
|
|
694
|
-
|
|
695
|
-
var icon$d = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a69bbfa8-6885-43d5-b254-8182049f4589\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image2</title><g id=\"b2700d76-3f17-4a5c-9bc0-079d3534dc2d\" data-name=\"レイヤー 2\"><g id=\"a90bf1f4-9d1d-425f-a456-c6304835570e\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a69bbfa8-6885-43d5-b254-8182049f4589)\"/><rect x=\"8.96\" y=\"12.22\" width=\"14.69\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"23.65 26.63 8.96 26.63 23.65 12.22 23.65 26.63\" fill=\"#649432\"/><rect x=\"28.14\" y=\"12.22\" width=\"14.69\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"42.83 26.63 28.14 26.63 42.83 12.22 42.83 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
696
|
-
|
|
697
|
-
var template$d = "<div data-bge-container=\"grid:2\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
|
|
698
|
-
|
|
699
|
-
const blockTemplate$d = {
|
|
700
|
-
name: "image2",
|
|
701
|
-
template: importItems(template$d),
|
|
702
|
-
icon: icon$d
|
|
703
|
-
};
|
|
704
|
-
|
|
705
|
-
var icon$c = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"e81c0481-c03c-4657-928e-93d05f9c6178\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image3</title><g id=\"b24ba5fb-a0d2-45a7-838d-0c7065e8d8a5\" data-name=\"レイヤー 2\"><g id=\"b516c388-dc5d-4637-9a04-3a48fd227d5f\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#e81c0481-c03c-4657-928e-93d05f9c6178)\"/><rect x=\"5.58\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"19.74\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"33.91\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"16.65 26.63 5.58 26.63 16.65 12.22 16.65 26.63\" fill=\"#649432\"/><polygon points=\"30.82 26.63 19.74 26.63 30.82 12.22 30.82 26.63\" fill=\"#649432\"/><polygon points=\"44.98 26.63 33.91 26.63 44.98 12.22 44.98 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
706
|
-
|
|
707
|
-
var template$c = "<div data-bge-container=\"grid:3\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
|
|
708
|
-
|
|
709
|
-
const blockTemplate$c = {
|
|
710
|
-
name: "image3",
|
|
711
|
-
template: importItems(template$c),
|
|
712
|
-
icon: icon$c
|
|
713
|
-
};
|
|
714
|
-
|
|
715
|
-
var icon$b = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a9e1e99a-d48b-467c-84e1-bdced3515439\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image4</title><g id=\"f0cc911f-7c12-4b14-8f46-1addd9966920\" data-name=\"レイヤー 2\"><g id=\"a6ffb343-0125-41bc-9552-4ed6f8831b95\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a9e1e99a-d48b-467c-84e1-bdced3515439)\"/><rect x=\"4.65\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"15.57\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"26.49\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"37.41\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"13.18 26.63 4.65 26.63 13.18 12.22 13.18 26.63\" fill=\"#649432\"/><polygon points=\"24.11 26.63 15.57 26.63 24.11 12.22 24.11 26.63\" fill=\"#649432\"/><polygon points=\"35.02 26.63 26.49 26.63 35.02 12.22 35.02 26.63\" fill=\"#649432\"/><polygon points=\"45.95 26.63 37.41 26.63 45.95 12.22 45.95 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
716
|
-
|
|
717
|
-
var template$b = "<div data-bge-container=\"grid:4\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
|
|
718
|
-
|
|
719
|
-
const blockTemplate$b = {
|
|
720
|
-
name: "image4",
|
|
721
|
-
template: importItems(template$b),
|
|
722
|
-
icon: icon$b
|
|
723
|
-
};
|
|
724
|
-
|
|
725
|
-
var icon$a = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b1320079-38fa-401d-9ebf-291981369357\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image5</title><g id=\"be550575-836a-48c2-8654-7b0a40cc90e3\" data-name=\"レイヤー 2\"><g id=\"aa8efe02-0ecd-40bd-8511-c2d557404a19\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b1320079-38fa-401d-9ebf-291981369357)\"/><rect x=\"4.83\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"13.46\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"22.09\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"30.72\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"39.35\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"11.57 26.63 4.83 26.63 11.57 12.22 11.57 26.63\" fill=\"#649432\"/><polygon points=\"20.2 26.63 13.46 26.63 20.2 12.22 20.2 26.63\" fill=\"#649432\"/><polygon points=\"28.83 26.63 22.09 26.63 28.83 12.22 28.83 26.63\" fill=\"#649432\"/><polygon points=\"37.46 26.63 30.72 26.63 37.46 12.22 37.46 26.63\" fill=\"#649432\"/><polygon points=\"46.09 26.63 39.35 26.63 46.09 12.22 46.09 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
726
|
-
|
|
727
|
-
var template$a = "<div data-bge-container=\"grid:5\">\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n\t<div data-bge-group>\n\t\t<div data-bge-item><!-- image --></div>\n\t</div>\n</div>\n";
|
|
728
|
-
|
|
729
|
-
const blockTemplate$a = {
|
|
730
|
-
name: "image5",
|
|
731
|
-
template: importItems(template$a),
|
|
732
|
-
icon: icon$a
|
|
733
|
-
};
|
|
734
|
-
|
|
735
|
-
var icon$9 = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.74mm\" viewBox=\"0 0 50.59 38.94\"><defs><linearGradient id=\"ebf11aa8-86c1-4c54-926e-095803e8493b\" x1=\"25.3\" y1=\"-7.96\" x2=\"25.3\" y2=\"34.98\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#89c5bf\"/><stop offset=\"1\" stop-color=\"#b0dcd3\"/></linearGradient></defs><title>table</title><g id=\"b80a490e-553f-4b14-8300-dcd8743b04ae\" data-name=\"レイヤー 2\"><g id=\"f3eda1bd-bdd6-40ff-9bb3-d857f548204a\" data-name=\"レイヤー1\"><rect y=\"1.44\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#57b4aa\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ebf11aa8-86c1-4c54-926e-095803e8493b)\"/><rect x=\"8.22\" y=\"9.17\" width=\"34.15\" height=\"20.75\" fill=\"#fff\"/><rect x=\"8.22\" y=\"9.17\" width=\"11.75\" height=\"20.75\" fill=\"#3ea6ae\"/><line x1=\"8.22\" y1=\"14.35\" x2=\"42.37\" y2=\"14.35\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"8.22\" y1=\"19.54\" x2=\"42.37\" y2=\"19.54\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"8.22\" y1=\"24.73\" x2=\"42.37\" y2=\"24.73\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/><line x1=\"19.97\" y1=\"29.92\" x2=\"19.97\" y2=\"9.17\" fill=\"none\" stroke=\"#a0d6d1\" stroke-miterlimit=\"10\"/></g></g></svg>";
|
|
736
|
-
|
|
737
|
-
var template$9 = "<div data-bge-container=\"inline:immutable\">\n\t<div data-bge-item><!-- table --></div>\n</div>\n";
|
|
738
|
-
|
|
739
|
-
const blockTemplate$9 = {
|
|
740
|
-
name: "table",
|
|
741
|
-
template: importItems(template$9),
|
|
742
|
-
icon: icon$9
|
|
743
|
-
};
|
|
716
|
+
var wysiwygIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"ac098ab8-4721-4033-811d-03504c007490\" x1=\"25.3\" y1=\"37.04\" x2=\"25.3\" y2=\"-30.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>wysiwyg</title><g id=\"aede14d2-0f85-4f1a-a67b-7eba98691afa\" data-name=\"レイヤー 2\"><g id=\"a92b9d83-2208-4aed-9619-b799895b4f6c\" data-name=\"レイヤー1\"><rect y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#ac098ab8-4721-4033-811d-03504c007490)\"/><line x1=\"11.3\" y1=\"10.04\" x2=\"39.6\" y2=\"10.04\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"15.85\" x2=\"39.6\" y2=\"15.85\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"21.65\" x2=\"39.6\" y2=\"21.65\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"11.3\" y1=\"27.46\" x2=\"39.6\" y2=\"27.46\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
744
717
|
|
|
745
|
-
var
|
|
718
|
+
var youtubeIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.89mm\" height=\"13.96mm\" viewBox=\"0 0 50.71 39.57\"><defs><linearGradient id=\"e36c4c0c-bb13-4310-984d-713bab5d7816\" x1=\"25.3\" y1=\"-21.02\" x2=\"25.3\" y2=\"36.63\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#f6bebe\"/><stop offset=\"1\" stop-color=\"#f8ced2\"/></linearGradient><linearGradient id=\"a44d64d4-f2ae-4e3a-acbb-c9a91e445ebb\" x1=\"-101.24\" y1=\"-325.26\" x2=\"-101.24\" y2=\"-305.06\" gradientTransform=\"translate(127 334)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d8322a\"/><stop offset=\"1\" stop-color=\"#b41d23\"/></linearGradient></defs><title>youtube</title><g id=\"a2f001e0-0370-4d29-8ff3-0d77adc1eacf\" data-name=\"レイヤー 2\"><g id=\"f915ee09-82e2-4aa4-8d03-5487fd5fa562\" data-name=\"レイヤー1\"><rect x=\"0.12\" y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#e08a90\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#e36c4c0c-bb13-4310-984d-713bab5d7816)\"/><path id=\"f1f55903-12c5-4395-b72a-8b0ffa882786\" data-name=\"Triangle\" d=\"M22.79,24.55l7.77-4-7.77-4.05Z\" fill=\"#fff\"/><path id=\"b82d0228-8335-4803-a8fd-0146f476c0ab\" data-name=\"The Sharpness\" d=\"M22.79,16.48,29.6,21l1-.49Z\" fill=\"#400305\" fill-rule=\"evenodd\" opacity=\"0.12\"/><g id=\"f0cbaf52-7846-4e01-b028-a27e3635ac57\" data-name=\"Lozenge\"><path d=\"M39.84,13.1a6.21,6.21,0,0,0-1.14-2.85A4.06,4.06,0,0,0,35.82,9c-4-.29-10-.29-10-.29h0s-6,0-10.06.29a4,4,0,0,0-2.87,1.22,6.21,6.21,0,0,0-1.14,2.85,42.93,42.93,0,0,0-.29,4.65v2.17a42.93,42.93,0,0,0,.29,4.65,6.27,6.27,0,0,0,1.14,2.86A4.88,4.88,0,0,0,16,28.65c2.29.23,9.76.29,9.76.29s6,0,10.06-.3a4.08,4.08,0,0,0,2.88-1.21,6.27,6.27,0,0,0,1.14-2.86,42.93,42.93,0,0,0,.29-4.65V17.75A42.93,42.93,0,0,0,39.84,13.1Zm-17,9.47V14.49l7.77,4Z\" fill=\"url(#a44d64d4-f2ae-4e3a-acbb-c9a91e445ebb)\"/></g></g></g></svg>";
|
|
746
719
|
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
720
|
+
const defaultCatalog = {
|
|
721
|
+
\u898B\u51FA\u3057: [
|
|
722
|
+
{
|
|
723
|
+
label: "\u5927\u898B\u51FA\u3057",
|
|
724
|
+
definition: {
|
|
725
|
+
name: "h2",
|
|
726
|
+
svg: titleIcon,
|
|
727
|
+
containerProps: {
|
|
728
|
+
immutable: true
|
|
729
|
+
},
|
|
730
|
+
items: [["title-h2"]]
|
|
731
|
+
}
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
label: "\u4E2D\u898B\u51FA\u3057",
|
|
735
|
+
definition: {
|
|
736
|
+
name: "h3",
|
|
737
|
+
svg: title2Icon,
|
|
738
|
+
containerProps: {
|
|
739
|
+
immutable: true
|
|
740
|
+
},
|
|
741
|
+
items: [["title-h3"]]
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
],
|
|
745
|
+
\u57FA\u672C\u30D6\u30ED\u30C3\u30AF: [
|
|
746
|
+
{
|
|
747
|
+
label: "\u30C6\u30AD\u30B9\u30C8",
|
|
748
|
+
definition: {
|
|
749
|
+
name: "wysiwyg",
|
|
750
|
+
svg: wysiwygIcon,
|
|
751
|
+
containerProps: {
|
|
752
|
+
type: "grid",
|
|
753
|
+
columns: 1,
|
|
754
|
+
autoRepeat: "auto-fit"
|
|
755
|
+
},
|
|
756
|
+
items: [["wysiwyg"]]
|
|
757
|
+
}
|
|
758
|
+
},
|
|
759
|
+
{
|
|
760
|
+
label: "\u753B\u50CF",
|
|
761
|
+
definition: {
|
|
762
|
+
name: "image",
|
|
763
|
+
svg: imageIcon,
|
|
764
|
+
containerProps: {
|
|
765
|
+
type: "grid",
|
|
766
|
+
columns: 1,
|
|
767
|
+
autoRepeat: "auto-fit"
|
|
768
|
+
},
|
|
769
|
+
items: [["image"]]
|
|
770
|
+
}
|
|
771
|
+
},
|
|
772
|
+
{
|
|
773
|
+
label: "\u6298\u308A\u305F\u305F\u307F",
|
|
774
|
+
definition: {
|
|
775
|
+
name: "disclosure",
|
|
776
|
+
svg: disclosureIcon,
|
|
777
|
+
containerProps: {
|
|
778
|
+
type: "grid",
|
|
779
|
+
columns: 1,
|
|
780
|
+
autoRepeat: "auto-fit"
|
|
781
|
+
},
|
|
782
|
+
items: [["details"]]
|
|
783
|
+
}
|
|
784
|
+
},
|
|
785
|
+
{
|
|
786
|
+
label: "\u30C6\u30FC\u30D6\u30EB",
|
|
787
|
+
definition: {
|
|
788
|
+
name: "table",
|
|
789
|
+
svg: tableIcon,
|
|
790
|
+
containerProps: {
|
|
791
|
+
immutable: true
|
|
792
|
+
},
|
|
793
|
+
items: [["table"]]
|
|
794
|
+
}
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
label: "YouTube",
|
|
798
|
+
definition: {
|
|
799
|
+
name: "youtube",
|
|
800
|
+
svg: youtubeIcon,
|
|
801
|
+
containerProps: {
|
|
802
|
+
type: "grid",
|
|
803
|
+
columns: 1,
|
|
804
|
+
autoRepeat: "auto-fit"
|
|
805
|
+
},
|
|
806
|
+
items: [["youtube"]]
|
|
807
|
+
}
|
|
808
|
+
}
|
|
809
|
+
],
|
|
810
|
+
\u30AB\u30FC\u30C9: [
|
|
811
|
+
{
|
|
812
|
+
label: "\u753B\u50CF + \u30C6\u30AD\u30B9\u30C8",
|
|
813
|
+
definition: {
|
|
814
|
+
name: "image-text",
|
|
815
|
+
svg: imageText3Icon,
|
|
816
|
+
containerProps: {
|
|
817
|
+
type: "grid",
|
|
818
|
+
columns: 3,
|
|
819
|
+
autoRepeat: "auto-fit"
|
|
820
|
+
},
|
|
821
|
+
items: [
|
|
822
|
+
["image", "wysiwyg"],
|
|
823
|
+
["image", "wysiwyg"],
|
|
824
|
+
["image", "wysiwyg"]
|
|
825
|
+
]
|
|
826
|
+
}
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
label: "\u30C6\u30AD\u30B9\u30C8+\u753B\u50CF+\u30C6\u30AD\u30B9\u30C8",
|
|
830
|
+
definition: {
|
|
831
|
+
name: "text-image-text",
|
|
832
|
+
svg: textImageTextIcon,
|
|
833
|
+
containerProps: {
|
|
834
|
+
type: "grid",
|
|
835
|
+
columns: 3,
|
|
836
|
+
autoRepeat: "auto-fit"
|
|
837
|
+
},
|
|
838
|
+
items: [
|
|
839
|
+
[{ name: "wysiwyg", data: { wysiwyg: "<h2>\u898B\u51FA\u3057</h2>" } }, "image", "wysiwyg"],
|
|
840
|
+
[{ name: "wysiwyg", data: { wysiwyg: "<h2>\u898B\u51FA\u3057</h2>" } }, "image", "wysiwyg"],
|
|
841
|
+
[{ name: "wysiwyg", data: { wysiwyg: "<h2>\u898B\u51FA\u3057</h2>" } }, "image", "wysiwyg"]
|
|
842
|
+
]
|
|
843
|
+
}
|
|
844
|
+
}
|
|
845
|
+
],
|
|
846
|
+
"\u753B\u50CF+\u30C6\u30AD\u30B9\u30C8": [
|
|
847
|
+
{
|
|
848
|
+
label: "\u753B\u50CF\u53F3\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F",
|
|
849
|
+
definition: {
|
|
850
|
+
name: "text-float-image-end",
|
|
851
|
+
svg: textFloatImage1Icon,
|
|
852
|
+
containerProps: {
|
|
853
|
+
type: "float",
|
|
854
|
+
float: "end"
|
|
855
|
+
},
|
|
856
|
+
items: [
|
|
857
|
+
[
|
|
858
|
+
{
|
|
859
|
+
name: "image",
|
|
860
|
+
data: {
|
|
861
|
+
scale: 50,
|
|
862
|
+
cssWidth: "50cqi",
|
|
863
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
864
|
+
}
|
|
865
|
+
}
|
|
866
|
+
],
|
|
867
|
+
["wysiwyg"]
|
|
868
|
+
]
|
|
869
|
+
}
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
label: "\u753B\u50CF\u5DE6\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F",
|
|
873
|
+
definition: {
|
|
874
|
+
name: "text-float-image-start",
|
|
875
|
+
svg: textFloatImage2Icon,
|
|
876
|
+
containerProps: {
|
|
877
|
+
type: "float",
|
|
878
|
+
float: "start"
|
|
879
|
+
},
|
|
880
|
+
items: [
|
|
881
|
+
[
|
|
882
|
+
{
|
|
883
|
+
name: "image",
|
|
884
|
+
data: {
|
|
885
|
+
scale: 50,
|
|
886
|
+
cssWidth: "50cqi",
|
|
887
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
888
|
+
}
|
|
889
|
+
}
|
|
890
|
+
],
|
|
891
|
+
["wysiwyg"]
|
|
892
|
+
]
|
|
893
|
+
}
|
|
894
|
+
},
|
|
895
|
+
{
|
|
896
|
+
label: "\u753B\u50CF\u53F3\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F\u7121\u3057",
|
|
897
|
+
definition: {
|
|
898
|
+
name: "text-start-image-end",
|
|
899
|
+
svg: textImage1Icon,
|
|
900
|
+
containerProps: {
|
|
901
|
+
immutable: true,
|
|
902
|
+
wrap: "nowrap"
|
|
903
|
+
},
|
|
904
|
+
items: [
|
|
905
|
+
["wysiwyg"],
|
|
906
|
+
[
|
|
907
|
+
{
|
|
908
|
+
name: "image",
|
|
909
|
+
data: {
|
|
910
|
+
scale: 50,
|
|
911
|
+
cssWidth: "50cqi",
|
|
912
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
913
|
+
}
|
|
914
|
+
}
|
|
915
|
+
]
|
|
916
|
+
]
|
|
917
|
+
}
|
|
918
|
+
},
|
|
919
|
+
{
|
|
920
|
+
label: "\u753B\u50CF\u5DE6\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F\u7121\u3057",
|
|
921
|
+
definition: {
|
|
922
|
+
name: "image-start-text-end",
|
|
923
|
+
svg: textImage2Icon,
|
|
924
|
+
containerProps: {
|
|
925
|
+
immutable: true,
|
|
926
|
+
wrap: "nowrap"
|
|
927
|
+
},
|
|
928
|
+
items: [
|
|
929
|
+
[
|
|
930
|
+
{
|
|
931
|
+
name: "image",
|
|
932
|
+
data: {
|
|
933
|
+
scale: 50,
|
|
934
|
+
cssWidth: "50cqi",
|
|
935
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
936
|
+
}
|
|
937
|
+
}
|
|
938
|
+
],
|
|
939
|
+
["wysiwyg"]
|
|
940
|
+
]
|
|
941
|
+
}
|
|
942
|
+
}
|
|
943
|
+
],
|
|
944
|
+
\u30DC\u30BF\u30F3: [
|
|
945
|
+
{
|
|
946
|
+
label: "\u30DC\u30BF\u30F3",
|
|
947
|
+
definition: {
|
|
948
|
+
name: "button",
|
|
949
|
+
svg: button3Icon,
|
|
950
|
+
containerProps: {
|
|
951
|
+
justify: "center",
|
|
952
|
+
wrap: "wrap"
|
|
953
|
+
},
|
|
954
|
+
items: [["button"], ["button"], ["button"]]
|
|
955
|
+
}
|
|
956
|
+
},
|
|
957
|
+
{
|
|
958
|
+
label: "\u30C6\u30AD\u30B9\u30C8\u30EA\u30F3\u30AF",
|
|
959
|
+
definition: {
|
|
960
|
+
name: "button",
|
|
961
|
+
svg: button3Icon,
|
|
962
|
+
containerProps: {
|
|
963
|
+
frameSemantics: "ul",
|
|
964
|
+
justify: "start",
|
|
965
|
+
wrap: "wrap"
|
|
966
|
+
},
|
|
967
|
+
items: [
|
|
968
|
+
[
|
|
969
|
+
{
|
|
970
|
+
name: "button",
|
|
971
|
+
data: { kind: "text", text: "\u30C6\u30AD\u30B9\u30C8\u30EA\u30F3\u30AF" }
|
|
972
|
+
}
|
|
973
|
+
],
|
|
974
|
+
[
|
|
975
|
+
{
|
|
976
|
+
name: "button",
|
|
977
|
+
data: { kind: "text", text: "\u30C6\u30AD\u30B9\u30C8\u30EA\u30F3\u30AF" }
|
|
978
|
+
}
|
|
979
|
+
],
|
|
980
|
+
[
|
|
981
|
+
{
|
|
982
|
+
name: "button",
|
|
983
|
+
data: { kind: "text", text: "\u30C6\u30AD\u30B9\u30C8\u30EA\u30F3\u30AF" }
|
|
984
|
+
}
|
|
985
|
+
]
|
|
986
|
+
]
|
|
987
|
+
}
|
|
988
|
+
},
|
|
989
|
+
{
|
|
990
|
+
label: "\u30D5\u30A1\u30A4\u30EB\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9",
|
|
991
|
+
definition: {
|
|
992
|
+
name: "file",
|
|
993
|
+
svg: downloadFile3Icon,
|
|
994
|
+
containerProps: {
|
|
995
|
+
justify: "center",
|
|
996
|
+
wrap: "wrap"
|
|
997
|
+
},
|
|
998
|
+
items: [["download-file"], ["download-file"], ["download-file"]]
|
|
999
|
+
}
|
|
1000
|
+
},
|
|
1001
|
+
{
|
|
1002
|
+
label: "\u30B3\u30F3\u30C6\u30F3\u30C4\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3",
|
|
1003
|
+
definition: {
|
|
1004
|
+
name: "content-navigation",
|
|
1005
|
+
svg: contentNavigationIcon,
|
|
1006
|
+
containerProps: {
|
|
1007
|
+
frameSemantics: "ul",
|
|
1008
|
+
type: "grid",
|
|
1009
|
+
columns: 4,
|
|
1010
|
+
autoRepeat: "auto-fit"
|
|
1011
|
+
},
|
|
1012
|
+
items: [
|
|
1013
|
+
[
|
|
1014
|
+
{
|
|
1015
|
+
name: "button",
|
|
1016
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C41", link: "#content1" }
|
|
1017
|
+
}
|
|
1018
|
+
],
|
|
1019
|
+
[
|
|
1020
|
+
{
|
|
1021
|
+
name: "button",
|
|
1022
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C42", link: "#content2" }
|
|
1023
|
+
}
|
|
1024
|
+
],
|
|
1025
|
+
[
|
|
1026
|
+
{
|
|
1027
|
+
name: "button",
|
|
1028
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C43", link: "#content3" }
|
|
1029
|
+
}
|
|
1030
|
+
],
|
|
1031
|
+
[
|
|
1032
|
+
{
|
|
1033
|
+
name: "button",
|
|
1034
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C44", link: "#content4" }
|
|
1035
|
+
}
|
|
1036
|
+
],
|
|
1037
|
+
[
|
|
1038
|
+
{
|
|
1039
|
+
name: "button",
|
|
1040
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C45", link: "#content5" }
|
|
1041
|
+
}
|
|
1042
|
+
],
|
|
1043
|
+
[
|
|
1044
|
+
{
|
|
1045
|
+
name: "button",
|
|
1046
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C46", link: "#content6" }
|
|
1047
|
+
}
|
|
1048
|
+
],
|
|
1049
|
+
[
|
|
1050
|
+
{
|
|
1051
|
+
name: "button",
|
|
1052
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C47", link: "#content7" }
|
|
1053
|
+
}
|
|
1054
|
+
],
|
|
1055
|
+
[
|
|
1056
|
+
{
|
|
1057
|
+
name: "button",
|
|
1058
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C48", link: "#content8" }
|
|
1059
|
+
}
|
|
1060
|
+
]
|
|
1061
|
+
]
|
|
1062
|
+
}
|
|
1063
|
+
}
|
|
1064
|
+
],
|
|
1065
|
+
\u305D\u306E\u4ED6: [
|
|
1066
|
+
{
|
|
1067
|
+
label: "Google Maps",
|
|
1068
|
+
definition: {
|
|
1069
|
+
name: "google-maps",
|
|
1070
|
+
svg: googleMapsIcon,
|
|
1071
|
+
containerProps: {
|
|
1072
|
+
type: "grid",
|
|
1073
|
+
columns: 1,
|
|
1074
|
+
autoRepeat: "auto-fit"
|
|
1075
|
+
},
|
|
1076
|
+
items: [["google-maps"]]
|
|
1077
|
+
}
|
|
1078
|
+
},
|
|
1079
|
+
{
|
|
1080
|
+
label: "\u533A\u5207\u308A\u7DDA",
|
|
1081
|
+
definition: {
|
|
1082
|
+
name: "hr",
|
|
1083
|
+
svg: hrIcon,
|
|
1084
|
+
containerProps: {
|
|
1085
|
+
immutable: true
|
|
1086
|
+
},
|
|
1087
|
+
items: [["hr"]]
|
|
1088
|
+
}
|
|
1089
|
+
}
|
|
1090
|
+
]
|
|
783
1091
|
};
|
|
784
1092
|
|
|
785
|
-
var
|
|
1093
|
+
var buttonIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"fd209399-0134-4350-b981-c8b8ae94ae7e\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"bf554fee-e2dd-4b87-bcb8-62d1fc0d1c7f\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"ffaf2791-f62f-4e94-bf07-d06118b0fa68\" x1=\"179.67\" y1=\"-292.99\" x2=\"180.67\" y2=\"-292.99\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21142.98, 13022.73)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"b4d6358c-dbd1-461c-9863-afc1e103aeb7\"><rect x=\"9.75\" y=\"12.25\" width=\"31.09\" height=\"14.41\" rx=\"2.83\" fill=\"none\"/></clipPath></defs><title>button</title><g id=\"b38853b3-c703-4537-91c6-7499dd3828da\" data-name=\"レイヤー 2\"><g id=\"aad4bf5b-7942-4049-afa3-188448558c80\" data-name=\"レイヤー1\"><g clip-path=\"url(#fd209399-0134-4350-b981-c8b8ae94ae7e)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#bf554fee-e2dd-4b87-bcb8-62d1fc0d1c7f)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#ffaf2791-f62f-4e94-bf07-d06118b0fa68)\"/></g><g clip-path=\"url(#fd209399-0134-4350-b981-c8b8ae94ae7e)\"><path d=\"M12.59,14.1H38a2.84,2.84,0,0,1,2.84,2.84v8.73A2.83,2.83,0,0,1,38,28.5H12.59a2.83,2.83,0,0,1-2.83-2.83V16.93A2.84,2.84,0,0,1,12.59,14.1Z\" fill=\"#905f94\"/><rect x=\"9.75\" y=\"12.22\" width=\"31.09\" height=\"14.41\" rx=\"2.83\" fill=\"#b992bc\"/><path d=\"M18,19.51a2.87,2.87,0,1,1-2.86-2.87A2.86,2.86,0,0,1,18,19.51Z\" fill=\"#fff\"/><g clip-path=\"url(#b4d6358c-dbd1-461c-9863-afc1e103aeb7)\"><polygon points=\"40.84 26.66 9.75 26.66 40.84 12.25 40.84 26.66\" fill=\"#ab7aac\"/></g><polygon points=\"14.35 21.09 14.35 17.92 16.65 19.5 14.35 21.09\" fill=\"#b992bc\"/></g></g></g></svg>";
|
|
786
1094
|
|
|
787
|
-
var
|
|
1095
|
+
var button2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><clipPath id=\"b153ff07-895d-4804-87cf-aa7badc810a8\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"a7bae0c0-62bc-446c-bf0d-663d897e5a48\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"bb60e0bf-29b7-438c-ad93-35e0141ae3a9\" x1=\"116.39\" y1=\"-292.32\" x2=\"117.39\" y2=\"-292.32\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -21094.73, 8451.1)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#e7dbeb\"/><stop offset=\"1\" stop-color=\"#d6c1da\"/></linearGradient><clipPath id=\"a1723d6b-2f4d-4c07-ab69-97a7a59476e0\"><rect y=\"8.76\" width=\"28.03\" height=\"21.78\" fill=\"none\"/></clipPath><clipPath id=\"b0b34d52-2d56-4f80-827a-ad77b7bd7b2f\"><rect x=\"5.4\" y=\"15.55\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"none\"/></clipPath><clipPath id=\"b8d7ec36-a44f-439c-bf3e-ab66c919cbf7\"><rect x=\"22.56\" y=\"8.76\" width=\"28.03\" height=\"21.78\" fill=\"none\"/></clipPath><clipPath id=\"b450c3cd-31c6-4f6c-afbf-34881f955d9c\"><rect x=\"27.97\" y=\"15.55\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"none\"/></clipPath></defs><title>button2</title><g id=\"aeb13426-476a-417b-af4a-dd91ed7b5972\" data-name=\"レイヤー 2\"><g id=\"a3ae9667-184a-49a2-aacf-363d1e760b76\" data-name=\"レイヤー1\"><g clip-path=\"url(#b153ff07-895d-4804-87cf-aa7badc810a8)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#d1b9d5\"/></g><g clip-path=\"url(#a7bae0c0-62bc-446c-bf0d-663d897e5a48)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#bb60e0bf-29b7-438c-ad93-35e0141ae3a9)\"/></g><g clip-path=\"url(#a1723d6b-2f4d-4c07-ab69-97a7a59476e0)\"><rect x=\"5.4\" y=\"16.57\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#905f94\"/><rect x=\"5.4\" y=\"15.54\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#b992bc\"/><path d=\"M10,19.57A1.59,1.59,0,1,1,8.4,18,1.59,1.59,0,0,1,10,19.57Z\" fill=\"#fff\"/><g clip-path=\"url(#b0b34d52-2d56-4f80-827a-ad77b7bd7b2f)\"><polygon points=\"22.63 23.54 5.4 23.54 22.63 15.55 22.63 23.54\" fill=\"#ab7aac\"/></g><polygon points=\"7.95 20.45 7.95 18.69 9.22 19.57 7.95 20.45\" fill=\"#b992bc\"/></g><g clip-path=\"url(#b8d7ec36-a44f-439c-bf3e-ab66c919cbf7)\"><rect x=\"27.97\" y=\"16.57\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#905f94\"/><rect x=\"27.97\" y=\"15.54\" width=\"17.22\" height=\"7.98\" rx=\"1.57\" fill=\"#b992bc\"/><path d=\"M32.55,19.57A1.59,1.59,0,1,1,31,18,1.59,1.59,0,0,1,32.55,19.57Z\" fill=\"#fff\"/><g clip-path=\"url(#b450c3cd-31c6-4f6c-afbf-34881f955d9c)\"><polygon points=\"45.19 23.54 27.97 23.54 45.19 15.55 45.19 23.54\" fill=\"#ab7aac\"/></g><polygon points=\"30.51 20.45 30.51 18.69 31.79 19.57 30.51 20.45\" fill=\"#b992bc\"/></g></g></g></svg>";
|
|
788
1096
|
|
|
789
|
-
|
|
790
|
-
name: "title",
|
|
791
|
-
template: importItems(template$4),
|
|
792
|
-
icon: icon$4
|
|
793
|
-
};
|
|
1097
|
+
var downloadFileIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.96mm\" viewBox=\"0 0 50.59 39.57\"><defs><linearGradient id=\"becb2f5d-9182-4a22-8379-911159e90b4e\" x1=\"25.3\" y1=\"-7.07\" x2=\"25.3\" y2=\"42.27\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#aecaea\"/><stop offset=\"1\" stop-color=\"#c7dcf2\"/></linearGradient><linearGradient id=\"f7b8815a-3812-4a86-9885-c90d87d413a4\" x1=\"16.52\" y1=\"11.42\" x2=\"33.21\" y2=\"24.26\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4097cb\"/><stop offset=\"0.46\" stop-color=\"#4097cb\"/><stop offset=\"0.49\" stop-color=\"#2a88c2\"/><stop offset=\"1\" stop-color=\"#4097cb\"/></linearGradient></defs><title>download-file</title><g id=\"a40f4568-d3f8-494e-9ab4-361f542104e6\" data-name=\"レイヤー 2\"><g id=\"eac125cd-6705-4e59-94bd-9b5cf94c3ef0\" data-name=\"レイヤー1\"><rect y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#759fc8\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#becb2f5d-9182-4a22-8379-911159e90b4e)\"/><path d=\"M36.6,14.11a5.05,5.05,0,0,0-1.23.15,8.24,8.24,0,0,0,.13-1.42A7.94,7.94,0,0,0,20.24,9.79,4.79,4.79,0,0,0,13.09,14c0,.07,0,.14,0,.21A5.5,5.5,0,0,0,14,25.12H36.6a5.51,5.51,0,1,0,0-11Z\" fill=\"url(#f7b8815a-3812-4a86-9885-c90d87d413a4)\"/><polygon points=\"27.36 27.03 27.36 21.85 23.24 21.85 23.24 27.03 20.48 27.03 25.3 31.85 30.11 27.03 27.36 27.03\" fill=\"#f5a725\"/></g></g></svg>";
|
|
794
1098
|
|
|
795
|
-
var
|
|
1099
|
+
var downloadFile2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"18.31mm\" height=\"13.96mm\" viewBox=\"0 0 51.91 39.57\"><defs><clipPath id=\"aeba98e8-5323-42ea-8924-cab300f24bf1\"><rect x=\"0.66\" width=\"50.59\" height=\"39.57\" fill=\"none\"/></clipPath><clipPath id=\"f6b1f76c-159f-4fd8-9649-7d9b300879fc\"><rect x=\"0.66\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"none\"/></clipPath><linearGradient id=\"b46a8061-b6c9-412b-a7e7-7f9ed6e06e92\" x1=\"124.76\" y1=\"-148.78\" x2=\"125.76\" y2=\"-148.78\" gradientTransform=\"matrix(0, 49.34, 49.34, 0, 7367.05, -6163.21)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#aecaea\"/><stop offset=\"1\" stop-color=\"#c7dcf2\"/></linearGradient><clipPath id=\"b4befe88-beb5-4ebe-a1a8-f77c2ac349eb\"><path d=\"M11.09,14.63A2.49,2.49,0,0,0,7.4,16.8s0,.07,0,.1a2.84,2.84,0,0,0,.46,5.64H19.52a2.84,2.84,0,0,0,0-5.68,2.59,2.59,0,0,0-.63.08,4.4,4.4,0,0,0,.07-.73,4.09,4.09,0,0,0-7.87-1.58\" fill=\"none\"/></clipPath><linearGradient id=\"bc621572-15d4-4277-9b6a-7d3d12020503\" x1=\"121.69\" y1=\"-157.15\" x2=\"122.2\" y2=\"-157.15\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3323.5, -2550.12)\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#4097cb\"/><stop offset=\"0.46\" stop-color=\"#4097cb\"/><stop offset=\"0.49\" stop-color=\"#2a88c2\"/><stop offset=\"1\" stop-color=\"#4097cb\"/></linearGradient><clipPath id=\"bb111474-00c2-4fbf-a9dc-5e714817e195\"><rect x=\"0.66\" y=\"9.59\" width=\"26.07\" height=\"20.39\" fill=\"none\"/></clipPath><clipPath id=\"b007783d-68bc-413d-9f28-e62e9dfb24f4\"><path d=\"M35.61,14.63a2.48,2.48,0,0,0-3.68,2.17v.1a2.84,2.84,0,0,0,.46,5.64H44.05a2.84,2.84,0,0,0,0-5.68,2.67,2.67,0,0,0-.64.08,4.4,4.4,0,0,0,.07-.73,4.09,4.09,0,0,0-7.87-1.58\" fill=\"none\"/></clipPath><linearGradient id=\"bb87b7e6-813d-403d-866c-7911014b963e\" x1=\"122.61\" y1=\"-156.44\" x2=\"123.12\" y2=\"-156.44\" gradientTransform=\"matrix(0, 21.06, 21.06, 0, 3333.04, -2569.6)\" xlink:href=\"#bc621572-15d4-4277-9b6a-7d3d12020503\"/><clipPath id=\"b4283aa0-0333-4f0f-8df7-5bf95c6dbc45\"><rect x=\"25.18\" y=\"9.59\" width=\"26.07\" height=\"20.39\" fill=\"none\"/></clipPath></defs><title>download-file2</title><g id=\"b5256a70-7e9c-494d-90e0-da27b974e2cf\" data-name=\"レイヤー 2\"><g id=\"bb18e753-2582-40b5-a26f-b35666026a47\" data-name=\"レイヤー1\"><g clip-path=\"url(#aeba98e8-5323-42ea-8924-cab300f24bf1)\"><rect x=\"0.66\" y=\"2.07\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#759fc8\"/></g><g clip-path=\"url(#f6b1f76c-159f-4fd8-9649-7d9b300879fc)\"><rect x=\"0.66\" width=\"50.59\" height=\"37.5\" fill=\"url(#b46a8061-b6c9-412b-a7e7-7f9ed6e06e92)\"/></g><g clip-path=\"url(#b4befe88-beb5-4ebe-a1a8-f77c2ac349eb)\"><rect x=\"4.29\" y=\"7.29\" width=\"18.82\" height=\"20.08\" transform=\"translate(-8.39 17.62) rotate(-52.43)\" fill=\"url(#bc621572-15d4-4277-9b6a-7d3d12020503)\"/></g><g clip-path=\"url(#bb111474-00c2-4fbf-a9dc-5e714817e195)\"><polygon points=\"14.76 23.52 14.76 20.85 12.63 20.85 12.63 23.52 11.21 23.52 13.7 26 16.18 23.52 14.76 23.52\" fill=\"#f5a725\"/></g><g clip-path=\"url(#b007783d-68bc-413d-9f28-e62e9dfb24f4)\"><rect x=\"28.81\" y=\"7.29\" width=\"18.82\" height=\"20.08\" transform=\"translate(1.18 37.06) rotate(-52.43)\" fill=\"url(#bb87b7e6-813d-403d-866c-7911014b963e)\"/></g><g clip-path=\"url(#b4283aa0-0333-4f0f-8df7-5bf95c6dbc45)\"><polygon points=\"39.28 23.52 39.28 20.85 37.16 20.85 37.16 23.52 35.74 23.52 38.22 26 40.7 23.52 39.28 23.52\" fill=\"#f5a725\"/></g></g></g></svg>";
|
|
796
1100
|
|
|
797
|
-
var
|
|
1101
|
+
var imageText2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a13e475c-bab2-4f76-88ce-779673ae02cb\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"ae68d89e-846f-4586-bb2c-b01e64f09622\"><rect id=\"b4f97c07-7867-4d0e-927c-7fc5c2f9dfc0\" data-name=\"SVGID\" width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b3576c64-7056-4a6a-9306-b9fca0303334\"><rect id=\"ae6ce2d9-c572-4395-955f-8cd04a0d7672\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a13e475c-bab2-4f76-88ce-779673ae02cb)\"/></clipPath><linearGradient id=\"e1d14a62-69c9-42a0-b381-17bf4a4c7e9a\" x1=\"188.86\" y1=\"1.92\" x2=\"189.86\" y2=\"1.92\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 163.95, 13686.67)\" xlink:href=\"#a13e475c-bab2-4f76-88ce-779673ae02cb\"/></defs><title>image-text2</title><g id=\"a4c5e2eb-5b65-4b99-ba08-1cf0109790e7\" data-name=\"レイヤー 2\"><g id=\"a3092b36-f761-4337-9a42-4ee4608e9277\" data-name=\"レイヤー1\"><g clip-path=\"url(#ae68d89e-846f-4586-bb2c-b01e64f09622)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect id=\"f3d9adbe-e73a-44f5-8cab-0287ece41518\" data-name=\"SVGID\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a13e475c-bab2-4f76-88ce-779673ae02cb)\"/><g clip-path=\"url(#b3576c64-7056-4a6a-9306-b9fca0303334)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#e1d14a62-69c9-42a0-b381-17bf4a4c7e9a)\"/></g><rect x=\"8.96\" y=\"8.39\" width=\"14.69\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"23.65 17.79 8.96 17.79 23.65 8.39 23.65 17.79\" fill=\"#ef7c1b\"/><rect x=\"28.14\" y=\"8.39\" width=\"14.69\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"42.83 17.79 28.14 17.79 42.83 8.39 42.83 17.79\" fill=\"#ef7c1b\"/><line x1=\"9.07\" y1=\"22.64\" x2=\"23.22\" y2=\"22.64\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"22.64\" x2=\"42.56\" y2=\"22.64\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"9.07\" y1=\"26.47\" x2=\"23.22\" y2=\"26.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"26.47\" x2=\"42.56\" y2=\"26.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"9.07\" y1=\"30.47\" x2=\"23.22\" y2=\"30.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.41\" y1=\"30.47\" x2=\"42.56\" y2=\"30.47\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
798
1102
|
|
|
799
|
-
|
|
800
|
-
name: "title2",
|
|
801
|
-
template: importItems(template$3),
|
|
802
|
-
icon: icon$3
|
|
803
|
-
};
|
|
1103
|
+
var imageText4Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b4cf61b9-f2cd-49ce-a867-5f8d369c1156\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"a32f8230-a8ad-4b84-be59-3e2bc4f2cb02\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"efbf5247-4c31-4a7f-bccd-4a4094ee5901\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4cf61b9-f2cd-49ce-a867-5f8d369c1156)\"/></clipPath><linearGradient id=\"b94b4e58-4701-4c56-9961-301112aafc1a\" x1=\"57.58\" y1=\"1.46\" x2=\"58.58\" y2=\"1.46\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, 130.91, 4202.32)\" xlink:href=\"#b4cf61b9-f2cd-49ce-a867-5f8d369c1156\"/></defs><title>image-text4</title><g id=\"aad57eb1-9fca-41d0-b938-9d26383317c5\" data-name=\"レイヤー 2\"><g id=\"ef573272-e2dd-4fdb-9979-76c56500efb6\" data-name=\"レイヤー1\"><g clip-path=\"url(#a32f8230-a8ad-4b84-be59-3e2bc4f2cb02)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4cf61b9-f2cd-49ce-a867-5f8d369c1156)\"/><g clip-path=\"url(#efbf5247-4c31-4a7f-bccd-4a4094ee5901)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#b94b4e58-4701-4c56-9961-301112aafc1a)\"/></g><rect x=\"5.42\" y=\"8.61\" width=\"7.87\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"13.29 18.02 5.42 18.02 13.29 8.61 13.29 18.02\" fill=\"#ef7c1b\"/><line x1=\"5.48\" y1=\"22.86\" x2=\"13.06\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.48\" y1=\"26.7\" x2=\"13.06\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"5.48\" y1=\"30.7\" x2=\"13.06\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"15.94\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"23.82 18.02 15.94 18.02 23.82 8.61 23.82 18.02\" fill=\"#ef7c1b\"/><line x1=\"16\" y1=\"22.86\" x2=\"23.59\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"16\" y1=\"26.7\" x2=\"23.59\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"16\" y1=\"30.7\" x2=\"23.59\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"26.47\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"34.34 18.02 26.46 18.02 34.34 8.61 34.34 18.02\" fill=\"#ef7c1b\"/><line x1=\"26.53\" y1=\"22.86\" x2=\"34.11\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"26.53\" y1=\"26.7\" x2=\"34.11\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"26.53\" y1=\"30.7\" x2=\"34.11\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"36.99\" y=\"8.61\" width=\"7.87\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"44.86 18.02 36.99 18.02 44.86 8.61 44.86 18.02\" fill=\"#ef7c1b\"/><line x1=\"37.05\" y1=\"22.86\" x2=\"44.63\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"37.05\" y1=\"26.7\" x2=\"44.63\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"37.05\" y1=\"30.7\" x2=\"44.63\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
804
1104
|
|
|
805
|
-
var
|
|
1105
|
+
var imageText5Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"afc1c886-e435-484e-aba3-c8984819c5fa\" y1=\"18.75\" x2=\"50.59\" y2=\"18.75\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#fbe4ac\"/><stop offset=\"1\" stop-color=\"#f9d483\"/></linearGradient><clipPath id=\"b7083a6f-9b2e-4d64-9eba-c12cea48c5a1\"><rect width=\"50.59\" height=\"39.31\" fill=\"none\"/></clipPath><clipPath id=\"b32d3dc8-1680-4a0a-bd22-e5d5a9eae871\"><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#afc1c886-e435-484e-aba3-c8984819c5fa)\"/></clipPath><linearGradient id=\"bc4b7dcc-075a-4cd0-9a0c-f0d98d36f0bf\" x1=\"-7.53\" y1=\"-2.41\" x2=\"-6.53\" y2=\"-2.41\" gradientTransform=\"matrix(0, -72.25, -72.25, 0, -148.74, -502.04)\" xlink:href=\"#afc1c886-e435-484e-aba3-c8984819c5fa\"/></defs><title>image-text5</title><g id=\"bbc914e4-9736-4823-acad-792b68f7a4dd\" data-name=\"レイヤー 2\"><g id=\"aba4fae2-89b5-4f3d-82b8-4d0808f83c77\" data-name=\"レイヤー1\"><g clip-path=\"url(#b7083a6f-9b2e-4d64-9eba-c12cea48c5a1)\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#f8d077\"/></g><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#afc1c886-e435-484e-aba3-c8984819c5fa)\"/><g clip-path=\"url(#b32d3dc8-1680-4a0a-bd22-e5d5a9eae871)\"><rect width=\"50.59\" height=\"37.5\" fill=\"url(#bc4b7dcc-075a-4cd0-9a0c-f0d98d36f0bf)\"/></g><rect x=\"3.42\" y=\"8.61\" width=\"6.85\" height=\"9.41\" fill=\"#f49e16\"/><polygon points=\"10.27 18.02 3.42 18.02 10.27 8.61 10.27 18.02\" fill=\"#ef7c1b\"/><line x1=\"3.47\" y1=\"22.86\" x2=\"10.07\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"3.47\" y1=\"26.7\" x2=\"10.07\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"3.47\" y1=\"30.7\" x2=\"10.07\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"12.58\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"19.43 18.02 12.58 18.02 19.43 8.61 19.43 18.02\" fill=\"#ef7c1b\"/><line x1=\"12.63\" y1=\"22.86\" x2=\"19.23\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"12.63\" y1=\"26.7\" x2=\"19.23\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"12.63\" y1=\"30.7\" x2=\"19.23\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"21.73\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"28.58 18.02 21.73 18.02 28.58 8.61 28.58 18.02\" fill=\"#ef7c1b\"/><line x1=\"21.78\" y1=\"22.86\" x2=\"28.38\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"21.78\" y1=\"26.7\" x2=\"28.38\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"21.78\" y1=\"30.7\" x2=\"28.38\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"30.88\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"37.73 18.02 30.88 18.02 37.73 8.61 37.73 18.02\" fill=\"#ef7c1b\"/><line x1=\"30.94\" y1=\"22.86\" x2=\"37.53\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"30.94\" y1=\"26.7\" x2=\"37.53\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"30.94\" y1=\"30.7\" x2=\"37.53\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><rect x=\"40.13\" y=\"8.61\" width=\"6.85\" height=\"9.4\" fill=\"#f49e16\"/><polygon points=\"46.98 18.02 40.13 18.02 46.98 8.61 46.98 18.02\" fill=\"#ef7c1b\"/><line x1=\"40.18\" y1=\"22.86\" x2=\"46.78\" y2=\"22.86\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.18\" y1=\"26.7\" x2=\"46.78\" y2=\"26.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"40.18\" y1=\"30.7\" x2=\"46.78\" y2=\"30.7\" fill=\"none\" stroke=\"#f5b618\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
806
1106
|
|
|
807
|
-
var
|
|
1107
|
+
var image2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a69bbfa8-6885-43d5-b254-8182049f4589\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image2</title><g id=\"b2700d76-3f17-4a5c-9bc0-079d3534dc2d\" data-name=\"レイヤー 2\"><g id=\"a90bf1f4-9d1d-425f-a456-c6304835570e\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a69bbfa8-6885-43d5-b254-8182049f4589)\"/><rect x=\"8.96\" y=\"12.22\" width=\"14.69\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"23.65 26.63 8.96 26.63 23.65 12.22 23.65 26.63\" fill=\"#649432\"/><rect x=\"28.14\" y=\"12.22\" width=\"14.69\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"42.83 26.63 28.14 26.63 42.83 12.22 42.83 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
808
1108
|
|
|
809
|
-
|
|
810
|
-
name: "wysiwyg",
|
|
811
|
-
template: importItems(template$2),
|
|
812
|
-
icon: icon$2
|
|
813
|
-
};
|
|
1109
|
+
var image3Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"e81c0481-c03c-4657-928e-93d05f9c6178\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image3</title><g id=\"b24ba5fb-a0d2-45a7-838d-0c7065e8d8a5\" data-name=\"レイヤー 2\"><g id=\"b516c388-dc5d-4637-9a04-3a48fd227d5f\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#e81c0481-c03c-4657-928e-93d05f9c6178)\"/><rect x=\"5.58\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"19.74\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"33.91\" y=\"12.22\" width=\"11.08\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"16.65 26.63 5.58 26.63 16.65 12.22 16.65 26.63\" fill=\"#649432\"/><polygon points=\"30.82 26.63 19.74 26.63 30.82 12.22 30.82 26.63\" fill=\"#649432\"/><polygon points=\"44.98 26.63 33.91 26.63 44.98 12.22 44.98 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
814
1110
|
|
|
815
|
-
var
|
|
1111
|
+
var image4Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"a9e1e99a-d48b-467c-84e1-bdced3515439\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image4</title><g id=\"f0cc911f-7c12-4b14-8f46-1addd9966920\" data-name=\"レイヤー 2\"><g id=\"a6ffb343-0125-41bc-9552-4ed6f8831b95\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#a9e1e99a-d48b-467c-84e1-bdced3515439)\"/><rect x=\"4.65\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"15.57\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"26.49\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"37.41\" y=\"12.22\" width=\"8.53\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"13.18 26.63 4.65 26.63 13.18 12.22 13.18 26.63\" fill=\"#649432\"/><polygon points=\"24.11 26.63 15.57 26.63 24.11 12.22 24.11 26.63\" fill=\"#649432\"/><polygon points=\"35.02 26.63 26.49 26.63 35.02 12.22 35.02 26.63\" fill=\"#649432\"/><polygon points=\"45.95 26.63 37.41 26.63 45.95 12.22 45.95 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
816
1112
|
|
|
817
|
-
var
|
|
1113
|
+
var image5Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.87mm\" viewBox=\"0 0 50.59 39.31\"><defs><linearGradient id=\"b1320079-38fa-401d-9ebf-291981369357\" x1=\"25.3\" y1=\"41.9\" x2=\"25.3\" y2=\"-30.35\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>image5</title><g id=\"be550575-836a-48c2-8654-7b0a40cc90e3\" data-name=\"レイヤー 2\"><g id=\"aa8efe02-0ecd-40bd-8511-c2d557404a19\" data-name=\"レイヤー1\"><rect y=\"1.81\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b1320079-38fa-401d-9ebf-291981369357)\"/><rect x=\"4.83\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"13.46\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"22.09\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"30.72\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><rect x=\"39.35\" y=\"12.22\" width=\"6.74\" height=\"14.41\" fill=\"#7aaf39\"/><polygon points=\"11.57 26.63 4.83 26.63 11.57 12.22 11.57 26.63\" fill=\"#649432\"/><polygon points=\"20.2 26.63 13.46 26.63 20.2 12.22 20.2 26.63\" fill=\"#649432\"/><polygon points=\"28.83 26.63 22.09 26.63 28.83 12.22 28.83 26.63\" fill=\"#649432\"/><polygon points=\"37.46 26.63 30.72 26.63 37.46 12.22 37.46 26.63\" fill=\"#649432\"/><polygon points=\"46.09 26.63 39.35 26.63 46.09 12.22 46.09 26.63\" fill=\"#649432\"/></g></g></svg>";
|
|
818
1114
|
|
|
819
|
-
|
|
820
|
-
name: "wysiwyg2",
|
|
821
|
-
template: importItems(template$1),
|
|
822
|
-
icon: icon$1
|
|
823
|
-
};
|
|
1115
|
+
var wysiwyg2Icon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"17.85mm\" height=\"13.84mm\" viewBox=\"0 0 50.59 39.23\"><defs><linearGradient id=\"b4f854ec-069c-4a2b-ba76-d16dfb5072b0\" x1=\"25.3\" y1=\"37.04\" x2=\"25.3\" y2=\"-30.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"#d9e7a4\"/><stop offset=\"1\" stop-color=\"#b2d57b\"/></linearGradient></defs><title>wysiwyg2</title><g id=\"b6136188-6d4e-4bf9-9355-0e293909a87a\" data-name=\"レイヤー 2\"><g id=\"b7b5af0a-2e8a-41d2-b91b-ce42df427cb7\" data-name=\"レイヤー1\"><rect y=\"1.74\" width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"#b7c678\"/><rect width=\"50.59\" height=\"37.5\" rx=\"5.06\" fill=\"url(#b4f854ec-069c-4a2b-ba76-d16dfb5072b0)\"/><line x1=\"7.37\" y1=\"10.04\" x2=\"22.81\" y2=\"10.04\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"7.37\" y1=\"15.85\" x2=\"22.81\" y2=\"15.85\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"7.37\" y1=\"21.65\" x2=\"22.81\" y2=\"21.65\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"7.37\" y1=\"27.46\" x2=\"22.81\" y2=\"27.46\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"10.04\" x2=\"43.58\" y2=\"10.04\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"15.85\" x2=\"43.58\" y2=\"15.85\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"21.65\" x2=\"43.58\" y2=\"21.65\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/><line x1=\"28.15\" y1=\"27.46\" x2=\"43.58\" y2=\"27.46\" fill=\"none\" stroke=\"#649432\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/></g></g></svg>";
|
|
824
1116
|
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
1117
|
+
const legacyCatalog = {
|
|
1118
|
+
"\u898B\u51FA\u3057 / \u30C6\u30AD\u30B9\u30C8 / \u30C6\u30AD\u30B9\u30C8+\u753B\u50CF": [
|
|
1119
|
+
{
|
|
1120
|
+
label: "\u5927\u898B\u51FA\u3057",
|
|
1121
|
+
definition: {
|
|
1122
|
+
name: "h2",
|
|
1123
|
+
svg: titleIcon,
|
|
1124
|
+
containerProps: {
|
|
1125
|
+
immutable: true
|
|
1126
|
+
},
|
|
1127
|
+
items: [["title-h2"]]
|
|
1128
|
+
}
|
|
1129
|
+
},
|
|
1130
|
+
{
|
|
1131
|
+
label: "\u4E2D\u898B\u51FA\u3057",
|
|
1132
|
+
definition: {
|
|
1133
|
+
name: "h3",
|
|
1134
|
+
svg: title2Icon,
|
|
1135
|
+
containerProps: {
|
|
1136
|
+
immutable: true
|
|
1137
|
+
},
|
|
1138
|
+
items: [["title-h3"]]
|
|
1139
|
+
}
|
|
1140
|
+
},
|
|
1141
|
+
{
|
|
1142
|
+
label: "1\u30AB\u30E9\u30E0\u30C6\u30AD\u30B9\u30C8",
|
|
1143
|
+
definition: {
|
|
1144
|
+
name: "wysiwyg",
|
|
1145
|
+
svg: wysiwygIcon,
|
|
1146
|
+
containerProps: {
|
|
1147
|
+
type: "grid",
|
|
1148
|
+
columns: 1
|
|
1149
|
+
},
|
|
1150
|
+
items: [["wysiwyg"]]
|
|
1151
|
+
}
|
|
1152
|
+
},
|
|
1153
|
+
{
|
|
1154
|
+
label: "2\u30AB\u30E9\u30E0\u30C6\u30AD\u30B9\u30C8",
|
|
1155
|
+
definition: {
|
|
1156
|
+
name: "wysiwyg",
|
|
1157
|
+
svg: wysiwyg2Icon,
|
|
1158
|
+
containerProps: {
|
|
1159
|
+
type: "grid",
|
|
1160
|
+
columns: 2
|
|
1161
|
+
},
|
|
1162
|
+
items: [["wysiwyg"], ["wysiwyg"]]
|
|
1163
|
+
}
|
|
1164
|
+
},
|
|
1165
|
+
{
|
|
1166
|
+
label: "\u753B\u50CF\u53F3\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F",
|
|
1167
|
+
definition: {
|
|
1168
|
+
name: "text-float-image-end",
|
|
1169
|
+
svg: textFloatImage1Icon,
|
|
1170
|
+
containerProps: {
|
|
1171
|
+
type: "float",
|
|
1172
|
+
float: "end"
|
|
1173
|
+
},
|
|
1174
|
+
items: [
|
|
1175
|
+
[
|
|
1176
|
+
{
|
|
1177
|
+
name: "image",
|
|
1178
|
+
data: {
|
|
1179
|
+
scale: 50,
|
|
1180
|
+
cssWidth: "50cqi",
|
|
1181
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
1182
|
+
}
|
|
1183
|
+
}
|
|
1184
|
+
],
|
|
1185
|
+
["wysiwyg"]
|
|
1186
|
+
]
|
|
1187
|
+
}
|
|
1188
|
+
},
|
|
1189
|
+
{
|
|
1190
|
+
label: "\u753B\u50CF\u5DE6\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F",
|
|
1191
|
+
definition: {
|
|
1192
|
+
name: "text-float-image-start",
|
|
1193
|
+
svg: textFloatImage2Icon,
|
|
1194
|
+
containerProps: {
|
|
1195
|
+
type: "float",
|
|
1196
|
+
float: "start"
|
|
1197
|
+
},
|
|
1198
|
+
items: [
|
|
1199
|
+
[
|
|
1200
|
+
{
|
|
1201
|
+
name: "image",
|
|
1202
|
+
data: {
|
|
1203
|
+
scale: 50,
|
|
1204
|
+
cssWidth: "50cqi",
|
|
1205
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
1206
|
+
}
|
|
1207
|
+
}
|
|
1208
|
+
],
|
|
1209
|
+
["wysiwyg"]
|
|
1210
|
+
]
|
|
1211
|
+
}
|
|
1212
|
+
},
|
|
1213
|
+
{
|
|
1214
|
+
label: "\u753B\u50CF\u53F3\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F\u7121\u3057",
|
|
1215
|
+
definition: {
|
|
1216
|
+
name: "text-start-image-end",
|
|
1217
|
+
svg: textImage1Icon,
|
|
1218
|
+
containerProps: {
|
|
1219
|
+
immutable: true,
|
|
1220
|
+
wrap: "nowrap"
|
|
1221
|
+
},
|
|
1222
|
+
items: [
|
|
1223
|
+
["wysiwyg"],
|
|
1224
|
+
[
|
|
1225
|
+
{
|
|
1226
|
+
name: "image",
|
|
1227
|
+
data: {
|
|
1228
|
+
scale: 50,
|
|
1229
|
+
cssWidth: "50cqi",
|
|
1230
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
1231
|
+
}
|
|
1232
|
+
}
|
|
1233
|
+
]
|
|
1234
|
+
]
|
|
1235
|
+
}
|
|
1236
|
+
},
|
|
1237
|
+
{
|
|
1238
|
+
label: "\u753B\u50CF\u5DE6\u5BC4\u305B: \u30C6\u30AD\u30B9\u30C8\u56DE\u308A\u8FBC\u307F\u7121\u3057",
|
|
1239
|
+
definition: {
|
|
1240
|
+
name: "image-start-text-end",
|
|
1241
|
+
svg: textImage2Icon,
|
|
1242
|
+
containerProps: {
|
|
1243
|
+
immutable: true,
|
|
1244
|
+
wrap: "nowrap"
|
|
1245
|
+
},
|
|
1246
|
+
items: [
|
|
1247
|
+
[
|
|
1248
|
+
{
|
|
1249
|
+
name: "image",
|
|
1250
|
+
data: {
|
|
1251
|
+
scale: 50,
|
|
1252
|
+
cssWidth: "50cqi",
|
|
1253
|
+
style: "--css-width:50cqi;--object-fit:cover;--aspect-ratio:revert"
|
|
1254
|
+
}
|
|
1255
|
+
}
|
|
1256
|
+
],
|
|
1257
|
+
["wysiwyg"]
|
|
1258
|
+
]
|
|
1259
|
+
}
|
|
1260
|
+
}
|
|
1261
|
+
],
|
|
1262
|
+
\u753B\u50CF: [
|
|
1263
|
+
{
|
|
1264
|
+
label: "\u753B\u50CF1\u5217",
|
|
1265
|
+
definition: {
|
|
1266
|
+
name: "image",
|
|
1267
|
+
svg: imageIcon,
|
|
1268
|
+
containerProps: {
|
|
1269
|
+
type: "grid",
|
|
1270
|
+
columns: 1
|
|
1271
|
+
},
|
|
1272
|
+
items: [["image"]]
|
|
1273
|
+
}
|
|
1274
|
+
},
|
|
1275
|
+
{
|
|
1276
|
+
label: "\u753B\u50CF2\u5217",
|
|
1277
|
+
definition: {
|
|
1278
|
+
name: "image",
|
|
1279
|
+
svg: image2Icon,
|
|
1280
|
+
containerProps: {
|
|
1281
|
+
type: "grid",
|
|
1282
|
+
columns: 2
|
|
1283
|
+
},
|
|
1284
|
+
items: [["image"], ["image"]]
|
|
1285
|
+
}
|
|
1286
|
+
},
|
|
1287
|
+
{
|
|
1288
|
+
label: "\u753B\u50CF3\u5217",
|
|
1289
|
+
definition: {
|
|
1290
|
+
name: "image",
|
|
1291
|
+
svg: image3Icon,
|
|
1292
|
+
containerProps: {
|
|
1293
|
+
type: "grid",
|
|
1294
|
+
columns: 3
|
|
1295
|
+
},
|
|
1296
|
+
items: [["image"], ["image"], ["image"]]
|
|
1297
|
+
}
|
|
1298
|
+
},
|
|
1299
|
+
{
|
|
1300
|
+
label: "\u753B\u50CF4\u5217",
|
|
1301
|
+
definition: {
|
|
1302
|
+
name: "image",
|
|
1303
|
+
svg: image4Icon,
|
|
1304
|
+
containerProps: {
|
|
1305
|
+
type: "grid",
|
|
1306
|
+
columns: 4
|
|
1307
|
+
},
|
|
1308
|
+
items: [["image"], ["image"], ["image"], ["image"]]
|
|
1309
|
+
}
|
|
1310
|
+
},
|
|
1311
|
+
{
|
|
1312
|
+
label: "\u753B\u50CF5\u5217",
|
|
1313
|
+
definition: {
|
|
1314
|
+
name: "image",
|
|
1315
|
+
svg: image5Icon,
|
|
1316
|
+
containerProps: {
|
|
1317
|
+
type: "grid",
|
|
1318
|
+
columns: 5
|
|
1319
|
+
},
|
|
1320
|
+
items: [["image"], ["image"], ["image"], ["image"], ["image"]]
|
|
1321
|
+
}
|
|
1322
|
+
}
|
|
1323
|
+
],
|
|
1324
|
+
"\u753B\u50CF+\u30C6\u30AD\u30B9\u30C8": [
|
|
1325
|
+
{
|
|
1326
|
+
label: "\u753B\u50CF2\u5217: \u30C6\u30AD\u30B9\u30C8\u4ED8",
|
|
1327
|
+
definition: {
|
|
1328
|
+
name: "image-text",
|
|
1329
|
+
svg: imageText2Icon,
|
|
1330
|
+
containerProps: {
|
|
1331
|
+
type: "grid",
|
|
1332
|
+
columns: 2
|
|
1333
|
+
},
|
|
1334
|
+
items: [
|
|
1335
|
+
["image", "wysiwyg"],
|
|
1336
|
+
["image", "wysiwyg"]
|
|
1337
|
+
]
|
|
1338
|
+
}
|
|
1339
|
+
},
|
|
1340
|
+
{
|
|
1341
|
+
label: "\u753B\u50CF3\u5217: \u30C6\u30AD\u30B9\u30C8\u4ED8",
|
|
1342
|
+
definition: {
|
|
1343
|
+
name: "image-text",
|
|
1344
|
+
svg: imageText3Icon,
|
|
1345
|
+
containerProps: {
|
|
1346
|
+
type: "grid",
|
|
1347
|
+
columns: 3
|
|
1348
|
+
},
|
|
1349
|
+
items: [
|
|
1350
|
+
["image", "wysiwyg"],
|
|
1351
|
+
["image", "wysiwyg"],
|
|
1352
|
+
["image", "wysiwyg"]
|
|
1353
|
+
]
|
|
1354
|
+
}
|
|
1355
|
+
},
|
|
1356
|
+
{
|
|
1357
|
+
label: "\u753B\u50CF4\u5217: \u30C6\u30AD\u30B9\u30C8\u4ED8",
|
|
1358
|
+
definition: {
|
|
1359
|
+
name: "image-text4",
|
|
1360
|
+
svg: imageText4Icon,
|
|
1361
|
+
containerProps: {
|
|
1362
|
+
type: "grid",
|
|
1363
|
+
columns: 4
|
|
1364
|
+
},
|
|
1365
|
+
items: [
|
|
1366
|
+
["image", "wysiwyg"],
|
|
1367
|
+
["image", "wysiwyg"],
|
|
1368
|
+
["image", "wysiwyg"],
|
|
1369
|
+
["image", "wysiwyg"]
|
|
1370
|
+
]
|
|
1371
|
+
}
|
|
1372
|
+
},
|
|
1373
|
+
{
|
|
1374
|
+
label: "\u753B\u50CF5\u5217: \u30C6\u30AD\u30B9\u30C8\u4ED8",
|
|
1375
|
+
definition: {
|
|
1376
|
+
name: "image-text",
|
|
1377
|
+
svg: imageText5Icon,
|
|
1378
|
+
containerProps: {
|
|
1379
|
+
type: "grid",
|
|
1380
|
+
columns: 5
|
|
1381
|
+
},
|
|
1382
|
+
items: [
|
|
1383
|
+
["image", "wysiwyg"],
|
|
1384
|
+
["image", "wysiwyg"],
|
|
1385
|
+
["image", "wysiwyg"],
|
|
1386
|
+
["image", "wysiwyg"],
|
|
1387
|
+
["image", "wysiwyg"]
|
|
1388
|
+
]
|
|
1389
|
+
}
|
|
1390
|
+
}
|
|
1391
|
+
],
|
|
1392
|
+
\u30AB\u30FC\u30C9: [
|
|
1393
|
+
{
|
|
1394
|
+
label: "\u30C6\u30AD\u30B9\u30C8+\u753B\u50CF+\u30C6\u30AD\u30B9\u30C8",
|
|
1395
|
+
definition: {
|
|
1396
|
+
name: "text-image-text",
|
|
1397
|
+
svg: textImageTextIcon,
|
|
1398
|
+
containerProps: {
|
|
1399
|
+
type: "grid",
|
|
1400
|
+
columns: 3
|
|
1401
|
+
},
|
|
1402
|
+
items: [
|
|
1403
|
+
[{ name: "wysiwyg", data: { wysiwyg: "<h3>\u898B\u51FA\u3057</h3>" } }, "image", "wysiwyg"],
|
|
1404
|
+
[{ name: "wysiwyg", data: { wysiwyg: "<h3>\u898B\u51FA\u3057</h3>" } }, "image", "wysiwyg"],
|
|
1405
|
+
[{ name: "wysiwyg", data: { wysiwyg: "<h3>\u898B\u51FA\u3057</h3>" } }, "image", "wysiwyg"]
|
|
1406
|
+
]
|
|
1407
|
+
}
|
|
1408
|
+
}
|
|
1409
|
+
],
|
|
1410
|
+
\u30DC\u30BF\u30F3: [
|
|
1411
|
+
{
|
|
1412
|
+
label: "\u30DC\u30BF\u30F3",
|
|
1413
|
+
definition: {
|
|
1414
|
+
name: "button",
|
|
1415
|
+
svg: buttonIcon,
|
|
1416
|
+
containerProps: {
|
|
1417
|
+
justify: "center",
|
|
1418
|
+
wrap: "wrap"
|
|
1419
|
+
},
|
|
1420
|
+
items: [["button"]]
|
|
1421
|
+
}
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
label: "\u30DC\u30BF\u30F3 x2",
|
|
1425
|
+
definition: {
|
|
1426
|
+
name: "button",
|
|
1427
|
+
svg: button2Icon,
|
|
1428
|
+
containerProps: {
|
|
1429
|
+
justify: "center",
|
|
1430
|
+
wrap: "wrap"
|
|
1431
|
+
},
|
|
1432
|
+
items: [["button"], ["button"]]
|
|
1433
|
+
}
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
label: "\u30DC\u30BF\u30F3 x3",
|
|
1437
|
+
definition: {
|
|
1438
|
+
name: "button",
|
|
1439
|
+
svg: button3Icon,
|
|
1440
|
+
containerProps: {
|
|
1441
|
+
justify: "center",
|
|
1442
|
+
wrap: "wrap"
|
|
1443
|
+
},
|
|
1444
|
+
items: [["button"], ["button"], ["button"]]
|
|
1445
|
+
}
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
label: "\u30D5\u30A1\u30A4\u30EB\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9",
|
|
1449
|
+
definition: {
|
|
1450
|
+
name: "file",
|
|
1451
|
+
svg: downloadFileIcon,
|
|
1452
|
+
containerProps: {
|
|
1453
|
+
justify: "center",
|
|
1454
|
+
wrap: "wrap"
|
|
1455
|
+
},
|
|
1456
|
+
items: [["download-file"]]
|
|
1457
|
+
}
|
|
1458
|
+
},
|
|
1459
|
+
{
|
|
1460
|
+
label: "\u30D5\u30A1\u30A4\u30EB\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9 x2",
|
|
1461
|
+
definition: {
|
|
1462
|
+
name: "file",
|
|
1463
|
+
svg: downloadFile2Icon,
|
|
1464
|
+
containerProps: {
|
|
1465
|
+
justify: "center",
|
|
1466
|
+
wrap: "wrap"
|
|
1467
|
+
},
|
|
1468
|
+
items: [["download-file"], ["download-file"]]
|
|
1469
|
+
}
|
|
1470
|
+
},
|
|
1471
|
+
{
|
|
1472
|
+
label: "\u30D5\u30A1\u30A4\u30EB\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9 x3",
|
|
1473
|
+
definition: {
|
|
1474
|
+
name: "file",
|
|
1475
|
+
svg: downloadFile3Icon,
|
|
1476
|
+
containerProps: {
|
|
1477
|
+
justify: "center",
|
|
1478
|
+
wrap: "wrap"
|
|
1479
|
+
},
|
|
1480
|
+
items: [["download-file"], ["download-file"], ["download-file"]]
|
|
1481
|
+
}
|
|
1482
|
+
}
|
|
1483
|
+
],
|
|
1484
|
+
\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3: [
|
|
1485
|
+
{
|
|
1486
|
+
label: "\u30B3\u30F3\u30C6\u30F3\u30C4\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3",
|
|
1487
|
+
definition: {
|
|
1488
|
+
name: "content-navigation",
|
|
1489
|
+
svg: contentNavigationIcon,
|
|
1490
|
+
containerProps: {
|
|
1491
|
+
type: "grid",
|
|
1492
|
+
columns: 4
|
|
1493
|
+
},
|
|
1494
|
+
items: [
|
|
1495
|
+
[
|
|
1496
|
+
{
|
|
1497
|
+
name: "button",
|
|
1498
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C41", link: "#content1" }
|
|
1499
|
+
}
|
|
1500
|
+
],
|
|
1501
|
+
[
|
|
1502
|
+
{
|
|
1503
|
+
name: "button",
|
|
1504
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C42", link: "#content2" }
|
|
1505
|
+
}
|
|
1506
|
+
],
|
|
1507
|
+
[
|
|
1508
|
+
{
|
|
1509
|
+
name: "button",
|
|
1510
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C43", link: "#content3" }
|
|
1511
|
+
}
|
|
1512
|
+
],
|
|
1513
|
+
[
|
|
1514
|
+
{
|
|
1515
|
+
name: "button",
|
|
1516
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C44", link: "#content4" }
|
|
1517
|
+
}
|
|
1518
|
+
],
|
|
1519
|
+
[
|
|
1520
|
+
{
|
|
1521
|
+
name: "button",
|
|
1522
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C45", link: "#content5" }
|
|
1523
|
+
}
|
|
1524
|
+
],
|
|
1525
|
+
[
|
|
1526
|
+
{
|
|
1527
|
+
name: "button",
|
|
1528
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C45", link: "#content5" }
|
|
1529
|
+
}
|
|
1530
|
+
],
|
|
1531
|
+
[
|
|
1532
|
+
{
|
|
1533
|
+
name: "button",
|
|
1534
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C46", link: "#content6" }
|
|
1535
|
+
}
|
|
1536
|
+
],
|
|
1537
|
+
[
|
|
1538
|
+
{
|
|
1539
|
+
name: "button",
|
|
1540
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C47", link: "#content7" }
|
|
1541
|
+
}
|
|
1542
|
+
],
|
|
1543
|
+
[
|
|
1544
|
+
{
|
|
1545
|
+
name: "button",
|
|
1546
|
+
data: { kind: "in-page", text: "\u30B3\u30F3\u30C6\u30F3\u30C48", link: "#content8" }
|
|
1547
|
+
}
|
|
1548
|
+
]
|
|
1549
|
+
]
|
|
1550
|
+
}
|
|
1551
|
+
}
|
|
1552
|
+
],
|
|
1553
|
+
\u305D\u306E\u4ED6: [
|
|
1554
|
+
{
|
|
1555
|
+
label: "2\u30AB\u30E9\u30E0\u30C6\u30FC\u30D6\u30EB",
|
|
1556
|
+
definition: {
|
|
1557
|
+
name: "table",
|
|
1558
|
+
svg: tableIcon,
|
|
1559
|
+
containerProps: {
|
|
1560
|
+
immutable: true
|
|
1561
|
+
},
|
|
1562
|
+
items: [["table"]]
|
|
1563
|
+
}
|
|
1564
|
+
},
|
|
1565
|
+
{
|
|
1566
|
+
label: "Google Maps",
|
|
1567
|
+
definition: {
|
|
1568
|
+
name: "google-maps",
|
|
1569
|
+
svg: googleMapsIcon,
|
|
1570
|
+
containerProps: {
|
|
1571
|
+
type: "grid",
|
|
1572
|
+
columns: 1
|
|
1573
|
+
},
|
|
1574
|
+
items: [["google-maps"]]
|
|
1575
|
+
}
|
|
1576
|
+
},
|
|
1577
|
+
{
|
|
1578
|
+
label: "YouTube",
|
|
1579
|
+
definition: {
|
|
1580
|
+
name: "youtube",
|
|
1581
|
+
svg: youtubeIcon,
|
|
1582
|
+
containerProps: {
|
|
1583
|
+
type: "grid",
|
|
1584
|
+
columns: 1
|
|
1585
|
+
},
|
|
1586
|
+
items: [["youtube"]]
|
|
1587
|
+
}
|
|
1588
|
+
},
|
|
1589
|
+
{
|
|
1590
|
+
label: "\u533A\u5207\u308A\u7DDA",
|
|
1591
|
+
definition: {
|
|
1592
|
+
name: "hr",
|
|
1593
|
+
svg: hrIcon,
|
|
1594
|
+
containerProps: {
|
|
1595
|
+
immutable: true
|
|
1596
|
+
},
|
|
1597
|
+
items: [["hr"]]
|
|
1598
|
+
}
|
|
1599
|
+
},
|
|
1600
|
+
{
|
|
1601
|
+
label: "\u6298\u308A\u305F\u305F\u307F",
|
|
1602
|
+
definition: {
|
|
1603
|
+
name: "disclosure",
|
|
1604
|
+
svg: disclosureIcon,
|
|
1605
|
+
containerProps: {
|
|
1606
|
+
type: "grid",
|
|
1607
|
+
columns: 1
|
|
1608
|
+
},
|
|
1609
|
+
items: [["details"]]
|
|
1610
|
+
}
|
|
1611
|
+
}
|
|
1612
|
+
]
|
|
863
1613
|
};
|
|
864
1614
|
|
|
865
|
-
var general = ":root {\n\t--bge-grid-gap: 1rem;\n\n\t/* Custom margin */\n\t--bge-options-margin-normal: 3rem;\n\t--bge-options-margin-none: 0;\n\t--bge-options-margin-small: 1rem;\n\t--bge-options-margin-large: 8rem;\n\t--bge-options-margin: var(--bge-options-margin-normal);\n\n\t/* Custom background color */\n\t--bge-options-bgcolor-transparent: transparent;\n\t--bge-options-bgcolor-white: #fff;\n\t--bge-options-bgcolor-black: #333;\n\t--bge-options-bgcolor-gray: #ccc;\n\t--bge-options-bgcolor-red: #fcc;\n\t--bge-options-bgcolor: var(--bge-options-bgcolor-transparent);\n\n\t/* Custom border style */\n\t--bge-options-border-none: none;\n\t--bge-options-border-solid: solid 1px currentColor;\n\t--bge-options-border-dashed: dashed 1px currentColor;\n\t--bge-options-border-dotted: dotted 1px currentColor;\n\t--bge-options-border-wide: solid 3px currentColor;\n\t--bge-options-border: var(--bge-options-border-none);\n\n\t/* Custom padding */\n\t--bge-options-padding-none: 0;\n\t--bge-options-padding-small: 1rem;\n\t--bge-options-padding-middle: 3rem;\n\t--bge-options-padding-large: 5rem;\n\t--bge-options-padding: var(--bge-options-padding-none);\n}\n\n:where([data-bge-container]) {\n\t--bge-container-margin-block-end: var(--bge-options-margin);\n\t--bge-container-background-color: var(--bge-options-bgcolor);\n\t--bge-container-border: var(--bge-options-border);\n\t--bge-container-padding: var(--bge-options-padding);\n\tpadding: var(--bge-container-padding);\n\tmargin-block-end: var(--bge-container-margin-block-end);\n\tbackground-color: var(--bge-container-background-color);\n\tborder: var(--bge-container-border);\n\n\t&:where(:last-child) {\n\t\t--bge-last-container-margin-block-end: 0;\n\t\t--bge-container-margin-block-end: var(--bge-last-container-margin-block-end);\n\t}\n}\n\n:where([data-bge-container='grid'], [data-bge-container^='grid:']) {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--bge-grid-col, 1), minmax(0, 1fr));\n\tgap: var(--bge-grid-gap);\n\n\t&:where([data-bge-container$=':2'], [data-bge-container*=':2:']) {\n\t\t--bge-grid-col: 2;\n\t}\n\n\t&:where([data-bge-container$=':3'], [data-bge-container*=':3:']) {\n\t\t--bge-grid-col: 3;\n\t}\n\n\t&:where([data-bge-container$=':4'], [data-bge-container*=':4:']) {\n\t\t--bge-grid-col: 4;\n\t}\n\n\t&:where([data-bge-container$=':5'], [data-bge-container*=':5:']) {\n\t\t--bge-grid-col: 5;\n\t}\n\n\t:where([data-bge-group]) {\n\t\t--item-count: 1;\n\t\tdisplay: grid;\n\t\tgrid-template-rows: subgrid;\n\t\tgrid-row: span var(--item-count);\n\n\t\t/* Subgrid hack 2 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(2):last-child) {\n\t\t\t--item-count: 2;\n\t\t}\n\n\t\t/* Subgrid hack 3 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(3):last-child) {\n\t\t\t--item-count: 3;\n\t\t}\n\n\t\t/* Subgrid hack 4 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(4):last-child) {\n\t\t\t--item-count: 4;\n\t\t}\n\n\t\t/* Subgrid hack 5 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(5):last-child) {\n\t\t\t--item-count: 5;\n\t\t}\n\n\t\t/* Subgrid hack 6 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(6):last-child) {\n\t\t\t--item-count: 6;\n\t\t}\n\n\t\t/* Subgrid hack 7 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(7):last-child) {\n\t\t\t--item-count: 7;\n\t\t}\n\n\t\t/* Subgrid hack 8 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(8):last-child) {\n\t\t\t--item-count: 8;\n\t\t}\n\t}\n\n\t:where([data-bge-item]) {\n\t\talign-self: self-start;\n\t\tcontainer-type: inline-size;\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t--warp: wrap;\n\t--justify: center;\n\t--align: stretch;\n\tdisplay: flex;\n\tflex-wrap: var(--warp);\n\tgap: var(--bge-grid-gap);\n\talign-items: var(--align);\n\tjustify-content: var(--justify);\n\tcontainer-type: inline-size;\n\n\t&:where([data-bge-container$=':immutable'], [data-bge-container*=':immutable:']) {\n\t\t& > * {\n\t\t\tflex: 1 0 100cqi;\n\t\t}\n\t}\n\n\t&:where([data-bge-container$=':center'], [data-bge-container*=':center:']) {\n\t\t--justify: center;\n\t}\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--justify: start;\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--justify: end;\n\t}\n\n\t&:where([data-bge-container$=':between'], [data-bge-container*=':between:']) {\n\t\t--justify: space-between;\n\t}\n\n\t&:where([data-bge-container$=':around'], [data-bge-container*=':around:']) {\n\t\t--justify: space-around;\n\t}\n\n\t&:where([data-bge-container$=':evenly'], [data-bge-container*=':evenly:']) {\n\t\t--justify: space-evenly;\n\t}\n\n\t&:where([data-bge-container$=':align-center'], [data-bge-container*=':align-center:']) {\n\t\t--align: center;\n\t}\n\n\t&:where([data-bge-container$=':align-start'], [data-bge-container*=':align-start:']) {\n\t\t--align: start;\n\t}\n\n\t&:where([data-bge-container$=':align-end'], [data-bge-container*=':align-end:']) {\n\t\t--align: end;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-stretch'],\n\t\t[data-bge-container*=':align-stretch:']\n\t) {\n\t\t--align: stretch;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-baseline'],\n\t\t[data-bge-container*=':align-baseline:']\n\t) {\n\t\t--align: baseline;\n\t}\n\n\t&:where([data-bge-container$=':wrap'], [data-bge-container*=':wrap:']) {\n\t\t--wrap: wrap;\n\t}\n\n\t&:where([data-bge-container$=':nowrap'], [data-bge-container*=':nowrap:']) {\n\t\t--wrap: nowrap;\n\t}\n}\n\n:where([data-bge-container='float'], [data-bge-container^='float:']) {\n\t--bge-grid-float: none;\n\t--margin-inline: 0;\n\tcontainer-type: inline-size;\n\n\t&::after {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\tcontent: '';\n\t}\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--bge-grid-float: inline-start;\n\t\t--margin-inline: 0 var(--bge-grid-gap);\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--bge-grid-float: inline-end;\n\t\t--margin-inline: var(--bge-grid-gap) 0;\n\t}\n\n\t> :first-child {\n\t\tfloat: var(--bge-grid-float, none);\n\t\tinline-size: fit-content;\n\t\tmargin-inline: var(--margin-inline);\n\t}\n}\n";
|
|
1615
|
+
var general = "[data-bge-container] {\n\t--bge-auto-repeat-base-width: calc(800 / 16 * 1rem);\n\n\t/* Custom repeat min width (for auto-fit/auto-fill) */\n\t--bge-repeat-min-inline-size--small: 150px;\n\t--bge-repeat-min-inline-size--medium: 300px;\n\t--bge-repeat-min-inline-size--large: 500px;\n\t--bge-repeat-min-inline-size: var(--bge-repeat-min-inline-size--medium);\n\n\t/* Custom max-width */\n\t--bge-options-max-width--normal: calc(800 / 16 * 1rem);\n\t--bge-options-max-width--small: calc(400 / 16 * 1rem);\n\t--bge-options-max-width--large: calc(1200 / 16 * 1rem);\n\t--bge-options-max-width--full: 100dvi;\n\t--bge-options-max-width: var(--bge-options-max-width--normal);\n\n\t/* Custom margin */\n\t--bge-options-margin--normal: 3rem;\n\t--bge-options-margin--none: 0;\n\t--bge-options-margin--small: 1rem;\n\t--bge-options-margin--large: 8rem;\n\t--bge-options-margin: var(--bge-options-margin--normal);\n\n\t/* Custom background color */\n\t--bge-options-bg-color--transparent: transparent;\n\t--bge-options-bg-color--white: #fff;\n\t--bge-options-bg-color--gray: #dfdfdf;\n\t--bge-options-bg-color--blue: #eaf3f8;\n\t--bge-options-bg-color--red: #fcc;\n\t--bge-options-bg-color: var(--bge-options-bg-color--transparent);\n\n\t/* Custom padding-block */\n\t--bge-options-padding-block--none: 0;\n\t--bge-options-padding-block--small: 1rem;\n\t--bge-options-padding-block--medium: 3rem;\n\t--bge-options-padding-block--large: 5rem;\n\t--bge-options-padding-block: var(--bge-options-padding-block--none);\n\n\t/* Custom padding-inline */\n\t--bge-options-padding-inline--default-gutter: 2rem;\n\t--bge-options-padding-inline--none: 0;\n\t--bge-options-padding-inline--small: 1rem;\n\t--bge-options-padding-inline--medium: 3rem;\n\t--bge-options-padding-inline--large: 5rem;\n\t--bge-options-padding-inline: var(--bge-options-padding-inline--default-gutter);\n\n\t/* Custom column gap */\n\t--bge-options-column-gap--normal: 1rem;\n\t--bge-options-column-gap--none: 0;\n\t--bge-options-column-gap--small: 0.5rem;\n\t--bge-options-column-gap--large: 5rem;\n\t--bge-options-column-gap: var(--bge-options-column-gap--normal);\n\n\t/* Custom row gap */\n\t--bge-options-row-gap--normal: 1rem;\n\t--bge-options-row-gap--none: 0;\n\t--bge-options-row-gap--small: 0.5rem;\n\t--bge-options-row-gap--large: 5rem;\n\t--bge-options-row-gap: var(--bge-options-row-gap--normal);\n\n\t/* Custom subgrid gap factor (grid type only) */\n\t--bge-options-_grid_subgrid-gap--normal: 1rem;\n\t--bge-options-_grid_subgrid-gap--none: 0;\n\t--bge-options-_grid_subgrid-gap--small: 0.5rem;\n\t--bge-options-_grid_subgrid-gap--large: 1rem;\n\t--bge-options-_grid_subgrid-gap: var(--bge-options-_grid_subgrid-gap--normal);\n}\n\n:where([data-bge-container]) {\n\t--_margin-block-end: var(--bge-options-margin);\n\t--_margin-block-end_when-last: 0;\n\tinline-size: 100%;\n\tmax-inline-size: var(--bge-options-max-width);\n\tpadding-block: var(--bge-options-padding-block);\n\tpadding-inline: var(--bge-options-padding-inline);\n\tmargin-block-end: var(--_margin-block-end);\n\tmargin-inline: auto;\n\tcontainer-name: bge-container;\n\tcontainer-type: inline-size;\n\tbackground-color: var(--bge-options-bg-color);\n\n\t&:where(:last-child) {\n\t\t--_margin-block-end: var(--_margin-block-end_when-last);\n\t}\n}\n\n:where([data-bge-container-frame]) {\n\tinline-size: 100%;\n\n\t/* Reset list styles for semantic container frames */\n\t&:is(ul, ol) {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tlist-style: none;\n\t}\n}\n\n:where([data-bge-container='grid'], [data-bge-container^='grid:']) {\n\t--_gap-block: var(--bge-options-row-gap, var(--bge-options-gap));\n\t--_gap-inline: var(--bge-options-column-gap, var(--bge-options-gap));\n\t--_subgrid-gap: var(--bge-options-_grid_subgrid-gap, var(--_gap-block));\n\n\t&:where([data-bge-container$=':2'], [data-bge-container*=':2:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 2;\n\t}\n\n\t&:where([data-bge-container$=':3'], [data-bge-container*=':3:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 3;\n\t}\n\n\t&:where([data-bge-container$=':4'], [data-bge-container*=':4:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 4;\n\t}\n\n\t&:where([data-bge-container$=':5'], [data-bge-container*=':5:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-grid-col: 5;\n\t}\n\n\t:where([data-bge-container-frame]) {\n\t\t--_grid-col: var(--bge-grid-col, 1);\n\t\t--_grid-repeat: var(--_grid-repeat-type, var(--_grid-col));\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(\n\t\t\tvar(--_grid-repeat),\n\t\t\tminmax(min(100%, var(--_repeat-min-inline-size, 0px)), 1fr)\n\t\t);\n\t\tgap: var(--_gap-block) var(--_gap-inline);\n\t}\n\n\t&:where([data-bge-container$=':auto-fit'], [data-bge-container*=':auto-fit:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--_grid-repeat-type: auto-fit;\n\t\t--_repeat-min-inline-size: var(--bge-repeat-min-inline-size);\n\t}\n\n\t&:where([data-bge-container$=':auto-fill'], [data-bge-container*=':auto-fill:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--_grid-repeat-type: auto-fill;\n\t\t--_repeat-min-inline-size: var(--bge-repeat-min-inline-size);\n\t}\n\n\t&:where([data-bge-container$=':--small'], [data-bge-container*=':--small:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-repeat-min-inline-size: var(--bge-repeat-min-inline-size--small);\n\t}\n\n\t&:where([data-bge-container$=':--medium'], [data-bge-container*=':--medium:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-repeat-min-inline-size: var(--bge-repeat-min-inline-size--medium);\n\t}\n\n\t&:where([data-bge-container$=':--large'], [data-bge-container*=':--large:'])\n\t\t:where([data-bge-container-frame]) {\n\t\t--bge-repeat-min-inline-size: var(--bge-repeat-min-inline-size--large);\n\t}\n\n\t:where([data-bge-group]) {\n\t\t--item-count: 1;\n\t\tdisplay: grid;\n\t\tgrid-template-rows: subgrid;\n\t\tgrid-row: span var(--item-count);\n\t\tgap: var(--_subgrid-gap) 0;\n\n\t\t/* Reset list styles for semantic groups */\n\t\t&:is(li) {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\t/* Subgrid hack 2 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(2):last-child) {\n\t\t\t--item-count: 2;\n\t\t}\n\n\t\t/* Subgrid hack 3 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(3):last-child) {\n\t\t\t--item-count: 3;\n\t\t}\n\n\t\t/* Subgrid hack 4 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(4):last-child) {\n\t\t\t--item-count: 4;\n\t\t}\n\n\t\t/* Subgrid hack 5 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(5):last-child) {\n\t\t\t--item-count: 5;\n\t\t}\n\n\t\t/* Subgrid hack 6 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(6):last-child) {\n\t\t\t--item-count: 6;\n\t\t}\n\n\t\t/* Subgrid hack 7 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(7):last-child) {\n\t\t\t--item-count: 7;\n\t\t}\n\n\t\t/* Subgrid hack 8 items */\n\t\t&[data-bge-group]:has([data-bge-item]:nth-child(8):last-child) {\n\t\t\t--item-count: 8;\n\t\t}\n\t}\n\n\t:where([data-bge-item]) {\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\talign-self: stretch;\n\t\tjustify-content: start;\n\t\tcontainer-name: bge-item;\n\t\tcontainer-type: inline-size;\n\n\t\t> * {\n\t\t\tflex: 0 0 100%;\n\t\t}\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t--_gap-block: var(--bge-options-row-gap, var(--bge-options-gap));\n\t--_gap-inline: var(--bge-options-column-gap, var(--bge-options-gap));\n\n\t:where([data-bge-container-frame]) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--_gap-block) var(--_gap-inline);\n\t\talign-items: stretch;\n\t\tjustify-content: center;\n\n\t\t&:where(:is([data-bge-container$=':center'], [data-bge-container*=':center:']) *) {\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t&:where(:is([data-bge-container$=':start'], [data-bge-container*=':start:']) *) {\n\t\t\tjustify-content: start;\n\t\t}\n\n\t\t&:where(:is([data-bge-container$=':end'], [data-bge-container*=':end:']) *) {\n\t\t\tjustify-content: end;\n\t\t}\n\n\t\t&:where(:is([data-bge-container$=':between'], [data-bge-container*=':between:']) *) {\n\t\t\tjustify-content: space-between;\n\t\t}\n\n\t\t&:where(:is([data-bge-container$=':around'], [data-bge-container*=':around:']) *) {\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\t&:where(:is([data-bge-container$=':evenly'], [data-bge-container*=':evenly:']) *) {\n\t\t\tjustify-content: space-evenly;\n\t\t}\n\n\t\t&:where(\n\t\t\t:is([data-bge-container$=':align-center'], [data-bge-container*=':align-center:']) *\n\t\t) {\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&:where(\n\t\t\t:is([data-bge-container$=':align-start'], [data-bge-container*=':align-start:']) *\n\t\t) {\n\t\t\talign-items: start;\n\t\t}\n\n\t\t&:where(\n\t\t\t:is([data-bge-container$=':align-end'], [data-bge-container*=':align-end:']) *\n\t\t) {\n\t\t\talign-items: end;\n\t\t}\n\n\t\t&:where(\n\t\t\t:is([data-bge-container$=':align-stretch'], [data-bge-container*=':align-stretch:'])\n\t\t\t\t*\n\t\t) {\n\t\t\talign-items: stretch;\n\t\t}\n\n\t\t&:where(\n\t\t\t:is(\n\t\t\t\t\t[data-bge-container$=':align-baseline'],\n\t\t\t\t\t[data-bge-container*=':align-baseline:']\n\t\t\t\t)\n\t\t\t\t*\n\t\t) {\n\t\t\t--align: baseline;\n\t\t}\n\n\t\t&:where(:is([data-bge-container$=':wrap'], [data-bge-container*=':wrap:']) *) {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t&:where(:is([data-bge-container$=':nowrap'], [data-bge-container*=':nowrap:']) *) {\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\t}\n\n\t&:where([data-bge-container$=':immutable'], [data-bge-container*=':immutable:']) {\n\t\t/* Left-right split box with resizable item (has `[data-bge-scale]`) on one side */\n\t\t&:has([data-bge-group]:nth-child(2):last-child) {\n\t\t\t:where([data-bge-group]) {\n\t\t\t\t&:has([data-bge-scale]) {\n\t\t\t\t\tflex-grow: 0;\n\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t}\n\n\t\t\t\t&:not(:has([data-bge-scale])) {\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\tflex-shrink: 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/* Standard with immutable container */\n\t\t:where([data-bge-group]) {\n\t\t\tflex: 1 1 auto;\n\t\t}\n\t}\n}\n\n:where([data-bge-container='float'], [data-bge-container^='float:']) {\n\t--_gap-block: var(--bge-options-row-gap, var(--bge-options-gap));\n\t--_gap-inline: var(--bge-options-column-gap, var(--bge-options-gap));\n\t--bge-grid-float: none;\n\t--margin-inline: 0;\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--bge-grid-float: inline-start;\n\t\t--margin-inline: 0 var(--_gap-inline);\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--bge-grid-float: inline-end;\n\t\t--margin-inline: var(--_gap-inline) 0;\n\t}\n\n\t:where([data-bge-container-frame]) {\n\t\t&::after {\n\t\t\tclear: both;\n\t\t\tdisplay: block;\n\t\t\tcontent: '';\n\t\t}\n\n\t\t& > :where(:first-child) {\n\t\t\tfloat: var(--bge-grid-float, none);\n\t\t\tinline-size: fit-content;\n\t\t\tmargin-inline: var(--margin-inline);\n\t\t}\n\t}\n}\n\n/**\n * MARK: Wysiwyg内 横並び（フレックス）ボックス\n */\n:where([data-bgc-flex-box]) {\n\t--_gap-block: var(--bge-options-row-gap, var(--bge-options-gap));\n\t--_gap-inline: var(--bge-options-column-gap, var(--bge-options-gap));\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--_gap-block) var(--_gap-inline);\n\talign-items: center;\n\n\t&[data-bgc-flex-box='start'] {\n\t\tjustify-content: start;\n\t}\n\n\t&[data-bgc-flex-box='end'] {\n\t\tjustify-content: end;\n\t}\n\n\t&[data-bgc-flex-box='center'] {\n\t\tjustify-content: center;\n\t}\n\n\t&[data-bgc-flex-box='between'] {\n\t\tjustify-content: space-between;\n\t}\n\n\t&[data-bgc-flex-box='around'] {\n\t\tjustify-content: space-around;\n\t}\n\n\t&[data-bgc-flex-box='evenly'] {\n\t\tjustify-content: space-evenly;\n\t}\n}\n\n/**\n * MARK: Wysiwyg内 段落整列\n */\n:where([data-bgc-align]) {\n\t&[data-bgc-align='start'] {\n\t\ttext-align: start;\n\t}\n\n\t&[data-bgc-align='center'] {\n\t\ttext-align: center;\n\t}\n\n\t&[data-bgc-align='end'] {\n\t\ttext-align: end;\n\t}\n}\n";
|
|
866
1616
|
|
|
867
|
-
export {
|
|
1617
|
+
export { defaultCatalog, general as generalCSS, items, legacyCatalog };
|