@burger-editor/local 4.0.0-alpha.53 → 4.0.0-alpha.54

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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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.52",
+  version: "4.0.0-alpha.53",
   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";
+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";
 
 function changeFrameSemantics(el, frameSemantics) {
   const containerFrame = el.querySelector("[data-bge-container-frame]");
@@ -6796,7 +6796,8 @@ class BurgerEditorEngine {
           const res = await fetch(sheet.path);
           return res.text();
         }));
-        this.#contentStylesheetCache = css.join("\n");
+        const stylesheets = [this.css.generalCSS, ...css];
+        this.#contentStylesheetCache = stylesheets.join("\n");
         return this.#contentStylesheetCache;
       }
     });
@@ -7023,6 +7024,9 @@ class BurgerEditorEngine {
   }
 }
 const IconAlignBoxCenterStretch = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-align-box-center-stretch"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M3 19v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2" />\n  <path d="M11 17h2" />\n  <path d="M9 12h6" />\n  <path d="M10 7h4" />\n</svg>';
+const IconAlignCenter = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-align-center"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M4 6l16 0" />\n  <path d="M8 12l8 0" />\n  <path d="M6 18l12 0" />\n</svg>';
+const IconAlignLeft = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-align-left"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M4 6l16 0" />\n  <path d="M4 12l10 0" />\n  <path d="M4 18l14 0" />\n</svg>';
+const IconAlignRight = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-align-right"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M4 6l16 0" />\n  <path d="M10 12l10 0" />\n  <path d="M6 18l14 0" />\n</svg>';
 const IconBlockquote = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-blockquote"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M6 15h15" />\n  <path d="M21 19h-15" />\n  <path d="M15 11h6" />\n  <path d="M21 7h-6" />\n  <path d="M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" />\n  <path d="M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2" />\n</svg>';
 const IconBold = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-bold"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M7 5h6a3.5 3.5 0 0 1 0 7h-6l0 -7" />\n  <path d="M13 12h1a3.5 3.5 0 0 1 0 7h-7v-7" />\n</svg>';
 const IconCloud = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-cloud"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M6.657 18c-2.572 0 -4.657 -2.007 -4.657 -4.483c0 -2.475 2.085 -4.482 4.657 -4.482c.393 -1.762 1.794 -3.2 3.675 -3.773c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486c0 1.927 -1.551 3.487 -3.465 3.487h-11.878" />\n</svg>';
@@ -7039,6 +7043,8 @@ const IconOrderedList = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24
 const IconBulletList = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-list"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M9 6l11 0" />\n  <path d="M9 12l11 0" />\n  <path d="M9 18l11 0" />\n  <path d="M5 6l0 .01" />\n  <path d="M5 12l0 .01" />\n  <path d="M5 18l0 .01" />\n</svg>';
 const IconNotes = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-notes"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M5 5a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2l0 -14" />\n  <path d="M9 7l6 0" />\n  <path d="M9 11l6 0" />\n  <path d="M9 15l4 0" />\n</svg>';
 const IconStrikethrough = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-strikethrough"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M5 12l14 0" />\n  <path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5" />\n</svg>';
+const IconSubscript = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-subscript"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M5 7l8 10m-8 0l8 -10" />\n  <path d="M21 20h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" />\n</svg>';
+const IconSuperscript = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-superscript"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M5 7l8 10m-8 0l8 -10" />\n  <path d="M21 11h-4l3.5 -4a1.73 1.73 0 0 0 -3.5 -2" />\n</svg>';
 const IconUnderline = '<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="24"\n  height="24"\n  viewBox="0 0 24 24"\n  fill="none"\n  stroke="currentColor"\n  stroke-width="2"\n  stroke-linecap="round"\n  stroke-linejoin="round"\n  class="icon icon-tabler icons-tabler-outline icon-tabler-underline"\n>\n  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>\n  <path d="M7 5v5a5 5 0 0 0 10 0v-5" />\n  <path d="M5 19h14" />\n</svg>';
 function OrderedMap(content) {
   this.content = content;
@@ -28280,6 +28286,7 @@ var Paragraph = Node3.create({
     };
   }
 });
