Update executables for release

AaronDavidNewman · Oct 1, 2024 · d23aee0 · d23aee0
1 parent c4794f8
commit d23aee0
Show file tree

Hide file tree

Showing 18 changed files with 9,912 additions and 5,555 deletions.
diff --git a/build/styles/dialogs.css b/build/styles/dialogs.css
@@ -483,6 +483,7 @@ button.button-array.initial {
   width: 35px;
 	height: 35px;
   position:relative;
+  user-select: none;
 }
 .smoControl button.button-array.pushed {
   font-weight: bold;

diff --git a/release/html/smoosic.html b/release/html/smoosic.html
@@ -3,21 +3,18 @@
 <head>
 		<meta charset="utf-8">
 		<title>Smoosic Editor</title>
-		<link href="https://aarondavidnewman.github.io/Smoosic/build/styles/fonts.css" rel="stylesheet">
+		<link href="../styles/fonts.css" rel="stylesheet">
         <link href="../styles/media.css" rel="stylesheet">
         <link href="../styles/ribbon.css" rel="stylesheet">
-        <!-- link href="https://aarondavidnewman.github.io/Smoosic/build/styles/dialogs.css" rel="stylesheet" -->
         <link href="../styles/dialogs.css" rel="stylesheet">
         <link href="../styles/menus.css" rel="stylesheet">
         <link href="https://aarondavidnewman.github.io/Smoosic/build/styles/piano.css" rel="stylesheet">
         <link href="https://aarondavidnewman.github.io/Smoosic/build/styles/tree.css" rel="stylesheet">
-        <!-- link href="https://aarondavidnewman.github.io/Smoosic/build/styles/bravura-font-codes.css" rel="stylesheet" -->
         <link href="../styles/bravura-font-codes.css" rel="stylesheet">
-        <!-- script type="text/javascript" src="https://aarondavidnewman.github.io/vexflow_smoosic/releases/vexflow-debug.js"></script -->
-        <script type="text/javascript" src="../../../vexflow_smoosic/build/cjs/vexflow-debug.js"></script>
-        <!-- script src="https://unpkg.com/vexflow@4.0.1/build/cjs/vexflow-debug.js"></script -->
-        <!-- script type="text/javascript" src="..\..\node_modules\vxflw-early-access\build\cjs\vexflow-debug.js"></script -->
-        <!---- script type="text/javascript" src="../../vxflw-early-access/build/cjs/vexflow-debug.js"></script -->
+        <link href="../styles/bootstrap.min.css" rel="stylesheet">
+        <script type="text/javascript" src="https://aarondavidnewman.github.io/vexflow_smoosic/releases/vexflow-debug.js"></script>
+        <!-- script type="text/javascript" src="../../node_modules/vexflow_smoosic/build/cjs/vexflow-debug-with-tests.js"></script -->
+        <!-- script type="text/javascript" src="../../../vexflow_smoosic/build/cjs/vexflow-debug-with-tests.js"></script -->
         <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.js" ></script>
         <script type="text/javascript" src="../jszip.js"></script>
         <script type="text/javascript" src="../midi-parser.js"></script>

diff --git a/release/smoosic.js b/release/smoosic.js
diff --git a/release/smoosic.js.map b/release/smoosic.js.map
diff --git a/release/styles/bravura-font-codes.css b/release/styles/bravura-font-codes.css
diff --git a/release/styles/dialogs.css b/release/styles/dialogs.css
@@ -195,10 +195,12 @@ body.showAttributeDialog .attributeDialog {
   top: 0;
 	display:none;
 }
-
+button.nav-link {
+  width: 100%;
+}
 .attributeModal {
 	position:absolute;
-  width:380px;
+  min-width:380px;
 	background: #fff;
 	border-style: groove;
 	border-width: 2px;
@@ -223,72 +225,29 @@ body.showAttributeDialog .attributeDialog {
 .attributeModal .buttonContainer .button-right {
 	margin-left:5px;
 }
-
-
-.attributeModal .buttonContainer button {
-	border-radius:3px;
-	padding: 2px 4px;
-	width:100px;
-	height:25px;
-}
-
-.attributeModal .buttonContainer .ok-button {
-	border:#9cee9d 1px ridge;
-}
-
-.attributeModal .buttonContainer .ok-button:hover {
-	background:#334488;
-	color: #fff;
-	transition-duration: 0.5s;
-	transition-timing-function:ease;
-}
-
-.attributeModal .buttonContainer .cancel-button:hover {
-	background:#884433;
-	color: #fff;
-	transition-duration: 0.5s;
-	transition-timing-function:ease;
-}
-
-.attributeModal .buttonContainer .remove-button:hover {
-	background:#664433;
-	color: #ded;
-	transition-duration: 0.5s;
-	transition-timing-function:ease;
-}
-
-.attributeModal .buttonContainer .remove-button:hover .icon-cancel-circle  {
-	background:#664433;
-	color: #ded;
-}
-
-.attributeModal .buttonContainer .remove-button .icon-cancel-circle {
-	float:left;
-	color:#933;
-}
-
-.attributeModal .buttonContainer .ok-button:hover {
-	background:#334488;
-	color: #fff;
-	transition-duration: 0.5s;
-	transition-timing-function:ease;
-}
-
-
-.attributeModal .buttonContainer .cancel-button {
-	border:#dc8899 1px ridge;
-}
-
-.attributeModal .buttonContainer .remove-button {
-	border:#dc8899 1px ridge;
-}
-
-
 .attributeModal h2 {
 	text-align:center;
 	font-size:1.2em;
+  user-select: none;
 }
 
+.smoControlContainer .button-array-buttons button.repetext {
+  font-size: 0.8em;
+  font-style: italic;
+  flex: 4 1 auto;
+  max-width: 70px;
+}
+.smoControl button.icon-bravura {
+  position: inherit;
+  top: inherit;
+  left: inherit;
+  pointer-events: inherit;
+}
+.smoControlContainer .button-array-buttons button.repetext .icon-bravura .button-text {
+  font-size: 12px;
+  min-width: 35px;
+  user-select: none;
+}
 .attributeModal.tempoTextMode #dialog-tempo-duration,
 .attributeModal.tempoTextMode #dialog-tempo-bpm ,
 .attributeModal.tempoDurationMode #dialog-tempo-tempoText {
@@ -329,6 +288,14 @@ body.showAttributeDialog .attributeDialog {
     margin-left:15px;
 }
 
+.smoControlContainer .smoControl.hide-input {
+  min-width: 600px;
+  user-select: none;
+}
+.smoControlContainer .text-input.hide-input input {
+  display: none;
+}
+
 .smoControl.toggleControl {
     display:flex;
     align-items:center;
@@ -402,8 +369,89 @@ body.showAttributeDialog .attributeDialog {
   flex: 1 1 100%;
   flex-flow: row wrap;
   justify-content: space-around;
+  margin: 5px 0;
   border: 2px #ddd outset;
 }
+.attributeModal .smoControl.buttonArray {
+  flex-flow: column nowrap;
+  border: 2px #ddd outset;
+}
+.pad-span {
+  padding: 5px;
+  user-select: none;
+}
+.attributeModal .smoControl.buttonArray .button-array-row{
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content:flex-start;
+}
+.button-array-buttons {
+  display: flex;
+  align-items: center;
+  flex: 1 2 auto;
+}
+.button-row-container {
+  display:flex;
+  flex-flow: column;
+  flex: 1 1 auto;
+}
+.button-array-label {
+  display: flex;
+  flex: 0 0 100px;
+  min-width: 100px;
+  justify-content: flex-end;
+}
+.nav-item {
+  border-bottom: 1px solid #eee;
+}
+.attributeModal .smoControl.button-hotkey {
+  display: flex;
+  flex-flow: row;
+}
+.attributeModal .smoControl.button-hotkey button {
+  width: 70px;
+  text-align: left;
+}
+.attributeModal .smoControl.button-hotkey span.button-text {
+  float: right;
+  user-select: none;
+}
+.attributeModal .smoControl.buttonArray .icon-bravura {
+  left:calc(50% - 12px);
+}
+.attributeModal .smoControl.buttonArray .icon-bravura.icon-mid {
+  top: 0;
+  left:8px;
+}
+.attributeModal .smoControl.buttonArray .icon-bravura.icon-transparent {
+  color: #333333aa;
+}
+.attributeModal .smoControl.buttonArray .icon-bravura.icon-lg {
+  font-size: 24px;
+  top:inherit;
+}
+.attributeModal .smoControl.buttonArray .icon-bravura.icon-top {
+  left:8px;
+}
+
+.attributeModal .smoControl.buttonArray .icon-bravura.icon-brassFallRoughMedium,
+.attributeModal .smoControl.buttonArray .icon-bravura.icon-brassLiftMedium {
+  font-size:20px;
+  top:50%;
+}
+.smoControl.buttonArray button:hover {
+  background:#334488;
+	color: #fff;
+	transition-duration: 0.5s;
+	transition-timing-function:ease;
+}
+button.button-array.pushed {
+  background-color: #dee;
+  border: 2px #222 inset;
+}
+button.button-array.initial {
+  background-color: #999;
+}
 .attributeModal .smoControl.multiControl.textCheckContainer .smoControl {
   margin: 5px;
 }
@@ -429,12 +477,20 @@ body.showAttributeDialog .attributeDialog {
 }
 
 .smoControl button, .smoControl input,.smoControl select {
-	margin-right:2px;
-	height: 30px;
-	border-radius: 5%;
 	border: 1px solid #52ba73;
 }
-
+.smoControl button.button-array {
+  width: 35px;
+	height: 35px;
+  position:relative;
+  user-select: none;
+}
+.smoControl button.button-array.pushed {
+  font-weight: bold;
+}
+.smoControl button.button-array .icon-bravura {
+  font-size: 30px;
+}
 .smoControl.cbTextInPlace,.smoControl.cbDragTextDialog ,.smoControl.cbResizeTextBox  {
     position:relative;
     min-width:110px;

diff --git a/release/styles/fonts.css b/release/styles/fonts.css
@@ -24,6 +24,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-metronome4:before {
+  content: "\e99f";
+}
+.icon-enter2:before {
+  content: "\e99a";
+}
 .icon-radio-checked2:before {
   content: "\ea55";
 }

diff --git a/release/styles/fonts/smoosic.json b/release/styles/fonts/smoosic.json