smoosic 1.0.36 → 1.0.38

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';

package/src/ui/dialogs/tempo.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 } from '../../smo/xform/selections';
 import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
 import { DialogDefinition, SuiDialogParams } from './dialog';
@@ -14,8 +14,8 @@ declare var $: any;
  * @category SuiDialog
  */
 export class SuiTempoAdapter extends SuiComponentAdapter {
-  smoTempoText: SmoTempoText;
-  backup: SmoTempoText;
+  SmoTempo: SmoTempo;
+  backup: SmoTempo;
   applyToAllVal: boolean = false;  
   applyToSelection: boolean = false;
   edited: boolean = false;
@@ -23,26 +23,26 @@ export class SuiTempoAdapter extends SuiComponentAdapter {
   constructor(view: SuiScoreViewOperations, measure: SmoMeasure) {
     super(view);
     this.measure = measure;
-    this.smoTempoText = new SmoTempoText(measure.tempo);
-    this.backup = new SmoTempoText(this.smoTempoText);
+    this.SmoTempo = new SmoTempo(measure.tempo);
+    this.backup = new SmoTempo(this.SmoTempo);
   }
   writeNumber(param: SmoTempoNumberAttribute, value: number) {
-    this.smoTempoText[param] = value;
-    this.view.updateTempoScore(this.measure, this.smoTempoText, this.applyToAll, this.applyToSelection);
+    this.SmoTempo[param] = value;
+    this.view.updateTempoScore(this.measure, this.SmoTempo, this.applyToAll, this.applyToSelection);
     this.edited = true;
   }
   writeBoolean(param: SmoTempoBooleanAttribute, value: boolean) {
-    this.smoTempoText[param] = value;
-    this.view.updateTempoScore(this.measure, this.smoTempoText, this.applyToAll, this.applyToSelection);
+    this.SmoTempo[param] = value;
+    this.view.updateTempoScore(this.measure, this.SmoTempo, this.applyToAll, this.applyToSelection);
     this.edited = true;
   }
   writeString(param: SmoTempoStringAttribute, value: string) {
-    (this.smoTempoText as any)[param] = value;
-    this.view.updateTempoScore(this.measure, this.smoTempoText, this.applyToAll, this.applyToSelection);
+    (this.SmoTempo as any)[param] = value;
+    this.view.updateTempoScore(this.measure, this.SmoTempo, this.applyToAll, this.applyToSelection);
     this.edited = true;
   }
   async remove() {
-    await this.view.removeTempo(this.measure, this.smoTempoText, this.applyToAll, this.applyToSelection);
+    await this.view.removeTempo(this.measure, this.SmoTempo, this.applyToAll, this.applyToSelection);
   }
   async cancel() {
     await this.view.updateTempoScore(this.measure, this.backup, this.applyToAll, this.applyToSelection);
@@ -52,50 +52,50 @@ export class SuiTempoAdapter extends SuiComponentAdapter {
   }
   set applyToAll(val: boolean) {
     this.applyToAllVal = val;
-    this.view.updateTempoScore(this.measure, this.smoTempoText, this.applyToAll, this.applyToSelection);
+    this.view.updateTempoScore(this.measure, this.SmoTempo, this.applyToAll, this.applyToSelection);
     this.edited = true;
   }
   async commit(){
     return PromiseHelpers.emptyPromise();
   }
   get tempoText() {
-    return this.smoTempoText.tempoText;
+    return this.SmoTempo.tempoText;
   }
   set tempoText(value: string) {
     this.writeString('tempoText', value);
   }
   get tempoMode() {
-    return this.smoTempoText.tempoMode;
+    return this.SmoTempo.tempoMode;
   }
   set tempoMode(value: string) {
     this.writeString('tempoMode', value);
   }
   get customText() {
-    return this.smoTempoText.customText;
+    return this.SmoTempo.customText;
   }
   set customText(value: string) {
     this.writeString('customText', value);
   }
   get bpm() {
-    return this.smoTempoText.bpm;
+    return this.SmoTempo.bpm;
   }
   set bpm(value: number) {
     this.writeNumber('bpm', value);
   }
   get display() {
-    return this.smoTempoText.display;
+    return this.SmoTempo.display;
   }
   set display(value: boolean) {
     this.writeBoolean('display', value);
   }
   get beatDuration() {
-    return this.smoTempoText.beatDuration;
+    return this.SmoTempo.beatDuration;
   }
   set beatDuration(value: number) {
     this.writeNumber('beatDuration', value);
   }
   get yOffset() {
-    return this.smoTempoText.yOffset;
+    return this.SmoTempo.yOffset;
   }
   set yOffset(value: number) {
     this.writeNumber('yOffset', value);
@@ -111,7 +111,7 @@ export class SuiTempoDialog extends SuiDialogAdapterBase<SuiTempoAdapter> {
         elements: [
           {
             smoName: 'tempoMode',
-            defaultValue: SmoTempoText.tempoModes.durationMode,
+            defaultValue: SmoTempo.tempoModes.durationMode,
             control: 'SuiDropdownComponent',
             label: 'Tempo Mode',
             options: [{
@@ -162,57 +162,57 @@ export class SuiTempoDialog extends SuiDialogAdapterBase<SuiTempoAdapter> {
           },
           {
             smoName: 'tempoText',
-            defaultValue: SmoTempoText.tempoTexts.allegro,
+            defaultValue: SmoTempo.tempoTexts.allegro,
             control: 'SuiDropdownComponent',
             label: 'Tempo Text',
             classes: 'hide-when-not-text-mode',
             options: [{
-              value: SmoTempoText.tempoTexts.larghissimo,
+              value: SmoTempo.tempoTexts.larghissimo,
               label: 'Larghissimo'
             }, {
-              value: SmoTempoText.tempoTexts.grave,
+              value: SmoTempo.tempoTexts.grave,
               label: 'Grave'
             }, {
-              value: SmoTempoText.tempoTexts.lento,
+              value: SmoTempo.tempoTexts.lento,
               label: 'Lento'
             }, {
-              value: SmoTempoText.tempoTexts.largo,
+              value: SmoTempo.tempoTexts.largo,
               label: 'Largo'
             }, {
-              value: SmoTempoText.tempoTexts.larghetto,
+              value: SmoTempo.tempoTexts.larghetto,
               label: 'Larghetto'
             }, {
-              value: SmoTempoText.tempoTexts.adagio,
+              value: SmoTempo.tempoTexts.adagio,
               label: 'Adagio'
             }, {
-              value: SmoTempoText.tempoTexts.adagietto,
+              value: SmoTempo.tempoTexts.adagietto,
               label: 'Adagietto'
             }, {
-              value: SmoTempoText.tempoTexts.andante_moderato,
+              value: SmoTempo.tempoTexts.andante_moderato,
               label: 'Andante moderato'
             }, {
-              value: SmoTempoText.tempoTexts.andante,
+              value: SmoTempo.tempoTexts.andante,
               label: 'Andante'
             }, {
-              value: SmoTempoText.tempoTexts.andantino,
+              value: SmoTempo.tempoTexts.andantino,
               label: 'Andantino'
             }, {
-              value: SmoTempoText.tempoTexts.moderator,
+              value: SmoTempo.tempoTexts.moderator,
               label: 'Moderato'
             }, {
-              value: SmoTempoText.tempoTexts.allegretto,
+              value: SmoTempo.tempoTexts.allegretto,
               label: 'Allegretto',
             }, {
-              value: SmoTempoText.tempoTexts.allegro,
+              value: SmoTempo.tempoTexts.allegro,
               label: 'Allegro'
             }, {
-              value: SmoTempoText.tempoTexts.vivace,
+              value: SmoTempo.tempoTexts.vivace,
               label: 'Vivace'
             }, {
-              value: SmoTempoText.tempoTexts.presto,
+              value: SmoTempo.tempoTexts.presto,
               label: 'Presto'
             }, {
-              value: SmoTempoText.tempoTexts.prestissimo,
+              value: SmoTempo.tempoTexts.prestissimo,
               label: 'Prestissimo'
             }
             ]

package/src/ui/dialogs/timeSignature.ts

@@ -1,129 +1,58 @@
 // [Smoosic](https://github.com/AaronDavidNewman/Smoosic)
 // Copyright (c) Aaron David Newman 2021.
 import { SmoMeasure } from '../../smo/data/measure';
-import { TimeSignature } from '../../smo/data/measureModifiers';
+import { SmoTimeSignature } from '../../smo/data/measureModifiers';
+import { SmoSelection } from '../../smo/xform/selections';
+import { SuiDialogParams, InstallDialog } from './dialog';
+import timeSignatureComp from '../components/dialogs/timeSignature.vue';
 import { SuiScoreViewOperations } from '../../render/sui/scoreViewOperations';
-import { DialogDefinition, SuiDialogParams } from './dialog';
+import { replaceVueRoot, modalContainerId } from '../common';
 import { SuiComponentAdapter, SuiDialogAdapterBase } from './adapter';
 import { PromiseHelpers } from '../../common/promiseHelpers';
-
 declare var $: any;
-
-/**
- * Time signature score mapping
- * @category SuiDialog
- */
-export class SuiTimeSignatureAdapter extends SuiComponentAdapter {
-  measure: SmoMeasure;
-  backup: TimeSignature;
-  constructor(view: SuiScoreViewOperations) {
-    super(view);
-    this.measure = this.view.tracker.selections[0].measure;
-    this.backup = new TimeSignature(this.measure.timeSignature);
-  }
-  get numerator() {
-    return this.measure.timeSignature.actualBeats;
-  }
-  set numerator(value: number) {
-    this.measure.timeSignature.actualBeats = value;
-  }
-  get denominator() {
-    return this.measure.timeSignature.beatDuration;
-  }
-  set denominator(value: number) {
-    this.measure.timeSignature.beatDuration = value;
-  }
-  get display() {
-    return this.measure.timeSignature.display;
-  }
-  set display(value: boolean) {
-    this.measure.timeSignature.display = value;
-  }
-  get useSymbol() {
-    return this.measure.timeSignature.useSymbol;
+declare var $: any;
+export const SuiTimeSignatureDialogVue = (parameters: SuiDialogParams) => {
+  const rootId = replaceVueRoot(modalContainerId);
+  const measure = parameters.view.tracker.selections[0].measure;
+  const backup = new SmoTimeSignature(measure.timeSignature);
+  let changed = false;
+  let timeSignature = new SmoTimeSignature(measure.timeSignature);
+  const updateTimeSignatureCb = async (mf: SmoTimeSignature):Promise<void> => {
+    if (!SmoTimeSignature.equal(mf, timeSignature)) {
+      changed = true;
+      await parameters.view.setTimeSignature(mf);
+      timeSignature = mf;
+    }
   }
-  set useSymbol(value: boolean) {
-    this.measure.timeSignature.useSymbol = value;
+  let applies = 'Selected';
+  const updateApplyTo = async (value: string) => {
+      applies = value;
+      if (value === 'Score') {
+        parameters.view.tracker.selections = SmoSelection.selectionsToEnd(parameters.view.score, parameters.view.tracker.selections[0].selector.staff, 0);
+      } else if (applies === 'Remaining') {
+        parameters.view.tracker.selections = SmoSelection.selectionsToEnd(parameters.view.score, parameters.view.tracker.selections[0].selector.staff, parameters.view.tracker.selections[0].selector.measure);
+      } else {
+        parameters.view.tracker.selections = parameters.view.tracker.selections;
+      }
   }
-  get customString() {
-    return this.measure.timeSignature.displayString;
+  const commitCb = async () => {
   }
-  set customString(value: string) {
-    const tr = value.trim();
-    if (!(tr.indexOf('/') >= 0)) {
-      if (tr === 'C' || tr === 'C|') {
-        this.measure.timeSignature.displayString = tr;
-        return;
-      }
-    }
-    const ar = tr.split('/');
-    if (isNaN(parseInt(ar[0], 10)) || isNaN(parseInt(ar[1], 10))) {
-      this.measure.timeSignature.displayString = '';
+  const cancelCb = async () => {
+    if (!changed) {
       return;
     }
-    this.measure.timeSignature.displayString = tr;
-  }
-  async commit() {
-    await this.view.setTimeSignature(this.measure.timeSignature);
-  }
-  async cancel() {
-    this.measure.timeSignature = this.backup;
-    return PromiseHelpers.emptyPromise();
-  }
+    await parameters.view.setTimeSignature(backup);
+  }
+  
+  const appParams = { domId: rootId, timeSignature, label: "Staff Groups", 
+    updateTimeSignatureCb, updateApplyTo };
+  
+  InstallDialog({
+    root: rootId,
+    app: timeSignatureComp,
+    appParams,
+    dialogParams: parameters,
+    commitCb,
+    cancelCb
+  });
 }
-/**
- * Time signature score mapping
- * @category SuiDialog
- */
-export class SuiTimeSignatureDialog extends SuiDialogAdapterBase<SuiTimeSignatureAdapter> {
-  static dialogElements: DialogDefinition =
-    {
-        label: 'Custom Time Signature',
-        elements:
-          [
-            {
-              smoName: 'numerator',
-              defaultValue: 3,
-              control: 'SuiRockerComponent',
-              label: 'Beats/Measure',
-            },
-            {
-              smoName: 'denominator',
-              defaultValue: 8,
-              dataType: 'int',
-              control: 'SuiDropdownComponent',
-              label: 'Beat Value',
-              options: [{
-                value: 16,
-                label: '16',
-              }, {
-                value: 8,
-                label: '8',
-              }, {
-                value: 4,
-                label: '4'
-              }, {
-                value: 2,
-                label: '2'
-              }]
-            }, {
-              smoName: 'display',
-              control: 'SuiToggleComponent',
-              label: 'Display',
-            }, {
-              smoName: 'useSymbol',
-              control: 'SuiToggleComponent',
-              label: 'Common/Cut',
-            }, {
-              smoName: 'customString',
-              control: 'SuiTextInputComponent',
-              label: 'Custom',
-            }
-          ],
-          staticText: []
-      };
-  constructor(parameters: SuiDialogParams) {
-    const adapter = new SuiTimeSignatureAdapter(parameters.view);
-    super(SuiTimeSignatureDialog.dialogElements, { adapter, ...parameters });
-  }
-}

package/src/ui/menus/timeSignature.ts

@@ -3,7 +3,7 @@
 import { SuiMenuBase, SuiMenuParams, MenuDefinition } from './menu';
 import { SmoMeasure } from '../../smo/data/measure';
 import { createAndDisplayDialog } from '../dialogs/dialog';
-import { SuiTimeSignatureDialog } from '../dialogs/timeSignature';
+import { SuiTimeSignatureDialogVue } from '../dialogs/timeSignature';
 
 declare var $: any;
 
@@ -62,7 +62,7 @@ export class SuiTimeSignatureMenu extends SuiMenuBase {
   async selection(ev: any) {
     var text = $(ev.currentTarget).attr('data-value');
     if (text === 'TimeSigOther') {
-      createAndDisplayDialog(SuiTimeSignatureDialog, {
+      SuiTimeSignatureDialogVue({
         completeNotifier: this.completeNotifier!,
         view: this.view,
         eventSource: this.eventSource,

package/tools/smoosic-schema.json

@@ -811,14 +811,14 @@
           "custom"
         ]
       },
-      "SmoTempoText": {
+      "SmoTempo": {
         "type": "object",
         "required": [
           "ctor"
         ],
         "properties": {
           "ctor": {
-            "const": "SmoTempoText"
+            "const": "SmoTempo"
           },
           "tempoMode": {
             "type": "string",
@@ -988,7 +988,7 @@
           "default": "treble"
         },
         "tempo": {
-          "$ref": "#/definitions/measureModifierSchema/SmoTempoText"
+          "$ref": "#/definitions/measureModifierSchema/SmoTempo"
         },
         "format": {
           "$ref": "#/definitions/measureModifierSchema/TimeSignature"
@@ -1795,7 +1795,7 @@
           "tempo": {
             "type": "object",
             "additionaProperties": {
-              "$ref": "#/definitions/measureModifierSchema/SmoTempoText"
+              "$ref": "#/definitions/measureModifierSchema/SmoTempo"
             }
           }
         }