@innovastudio/contentbuilder 1.5.175 → 1.5.176

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@innovastudio/contentbuilder",
3
3
  "type": "module",
4
- "version": "1.5.175",
4
+ "version": "1.5.176",
5
5
  "description": "",
6
6
  "main": "public/contentbuilder/contentbuilder.esm.js",
7
7
  "types": "index.d.ts",
@@ -59,7 +59,6 @@
59
59
  "webpack-dev-server": "^4.2.1"
60
60
  },
61
61
  "dependencies": {
62
- "@monaco-editor/loader": "^1.3.2",
63
62
  "blueimp-load-image": "^5.16.0",
64
63
  "cropperjs": "^1.5.12",
65
64
  "js-beautify": "^1.14.0",
@@ -934,99 +934,285 @@
934
934
  flex: none;
935
935
  }
936
936
  @media (min-width: 1921px) {
937
- .is-container .height-20 {
937
+ .is-container.v2:not(.v3) .height-20 {
938
938
  height: 2.5vh;
939
939
  }
940
- .is-container .height-40 {
940
+ .is-container.v2:not(.v3) .height-40 {
941
941
  height: 5vh;
942
942
  }
943
- .is-container .height-60 {
943
+ .is-container.v2:not(.v3) .height-60 {
944
944
  height: 7.5vh;
945
945
  }
946
- .is-container .height-80 {
946
+ .is-container.v2:not(.v3) .height-80 {
947
947
  height: 10vh;
948
948
  }
949
- .is-container .height-100 {
949
+ .is-container.v2:not(.v3) .height-100 {
950
950
  height: 12.5vh;
951
951
  }
952
- .is-container .height-120 {
952
+ .is-container.v2:not(.v3) .height-120 {
953
953
  height: 15vh;
954
954
  }
955
- .is-container .height-140 {
955
+ .is-container.v2:not(.v3) .height-140 {
956
956
  height: 17.5vh;
957
957
  }
958
- .is-container .height-160 {
958
+ .is-container.v2:not(.v3) .height-160 {
959
959
  height: 20vh;
960
960
  }
961
- .is-container .height-180 {
961
+ .is-container.v2:not(.v3) .height-180 {
962
962
  height: 22.5vh;
963
963
  }
964
- .is-container .height-200 {
964
+ .is-container.v2:not(.v3) .height-200 {
965
965
  height: 25vh;
966
966
  }
967
- .is-container .height-220 {
967
+ .is-container.v2:not(.v3) .height-220 {
968
968
  height: 27.5vh;
969
969
  }
970
- .is-container .height-240 {
970
+ .is-container.v2:not(.v3) .height-240 {
971
971
  height: 30vh;
972
972
  }
973
- .is-container .height-260 {
973
+ .is-container.v2:not(.v3) .height-260 {
974
974
  height: 32.5vh;
975
975
  }
976
- .is-container .height-280 {
976
+ .is-container.v2:not(.v3) .height-280 {
977
977
  height: 35vh;
978
978
  }
979
- .is-container .height-300 {
979
+ .is-container.v2:not(.v3) .height-300 {
980
980
  height: 37.5vh;
981
981
  }
982
982
  }
983
983
  @media (max-width: 1440px) {
984
- .is-container .height-20 {
984
+ .is-container.v2:not(.v3) .height-20 {
985
985
  height: 10px;
986
986
  }
987
- .is-container .height-40 {
987
+ .is-container.v2:not(.v3) .height-40 {
988
988
  height: 20px;
989
989
  }
990
- .is-container .height-60 {
990
+ .is-container.v2:not(.v3) .height-60 {
991
991
  height: 30px;
992
992
  }
993
- .is-container .height-80 {
993
+ .is-container.v2:not(.v3) .height-80 {
994
994
  height: 40px;
995
995
  }
996
- .is-container .height-100 {
996
+ .is-container.v2:not(.v3) .height-100 {
997
997
  height: 50px;
998
998
  }
999
- .is-container .height-120 {
999
+ .is-container.v2:not(.v3) .height-120 {
1000
1000
  height: 60px;
1001
1001
  }
1002
- .is-container .height-140 {
1002
+ .is-container.v2:not(.v3) .height-140 {
1003
1003
  height: 70px;
1004
1004
  }
1005
- .is-container .height-160 {
1005
+ .is-container.v2:not(.v3) .height-160 {
1006
1006
  height: 80px;
1007
1007
  }
1008
- .is-container .height-180 {
1008
+ .is-container.v2:not(.v3) .height-180 {
1009
1009
  height: 90px;
1010
1010
  }
1011
- .is-container .height-200 {
1011
+ .is-container.v2:not(.v3) .height-200 {
1012
1012
  height: 100px;
1013
1013
  }
1014
- .is-container .height-220 {
1014
+ .is-container.v2:not(.v3) .height-220 {
1015
1015
  height: 110px;
1016
1016
  }
1017
- .is-container .height-240 {
1017
+ .is-container.v2:not(.v3) .height-240 {
1018
1018
  height: 120px;
1019
1019
  }
1020
- .is-container .height-260 {
1020
+ .is-container.v2:not(.v3) .height-260 {
1021
1021
  height: 130px;
1022
1022
  }
1023
- .is-container .height-280 {
1023
+ .is-container.v2:not(.v3) .height-280 {
1024
1024
  height: 140px;
1025
1025
  }
1026
- .is-container .height-300 {
1026
+ .is-container.v2:not(.v3) .height-300 {
1027
1027
  height: 150px;
1028
1028
  }
1029
1029
  }
1030
+ @media (max-width: 760px) {
1031
+ .is-container .xs-height-20 {
1032
+ height: 20px !important;
1033
+ flex: none;
1034
+ }
1035
+ .is-container .xs-height-40 {
1036
+ height: 40px !important;
1037
+ flex: none;
1038
+ }
1039
+ .is-container .xs-height-60 {
1040
+ height: 60px !important;
1041
+ flex: none;
1042
+ }
1043
+ .is-container .xs-height-80 {
1044
+ height: 80px !important;
1045
+ flex: none;
1046
+ }
1047
+ .is-container .xs-height-100 {
1048
+ height: 100px !important;
1049
+ flex: none;
1050
+ }
1051
+ .is-container .xs-height-120 {
1052
+ height: 120px !important;
1053
+ flex: none;
1054
+ }
1055
+ .is-container .xs-height-140 {
1056
+ height: 140px !important;
1057
+ flex: none;
1058
+ }
1059
+ .is-container .xs-height-160 {
1060
+ height: 160px !important;
1061
+ flex: none;
1062
+ }
1063
+ .is-container .xs-height-180 {
1064
+ height: 180px !important;
1065
+ flex: none;
1066
+ }
1067
+ .is-container .xs-height-200 {
1068
+ height: 200px !important;
1069
+ flex: none;
1070
+ }
1071
+ .is-container .xs-height-220 {
1072
+ height: 220px !important;
1073
+ flex: none;
1074
+ }
1075
+ .is-container .xs-height-240 {
1076
+ height: 240px !important;
1077
+ flex: none;
1078
+ }
1079
+ .is-container .xs-height-260 {
1080
+ height: 260px !important;
1081
+ flex: none;
1082
+ }
1083
+ .is-container .xs-height-280 {
1084
+ height: 280px !important;
1085
+ flex: none;
1086
+ }
1087
+ .is-container .xs-height-300 {
1088
+ height: 300px !important;
1089
+ flex: none;
1090
+ }
1091
+ }
1092
+ @media (min-width: 761px) and (max-width: 970px) {
1093
+ .is-container .sm-height-20 {
1094
+ height: 20px !important;
1095
+ flex: none;
1096
+ }
1097
+ .is-container .sm-height-40 {
1098
+ height: 40px !important;
1099
+ flex: none;
1100
+ }
1101
+ .is-container .sm-height-60 {
1102
+ height: 60px !important;
1103
+ flex: none;
1104
+ }
1105
+ .is-container .sm-height-80 {
1106
+ height: 80px !important;
1107
+ flex: none;
1108
+ }
1109
+ .is-container .sm-height-100 {
1110
+ height: 100px !important;
1111
+ flex: none;
1112
+ }
1113
+ .is-container .sm-height-120 {
1114
+ height: 120px !important;
1115
+ flex: none;
1116
+ }
1117
+ .is-container .sm-height-140 {
1118
+ height: 140px !important;
1119
+ flex: none;
1120
+ }
1121
+ .is-container .sm-height-160 {
1122
+ height: 160px !important;
1123
+ flex: none;
1124
+ }
1125
+ .is-container .sm-height-180 {
1126
+ height: 180px !important;
1127
+ flex: none;
1128
+ }
1129
+ .is-container .sm-height-200 {
1130
+ height: 200px !important;
1131
+ flex: none;
1132
+ }
1133
+ .is-container .sm-height-220 {
1134
+ height: 220px !important;
1135
+ flex: none;
1136
+ }
1137
+ .is-container .sm-height-240 {
1138
+ height: 240px !important;
1139
+ flex: none;
1140
+ }
1141
+ .is-container .sm-height-260 {
1142
+ height: 260px !important;
1143
+ flex: none;
1144
+ }
1145
+ .is-container .sm-height-280 {
1146
+ height: 280px !important;
1147
+ flex: none;
1148
+ }
1149
+ .is-container .sm-height-300 {
1150
+ height: 300px !important;
1151
+ flex: none;
1152
+ }
1153
+ }
1154
+ @media (min-width: 971px) and (max-width: 1280px) {
1155
+ .is-container .md-height-20 {
1156
+ height: 20px !important;
1157
+ flex: none;
1158
+ }
1159
+ .is-container .md-height-40 {
1160
+ height: 40px !important;
1161
+ flex: none;
1162
+ }
1163
+ .is-container .md-height-60 {
1164
+ height: 60px !important;
1165
+ flex: none;
1166
+ }
1167
+ .is-container .md-height-80 {
1168
+ height: 80px !important;
1169
+ flex: none;
1170
+ }
1171
+ .is-container .md-height-100 {
1172
+ height: 100px !important;
1173
+ flex: none;
1174
+ }
1175
+ .is-container .md-height-120 {
1176
+ height: 120px !important;
1177
+ flex: none;
1178
+ }
1179
+ .is-container .md-height-140 {
1180
+ height: 140px !important;
1181
+ flex: none;
1182
+ }
1183
+ .is-container .md-height-160 {
1184
+ height: 160px !important;
1185
+ flex: none;
1186
+ }
1187
+ .is-container .md-height-180 {
1188
+ height: 180px !important;
1189
+ flex: none;
1190
+ }
1191
+ .is-container .md-height-200 {
1192
+ height: 200px !important;
1193
+ flex: none;
1194
+ }
1195
+ .is-container .md-height-220 {
1196
+ height: 220px !important;
1197
+ flex: none;
1198
+ }
1199
+ .is-container .md-height-240 {
1200
+ height: 240px !important;
1201
+ flex: none;
1202
+ }
1203
+ .is-container .md-height-260 {
1204
+ height: 260px !important;
1205
+ flex: none;
1206
+ }
1207
+ .is-container .md-height-280 {
1208
+ height: 280px !important;
1209
+ flex: none;
1210
+ }
1211
+ .is-container .md-height-300 {
1212
+ height: 300px !important;
1213
+ flex: none;
1214
+ }
1215
+ }
1030
1216
  @media all and (max-width: 970px) {
1031
1217
  .is-container .margin-left-1024-reset {
1032
1218
  margin-left: 0px !important;