@burger-editor/blocks 4.0.0-alpha.6 → 4.0.0-alpha.7
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.
- package/dist/index.js +11 -11
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -13,7 +13,7 @@ var style$9 = ".bgi-btn-container {\n\ttext-align: center;\n}\n\n.bgi-btn {\n\ta
|
|
|
13
13
|
var template$A = "<div class=\"bgi-btn-container\" data-bgi-button-kind=\"link\" data-bge=\"kind:data-bgi-button-kind\">\n\t<a class=\"bgi-btn\" href=\"\" data-bge=\"link:href, target:target\">\n\t\t<span class=\"bgi-btn__text\" data-bge=\"text\">ボタン</span>\n\t</a>\n</div>\n";
|
|
14
14
|
|
|
15
15
|
var button = createItem({
|
|
16
|
-
version: "4.0.0-alpha.
|
|
16
|
+
version: "4.0.0-alpha.6",
|
|
17
17
|
name: "button",
|
|
18
18
|
template: template$A,
|
|
19
19
|
style: style$9,
|
|
@@ -27,7 +27,7 @@ var style$8 = ".bgi-link__size {\n\t&::before {\n\t\tcontent: '(';\n\t}\n\n\t&::
|
|
|
27
27
|
var template$z = "<div class=\"bgi-download-file\">\n\t<a class=\"bgi-download-file__link\" href=\"./files/bgeditor/bg-sample.pdf\" target=\"_blank\" data-bge=\"path:href, download:download\">\n\t\t<span class=\"bgi-link__icon bgi-link__icon--before\" role=\"none\"></span>\n\t\t<span class=\"bgi-link__name\" data-bge=\"name\">サンプルダウンロードファイル</span>\n\t\t<span class=\"bgi-link__size\" data-bge=\"formated-size, size:data-size\" data-size=\"138158\">134.92kB</span>\n\t\t<span class=\"bgi-link__icon bgi-link__icon--after\" role=\"none\"></span>\n\t</a>\n</div>\n";
|
|
28
28
|
|
|
29
29
|
var downloadFile = createItem({
|
|
30
|
-
version: "4.0.0-alpha.
|
|
30
|
+
version: "4.0.0-alpha.6",
|
|
31
31
|
name: "download-file",
|
|
32
32
|
template: template$z,
|
|
33
33
|
style: style$8,
|
|
@@ -66,7 +66,7 @@ var style$7 = "[data-bgi='google-maps'] {\n\tdiv {\n\t\tinline-size: 100%;\n\t\t
|
|
|
66
66
|
var template$y = "<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&zoom=16&size=640x400&markers=color:red|color:red|35.681382,139.766084&scale=2&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";
|
|
67
67
|
|
|
68
68
|
var googleMaps = createItem({
|
|
69
|
-
version: "4.0.0-alpha.
|
|
69
|
+
version: "4.0.0-alpha.6",
|
|
70
70
|
name: "google-maps",
|
|
71
71
|
template: template$y,
|
|
72
72
|
style: style$7,
|
|
@@ -201,7 +201,7 @@ var style$6 = "[data-bgi='hr'] {\n\t--border-color: #000;\n\t--border-width: 1px
|
|
|
201
201
|
var template$x = "<div class=\"bgi-hr-container\" data-bgi-hr-kind=\"primary\" data-bge=\"kind:data-bgi-hr-kind\">\n\t<hr class=\"bgi-hr\" />\n</div>\n";
|
|
202
202
|
|
|
203
203
|
var hr = createItem({
|
|
204
|
-
version: "4.0.0-alpha.
|
|
204
|
+
version: "4.0.0-alpha.6",
|
|
205
205
|
name: "hr",
|
|
206
206
|
template: template$x,
|
|
207
207
|
style: style$6,
|
|
@@ -229,7 +229,7 @@ var template$w = "<div data-bge=\":style, :scale, :scale-type, :aspect-ratio\" d
|
|
|
229
229
|
|
|
230
230
|
const ORIGIN = "__org";
|
|
231
231
|
var image = createItem({
|
|
232
|
-
version: "4.0.0-alpha.
|
|
232
|
+
version: "4.0.0-alpha.6",
|
|
233
233
|
name: "image",
|
|
234
234
|
template: template$w,
|
|
235
235
|
style: style$5,
|
|
@@ -392,7 +392,7 @@ var style$4 = ".bge-type-table {\n\tmargin: 0;\n\n\tth {\n\t\tinline-size: calc(
|
|
|
392
392
|
var template$v = "<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";
|
|
393
393
|
|
|
394
394
|
var table = createItem({
|
|
395
|
-
version: "4.0.0-alpha.
|
|
395
|
+
version: "4.0.0-alpha.6",
|
|
396
396
|
name: "table",
|
|
397
397
|
template: template$v,
|
|
398
398
|
style: style$4,
|
|
@@ -420,7 +420,7 @@ var style$3 = ".bge-title-h2 {\n\tmargin-block-end: 0;\n}\n";
|
|
|
420
420
|
var template$u = "<h2 class=\"bge-title-h2\" data-bge=\"title-h2\">見出しを入力してください</h2>\n";
|
|
421
421
|
|
|
422
422
|
var titleH2 = createItem({
|
|
423
|
-
version: "4.0.0-alpha.
|
|
423
|
+
version: "4.0.0-alpha.6",
|
|
424
424
|
name: "title-h2",
|
|
425
425
|
template: template$u,
|
|
426
426
|
style: style$3,
|
|
@@ -434,7 +434,7 @@ var style$2 = ".bge-title-h3 {\n\tmargin-block-end: 0;\n}\n";
|
|
|
434
434
|
var template$t = "<h2 class=\"bge-title-h3\" data-bge=\"title-h3\">見出しを入力してください</h2>\n";
|
|
435
435
|
|
|
436
436
|
var titleH3 = createItem({
|
|
437
|
-
version: "4.0.0-alpha.
|
|
437
|
+
version: "4.0.0-alpha.6",
|
|
438
438
|
name: "title-h3",
|
|
439
439
|
template: template$t,
|
|
440
440
|
style: style$2,
|
|
@@ -448,7 +448,7 @@ var style$1 = "/* No Styling */\n";
|
|
|
448
448
|
var template$s = "<div class=\"bge-wysiwyg\" data-bge=\"wysiwyg\"><p>本文を入力してください</p></div>\n";
|
|
449
449
|
|
|
450
450
|
var wysiwyg = createItem({
|
|
451
|
-
version: "4.0.0-alpha.
|
|
451
|
+
version: "4.0.0-alpha.6",
|
|
452
452
|
name: "wysiwyg",
|
|
453
453
|
template: template$s,
|
|
454
454
|
style: style$1,
|
|
@@ -499,7 +499,7 @@ var template$r = "<div data-id=\"3KtWfp0UopM\" data-title=\"YouTube動画\" data
|
|
|
499
499
|
|
|
500
500
|
const FALLBACK_TITLE = "YouTube\u52D5\u753B";
|
|
501
501
|
var youtube = createItem({
|
|
502
|
-
version: "4.0.0-alpha.
|
|
502
|
+
version: "4.0.0-alpha.6",
|
|
503
503
|
name: "youtube",
|
|
504
504
|
template: template$r,
|
|
505
505
|
style,
|
|
@@ -862,6 +862,6 @@ const blocks = {
|
|
|
862
862
|
youtube: blockTemplate
|
|
863
863
|
};
|
|
864
864
|
|
|
865
|
-
var general = ":root {\n\t--bge-grid-gap: 1rem;\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-black: #333;\n\t--bge-options-bgcolor-gray: #ccc;\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\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\tmargin-block-end: var(--bge-container-margin-block-end);\n\tbackground-color: var(--bge-container-background-color);\n\tborder: var(--bge-container-border);\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='grid'], [data-bge-container^='grid:']) {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--bge-grid-col, 1), minmax(0, 1fr));\n\tgap: var(--bge-grid-gap);\n\n\t&:where([data-bge-container$=':2'], [data-bge-container*=':2:']) {\n\t\t--bge-grid-col: 2;\n\t}\n\n\t&:where([data-bge-container$=':3'], [data-bge-container*=':3:']) {\n\t\t--bge-grid-col: 3;\n\t}\n\n\t&:where([data-bge-container$=':4'], [data-bge-container*=':4:']) {\n\t\t--bge-grid-col: 4;\n\t}\n\n\t&:where([data-bge-container$=':5'], [data-bge-container*=':5:']) {\n\t\t--bge-grid-col: 5;\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-type: inline-size;\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t--warp: wrap;\n\t--justify: center;\n\t--align: stretch;\n\tdisplay: flex;\n\tflex-wrap: var(--warp);\n\tgap: var(--bge-grid-gap);\n\
|
|
865
|
+
var general = ":root {\n\t--bge-grid-gap: 1rem;\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-black: #333;\n\t--bge-options-bgcolor-gray: #ccc;\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\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\tmargin-block-end: var(--bge-container-margin-block-end);\n\tbackground-color: var(--bge-container-background-color);\n\tborder: var(--bge-container-border);\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='grid'], [data-bge-container^='grid:']) {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--bge-grid-col, 1), minmax(0, 1fr));\n\tgap: var(--bge-grid-gap);\n\n\t&:where([data-bge-container$=':2'], [data-bge-container*=':2:']) {\n\t\t--bge-grid-col: 2;\n\t}\n\n\t&:where([data-bge-container$=':3'], [data-bge-container*=':3:']) {\n\t\t--bge-grid-col: 3;\n\t}\n\n\t&:where([data-bge-container$=':4'], [data-bge-container*=':4:']) {\n\t\t--bge-grid-col: 4;\n\t}\n\n\t&:where([data-bge-container$=':5'], [data-bge-container*=':5:']) {\n\t\t--bge-grid-col: 5;\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-type: inline-size;\n\t}\n}\n\n:where([data-bge-container='inline'], [data-bge-container^='inline:']) {\n\t--warp: wrap;\n\t--justify: center;\n\t--align: stretch;\n\tdisplay: flex;\n\tflex-wrap: var(--warp);\n\tgap: var(--bge-grid-gap);\n\talign-items: var(--align);\n\tjustify-content: var(--justify);\n\tcontainer-type: inline-size;\n\n\t&:where([data-bge-container$=':immutable'], [data-bge-container*=':immutable:']) {\n\t\t& > * {\n\t\t\tflex: 1 0 100cqi;\n\t\t}\n\t}\n\n\t&:where([data-bge-container$=':center'], [data-bge-container*=':center:']) {\n\t\t--justify: center;\n\t}\n\n\t&:where([data-bge-container$=':start'], [data-bge-container*=':start:']) {\n\t\t--justify: start;\n\t}\n\n\t&:where([data-bge-container$=':end'], [data-bge-container*=':end:']) {\n\t\t--justify: end;\n\t}\n\n\t&:where([data-bge-container$=':between'], [data-bge-container*=':between:']) {\n\t\t--justify: space-between;\n\t}\n\n\t&:where([data-bge-container$=':around'], [data-bge-container*=':around:']) {\n\t\t--justify: space-around;\n\t}\n\n\t&:where([data-bge-container$=':evenly'], [data-bge-container*=':evenly:']) {\n\t\t--justify: space-evenly;\n\t}\n\n\t&:where([data-bge-container$=':align-center'], [data-bge-container*=':align-center:']) {\n\t\t--align: center;\n\t}\n\n\t&:where([data-bge-container$=':align-start'], [data-bge-container*=':align-start:']) {\n\t\t--align: start;\n\t}\n\n\t&:where([data-bge-container$=':align-end'], [data-bge-container*=':align-end:']) {\n\t\t--align: end;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-stretch'],\n\t\t[data-bge-container*=':align-stretch:']\n\t) {\n\t\t--align: stretch;\n\t}\n\n\t&:where(\n\t\t[data-bge-container$=':align-baseline'],\n\t\t[data-bge-container*=':align-baseline:']\n\t) {\n\t\t--align: baseline;\n\t}\n\n\t&:where([data-bge-container$=':wrap'], [data-bge-container*=':wrap:']) {\n\t\t--wrap: wrap;\n\t}\n\n\t&:where([data-bge-container$=':nowrap'], [data-bge-container*=':nowrap:']) {\n\t\t--wrap: nowrap;\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\tcontainer-type: inline-size;\n\n\t&::after {\n\t\tclear: both;\n\t\tdisplay: block;\n\t\tcontent: '';\n\t}\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> :first-child {\n\t\tfloat: var(--bge-grid-float, none);\n\t\tinline-size: fit-content;\n\t\tmargin-inline: var(--margin-inline);\n\t}\n}\n";
|
|
866
866
|
|
|
867
867
|
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.
|
|
3
|
+
"version": "4.0.0-alpha.7",
|
|
4
4
|
"description": "BurgerEditor Blocks",
|
|
5
5
|
"author": "D-ZERO",
|
|
6
6
|
"license": "(MIT OR Apache-2.0)",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"dev": "rollup -c -w"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@burger-editor/core": "4.0.0-alpha.
|
|
31
|
-
"@burger-editor/utils": "4.0.0-alpha.
|
|
30
|
+
"@burger-editor/core": "4.0.0-alpha.7",
|
|
31
|
+
"@burger-editor/utils": "4.0.0-alpha.7",
|
|
32
32
|
"trix": "2.1.15"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"rollup-plugin-esbuild": "6.2.1",
|
|
38
38
|
"rollup-plugin-string": "3.0.0"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "724c366f9b97f94128ef808caf77b0339791aa42"
|
|
41
41
|
}
|