smoosic 1.0.37 → 1.0.39

package/src/smo/mxml/smoToXml.ts

@@ -6,7 +6,7 @@ import { SmoMusic } from '../data/music';
 import { SmoMeasure, SmoVoice } from '../data/measure';
 import { SmoSystemStaff } from '../data/systemStaff';
 import { SmoScore } from '../data/score';
-import { SmoBarline, TimeSignature, SmoRehearsalMark, SmoMeasureModifierBase } from '../data/measureModifiers';
+import { SmoBarline, SmoTimeSignature, SmoRehearsalMark, SmoMeasureModifierBase } from '../data/measureModifiers';
 import { SmoStaffHairpin, SmoSlur, SmoTie } from '../data/staffModifiers';
 import { SmoArticulation, SmoLyric, SmoOrnament } from '../data/noteModifiers';
 import { SmoSelector } from '../xform/selections';
@@ -14,7 +14,7 @@ import { SmoTuplet, SmoTupletTree } from '../data/tuplet';
 
 import { XmlHelpers } from './xmlHelpers';
 import { smoSerialize } from '../../common/serializationHelpers';
-import { SmoTempoText } from '../data/measureModifiers';
+import { SmoTempo } from '../data/measureModifiers';
 import { XmlToSmo } from './xmlToSmo';
 import { SmoSystemGroup } from '../data/scoreModifiers';
 import { SuiSampleMedia } from '../../render/audio/samples';
@@ -51,8 +51,8 @@ export interface SmoState {
   note?: SmoNote,
   beamState: number,
   beamTicks: number,
-  timeSignature?: TimeSignature,
-  tempo?: SmoTempoText,
+  timeSignature?: SmoTimeSignature,
+  tempo?: SmoTempo,
   currentTupletLevel: number, // not sure about the name
 }
 