+var index_default$3 = Paragraph;
 var inputRegex$1 = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
 var pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
 var Strike = Mark2.create({
@@ -29724,7 +29731,99 @@ var StarterKit = Extension.create({
     return extensions;
   }
 });
-var index_default = StarterKit;
+var index_default$2 = StarterKit;
+var Subscript = Mark2.create({
+  name: "subscript",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "sub"
+      },
+      {
+        style: "vertical-align",
+        getAttrs(value) {
+          if (value !== "sub") {
+            return false;
+          }
+          return null;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["sub", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+  addCommands() {
+    return {
+      setSubscript: () => ({ commands }) => {
+        return commands.setMark(this.name);
+      },
+      toggleSubscript: () => ({ commands }) => {
+        return commands.toggleMark(this.name);
+      },
+      unsetSubscript: () => ({ commands }) => {
+        return commands.unsetMark(this.name);
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-,": () => this.editor.commands.toggleSubscript()
+    };
+  }
+});
+var index_default$1 = Subscript;
+var Superscript = Mark2.create({
+  name: "superscript",
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "sup"
+      },
+      {
+        style: "vertical-align",
+        getAttrs(value) {
+          if (value !== "super") {
+            return false;
+          }
+          return null;
+        }
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["sup", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+  },
+  addCommands() {
+    return {
+      setSuperscript: () => ({ commands }) => {
+        return commands.setMark(this.name);
+      },
+      toggleSuperscript: () => ({ commands }) => {
+        return commands.toggleMark(this.name);
+      },
+      unsetSuperscript: () => ({ commands }) => {
+        return commands.unsetMark(this.name);
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      "Mod-.": () => this.editor.commands.toggleSuperscript()
+    };
+  }
+});
+var index_default = Superscript;
 var inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
 var Image$2 = Node3.create({
   name: "image",
@@ -32392,6 +32491,50 @@ const Note = Node3.create({
     };
   }
 });
+const ParagraphWithAlign = index_default$3.extend({
+  name: "paragraph",
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      "data-bgc-align": {
+        default: null,
+        parseHTML: (element2) => {
+          const align = element2.dataset.bgcAlign;
+          if (align && ["start", "center", "end"].includes(align)) {
+            return align;
+          }
+          return null;
+        },
+        renderHTML: (attributes) => {
+          if (!attributes["data-bgc-align"]) {
+            return {};
+          }
+          return {
+            "data-bgc-align": attributes["data-bgc-align"]
+          };
+        }
+      }
+    };
+  },
+  addCommands() {
+    return {
+      setAlign: (alignment) => ({ commands }) => {
+        return commands.updateAttributes("paragraph", {
+          "data-bgc-align": alignment
+        });
+      },
+      unsetAlign: () => ({ commands }) => {
+        return commands.resetAttributes("paragraph", "data-bgc-align");
+      },
+      toggleAlign: (alignment) => ({ commands, editor }) => {
+        if (editor.isActive("paragraph", { "data-bgc-align": alignment })) {
+          return commands.unsetAlign();
+        }
+        return commands.setAlign(alignment);
+      }
+    };
+  }
+});
 const TableBody = Node3.create({
   name: "tableBody",
   content: "tableRow+",
@@ -32473,6 +32616,12 @@ const BgeWysiwygEditorKit = Extension.create({
   name: "bge-wysiwyg-editor-kit",
   addExtensions() {
     return [
+      // Marks
+      index_default$1,
+      index_default,
+      // Paragraph拡張（StarterKitのParagraphを上書き）
+      ParagraphWithAlign,
+      // Nodes
       Image$1,
       FlexBox,
       DescriptionList,
@@ -32708,7 +32857,7 @@ const _BgeWysiwygElement = class _BgeWysiwygElement2 extends HTMLElement {
       `#${messageId}`
     ));
     const extensions = [
-      index_default.configure({
+      index_default$2.configure({
         link: {
           HTMLAttributes: {
             target: null,
@@ -32845,6 +32994,9 @@ const _BgeWysiwygElement = class _BgeWysiwygElement2 extends HTMLElement {
     html2 = html2.replaceAll("<p></p>", "");
     __privateMethod(this, _BgeWysiwygElement_instances, setToTextarea_fn).call(this, html2);
   }
+  toggleAlign(alignment) {
+    this.editor.chain().focus().toggleAlign(alignment).run();
+  }
   toggleBlockquote() {
     this.editor.chain().focus().toggleBlockquote().run();
   }
@@ -32881,6 +33033,12 @@ const _BgeWysiwygElement = class _BgeWysiwygElement2 extends HTMLElement {
   toggleStrike() {
     this.editor.chain().focus().toggleStrike().run();
   }
+  toggleSubscript() {
+    this.editor.chain().focus().toggleSubscript().run();
+  }
+  toggleSuperscript() {
+    this.editor.chain().focus().toggleSuperscript().run();
+  }
   toggleUnderline() {
     this.editor.chain().focus().toggleUnderline().run();
   }
@@ -32942,6 +33100,14 @@ transaction_fn = function(editor) {
         disabled: !editor.can().chain().focus().toggleStrike().run(),
         active: editor.isActive("strike")
       },
+      subscript: {
+        disabled: !editor.can().chain().focus().toggleSubscript().run(),
+        active: editor.isActive("subscript")
+      },
+      superscript: {
+        disabled: !editor.can().chain().focus().toggleSuperscript().run(),
+        active: editor.isActive("superscript")
+      },
       code: {
         disabled: !editor.can().chain().focus().toggleCode().run(),
         active: editor.isActive("code")
@@ -33001,6 +33167,18 @@ transaction_fn = function(editor) {
       image: {
         disabled: !editor.can().chain().focus().setImage({ src: "" }).run(),
         active: editor.isActive("image")
+      },
+      alignStart: {
+        disabled: !editor.can().chain().focus().toggleAlign("start").run(),
+        active: editor.isActive("paragraph", { "data-bgc-align": "start" })
+      },
+      alignCenter: {
+        disabled: !editor.can().chain().focus().toggleAlign("center").run(),
+        active: editor.isActive("paragraph", { "data-bgc-align": "center" })
+      },
+      alignEnd: {
+        disabled: !editor.can().chain().focus().toggleAlign("end").run(),
+        active: editor.isActive("paragraph", { "data-bgc-align": "end" })
       }
     }
   };
@@ -33061,6 +33239,8 @@ const _BgeWysiwygEditorElement = class _BgeWysiwygEditorElement2 extends HTMLEle
 						${commands.includes("italic") ? `<button type="button" data-bge-toolbar-button="italic">${IconItalic}</button>` : ""}
 						${commands.includes("strikethrough") ? `<button type="button" data-bge-toolbar-button="strikethrough">${IconStrikethrough}</button>` : ""}
 						${commands.includes("underline") ? `<button type="button" data-bge-toolbar-button="underline">${IconUnderline}</button>` : ""}
+						${commands.includes("subscript") ? `<button type="button" data-bge-toolbar-button="subscript">${IconSubscript}</button>` : ""}
+						${commands.includes("superscript") ? `<button type="button" data-bge-toolbar-button="superscript">${IconSuperscript}</button>` : ""}
 						${commands.includes("code") ? `<button type="button" data-bge-toolbar-button="code">${IconCode}</button>` : ""}
 						${commands.includes("link") ? `<button type="button" data-bge-toolbar-button="link">${IconLink}</button>` : ""}
 						${commands.includes("button-like-link") ? `<button type="button" data-bge-toolbar-button="button-like-link">${IconCloud}</button>` : ""}
@@ -33075,6 +33255,9 @@ const _BgeWysiwygEditorElement = class _BgeWysiwygEditorElement2 extends HTMLEle
 						${commands.includes("h5") ? `<button type="button" data-bge-toolbar-button="h5">${IconH5}</button>` : ""}
 						${commands.includes("h6") ? `<button type="button" data-bge-toolbar-button="h6">${IconH6}</button>` : ""}
 						${commands.includes("flex-box") ? `<button type="button" data-bge-toolbar-button="flex-box"><span data-bge-rotate>${IconAlignBoxCenterStretch}</span></button>` : ""}
+						${commands.includes("align-start") ? `<button type="button" data-bge-toolbar-button="align-start">${IconAlignLeft}</button>` : ""}
+						${commands.includes("align-center") ? `<button type="button" data-bge-toolbar-button="align-center">${IconAlignCenter}</button>` : ""}
+						${commands.includes("align-end") ? `<button type="button" data-bge-toolbar-button="align-end">${IconAlignRight}</button>` : ""}
 					</div>
 					<div data-bge-toolbar-group>
 						<button type="button" data-bge-toolbar-button="html-mode">HTML Mode</button>
@@ -33185,6 +33368,8 @@ __publicField(_BgeWysiwygEditorElement, "defaultCommands", [
   "italic",
   "underline",
   "strikethrough",
+  "subscript",
+  "superscript",
   "link",
   "button-like-link",
   "blockquote",
@@ -33195,7 +33380,10 @@ __publicField(_BgeWysiwygEditorElement, "defaultCommands", [
   "h4",
   "h5",
   "h6",
-  "flex-box"
+  "flex-box",
+  "align-start",
+  "align-center",
+  "align-end"
 ]);
 let BgeWysiwygEditorElement = _BgeWysiwygEditorElement;
 function bindToggle(button, wysiwygElement) {
@@ -33289,6 +33477,26 @@ function bindToggle(button, wysiwygElement) {
       wysiwygElement.toggleFlexBox();
       break;
     }
+    case "subscript": {
+      wysiwygElement.toggleSubscript();
+      break;
+    }
+    case "superscript": {
+      wysiwygElement.toggleSuperscript();
+      break;
+    }
+    case "align-start": {
+      wysiwygElement.toggleAlign("start");
+      break;
+    }
+    case "align-center": {
+      wysiwygElement.toggleAlign("center");
+      break;
+    }
+    case "align-end": {
+      wysiwygElement.toggleAlign("end");
+      break;
+    }
   }
 }
 function updateButtonState(button, state2) {
@@ -33379,6 +33587,31 @@ function updateButtonState(button, state2) {
       button.ariaPressed = state2.flexBox.active ? "true" : "false";
       break;
     }
+    case "subscript": {
+      button.disabled = state2.subscript.disabled;
+      button.ariaPressed = state2.subscript.active ? "true" : "false";
+      break;
+    }
+    case "superscript": {
+      button.disabled = state2.superscript.disabled;
+      button.ariaPressed = state2.superscript.active ? "true" : "false";
+      break;
+    }
+    case "align-start": {
+      button.disabled = state2.alignStart.disabled;
+      button.ariaPressed = state2.alignStart.active ? "true" : "false";
+      break;
+    }
+    case "align-center": {
+      button.disabled = state2.alignCenter.disabled;
+      button.ariaPressed = state2.alignCenter.active ? "true" : "false";
+      break;
+    }
+    case "align-end": {
+      button.disabled = state2.alignEnd.disabled;
+      button.ariaPressed = state2.alignEnd.active ? "true" : "false";
+      break;
+    }
   }
 }
 const PUBLIC_VERSION = "5";