@burger-editor/client 4.0.0-alpha.50 → 4.0.0-alpha.51

package/dist/client.js

@@ -171,6 +171,16 @@ function importOptions(el, options) {
     if (style) {
         importStyleOptions(el, style);
     }
+    // linkarea属性の処理
+    const groups = el.querySelectorAll('[data-bge-group]');
+    for (const group of groups) {
+        if (containerProps?.linkarea) {
+            group.dataset.bgeLinkarea = '';
+        }
+        else {
+            delete group.dataset.bgeLinkarea;
+        }
+    }
 }
 
 /**
@@ -289,6 +299,7 @@ function exportContainerProps(containerPropsQuery) {
             : null,
         float: type === 'float' ? findValueFromArray(options, ['start', 'end']) : null,
         frameSemantics: findValueFromArray(options, ['div', 'ul', 'ol']) ?? 'div',
+        linkarea: false,
     };
 }
 
@@ -325,8 +336,14 @@ function exportOptions(el) {
     const classList = [...el.classList];
     const id = el.id.replace(/^bge-/, '').trim() || null;
     const style = exportStyleOptions(el);
+    // linkarea状態の取得（グループ要素の属性から）
+    const groups = el.querySelectorAll('[data-bge-group]');
+    const hasLinkarea = [...groups].some((group) => Object.hasOwn(group.dataset, 'bgeLinkarea'));
     return {
-        containerProps,
+        containerProps: {
+            ...containerProps,
+            linkarea: hasLinkarea,
+        },
         classList,
         id,
         style,
@@ -3101,6 +3118,7 @@ class BlockOptionsDialog extends EditorDialog {
         const float = formData.get('bge-options-float');
         const classes = formData.get('bge-options-classes');
         const id = formData.get('bge-options-id');
+        const linkarea = formData.get('bge-options-linkarea');
         const styles = formData
             .keys()
             .toArray()
@@ -3121,6 +3139,7 @@ class BlockOptionsDialog extends EditorDialog {
                 justify: justify,
                 align: align,
                 float: float,
+                linkarea: linkarea === 'true',
             },
             classList: classes
                 ?.toString()
@@ -42251,7 +42270,7 @@ var root_5$2 = from_html(`<div role="radiogroup" aria-labelledby="justify-group"
 var root_7$2 = from_html(`<p>このブロックはコンテナタイプを変更できません。</p>`);
 var root_8$1 = from_html(`<label><span>基準列数</span> <output> </output> <input name="bge-options-columns" type="range" min="1" max="5"/></label> <label><span>列の自動調整</span> <select name="bge-options-auto-repeat"><option>固定列数</option><option>auto-fill（空白保持）</option><option>auto-fit（空白最小）</option></select></label> <small>規定幅（<code title="CSSカスタムプロパティ: --bge-auto-repeat-base-width に設定されている値"> </code>）を基準に「基準列数: <code> </code>」で割った数値に近い幅を保ちます。「空白保持」は空のスペースを残し、「空白最小」はアイテムの幅を広げます。</small>`, 1);
 var root_9$1 = from_html(`<div role="radiogroup" aria-labelledby="float-group"><div id="float-group">回り込み</div> <label><input type="radio" name="bge-options-float" value="start"/><span>左寄せ</span></label> <label><input type="radio" name="bge-options-float" value="end"/><span>右寄せ</span></label></div>`);
-var root_1$5 = from_html(`<fieldset><legend>コンテナ特性</legend> <!> <!> <!> <!> <!></fieldset>`);
+var root_1$5 = from_html(`<fieldset><legend>コンテナ特性</legend> <!> <!> <!> <!> <!> <label><input type="checkbox" name="bge-options-linkarea" value="true"/> <span>リンクエリア機能を有効にする</span></label></fieldset>`);
 var root_12$1 = from_html(`<option> </option>`);
 var root_11$1 = from_html(`<label><span> </span> <select></select></label>`);
 var root_10$1 = from_html(`<fieldset><legend>ブロックのスタイル拡張</legend> <!></fieldset>`);
@@ -42544,6 +42563,10 @@ function Block_options($$anchor, $$props) {
 					if (get(effectiveContainerType) === 'float') $$render(consequent_5);
 				});
 			}
+
+			var label_18 = sibling(node_6, 2);
+			var input_14 = child(label_18);
+			template_effect(() => input_14.defaultChecked = options.containerProps.linkarea ?? false);
 			append($$anchor, fieldset);
 		};
 
@@ -42562,8 +42585,8 @@ function Block_options($$anchor, $$props) {
 			each(node_8, 17, () => cssProps, ([, category]) => `bge-options-style-${category.id}`, ($$anchor, $$item) => {
 				var $$array = user_derived(() => to_array(get($$item), 2));
 				let category = () => get($$array)[1];
-				var label_18 = root_11$1();
-				var span = child(label_18);
+				var label_19 = root_11$1();
+				var span = child(label_19);
 				var text_6 = child(span);
 
 				var select_3 = sibling(span, 2);
@@ -42597,7 +42620,7 @@ function Block_options($$anchor, $$props) {
 					set_attribute(select_3, 'name', `bge-options-style-${category().id}`);
 				});
 
-				append($$anchor, label_18);
+				append($$anchor, label_19);
 			});
 			append($$anchor, fieldset_1);
 		};
@@ -42607,16 +42630,16 @@ function Block_options($$anchor, $$props) {
 		});
 	}
 
-	var label_19 = sibling(node_7, 2);
-	var input_14 = sibling(child(label_19), 2);
-
-	var label_20 = sibling(label_19, 4);
+	var label_20 = sibling(node_7, 2);
 	var input_15 = sibling(child(label_20), 2);
 
+	var label_21 = sibling(label_20, 4);
+	var input_16 = sibling(child(label_21), 2);
+
 	template_effect(
 		($0) => {
-			input_14.defaultValue = $0;
-			input_15.defaultValue = options.id ?? '';
+			input_15.defaultValue = $0;
+			input_16.defaultValue = options.id ?? '';
 		},
 		[() => options.classList?.join(' ') ?? '']
 	);
@@ -44241,7 +44264,7 @@ function parseConfig(config) {
   }
 }
 
-const version = "4.0.0-alpha.49";
+const version = "4.0.0-alpha.50";
 function attachDraftSwitcher(engine) {
   if (engine.hasDraft()) {
     const container = document.createElement("div");