smoosic 1.0.36 → 1.0.37
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
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<!DOCTYPE HTML>
|
|
2
|
+
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<title>Smoosic Editor</title>
|
|
7
|
+
<link href="../styles/bravura-font-codes.css" rel="stylesheet">
|
|
8
|
+
<link href="../styles/bootstrap.css" rel="stylesheet">
|
|
9
|
+
<link href="../styles/fonts.css" type="text/css" rel="stylesheet">
|
|
10
|
+
<link href="../styles/media.css" rel="stylesheet">
|
|
11
|
+
<link href="../styles/ribbon.css" rel="stylesheet">
|
|
12
|
+
<link href="../styles/dialogs.css" rel="stylesheet">
|
|
13
|
+
<link href="../styles/menus.css" rel="stylesheet">
|
|
14
|
+
<link href="../styles/piano.css" rel="stylesheet">
|
|
15
|
+
<link href="../styles/tree.css" rel="stylesheet">
|
|
16
|
+
<!-- script type="text/javascript" src="../../../vexflow_smoosic/build/cjs/vexflow-debug.js"></script -->
|
|
17
|
+
<!-- script type="text/javascript" src="../../node_modules/vexflow_smoosic/build/cjs/vexflow-debug-with-tests.js"></script -->
|
|
18
|
+
<!-- script type="text/javascript" src="../../../vexflow_smoosic/build/cjs/vexflow-debug-with-tests.js"></script -->
|
|
19
|
+
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.js" ></script>
|
|
20
|
+
<script type="text/javascript" src="../jszip.js"></script>
|
|
21
|
+
<script type="text/javascript" src="../smoosic.js" ></script>
|
|
22
|
+
<script type="text/javascript">
|
|
23
|
+
document.addEventListener("DOMContentLoaded", function (event) {
|
|
24
|
+
var config = { mode: 'library', domContainer:'libmode'};
|
|
25
|
+
const score = Smo.SmoScore.getDefaultScore(Smo.SmoScore.defaults, null);
|
|
26
|
+
config.initialScore = score;
|
|
27
|
+
Smo.SuiApplication.configure(config);
|
|
28
|
+
});
|
|
29
|
+
</script>
|
|
30
|
+
</head>
|
|
31
|
+
<body>
|
|
32
|
+
<!-- audio crossOrigin="anonymous" id="sample" src="https://smoosic.github.io/Smoosic/build/sound/piano_middle_C.mp3" / -->
|
|
33
|
+
<div id="libmode">
|
|
34
|
+
</div>
|
|
35
|
+
</body>
|
|
36
|
+
</html>
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
6
|
<title>Smoosic Editor</title>
|
|
7
|
-
|
|
7
|
+
<link href="../styles/bravura-font-codes.css" rel="stylesheet">
|
|
8
|
+
<link href="../styles/bootstrap.css" rel="stylesheet">
|
|
9
|
+
<link href="../styles/fonts.css" type="text/css" rel="stylesheet">
|
|
8
10
|
<link href="../styles/media.css" rel="stylesheet">
|
|
9
11
|
<link href="../styles/ribbon.css" rel="stylesheet">
|
|
10
12
|
<link href="../styles/dialogs.css" rel="stylesheet">
|
|
11
13
|
<link href="../styles/menus.css" rel="stylesheet">
|
|
12
14
|
<link href="../styles/piano.css" rel="stylesheet">
|
|
13
|
-
<link href="../styles/tree.css" rel="stylesheet">
|
|
14
15
|
<link href="../styles/general.css" rel="stylesheet">
|
|
15
|
-
<link href="../styles/
|
|
16
|
-
<link href="../styles/bootstrap.min.css" rel="stylesheet">
|
|
16
|
+
<link href="../styles/tree.css" rel="stylesheet">
|
|
17
17
|
<!-- script type="text/javascript" src="../../../vexflow_smoosic/build/cjs/vexflow-debug.js"></script -->
|
|
18
18
|
<!-- script type="text/javascript" src="../../node_modules/vexflow_smoosic/build/cjs/vexflow-debug-with-tests.js"></script -->
|
|
19
19
|
<!-- script type="text/javascript" src="../../../vexflow_smoosic/build/cjs/vexflow-debug-with-tests.js"></script -->
|
|
@@ -250,7 +250,7 @@ body .vueDialogContainer>div {
|
|
|
250
250
|
body.showVueDialog .vueDialogContainer,
|
|
251
251
|
body.showVueDialog .modal{
|
|
252
252
|
position:absolute;
|
|
253
|
-
display:block;
|
|
253
|
+
/* display:block; */
|
|
254
254
|
z-index:3;
|
|
255
255
|
}
|
|
256
256
|
.draggable-button {
|
|
@@ -495,14 +495,29 @@ button.nav-link {
|
|
|
495
495
|
margin:10px;
|
|
496
496
|
}
|
|
497
497
|
|
|
498
|
+
.helpDialog .button-left,
|
|
498
499
|
.attributeModal .buttonContainer .button-left {
|
|
499
500
|
margin-right:5px;
|
|
500
501
|
}
|
|
502
|
+
.helpDialog .button-left {
|
|
503
|
+
padding-left: 10px;
|
|
504
|
+
}
|
|
505
|
+
.helpDialog .button-right {
|
|
506
|
+
padding-right: 10px;
|
|
507
|
+
}
|
|
508
|
+
.prev-topic-text {
|
|
509
|
+
margin-left: 5px;
|
|
510
|
+
}
|
|
511
|
+
.next-topic-text {
|
|
512
|
+
margin-right: 5px;
|
|
513
|
+
}
|
|
514
|
+
.helpDialog .button-center,
|
|
501
515
|
.attributeModal .buttonContainer .button-center {
|
|
502
516
|
margin-right:5px;
|
|
503
517
|
margin-left:5px;
|
|
504
518
|
}
|
|
505
519
|
|
|
520
|
+
.helpDialog .button-right,
|
|
506
521
|
.attributeModal .buttonContainer .button-right {
|
|
507
522
|
margin-left:5px;
|
|
508
523
|
}
|
|
@@ -900,7 +915,7 @@ body.bugReport .bug-modal {
|
|
|
900
915
|
display: flex;
|
|
901
916
|
}
|
|
902
917
|
|
|
903
|
-
.
|
|
918
|
+
.modal.show {
|
|
904
919
|
display: block;
|
|
905
920
|
}
|
|
906
921
|
.bug-title {
|
|
@@ -923,17 +938,15 @@ body.splashScreen .bugDialog {
|
|
|
923
938
|
|
|
924
939
|
}
|
|
925
940
|
|
|
926
|
-
|
|
927
|
-
display:none;
|
|
928
|
-
}
|
|
941
|
+
|
|
929
942
|
/* change did not get propogated */
|
|
930
|
-
|
|
943
|
+
#help-dialog-container .helpDialog {
|
|
931
944
|
display:flex;
|
|
932
945
|
overflow: hidden;
|
|
933
946
|
background: #eef;
|
|
934
947
|
flex: 1 0 100%;
|
|
935
948
|
flex-flow:column wrap;
|
|
936
|
-
overflow:auto;
|
|
949
|
+
overflow-y:auto;
|
|
937
950
|
margin: 8px;
|
|
938
951
|
padding: 10px;
|
|
939
952
|
position: absolute;
|
|
@@ -984,7 +997,7 @@ body.showHelpDialog .helpDialog {
|
|
|
984
997
|
position: absolute;
|
|
985
998
|
left: 2px;
|
|
986
999
|
}
|
|
987
|
-
|
|
1000
|
+
.helpDialog button.close {
|
|
988
1001
|
position: absolute;
|
|
989
1002
|
right: 5px;
|
|
990
1003
|
color: red;
|
|
@@ -1161,7 +1174,7 @@ button.translate-submit-button {
|
|
|
1161
1174
|
border-radius: 4px;
|
|
1162
1175
|
}
|
|
1163
1176
|
|
|
1164
|
-
#
|
|
1177
|
+
#render-progress {
|
|
1165
1178
|
display: none;
|
|
1166
1179
|
width:200px;
|
|
1167
1180
|
height:25px;
|
|
@@ -1175,20 +1188,14 @@ button.translate-submit-button {
|
|
|
1175
1188
|
font-family: Arial, Helvetica, sans-serif;
|
|
1176
1189
|
font-size: 0.8em;
|
|
1177
1190
|
}
|
|
1178
|
-
#
|
|
1179
|
-
margin: -25px 0 0 100px;
|
|
1180
|
-
padding:0;
|
|
1181
|
-
display:inline-block;
|
|
1182
|
-
content: attr(value) '%';
|
|
1183
|
-
}
|
|
1184
|
-
#renderProgress[value]::-webkit-progress-bar {
|
|
1191
|
+
#render-progress[value]::-webkit-progress-bar {
|
|
1185
1192
|
background-color:#eee;
|
|
1186
1193
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
|
|
1187
1194
|
}
|
|
1188
1195
|
|
|
1189
|
-
#
|
|
1196
|
+
#render-progress[value]::-webkit-progress-value {
|
|
1190
1197
|
background: #F70;
|
|
1191
1198
|
}
|
|
1192
|
-
body.
|
|
1199
|
+
body.progress-modal #render-progress {
|
|
1193
1200
|
display: block;
|
|
1194
1201
|
}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
.
|
|
2
|
-
cursor: default;
|
|
3
|
-
pointer-events: none;
|
|
1
|
+
.musicContainer {
|
|
4
2
|
user-select: none;
|
|
5
3
|
-webkit-user-select: none;
|
|
6
4
|
-moz-user-select: none;
|
|
7
5
|
-ms-user-select: none;
|
|
8
6
|
}
|
|
9
7
|
|
|
10
|
-
.
|
|
11
|
-
|
|
12
|
-
-
|
|
13
|
-
|
|
14
|
-
-
|
|
15
|
-
|
|
8
|
+
.pitch-preview {
|
|
9
|
+
cursor: default;
|
|
10
|
+
pointer-events: none;
|
|
11
|
+
/*user-select: none;*/
|
|
12
|
+
/*-webkit-user-select: none;*/
|
|
13
|
+
/*-moz-user-select: none;*/
|
|
14
|
+
/*-ms-user-select: none;*/
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/*.note-entry-caret {*/
|
|
18
|
+
/* user-select: none;*/
|
|
19
|
+
/* -webkit-user-select: none;*/
|
|
20
|
+
/* -moz-user-select: none;*/
|
|
21
|
+
/* -ms-user-select: none;*/
|
|
22
|
+
/*}*/
|
package/release/styles/media.css
CHANGED
|
@@ -131,7 +131,7 @@ body {
|
|
|
131
131
|
}
|
|
132
132
|
/* override bootstrap */
|
|
133
133
|
body.modal {
|
|
134
|
-
display: block;
|
|
134
|
+
display: block;
|
|
135
135
|
}
|
|
136
136
|
li.nav-item button.nav-link {
|
|
137
137
|
text-align: left;
|
|
@@ -167,7 +167,7 @@ h1 {
|
|
|
167
167
|
.testTitle {
|
|
168
168
|
height: 20px;
|
|
169
169
|
font-size:1.2em;
|
|
170
|
-
|
|
170
|
+
margin:0;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
#birdy {
|
|
@@ -319,6 +319,15 @@ body.printing .printFrame {
|
|
|
319
319
|
flex-flow:column nowrap;
|
|
320
320
|
flex: 1 1 auto;
|
|
321
321
|
}
|
|
322
|
+
.musicRelief .score-container div {
|
|
323
|
+
background-color: #fff;
|
|
324
|
+
}
|
|
325
|
+
.horizontal.musicRelief {
|
|
326
|
+
flex-flow:row nowrap;
|
|
327
|
+
}
|
|
328
|
+
.horizontal.musicRelief .score-container {
|
|
329
|
+
display: flex;
|
|
330
|
+
}
|
|
322
331
|
.workspace {
|
|
323
332
|
padding-top: 2px;
|
|
324
333
|
position:relative;
|
|
@@ -330,7 +339,6 @@ body.printing .printFrame {
|
|
|
330
339
|
|
|
331
340
|
.musicRelief {
|
|
332
341
|
background:#99a;
|
|
333
|
-
|
|
334
342
|
}
|
|
335
343
|
.media {
|
|
336
344
|
display:flex;
|
|
@@ -344,8 +352,8 @@ body.printing .printFrame {
|
|
|
344
352
|
display:none;
|
|
345
353
|
}
|
|
346
354
|
|
|
347
|
-
.
|
|
348
|
-
|
|
355
|
+
.score-container {
|
|
356
|
+
position: relative;
|
|
349
357
|
background:#fff;
|
|
350
358
|
}
|
|
351
359
|
.overlay {
|
|
@@ -192,6 +192,9 @@ body.alt-key button.hover-text .ribbon-button-hotkey {
|
|
|
192
192
|
.hide {
|
|
193
193
|
display: none !important;
|
|
194
194
|
}
|
|
195
|
+
.invisible {
|
|
196
|
+
visibility: hidden !important;
|
|
197
|
+
}
|
|
195
198
|
.controls-top button.duration.expanded.tuplet span.ribbon-button-hotkey {
|
|
196
199
|
font-size:1em;
|
|
197
200
|
padding-left: 7px;
|