Import instruments
\n\n
\n \n
\n \n {{#each this.availableDrumsets as |drumset|}}\n {{drumset.name}}\n {{/each}}\n
\n \n
\n \n {{#if this.instrumentsLoading}}\n {{instrument.id}}. {{instrument.name}}\n\n {{else}}\n No available instruments\n {{/each}}\n {{/if}}\n
\n Loading...
\n {{else}}\n {{#each this.availableInstruments as |instrument|}}\n \n Import instruments\n
\n \n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n}\ndeclare module '@glint/environment-ember-loose/registry' {\n export default interface Registry {\n InstrumentImpport: typeof InstrumentImpport;\n }\n}\n","import { template } from \"@ember/template-compiler\";\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';\nimport Component from '@glimmer/component';\nimport eq from 'editor/helpers/eq';\nimport not from 'editor/helpers/not';\nimport pick from 'editor/helpers/pick';\nimport type { IInstrument } from 'editor/models/drumset';\nimport disabled from 'editor/modifiers/disabled';\nimport Button from './button';\nimport { MultiInstrument } from './drumset-editor';\nimport EditableField from './editable-field';\nimport { concat } from '@ember/helper';\nimport or from 'editor/helpers/or';\ninterface InstrumentSettingsEditorSignature {\n Element: HTMLDivElement;\n Args: {\n instrument: IInstrument;\n addSamples?: () => void;\n autoSort?: () => void;\n // eslint-disable-next-line no-unused-vars\n renameInstrument: (name: string) => void;\n availableMidiIds: {\n id: number;\n name: string;\n }[];\n // eslint-disable-next-line no-unused-vars\n updateNonPercussion: (nonPercussion: number) => void;\n // eslint-disable-next-line no-unused-vars\n updateInstrumentID: (id: string) => void;\n // eslint-disable-next-line no-unused-vars\n updateChokeGroup: (value: string) => void;\n // eslint-disable-next-line no-unused-vars\n updateFillChokeGroup: (value: string) => void;\n // eslint-disable-next-line no-unused-vars\n updateFillChokeDelay: (value: string) => void;\n // eslint-disable-next-line no-unused-vars\n updateVolume: (value: string) => void;\n // eslint-disable-next-line no-unused-vars\n updatePolyphony: (value: string) => void;\n };\n Blocks: {\n };\n}\nexport default class InstrumentSettingsEditor extends Component\n {{@instrument.name}}\n {{#unless this.isMultiInstrument}}\n \n {{/unless}}\n
\n \n
\n \n \n \n {{#unless this.isMultiInstrument}}\n \n {{/unless}}\n \n \n \n \n \n {{#each this.velocityGroups as |group idx|}}\n {{#if (notEq group.vel 0)}}\n
\n \n
\n \n {{/each}}\n \n \n \n \n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n}\ndeclare module '@glint/environment-ember-loose/registry' {\n export default interface Registry {\n SampleEditor: typeof SampleEditor;\n }\n}\n","import { template } from \"@ember/template-compiler\";\nimport { concat, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type RouterService from '@ember/routing/router-service';\nimport { service } from '@ember/service';\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport and from 'editor/helpers/and';\nimport eq from 'editor/helpers/eq';\nimport gte from 'editor/helpers/gte';\nimport htmlId from 'editor/helpers/html-id';\nimport pick from 'editor/helpers/pick';\nimport queue from 'editor/helpers/queue';\nimport { CompositeCommand } from 'editor/models/command';\nimport type Drumset from 'editor/models/drumset';\nimport { Instrument, type IInstrument } from 'editor/models/drumset';\nimport { AddInstrumentToDrumsetCommand, AddNewInstrumentToDrumsetCommand, DeleteInstrumentCommand, RenameInstrumentCommand, UpdateDrumsetVolumeCommand, UpdateInstrumentChokeGroupCommand, UpdateInstrumentFillChokeDelayCommand, UpdateInstrumentFillChokeGroupCommand, UpdateInstrumentIdCommand, UpdateInstrumentNonPercussionCommand, UpdateInstrumentPolyphonyCommand, UpdateInstrumentVolumeCommand } from 'editor/models/drumset-commands';\nimport onClickOutside from 'editor/modifiers/on-click-outside';\nimport onKey from 'editor/modifiers/on-key';\nimport selected from 'editor/modifiers/selected';\nimport type ProjectManagerService from 'editor/services/project-manager';\nimport type SongPlayerService from 'editor/services/song-player';\nimport type UndoManagerService from 'editor/services/undo-manager';\nimport gmDrumMap from 'editor/utils/gm-drum-map';\nimport nameFilter from 'editor/utils/name-filter';\nimport velcro from 'ember-velcro/modifiers/velcro';\nimport Button from './button';\nimport EditableField from './editable-field';\nimport InstrumentImpport from './instrument-import';\nimport InstrumentSettingsEditor from './instrument-settings-editor';\nimport MenuButton from './menu-button';\nimport OptionButton from './option-button';\nimport SampleEditor from './sample-editor';\nimport SelectableItem from './selectable-item';\nconst UNDO_DELAY = 800;\ninterface DrumsetEditorSignature {\n Element: HTMLDivElement;\n Args: {\n drumset: Drumset;\n // eslint-disable-next-line no-unused-vars\n renameDrumset: (name: string) => void;\n };\n Blocks: {\n };\n}\nexport class MultiInstrument implements IInstrument {\n instruments: IInstrument[];\n id = -1;\n name = 'Multiple Instruments';\n constructor(instruments1: IInstrument[]){\n this.instruments = instruments1;\n }\n markDirty() {\n this.instruments.forEach((i1)=>i1.markDirty());\n }\n // if all instruments share the same chokeGroup, return that value, else return -1\n get chokeGroup() {\n const chokeGroups1 = this.instruments.map((i1)=>i1.chokeGroup);\n return chokeGroups1.every((cg1)=>cg1 === chokeGroups1[0]) ? chokeGroups1[0]! : -1;\n }\n set chokeGroup(value1: number) {\n this.instruments.forEach((i1)=>(i1.chokeGroup = value1));\n }\n get poly() {\n const polys1 = this.instruments.map((i1)=>i1.poly);\n return polys1.every((p1)=>p1 === polys1[0]) ? polys1[0]! : -1;\n }\n set poly(value1: number) {\n this.instruments.forEach((i1)=>(i1.poly = value1));\n }\n get volume() {\n const volumes1 = this.instruments.map((i1)=>i1.volume);\n return volumes1.every((v1)=>v1 === volumes1[0]) ? volumes1[0]! : -1;\n }\n get volumeDb() {\n if (this.volume === -1) return -1;\n return Number((20 * Math.log10(this.volume / 100)).toFixed(1));\n }\n set volume(value1: number) {\n this.instruments.forEach((i1)=>(i1.volume = value1));\n }\n get fillChokeGroup() {\n const fillChokeGroups1 = this.instruments.map((i1)=>i1.fillChokeGroup);\n return fillChokeGroups1.every((fcg1)=>fcg1 === fillChokeGroups1[0]) ? fillChokeGroups1[0]! : -1;\n }\n set fillChokeGroup(value1: number) {\n this.instruments.forEach((i1)=>(i1.fillChokeGroup = value1));\n }\n get fillChokeDelay() {\n const fillChokeDelays1 = this.instruments.map((i1)=>i1.fillChokeDelay);\n return fillChokeDelays1.every((fcd1)=>fcd1 === fillChokeDelays1[0]) ? fillChokeDelays1[0]! : -1;\n }\n set fillChokeDelay(value1: number) {\n this.instruments.forEach((i1)=>(i1.fillChokeDelay = value1));\n }\n get nonPercussion() {\n const nonPercussions1 = this.instruments.map((i1)=>i1.nonPercussion);\n return nonPercussions1.every((np1)=>np1 === nonPercussions1[0]) ? nonPercussions1[0]! == 1 ? 1 : 0 : -1;\n }\n set nonPercussion(value1: number) {\n this.instruments.forEach((i1)=>(i1.nonPercussion = value1 ? 1 : 0));\n }\n}\nfunction allInstruments(instrument1: IInstrument): IInstrument[] {\n if (instrument1 instanceof MultiInstrument) {\n return instrument1.instruments.map((i1)=>i1);\n } else {\n return [\n instrument1\n ];\n }\n}\nexport default class DrumsetEditorComponent extends Component\n \n
\n \n
\n {{#each this.velocityGroups as |group idx|}}\n \n
\n \n
\n \n Dynamic Group {{this.calculateVelocityIndex idx}} ({{this.calculateVelocityRange idx}})\n
\n\n {{#unless (eq group.vel 126)}}\n \n {{#each group.velocities as |velocity|}}\n {{#if (notEq null velocity.data)}}\n \n
\n {{/if}}\n {{/each}}\n \n
\n {{/unless}}\n \n
\n \n
\n \n \n
\n \n {{velocity.name}}\n
\n \n \n
\n {{round velocity.duration 2}} sec
\n {{round velocity.loudness 2}} dB
\n \n \n {{@drumset.name}}\n \n \n Import\n {{#if this.showImportModal}}\n \n {{#each this.instruments as |instrument|}}\n
\n \n {{/each}}\n \n \n \n \n
\n {{/if}}\n \n {{! template-lint-disable no-invalid-interactive }}\n \n {{instrument.id}}. {{instrument.name}}\n \n \n Delete\n \n {{/if}}\n
\n \\n
\\n {{~/each~}}\\n \\n \\n \\n \\n {{! template-lint-disable no-invalid-interactive }}\\n {{~#each this.drumsets as |drumset drumsetIndex|~}}\\n \\n {{add drumsetIndex 1}}. {{drumset.name}}\\n \\n \\n Duplicate\\n Export\\n Delete\\n \\n {{/if}}\\n
\\n {{outlet}}
\\n\\n\",{ moduleName: \"editor/restricted/drumsets/template.hbs\" })","import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{page-title \\\"Index\\\"}}\\n{{outlet}}\",{ moduleName: \"editor/restricted/index/template.hbs\" })","import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{page-title \\\"Index\\\"}}\\n{{outlet}}\",{ moduleName: \"editor/restricted/playlists/index/template.hbs\" })","import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{page-title this.playlist.name}}\\n{{! template-lint-disable no-invalid-interactive }}\\n{{! template-lint-disable no-pointer-down-event-binding }}\\n\\n
\\n \\n\\n \\n \\n {{~#each this.playlist.songs as |songRef songIndex|~}}\\n {{~#let songRef.song as |song|~}}\\n \\n {{add songIndex 1}}. {{song.name}}\\n \\n Duplicate\\n Remove\\n \\n {{/if}}\\n
\\n {{~/let~}}\\n {{~/each~}}\\n Songs
\\n\\n
\\n \\n\\n{{outlet}}\\n\",{ moduleName: \"editor/restricted/playlists/playlist/template.hbs\" })","import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{page-title \\\"Playlists\\\"}}\\n{{! template-lint-disable no-invalid-interactive }}\\nAvailable Songs
\\n\\n {{#each this.folders as |folder idx|}}\\n
\\n \\n {{/each}}\\n \\n \\n {{~#each folder.songs as |song|~}}\\n {{! template-lint-disable no-nested-interactive }}\\n
\\n
\\n {{~/each~}}\\n \\n
\\n {{~/each}}\\n \\n \\n \\n \\n {{#each this.playlists as |playlist playlistIndex|~}}\\n \\n {{add playlistIndex 1}}. {{playlist.name}}\\n \\n \\n Duplicate\\n Delete\\n \\n {{/if}}\\n
\\n \\n \\n
\\n {{outlet}}
\\n\\n\",{ moduleName: \"editor/restricted/playlists/template.hbs\" })","import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{page-title this.model.name}}\\n\\n\\n
\\n{{outlet}}\\n\",{ moduleName: \"editor/restricted/songs/folder/index/template.hbs\" })","import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{page-title @model.name}}\\n\\n\\n
\\nFirst things first
\\n \\n \\n\\n
\\n{{outlet}}\\n\",{ moduleName: \"editor/restricted/songs/index/template.hbs\" })","import { template } from \"@ember/template-compiler\";\nimport { concat, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type RouterService from '@ember/routing/router-service';\nimport { next } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport add from 'editor/helpers/add';\nimport eq from 'editor/helpers/eq';\nimport htmlId from 'editor/helpers/html-id';\nimport notEq from 'editor/helpers/not-eq';\nimport or from 'editor/helpers/or';\nimport queue from 'editor/helpers/queue';\nimport { DeleteSongFolderCommand, MoveSongCommand, RenameFolderCommand, SortSongsCommand } from 'editor/models/folder-commands';\nimport { AddPlaylistCommand, AddSongToPlaylistCommand } from 'editor/models/playlist-commands';\nimport { DeleteSongCommand, DuplicateSongCommand, RenameSongCommand } from 'editor/models/song-commands';\nimport onClickOutside from 'editor/modifiers/on-click-outside';\nimport scrollIntoView from 'editor/modifiers/scroll-into-view';\nimport selected from 'editor/modifiers/selected';\nimport sortable from 'editor/modifiers/sortable';\nimport ProjectManagerService, { Playlist, SongFile, SongFolder } from 'editor/services/project-manager';\nimport UndoManagerService from 'editor/services/undo-manager';\nimport nameFilter from 'editor/utils/name-filter';\nimport { modifier } from 'ember-modifier';\nimport velcro from 'ember-velcro/modifiers/velcro';\nimport Button from './button';\nimport MenuButton from './menu-button';\nimport OptionButton from './option-button';\nimport SelectableItem from './selectable-item';\ninterface FolderSignature {\n Element: HTMLDivElement;\n Args: {\n folder: SongFolder;\n isSelected: boolean;\n selectedSong?: SongFile;\n folderIndex: number;\n filter: string;\n addSong: () => void;\n importSong: () => void;\n onMoveSong: (// eslint-disable-next-line no-unused-vars\n fromElement: HTMLElement, // eslint-disable-next-line no-unused-vars\n fromIndex: number, // eslint-disable-next-line no-unused-vars\n toElement: HTMLElement, // eslint-disable-next-line no-unused-vars\n toIndex: number) => void;\n // eslint-disable-next-line no-unused-vars\n onSelectSong: (folder: SongFolder, song: SongFile) => void;\n };\n Blocks: {\n };\n}\nconst ensureInView = modifier((element1: HTMLElement)=>{\n var intersectionObserver1 = new IntersectionObserver((entries1)=>{\n entries1.forEach((entry1)=>{\n if (entry1.target == element1 && entry1.isIntersecting) {\n const rect1 = element1.getBoundingClientRect();\n if (rect1.height + rect1.top > window.innerHeight) {\n element1.style.top = `-${rect1.top - 20}px`;\n element1.style.maxHeight = `${window.innerHeight - 40}px`;\n }\n }\n });\n });\n intersectionObserver1.observe(element1);\n});\nexport default class FolderComponent extends Component\\n
\\nFirst things first
\\n \\n\n {{! template-lint-disable no-invalid-interactive}}\n \n {{~#if this.isOpen~}}\n {{~#each this.folder.songs as |song songIndex|~}}\n {{#if (or this.folderMatchesFilter (this.songMatchesFilter song))}}\n \n {{add songIndex 1}}. {{song.name}}\n\n \n \n
\n \n {{add @folderIndex 1}}. {{this.folder.name}}\n \n Export\n Delete\n \n {{/if}}\n
\n \n Move to… \n \n {{#each this.projectManager.songFolders as |folder|}}\n {{#if (notEq folder this.folder)}}\n \n {{folder.name}}\n \n {{/if}}\n {{/each}}\n
\n \n Add to… \n \n {{#each this.projectManager.playlists as |playlist|}}\n \n {{playlist.name}}\n \n {{/each}}\n {{#if this.projectManager.canAddPlaylist}}\n \n New Playlist\n \n {{/if}}\n
\n \n \\n
\\n \\n \\n {{~#each this.folders as |folder idx|~}}\\n
\\n \\n
\\n \\n \\n
\\n {{/unless}}\\n \n \n {{if\n (gt this.progress.percentage 14)\n this.progressMessage\n (htmlSafe \" \")\n }}
\n {{if\n (gt 15 this.progress.percentage)\n this.progressMessage\n (htmlSafe \" \")\n }}\n \n \n {{/if}}\n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n}\ndeclare module '@glint/environment-ember-loose/registry' {\n export default interface Registry {\n Progress: typeof ProgressComponent;\n }\n}\n","import Modifier, { type ArgsFor } from 'ember-modifier';\nimport { registerDestructor } from '@ember/destroyable';\nimport RouterService from '@ember/routing/router-service';\nimport { service } from '@ember/service';\nimport type Transition from '@ember/routing/transition';\nimport { action } from '@ember/object';\n\ntype OnUnloadCallback = (ev: {\n preventDefault: () => void;\n returnValue: string;\n}) => void;\n\ninterface PreventUnloadModifierSignature {\n element: HTMLElement;\n Args: {\n Positional: [OnUnloadCallback];\n Named: { onRouteChange?: true };\n };\n}\n\nfunction cleanup(instance: PreventUnloadModifier, returnFocus = false) {\n if (instance.eventHandlerAdded && window && instance.callback) {\n window.removeEventListener('beforeunload', instance.eventHandler);\n instance.router.off('routeWillChange', instance.eventHandler);\n }\n}\n\nexport default class PreventUnloadModifier extends Modifier\n {{this.progress.waitingPhrase}}
\n \n {{#each this.args.errorData as |error|}}\n {{#if (this.stringContainsError error)}}\n Close\n
\n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n}\ndeclare module '@glint/environment-ember-loose/registry' {\n export default interface Registry {\n ErrorPopup: typeof ErrorPopupDialog;\n }\n}\n","import { template } from \"@ember/template-compiler\";\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport { service } from '@ember/service';\nimport FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';\nimport Component from '@glimmer/component';\nimport eq from 'editor/helpers/eq';\nimport version from 'editor/helpers/version';\nimport type ProjectManagerService from 'editor/services/project-manager';\nimport type { DrumsetFile, SongFile } from 'editor/services/project-manager';\nimport StatusService from 'editor/services/status';\nimport fileSize from 'editor/utils/file-size';\nimport ErrorPopupDialog from './error-popup';\nimport Button from './button';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport velcro from 'ember-velcro/modifiers/velcro';\nimport onClickOutside from 'editor/modifiers/on-click-outside';\ninterface DrumsetStatusSignature {\n Element: HTMLDivElement;\n Args: {\n drumsetFile: DrumsetFile;\n };\n Blocks: {\n };\n}\nlet DrumsetFileStatus = class DrumsetFileStatus extends Component{{error}}
\n {{else}}\n{{error}}
\n {{/if}}\n {{/each}}\n\n {{version}} \n
\n {{#if this.displayErrorPopup}}\n \n {{#if this.drumsetFile}}\n
\n {{! right }}
\n \\n
\\n{{#if this.displayHelpPopup}}\\n \\n \\n
\\n {{#if this.browserIsSupported}}\\n {{#if this.projectManager.currentProject}}\\n \\n BBMO{{#if this.projectManager.projectFile}}-{{this.projectManager.projectFile.name}}\\n {{if this.projectManager.isDirty \\\"*\\\"}}{{/if}}\\n
\\n {{#if this.browserIsSupported}}\\n {{#if this.projectManager.currentProject}}\\n \\n {{#if this.projectManager.currentProject}}\\n
\\n \\n
\\n {{else}}\\n \\n \\n \\n \\n
\\n \\n \\n Toggle Theme\\n Export All Folders and Drumsets\\n \\n {{/if}}\\n Save Project\\n Sync to SD Card\\n \\n \\n
\\n \\n \\n \\n
\\n {{/if}}\\n {{/if}}\\n \\n {{outlet}}
\\n \\n {{else}}\\n \\n
\\n {{/if}}\\n {{else}}\\n Welcome to BeatBuddy Manager.
\\nBefore you get started,\\n please backup your project.
\\nClick\\n Open Project\\n and select the folder that contains your project (the folder with a .bbp file).\\n
\\n\\n ![\\\"Open](\\\"/images/editor/open-project.png\\\")
\\n
\\n \\n Because this is a web app, the browser will ask your permission to\\n let the site edit files\\n every time you open a project, and when you want to sync with your SD card.
\\n\\n
\\n \\n
\\n {{/if}}\\n\\n
\\n \\n
\\n
\\n
\\n This browser is not supported or you are using mobile. The BBMO is only supported on desktop using the latest Google Chrome, Microsoft Edge, Opera and Vivaldi browsers.
\\n\\n
If you are using Safari or Firefox, consider writing to\\n Apple Support or\\n Firefox Support and asking them to allow Filesystem API on directories.\\n
\\n\\n
Copy and paste this message to reach out:
\\n\\\"Please create a new version of the browser app that supports the ability to use FileSystemAPI on directories, this is essential for working with a BeatBuddy project and SD cards that are saved on my computer using\\n the online editor.\\\"\\n
\\n{{yield}}
\n {{~/if~}}\n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n}\ndeclare module '@glint/environment-ember-loose/registry' {\n export default interface Registry {\n EditableField: typeof EditableField;\n }\n}\n","import { template } from \"@ember/template-compiler\";\nimport FaIcon from '@fortawesome/ember-fontawesome/components/fa-icon';\nimport { type IconName } from '@fortawesome/fontawesome-svg-core';\nimport Component from '@glimmer/component';\ninterface MenuButtonSignature {\n Element: HTMLButtonElement;\n Args: {\n icon?: IconName;\n };\n Blocks: {\n default: [];\n };\n}\nexport default class MenuButton extends Component\n \n
\n \n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n};\ninterface AddAccentButtonSignature {\n Element: HTMLDivElement;\n Args: {\n // eslint-disable-next-line no-unused-vars\n addAccent: (effect: EffectFile) => void;\n // eslint-disable-next-line no-unused-vars\n importAccent: (files: FileList | File[]) => void;\n // eslint-disable-next-line no-unused-vars\n playAccent: (part: SongPart) => void;\n };\n Blocks: {\n };\n}\nlet AddAccentButton = class AddAccentButton extends ComponentBuild an accent
\nSelect a drumset and instruments to build an accent (e.g. Bass drum and crash\n cymbal)
\n\n
\n \n
\n \n {{#each this.projectManager.drumsets as |drumset|}}\n {{drumset.name}}\n {{/each}}\n
\n \n
\n \n {{#if this.instrumentsLoading}}\n {{instrument.id}}. {{instrument.name}}\n\n {{else}}\n Select a drumset to view instruments\n {{/each}}\n {{/if}}\n
\n Loading...
\n {{else}}\n {{#each this.availableInstruments as |instrument|}}\n \n \n \n
\n \n Add accent\n
\n \n \n accent\n \n {{#if this.showAccents}}\n \n {{#if this.showBuildAccentWindow}}\n \n Build an accent\n
\n {{#each this.sortedEffects as |effect|}}\n \n
\n {{/if}}\n \n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n};\ninterface SongPlayerPartSignature {\n Element: HTMLDivElement;\n Args: {\n type: PartType;\n part: SongPart;\n name: string;\n // eslint-disable-next-line no-unused-vars\n addPart?: (ev: MouseEvent) => void;\n // eslint-disable-next-line no-unused-vars\n removePart?: (part: SongPart, ev: MouseEvent) => void;\n // eslint-disable-next-line no-unused-vars\n duplicatePart?: (part: SongPart, ev: MouseEvent) => void;\n // eslint-disable-next-line no-unused-vars\n pastePart?: (part: SongPart, ev: MouseEvent) => void;\n // eslint-disable-next-line no-unused-vars\n addTrack: (sectionType: SectionType) => void;\n // eslint-disable-next-line no-unused-vars\n selectTrack: (sectionType: SectionType, index: number) => void;\n // eslint-disable-next-line no-unused-vars\n importMidi: (sectionType: SectionType, index: number, files: File[]) => void;\n // eslint-disable-next-line no-unused-vars\n importMultiMidi: (sectionType: SectionType, index: number, files: File[]) => void;\n };\n Blocks: {\n };\n}\nexport default class SongPlayerPartComponent extends Component\n {{#if (eq @part.type PartType.PART)}}{{else}}{{/if}}\n {{@name}}\n
\n \n \n {{fill.name}}\n \n
\n {{/each}}\n {{#if (gt @part.fills.length 1)}}\n \n
\n {{else}}\n \n {{#if @addPart}}\n \n {{/if}}\n {{#if (or @removePart @duplicatePart @pastePart)}}\n
\n \n `, {\n component: this,\n eval () {\n return eval(arguments[0]);\n }\n });\n }\n}\n","export interface CacheOptions\n \n Copy\n {{#if @pastePart}}\n Paste\n {{/if}}\n {{#if @duplicatePart}}\n Duplicate\n {{/if}}\n {{#if @removePart}}\n Delete\n {{/if}}\n \n {{/if}}\n
\n {{/if}}\n