@burger-editor/blocks 4.0.0-alpha.2 → 4.0.0-alpha.4

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.
Files changed (2) hide show
  1. package/dist/index.js +68 -58
  2. package/package.json +4 -4
package/dist/index.js CHANGED
@@ -13,7 +13,7 @@ var style$9 = ".bgi-btn-container {\n\ttext-align: center;\n}\n\n.bgi-btn {\n\ta
13
13
  var template$A = "<div class=\"bgi-btn-container\" data-bgi-button-kind=\"link\" data-bge=\"kind:data-bgi-button-kind\">\n\t<a class=\"bgi-btn\" href=\"\" data-bge=\"link:href, target:target\">\n\t\t<span class=\"bgi-btn__text\" data-bge=\"text\">ボタン</span>\n\t</a>\n</div>\n";
14
14
 
15
15
  var button = createItem({
16
- version: "4.0.0-alpha.1",
16
+ version: "4.0.0-alpha.3",
17
17
  name: "button",
18
18
  template: template$A,
19
19
  style: style$9,
@@ -27,7 +27,7 @@ var style$8 = ".bgi-link__size {\n\t&::before {\n\t\tcontent: '(';\n\t}\n\n\t&::
27
27
  var template$z = "<div class=\"bgi-download-file\">\n\t<a class=\"bgi-download-file__link\" href=\"./files/bgeditor/bg-sample.pdf\" target=\"_blank\" data-bge=\"path:href, download:download\">\n\t\t<span class=\"bgi-link__icon bgi-link__icon--before\" role=\"none\"></span>\n\t\t<span class=\"bgi-link__name\" data-bge=\"name\">サンプルダウンロードファイル</span>\n\t\t<span class=\"bgi-link__size\" data-bge=\"formated-size, size:data-size\" data-size=\"138158\">134.92kB</span>\n\t\t<span class=\"bgi-link__icon bgi-link__icon--after\" role=\"none\"></span>\n\t</a>\n</div>\n";
28
28
 
29
29
  var downloadFile = createItem({
30
- version: "4.0.0-alpha.1",
30
+ version: "4.0.0-alpha.3",
31
31
  name: "download-file",
32
32
  template: template$z,
33
33
  style: style$8,
@@ -66,7 +66,7 @@ var style$7 = "[data-bgi='google-maps'] {\n\tdiv {\n\t\tinline-size: 100%;\n\t\t
66
66
  var template$y = "<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&amp;zoom=16&amp;size=640x400&amp;markers=color:red|color:red|35.681382,139.766084&amp;scale=2&amp;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
67
 
68
68
  var googleMaps = createItem({
69
- version: "4.0.0-alpha.1",
69
+ version: "4.0.0-alpha.3",
70
70
  name: "google-maps",
71
71
  template: template$y,
72
72
  style: style$7,
@@ -201,7 +201,7 @@ var style$6 = "[data-bgi='hr'] {\n\t--border-color: #000;\n\t--border-width: 1px
201
201
  var template$x = "<div class=\"bgi-hr-container\" data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr class=\"bgi-hr\" />\n</div>\n";
202
202
 
203
203
  var hr = createItem({
204
- version: "4.0.0-alpha.1",
204
+ version: "4.0.0-alpha.3",
205
205
  name: "hr",
206
206
  template: template$x,
207
207
  style: style$6,
@@ -221,22 +221,22 @@ var hr = createItem({
221
221
  }
222
222
  });
223
223
 
224
- var editor$5 = "<div data-bge-dialog=\"2col\">\n\t<div data-bge-dialog-ui=\"sticky\">\n\t\t<input type=\"hidden\" name=\"bge-width\" />\n\t\t<input type=\"hidden\" name=\"bge-height\" />\n\t\t<input type=\"hidden\" name=\"bge-srcset\" />\n\t\t<input type=\"hidden\" name=\"bge-style\" />\n\n\t\t<div data-bge-editor-ui=\"preview\"></div>\n\t\t<input type=\"hidden\" name=\"bge-path\" />\n\t\t<input type=\"hidden\" name=\"bge-empty\" />\n\t\t<input type=\"hidden\" name=\"bge-file-size\" />\n\n\t\t<div>\n\t\t\t<label>\n\t\t\t\t<span>画像の代替テキスト(alt)</span>\n\t\t\t\t<input type=\"text\" name=\"bge-alt\" />\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<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\">幅</label>\n\t\t\t\t\t\t<output name=\"bge-css-width\"></output>\n\t\t\t\t\t</span>\n\t\t\t\t\t<input id=\"bgi-image__range\" type=\"range\" name=\"bge-scale\" min=\"1\" max=\"100\" step=\"1\" value=\"100\" />\n\t\t\t\t</div>\n\t\t\t\t<hr />\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=\"unset\" 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</fieldset>\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";
224
+ var editor$5 = "<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>\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\">幅</label>\n\t\t\t\t\t\t<output name=\"bge-css-width\"></output>\n\t\t\t\t\t</span>\n\t\t\t\t\t<input id=\"bgi-image__range\" type=\"range\" name=\"bge-scale\" min=\"1\" max=\"100\" step=\"1\" value=\"100\" />\n\t\t\t\t</div>\n\t\t\t\t<hr />\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=\"unset\" 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</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\" />\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
225
 
226
226
  var style$5 = "[data-bgi='image'] {\n\tinline-size: 100%;\n\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: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\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, unset);\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
227
 
228
- var template$w = "<div data-bge=\":style, :scale, :scale-type, :aspect-ratio\" data-bge-scale=\"100\" data-bge-scale-type=\"container\" data-bge-aspect-ratio=\"unset\" style=\"--css-width: 100cqi; --object-fit: cover; --aspect-ratio: unset\">\n\t<figure>\n\t\t<div data-bge=\":node, :href, :target, :command\">\n\t\t\t<img src=\"%sampleImagePath%\" alt=\"サンプル画像\" data-bge=\"path:src, :srcset, :alt, :width, :height, :loading\" width=\"400\" height=\"300\" loading=\"lazy\" />\n\t\t</div>\n\t\t<figcaption data-bge=\"caption\"></figcaption>\n\t</figure>\n</div>\n";
228
+ var template$w = "<div data-bge=\":style, :scale, :scale-type, :aspect-ratio\" data-bge-scale=\"100\" data-bge-scale-type=\"container\" data-bge-aspect-ratio=\"unset\" style=\"--css-width: 100cqi; --object-fit: cover; --aspect-ratio: unset\">\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";
229
229
 
230
230
  const ORIGIN = "__org";
231
231
  var image = createItem({
232
- version: "4.0.0-alpha.1",
232
+ version: "4.0.0-alpha.3",
233
233
  name: "image",
234
234
  template: template$w,
235
235
  style: style$5,
236
236
  editor: editor$5,
237
237
  editorOptions: {
238
238
  beforeOpen(data) {
239
- const path = data.path.replace(ORIGIN, "");
239
+ const path = data.path.map((p) => p.replace(ORIGIN, ""));
240
240
  const lazy = data.loading === "lazy";
241
241
  const popup = data.node === "button" && data.command === "show-modal";
242
242
  const targetBlank = data.node === "a" && data.target === "_blank";
@@ -248,48 +248,71 @@ var image = createItem({
248
248
  targetBlank
249
249
  };
250
250
  },
251
- open(data, editor2) {
252
- editor2.engine.componentObserver.notify("file-select", {
253
- path: data.path,
254
- fileSize: Number.parseFloat(data.fileSize ?? "0"),
255
- isEmpty: data.path === "",
256
- isMounted: false
257
- });
251
+ open(_, editor2) {
252
+ let currentIndex = 0;
253
+ fileSelect();
254
+ function fileSelect() {
255
+ editor2.engine.componentObserver.notify("file-select", {
256
+ path: editor2.get("$path")[currentIndex],
257
+ fileSize: Number.parseFloat(editor2.get("$fileSize") ?? "0"),
258
+ isEmpty: editor2.get("$path")[currentIndex] === "",
259
+ isMounted: false
260
+ });
261
+ }
258
262
  editor2.engine.componentObserver.on("file-select", ({ path, isEmpty }) => {
259
263
  if (isEmpty) {
260
264
  return;
261
265
  }
262
- const { src, origin } = originImage(path);
263
- void Promise.all([loadImage(src), origin ? loadImage(origin) : null]).then(
264
- ([$src, $origin]) => {
265
- if (!$src) {
266
- editor2.update("$path", src);
267
- return;
268
- }
269
- if ($origin) {
270
- editor2.update("$path", $origin.src);
271
- editor2.update("$srcset", `${$src.src}, ${$origin.src} 2x`);
272
- editor2.update("$width", $origin.width);
273
- editor2.update("$height", $origin.height);
274
- updateCSSWidth();
275
- return;
276
- }
277
- editor2.update("$path", $src.src);
278
- editor2.update("$width", $src.width);
279
- editor2.update("$height", $src.height);
280
- updateCSSWidth();
281
- }
282
- );
266
+ void _updateImage(path);
267
+ });
268
+ async function _updateImage(path) {
269
+ const $src = await loadImage(path);
270
+ updateImage($src);
271
+ }
272
+ function updateImage($src) {
273
+ if (!$src) {
274
+ console.error("\u753B\u50CF\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
275
+ return;
276
+ }
277
+ const path = [...editor2.get("$path")];
278
+ path[currentIndex] = $src.src;
279
+ editor2.update("$path", path);
280
+ const width = [...editor2.get("$width")];
281
+ width[currentIndex] = $src.width;
282
+ editor2.update("$width", width);
283
+ const height = [...editor2.get("$height")];
284
+ height[currentIndex] = $src.height;
285
+ editor2.update("$height", height);
286
+ const media = [...editor2.get("$media")];
287
+ media[currentIndex] = editor2.get("$mediaInput");
288
+ editor2.update("$media", media);
289
+ updateCSSWidth();
290
+ }
291
+ editor2.engine.componentObserver.on("select-tab-in-item-editor", ({ index }) => {
292
+ currentIndex = index;
293
+ fileSelect();
294
+ void _updateImage(editor2.get("$path")[currentIndex]);
295
+ const media = editor2.get("$media")[currentIndex];
296
+ editor2.disable("$mediaInput", currentIndex === 0);
297
+ editor2.update("$mediaInput", media);
283
298
  });
284
299
  editor2.onChange("$scale", updateCSSWidth);
285
300
  editor2.onChange("$scaleType", updateCSSWidth);
301
+ editor2.onChange("$mediaInput", (value) => {
302
+ const media = [...editor2.get("$media")];
303
+ media[currentIndex] = value;
304
+ editor2.update("$media", media);
305
+ });
286
306
  function updateCSSWidth() {
287
307
  const scale = editor2.get("$scale");
288
308
  const width = editor2.get("$width");
289
309
  const scaleType = editor2.get("$scaleType");
290
310
  editor2.update(
291
311
  "$cssWidth",
292
- scaleType === "container" ? `${scale}cqi` : `${Math.round(width * scale / 100)}px`
312
+ scaleType === "container" ? `${scale}cqi` : (
313
+ // TODO: 複数画像の場合は、最初の画像の幅を使用するか、それともすべての画像の幅を使用するか検討
314
+ `${Math.round(width[0] * scale / 100)}px`
315
+ )
293
316
  );
294
317
  }
295
318
  editor2.onChange("$popup", (disable) => {
@@ -347,20 +370,6 @@ async function loadImage(src) {
347
370
  }, 3e4);
348
371
  });
349
372
  }
350
- function originImage(src) {
351
- const filePath = src.match(/^(.*)(\.(?:jpe?g|gif|png|webp))$/i);
352
- if (filePath) {
353
- const [, name, ext] = filePath;
354
- return {
355
- src,
356
- origin: `${name}${ORIGIN}${ext}`
357
- };
358
- }
359
- return {
360
- src,
361
- origin: null
362
- };
363
- }
364
373
 
365
374
  var editor$4 = "<div data-bge-dialog=\"wide\">\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";
366
375
 
@@ -369,7 +378,7 @@ var style$4 = ".bge-type-table {\n\tmargin: 0;\n\n\tth {\n\t\tinline-size: calc(
369
378
  var template$v = "<table>\n\t<caption data-bge=\"caption\">\n\t\tキャプションを入力してください\n\t</caption>\n\t<tbody data-bge-list>\n\t\t<tr>\n\t\t\t<th data-bge=\"th\">表組の見出し</th>\n\t\t\t<td data-bge=\"td\">表組の内容を入力してください</td>\n\t\t</tr>\n\t</tbody>\n</table>\n";
370
379
 
371
380
  var table = createItem({
372
- version: "4.0.0-alpha.1",
381
+ version: "4.0.0-alpha.3",
373
382
  name: "table",
374
383
  template: template$v,
375
384
  style: style$4,
@@ -397,7 +406,7 @@ var style$3 = ".bge-title-h2 {\n\tmargin-block-end: 0;\n}\n";
397
406
  var template$u = "<h2 class=\"bge-title-h2\" data-bge=\"title-h2\">見出しを入力してください</h2>\n";
398
407
 
399
408
  var titleH2 = createItem({
400
- version: "4.0.0-alpha.1",
409
+ version: "4.0.0-alpha.3",
401
410
  name: "title-h2",
402
411
  template: template$u,
403
412
  style: style$3,
@@ -411,7 +420,7 @@ var style$2 = ".bge-title-h3 {\n\tmargin-block-end: 0;\n}\n";
411
420
  var template$t = "<h2 class=\"bge-title-h3\" data-bge=\"title-h3\">見出しを入力してください</h2>\n";
412
421
 
413
422
  var titleH3 = createItem({
414
- version: "4.0.0-alpha.1",
423
+ version: "4.0.0-alpha.3",
415
424
  name: "title-h3",
416
425
  template: template$t,
417
426
  style: style$2,
@@ -425,7 +434,7 @@ var style$1 = "/* No Styling */\n";
425
434
  var template$s = "<div class=\"bge-wysiwyg\" data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
426
435
 
427
436
  var wysiwyg = createItem({
428
- version: "4.0.0-alpha.1",
437
+ version: "4.0.0-alpha.3",
429
438
  name: "wysiwyg",
430
439
  template: template$s,
431
440
  style: style$1,
@@ -476,7 +485,7 @@ var template$r = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data
476
485
 
477
486
  const FALLBACK_TITLE = "YouTube\u52D5\u753B";
478
487
  var youtube = createItem({
479
- version: "4.0.0-alpha.1",
488
+ version: "4.0.0-alpha.3",
480
489
  name: "youtube",
481
490
  template: template$r,
482
491
  style,
@@ -538,7 +547,8 @@ function importItems(template) {
538
547
  try {
539
548
  const data = attr ? JSON.parse(`${attr}`) : {};
540
549
  html = itemImport(typedItem.template, data);
541
- } catch {
550
+ } catch (error) {
551
+ console.error(error);
542
552
  throw new Error(`${typedItem.name}\u306E\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3092\u30A4\u30F3\u30DD\u30FC\u30C8\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002`);
543
553
  }
544
554
  return `<div data-bgi="${typedItem.name}" data-bgi-ver="${typedItem.version}">${html}</div>`;
@@ -629,7 +639,7 @@ const blockTemplate$j = {
629
639
 
630
640
  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>";
631
641
 
632
- var template$i = "<div data-bge-container=\"grid\">\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";
642
+ 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";
633
643
 
634
644
  const blockTemplate$i = {
635
645
  name: "image",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burger-editor/blocks",
3
- "version": "4.0.0-alpha.2",
3
+ "version": "4.0.0-alpha.4",
4
4
  "description": "BurgerEditor Blocks",
5
5
  "author": "D-ZERO",
6
6
  "license": "MIT",
@@ -27,8 +27,8 @@
27
27
  "dev": "rollup -c -w"
28
28
  },
29
29
  "dependencies": {
30
- "@burger-editor/core": "4.0.0-alpha.2",
31
- "@burger-editor/utils": "4.0.0-alpha.2",
30
+ "@burger-editor/core": "4.0.0-alpha.4",
31
+ "@burger-editor/utils": "4.0.0-alpha.4",
32
32
  "trix": "2.1.13"
33
33
  },
34
34
  "devDependencies": {
@@ -37,5 +37,5 @@
37
37
  "rollup-plugin-esbuild": "6.2.1",
38
38
  "rollup-plugin-string": "3.0.0"
39
39
  },
40
- "gitHead": "1cea9c5b36023cad1acfc2b3ef8b18c0d5bf79c2"
40
+ "gitHead": "823486d58579275ae556942c5d7a4aef4e1f634e"
41
41
  }