@burger-editor/local 4.0.0-alpha.42 → 4.0.0-alpha.44

package/dist/client.js

@@ -1291,10 +1291,10 @@ var editor$b = "<div>\n\t<fieldset>\n\t\t<legend>リンク</legend>\n\t\t<label>
 
 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 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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   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.39",
+  version: "4.0.0-alpha.43",
   name: "youtube",
   template,
   style: style$c,
@@ -1966,7 +1966,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--medium: calc(600 / 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--middle: 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--middle: 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";
+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";
 
 function changeFrameSemantics(el, frameSemantics) {
   const containerFrame = el.querySelector("[data-bge-container-frame]");
@@ -3416,8 +3416,8 @@ function getNormalizedAttributes(el) {
   return attrs;
 }
 function compareAttributes(attrs1, attrs2) {
-  const keys1 = Object.keys(attrs1).sort();
-  const keys2 = Object.keys(attrs2).sort();
+  const keys1 = Object.keys(attrs1).toSorted();
+  const keys2 = Object.keys(attrs2).toSorted();
   if (keys1.length !== keys2.length) {
     return false;
   }
@@ -3445,9 +3445,9 @@ function requireDayjs_min() {
   if (hasRequiredDayjs_min) return dayjs_min$1.exports;
   hasRequiredDayjs_min = 1;
   (function(module, exports) {
-    !function(t, e) {
+    !(function(t, e) {
       module.exports = e();
-    }(dayjs_min, function() {
+    })(dayjs_min, (function() {
       var t = 1e3, e = 6e4, n = 36e5, r2 = "millisecond", i = "second", s = "minute", u3 = "hour", a = "day", o = "week", c = "month", f = "quarter", h2 = "year", d2 = "date", l = "Invalid Date", $2 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y2 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M2 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
         var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
         return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
@@ -3492,13 +3492,13 @@ function requireDayjs_min() {
       b2.l = w2, b2.i = S2, b2.w = function(t2, e2) {
         return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
       };
-      var _2 = function() {
+      var _2 = (function() {
         function M3(t2) {
           this.$L = w2(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
         }
         var m3 = M3.prototype;
         return m3.parse = function(t2) {
-          this.$d = function(t3) {
+          this.$d = (function(t3) {
             var e2 = t3.date, n2 = t3.utc;
             if (null === e2) return /* @__PURE__ */ new Date(NaN);
             if (b2.u(e2)) return /* @__PURE__ */ new Date();
@@ -3511,7 +3511,7 @@ function requireDayjs_min() {
               }
             }
             return new Date(e2);
-          }(t2), this.init();
+          })(t2), this.init();
         }, m3.init = function() {
           var t2 = this.$d;
           this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
@@ -3598,8 +3598,8 @@ function requireDayjs_min() {
             var r4 = t3 < 12 ? "AM" : "PM";
             return n3 ? r4.toLowerCase() : r4;
           };
-          return r3.replace(y2, function(t3, r4) {
-            return r4 || function(t4) {
+          return r3.replace(y2, (function(t3, r4) {
+            return r4 || (function(t4) {
               switch (t4) {
                 case "YY":
                   return String(e2.$y).slice(-2);
@@ -3651,8 +3651,8 @@ function requireDayjs_min() {
                   return i2;
               }
               return null;
-            }(t3) || i2.replace(":", "");
-          });
+            })(t3) || i2.replace(":", "");
+          }));
         }, m3.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, m3.diff = function(r3, d3, l2) {
@@ -3707,17 +3707,17 @@ function requireDayjs_min() {
         }, m3.toString = function() {
           return this.$d.toUTCString();
         }, M3;
-      }(), k2 = _2.prototype;
-      return O.prototype = k2, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u3], ["$W", a], ["$M", c], ["$y", h2], ["$D", d2]].forEach(function(t2) {
+      })(), k2 = _2.prototype;
+      return O.prototype = k2, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u3], ["$W", a], ["$M", c], ["$y", h2], ["$D", d2]].forEach((function(t2) {
         k2[t2[1]] = function(e2) {
           return this.$g(e2, t2[0], t2[1]);
         };
-      }), O.extend = function(t2, e2) {
+      })), O.extend = function(t2, e2) {
         return t2.$i || (t2(e2, _2, O), t2.$i = true), O;
       }, O.locale = w2, O.isDayjs = S2, O.unix = function(t2) {
         return O(1e3 * t2);
       }, O.en = D2[g], O.Ls = D2, O.p = {}, O;
-    });
+    }));
   })(dayjs_min$1);
   return dayjs_min$1.exports;
 }
@@ -6834,11 +6834,11 @@ class BurgerEditorEngine {
   }
   async #createItemElement(itemData) {
     if (typeof itemData !== "string" && "localName" in itemData) {
-      Item$1.rebind(itemData, this.items, this.itemEditorDialog);
-      return itemData;
+      const item2 = Item$1.rebind(itemData, this.items, this.itemEditorDialog);
+      return item2.el;
     }
     const name = typeof itemData === "string" ? itemData : itemData.name;
-    const item = await Item$1.create(name, this.items, this.itemEditorDialog);
+    const item = await Item$1.create(name, this.items, this.itemEditorDialog, typeof itemData === "string" ? void 0 : itemData.data);
     return item.el;
   }
   #isUIName(name) {
@@ -28545,7 +28545,7 @@ RopeSequence.from = function from(values) {
   }
   return values && values.length ? new Leaf(values) : RopeSequence.empty;
 };
-var Leaf = /* @__PURE__ */ function(RopeSequence3) {
+var Leaf = /* @__PURE__ */ (function(RopeSequence3) {
   function Leaf2(values) {
     RopeSequence3.call(this);
     this.values = values;
@@ -28598,9 +28598,9 @@ var Leaf = /* @__PURE__ */ function(RopeSequence3) {
   };
   Object.defineProperties(Leaf2.prototype, prototypeAccessors);
   return Leaf2;
-}(RopeSequence);
+})(RopeSequence);
 RopeSequence.empty = new Leaf([]);
-var Append = /* @__PURE__ */ function(RopeSequence3) {
+var Append = /* @__PURE__ */ (function(RopeSequence3) {
   function Append2(left, right) {
     RopeSequence3.call(this);
     this.left = left;
@@ -28667,7 +28667,7 @@ var Append = /* @__PURE__ */ function(RopeSequence3) {
     return new Append2(this, other);
   };
   return Append2;
-}(RopeSequence);
+})(RopeSequence);
 const max_empty_items = 500;
 class Branch {
   constructor(items, eventCount) {
@@ -32715,7 +32715,7 @@ const _BgeWysiwygElement = class _BgeWysiwygElement2 extends HTMLElement {
     __privateGet$1(this, _textarea).value = value;
   }
   get mode() {
-    const modeAttr = this.shadowRoot?.querySelector(`[data-bge-mode]`)?.getAttribute("data-bge-mode");
+    const modeAttr = this.shadowRoot?.querySelector(`[data-bge-mode]`)?.dataset.bgeMode;
     return modeAttr === "html" ? "html" : "wysiwyg";
   }
   set mode(mode) {
@@ -33530,7 +33530,7 @@ const PROPS_IS_BINDABLE = 1 << 3;
 const PROPS_IS_LAZY_INITIAL = 1 << 4;
 const TEMPLATE_FRAGMENT = 1;
 const TEMPLATE_USE_IMPORT_NODE = 1 << 1;
-const UNINITIALIZED = Symbol();
+const UNINITIALIZED = /* @__PURE__ */ Symbol();
 const NAMESPACE_HTML = "http://www.w3.org/1999/xhtml";
 const NAMESPACE_SVG = "http://www.w3.org/2000/svg";
 const ATTACHMENT_KEY = "@attach";
@@ -33606,9 +33606,9 @@ const WAS_MARKED = 1 << 15;
 const REACTION_IS_UPDATING = 1 << 21;
 const ASYNC = 1 << 22;
 const ERROR_VALUE = 1 << 23;
-const STATE_SYMBOL = Symbol("$state");
-const LEGACY_PROPS = Symbol("legacy props");
-const LOADING_ATTR_SYMBOL = Symbol("");
+const STATE_SYMBOL = /* @__PURE__ */ Symbol("$state");
+const LEGACY_PROPS = /* @__PURE__ */ Symbol("legacy props");
+const LOADING_ATTR_SYMBOL = /* @__PURE__ */ Symbol("");
 const STALE_REACTION = new class StaleReactionError extends Error {
   name = "StaleReactionError";
   message = "The reaction that called `getAbortSignal()` was re-run or destroyed";
@@ -33822,14 +33822,14 @@ class Batch {
   #deferred = null;
   /**
    * Deferred effects (which run after async work has completed) that are DIRTY
-   * @type {Effect[]}
+   * @type {Set<Effect>}
    */
-  #dirty_effects = [];
+  #dirty_effects = /* @__PURE__ */ new Set();
   /**
    * Deferred effects that are MAYBE_DIRTY
-   * @type {Effect[]}
+   * @type {Set<Effect>}
    */
-  #maybe_dirty_effects = [];
+  #maybe_dirty_effects = /* @__PURE__ */ new Set();
   /**
    * A set of branches that still exist, but will be destroyed when this batch
    * is committed — we skip over these during `process`
@@ -33852,8 +33852,7 @@ class Batch {
       parent: null,
       effect: null,
       effects: [],
-      render_effects: [],
-      block_effects: []
+      render_effects: []
     };
     for (const root2 of root_effects) {
       this.#traverse_effect_tree(root2, target);
@@ -33864,7 +33863,6 @@ class Batch {
     if (this.is_deferred()) {
       this.#defer_effects(target.effects);
       this.#defer_effects(target.render_effects);
-      this.#defer_effects(target.block_effects);
     } else {
       previous_batch = this;
       current_batch = null;
@@ -33894,8 +33892,7 @@ class Batch {
           parent: target,
           effect: effect2,
           effects: [],
-          render_effects: [],
-          block_effects: []
+          render_effects: []
         };
       }
       if (!skip && effect2.fn !== null) {
@@ -33904,7 +33901,7 @@ class Batch {
         } else if ((flags2 & EFFECT) !== 0) {
           target.effects.push(effect2);
         } else if (is_dirty(effect2)) {
-          if ((effect2.f & BLOCK_EFFECT) !== 0) target.block_effects.push(effect2);
+          if ((effect2.f & BLOCK_EFFECT) !== 0) this.#dirty_effects.add(effect2);
           update_effect(effect2);
         }
         var child2 = effect2.first;
@@ -33919,7 +33916,6 @@ class Batch {
         if (parent === target.effect) {
           this.#defer_effects(target.effects);
           this.#defer_effects(target.render_effects);
-          this.#defer_effects(target.block_effects);
           target = /** @type {EffectTarget} */
           target.parent;
         }
@@ -33933,8 +33929,11 @@ class Batch {
    */
   #defer_effects(effects) {
     for (const e of effects) {
-      const target = (e.f & DIRTY) !== 0 ? this.#dirty_effects : this.#maybe_dirty_effects;
-      target.push(e);
+      if ((e.f & DIRTY) !== 0) {
+        this.#dirty_effects.add(e);
+      } else if ((e.f & MAYBE_DIRTY) !== 0) {
+        this.#maybe_dirty_effects.add(e);
+      }
       this.#clear_marked(e.deps);
       set_signal_status(e, CLEAN);
     }
@@ -34013,8 +34012,7 @@ class Batch {
         parent: null,
         effect: null,
         effects: [],
-        render_effects: [],
-        block_effects: []
+        render_effects: []
       };
       for (const batch of batches) {
         if (batch === this) {
@@ -34080,6 +34078,7 @@ class Batch {
   }
   revive() {
     for (const e of this.#dirty_effects) {
+      this.#maybe_dirty_effects.delete(e);
       set_signal_status(e, DIRTY);
       schedule_effect(e);
     }
@@ -34087,8 +34086,6 @@ class Batch {
       set_signal_status(e, MAYBE_DIRTY);
       schedule_effect(e);
     }
-    this.#dirty_effects = [];
-    this.#maybe_dirty_effects = [];
     this.flush();
   }
   /** @param {() => void} fn */
@@ -37415,10 +37412,10 @@ function get_option_value(option) {
     return option.value;
   }
 }
-const CLASS = Symbol("class");
-const STYLE = Symbol("style");
-const IS_CUSTOM_ELEMENT = Symbol("is custom element");
-const IS_HTML = Symbol("is html");
+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");
 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
@@ -38037,7 +38034,7 @@ function prop(props, key, flags2, fallback) {
     var legacy_parent = props.$$legacy;
     return (
       /** @type {() => V} */
-      function(value, mutation) {
+      (function(value, mutation) {
         if (arguments.length > 0) {
           if (!runes || !mutation || legacy_parent || is_store_sub) {
             setter(mutation ? getter() : value);
@@ -38045,7 +38042,7 @@ function prop(props, key, flags2, fallback) {
           return value;
         }
         return getter();
-      }
+      })
     );
   }
   var overridden = false;
@@ -38060,7 +38057,7 @@ function prop(props, key, flags2, fallback) {
   );
   return (
     /** @type {() => V} */
-    function(value, mutation) {
+    (function(value, mutation) {
       if (arguments.length > 0) {
         const new_value = mutation ? get2(d2) : runes && bindable ? proxy(value) : value;
         set(d2, new_value);
@@ -38074,7 +38071,7 @@ function prop(props, key, flags2, fallback) {
         return d2.v;
       }
       return get2(d2);
-    }
+    })
   );
 }
 var root_4$3 = /* @__PURE__ */ from_html(`<img alt="" loading="lazy" class="svelte-1hna6ki"/>`);
@@ -40313,18 +40310,20 @@ var createProxy = (callback, path) => {
 var ClientRequestImpl = class {
   url;
   method;
+  buildSearchParams;
   queryParams = void 0;
   pathParams = {};
   rBody;
   cType = void 0;
-  constructor(url, method) {
+  constructor(url, method, options) {
     this.url = url;
     this.method = method;
+    this.buildSearchParams = options.buildSearchParams;
   }
   fetch = async (args, opt) => {
     if (args) {
       if (args.query) {
-        this.queryParams = buildSearchParams(args.query);
+        this.queryParams = this.buildSearchParams(args.query);
       }
       if (args.form) {
         const form = new FormData();
@@ -40380,6 +40379,7 @@ var ClientRequestImpl = class {
   };
 };
 var hc = (baseUrl, options) => createProxy(function proxyCallback(opts) {
+  const buildSearchParamsOption = options?.buildSearchParams ?? buildSearchParams;
   const parts = [...opts.path];
   const lastParts = parts.slice(-3).reverse();
   if (lastParts[0] === "toString") {
@@ -40410,7 +40410,7 @@ var hc = (baseUrl, options) => createProxy(function proxyCallback(opts) {
         result = replaceUrlParam(url, opts.args[0].param);
       }
       if (opts.args[0].query) {
-        result = result + "?" + buildSearchParams(opts.args[0].query).toString();
+        result = result + "?" + buildSearchParamsOption(opts.args[0].query).toString();
       }
     }
     result = removeIndexString(result);
@@ -40440,7 +40440,9 @@ var hc = (baseUrl, options) => createProxy(function proxyCallback(opts) {
     };
     return establishWebSocket(targetUrl.toString());
   }
-  const req = new ClientRequestImpl(url, method);
+  const req = new ClientRequestImpl(url, method, {
+    buildSearchParams: buildSearchParamsOption
+  });
   if (method) {
     options ??= {};
     const args = deepMerge(options, { ...opts.args[1] });