smoosic/src/ui/menus/beams.ts

<sub>[Github site](https://github.com/Smoosic/smoosic) | [source documentation](https://smoosic.github.io/Smoosic/release/docs/modules.html) | [change notes](https://aarondavidnewman.github.io/Smoosic/changes.html) | [application](https://smoosic.github.i

import { SuiMenuBase, SuiMenuParams, MenuDefinition, SuiMenuHandler, SuiMenuShowOption, 
  SuiConfiguredMenuOption, SuiConfiguredMenu, customizeMenuOptionsFcn } from './menu';

  declare var $: any;
/**
 * stuff you can do to beams
 * @category SuiMenu
 */
export class SuiBeamMenu extends SuiConfiguredMenu {
  constructor(params: SuiMenuParams) {
    super(params, 'Beams', SuiBeamMenuOptions);
  }  
}

/**
 * @category SuiMenu
 */
const unbeamSelectionsMenuOption: SuiConfiguredMenuOption = {
  handler: async (menu: SuiMenuBase) => {
    menu.view.unbeamSelections();
  }, display: (menu: SuiMenuBase) => {
    for (let i = 0; i < menu.view.tracker.selections.length; ++i) {
      const mm = menu.view.tracker.selections[i].measure;
      for (let j = 0; j < mm.voices.length; ++j) {
        const vv = mm.voices[j];
        for (let k = 0; k < vv.notes.length; ++k) {
          const nn = vv.notes[k];
          if (nn) {
            if (nn.noteType === 'n' &&  nn.tickCount < 4096) {
              return true;
            }
          }
        }
      }
    }
    return false;
  },
  menuChoice: {
    icon: 'icon smo-icon icon-beamBreak',
    text: 'Unbeam Selections',
    hotkey: 'x',
    value: 'toggleBeamMenuOption'
  }
}
/**
 * @category SuiMenu
 */
const beamSelectionsMenuOption: SuiConfiguredMenuOption = {
  handler: async (menu: SuiMenuBase) => {
    menu.view.beamSelections();
  }, display: (menu: SuiMenuBase) => {
    for (let i = 0; i < menu.view.tracker.selections.length; ++i) {
      const mm = menu.view.tracker.selections[i].measure;
      for (let j = 0; j < mm.voices.length; ++j) {
        const vv = mm.voices[j];
        for (let k = 0; k < vv.notes.length; ++k) {
          const nn = vv.notes[k];
          if (nn) {
            if (nn.noteType === 'n' &&  nn.tickCount < 4096) {
              return true;
            }
          }
        }
      }
    }
    return false;
  },
  menuChoice: {
    icon: 'icon smo-icon icon-beam',
    text: 'Beam Selections',
    hotkey: 'Shift-X',
    value: 'beamSelectionsMenuOption'
  }
}
/**
 * @category SuiMenu
 */
const toggleBeamDirectionMenuOption: SuiConfiguredMenuOption = {
  handler: async (menu: SuiMenuBase) => {
    menu.view.toggleBeamDirection();
  }, display: (menu: SuiMenuBase) => {
    for (let i = 0; i < menu.view.tracker.selections.length; ++i) {
      const mm = menu.view.tracker.selections[i].measure;
      for (let j = 0; j < mm.voices.length; ++j) {
        const vv = mm.voices[j];
        for (let k = 0; k < vv.notes.length; ++k) {
          const nn = vv.notes[k];
          if (nn) {
            if (nn.noteType === 'n') {
              return true;
            }
          }
        }
      }
    }
    return false;
  },
  menuChoice: {
    icon: 'icon icon-smo icon-flagFlip',
    text: 'Toggle Stem Direction (auto, up, down)',
    hotkey: 'Shift-B',
    value: 'toggleBeamDirection'
  }
}

/**
 * Stuff you can do to beams
 * @category SuiMenu
 */
export const SuiBeamMenuOptions: SuiConfiguredMenuOption[] = [unbeamSelectionsMenuOption,
  beamSelectionsMenuOption, toggleBeamDirectionMenuOption
];