@burger-editor/blocks 4.0.0-alpha.31 → 4.0.0-alpha.32

package/dist/index.js

@@ -9,7 +9,7 @@ var style$b = "/* No Styling */\n";
 var template$b = "<a href=\"\" data-kind=\"link\" 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";
 
 var button = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "button",
   template: template$b,
   style: style$b,
@@ -23,14 +23,14 @@ var button = createItem({
           { value: "tertiary", label: "\u30BF\u30FC\u30B7\u30E3\u30EA\u30DC\u30BF\u30F3" },
           { value: "text", label: "\u30C6\u30AD\u30B9\u30C8\u30EA\u30F3\u30AF" }
         ],
-        editor2.engine.config.experimental?.itemOptions?.button?.kinds
+        editor2.config.experimental?.itemOptions?.button?.kinds
       );
       const beforeIconOptions = mergeOptions(
         [
           { value: "none", label: "\u306A\u3057" },
           { value: "arrow-left", label: "\u5DE6\u77E2\u5370" }
         ],
-        editor2.engine.config.experimental?.itemOptions?.button?.beforeIcons
+        editor2.config.experimental?.itemOptions?.button?.beforeIcons
       );
       const afterIconOptions = mergeOptions(
         [
@@ -40,7 +40,7 @@ var button = createItem({
           { value: "external", label: "\u5225\u30BF\u30D6" },
           { value: "text-file", label: "\u30D5\u30A1\u30A4\u30EB" }
         ],
-        editor2.engine.config.experimental?.itemOptions?.button?.afterIcons
+        editor2.config.experimental?.itemOptions?.button?.afterIcons
       );
       editor2.setOptions("bge-kind", kindOptions);
       editor2.setOptions("bge-before-icon", beforeIconOptions);
@@ -65,7 +65,7 @@ var style$a = "/* No Styling */\n";
 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";
 
 var details = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "details",
   template: template$a,
   style: style$a,
@@ -79,20 +79,20 @@ var style$9 = "[data-bgi='download-file'] {\n\t[data-bge*='size'] {\n\t\t&::befo
 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";
 
 var downloadFile = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "download-file",
   template: template$9,
   style: style$9,
   editor: editor$9,
   editorOptions: {
     open(data, editor2) {
-      editor2.engine.componentObserver.notify("file-select", {
+      editor2.componentObserver.notify("file-select", {
         path: data.path,
         fileSize: Number.parseFloat(data.size ?? "0"),
         isEmpty: data.path === "",
         isMounted: false
       });
-      editor2.engine.componentObserver.on("file-select", ({ path, fileSize, isEmpty }) => {
+      editor2.componentObserver.on("file-select", ({ path, fileSize, isEmpty }) => {
         if (isEmpty) {
           return;
         }
@@ -118,7 +118,7 @@ var style$8 = "[data-bgi='google-maps'] {\n\tdiv {\n\t\tinline-size: 100%;\n\t\t
 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&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";
 
 var googleMaps = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "google-maps",
   template: template$8,
   style: style$8,
@@ -221,7 +221,7 @@ var googleMaps = createItem({
         scale: "2",
         size: `${640}x${400}`,
         markers: `color:red|color:red|${newData.lat},${newData.lng}`,
-        key: editor2.engine.config.googleMapsApiKey ?? ""
+        key: editor2.config.googleMapsApiKey ?? ""
       });
       const img = `${BASE_URL}?${param}`;
       return {
@@ -238,7 +238,7 @@ var googleMaps = createItem({
       return data;
     },
     isDisable(item) {
-      if (item.editor.engine.config.googleMapsApiKey) {
+      if (item.editor.config.googleMapsApiKey) {
         return "";
       }
       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";
@@ -253,14 +253,14 @@ var style$7 = "[data-bgi='hr'] {\n\t--inline-size: 100%;\n\t--border-color: #000
 var template$7 = "<div data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr />\n</div>\n";
 
 var hr = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "hr",
   template: template$7,
   style: style$7,
   editor: editor$7
 });
 
-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>\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=\"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\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";
+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=\"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\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";
 
 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, 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";
 
@@ -334,7 +334,8 @@ function createWidthState() {
     debug() {
       return {
         ..._widthState,
-        unit: _unit
+        unit: _unit,
+        css: this.getCSSWidth()
       };
     }
   };
@@ -342,15 +343,15 @@ function createWidthState() {
 
 const ORIGIN = "__org";
 var image = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "image",
   template: template$6,
   style: style$6,
   editor: editor$6,
   editorOptions: {
     beforeOpen(data) {
-      const path = data.path.map((p) => p.replace(ORIGIN, ""));
-      const lazy = data.loading === "lazy";
+      const path = (data.path ?? []).map((p) => p.replace(ORIGIN, ""));
+      const lazy = (data.loading ?? []).includes("lazy");
       const popup = data.node === "button" && data.command === "show-modal";
       const targetBlank = data.node === "a" && data.target === "_blank";
       return {
@@ -365,8 +366,11 @@ var image = createItem({
     open(initData, editor2) {
       let currentIndex = 0;
       const widthState = createWidthState();
+      const $fieldset = editor2.find("#bge-image-size-fieldset");
       widthState.setScaleType(initData.scaleType);
       widthState.setScale(initData.scale);
+      widthState.setMaxNumber(initData.width[0] ?? 400);
+      updateCSSWidth();
       selectTab(currentIndex);
       function fileSelect() {
         const $path = editor2.get("$path");
@@ -374,7 +378,7 @@ var image = createItem({
         if (!currentPath) {
           throw new Error("currentPath is not found");
         }
-        editor2.engine.componentObserver.notify("file-select", {
+        editor2.componentObserver.notify("file-select", {
           path: currentPath,
           fileSize: Number.parseFloat(editor2.get("$fileSize") ?? "0"),
           isEmpty: currentPath === "",
@@ -389,7 +393,7 @@ var image = createItem({
         const media = editor2.get("$media")[currentIndex] ?? "";
         editor2.update("$mediaInput", media);
       }
-      editor2.engine.componentObserver.on("file-select", ({ path, isEmpty }) => {
+      editor2.componentObserver.on("file-select", ({ path, isEmpty }) => {
         if (isEmpty) {
           return;
         }
@@ -399,15 +403,19 @@ var image = createItem({
         if (!path) {
           return;
         }
+        $fieldset.disabled = true;
         const $src = await loadImage(path);
         updateImage($src);
+        $fieldset.disabled = false;
       }
-      editor2.engine.componentObserver.on("select-tab-in-item-editor", ({ index }) => {
+      editor2.componentObserver.on("select-tab-in-item-editor", ({ index }) => {
         selectTab(index);
       });
       function updateImage($src) {
         if (!$src) {
-          console.error("\u753B\u50CF\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
+          {
+            console.error("\u753B\u50CF\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
+          }
           return;
         }
         const path = [...editor2.get("$path")];
@@ -461,6 +469,9 @@ var image = createItem({
         editor2.update("$scaleType", widthState.getScaleType());
         editor2.update("$scale", widthState.getScale());
         editor2.update("$cssWidth", widthState.getCSSWidth());
+        editor2.componentObserver.notify("update-css-width", {
+          cssWidth: widthState.getCSSWidth()
+        });
       }
       editor2.onChange("$popup", (disable) => {
         editor2.disable("$href", disable);
@@ -473,7 +484,7 @@ var image = createItem({
       });
     },
     beforeChange(newData) {
-      const loading = newData.lazy ? "lazy" : "eager";
+      const loading = [newData.lazy ? "lazy" : "eager"];
       const node = newData.popup ? "button" : newData.href ? "a" : "div";
       const target = node === "a" && newData.targetBlank ? "_blank" : null;
       const command = node === "button" ? "show-modal" : null;
@@ -530,7 +541,7 @@ var style$5 = "[data-bgi='import'] {\n\tbge-import {\n\t\t&::before {\n\t\t\tfon
 var template$5 = "<bge-import data-bge=\":src\" src=\"\"></bge-import>\n";
 
 var importItem = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "import",
   template: template$5,
   style: style$5,
@@ -544,7 +555,7 @@ var style$4 = "/* No Styling */\n";
 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";
 
 var table = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "table",
   template: template$4,
   style: style$4,
@@ -572,7 +583,7 @@ var style$3 = "/* No Styling */\n";
 var template$3 = "<h2 data-bge=\"title-h2\">見出しを入力してください</h2>\n";
 
 var titleH2 = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "title-h2",
   template: template$3,
   style: style$3,
@@ -586,7 +597,7 @@ var style$2 = "/* No Styling */\n";
 var template$2 = "<h3 data-bge=\"title-h3\">見出しを入力してください</h3>\n";
 
 var titleH3 = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "title-h3",
   template: template$2,
   style: style$2,
@@ -600,7 +611,7 @@ var style$1 = "/* No Styling */\n";
 var template$1 = "<div data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
 
 var wysiwyg = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "wysiwyg",
   template: template$1,
   style: style$1,
@@ -615,7 +626,7 @@ var template = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data-w
 
 const FALLBACK_TITLE = "YouTube\u52D5\u753B";
 var youtube = createItem({
-  version: "4.0.0-alpha.30",
+  version: "4.0.0-alpha.31",
   name: "youtube",
   template,
   style,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@burger-editor/blocks",
-	"version": "4.0.0-alpha.31",
+	"version": "4.0.0-alpha.32",
 	"description": "BurgerEditor Blocks",
 	"author": "D-ZERO",
 	"license": "(MIT OR Apache-2.0)",
@@ -28,16 +28,16 @@
 		"dev": "rollup -c -w"
 	},
 	"dependencies": {
-		"@burger-editor/core": "4.0.0-alpha.31",
-		"@burger-editor/utils": "4.0.0-alpha.31",
+		"@burger-editor/core": "4.0.0-alpha.32",
+		"@burger-editor/utils": "4.0.0-alpha.32",
 		"@d-zero/shared": "0.16.0"
 	},
 	"devDependencies": {
-		"@burger-editor/custom-element": "4.0.0-alpha.31",
+		"@burger-editor/custom-element": "4.0.0-alpha.32",
 		"@types/google.maps": "3.58.1",
 		"rollup": "4.53.3",
 		"rollup-plugin-esbuild": "6.2.1",
 		"rollup-plugin-string": "3.0.0"
 	},
-	"gitHead": "eddeb2d87f068920d0e4bec26406afaa7ea86471"
+	"gitHead": "65279bc623c0c33e5c7da6d71c2def6cc7cd584b"
 }