@innovastudio/contentbox 1.6.160 → 1.6.162
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/index.d.ts +7 -0
- package/package.json +2 -2
- package/public/contentbox/contentbox.css +81 -19
- package/public/contentbox/contentbox.esm.js +1679 -9
- package/public/contentbox/contentbox.min.js +14 -14
- package/readme.txt +1 -1
package/index.d.ts
CHANGED
|
@@ -422,5 +422,12 @@ declare class ContentBox {
|
|
|
422
422
|
getWrapper(): HTMLElement;
|
|
423
423
|
openModal(url: string, options?: OpenModalOptions): void;
|
|
424
424
|
screenMode: string;
|
|
425
|
+
openFilePicker(type?: string, callback?: () => void): void;
|
|
426
|
+
openColorPicker(
|
|
427
|
+
currentColor: string,
|
|
428
|
+
callback: (color: string) => void,
|
|
429
|
+
btn?: HTMLElement
|
|
430
|
+
): void;
|
|
431
|
+
openIconPicker(callback: (iconHtml: string) => void): void;
|
|
425
432
|
}
|
|
426
433
|
export default ContentBox;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@innovastudio/contentbox",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.6.
|
|
4
|
+
"version": "1.6.162",
|
|
5
5
|
"description": "",
|
|
6
6
|
"main": "public/contentbox/contentbox.esm.js",
|
|
7
7
|
"types": "index.d.ts",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"ws": "^8.13.0"
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@innovastudio/contentbuilder": "^1.5.
|
|
62
|
+
"@innovastudio/contentbuilder": "^1.5.160",
|
|
63
63
|
"js-beautify": "^1.14.0",
|
|
64
64
|
"sortablejs": "^1.15.2"
|
|
65
65
|
}
|
|
@@ -624,7 +624,7 @@ body.controlpanel .is-content-view.mobile {
|
|
|
624
624
|
|
|
625
625
|
/* UI */
|
|
626
626
|
.builder-ui {
|
|
627
|
-
font-family: sans-serif;
|
|
627
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
628
628
|
font-size: 14px;
|
|
629
629
|
font-weight: 300;
|
|
630
630
|
/* content.css */
|
|
@@ -661,10 +661,6 @@ body.controlpanel .is-content-view.mobile {
|
|
|
661
661
|
.builder-ui p {
|
|
662
662
|
margin: 0.8rem 0 0.8rem;
|
|
663
663
|
}
|
|
664
|
-
.builder-ui ul, .builder-ui ol {
|
|
665
|
-
margin: 0 0 1rem;
|
|
666
|
-
padding-inline-start: 20px;
|
|
667
|
-
}
|
|
668
664
|
.builder-ui a {
|
|
669
665
|
color: #000;
|
|
670
666
|
}
|
|
@@ -895,8 +891,8 @@ body.controlpanel .is-content-view.mobile {
|
|
|
895
891
|
.builder-ui button {
|
|
896
892
|
width: 38px;
|
|
897
893
|
height: 34px;
|
|
898
|
-
background-color: transparent;
|
|
899
894
|
color: #111;
|
|
895
|
+
background-color: transparent;
|
|
900
896
|
box-shadow: none;
|
|
901
897
|
margin: 2px;
|
|
902
898
|
border-radius: 5px;
|
|
@@ -945,6 +941,55 @@ body.controlpanel .is-content-view.mobile {
|
|
|
945
941
|
.builder-ui button:not(.is-btn-color):hover {
|
|
946
942
|
background-color: rgb(237, 237, 237);
|
|
947
943
|
}
|
|
944
|
+
.builder-ui .panel-plugin .is-accordion {
|
|
945
|
+
display: flex;
|
|
946
|
+
flex-direction: column;
|
|
947
|
+
gap: 10px;
|
|
948
|
+
margin-bottom: 10px;
|
|
949
|
+
}
|
|
950
|
+
.builder-ui .panel-plugin .is-accordion > div {
|
|
951
|
+
border: 1px solid rgb(221, 221, 221);
|
|
952
|
+
border-radius: 8px;
|
|
953
|
+
}
|
|
954
|
+
.builder-ui .panel-plugin .is-accordion > div > div:first-child {
|
|
955
|
+
/* header */
|
|
956
|
+
background: rgb(249, 249, 249);
|
|
957
|
+
display: flex;
|
|
958
|
+
align-items: center;
|
|
959
|
+
justify-content: space-between;
|
|
960
|
+
padding: 10px 12px;
|
|
961
|
+
font-weight: 500;
|
|
962
|
+
cursor: pointer;
|
|
963
|
+
}
|
|
964
|
+
.builder-ui .panel-plugin .is-outline {
|
|
965
|
+
border: 1px solid #ddd;
|
|
966
|
+
}
|
|
967
|
+
.builder-ui .panel-plugin .is-tips {
|
|
968
|
+
margin-top: 16px;
|
|
969
|
+
padding: 12px;
|
|
970
|
+
background: #eff6ff;
|
|
971
|
+
font-size: 12px;
|
|
972
|
+
color: #1e40af;
|
|
973
|
+
border-left: 3px solid #3b82f6;
|
|
974
|
+
border-radius: 4px;
|
|
975
|
+
}
|
|
976
|
+
.builder-ui .panel-plugin div[contenteditable=true]:focus-visible {
|
|
977
|
+
outline: #3e93f7 2px solid;
|
|
978
|
+
}
|
|
979
|
+
.builder-ui .panel-plugin button {
|
|
980
|
+
background-color: rgb(239, 239, 239);
|
|
981
|
+
width: 100%;
|
|
982
|
+
height: 43px;
|
|
983
|
+
margin: 0px;
|
|
984
|
+
}
|
|
985
|
+
.builder-ui .panel-plugin textarea {
|
|
986
|
+
width: 100%;
|
|
987
|
+
height: 200px;
|
|
988
|
+
line-height: 1.4;
|
|
989
|
+
font-family: inherit;
|
|
990
|
+
font-size: 14px;
|
|
991
|
+
padding: 10px 13px;
|
|
992
|
+
}
|
|
948
993
|
.builder-ui .flex-unit {
|
|
949
994
|
display: flex;
|
|
950
995
|
gap: 15px;
|
|
@@ -969,7 +1014,7 @@ body.controlpanel .is-content-view.mobile {
|
|
|
969
1014
|
font-size: 13px;
|
|
970
1015
|
}
|
|
971
1016
|
.builder-ui .label {
|
|
972
|
-
font-size:
|
|
1017
|
+
font-size: 14px;
|
|
973
1018
|
margin: 20px 0 3px;
|
|
974
1019
|
font-weight: 400;
|
|
975
1020
|
line-height: 1.6;
|
|
@@ -1030,7 +1075,7 @@ body.controlpanel .is-content-view.mobile {
|
|
|
1030
1075
|
.builder-ui .label.mb-3 {
|
|
1031
1076
|
margin-bottom: 14px;
|
|
1032
1077
|
}
|
|
1033
|
-
.builder-ui input[type=text], .builder-ui textarea {
|
|
1078
|
+
.builder-ui input[type=text], .builder-ui input[type=number], .builder-ui textarea {
|
|
1034
1079
|
width: 100%;
|
|
1035
1080
|
height: 43px;
|
|
1036
1081
|
box-sizing: border-box;
|
|
@@ -1045,7 +1090,7 @@ body.controlpanel .is-content-view.mobile {
|
|
|
1045
1090
|
display: inline-block;
|
|
1046
1091
|
border: none;
|
|
1047
1092
|
border-bottom: none;
|
|
1048
|
-
border-radius:
|
|
1093
|
+
border-radius: 5px;
|
|
1049
1094
|
background-color: #f6f6f6;
|
|
1050
1095
|
flex: none;
|
|
1051
1096
|
}
|
|
@@ -1059,7 +1104,6 @@ body.controlpanel .is-content-view.mobile {
|
|
|
1059
1104
|
height: 43px;
|
|
1060
1105
|
line-height: 1.7;
|
|
1061
1106
|
color: #4a4a4a;
|
|
1062
|
-
border-radius: 5px;
|
|
1063
1107
|
border: none;
|
|
1064
1108
|
background-color: #f6f6f6;
|
|
1065
1109
|
width: auto;
|
|
@@ -1069,12 +1113,17 @@ body.controlpanel .is-content-view.mobile {
|
|
|
1069
1113
|
-moz-appearance: menulist;
|
|
1070
1114
|
appearance: menulist;
|
|
1071
1115
|
padding: 0 5px;
|
|
1072
|
-
border-radius:
|
|
1116
|
+
border-radius: 5px;
|
|
1073
1117
|
cursor: pointer;
|
|
1074
1118
|
}
|
|
1119
|
+
.builder-ui div[contenteditable=true] {
|
|
1120
|
+
border-radius: 5px;
|
|
1121
|
+
}
|
|
1075
1122
|
.builder-ui input[type=text]:focus,
|
|
1123
|
+
.builder-ui input[type=number]:focus,
|
|
1076
1124
|
.builder-ui textarea:focus,
|
|
1077
|
-
.builder-ui select:focus
|
|
1125
|
+
.builder-ui select:focus,
|
|
1126
|
+
.builder-ui div[contenteditable=true]:focus {
|
|
1078
1127
|
outline: #3e93f7 2px solid;
|
|
1079
1128
|
outline-offset: 0;
|
|
1080
1129
|
box-shadow: none;
|
|
@@ -1082,7 +1131,7 @@ body.controlpanel .is-content-view.mobile {
|
|
|
1082
1131
|
.builder-ui .group {
|
|
1083
1132
|
border: 1px solid #e1e1e1;
|
|
1084
1133
|
margin-bottom: 11px;
|
|
1085
|
-
border-radius:
|
|
1134
|
+
border-radius: 7px;
|
|
1086
1135
|
overflow: hidden;
|
|
1087
1136
|
display: inline-flex;
|
|
1088
1137
|
flex-wrap: wrap;
|
|
@@ -2109,7 +2158,7 @@ body.frame-center.controlpanel .is-content-view {
|
|
|
2109
2158
|
.dark #_cbhtml .is-side button.on, .dark .is-ui .is-side button.on {
|
|
2110
2159
|
background-color: rgb(69, 69, 69) !important;
|
|
2111
2160
|
}
|
|
2112
|
-
.dark #_cbhtml .is-side input[type=text], .dark #_cbhtml .is-side textarea, .dark .is-ui .is-side input[type=text], .dark .is-ui .is-side textarea {
|
|
2161
|
+
.dark #_cbhtml .is-side input[type=text], .dark #_cbhtml .is-side input[type=number], .dark #_cbhtml .is-side textarea, .dark .is-ui .is-side input[type=text], .dark .is-ui .is-side input[type=number], .dark .is-ui .is-side textarea {
|
|
2113
2162
|
color: #c7c7c7 !important;
|
|
2114
2163
|
background-color: #313131 !important;
|
|
2115
2164
|
}
|
|
@@ -2178,10 +2227,27 @@ body.frame-center.controlpanel .is-content-view {
|
|
|
2178
2227
|
.dark .builder-ui button:not(.is-btn-color):hover {
|
|
2179
2228
|
background-color: rgb(69, 69, 69);
|
|
2180
2229
|
}
|
|
2230
|
+
.dark .builder-ui .panel-plugin .is-accordion > div {
|
|
2231
|
+
border: 1px solid #6e6e6e;
|
|
2232
|
+
}
|
|
2233
|
+
.dark .builder-ui .panel-plugin .is-accordion > div > div:first-child {
|
|
2234
|
+
/* header */
|
|
2235
|
+
background: transparent;
|
|
2236
|
+
}
|
|
2237
|
+
.dark .builder-ui .panel-plugin .is-outline {
|
|
2238
|
+
border: 1px solid rgb(118, 118, 118);
|
|
2239
|
+
}
|
|
2240
|
+
.dark .builder-ui .panel-plugin .is-tips {
|
|
2241
|
+
background: rgb(66, 66, 66);
|
|
2242
|
+
color: inherit;
|
|
2243
|
+
}
|
|
2244
|
+
.dark .builder-ui .panel-plugin button {
|
|
2245
|
+
background-color: rgb(64, 64, 64);
|
|
2246
|
+
}
|
|
2181
2247
|
.dark .builder-ui .label {
|
|
2182
2248
|
color: #d3d3d3;
|
|
2183
2249
|
}
|
|
2184
|
-
.dark .builder-ui input[type=text], .dark .builder-ui textarea {
|
|
2250
|
+
.dark .builder-ui input[type=text], .dark .builder-ui input[type=number], .dark .builder-ui textarea {
|
|
2185
2251
|
color: #c7c7c7;
|
|
2186
2252
|
background-color: #313131;
|
|
2187
2253
|
}
|
|
@@ -3229,10 +3295,6 @@ body.fullview.topspace .is-content-view iframe {
|
|
|
3229
3295
|
#_cbhtml p {
|
|
3230
3296
|
margin: 0.8rem 0 0.8rem;
|
|
3231
3297
|
}
|
|
3232
|
-
#_cbhtml ul, #_cbhtml ol {
|
|
3233
|
-
margin: 0 0 1rem;
|
|
3234
|
-
padding-inline-start: 20px;
|
|
3235
|
-
}
|
|
3236
3298
|
#_cbhtml a {
|
|
3237
3299
|
color: #000;
|
|
3238
3300
|
}
|