@burger-editor/local 4.0.0-alpha.59 → 4.0.0-alpha.60

package/dist/client.js

@@ -1296,7 +1296,7 @@ var style$b = "/* No Styling */\n";
 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";
 
 var button = createItem$1({
-  version: "4.0.0-alpha.58",
+  version: "4.0.0-alpha.59",
   name: "button",
   template: template$b,
   style: style$b,
@@ -1352,7 +1352,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.58",
+  version: "4.0.0-alpha.59",
   name: "details",
   template: template$a,
   style: style$a,
@@ -1366,7 +1366,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.58",
+  version: "4.0.0-alpha.59",
   name: "download-file",
   template: template$9,
   style: style$9,
@@ -1405,7 +1405,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.58",
+  version: "4.0.0-alpha.59",
   name: "google-maps",
   template: template$8,
   style: style$8,
@@ -1540,7 +1540,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.58",
+  version: "4.0.0-alpha.59",
   name: "hr",
   template: template$7,
   style: style$7,
@@ -1630,7 +1630,7 @@ function createWidthState() {
 
 const ORIGIN = "__org";
 var image = createItem$1({
-  version: "4.0.0-alpha.58",
+  version: "4.0.0-alpha.59",
   name: "image",
   template: template$6,
   style: style$6,
@@ -1828,7 +1828,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.58",
+  version: "4.0.0-alpha.59",
   name: "import",
   template: template$5,
   style: style$5,
@@ -1842,7 +1842,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.58",
+  version: "4.0.0-alpha.59",
   name: "table",
   template: template$4,
   style: style$4,
@@ -1870,7 +1870,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.58",
+  version: "4.0.0-alpha.59",
   name: "title-h2",
   template: template$3,
   style: style$3,
@@ -1884,7 +1884,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.58",
+  version: "4.0.0-alpha.59",
   name: "title-h3",
   template: template$2,
   style: style$2,
@@ -1898,7 +1898,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.58",
+  version: "4.0.0-alpha.59",
   name: "wysiwyg",
   template: template$1,
   style: style$1,
@@ -1913,7 +1913,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.58",
+  version: "4.0.0-alpha.59",
   name: "youtube",
   template,
   style: style$c,
@@ -1968,7 +1968,7 @@ const items = {
   youtube
 };
 
-var general = "[data-bge-container] {\n\t--bge-auto-repeat-base-width: calc(800 / 16 * 1rem);\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--_repeat-base-width: calc(var(--bge-auto-repeat-base-width) / var(--_grid-col));\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(var(--_grid-col), minmax(0, 1fr));\n\t\tgap: var(--_gap-block) var(--_gap-inline);\n\n\t\t&:is([data-bge-container*=':auto-fit:'] *) {\n\t\t\tgrid-template-columns: repeat(\n\t\t\t\tauto-fit,\n\t\t\t\tminmax(min(100%, var(--_repeat-base-width)), 1fr)\n\t\t\t);\n\t\t}\n\n\t\t&:is([data-bge-container*=':auto-fill:'] *) {\n\t\t\tgrid-template-columns: repeat(\n\t\t\t\tauto-fill,\n\t\t\t\tminmax(min(100%, var(--_repeat-base-width)), 1fr)\n\t\t\t);\n\t\t}\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";
+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";
 
 function changeFrameSemantics(el, frameSemantics) {
   const containerFrame = el.querySelector("[data-bge-container-frame]");
@@ -2036,7 +2036,7 @@ function sanitizeStyle(el) {
   }
 }
 function importContainerProps(containerProps) {
-  const { type = "inline", immutable = false, autoRepeat = "fixed", justify = null, align = null, wrap: wrap2 = null, columns = null, float = null, frameSemantics = "div" } = containerProps ?? {};
+  const { type = "inline", immutable = false, autoRepeat = "fixed", justify = null, align = null, wrap: wrap2 = null, columns = null, float = null, frameSemantics = "div", repeatMinInlineSize = null } = containerProps ?? {};
   const options = /* @__PURE__ */ new Set();
   if (immutable) {
     options.add("immutable");
@@ -2055,7 +2055,7 @@ function importContainerProps(containerProps) {
   if (wrap2) {
     options.add(wrap2);
   }
-  if (columns) {
+  if (columns && autoRepeat === "fixed") {
     options.add(columns.toString());
   }
   if (float) {
@@ -2064,6 +2064,9 @@ function importContainerProps(containerProps) {
   if (frameSemantics && frameSemantics !== "div") {
     options.add(frameSemantics);
   }
+  if (repeatMinInlineSize) {
+    options.add(`--${repeatMinInlineSize}`);
+  }
   const query = [type, ...options].join(":");
   return query;
 }
@@ -2171,10 +2174,11 @@ function exportContainerProps(containerPropsQuery) {
       "align-baseline"
     ]) : null,
     wrap: type === "inline" ? findValueFromArray(options, ["wrap", "nowrap"]) : null,
-    columns: type === "grid" ? Number.parseInt(findValuePatternFromArray(options, /[1-9]\d*/) ?? "", 10) ?? 1 : null,
+    columns: type === "grid" ? Number.parseInt(findValuePatternFromArray(options, /[1-9]\d*/) ?? "", 10) || 1 : null,
     float: type === "float" ? findValueFromArray(options, ["start", "end"]) : null,
     frameSemantics: findValueFromArray(options, ["div", "ul", "ol"]) ?? "div",
-    linkarea: false
+    linkarea: false,
+    repeatMinInlineSize: findValuePatternFromArray(options, /^--(.+)$/)?.slice(2) ?? null
   };
 }
 function exportStyleOptions(el) {
@@ -5714,6 +5718,7 @@ class BlockOptionsDialog extends EditorDialog {
     const classes = formData.get("bge-options-classes");
     const id = formData.get("bge-options-id");
     const linkarea = formData.get("bge-options-linkarea");
+    const repeatMinInlineSize = formData.get("bge-options-repeat-min-inline-size");
     const styles = formData.keys().toArray().filter((key) => key.startsWith("bge-options-style-")).map((key) => {
       const propName = formData.get(key);
       const category = key.replace("bge-options-style-", "");
@@ -5729,7 +5734,8 @@ class BlockOptionsDialog extends EditorDialog {
         justify,
         align,
         float,
-        linkarea: linkarea === "true"
+        linkarea: linkarea === "true",
+        repeatMinInlineSize: repeatMinInlineSize || null
       },
       classList: classes?.toString().split(/\s+/).map((cls) => cls.trim()).filter((cls) => !!cls) ?? [],
       id: id?.toString().trim() || null,
@@ -5990,6 +5996,45 @@ function searchCustomProperty(scope, found2) {
     }
   }
 }
+function getRepeatMinInlineSizeVariants(scope) {
+  const PREFIX = "--bge-repeat-min-inline-size";
+  const properties = /* @__PURE__ */ new Map();
+  const baseRef = {
+    value: null,
+    priority: []
+  };
+  searchCustomProperty(scope, (cssProperty, value, layers) => {
+    if (cssProperty === PREFIX) {
+      const newPriority = layers.map((l) => l.priority);
+      if (!baseRef.value || comparePriority(baseRef.priority, newPriority) <= 0) {
+        baseRef.value = value;
+        baseRef.priority = newPriority;
+      }
+    } else if (cssProperty.startsWith(PREFIX + "--")) {
+      const key = cssProperty.slice((PREFIX + "--").length);
+      const newProperty = {
+        value,
+        priority: layers.map((l) => l.priority),
+        isDefault: false
+      };
+      const existing = properties.get(key);
+      properties.set(key, existing ? compareCustomPropertyByLayerPriority(existing, newProperty) : newProperty);
+    }
+  });
+  if (properties.size === 0)
+    return null;
+  if (baseRef.value) {
+    const match = baseRef.value.match(/--bge-repeat-min-inline-size--([^)]+)/);
+    const defaultKey = match?.[1]?.trim();
+    if (defaultKey) {
+      const prop2 = properties.get(defaultKey);
+      if (prop2) {
+        properties.set(defaultKey, { ...prop2, isDefault: true });
+      }
+    }
+  }
+  return { id: "repeat-min-inline-size", name: "repeat-min-inline-size", properties };
+}
 function compareCustomPropertyByLayerPriority(a, b2) {
   const result = comparePriority(a.priority, b2.priority);
   if (result === 1) {
@@ -6904,6 +6949,9 @@ class BurgerEditorEngine {
   getCustomProperty(property) {
     return getCustomProperty(this.#current.containerElement.ownerDocument, property);
   }
+  getRepeatMinInlineSizeVariants() {
+    return getRepeatMinInlineSizeVariants(this.#current.containerElement.ownerDocument);
+  }
   hasDraft() {
     return !!this.#draft;
   }
@@ -33969,14 +34017,14 @@ const DIRTY = 1 << 11;
 const MAYBE_DIRTY = 1 << 12;
 const INERT = 1 << 13;
 const DESTROYED = 1 << 14;
-const EFFECT_RAN = 1 << 15;
+const REACTION_RAN = 1 << 15;
 const EFFECT_TRANSPARENT = 1 << 16;
 const EAGER_EFFECT = 1 << 17;
 const HEAD_EFFECT = 1 << 18;
 const EFFECT_PRESERVED = 1 << 19;
 const USER_EFFECT = 1 << 20;
 const EFFECT_OFFSCREEN = 1 << 25;
-const WAS_MARKED = 1 << 15;
+const WAS_MARKED = 1 << 16;
 const REACTION_IS_UPDATING = 1 << 21;
 const ASYNC = 1 << 22;
 const ERROR_VALUE = 1 << 23;
@@ -33987,6 +34035,7 @@ const STALE_REACTION = new class StaleReactionError extends Error {
   name = "StaleReactionError";
   message = "The reaction that called `getAbortSignal()` was re-run or destroyed";
 }();
+const IS_XHTML = /* @__PURE__ */ globalThis.document?.contentType?.includes("xml") ?? false;
 function lifecycle_outside_component(name) {
   {
     throw new Error(`https://svelte.dev/e/lifecycle_outside_component`);
@@ -34129,18 +34178,17 @@ function handle_error(error) {
     active_reaction.f |= ERROR_VALUE;
     return error;
   }
-  if ((effect2.f & EFFECT_RAN) === 0) {
-    if ((effect2.f & BOUNDARY_EFFECT) === 0) {
-      throw error;
-    }
-    effect2.b.error(error);
-  } else {
-    invoke_error_boundary(error, effect2);
+  if ((effect2.f & REACTION_RAN) === 0 && (effect2.f & EFFECT) === 0) {
+    throw error;
   }
+  invoke_error_boundary(error, effect2);
 }
 function invoke_error_boundary(error, effect2) {
   while (effect2 !== null) {
     if ((effect2.f & BOUNDARY_EFFECT) !== 0) {
+      if ((effect2.f & REACTION_RAN) === 0) {
+        throw error;
+      }
       try {
         effect2.b.error(error);
         return;
@@ -34588,12 +34636,8 @@ function flush_queued_effects(effects) {
     if ((effect2.f & (DESTROYED | INERT)) === 0 && is_dirty(effect2)) {
       eager_block_effects = /* @__PURE__ */ new Set();
       update_effect(effect2);
-      if (effect2.deps === null && effect2.first === null && effect2.nodes === null) {
-        if (effect2.teardown === null && effect2.ac === null) {
-          unlink_effect(effect2);
-        } else {
-          effect2.fn = null;
-        }
+      if (effect2.deps === null && effect2.first === null && effect2.nodes === null && effect2.teardown === null && effect2.ac === null) {
+        unlink_effect(effect2);
       }
       if (eager_block_effects?.size > 0) {
         old_values.clear();
@@ -35303,6 +35347,27 @@ function update_derived(derived2) {
     update_derived_status(derived2);
   }
 }
+function freeze_derived_effects(derived2) {
+  if (derived2.effects === null) return;
+  for (const e of derived2.effects) {
+    if (e.teardown || e.ac) {
+      e.teardown?.();
+      e.ac?.abort(STALE_REACTION);
+      e.teardown = noop;
+      e.ac = null;
+      remove_reactions(e, 0);
+      destroy_effect_children(e);
+    }
+  }
+}
+function unfreeze_derived_effects(derived2) {
+  if (derived2.effects === null) return;
+  for (const e of derived2.effects) {
+    if (e.teardown) {
+      update_effect(e);
+    }
+  }
+}
 let eager_effects = /* @__PURE__ */ new Set();
 const old_values = /* @__PURE__ */ new Map();
 let eager_effects_deferred = false;
@@ -35717,6 +35782,13 @@ function sibling(node, count = 1, is_text = false) {
 function clear_text_content(node) {
   node.textContent = "";
 }
+function create_element(tag, namespace, is2) {
+  let options = void 0;
+  return (
+    /** @type {T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : Element} */
+    document.createElementNS(namespace ?? NAMESPACE_HTML, tag, options)
+  );
+}
 function autofocus(dom, value) {
   if (value) {
     const body = document.body;
@@ -35822,7 +35894,6 @@ function create_effect(type, fn, sync) {
   if (sync) {
     try {
       update_effect(effect2);
-      effect2.f |= EFFECT_RAN;
     } catch (e2) {
       destroy_effect(effect2);
       throw e2;
@@ -35868,7 +35939,7 @@ function user_effect(fn) {
     /** @type {Effect} */
     active_effect.f
   );
-  var defer = !active_reaction && (flags2 & BRANCH_EFFECT) !== 0 && (flags2 & EFFECT_RAN) === 0;
+  var defer = !active_reaction && (flags2 & BRANCH_EFFECT) !== 0 && (flags2 & REACTION_RAN) === 0;
   if (defer) {
     var context = (
       /** @type {ComponentContext} */
@@ -36281,6 +36352,7 @@ function update_reaction(reaction) {
       reaction.fn
     );
     var result = fn();
+    reaction.f |= REACTION_RAN;
     var deps = reaction.deps;
     var is_fork = current_batch?.is_fork;
     if (new_deps !== null) {
@@ -36381,7 +36453,7 @@ function remove_reaction(signal, dependency) {
       derived2.f &= ~WAS_MARKED;
     }
     update_derived_status(derived2);
-    destroy_derived_effects(derived2);
+    freeze_derived_effects(derived2);
     remove_reactions(derived2, 0);
   }
 }
@@ -36470,7 +36542,7 @@ function get2(signal) {
       return value;
     }
     var should_connect = (derived2.f & CONNECTED) === 0 && !untracking && active_reaction !== null && (is_updating_effect || (active_reaction.f & CONNECTED) !== 0);
-    var is_new = derived2.deps === null;
+    var is_new = (derived2.f & REACTION_RAN) === 0;
     if (is_dirty(derived2)) {
       if (should_connect) {
         derived2.f |= CONNECTED;
@@ -36478,6 +36550,7 @@ function get2(signal) {
       update_derived(derived2);
     }
     if (should_connect && !is_new) {
+      unfreeze_derived_effects(derived2);
       reconnect(derived2);
     }
   }
@@ -36490,11 +36563,15 @@ function get2(signal) {
   return signal.v;
 }
 function reconnect(derived2) {
-  if (derived2.deps === null) return;
   derived2.f |= CONNECTED;
+  if (derived2.deps === null) return;
   for (const dep of derived2.deps) {
     (dep.reactions ??= []).push(derived2);
     if ((dep.f & DERIVED) !== 0 && (dep.f & CONNECTED) === 0) {
+      unfreeze_derived_effects(
+        /** @type {Derived} */
+        dep
+      );
       reconnect(
         /** @type {Derived} */
         dep
@@ -36570,6 +36647,61 @@ function deep_read(value, visited = /* @__PURE__ */ new Set()) {
     }
   }
 }
+function is_capture_event(name) {
+  return name.endsWith("capture") && name !== "gotpointercapture" && name !== "lostpointercapture";
+}
+const DELEGATED_EVENTS = [
+  "beforeinput",
+  "click",
+  "change",
+  "dblclick",
+  "contextmenu",
+  "focusin",
+  "focusout",
+  "input",
+  "keydown",
+  "keyup",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "pointerdown",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerup",
+  "touchend",
+  "touchmove",
+  "touchstart"
+];
+function can_delegate_event(event_name) {
+  return DELEGATED_EVENTS.includes(event_name);
+}
+const ATTRIBUTE_ALIASES = {
+  // no `class: 'className'` because we handle that separately
+  formnovalidate: "formNoValidate",
+  ismap: "isMap",
+  nomodule: "noModule",
+  playsinline: "playsInline",
+  readonly: "readOnly",
+  defaultvalue: "defaultValue",
+  defaultchecked: "defaultChecked",
+  srcobject: "srcObject",
+  novalidate: "noValidate",
+  allowfullscreen: "allowFullscreen",
+  disablepictureinpicture: "disablePictureInPicture",
+  disableremoteplayback: "disableRemotePlayback"
+};
+function normalize_attribute(name) {
+  name = name.toLowerCase();
+  return ATTRIBUTE_ALIASES[name] ?? name;
+}
+const PASSIVE_EVENTS = ["touchstart", "touchmove"];
+function is_passive_event(name) {
+  return PASSIVE_EVENTS.includes(name);
+}
+const event_symbol = /* @__PURE__ */ Symbol("events");
 const all_registered_events = /* @__PURE__ */ new Set();
 const root_event_handles = /* @__PURE__ */ new Set();
 function create_event(event_name, dom, handler, options = {}) {
@@ -36604,6 +36736,9 @@ function event(event_name, dom, handler, capture2, passive) {
     });
   }
 }
+function delegated(event_name, element2, handler) {
+  (element2[event_symbol] ??= {})[event_name] = handler;
+}
 function delegate(events) {
   for (var i = 0; i < events.length; i++) {
     all_registered_events.add(events[i]);
@@ -36663,12 +36798,12 @@ function handle_event_propagation(event2) {
       var parent_element = current_target.assignedSlot || current_target.parentNode || /** @type {any} */
       current_target.host || null;
       try {
-        var delegated = current_target["__" + event_name];
-        if (delegated != null && (!/** @type {any} */
+        var delegated2 = current_target[event_symbol]?.[event_name];
+        if (delegated2 != null && (!/** @type {any} */
         current_target.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
         // -> the target could not have been disabled because it emits the event in the first place
         event2.target === current_target)) {
-          delegated.call(current_target, event2);
+          delegated2.call(current_target, event2);
         }
       } catch (error) {
         if (throw_error) {
@@ -36697,9 +36832,25 @@ function handle_event_propagation(event2) {
     set_active_effect(previous_effect);
   }
 }
-function create_fragment_from_html(html2) {
-  var elem = document.createElement("template");
-  elem.innerHTML = html2.replaceAll("<!>", "<!---->");
+const policy = /* @__PURE__ */ globalThis?.window?.trustedTypes?.createPolicy(
+  "svelte-trusted-html",
+  {
+    /** @param {string} html */
+    createHTML: (html2) => {
+      return html2;
+    }
+  }
+);
+function create_trusted_html(html2) {
+  return (
+    /** @type {string} */
+    policy?.createHTML(html2) ?? html2
+  );
+}
+function create_fragment_from_html(html2, trusted = false) {
+  var elem = create_element("template");
+  html2 = html2.replaceAll("<!>", "<!---->");
+  elem.innerHTML = trusted ? create_trusted_html(html2) : html2;
   return elem.content;
 }
 function assign_nodes(start, end) {
@@ -36719,7 +36870,7 @@ function from_html(content, flags2) {
   var has_start = !content.startsWith("<!>");
   return () => {
     if (node === void 0) {
-      node = create_fragment_from_html(has_start ? content : "<!>" + content);
+      node = create_fragment_from_html(has_start ? content : "<!>" + content, true);
       if (!is_fragment) node = /** @type {TemplateNode} */
       /* @__PURE__ */ get_first_child(node);
     }
@@ -36752,7 +36903,7 @@ function from_namespace(content, flags2, ns = "svg") {
     if (!node) {
       var fragment = (
         /** @type {DocumentFragment} */
-        create_fragment_from_html(wrapped)
+        create_fragment_from_html(wrapped, true)
       );
       var root2 = (
         /** @type {Element} */
@@ -36805,60 +36956,6 @@ function props_id() {
   (window.__svelte ??= {}).uid ??= 1;
   return `c${window.__svelte.uid++}`;
 }
-function is_capture_event(name) {
-  return name.endsWith("capture") && name !== "gotpointercapture" && name !== "lostpointercapture";
-}
-const DELEGATED_EVENTS = [
-  "beforeinput",
-  "click",
-  "change",
-  "dblclick",
-  "contextmenu",
-  "focusin",
-  "focusout",
-  "input",
-  "keydown",
-  "keyup",
-  "mousedown",
-  "mousemove",
-  "mouseout",
-  "mouseover",
-  "mouseup",
-  "pointerdown",
-  "pointermove",
-  "pointerout",
-  "pointerover",
-  "pointerup",
-  "touchend",
-  "touchmove",
-  "touchstart"
-];
-function can_delegate_event(event_name) {
-  return DELEGATED_EVENTS.includes(event_name);
-}
-const ATTRIBUTE_ALIASES = {
-  // no `class: 'className'` because we handle that separately
-  formnovalidate: "formNoValidate",
-  ismap: "isMap",
-  nomodule: "noModule",
-  playsinline: "playsInline",
-  readonly: "readOnly",
-  defaultvalue: "defaultValue",
-  defaultchecked: "defaultChecked",
-  srcobject: "srcObject",
-  novalidate: "noValidate",
-  allowfullscreen: "allowFullscreen",
-  disablepictureinpicture: "disablePictureInPicture",
-  disableremoteplayback: "disableRemotePlayback"
-};
-function normalize_attribute(name) {
-  name = name.toLowerCase();
-  return ATTRIBUTE_ALIASES[name] ?? name;
-}
-const PASSIVE_EVENTS = ["touchstart", "touchmove"];
-function is_passive_event(name) {
-  return PASSIVE_EVENTS.includes(name);
-}
 function set_text(text2, value) {
   var str = value == null ? "" : typeof value === "object" ? value + "" : value;
   if (str !== (text2.__t ??= text2.nodeValue)) {
@@ -36869,7 +36966,7 @@ function set_text(text2, value) {
 function mount(component, options) {
   return _mount(component, options);
 }
-const document_listeners = /* @__PURE__ */ new Map();
+const listeners = /* @__PURE__ */ new Map();
 function _mount(Component, { target, anchor, props = {}, events, context, intro = true }) {
   init_operations();
   var registered_events = /* @__PURE__ */ new Set();
@@ -36879,13 +36976,19 @@ function _mount(Component, { target, anchor, props = {}, events, context, intro
       if (registered_events.has(event_name)) continue;
       registered_events.add(event_name);
       var passive = is_passive_event(event_name);
-      target.addEventListener(event_name, handle_event_propagation, { passive });
-      var n = document_listeners.get(event_name);
-      if (n === void 0) {
-        document.addEventListener(event_name, handle_event_propagation, { passive });
-        document_listeners.set(event_name, 1);
-      } else {
-        document_listeners.set(event_name, n + 1);
+      for (const node of [target, document]) {
+        var counts = listeners.get(node);
+        if (counts === void 0) {
+          counts = /* @__PURE__ */ new Map();
+          listeners.set(node, counts);
+        }
+        var count = counts.get(event_name);
+        if (count === void 0) {
+          node.addEventListener(event_name, handle_event_propagation, { passive });
+          counts.set(event_name, 1);
+        } else {
+          counts.set(event_name, count + 1);
+        }
       }
     }
   };
@@ -36917,16 +37020,24 @@ function _mount(Component, { target, anchor, props = {}, events, context, intro
     );
     return () => {
       for (var event_name of registered_events) {
-        target.removeEventListener(event_name, handle_event_propagation);
-        var n = (
-          /** @type {number} */
-          document_listeners.get(event_name)
-        );
-        if (--n === 0) {
-          document.removeEventListener(event_name, handle_event_propagation);
-          document_listeners.delete(event_name);
-        } else {
-          document_listeners.set(event_name, n);
+        for (const node of [target, document]) {
+          var counts = (
+            /** @type {Map<string, number>} */
+            listeners.get(node)
+          );
+          var count = (
+            /** @type {number} */
+            counts.get(event_name)
+          );
+          if (--count == 0) {
+            node.removeEventListener(event_name, handle_event_propagation);
+            counts.delete(event_name);
+            if (counts.size === 0) {
+              listeners.delete(node);
+            }
+          } else {
+            counts.set(event_name, count);
+          }
         }
       }
       root_event_handles.delete(event_handle);
@@ -37575,7 +37686,7 @@ function element(node, get_tag, is_svg, render_fn, get_namespace, location2) {
     }
     branches.ensure(next_tag, (anchor2) => {
       if (next_tag) {
-        element2 = document.createElementNS(ns, next_tag);
+        element2 = create_element(next_tag, ns);
         assign_nodes(element2, element2);
         if (render_fn) {
           var child_anchor = element2.appendChild(create_text());
@@ -37862,12 +37973,15 @@ const CLASS = /* @__PURE__ */ Symbol("class");
 const STYLE = /* @__PURE__ */ Symbol("style");
 const IS_CUSTOM_ELEMENT = /* @__PURE__ */ Symbol("is custom element");
 const IS_HTML = /* @__PURE__ */ Symbol("is html");
+const OPTION_TAG = IS_XHTML ? "option" : "OPTION";
+const SELECT_TAG = IS_XHTML ? "select" : "SELECT";
+const PROGRESS_TAG = IS_XHTML ? "progress" : "PROGRESS";
 function set_value(element2, value) {
   var attributes = get_attributes(element2);
   if (attributes.value === (attributes.value = // treat null and undefined the same for the initial value
   value ?? void 0) || // @ts-expect-error
   // `progress` elements always need their value set when it's `0`
-  element2.value === value && (value !== 0 || element2.nodeName !== "PROGRESS")) {
+  element2.value === value && (value !== 0 || element2.nodeName !== PROGRESS_TAG)) {
     return;
   }
   element2.value = value ?? "";
@@ -37900,7 +38014,7 @@ function set_attributes(element2, prev, next, css_hash, should_remove_defaults =
   var is_custom_element = attributes[IS_CUSTOM_ELEMENT];
   var preserve_attribute_case = !attributes[IS_HTML];
   var current = prev || {};
-  var is_option_element = element2.tagName === "OPTION";
+  var is_option_element = element2.nodeName === OPTION_TAG;
   for (var key in prev) {
     if (!(key in next)) {
       next[key] = null;
@@ -37946,28 +38060,24 @@ function set_attributes(element2, prev, next, css_hash, should_remove_defaults =
       const opts = {};
       const event_handle_key = "$$" + key2;
       let event_name = key2.slice(2);
-      var delegated = can_delegate_event(event_name);
+      var is_delegated = can_delegate_event(event_name);
       if (is_capture_event(event_name)) {
         event_name = event_name.slice(0, -7);
         opts.capture = true;
       }
-      if (!delegated && prev_value) {
+      if (!is_delegated && prev_value) {
         if (value != null) continue;
         element2.removeEventListener(event_name, current[event_handle_key], opts);
         current[event_handle_key] = null;
       }
-      if (value != null) {
-        if (!delegated) {
-          let handle = function(evt) {
-            current[key2].call(this, evt);
-          };
-          current[event_handle_key] = create_event(event_name, element2, handle, opts);
-        } else {
-          element2[`__${event_name}`] = value;
-          delegate([event_name]);
-        }
-      } else if (delegated) {
-        element2[`__${event_name}`] = void 0;
+      if (is_delegated) {
+        delegated(event_name, element2, value);
+        delegate([event_name]);
+      } else if (value != null) {
+        let handle = function(evt) {
+          current[key2].call(this, evt);
+        };
+        current[event_handle_key] = create_event(event_name, element2, handle, opts);
       }
     } else if (key2 === "style") {
       set_attribute(element2, key2, value);
@@ -38027,7 +38137,7 @@ function attribute_effect(element2, fn, sync = [], async = [], blockers = [], cs
   flatten(blockers, sync, async, (values) => {
     var prev = void 0;
     var effects = {};
-    var is_select = element2.nodeName === "SELECT";
+    var is_select = element2.nodeName === SELECT_TAG;
     var inited = false;
     managed(() => {
       var next = fn(...values.map(get2));
@@ -38978,9 +39088,6 @@ function Block_menu_button($$anchor, $$props) {
   var div = root$9();
   let styles;
   var button = child(div);
-  button.__click = function(...$$args) {
-    $$props.action?.apply(this, $$args);
-  };
   var node = child(button);
   snippet(node, () => $$props.children);
   var span = sibling(button, 2);
@@ -38991,6 +39098,9 @@ function Block_menu_button($$anchor, $$props) {
     set_attribute(span, "id", uid);
     set_text(text2, $$props.label);
   });
+  delegated("click", button, function(...$$args) {
+    $$props.action?.apply(this, $$args);
+  });
   append2($$anchor, div);
 }
 delegate(["click"]);
@@ -39261,12 +39371,15 @@ var root_3$3 = /* @__PURE__ */ from_html(`<label><span>コンテナタイプ</sp
 var root_4$3 = /* @__PURE__ */ from_html(`<label><span>セマンティック要素</span> <select name="bge-options-frame-semantics"><option>div（汎用）</option><option>ul（順序なしリスト）</option><option>ol（順序ありリスト）</option></select></label>`);
 var root_5$2 = /* @__PURE__ */ from_html(`<div role="radiogroup" aria-labelledby="justify-group"><div id="justify-group">横方向配置</div> <label><input type="radio" name="bge-options-justify" value="center"/><span>中央寄せ</span></label> <label><input type="radio" name="bge-options-justify" value="start"/><span>左寄せ</span></label> <label><input type="radio" name="bge-options-justify" value="end"/><span>右寄せ</span></label> <label><input type="radio" name="bge-options-justify" value="between"/><span>両端寄せ</span></label> <label><input type="radio" name="bge-options-justify" value="around"/><span>要素間余白均等</span></label> <label><input type="radio" name="bge-options-justify" value="evenly"/><span>要素間均等</span></label></div> <div role="radiogroup" aria-labelledby="align-group"><div id="align-group">縦向配置</div> <label><input type="radio" name="bge-options-align" value="align-center"/><span>垂直中央寄せ</span></label> <label><input type="radio" name="bge-options-align" value="align-start"/><span>上寄せ</span></label> <label><input type="radio" name="bge-options-align" value="align-end"/><span>下寄せ</span></label> <label><input type="radio" name="bge-options-align" value="align-stretch"/><span>伸縮</span></label> <label><input type="radio" name="bge-options-align" value="align-baseline"/><span>ベースライン</span></label></div>`, 1);
 var root_7$2 = /* @__PURE__ */ from_html(`<p>このブロックはコンテナタイプを変更できません。</p>`);
-var root_8$1 = /* @__PURE__ */ 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 = /* @__PURE__ */ 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_9$1 = /* @__PURE__ */ from_html(`<label><span>基準列数</span> <output> </output> <input name="bge-options-columns" type="range" min="1" max="5"/></label>`);
+var root_11 = /* @__PURE__ */ from_html(`<option> </option>`);
+var root_10 = /* @__PURE__ */ from_html(`<label><span>折り返し基準幅</span> <select name="bge-options-repeat-min-inline-size"></select></label>`);
+var root_8$1 = /* @__PURE__ */ from_html(`<label><span>列の自動調整</span> <select name="bge-options-auto-repeat"><option>固定列数</option><option>auto-fill（空白保持）</option><option>auto-fit（空白最小）</option></select></label> <!> <!>`, 1);
+var root_12 = /* @__PURE__ */ 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 = /* @__PURE__ */ from_html(`<fieldset><legend>コンテナ特性</legend> <!> <!> <!> <!> <!> <label><input type="checkbox" name="bge-options-linkarea" value="true"/> <span>リンクエリア機能を有効にする</span></label></fieldset>`);
-var root_12 = /* @__PURE__ */ from_html(`<option> </option>`);
-var root_11 = /* @__PURE__ */ from_html(`<label><span> </span> <select></select></label>`);
-var root_10 = /* @__PURE__ */ from_html(`<fieldset><legend>ブロックのスタイル拡張</legend> <!></fieldset>`);
+var root_15 = /* @__PURE__ */ from_html(`<option> </option>`);
+var root_14 = /* @__PURE__ */ from_html(`<label><span> </span> <select></select></label>`);
+var root_13 = /* @__PURE__ */ from_html(`<fieldset><legend>ブロックのスタイル拡張</legend> <!></fieldset>`);
 var root$7 = /* @__PURE__ */ from_html(`<!> <!> <label><span>独自class設定</span> <input type="text" name="bge-options-classes" aria-describedby="block-option-classes-desc"/></label> <small id="block-option-classes-desc">複数指定する場合はスペース（空白文字）で区切ってください。</small> <label><span>ID設定: <code>bge-</code></span> <input name="bge-options-id" type="text" aria-describedby="block-option-id-desc"/></label> <small id="block-option-id-desc">アンカーリンク用のID属性を設定します。実際のIDは<code>bge-</code>が自動的に先頭に付加されます。</small>`, 1);
 function Block_options($$anchor, $$props) {
   push($$props, true);
@@ -39277,16 +39390,21 @@ function Block_options($$anchor, $$props) {
   }
   const options = currentBlock.exportOptions();
   const cssProps = $$props.engine.getCustomProperties(options.containerProps.type);
-  const autoRepeatBaseWidth = $$props.engine.getCustomProperty("--bge-auto-repeat-base-width");
+  const repeatMinInlineSizeVariants = $$props.engine.getRepeatMinInlineSizeVariants();
   let currentColumns = /* @__PURE__ */ state(proxy(options.containerProps.columns ?? 1));
   let currentContainerType = /* @__PURE__ */ state(proxy(options.containerProps.type));
   let currentFrameSemantics = /* @__PURE__ */ state(proxy(options.containerProps.frameSemantics));
+  let currentAutoRepeat = /* @__PURE__ */ state(proxy(options.containerProps.autoRepeat ?? "fixed"));
   const itemCount = /* @__PURE__ */ user_derived(() => currentBlock.items.length);
   const effectiveContainerType = /* @__PURE__ */ user_derived(() => options.containerProps.type === "float" ? options.containerProps.type : get2(currentContainerType));
   function handleContainerTypeChange(e) {
     const target = e.currentTarget;
     set(currentContainerType, target.value, true);
   }
+  function handleAutoRepeatChange(e) {
+    const target = e.currentTarget;
+    set(currentAutoRepeat, target.value, true);
+  }
   function handleFrameSemanticsChange(e) {
     const target = e.currentTarget;
     const newSemantics = target.value;
@@ -39299,7 +39417,7 @@ function Block_options($$anchor, $$props) {
   var fragment = root$7();
   var node = first_child(fragment);
   {
-    var consequent_6 = ($$anchor2) => {
+    var consequent_8 = ($$anchor2) => {
       var fieldset = root_1$5();
       var node_1 = sibling(child(fieldset), 2);
       {
@@ -39313,7 +39431,6 @@ function Block_options($$anchor, $$props) {
         var alternate = ($$anchor3) => {
           var label_1 = root_3$3();
           var select = sibling(child(label_1), 2);
-          select.__change = handleContainerTypeChange;
           var option = child(select);
           var text_1 = child(option);
           option.value = option.__value = "grid";
@@ -39326,6 +39443,7 @@ function Block_options($$anchor, $$props) {
             set_selected(option_1, get2(currentContainerType) === "inline");
             set_text(text_2, containerTypeLabel.inline);
           });
+          delegated("change", select, handleContainerTypeChange);
           append2($$anchor3, label_1);
         };
         if_block(node_1, ($$render) => {
@@ -39338,7 +39456,6 @@ function Block_options($$anchor, $$props) {
         var consequent_1 = ($$anchor3) => {
           var label_2 = root_4$3();
           var select_1 = sibling(child(label_2), 2);
-          select_1.__change = handleFrameSemanticsChange;
           var option_2 = child(select_1);
           option_2.value = option_2.__value = "div";
           var option_3 = sibling(option_2);
@@ -39350,6 +39467,7 @@ function Block_options($$anchor, $$props) {
             set_selected(option_3, get2(currentFrameSemantics) === "ul");
             set_selected(option_4, get2(currentFrameSemantics) === "ol");
           });
+          delegated("change", select_1, handleFrameSemanticsChange);
           append2($$anchor3, label_2);
         };
         if_block(node_2, ($$render) => {
@@ -39405,7 +39523,7 @@ function Block_options($$anchor, $$props) {
       }
       var node_4 = sibling(node_3, 2);
       {
-        var consequent_4 = ($$anchor3) => {
+        var consequent_6 = ($$anchor3) => {
           var fragment_2 = comment();
           var node_5 = first_child(fragment_2);
           {
@@ -39416,32 +39534,64 @@ function Block_options($$anchor, $$props) {
             var alternate_1 = ($$anchor4) => {
               var fragment_3 = root_8$1();
               var label_14 = first_child(fragment_3);
-              var output_1 = sibling(child(label_14), 2);
-              var text_3 = child(output_1);
-              var input_11 = sibling(output_1, 2);
-              var label_15 = sibling(label_14, 2);
-              var select_2 = sibling(child(label_15), 2);
+              var select_2 = sibling(child(label_14), 2);
               var option_5 = child(select_2);
               option_5.value = option_5.__value = "fixed";
               var option_6 = sibling(option_5);
               option_6.value = option_6.__value = "auto-fill";
               var option_7 = sibling(option_6);
               option_7.value = option_7.__value = "auto-fit";
-              var small = sibling(label_15, 2);
-              var code = sibling(child(small));
-              var text_4 = child(code);
-              var code_1 = sibling(code, 2);
-              var text_5 = child(code_1);
+              var node_6 = sibling(label_14, 2);
+              {
+                var consequent_4 = ($$anchor5) => {
+                  var label_15 = root_9$1();
+                  var output_1 = sibling(child(label_15), 2);
+                  var text_3 = child(output_1);
+                  var input_11 = sibling(output_1, 2);
+                  template_effect(() => {
+                    set_text(text_3, get2(currentColumns));
+                    input_11.defaultValue = options.containerProps.columns ?? 1;
+                  });
+                  bind_value(input_11, () => get2(currentColumns), ($$value) => set(currentColumns, $$value));
+                  append2($$anchor5, label_15);
+                };
+                if_block(node_6, ($$render) => {
+                  if (get2(currentAutoRepeat) === "fixed") $$render(consequent_4);
+                });
+              }
+              var node_7 = sibling(node_6, 2);
+              {
+                var consequent_5 = ($$anchor5) => {
+                  var label_16 = root_10();
+                  var select_3 = sibling(child(label_16), 2);
+                  each(select_3, 21, () => repeatMinInlineSizeVariants.properties, ([variantName, data]) => variantName, ($$anchor6, $$item) => {
+                    var $$array = /* @__PURE__ */ user_derived(() => to_array(get2($$item), 2));
+                    let variantName = () => get2($$array)[0];
+                    let data = () => get2($$array)[1];
+                    var option_8 = root_11();
+                    var text_4 = child(option_8);
+                    var option_8_value = {};
+                    template_effect(() => {
+                      set_selected(option_8, options.containerProps.repeatMinInlineSize == null ? data().isDefault : options.containerProps.repeatMinInlineSize === variantName());
+                      set_text(text_4, `${variantName()} (${data().value})`);
+                      if (option_8_value !== (option_8_value = variantName())) {
+                        option_8.value = (option_8.__value = variantName()) ?? "";
+                      }
+                    });
+                    append2($$anchor6, option_8);
+                  });
+                  append2($$anchor5, label_16);
+                };
+                if_block(node_7, ($$render) => {
+                  if (get2(currentAutoRepeat) !== "fixed" && repeatMinInlineSizeVariants) $$render(consequent_5);
+                });
+              }
               template_effect(() => {
-                set_text(text_3, get2(currentColumns));
-                input_11.defaultValue = options.containerProps.columns ?? 1;
                 set_selected(option_5, (options.containerProps.autoRepeat ?? "fixed") === "fixed");
                 set_selected(option_6, options.containerProps.autoRepeat === "auto-fill");
                 set_selected(option_7, options.containerProps.autoRepeat === "auto-fit");
-                set_text(text_4, autoRepeatBaseWidth);
-                set_text(text_5, get2(currentColumns));
               });
-              bind_value(input_11, () => get2(currentColumns), ($$value) => set(currentColumns, $$value));
+              delegated("change", select_2, handleAutoRepeatChange);
               append2($$anchor4, fragment_3);
             };
             if_block(node_5, ($$render) => {
@@ -39452,80 +39602,80 @@ function Block_options($$anchor, $$props) {
           append2($$anchor3, fragment_2);
         };
         if_block(node_4, ($$render) => {
-          if (get2(effectiveContainerType) === "grid") $$render(consequent_4);
+          if (get2(effectiveContainerType) === "grid") $$render(consequent_6);
         });
       }
-      var node_6 = sibling(node_4, 2);
+      var node_8 = sibling(node_4, 2);
       {
-        var consequent_5 = ($$anchor3) => {
-          var div_2 = root_9$1();
-          var label_16 = sibling(child(div_2), 2);
-          var input_12 = child(label_16);
-          var label_17 = sibling(label_16, 2);
-          var input_13 = child(label_17);
+        var consequent_7 = ($$anchor3) => {
+          var div_2 = root_12();
+          var label_17 = sibling(child(div_2), 2);
+          var input_12 = child(label_17);
+          var label_18 = sibling(label_17, 2);
+          var input_13 = child(label_18);
           template_effect(() => {
             input_12.defaultChecked = options.containerProps.float === "start";
             input_13.defaultChecked = options.containerProps.float === "end";
           });
           append2($$anchor3, div_2);
         };
-        if_block(node_6, ($$render) => {
-          if (get2(effectiveContainerType) === "float") $$render(consequent_5);
+        if_block(node_8, ($$render) => {
+          if (get2(effectiveContainerType) === "float") $$render(consequent_7);
         });
       }
-      var label_18 = sibling(node_6, 2);
-      var input_14 = child(label_18);
+      var label_19 = sibling(node_8, 2);
+      var input_14 = child(label_19);
       template_effect(() => input_14.defaultChecked = options.containerProps.linkarea ?? false);
       append2($$anchor2, fieldset);
     };
     if_block(node, ($$render) => {
-      if (options) $$render(consequent_6);
+      if (options) $$render(consequent_8);
     });
   }
-  var node_7 = sibling(node, 2);
+  var node_9 = sibling(node, 2);
   {
-    var consequent_7 = ($$anchor2) => {
-      var fieldset_1 = root_10();
-      var node_8 = sibling(child(fieldset_1), 2);
-      each(node_8, 17, () => cssProps, ([, category]) => `bge-options-style-${category.id}`, ($$anchor3, $$item) => {
-        var $$array = /* @__PURE__ */ user_derived(() => to_array(get2($$item), 2));
-        let category = () => get2($$array)[1];
-        var label_19 = root_11();
-        var span = child(label_19);
-        var text_6 = child(span);
-        var select_3 = sibling(span, 2);
-        each(select_3, 21, () => category().properties, ([propName, data]) => propName, ($$anchor4, $$item2) => {
-          var $$array_1 = /* @__PURE__ */ user_derived(() => to_array(get2($$item2), 2));
-          let propName = () => get2($$array_1)[0];
-          let data = () => get2($$array_1)[1];
-          var option_8 = root_12();
-          var text_7 = child(option_8);
-          var option_8_value = {};
+    var consequent_9 = ($$anchor2) => {
+      var fieldset_1 = root_13();
+      var node_10 = sibling(child(fieldset_1), 2);
+      each(node_10, 17, () => cssProps, ([, category]) => `bge-options-style-${category.id}`, ($$anchor3, $$item) => {
+        var $$array_1 = /* @__PURE__ */ user_derived(() => to_array(get2($$item), 2));
+        let category = () => get2($$array_1)[1];
+        var label_20 = root_14();
+        var span = child(label_20);
+        var text_5 = child(span);
+        var select_4 = sibling(span, 2);
+        each(select_4, 21, () => category().properties, ([propName, data]) => propName, ($$anchor4, $$item2) => {
+          var $$array_2 = /* @__PURE__ */ user_derived(() => to_array(get2($$item2), 2));
+          let propName = () => get2($$array_2)[0];
+          let data = () => get2($$array_2)[1];
+          var option_9 = root_15();
+          var text_6 = child(option_9);
+          var option_9_value = {};
           template_effect(() => {
-            set_selected(option_8, options.style?.[category().id] == null ? data().isDefault : options.style[category().id] === propName());
-            set_text(text_7, `${propName()} (${data().value})`);
-            if (option_8_value !== (option_8_value = data().isDefault ? "@@default" : propName())) {
-              option_8.value = (option_8.__value = data().isDefault ? "@@default" : propName()) ?? "";
+            set_selected(option_9, options.style?.[category().id] == null ? data().isDefault : options.style[category().id] === propName());
+            set_text(text_6, `${propName()} (${data().value})`);
+            if (option_9_value !== (option_9_value = data().isDefault ? "@@default" : propName())) {
+              option_9.value = (option_9.__value = data().isDefault ? "@@default" : propName()) ?? "";
             }
           });
-          append2($$anchor4, option_8);
+          append2($$anchor4, option_9);
         });
         template_effect(() => {
-          set_text(text_6, category().name);
-          set_attribute(select_3, "name", `bge-options-style-${category().id}`);
+          set_text(text_5, category().name);
+          set_attribute(select_4, "name", `bge-options-style-${category().id}`);
         });
-        append2($$anchor3, label_19);
+        append2($$anchor3, label_20);
       });
       append2($$anchor2, fieldset_1);
     };
-    if_block(node_7, ($$render) => {
-      if (cssProps.size > 0) $$render(consequent_7);
+    if_block(node_9, ($$render) => {
+      if (cssProps.size > 0) $$render(consequent_9);
     });
   }
-  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);
+  var label_21 = sibling(node_9, 2);
+  var input_15 = sibling(child(label_21), 2);
+  var label_22 = sibling(label_21, 4);
+  var input_16 = sibling(child(label_22), 2);
   template_effect(
     ($0) => {
       input_15.defaultValue = $0;
@@ -40329,35 +40479,35 @@ function Table_editor($$anchor, $$props) {
     var textarea = child(div_2);
     set_attribute(textarea, "aria-label", `${i}行目の見出しセル`);
     set_attribute(textarea, "name", `bge-th-${i}`);
-    textarea.__input = updateDataEl;
     var div_3 = sibling(div_2, 2);
     var textarea_1 = child(div_3);
     set_attribute(textarea_1, "aria-label", `${i}行目の内容セル`);
     set_attribute(textarea_1, "name", `bge-td-${i}`);
-    textarea_1.__input = updateDataEl;
     var div_4 = sibling(div_3, 2);
     var ul = child(div_4);
     var li = child(ul);
     var button = child(li);
-    button.__click = () => add(i);
     var node = child(button);
     Row_insert_bottom(node, {});
     var li_1 = sibling(li, 2);
     var button_1 = child(li_1);
-    button_1.__click = () => remove(i);
     var node_1 = child(button_1);
     Trash(node_1, {});
     var li_2 = sibling(li_1, 2);
     var button_2 = child(li_2);
-    button_2.__click = () => move2(i, i + 1);
     var node_2 = child(button_2);
     Arrows_transfer_down(node_2, { class: "icon" });
     template_effect(() => {
       button_1.disabled = (get2(table), untrack(() => get2(table).length === 1));
       button_2.disabled = (get2(table), untrack(() => i === get2(table).length - 1));
     });
+    delegated("input", textarea, updateDataEl);
     bind_value(textarea, () => get2(row)[0], ($$value) => (get2(row)[0] = $$value, invalidate_inner_signals(() => get2(table))));
+    delegated("input", textarea_1, updateDataEl);
     bind_value(textarea_1, () => get2(row)[1], ($$value) => (get2(row)[1] = $$value, invalidate_inner_signals(() => get2(table))));
+    delegated("click", button, () => add(i));
+    delegated("click", button_1, () => remove(i));
+    delegated("click", button_2, () => move2(i, i + 1));
     append2($$anchor2, div_1);
   });
   append2($$anchor, div);
@@ -40409,8 +40559,6 @@ function Tabs($$anchor, $$props) {
   var div = root();
   each(div, 5, () => untrack(() => Array.from({ length }, (_2, index2) => index2)), (index2) => index2, ($$anchor2, index2) => {
     var button = root_1();
-    button.__click = () => onClick(get2(index2));
-    button.__keydown = onKeyDown;
     var text2 = child(button);
     bind_this(button, ($$value, index3) => mutate(refs, get2(refs)[index3] = $$value), (index3) => get2(refs)?.[index3], () => [get2(index2)]);
     template_effect(
@@ -40424,6 +40572,8 @@ function Tabs($$anchor, $$props) {
         () => (get2(index2), untrack(() => createLabel(get2(index2))))
       ]
     );
+    delegated("click", button, () => onClick(get2(index2)));
+    delegated("keydown", button, onKeyDown);
     append2($$anchor2, button);
   });
   append2($$anchor, div);