@@ -637,13 +637,13 @@ export class SmoToXml {
     if (smoState.tempo) {
       if (tempo.display && measure.measureNumber.measureIndex === 0 && smoState.measureTicks === 0) {
         displayTempo = true;
-      } else if (tempo.display && !SmoTempoText.eq(smoState.tempo, tempo)) {
+      } else if (tempo.display && !SmoTempo.eq(smoState.tempo, tempo)) {
         displayTempo = true;
       }
     } else {
       displayTempo = true;
     }
-    smoState.tempo = new SmoTempoText(tempo);
+    smoState.tempo = new SmoTempo(tempo);
     if (beforeNote === true && smoState.staffPartIx === 0 && smoState.measureTicks === 0 && smoState.partStaves[0].staffId === 0) {
       const mark: SmoMeasureModifierBase | undefined = measure.getRehearsalMark();
       if (mark) {
@@ -661,12 +661,12 @@ export class SmoToXml {
       const tempoElement = nn(directionElement, 'direction-type', null, '');
       XmlHelpers.createAttribute(directionElement, 'placement', 'above');
       let tempoText = tempo.tempoText;
-      if (tempo.tempoMode === SmoTempoText.tempoModes.customMode) {
+      if (tempo.tempoMode === SmoTempo.tempoModes.customMode) {
         tempoText = tempo.customText;
       }
-      if (tempo.tempoMode === SmoTempoText.tempoModes.textMode) {
+      if (tempo.tempoMode === SmoTempo.tempoModes.textMode) {
         nn(tempoElement, 'words', { words: tempoText }, 'words');
-      } else if (tempo.tempoMode === SmoTempoText.tempoModes.customMode || tempo.tempoMode === SmoTempoText.tempoModes.durationMode) {
+      } else if (tempo.tempoMode === SmoTempo.tempoModes.customMode || tempo.tempoMode === SmoTempo.tempoModes.durationMode) {
         const metronomeElement = nn(tempoElement, 'metronome', null, '');
         let durationType = 'quarter';
         let dotType = false;
@@ -901,8 +901,8 @@ export class SmoToXml {
     const nn = XmlHelpers.createTextElementChild;
     const staff = smoState.partStaves[smoState.staffPartIx];
     const measure = staff.measures[smoState.measureIndex];
-    const currentTs = (smoState.timeSignature as TimeSignature) ?? null;
-    if (currentTs !== null && TimeSignature.equal(currentTs, measure.timeSignature)) {
+    const currentTs = (smoState.timeSignature as SmoTimeSignature) ?? null;
+    if (currentTs !== null && SmoTimeSignature.equal(currentTs, measure.timeSignature)) {
       return;
     }
     smoState.timeSignature = measure.timeSignature;

package/src/smo/mxml/xmlState.ts

@@ -13,7 +13,7 @@ import {
   SmoTie,
   TieLine
 } from '../data/staffModifiers';
-import {SmoBarline, SmoMeasureModifierBase, SmoRehearsalMark, SmoTempoText} from '../data/measureModifiers';
+import {SmoBarline, SmoMeasureModifierBase, SmoRehearsalMark, SmoTempo} from '../data/measureModifiers';
 import {SmoPartInfo} from '../data/partInfo';
 import {SmoMeasure} from '../data/measure';
 import {SmoNote} from '../data/note';
@@ -164,7 +164,7 @@ export interface XmlPartGroup {
 export class XmlState {
   static get defaults() {
     return {
-      divisions: 4096, tempo: new SmoTempoText(SmoTempoText.defaults), timeSignature: '4/4', keySignature: 'c',
+      divisions: 4096, tempo: new SmoTempo(SmoTempo.defaults), timeSignature: '4/4', keySignature: 'c',
       clefInfo: [], staffGroups: [], smoStaves: []
     };
   }
@@ -195,7 +195,7 @@ export class XmlState {
   tupletStatesInProgress: Record<number, XmlTupletState> = {};
 
   tickCursor: number = 0;
-  tempo: SmoTempoText = new SmoTempoText(SmoTempoText.defaults);
+  tempo: SmoTempo = new SmoTempo(SmoTempo.defaults);
   staffArray: XmlStaffInfo[] = [];
   staffIndex: number = 0;
   graceNotes: SmoGraceNote[] = [];

package/src/smo/mxml/xmlToSmo.ts

@@ -8,7 +8,7 @@ import { XmlHelpers } from './xmlHelpers';
 import { XmlVoiceInfo, XmlState, XmlWedgeInfo } from './xmlState';
 import { SmoLayoutManager, SmoPageLayout, SmoSystemGroup } from '../data/scoreModifiers';
 import { SmoTextGroup } from '../data/scoreText';
-import { SmoTempoText, SmoMeasureFormat, SmoMeasureModifierBase, SmoVolta, SmoBarline } from '../data/measureModifiers';
+import { SmoTempo, SmoMeasureFormat, SmoMeasureModifierBase, SmoVolta, SmoBarline } from '../data/measureModifiers';
 import { SmoScore, isEngravingFont } from '../data/score';
 import { SmoMeasure, SmoMeasureParams } from '../data/measure';
 import { SmoMusic } from '../data/music';
@@ -397,11 +397,11 @@ export class XmlToSmo {
   static tempo(element: Element) {
     let tempoText = '';
     let customText = tempoText;
-    const rv: { staffId: number, tempo: SmoTempoText }[] = [];
+    const rv: { staffId: number, tempo: SmoTempo }[] = [];
     const soundNodes = XmlHelpers.getChildrenFromPath(element,
       ['sound']);
     soundNodes.forEach((sound) => {
-      let tempoMode = SmoTempoText.tempoModes.durationMode;
+      let tempoMode = SmoTempo.tempoModes.durationMode;
       tempoText = sound.getAttribute('tempo') as string;
       if (tempoText) {
         const bpm = parseInt(tempoText, 10);
@@ -410,20 +410,20 @@ export class XmlToSmo {
         tempoText = wordNode.length ? wordNode[0].textContent as string :
           tempoText.toString();
         if (isNaN(parseInt(tempoText, 10))) {
-          if (SmoTempoText.tempoTexts[tempoText.toLowerCase()]) {
-            tempoMode = SmoTempoText.tempoModes.textMode;
+          if (SmoTempo.tempoTexts[tempoText.toLowerCase()]) {
+            tempoMode = SmoTempo.tempoModes.textMode;
           } else {
-            tempoMode = SmoTempoText.tempoModes.customMode;
+            tempoMode = SmoTempo.tempoModes.customMode;
             customText = tempoText;
           }
         }
-        const params = SmoTempoText.defaults;
+        const params = SmoTempo.defaults;
         params.tempoMode = tempoMode;
         params.bpm = bpm;
         params.tempoText = tempoText;
         params.customText = customText;
         params.display = true;
-        const tempo = new SmoTempoText(params);
+        const tempo = new SmoTempo(params);
         const staffId = XmlHelpers.getStaffId(element);
         rv.push({ staffId, tempo });
       }
@@ -567,7 +567,7 @@ export class XmlToSmo {
     // Only display tempo if changes.
     if (tempo.length) {
       // TODO: staff ID is with tempo, but tempo is per column in SMO
-      if (!SmoTempoText.eq(xmlState.tempo, tempo[0].tempo)) {
+      if (!SmoTempo.eq(xmlState.tempo, tempo[0].tempo)) {
         xmlState.tempo = tempo[0].tempo;
         xmlState.tempo.display = true;
       }

package/src/smo/xform/copypaste.ts

@@ -13,7 +13,7 @@ import { TickMap } from './tickMap';
 import { SmoSystemStaff } from '../data/systemStaff';
 import { getId, Clef, Pitch } from '../data/common';
 import {SmoUnmakeTupletActor} from "./tickDuration";
-import { SmoTempoText, TimeSignature } from '../data/measureModifiers';
+import { SmoTempo, SmoTimeSignature } from '../data/measureModifiers';
 
 /**
  * Used to calculate the offset and transposition of a note to be pasted
@@ -212,8 +212,8 @@ export class PasteBuffer {
     // Ordinarily, the key/tempo/time is mapped to the stave, but since we are pasting measure-by
     // measure here, we want to preserve it.
     clonedMeasure.keySignature = measureSelection.measure.keySignature;
-    clonedMeasure.timeSignature = new TimeSignature(measureSelection.measure.timeSignature);
-    clonedMeasure.tempo = new SmoTempoText(measureSelection.measure.tempo);
+    clonedMeasure.timeSignature = new SmoTimeSignature(measureSelection.measure.timeSignature);
+    clonedMeasure.tempo = new SmoTempo(measureSelection.measure.tempo);
     this.measures.push(clonedMeasure);
 
     const firstMeasure = this.measures[0];

package/src/smo/xform/operations.ts

@@ -10,8 +10,8 @@ import { SmoArticulation, SmoGraceNote, SmoLyric, SmoMicrotone, SmoOrnament,
   SmoDynamicText, 
   SmoTabNote} from '../data/noteModifiers';
 import {
-  SmoRehearsalMark, SmoMeasureText, SmoVolta, SmoMeasureFormat, SmoTempoText, SmoBarline,
-  TimeSignature, SmoRepeatSymbol
+  SmoRehearsalMark, SmoMeasureText, SmoVolta, SmoMeasureFormat, SmoTempo, SmoBarline,
+  SmoTimeSignature, SmoRepeatSymbol
 } from '../data/measureModifiers';
 import { SmoStaffHairpin, SmoSlur, SmoTie, StaffModifierBase, SmoTieParams, SmoInstrument, SmoStaffHairpinParams,
   SmoSlurParams, SmoInstrumentMeasure, SmoStaffTextBracket, SmoStaffTextBracketParams,
@@ -139,7 +139,7 @@ export class SmoOperation {
       score.staves[tabStaves[0].startSelector.staff].removeTabStaves(tabStaves);
     }
   }
-  static setTimeSignature(score: SmoScore, selections: SmoSelection[], timeSignature: TimeSignature) {
+  static setTimeSignature(score: SmoScore, selections: SmoSelection[], timeSignature: SmoTimeSignature) {
     const selectors: SmoSelector[] = [];
     let i = 0;
     // change the time signature for each stave in the score
@@ -151,7 +151,7 @@ export class SmoOperation {
     });
     selectors.forEach((selector: SmoSelector) => {
       const rowSelection: SmoSelection = (SmoSelection.measureSelection(score, selector.staff, selector.measure) as SmoSelection);
-      rowSelection.measure.timeSignature = new TimeSignature(timeSignature);
+      rowSelection.measure.timeSignature = new SmoTimeSignature(timeSignature);
       rowSelection.measure.alignNotesWithTimeSignature();
     });
   }
@@ -744,7 +744,7 @@ export class SmoOperation {
     });
   }
 
-  static addTempo(score: SmoScore, selection: SmoSelection, tempo: SmoTempoText) {
+  static addTempo(score: SmoScore, selection: SmoSelection, tempo: SmoTempo) {
     score.staves.forEach((staff) => {
       staff.addTempo(tempo, selection.selector.measure);
     });
@@ -1050,7 +1050,10 @@ export class SmoOperation {
       }
     });
     selections[0].staff.measureInstrumentMap = instMap;
-    selections[0].staff.updateInstrumentOffsets();
+    // Don't update transpositions if everything is in concert key.
+    if (!score.preferences.transposingScore){
+      selections[0].staff.updateInstrumentOffsets();
+    }
     score.setNoteInstrumentProperties();
   }
   static computeMultipartRest(score: SmoScore) {

package/src/smo/xform/tickDuration.ts

@@ -277,8 +277,16 @@ export class SmoStretchNoteActor extends TickIteratorBase {
       stemTicksUsed: number,
       multiplier: number
   ) {
-    const remainingTicks = stemTicksUsed - this.newStemTicks;
-
+    const originalTickCount = this.notes.reduce((a, b) => a + b.tickCount, 0);
+    const measureTicks = this.measure.timeSignature.ticksFromTimeSignature() - 
+      (originalTickCount + (replacingNote.tickCount - originalNote.tickCount));
+    let remainingTicks = stemTicksUsed - this.newStemTicks;
+    // If this is the last note in the measure, and the measure doesn't have the full duration of notes,
+    // allow stretching.  This isn't something that can usually happen, 
+    // except in cases like import from xml, time signature changes, etc.
+    if (remainingTicks < 0 && measureTicks >= 0) {
+        remainingTicks = 0;
+    }
     if (remainingTicks >= 0) {
       this.notesToInsert.push(replacingNote);
 

package/src/styles/dialogs.css

@@ -1196,6 +1196,10 @@ button.translate-submit-button {
 #render-progress[value]::-webkit-progress-value {
   background: #F70;
 }
+body.progress-modal.printing #render-progress,
+body.progress-modal.printing .navbar-expand {
+  display: none;
+}
 body.progress-modal #render-progress {
   display: block;
 }

package/src/ui/buttons/display.ts

@@ -1,7 +1,7 @@
 import { SuiButton, SuiButtonParams } from './button';
 import { createAndDisplayDialog } from '../dialogs/dialog';
 import { SuiKeySignatureDialog } from '../dialogs/keySignature';
-import { SuiTimeSignatureDialog } from '../dialogs/timeSignature';
+import { SuiTimeSignatureDialogVue } from '../dialogs/timeSignature';
 import { SuiTempoDialog } from '../dialogs/tempo';
 import { SuiScoreViewDialogVue } from '../dialogs/scoreView';
 import { KeyEvent } from '../../smo/data/common';
@@ -96,7 +96,7 @@ export class DisplaySettings extends SuiButton {
     if (!this.completeNotifier) {
       return;
     }
-    createAndDisplayDialog(SuiTimeSignatureDialog, {
+    SuiTimeSignatureDialogVue({
       completeNotifier: this.completeNotifier,
       view: this.view,
       eventSource: this.eventSource,

package/src/ui/buttons/ribbon.ts

@@ -19,7 +19,7 @@ import { createApp, ref, reactive, watch } from 'vue';
 import { SuiKeySignatureDialog } from '../dialogs/keySignature';
 import { default as ribbonApp } from '../components/buttons/ribbon.vue';
 import { default as ribbonSidebarApp } from '../components/buttons/sidebar.vue';
-import { SuiTimeSignatureDialog } from '../dialogs/timeSignature';
+import { SuiTimeSignatureDialogVue } from '../dialogs/timeSignature';
 import { SuiScoreViewDialogVue } from '../dialogs/scoreView';
 
 declare var $: any;
@@ -150,7 +150,7 @@ export class RibbonButtons {
       if (!this.controller) {
         return;
       }
-      createAndDisplayDialog(SuiTimeSignatureDialog, {
+      SuiTimeSignatureDialogVue({
         completeNotifier: this.controller,
         view: this.view,
         eventSource: this.eventSource,

package/src/ui/components/dialogs/timeSignature.vue

@@ -0,0 +1,223 @@
+<script setup lang="ts">
+import { ref, Ref, watch, reactive } from 'vue';
+import numberInputApp from './numberInput.vue';
+import {
+  TimeSignatureTime, SmoTimeSignature
+} from '../../../smo/data/measureModifiers';
+import dialogContainer from './dialogContainer.vue';
+import { SelectOption } from '../../common';
+import selectComp from './select.vue';
+
+interface Props {
+  domId: string,
+  label: string,
+  timeSignature: SmoTimeSignature,
+  updateTimeSignatureCb: (mf: SmoTimeSignature) => Promise<void>,
+  updateApplyTo: (value: string) => Promise<void>,
+  commitCb: () => Promise<void>,
+  cancelCb: () => Promise<void>
+}
+const props = defineProps<Props>();
+const durationSelection: SelectOption[] = [{
+  value: '2',
+  label: '2'
+}, {
+  value: '4',
+  label: '4'
+}, {
+  value: '8',
+  label: '8'
+}];
+
+const applyToOptions: SelectOption[] = [{
+  value: "Score",
+  label: 'Score'
+}, {
+  value: "Selected",
+  label: 'Selected Measures'
+}, {
+  value: "Remaining",
+  label: 'Remaining Measures'
+}];
+const applyTo: Ref<string> = ref('Selected');
+const mainBeat = ref(4);
+const mainDuration = ref(4);
+const altDuration = ref(4);
+const altDurationString = ref('4');
+const mainDurationString = ref('4');
+const altBeat = ref(0);
+const isCompound = ref(false);
+const durationFromString = (str: string): number => {
+  const val = parseInt(str);
+  if (str === '2' || str === '4' || str === '8') {
+    return val;
+  }
+  return 4;
+}
+watch(mainDuration, async (newVal) => {
+  if (mainDuration.value === storedTimeSignature.times[0].beatDuration) {
+    return;
+  }
+  storedTimeSignature.times[0].beatDuration = newVal;
+  await props.updateTimeSignatureCb(storedTimeSignature);
+});
+watch(altDuration, async (newVal) => {
+  if (storedTimeSignature.times.length === 1) {
+    storedTimeSignature.times.push({ actualBeats: altBeat.value, beatDuration: altDuration.value });
+  }
+  else if (newVal === storedTimeSignature.times[1].beatDuration) {
+    return;
+  }
+  storedTimeSignature.times[1].beatDuration = newVal;
+  await props.updateTimeSignatureCb(storedTimeSignature);
+});
+watch(altBeat, async (newVal) => {
+  if (storedTimeSignature.times.length === 1 && newVal > 0) {
+    storedTimeSignature.times.push({ actualBeats: newVal, beatDuration: storedTimeSignature.times[0].beatDuration });
+  }
+  else if (newVal < 1) {
+    if (storedTimeSignature.times.length > 1) {
+      storedTimeSignature.times.pop();
+    }
+  }
+  else if (storedTimeSignature.times.length > 1 && newVal === storedTimeSignature.times[1].actualBeats) {
+    return;
+  }
+  storedTimeSignature.times[1].actualBeats = newVal;
+  await props.updateTimeSignatureCb(storedTimeSignature);
+});
+watch(mainDurationString, (newVal) => {
+  mainDuration.value = durationFromString(newVal);
+});
+watch(altDurationString, (newVal) => {
+  altDuration.value = durationFromString(newVal);
+});
+
+const { domId, label, commitCb, cancelCb, } = { ...props };
+const useSymbol: Ref<boolean> = ref(props.timeSignature.useSymbol);
+const display: Ref<boolean> = ref(props.timeSignature.display);
+const displayString: Ref<string> = ref(props.timeSignature.displayString);
+const storedTimeSignature = new SmoTimeSignature(props.timeSignature);
+if (storedTimeSignature.times.length > 1) {
+  isCompound.value = true;
+  altBeat.value = storedTimeSignature.times[1].actualBeats;
+  altDuration.value = storedTimeSignature.times[1].beatDuration;
+}
+mainBeat.value = storedTimeSignature.times[0].actualBeats;
+mainDuration.value = storedTimeSignature.times[0].beatDuration;
+const updateMainBeat = async (newVal: number) => {
+  mainBeat.value = newVal;
+  storedTimeSignature.times[0].actualBeats = newVal;
+  await props.updateTimeSignatureCb(storedTimeSignature);
+}
+const updateMainDurationString = async (newVal: string) => {
+  mainDurationString.value = newVal;
+  storedTimeSignature.times[0].beatDuration = durationFromString(newVal);
+  await props.updateTimeSignatureCb(storedTimeSignature);
+}
+const updateAltDurationString = async (newVal: string) => {
+  altDurationString.value = newVal;
+  storedTimeSignature.times[1].beatDuration = durationFromString(newVal);
+  await props.updateTimeSignatureCb(storedTimeSignature);
+}
+const updateAltBeat = async (newVal: number) => {
+  if (storedTimeSignature.times.length > 1 && storedTimeSignature.times[1].actualBeats === newVal) {
+    return;
+  }
+  if (newVal <= 1) {
+    return;
+  }
+  if (storedTimeSignature.times.length === 1) {
+    storedTimeSignature.times.push({ actualBeats: newVal, beatDuration: storedTimeSignature.times[0].beatDuration });
+  } else {
+    storedTimeSignature.times[1].actualBeats = newVal;
+  }
+  await props.updateTimeSignatureCb(storedTimeSignature);
+}
+watch(isCompound, async (newVal: boolean, oldVal: boolean) => {
+  if (newVal === oldVal) {
+    return;
+  }
+  if (newVal) {
+    altBeat.value = 4;
+  } else {
+    altBeat.value = 0;
+  }
+  await props.updateTimeSignatureCb(storedTimeSignature);
+});
+const getId = (str: string) => {
+  return `${props.domId}-${str}`;
+}
+</script>
+
+<template>
+  <dialogContainer :domId="domId" :label="label" :cancelCb="cancelCb" :commitCb="commitCb"
+    :classes="'text-center mw-40 nw-40'">
+    <div class="row align-items-center">
+      <div class="checkbox-input-column-div">
+        <input class="form-check-input" type="checkbox" v-model="useSymbol" :id="getId('use-symbol')">
+        </input>
+      </div>
+      <div class="checkbox-input-label-div">
+        <span class="form-check-label" :for="getId('use-symbol')">Use Symbol</span>
+      </div>
+      <div class="checkbox-input-column-div">
+        <input class="form-check-input" type="checkbox" v-model="display" :id="getId('display-ts')">
+        </input>
+      </div>
+      <div class="checkbox-input-label-div">
+        <span class="form-check-label" :for="getId('display-cs')">Display Time Signature</span>
+      </div>
+    </div>
+    <div class="row align-items-center"> 
+      <div class="checkbox-input-column-div">
+        <input class="form-check-input" type="checkbox" v-model="isCompound" :id="getId('is-compound')">
+        </input>
+      </div>
+      <div class="checkbox-input-label-div">
+        <span class="form-check-label" :for="getId('system-break')">Compound Time</span>
+      </div>
+    </div>
+    <div class="row align-items-center">
+      <div class="col col-4">
+        <numberInputApp :domId="getId('num-main')" :initialValue="mainBeat" :changeCb="updateMainBeat" :precision="0"
+          :width="25" :minValue="1" :maxValue="16" />
+      </div>
+      <div class="number-input-label-div col col-4">
+        <span class="form-check-label">Beats/Measure</span>
+      </div>
+      <div class="col col-6">
+        <selectComp :domId="getId('main-duration')" :label="'Beat Duration'" :selections="durationSelection"
+          :initialValue="mainDurationString" :changeCb="updateMainDurationString" />
+      </div>
+    </div>
+    <div class="row align-items-center" :class="{ hide: !isCompound }">
+      <div class="col col-4">
+        <numberInputApp :domId="getId('num-alt')" :initialValue="altBeat" :changeCb="updateAltBeat" :precision="0"
+          :width="25" :minValue="0" :maxValue="16" />
+      </div>
+      <div class="number-input-label-div col col-4">
+        <span class="form-check-label">Compound Beats/Measure</span>
+      </div>
+      <div class="col col-6">
+        <selectComp :domId="getId('alt-duration')" :label="'Beat Duration'" :selections="durationSelection"
+          :initialValue="altDurationString" :changeCb="updateAltDurationString" />
+      </div>
+    </div>
+    <div class="row align-items-center">
+      <div class="col col-4">
+        <input type="text" class="form-control form-control-sm" v-model="displayString" :id="getId('display-string')" />
+      </div>
+      <div class="number-input-label-div col col-8">
+        <span class="form-check-lable">Alternate Display String (for pickups)</span>
+      </div>
+    </div>
+    <div class="row mb-2">
+      <div class="col col-3 text-end">Apply To</div>
+      <div class="col col-6">
+        <selectComp :domId="getId('page-size-select')" :label="''" :selections="applyToOptions" :initialValue="applyTo"
+          :changeCb="props.updateApplyTo" />
+      </div>
+    </div>
+  </dialogContainer>
+</template>

package/src/ui/dialogs/fileDialogs.ts

@@ -65,7 +65,7 @@ export const SuiFileUploadDialog = async (parameters: SuiDialogParams) => {
     if (filename.endsWith('.mid') || filename.endsWith('.midi')) {
       await commitMidi();
     }
-    else if (filename.endsWith('.xml') || filename.endsWith('.mxml')) {
+    else if (filename.endsWith('.xml') || filename.endsWith('.mxml') || filename.endsWith('.mxl')) {
       await commitXml();
     }
     else if (filename.endsWith('.json')) {

package/src/ui/dialogs/keySignature.ts

@@ -1,6 +1,6 @@
 // [Smoosic](https://github.com/AaronDavidNewman/Smoosic)
 // Copyright (c) Aaron David Newman 2021.
-import { SmoTempoText, SmoTempoNumberAttribute, SmoTempoStringAttribute, SmoTempoBooleanAttribute } from '../../smo/data/measureModifiers';
+import { SmoTempo, SmoTempoNumberAttribute, SmoTempoStringAttribute, SmoTempoBooleanAttribute } from '../../smo/data/measureModifiers';
 import { SmoSelection, SmoSelector } from '../../smo/xform/selections';
 import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
 import { DialogDefinition, SuiDialogParams } from './dialog';