@burger-editor/local 4.0.0-alpha.32 → 4.0.0-alpha.34

package/dist/client.js

@@ -1294,7 +1294,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$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "button",
   template: template$b,
   style: style$b,
@@ -1350,7 +1350,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$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "details",
   template: template$a,
   style: style$a,
@@ -1364,7 +1364,7 @@ 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$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "download-file",
   template: template$9,
   style: style$9,
@@ -1403,7 +1403,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$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "google-maps",
   template: template$8,
   style: style$8,
@@ -1538,7 +1538,7 @@ 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$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "hr",
   template: template$7,
   style: style$7,
@@ -1628,7 +1628,7 @@ function createWidthState() {
 
 const ORIGIN = "__org";
 var image = createItem$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "image",
   template: template$6,
   style: style$6,
@@ -1826,7 +1826,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$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "import",
   template: template$5,
   style: style$5,
@@ -1840,7 +1840,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$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "table",
   template: template$4,
   style: style$4,
@@ -1868,7 +1868,7 @@ var style$3 = "/* No Styling */\n";
 var template$3 = "<h2 data-bge=\"title-h2\">見出しを入力してください</h2>\n";
 
 var titleH2 = createItem$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "title-h2",
   template: template$3,
   style: style$3,
@@ -1882,7 +1882,7 @@ var style$2 = "/* No Styling */\n";
 var template$2 = "<h3 data-bge=\"title-h3\">見出しを入力してください</h3>\n";
 
 var titleH3 = createItem$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "title-h3",
   template: template$2,
   style: style$2,
@@ -1896,7 +1896,7 @@ var style$1 = "/* No Styling */\n";
 var template$1 = "<div data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
 
 var wysiwyg = createItem$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "wysiwyg",
   template: template$1,
   style: style$1,
@@ -1911,7 +1911,7 @@ var template = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data-w
 
 const FALLBACK_TITLE = "YouTube\u52D5\u753B";
 var youtube = createItem$1({
-  version: "4.0.0-alpha.31",
+  version: "4.0.0-alpha.33",
   name: "youtube",
   template,
   style: style$c,
@@ -3816,7 +3816,8 @@ function getAttribute(el, keyAttr, attr, typeConvert) {
   }
   const dataAttr = ["data", attr, kebabCase(keyAttr)].join("-");
   if (el.hasAttribute(dataAttr)) {
-    return el.getAttribute(dataAttr) ?? "";
+    const value2 = el.getAttribute(dataAttr);
+    return typeConvert ? convert(value2) : value2;
   }
   value = el.getAttribute(keyAttr) ?? null;
   if ((value === "" || value == null) && typeof keyAttr === "string" && keyAttr.startsWith("data-")) {
@@ -5105,7 +5106,7 @@ let Item$1 = class Item {
     if (fromDialogChanges) {
       data = await this.#service.beforeChange(data, this.editor);
     }
-    this.el.innerHTML = dataToHtml(this.el.innerHTML, data);
+    this.el.innerHTML = Item.createElement(this.el.innerHTML, data);
   }
   isDisable() {
     return this.#service.isDisable(this);
@@ -5115,18 +5116,23 @@ let Item$1 = class Item {
   }
   static async create(name, itemSeeds, editor, initData = {}) {
     const seed = itemSeeds.get(name) ?? null;
+    const wrapper = Item.createWrapper(name, seed, editor.config);
+    const item = new Item(seed, wrapper, editor);
+    await item.import(initData);
+    return item;
+  }
+  static createElement(template, data) {
+    return dataToHtml(template, data);
+  }
+  static createWrapper(name, seed, config) {
     const wrapper = document.createElement("div");
     wrapper.dataset.bgi = name;
     if (seed) {
       const version2 = seed.version;
       wrapper.dataset.bgiVer = version2;
-      wrapper.innerHTML = replacePlaceholders(seed.template, editor.config);
-    } else {
-      wrapper.innerHTML = "";
+      wrapper.innerHTML = replacePlaceholders(seed.template, config);
     }
-    const item = new Item(seed, wrapper, editor);
-    await item.import(initData);
-    return item;
+    return wrapper;
   }
   static rebind(el, itemSeeds, editor) {
     const name = el.dataset.bgi;