@innovastudio/contentbuilder 1.2.4-rc9 → 1.2.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/package.json +1 -1
- package/public/contentbuilder/contentbuilder.css +104 -16
- package/public/contentbuilder/contentbuilder.esm.js +2175 -1561
- package/public/contentbuilder/contentbuilder.min.js +4 -4
- package/public/contentbuilder/lang/en.js +33 -1
- package/public/contentbuilder/lang/fr.js +35 -1
- package/readme.txt +1 -1
package/package.json
CHANGED
|
@@ -1773,16 +1773,16 @@ button:focus {
|
|
|
1773
1773
|
#_cbhtml .is-modal button,
|
|
1774
1774
|
.is-ui .is-modal button {
|
|
1775
1775
|
color: #000;
|
|
1776
|
-
background:
|
|
1776
|
+
background: #fff;
|
|
1777
1777
|
box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
|
|
1778
1778
|
}
|
|
1779
1779
|
#_cbhtml .is-modal button:hover,
|
|
1780
1780
|
.is-ui .is-modal button:hover {
|
|
1781
|
-
background:
|
|
1781
|
+
background: #fff;
|
|
1782
1782
|
}
|
|
1783
1783
|
#_cbhtml .is-modal button.on,
|
|
1784
1784
|
.is-ui .is-modal button.on {
|
|
1785
|
-
background:
|
|
1785
|
+
background: #f2f2f2;
|
|
1786
1786
|
}
|
|
1787
1787
|
#_cbhtml .is-modal button.is-btn-color,
|
|
1788
1788
|
.is-ui .is-modal button.is-btn-color {
|
|
@@ -2046,6 +2046,7 @@ button:focus {
|
|
|
2046
2046
|
margin: 1px;
|
|
2047
2047
|
background-color: transparent !important;
|
|
2048
2048
|
box-shadow: none !important;
|
|
2049
|
+
outline-offset: -2px;
|
|
2049
2050
|
}
|
|
2050
2051
|
#_cbhtml .is-modal.grideditor button.on,
|
|
2051
2052
|
.is-ui .is-modal.grideditor button.on {
|
|
@@ -2100,6 +2101,7 @@ button:focus {
|
|
|
2100
2101
|
padding: 1px 20px;
|
|
2101
2102
|
box-sizing: border-box;
|
|
2102
2103
|
border: none;
|
|
2104
|
+
outline-offset: -2px;
|
|
2103
2105
|
}
|
|
2104
2106
|
#_cbhtml .is-modal.pickgradientcolor .is-settings button.is-btn-color,
|
|
2105
2107
|
.is-ui .is-modal.pickgradientcolor .is-settings button.is-btn-color {
|
|
@@ -2180,6 +2182,11 @@ button:focus {
|
|
|
2180
2182
|
#_cbhtml .is-modal.edittable button,
|
|
2181
2183
|
.is-ui .is-modal.edittable button {
|
|
2182
2184
|
height: 35px;
|
|
2185
|
+
outline-offset: -2px;
|
|
2186
|
+
}
|
|
2187
|
+
#_cbhtml .is-modal.edittable button:focus,
|
|
2188
|
+
.is-ui .is-modal.edittable button:focus {
|
|
2189
|
+
border-radius: 2px;
|
|
2183
2190
|
}
|
|
2184
2191
|
#_cbhtml .is-modal.edittable button.is-btn-color,
|
|
2185
2192
|
.is-ui .is-modal.edittable button.is-btn-color {
|
|
@@ -2189,21 +2196,48 @@ button:focus {
|
|
|
2189
2196
|
background: rgba(255, 255, 255, 0.2);
|
|
2190
2197
|
border: rgba(0, 0, 0, 0.09) 1px solid;
|
|
2191
2198
|
}
|
|
2199
|
+
#_cbhtml .is-modal.shortcuts div.is-modal-content,
|
|
2200
|
+
.is-ui .is-modal.shortcuts div.is-modal-content {
|
|
2201
|
+
max-width: 600px;
|
|
2202
|
+
padding: 5px 25px 25px 25px;
|
|
2203
|
+
}
|
|
2204
|
+
#_cbhtml .is-modal.shortcuts table,
|
|
2205
|
+
.is-ui .is-modal.shortcuts table {
|
|
2206
|
+
width: 100%;
|
|
2207
|
+
margin: 30px 7px 0;
|
|
2208
|
+
}
|
|
2209
|
+
#_cbhtml .is-modal.shortcuts td,
|
|
2210
|
+
.is-ui .is-modal.shortcuts td {
|
|
2211
|
+
font-family: sans-serif;
|
|
2212
|
+
font-size: 15px;
|
|
2213
|
+
font-weight: 300;
|
|
2214
|
+
padding: 7px 2px;
|
|
2215
|
+
line-height: 1.2;
|
|
2216
|
+
}
|
|
2217
|
+
#_cbhtml .is-modal.shortcuts td.shortcut-title,
|
|
2218
|
+
.is-ui .is-modal.shortcuts td.shortcut-title {
|
|
2219
|
+
font-weight: 500;
|
|
2220
|
+
padding-top: 20px;
|
|
2221
|
+
}
|
|
2192
2222
|
#_cbhtml .is-modal.buttoneditor,
|
|
2193
2223
|
.is-ui .is-modal.buttoneditor {
|
|
2194
2224
|
z-index: 10002;
|
|
2195
2225
|
position: fixed;
|
|
2196
2226
|
overflow: hidden;
|
|
2197
2227
|
width: 520px;
|
|
2198
|
-
height:
|
|
2228
|
+
height: 648px;
|
|
2199
2229
|
top: 50%;
|
|
2200
2230
|
left: auto;
|
|
2201
2231
|
right: 30%;
|
|
2202
|
-
margin-top: -
|
|
2232
|
+
margin-top: -324px;
|
|
2203
2233
|
box-sizing: content-box;
|
|
2204
2234
|
flex-direction: row;
|
|
2205
2235
|
align-items: flex-start;
|
|
2206
2236
|
}
|
|
2237
|
+
#_cbhtml .is-modal.buttoneditor .is-modal-overlay,
|
|
2238
|
+
.is-ui .is-modal.buttoneditor .is-modal-overlay {
|
|
2239
|
+
display: none !important;
|
|
2240
|
+
}
|
|
2207
2241
|
#_cbhtml .is-modal.buttoneditor .is-modal-bar,
|
|
2208
2242
|
.is-ui .is-modal.buttoneditor .is-modal-bar {
|
|
2209
2243
|
line-height: 30px;
|
|
@@ -2230,6 +2264,11 @@ button:focus {
|
|
|
2230
2264
|
.is-ui .is-modal.buttoneditor button {
|
|
2231
2265
|
padding: 0 10px;
|
|
2232
2266
|
height: 35px;
|
|
2267
|
+
outline-offset: -2px;
|
|
2268
|
+
}
|
|
2269
|
+
#_cbhtml .is-modal.buttoneditor button:focus,
|
|
2270
|
+
.is-ui .is-modal.buttoneditor button:focus {
|
|
2271
|
+
border-radius: 2px;
|
|
2233
2272
|
}
|
|
2234
2273
|
#_cbhtml .is-modal.buttoneditor .is-button-remove,
|
|
2235
2274
|
.is-ui .is-modal.buttoneditor .is-button-remove {
|
|
@@ -2277,24 +2316,30 @@ button:focus {
|
|
|
2277
2316
|
.is-ui .is-modal.buttoneditor #divMyButtonList a:hover .is-button-remove {
|
|
2278
2317
|
display: flex;
|
|
2279
2318
|
}
|
|
2280
|
-
#_cbhtml .is-modal.buttoneditor #
|
|
2281
|
-
.is-ui .is-modal.buttoneditor #
|
|
2282
|
-
padding:
|
|
2319
|
+
#_cbhtml .is-modal.buttoneditor #divButtonTemplates,
|
|
2320
|
+
.is-ui .is-modal.buttoneditor #divButtonTemplates {
|
|
2321
|
+
padding: 0;
|
|
2322
|
+
overflow: hidden;
|
|
2323
|
+
overflow-y: auto;
|
|
2283
2324
|
height: 100%;
|
|
2284
2325
|
width: 100%;
|
|
2285
2326
|
position: absolute;
|
|
2286
2327
|
top: 0;
|
|
2328
|
+
border-top: 80px transparent solid;
|
|
2329
|
+
box-sizing: border-box;
|
|
2330
|
+
}
|
|
2331
|
+
#_cbhtml .is-modal.buttoneditor #divButtonTemplateList,
|
|
2332
|
+
.is-ui .is-modal.buttoneditor #divButtonTemplateList {
|
|
2333
|
+
padding: 10px 20px 0px;
|
|
2334
|
+
width: 100%;
|
|
2335
|
+
top: 0;
|
|
2287
2336
|
left: 0;
|
|
2288
|
-
border-top: transparent 100px solid;
|
|
2289
2337
|
box-sizing: border-box;
|
|
2290
|
-
overflow: hidden;
|
|
2291
|
-
overflow-y: auto;
|
|
2292
|
-
overflow-y: auto;
|
|
2293
2338
|
}
|
|
2294
2339
|
#_cbhtml .is-modal.buttoneditor #divButtonTemplateList a,
|
|
2295
2340
|
.is-ui .is-modal.buttoneditor #divButtonTemplateList a {
|
|
2296
2341
|
position: relative;
|
|
2297
|
-
margin:
|
|
2342
|
+
margin: 15px 20px 13px 0;
|
|
2298
2343
|
outline-offset: 2px;
|
|
2299
2344
|
}
|
|
2300
2345
|
#_cbhtml .is-modal.columnsettings .is-modal-bar,
|
|
@@ -2326,6 +2371,11 @@ button:focus {
|
|
|
2326
2371
|
padding: 1px 20px;
|
|
2327
2372
|
box-sizing: border-box;
|
|
2328
2373
|
border: none;
|
|
2374
|
+
outline-offset: -2px;
|
|
2375
|
+
}
|
|
2376
|
+
#_cbhtml .is-modal.columnsettings button:focus,
|
|
2377
|
+
.is-ui .is-modal.columnsettings button:focus {
|
|
2378
|
+
border-radius: 2px;
|
|
2329
2379
|
}
|
|
2330
2380
|
#_cbhtml .is-modal.columnsettings button.is-btn-color,
|
|
2331
2381
|
.is-ui .is-modal.columnsettings button.is-btn-color {
|
|
@@ -2682,6 +2732,40 @@ button:focus {
|
|
|
2682
2732
|
width: 50px;
|
|
2683
2733
|
height: 43px;
|
|
2684
2734
|
}
|
|
2735
|
+
#_cbhtml .is-modal.audiolink div.is-modal-content,
|
|
2736
|
+
.is-ui .is-modal.audiolink div.is-modal-content {
|
|
2737
|
+
max-width: 550px;
|
|
2738
|
+
}
|
|
2739
|
+
#_cbhtml .is-modal.audiolink .audio-url,
|
|
2740
|
+
.is-ui .is-modal.audiolink .audio-url {
|
|
2741
|
+
position: relative;
|
|
2742
|
+
height: 43px;
|
|
2743
|
+
display: flex;
|
|
2744
|
+
flex-direction: row;
|
|
2745
|
+
}
|
|
2746
|
+
#_cbhtml .is-modal.audiolink .audio-url .inpAudioLinkSource,
|
|
2747
|
+
.is-ui .is-modal.audiolink .audio-url .inpAudioLinkSource {
|
|
2748
|
+
width: 100%;
|
|
2749
|
+
}
|
|
2750
|
+
#_cbhtml .is-modal.audiolink .audio-url button,
|
|
2751
|
+
.is-ui .is-modal.audiolink .audio-url button {
|
|
2752
|
+
background: transparent !important;
|
|
2753
|
+
}
|
|
2754
|
+
#_cbhtml .is-modal.audiolink .input-select,
|
|
2755
|
+
.is-ui .is-modal.audiolink .input-select {
|
|
2756
|
+
width: 50px;
|
|
2757
|
+
height: 43px;
|
|
2758
|
+
font-size: 20px;
|
|
2759
|
+
height: 43px;
|
|
2760
|
+
width: 50px;
|
|
2761
|
+
border-left: none;
|
|
2762
|
+
background: transparent;
|
|
2763
|
+
}
|
|
2764
|
+
#_cbhtml .is-modal.audiolink .input-upload,
|
|
2765
|
+
.is-ui .is-modal.audiolink .input-upload {
|
|
2766
|
+
width: 50px;
|
|
2767
|
+
height: 43px;
|
|
2768
|
+
}
|
|
2685
2769
|
#_cbhtml .is-modal.createlink label,
|
|
2686
2770
|
.is-ui .is-modal.createlink label {
|
|
2687
2771
|
font-size: 14px;
|
|
@@ -2733,25 +2817,29 @@ button:focus {
|
|
|
2733
2817
|
.is-ui .is-modal.viewconfig button.input-setcolor:focus {
|
|
2734
2818
|
outline-offset: -2px;
|
|
2735
2819
|
}
|
|
2736
|
-
#_cbhtml .is-tool#divImageTool, #_cbhtml .is-tool.is-video-tool, #_cbhtml .is-tool.is-iframe-tool,
|
|
2820
|
+
#_cbhtml .is-tool#divImageTool, #_cbhtml .is-tool.is-video-tool, #_cbhtml .is-tool.is-audio-tool, #_cbhtml .is-tool.is-iframe-tool,
|
|
2737
2821
|
.is-ui .is-tool#divImageTool,
|
|
2738
2822
|
.is-ui .is-tool.is-video-tool,
|
|
2823
|
+
.is-ui .is-tool.is-audio-tool,
|
|
2739
2824
|
.is-ui .is-tool.is-iframe-tool {
|
|
2740
2825
|
background: rgba(0, 0, 0, 0.15);
|
|
2741
2826
|
border: transparent 1px solid;
|
|
2742
2827
|
}
|
|
2743
|
-
#_cbhtml .is-tool#divImageTool > div, #_cbhtml .is-tool#divImageTool > button, #_cbhtml .is-tool.is-video-tool > div, #_cbhtml .is-tool.is-video-tool > button, #_cbhtml .is-tool.is-iframe-tool > div, #_cbhtml .is-tool.is-iframe-tool > button,
|
|
2828
|
+
#_cbhtml .is-tool#divImageTool > div, #_cbhtml .is-tool#divImageTool > button, #_cbhtml .is-tool.is-video-tool > div, #_cbhtml .is-tool.is-video-tool > button, #_cbhtml .is-tool.is-audio-tool > div, #_cbhtml .is-tool.is-audio-tool > button, #_cbhtml .is-tool.is-iframe-tool > div, #_cbhtml .is-tool.is-iframe-tool > button,
|
|
2744
2829
|
.is-ui .is-tool#divImageTool > div,
|
|
2745
2830
|
.is-ui .is-tool#divImageTool > button,
|
|
2746
2831
|
.is-ui .is-tool.is-video-tool > div,
|
|
2747
2832
|
.is-ui .is-tool.is-video-tool > button,
|
|
2833
|
+
.is-ui .is-tool.is-audio-tool > div,
|
|
2834
|
+
.is-ui .is-tool.is-audio-tool > button,
|
|
2748
2835
|
.is-ui .is-tool.is-iframe-tool > div,
|
|
2749
2836
|
.is-ui .is-tool.is-iframe-tool > button {
|
|
2750
2837
|
background: transparent;
|
|
2751
2838
|
}
|
|
2752
|
-
#_cbhtml .is-tool#divImageTool svg, #_cbhtml .is-tool.is-video-tool svg, #_cbhtml .is-tool.is-iframe-tool svg,
|
|
2839
|
+
#_cbhtml .is-tool#divImageTool svg, #_cbhtml .is-tool.is-video-tool svg, #_cbhtml .is-tool.is-audio-tool svg, #_cbhtml .is-tool.is-iframe-tool svg,
|
|
2753
2840
|
.is-ui .is-tool#divImageTool svg,
|
|
2754
2841
|
.is-ui .is-tool.is-video-tool svg,
|
|
2842
|
+
.is-ui .is-tool.is-audio-tool svg,
|
|
2755
2843
|
.is-ui .is-tool.is-iframe-tool svg {
|
|
2756
2844
|
fill: #fff;
|
|
2757
2845
|
}
|