@burger-editor/blocks 4.0.0-alpha.11 → 4.0.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +15 -28
  2. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -9,10 +9,10 @@ var editor$a = "<div>\n\t<label>\n\t\t<span>ボタンの種類</span>\n\t\t<sele
9
9
 
10
10
  var style$a = "/* No Styling */\n";
11
11
 
12
- var template$C = "<div data-bgi-button-kind=\"link\" data-bge=\"kind:data-bgi-button-kind\">\n\t<a href=\"\" data-bge=\"link:href, target:target\">\n\t\t<span data-bge=\"text\">ボタン</span>\n\t</a>\n</div>\n";
12
+ var template$C = "<a href=\"\" data-bgi-button-kind=\"link\" data-bge=\"link:href, target:target, kind:data-bgi-button-kind\">\n\t<div>\n\t\t<span data-bge=\"text\">ボタン</span>\n\t</div>\n</a>\n";
13
13
 
14
14
  var button = createItem({
15
- version: "4.0.0-alpha.10",
15
+ version: "4.0.0-alpha.12",
16
16
  name: "button",
17
17
  template: template$C,
18
18
  style: style$a,
@@ -26,7 +26,7 @@ var style$9 = "/* No Styling */\n";
26
26
  var template$B = "<details data-bge=\"open:open\">\n\t<summary data-bge=\"summary\">折りたたみコンテンツ</summary>\n\t<div data-bge=\"content\"><p>内容を入力してください</p></div>\n</details>\n";
27
27
 
28
28
  var details = createItem({
29
- version: "4.0.0-alpha.10",
29
+ version: "4.0.0-alpha.12",
30
30
  name: "details",
31
31
  template: template$B,
32
32
  style: style$9,
@@ -40,7 +40,7 @@ var style$8 = "[data-bgi='download-file'] {\n\t[data-bge*='size'] {\n\t\t&::befo
40
40
  var template$A = "<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";
41
41
 
42
42
  var downloadFile = createItem({
43
- version: "4.0.0-alpha.10",
43
+ version: "4.0.0-alpha.12",
44
44
  name: "download-file",
45
45
  template: template$A,
46
46
  style: style$8,
@@ -79,7 +79,7 @@ var style$7 = "[data-bgi='google-maps'] {\n\tdiv {\n\t\tinline-size: 100%;\n\t\t
79
79
  var template$z = "<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";
80
80
 
81
81
  var googleMaps = createItem({
82
- version: "4.0.0-alpha.10",
82
+ version: "4.0.0-alpha.12",
83
83
  name: "google-maps",
84
84
  template: template$z,
85
85
  style: style$7,
@@ -207,31 +207,18 @@ var googleMaps = createItem({
207
207
  }
208
208
  });
209
209
 
210
- var editor$6 = "<div>\n\t<label>\n\t\t<span>区切り線の種類</span>\n\t\t<select name=\"bge-kind\">\n\t\t\t<option value=\"primary\">標準</option>\n\t\t\t<option value=\"dashed\">破線</option>\n\t\t\t<option value=\"bold\">太い区切り線</option>\n\t\t\t<option value=\"narrow\">細い区切り線</option>\n\t\t\t<option value=\"short\">短い区切り線</option>\n\t\t</select>\n\t</label>\n</div>\n";
210
+ var editor$6 = "<div>\n\t<label>\n\t\t<span>区切り線の種類</span>\n\t\t<select name=\"bge-kind\">\n\t\t\t<option value=\"primary\">標準</option>\n\t\t\t<option value=\"dashed\">破線</option>\n\t\t\t<option value=\"bold\">太い区切り線</option>\n\t\t\t<option value=\"narrow\">細い区切り線</option>\n\t\t</select>\n\t</label>\n</div>\n";
211
211
 
212
212
  var style$6 = "[data-bgi='hr'] {\n\t--inline-size: 100%;\n\t--border-color: #000;\n\t--border-width: 1px;\n\t--border-kind: solid;\n\n\t> div {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t}\n\n\thr {\n\t\tinline-size: var(--inline-size);\n\t\tborder: var(--border-color) var(--border-kind) var(--border-width);\n\t}\n}\n";
213
213
 
214
214
  var template$y = "<div data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr />\n</div>\n";
215
215
 
216
216
  var hr = createItem({
217
- version: "4.0.0-alpha.10",
217
+ version: "4.0.0-alpha.12",
218
218
  name: "hr",
219
219
  template: template$y,
220
220
  style: style$6,
221
- editor: editor$6,
222
- editorOptions: {
223
- migrate(type) {
224
- const data = type.export();
225
- if (data.type) {
226
- data.kind = data.type.replace(/^bgi-hr--/, "");
227
- delete data.type;
228
- }
229
- if (!data.kind) {
230
- data.kind = "primary";
231
- }
232
- return data;
233
- }
234
- }
221
+ editor: editor$6
235
222
  });
236
223
 
237
224
  var editor$5 = "<div data-bge-dialog=\"2col\">\n\t<div data-bge-dialog-ui=\"sticky\">\n\t\t<div>\n\t\t\t<div data-bge-editor-ui=\"tabs\" data-bge-editor-ui-for=\"bgi-image__tabs-content\"></div>\n\n\t\t\t<div id=\"bgi-image__tabs-content\" role=\"tabpanel\" aria-label=\"画像\">\n\t\t\t\t<div data-bge-editor-ui=\"preview\"></div>\n\t\t\t\t<input type=\"hidden\" name=\"bge-path[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-alt[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-width[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-height[]\" />\n\t\t\t\t<input type=\"hidden\" name=\"bge-media[]\" />\n\n\t\t\t\t<input type=\"hidden\" name=\"bge-file-size\" />\n\t\t\t\t<div>\n\t\t\t\t\t<label>\n\t\t\t\t\t\t<span>メディアクエリー</span>\n\t\t\t\t\t\t<input type=\"text\" name=\"bge-media-input\" />\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div>\n\t\t\t<fieldset>\n\t\t\t\t<legend>画像のサイズ</legend>\n\t\t\t\t<div role=\"radiogroup\" aria-labelledby=\"bgi-image__radio-group1\">\n\t\t\t\t\t<div id=\"bgi-image__radio-group1\">基準</div>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-scale-type\" value=\"container\" /><span>基準</span></label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-scale-type\" value=\"original\" checked />画像基準</label>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<label for=\"bgi-image__range\">幅</label>\n\t\t\t\t\t\t<output name=\"bge-css-width\"></output>\n\t\t\t\t\t</span>\n\t\t\t\t\t<input id=\"bgi-image__range\" type=\"range\" name=\"bge-scale\" min=\"1\" max=\"100\" step=\"1\" value=\"100\" />\n\t\t\t\t</div>\n\t\t\t\t<div role=\"radiogroup\" aria-labelledby=\"bgi-image__radio-group2\">\n\t\t\t\t\t<div id=\"bgi-image__radio-group2\">縦横比</div>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"unset\" checked />オリジナル</label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"1/1\" />1 : 1</label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"4/3\" />4 : 3</label>\n\t\t\t\t\t<label><input type=\"radio\" name=\"bge-aspect-ratio\" value=\"16/9\" />16 : 9</label>\n\t\t\t\t</div>\n\t\t\t</fieldset>\n\t\t\t<label>\n\t\t\t\t<span>画像の代替テキスト(alt)</span>\n\t\t\t\t<input type=\"text\" name=\"bge-alt-editable\" />\n\t\t\t</label>\n\t\t\t<label>\n\t\t\t\t<span>キャプション</span>\n\t\t\t\t<input type=\"text\" name=\"bge-caption\" />\n\t\t\t</label>\n\t\t\t<fieldset>\n\t\t\t\t<legend>リンク</legend>\n\t\t\t\t<label><input type=\"checkbox\" name=\"bge-popup\" />ポップアップで画像を開く</label>\n\t\t\t\t<label>\n\t\t\t\t\t<span>リンク先URL</span>\n\t\t\t\t\t<input type=\"url\" name=\"bge-href\" />\n\t\t\t\t</label>\n\t\t\t\t<label><input type=\"checkbox\" name=\"bge-target-blank\" />別タブで開く</label>\n\t\t\t</fieldset>\n\t\t\t<label><input type=\"checkbox\" name=\"bge-lazy\" checked aria-describedby=\"bge-lazy-desc\" />遅延読み込み</label>\n\t\t\t<small id=\"bge-lazy-desc\">画像がブラウザの表示エリアに現れるまでファイルを読み込みません。</small>\n\t\t</div>\n\t</div>\n\t<div>\n\t\t<div data-bge-editor-ui=\"imageUploader\"></div>\n\t\t<div data-bge-editor-ui=\"imageList\"></div>\n\t</div>\n</div>\n";
@@ -242,7 +229,7 @@ var template$x = "<div data-bge=\":style, :scale, :scale-type, :aspect-ratio\" d
242
229
 
243
230
  const ORIGIN = "__org";
244
231
  var image = createItem({
245
- version: "4.0.0-alpha.10",
232
+ version: "4.0.0-alpha.12",
246
233
  name: "image",
247
234
  template: template$x,
248
235
  style: style$5,
@@ -408,7 +395,7 @@ var style$4 = "/* No Styling */\n";
408
395
  var template$w = "<table>\n\t<caption data-bge=\"caption\">\n\t\tキャプションを入力してください\n\t</caption>\n\t<tbody data-bge-list>\n\t\t<tr>\n\t\t\t<th data-bge=\"th\">表組の見出し</th>\n\t\t\t<td data-bge=\"td\">表組の内容を入力してください</td>\n\t\t</tr>\n\t</tbody>\n</table>\n";
409
396
 
410
397
  var table = createItem({
411
- version: "4.0.0-alpha.10",
398
+ version: "4.0.0-alpha.12",
412
399
  name: "table",
413
400
  template: template$w,
414
401
  style: style$4,
@@ -436,7 +423,7 @@ var style$3 = "/* No Styling */\n";
436
423
  var template$v = "<h2 data-bge=\"title-h2\">見出しを入力してください</h2>\n";
437
424
 
438
425
  var titleH2 = createItem({
439
- version: "4.0.0-alpha.10",
426
+ version: "4.0.0-alpha.12",
440
427
  name: "title-h2",
441
428
  template: template$v,
442
429
  style: style$3,
@@ -450,7 +437,7 @@ var style$2 = "/* No Styling */\n";
450
437
  var template$u = "<h3 data-bge=\"title-h3\">見出しを入力してください</h3>\n";
451
438
 
452
439
  var titleH3 = createItem({
453
- version: "4.0.0-alpha.10",
440
+ version: "4.0.0-alpha.12",
454
441
  name: "title-h3",
455
442
  template: template$u,
456
443
  style: style$2,
@@ -464,7 +451,7 @@ var style$1 = "/* No Styling */\n";
464
451
  var template$t = "<div data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
465
452
 
466
453
  var wysiwyg = createItem({
467
- version: "4.0.0-alpha.10",
454
+ version: "4.0.0-alpha.12",
468
455
  name: "wysiwyg",
469
456
  template: template$t,
470
457
  style: style$1,
@@ -479,7 +466,7 @@ var template$s = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data
479
466
 
480
467
  const FALLBACK_TITLE = "YouTube\u52D5\u753B";
481
468
  var youtube = createItem({
482
- version: "4.0.0-alpha.10",
469
+ version: "4.0.0-alpha.12",
483
470
  name: "youtube",
484
471
  template: template$s,
485
472
  style,
@@ -854,6 +841,6 @@ const blocks = {
854
841
  disclosure: blockTemplate$o
855
842
  };
856
843
 
857
- var general = ":root {\n\t--bge-grid-gap: 1rem;\n\t--bge-auto-fit-base-width: 40em;\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-bgcolor-transparent: transparent;\n\t--bge-options-bgcolor-white: #fff;\n\t--bge-options-bgcolor-gray: #dfdfdf;\n\t--bge-options-bgcolor-blue: #eaf3f8;\n\t--bge-options-bgcolor-red: #fcc;\n\t--bge-options-bgcolor: var(--bge-options-bgcolor-transparent);\n\n\t/* Custom border style */\n\t--bge-options-border-none: none;\n\t--bge-options-border-solid: solid 1px currentColor;\n\t--bge-options-border-dashed: dashed 1px currentColor;\n\t--bge-options-border-dotted: dotted 1px currentColor;\n\t--bge-options-border-wide: solid 3px currentColor;\n\t--bge-options-border: var(--bge-options-border-none);\n\n\t/* Custom padding */\n\t--bge-options-padding-none: 0;\n\t--bge-options-padding-small: 1rem;\n\t--bge-options-padding-middle: 3rem;\n\t--bge-options-padding-large: 5rem;\n\t--bge-options-padding: var(--bge-options-padding-none);\n}\n\n:where([data-bge-container]) {\n\t--bge-container-margin-block-end: var(--bge-options-margin);\n\tmargin-block-end: var(--bge-container-margin-block-end);\n\tcontainer-name: bge-container;\n\tcontainer-type: inline-size;\n\n\t&:where(:last-child) {\n\t\t--bge-last-container-margin-block-end: 0;\n\t\t--bge-container-margin-block-end: var(--bge-last-container-margin-block-end);\n\t}\n}\n\n:where([data-bge-container-frame]) {\n\t--bge-container-background-color: var(--bge-options-bgcolor);\n\t--bge-container-border: var(--bge-options-border);\n\t--bge-container-padding: var(--bge-options-padding);\n\tpadding: var(--bge-container-padding);\n\tbackground-color: var(--bge-container-background-color);\n\tborder: var(--bge-container-border);\n}\n\n:where([data-bge-container='grid'], [data-bge-container^='grid:']) {\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\tdisplay: grid;\n\t\tgrid-template-columns: repeat(var(--bge-grid-col, 1), minmax(0, 1fr));\n\t\tgap: var(--bge-grid-gap);\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(calc(var(--bge-auto-fit-base-width) / var(--bge-grid-col, 1)), 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\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\talign-self: self-start;\n\t\tcontainer-name: bge-item;\n\t\tcontainer-type: inline-size;\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t:where([data-bge-container-frame]) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--bge-grid-gap);\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:where([data-bge-container-frame]) {\n\t\t& > * {\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--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(--bge-grid-gap);\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(--bge-grid-gap) 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";
844
+ var general = ":root {\n\t--bge-auto-fit-base-width: 40em;\n\n\t/* Custom width */\n\t--bge-options-width--normal: calc(800 / 16 * 1rem);\n\t--bge-options-width--small: calc(400 / 16 * 1rem);\n\t--bge-options-width--medium: calc(600 / 16 * 1rem);\n\t--bge-options-width--large: calc(1200 / 16 * 1rem);\n\t--bge-options-width--full: 100dvi;\n\t--bge-options-width: var(--bge-options-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-bgcolor--transparent: transparent;\n\t--bge-options-bgcolor--white: #fff;\n\t--bge-options-bgcolor--gray: #dfdfdf;\n\t--bge-options-bgcolor--blue: #eaf3f8;\n\t--bge-options-bgcolor--red: #fcc;\n\t--bge-options-bgcolor: var(--bge-options-bgcolor--transparent);\n\n\t/* Custom border style */\n\t--bge-options-border--none: none;\n\t--bge-options-border--solid: solid 1px currentColor;\n\t--bge-options-border--dashed: dashed 1px currentColor;\n\t--bge-options-border--dotted: dotted 1px currentColor;\n\t--bge-options-border--wide: solid 3px currentColor;\n\t--bge-options-border: var(--bge-options-border--none);\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 gap */\n\t--bge-options-gap--normal: 1rem;\n\t--bge-options-gap--small: 0.5rem;\n\t--bge-options-gap--large: 2rem;\n\t--bge-options-gap: var(--bge-options-gap--normal);\n}\n\n:where([data-bge-container]) {\n\t--bge-container-margin-block-end: var(--bge-options-margin);\n\tinline-size: 100%;\n\tmax-inline-size: var(--bge-options-width);\n\tmargin-block-end: var(--bge-container-margin-block-end);\n\tmargin-inline: auto;\n\tcontainer-name: bge-container;\n\tcontainer-type: inline-size;\n\n\t&:where(:last-child) {\n\t\t--bge-last-container-margin-block-end: 0;\n\t\t--bge-container-margin-block-end: var(--bge-last-container-margin-block-end);\n\t}\n}\n\n:where([data-bge-container-frame]) {\n\t--bge-container-background-color: var(--bge-options-bgcolor);\n\t--bge-container-border: var(--bge-options-border);\n\t--bge-container-padding-block: var(--bge-options-padding-block);\n\t--bge-container-padding-inline: var(--bge-options-padding-inline);\n\tinline-size: 100%;\n\tpadding-block: var(--bge-container-padding-block);\n\tpadding-inline: var(--bge-container-padding-inline);\n\tbackground-color: var(--bge-container-background-color);\n\tborder: var(--bge-container-border);\n}\n\n:where([data-bge-container='grid'], [data-bge-container^='grid:']) {\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\tdisplay: grid;\n\t\tgrid-template-columns: repeat(var(--bge-grid-col, 1), minmax(0, 1fr));\n\t\tgap: var(--bge-options-gap);\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(calc(var(--bge-auto-fit-base-width) / var(--bge-grid-col, 1)), 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\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\talign-self: self-start;\n\t\tcontainer-name: bge-item;\n\t\tcontainer-type: inline-size;\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t:where([data-bge-container-frame]) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--bge-options-gap);\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:where([data-bge-container-frame]) {\n\t\t& > * {\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--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(--bge-options-gap);\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(--bge-options-gap) 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";
858
845
 
859
846
  export { blocks, general as generalCSS, items };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burger-editor/blocks",
3
- "version": "4.0.0-alpha.11",
3
+ "version": "4.0.0-alpha.13",
4
4
  "description": "BurgerEditor Blocks",
5
5
  "author": "D-ZERO",
6
6
  "license": "(MIT OR Apache-2.0)",
@@ -27,15 +27,15 @@
27
27
  "dev": "rollup -c -w"
28
28
  },
29
29
  "dependencies": {
30
- "@burger-editor/core": "4.0.0-alpha.11",
31
- "@burger-editor/utils": "4.0.0-alpha.11"
30
+ "@burger-editor/core": "4.0.0-alpha.13",
31
+ "@burger-editor/utils": "4.0.0-alpha.13"
32
32
  },
33
33
  "devDependencies": {
34
- "@burger-editor/custom-element": "4.0.0-alpha.11",
34
+ "@burger-editor/custom-element": "4.0.0-alpha.13",
35
35
  "@types/google.maps": "3.58.1",
36
36
  "rollup": "4.46.2",
37
37
  "rollup-plugin-esbuild": "6.2.1",
38
38
  "rollup-plugin-string": "3.0.0"
39
39
  },
40
- "gitHead": "89e386bbd0ac73f079bd4676a26c4872b74c4be1"
40
+ "gitHead": "d1fae19f7128f721dd65bc717c153c5f37253694"
41
41
  }