{"version":3,"file":"SheetMusic.vue_vue_type_script_setup_true_lang-BkvJicmQ.js","sources":["../../Vue/src/components/SheetMusic/Toolbar/ToolbarMidiPlayback.vue","../../Vue/src/components/SheetMusic/Toolbar/ToolbarSelectPaperSize.vue","../../Vue/src/components/SheetMusic/Toolbar/ToolbarSelectOrientation.vue","../../Vue/src/components/SheetMusic/Toolbar/ToolbarSelectNoteSize.vue","../../Vue/src/components/SheetMusic/Toolbar/ToolbarSelectOctave.vue","../../Vue/src/components/SheetMusic/MusicSheetSvgs.vue","../../Vue/src/components/SheetMusic/SheetMusic.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { TimeMapEntry } from \"@/models/TimeMapEntry\";\r\n\r\nconst props = defineProps<{\r\n  id?: string;\r\n  timemap: TimeMapEntry[];\r\n  midi: string;\r\n  defaultBpm: number | null;\r\n  sheetType: string;\r\n  allowPreview: boolean;\r\n}>();\r\n\r\nconst beta = useBetaStore();\r\nconst fs = useFullScreenStore();\r\nconst newMidiControls = computed(() => beta.features.midiScrollImprovements);\r\nconst playing = ref(false);\r\nconst windowWidth = ref(window.innerWidth);\r\n\r\nconst disableFullScreenAutoScroll = computed(() => {\r\n  return isFirefox() && fs.fullScreenEnabled || isSafari(false) && fs.fullScreenEnabled\r\n})\r\n\r\nconst autoScroll = useLocalStorage<boolean>(\r\n  AppConstants.LOCALSTORAGE_KEYS.SHEETMUSIC_AUTOSCROLL,\r\n  false,\r\n) as globalThis.Ref<boolean>;\r\n\r\nconst fullMidiController = ref(false);\r\nconst bpm = ref();\r\nconst timer = ref();\r\nconst midiStore = useMidiStore();\r\n\r\nwatch(\r\n  () => props.midi,\r\n  () => {\r\n    setDefaultBpm();\r\n    midiStore.setAutoScroll(autoScroll.value);\r\n  },\r\n);\r\n\r\nfunction setDefaultBpm() {\r\n  bpm.value = props.defaultBpm || 120;\r\n  if (midiStore.bpm) {\r\n    bpm.value = midiStore.bpm;\r\n  }\r\n}\r\n\r\nasync function togglePlay() {\r\n  if (!props.allowPreview || !props.midi) {\r\n    return;\r\n  }\r\n  playing.value = !playing.value;\r\n  await midiStore.togglePlay();\r\n}\r\n\r\nasync function restartSong() {\r\n  midiStore.restartSong();\r\n}\r\n\r\nasync function toggleAutoScroll() {\r\n  midiStore.toggleAutoScroll();\r\n}\r\n\r\nasync function setFullMidiController(v: boolean) {\r\n  midiStore.setFullMidiController(v);\r\n}\r\n\r\nfunction increaseBpm() {\r\n  bpm.value = ++bpm.value;\r\n  timer.value = setTimeout(increaseBpm, 100);\r\n  updateBpm();\r\n}\r\n\r\nfunction clear() {\r\n  clearTimeout(timer.value);\r\n}\r\n\r\nfunction decreaseBpm() {\r\n  bpm.value = --bpm.value;\r\n  timer.value = setTimeout(decreaseBpm, 100);\r\n  updateBpm();\r\n}\r\n\r\nfunction updateBpm() {\r\n  midiStore.setBpm(parseInt(bpm.value));\r\n}\r\n\r\nwindow.addEventListener(\r\n  \"resize\",\r\n  () => (windowWidth.value = window.innerWidth),\r\n);\r\n\r\nwatch(\r\n  () => props.timemap,\r\n  () => {\r\n    init();\r\n  },\r\n);\r\n\r\nwatch(\r\n  () => fs.fullScreenEnabled,\r\n  () => {\r\n    if(disableFullScreenAutoScroll.value){\r\n      midiStore.setAutoScroll(false);\r\n    }\r\n  }\r\n)\r\n\r\nwatch(\r\n  () => midiStore.playing,\r\n  () => (playing.value = midiStore.playing),\r\n);\r\n\r\nwatch(\r\n  () => midiStore.autoScroll,\r\n  () => (autoScroll.value = midiStore.autoScroll),\r\n);\r\n\r\nwatch(\r\n  () => midiStore.fullMidiController,\r\n  () => (fullMidiController.value = midiStore.fullMidiController),\r\n);\r\n\r\nwatch(\r\n  () => windowWidth.value > 1279,\r\n  () => midiStore.setFullMidiController(false),\r\n);\r\n\r\nwatch(\r\n  () => newMidiControls.value,\r\n  () => midiStore.setFullMidiController(false),\r\n);\r\n\r\nonMounted(() => {\r\n  init();\r\n});\r\n\r\nfunction init() {\r\n  if (!props.timemap.length) {\r\n    midiStore.clearSong();\r\n    return;\r\n  }\r\n  setDefaultBpm();\r\n  midiStore.preloadDataForPlayback(props.midi, props.timemap, props.defaultBpm);\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"hidden xl:block\">\r\n    <label\r\n      :for=\"id + 'TempoSelect'\"\r\n      class=\"label hidden xl:block\"\r\n      ><span class=\"label-text\">{{ $t(\"SV.LIT_Playback\") }}</span>\r\n    </label>\r\n    <div class=\"flex items-center gap-2\">\r\n      <button\r\n        v-if=\"newMidiControls\"\r\n        :id=\"id + 'ToggleButton'\"\r\n        type=\"button\"\r\n        class=\"toggle-play\"\r\n        :data-playing=\"playing ? 'true' : 'false'\"\r\n        :aria-label=\"playing ? $t('SV.LIT_PauseMidi') : $t('SV.LIT_PlayMidi')\"\r\n        :data-content-type=\"sheetType\"\r\n        :title=\"$t('SV.LIT_RestartSong')\"\r\n        data-content-action=\"playback\"\r\n        @click=\"restartSong\"\r\n      >\r\n        <FAIcon class=\"fa-solid fa-fw fa-backward-step\" />\r\n      </button>\r\n      <button\r\n        :id=\"id + 'ToggleButton'\"\r\n        type=\"button\"\r\n        class=\"toggle-play\"\r\n        :data-playing=\"playing ? 'true' : 'false'\"\r\n        :aria-label=\"playing ? $t('SV.LIT_PauseMidi') : $t('SV.LIT_PlayMidi')\"\r\n        :data-content-type=\"sheetType\"\r\n        data-content-action=\"playback\"\r\n        @click=\"togglePlay()\"\r\n      >\r\n        <FAIcon\r\n          class=\"fa-solid fa-fw toggle-play-icon\"\r\n          :class=\"playing ? 'fa-pause' : 'fa-play'\"\r\n        />\r\n      </button>\r\n      <button\r\n        v-if=\"newMidiControls && !disableFullScreenAutoScroll\"\r\n        class=\"toggle-play\"\r\n        data-user-activity=\"Toggle Auto Scroll\"\r\n        :title=\"\r\n          autoScroll\r\n            ? $t('SV.LIT_DisableAutoScroll')\r\n            : $t('SV.LIT_EnableAutoScroll')\r\n        \"\r\n        @click=\"toggleAutoScroll\"\r\n      >\r\n        <FAIcon\r\n          class=\"fa-solid fa-right-from-line\"\r\n          :class=\"autoScroll ? 'auto-scroll-active' : 'auto-scroll'\"\r\n        />\r\n      </button>\r\n      <input\r\n        :id=\"id + 'TempoSelect'\"\r\n        v-model=\"bpm\"\r\n        type=\"number\"\r\n        step=\"1\"\r\n        min=\"0\"\r\n        class=\"tempo-select input text-center\"\r\n        @change=\"updateBpm\"\r\n      />\r\n    </div>\r\n  </div>\r\n  <!-- NEW MIDI CONTROLS TO TAKE FULL TOOL BAR IN MOBILE -->\r\n  <button\r\n    v-if=\"!fullMidiController && newMidiControls\"\r\n    class=\"midi-play-btn xl:hidden\"\r\n    :label=\"$t('SV.LIT_Playback')\"\r\n    icon=\"fa-play\"\r\n    html-only\r\n    disable-content-auto-close\r\n    @click=\"setFullMidiController(true)\"\r\n  >\r\n    <FAIcon class=\"fa-light fa-play\" />\r\n  </button>\r\n  <div\r\n    v-else-if=\"newMidiControls\"\r\n    class=\"flex flex-wrap items-center xl:hidden\"\r\n  >\r\n    <button\r\n      :id=\"id + 'ToggleButton'\"\r\n      type=\"button\"\r\n      class=\"toggle-play me-3\"\r\n      title=\"Back\"\r\n      :data-content-type=\"sheetType\"\r\n      data-content-action=\"playback\"\r\n      @click=\"setFullMidiController(false)\"\r\n    >\r\n      <FAIcon class=\"fa-light fa-fw fa-arrow-left\" />\r\n    </button>\r\n    <button\r\n      :id=\"id + 'ToggleButton'\"\r\n      type=\"button\"\r\n      class=\"toggle-play\"\r\n      :data-playing=\"playing ? 'true' : 'false'\"\r\n      :aria-label=\"playing ? $t('SV.LIT_PauseMidi') : $t('SV.LIT_PlayMidi')\"\r\n      :data-content-type=\"sheetType\"\r\n      :title=\"$t('SV.LIT_RestartSong')\"\r\n      data-content-action=\"playback\"\r\n      @click=\"restartSong\"\r\n    >\r\n      <FAIcon class=\"fa-solid fa-fw fa-backward-step\" />\r\n    </button>\r\n    <button\r\n      :id=\"id + 'ToggleButton'\"\r\n      type=\"button\"\r\n      class=\"toggle-play\"\r\n      :data-playing=\"playing ? 'true' : 'false'\"\r\n      :title=\"playing ? $t('SV.LIT_PauseMidi') : $t('SV.LIT_PlayMidi')\"\r\n      :data-content-type=\"sheetType\"\r\n      data-content-action=\"playback\"\r\n      @click=\"togglePlay()\"\r\n    >\r\n      <FAIcon\r\n        class=\"fa-solid fa-fw toggle-play-icon\"\r\n        :class=\"playing ? 'fa-pause' : 'fa-play'\"\r\n      />\r\n    </button>\r\n    <button\r\n      v-if=\"!disableFullScreenAutoScroll\"\r\n      class=\"toggle-play\"\r\n      :title=\"\r\n        autoScroll\r\n          ? $t('SV.LIT_DisableAutoScroll')\r\n          : $t('SV.LIT_EnableAutoScroll')\r\n      \"\r\n      @click=\"toggleAutoScroll\"\r\n    >\r\n      <FAIcon\r\n        class=\"fa-solid fa-right-from-line\"\r\n        :class=\"autoScroll ? 'auto-scroll-active' : 'auto-scroll'\"\r\n      />\r\n    </button>\r\n    <div class=\"flex items-center py-2\">\r\n      <button\r\n        :id=\"id + 'decreaseBpmButton'\"\r\n        type=\"button\"\r\n        class=\"tempo-adjust-button\"\r\n        :title=\"$t('S.LIT_DecreaseTempo')\"\r\n        @mousedown=\"decreaseBpm()\"\r\n        @mouseup=\"clear\"\r\n        @keydown.enter=\"decreaseBpm()\"\r\n        @keyup.enter=\"clear\"\r\n      >\r\n        <FAIcon class=\"fa-light fa-minus\" />\r\n      </button>\r\n      <input\r\n        :id=\"id + 'TempoSelect'\"\r\n        v-model=\"bpm\"\r\n        type=\"number\"\r\n        step=\"1\"\r\n        min=\"0\"\r\n        class=\"tempo-select input text-center\"\r\n        @change=\"updateBpm\"\r\n      />\r\n      <button\r\n        :id=\"id + 'increaseBpmButton'\"\r\n        type=\"button\"\r\n        class=\"tempo-adjust-button\"\r\n        :title=\"$t('S.LIT_IncreaseTempo')\"\r\n        @mousedown=\"increaseBpm()\"\r\n        @keydown.enter=\"increaseBpm()\"\r\n        @mouseup=\"clear\"\r\n        @keyup.enter=\"clear\"\r\n      >\r\n        <FAIcon class=\"fa-light fa-plus\" />\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <!-- OLD MOBILE MIDI CONTROLS -->\r\n  <ToolbarButtonDropdown\r\n    v-if=\"!newMidiControls\"\r\n    class=\"xl:hidden\"\r\n    :label=\"$t('SV.LIT_Playback')\"\r\n    icon=\"fa-play\"\r\n    html-only\r\n    disable-content-auto-close\r\n  >\r\n    <ToolbarButtonDropdownHeader>{{\r\n      $t(\"SV.LIT_Playback\")\r\n    }}</ToolbarButtonDropdownHeader>\r\n    <div class=\"flex p-2\">\r\n      <button\r\n        v-if=\"newMidiControls\"\r\n        :id=\"id + 'ToggleButton'\"\r\n        type=\"button\"\r\n        class=\"toggle-play\"\r\n        :data-playing=\"playing ? 'true' : 'false'\"\r\n        :aria-label=\"playing ? $t('SV.LIT_PauseMidi') : $t('SV.LIT_PlayMidi')\"\r\n        :data-content-type=\"sheetType\"\r\n        :title=\"$t('SV.LIT_RestartSong')\"\r\n        data-content-action=\"playback\"\r\n        @click=\"restartSong\"\r\n      >\r\n        <FAIcon class=\"fa-solid fa-fw fa-backward-step\" />\r\n      </button>\r\n      <button\r\n        :id=\"id + 'ToggleButton'\"\r\n        type=\"button\"\r\n        class=\"toggle-play\"\r\n        :data-playing=\"playing ? 'true' : 'false'\"\r\n        :title=\"playing ? $t('SV.LIT_PauseMidi') : $t('SV.LIT_PlayMidi')\"\r\n        :data-content-type=\"sheetType\"\r\n        data-content-action=\"playback\"\r\n        @click=\"togglePlay()\"\r\n      >\r\n        <FAIcon\r\n          class=\"fa-solid fa-fw toggle-play-icon\"\r\n          :class=\"playing ? 'fa-pause' : 'fa-play'\"\r\n        />\r\n      </button>\r\n      <button\r\n        v-if=\"newMidiControls && !disableFullScreenAutoScroll\"\r\n        class=\"toggle-play\"\r\n        :title=\"\r\n          autoScroll\r\n            ? $t('SV.LIT_DisableAutoScroll')\r\n            : $t('SV.LIT_EnableAutoScroll')\r\n        \"\r\n        @click=\"toggleAutoScroll\"\r\n      >\r\n        <FAIcon\r\n          class=\"fa-solid fa-right-from-line\"\r\n          :class=\"autoScroll ? 'auto-scroll-active' : 'auto-scroll'\"\r\n        />\r\n      </button>\r\n      <div class=\"flex items-center py-2\">\r\n        <button\r\n          :id=\"id + 'decreaseBpmButton'\"\r\n          type=\"button\"\r\n          class=\"tempo-adjust-button\"\r\n          :title=\"$t('S.LIT_DecreaseTempo')\"\r\n          @mousedown=\"decreaseBpm()\"\r\n          @mouseup=\"clear\"\r\n          @keydown.enter=\"decreaseBpm()\"\r\n          @keyup.enter=\"clear\"\r\n        >\r\n          <FAIcon class=\"fa-light fa-minus\" />\r\n        </button>\r\n        <input\r\n          :id=\"id + 'TempoSelect'\"\r\n          v-model=\"bpm\"\r\n          type=\"number\"\r\n          step=\"1\"\r\n          min=\"0\"\r\n          class=\"tempo-select input\"\r\n          @change=\"updateBpm\"\r\n        />\r\n        <button\r\n          :id=\"id + 'increaseBpmButton'\"\r\n          type=\"button\"\r\n          class=\"tempo-adjust-button\"\r\n          :title=\"$t('S.LIT_IncreaseTempo')\"\r\n          @mousedown=\"increaseBpm()\"\r\n          @keydown.enter=\"increaseBpm()\"\r\n          @mouseup=\"clear\"\r\n          @keyup.enter=\"clear\"\r\n        >\r\n          <FAIcon class=\"fa-light fa-plus\" />\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ToolbarButtonDropdown>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\n.toggle-play {\r\n  @apply me-3 text-xl text-gray-500 transition-all xl:me-1;\r\n  &:hover,\r\n  &:focus-visible {\r\n    @apply text-gray-800;\r\n  }\r\n}\r\n.toggle-play-icon {\r\n  @apply text-xl;\r\n}\r\n.tempo-select {\r\n  width: 75px;\r\n}\r\n.tempo-adjust-button {\r\n  @apply aspect-square rounded-full px-2 transition;\r\n  &:hover,\r\n  &:focus-visible {\r\n    @apply bg-light-700 text-black;\r\n    i,\r\n    svg {\r\n      @apply text-black;\r\n    }\r\n  }\r\n}\r\n\r\n.auto-scroll {\r\n  @apply text-xl;\r\n}\r\n\r\n.auto-scroll-active {\r\n  @apply text-xl text-ccli-blue;\r\n}\r\n\r\n.midi-play-btn {\r\n  @apply min-h-fit flex-nowrap gap-1 whitespace-nowrap rounded border-none bg-transparent px-2 py-3 text-gray-500 shadow-none;\r\n  font-size: 1.25em;\r\n  font-weight: 400;\r\n  text-transform: unset;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { SelectOption } from \"@/models/frontend-only/SelectOption\";\r\n\r\nconst { t } = useI18n();\r\nconst options: SelectOption[] = [\r\n  {\r\n    label: t(\"S.LIT_Letter_ThePaperSize\"),\r\n    value: \"Letter\",\r\n  },\r\n  {\r\n    label: t(\"S.LIT_A4\"),\r\n    value: \"A4\",\r\n  },\r\n];\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string;\r\n    id?: string;\r\n  }>(),\r\n  {\r\n    modelValue: \"Letter\",\r\n    id: undefined,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  (e: \"update:modelValue\", value: string): void;\r\n}>();\r\n\r\nconst data = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(newValue) {\r\n    emit(\"update:modelValue\", newValue);\r\n  },\r\n});\r\n</script>\r\n\r\n<template>\r\n  <FormSelect\r\n    :options=\"options\"\r\n    v-model=\"data\"\r\n    :label=\"$t('S.LIT_PaperSizeTC')\"\r\n    :id=\"id\"\r\n    class=\"xl:block hidden\"\r\n    small\r\n  />\r\n  <ToolbarButtonDropdown\r\n    :label=\"$t('S.LIT_PaperSizeTC')\"\r\n    icon=\"fa-ccli-paper-size fa-kit\"\r\n    class=\"xl:hidden\"\r\n  >\r\n    <ToolbarButtonDropdownHeader>{{\r\n      $t(\"S.LIT_PaperSizeTC\")\r\n    }}</ToolbarButtonDropdownHeader>\r\n    <ToolbarButtonDropdownItem\r\n      v-for=\"o of options\"\r\n      @click=\"data = o.value\"\r\n      :key=\"o.value\"\r\n      :active=\"data === o.value\"\r\n      >{{ o.label }}</ToolbarButtonDropdownItem\r\n    >\r\n  </ToolbarButtonDropdown>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n","<script setup lang=\"ts\">\r\nimport { SelectOption } from \"@/models/frontend-only/SelectOption\";\r\n\r\nconst { t } = useI18n();\r\n\r\nconst options: SelectOption[] = [\r\n  {\r\n    label: t(\"S.LIT_Portrait\"),\r\n    value: \"portrait\",\r\n  },\r\n  {\r\n    label: t(\"S.LIT_Landscape\"),\r\n    value: \"landscape\",\r\n  },\r\n];\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string;\r\n    id?: string;\r\n  }>(),\r\n  {\r\n    modelValue: \"portrait\",\r\n    id: undefined,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  (e: \"update:modelValue\", value: string): void;\r\n}>();\r\n\r\nconst data = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(newValue) {\r\n    emit(\"update:modelValue\", newValue);\r\n  },\r\n});\r\n</script>\r\n\r\n<template>\r\n  <FormSelect\r\n    :options=\"options\"\r\n    :name=\"id || 'Orientation'\"\r\n    v-model=\"data\"\r\n    :label=\"$t('S.LIT_Orientation')\"\r\n    class=\"hidden xl:block\"\r\n    small\r\n  />\r\n  <ToolbarButtonDropdown\r\n    :label=\"$t('S.LIT_Orientation')\"\r\n    icon=\"fa-ccli-rotate-vertical fa-kit\"\r\n    class=\"xl:hidden\"\r\n  >\r\n    <ToolbarButtonDropdownHeader>{{\r\n      $t(\"S.LIT_Orientation\")\r\n    }}</ToolbarButtonDropdownHeader>\r\n    <ToolbarButtonDropdownItem\r\n      v-for=\"o of options\"\r\n      @click=\"data = o.value\"\r\n      :key=\"o.value\"\r\n      :active=\"data === o.value\"\r\n      >{{ o.label }}</ToolbarButtonDropdownItem\r\n    >\r\n  </ToolbarButtonDropdown>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n","<script setup lang=\"ts\">\r\nimport { SelectOption } from \"@/models/frontend-only/SelectOption\";\r\n\r\nconst { t } = useI18n();\r\n\r\nconst options: SelectOption[] = [\r\n  {\r\n    value: \"-2\",\r\n    label: t(\"S.LIT_Small\"),\r\n  },\r\n  {\r\n    value: \"-1\",\r\n    label: t(\"S.LIT_Smaller\"),\r\n  },\r\n  {\r\n    value: \"0\",\r\n    label: t(\"S.LIT_Normal\"),\r\n  },\r\n  {\r\n    value: \"1\",\r\n    label: t(\"S.LIT_Large\"),\r\n  },\r\n  {\r\n    value: \"2\",\r\n    label: t(\"S.LIT_Larger\"),\r\n  },\r\n];\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string;\r\n    id?: string;\r\n    contentType?: string;\r\n  }>(),\r\n  {\r\n    modelValue: \"normal\",\r\n    id: undefined,\r\n    contentType: undefined,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  (e: \"update:modelValue\", value: string): void;\r\n}>();\r\n\r\nconst data = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(newValue) {\r\n    (window as any).dataLayer = (window as any).dataLayer || [];\r\n    (window as any).dataLayer.push({\r\n      event: \"sheetmusicNoteSizeSelect\",\r\n      note_size: newValue,\r\n    });\r\n\r\n    // Clear out event variable\r\n    (window as any).dataLayer.push({\r\n      note_size: undefined,\r\n    });\r\n\r\n    emit(\"update:modelValue\", newValue);\r\n  },\r\n});\r\n</script>\r\n\r\n<template>\r\n  <FormSelect\r\n    v-model=\"data\"\r\n    :options=\"options\"\r\n    :label=\"$t('S.LIT_NoteSizeTC')\"\r\n    :id=\"id\"\r\n    :data-content-type=\"contentType\"\r\n    class=\"hidden xl:block\"\r\n    small\r\n  />\r\n  <ToolbarButtonDropdown\r\n    :label=\"$t('S.LIT_NoteSizeTC')\"\r\n    icon=\"fa-ccli-note-size fa-kit\"\r\n    class=\"xl:hidden\"\r\n  >\r\n    <ToolbarButtonDropdownHeader>{{\r\n      $t(\"S.LIT_NoteSizeTC\")\r\n    }}</ToolbarButtonDropdownHeader>\r\n    <ToolbarButtonDropdownItem\r\n      v-for=\"o of options\"\r\n      @click=\"data = o.value\"\r\n      :key=\"o.value\"\r\n      >{{ o.label }}</ToolbarButtonDropdownItem\r\n    >\r\n  </ToolbarButtonDropdown>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n","<script setup lang=\"ts\">\r\nconst options = [\"+1\", \"0\", \"-1\"];\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string;\r\n    id?: string;\r\n  }>(),\r\n  {\r\n    modelValue: \"0\",\r\n    id: undefined,\r\n  },\r\n);\r\n\r\nconst emit = defineEmits<{\r\n  (e: \"update:modelValue\", value: string): void;\r\n}>();\r\n\r\nconst data = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(newValue) {\r\n    emit(\"update:modelValue\", newValue);\r\n  },\r\n});\r\n</script>\r\n\r\n<template>\r\n  <FormSelect\r\n    :options=\"options\"\r\n    v-model=\"data\"\r\n    :label=\"$t('S.LIT_Octave')\"\r\n    :id=\"id\"\r\n    small\r\n    class=\"hidden xl:block\"\r\n  />\r\n  <ToolbarButtonDropdown\r\n    :label=\"$t('S.LIT_Octave')\"\r\n    icon=\"fa-ccli-octave-shift-3 fa-kit\"\r\n    class=\"xl:hidden\"\r\n  >\r\n    <ToolbarButtonDropdownHeader>{{\r\n      $t(\"S.LIT_Octave\")\r\n    }}</ToolbarButtonDropdownHeader>\r\n    <ToolbarButtonDropdownItem\r\n      v-for=\"o of options\"\r\n      @click=\"data = o\"\r\n      :key=\"o\"\r\n      >{{ o }}</ToolbarButtonDropdownItem\r\n    >\r\n  </ToolbarButtonDropdown>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n","<script setup lang=\"ts\">\r\nconst props = defineProps<{\r\n  imgs: string[];\r\n  showPlaceholder?: boolean;\r\n}>();\r\n\r\nconst midiStore = useMidiStore();\r\nconst fs = useFullScreenStore();\r\nwatch(props, () => updateSVG(), { deep: true });\r\nconst svgholder = ref<HTMLDivElement>();\r\n\r\nfunction updateSVG() {\r\n  if (!svgholder.value) {\r\n    return;\r\n  }\r\n\r\n  svgholder.value.innerHTML = \"\";\r\n\r\n  if (!props.imgs.length) {\r\n    return;\r\n  }\r\n\r\n  const svgs = props.imgs.map((i) => {\r\n    const string = i.replace(\"data:image/svg+xml;base64, \", \"\");\r\n    return decodeURIComponent(escape(window.atob(string)));\r\n  });\r\n\r\n  svgs.forEach((svg, i) => {\r\n    const element = document.createElement(\"div\");\r\n    element.classList.add(\"svg-div\");\r\n    element.classList.add(\"musicpage\");\r\n    element.classList.add(`page-${i + 1}`);\r\n    element.setAttribute(\"data-page\", (i + 1).toString());\r\n    element.innerHTML = svg;\r\n    svgholder.value!.appendChild(element);\r\n  });\r\n\r\n  svgholder.value.querySelectorAll(\".note\").forEach((element) => {\r\n    element.addEventListener(\"click\", (e: Event) => {\r\n      midiStore.noteclick(element.id);\r\n      const offsetTop = element.getBoundingClientRect().top + window.scrollY;\r\n\r\n      const scrollPosition =\r\n        offsetTop -\r\n        (window.innerHeight - element.getBoundingClientRect().height) / 2;\r\n\r\n      if (fs.fullScreenEnabled) {\r\n        element.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"center\",\r\n        });\r\n      } else {\r\n        window.scrollTo({\r\n          top: scrollPosition,\r\n          behavior: \"smooth\",\r\n        });\r\n      }\r\n      element.classList.add(\"highlight-active\");\r\n    });\r\n  });\r\n}\r\n\r\nonMounted(async () => {\r\n  await nextTick();\r\n  updateSVG();\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div class=\"wrapper sheetmusic-wrapper\">\r\n    <div\r\n      ref=\"svgholder\"\r\n      class=\"svg-holder\"\r\n      :class=\"{ show: !showPlaceholder }\"\r\n    ></div>\r\n    <div v-if=\"showPlaceholder\">\r\n      <svg\r\n        id=\"Layer_1\"\r\n        class=\"sheetmusic-placeholder\"\r\n        version=\"1.1\"\r\n        xmlns:mei=\"http://www.music-encoding.org/ns/mei\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n        x=\"0px\"\r\n        y=\"0px\"\r\n        viewBox=\"0 0 2100 2970\"\r\n        style=\"enable-background: new 0 0 2100 2970\"\r\n        xml:space=\"preserve\"\r\n      >\r\n        <g id=\"mh13c0s\"></g>\r\n        <g id=\"s1j3m0rx\"></g>\r\n        <g id=\"sew3g8i\"></g>\r\n        <g id=\"pqufuqo\"></g>\r\n        <g id=\"s2b46lt\"></g>\r\n        <g id=\"sw8605b\"></g>\r\n        <g id=\"s4odbhf\"></g>\r\n        <g id=\"s13bi9a8\"></g>\r\n        <g id=\"s1oa9pyt\"></g>\r\n        <rect\r\n          x=\"938.8\"\r\n          y=\"2768.6\"\r\n          class=\"st0\"\r\n          width=\"226.9\"\r\n          height=\"26.3\"\r\n        />\r\n        <rect\r\n          x=\"615.4\"\r\n          y=\"2844.6\"\r\n          class=\"st0\"\r\n          width=\"873.6\"\r\n          height=\"26.3\"\r\n        />\r\n        <rect\r\n          x=\"484.1\"\r\n          y=\"2806.6\"\r\n          class=\"st0\"\r\n          width=\"1136.2\"\r\n          height=\"26.3\"\r\n        />\r\n        <rect\r\n          x=\"917\"\r\n          y=\"2882.6\"\r\n          class=\"st0\"\r\n          width=\"270.4\"\r\n          height=\"26.3\"\r\n        />\r\n        <rect\r\n          x=\"1666.9\"\r\n          y=\"216.4\"\r\n          class=\"st0\"\r\n          width=\"337.6\"\r\n          height=\"33\"\r\n        />\r\n        <rect\r\n          x=\"1785.9\"\r\n          y=\"257.9\"\r\n          class=\"st0\"\r\n          width=\"218.6\"\r\n          height=\"33\"\r\n        />\r\n        <rect\r\n          x=\"1785.9\"\r\n          y=\"174.9\"\r\n          class=\"st0\"\r\n          width=\"218.6\"\r\n          height=\"33\"\r\n        />\r\n        <rect\r\n          x=\"606.4\"\r\n          y=\"103.6\"\r\n          class=\"st0\"\r\n          width=\"968.8\"\r\n          height=\"89\"\r\n        />\r\n        <rect\r\n          x=\"236.8\"\r\n          y=\"342.5\"\r\n          class=\"st0\"\r\n          width=\"259.2\"\r\n          height=\"54.1\"\r\n        />\r\n        <g>\r\n          <rect\r\n            x=\"167.1\"\r\n            y=\"2570.4\"\r\n            class=\"st0\"\r\n            width=\"523.5\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"801.8\"\r\n            y=\"2570.4\"\r\n            class=\"st0\"\r\n            width=\"533.9\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1410.7\"\r\n            y=\"2573.3\"\r\n            class=\"st0\"\r\n            width=\"580.4\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"140.8\"\r\n            y=\"2402.3\"\r\n            class=\"st0\"\r\n            width=\"57\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1422.5\"\r\n            y=\"2413.3\"\r\n            class=\"st0\"\r\n            width=\"59.8\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"107.3\"\r\n            y=\"2464.3\"\r\n            class=\"st0\"\r\n            width=\"1889.8\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n        <g>\r\n          <rect\r\n            x=\"167.1\"\r\n            y=\"2290.4\"\r\n            class=\"st0\"\r\n            width=\"523.5\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"801.8\"\r\n            y=\"2290.4\"\r\n            class=\"st0\"\r\n            width=\"533.9\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1410.7\"\r\n            y=\"2293.3\"\r\n            class=\"st0\"\r\n            width=\"580.4\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"140.8\"\r\n            y=\"2122.3\"\r\n            class=\"st0\"\r\n            width=\"57\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1422.5\"\r\n            y=\"2133.3\"\r\n            class=\"st0\"\r\n            width=\"59.8\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"107.3\"\r\n            y=\"2184.3\"\r\n            class=\"st0\"\r\n            width=\"1889.8\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n        <g>\r\n          <rect\r\n            x=\"167.1\"\r\n            y=\"2010.3\"\r\n            class=\"st0\"\r\n            width=\"523.5\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"801.8\"\r\n            y=\"2010.3\"\r\n            class=\"st0\"\r\n            width=\"533.9\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1410.7\"\r\n            y=\"2013.2\"\r\n            class=\"st0\"\r\n            width=\"580.4\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"140.8\"\r\n            y=\"1842.2\"\r\n            class=\"st0\"\r\n            width=\"57\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1422.5\"\r\n            y=\"1853.2\"\r\n            class=\"st0\"\r\n            width=\"59.8\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"107.3\"\r\n            y=\"1904.2\"\r\n            class=\"st0\"\r\n            width=\"1889.8\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n        <g>\r\n          <rect\r\n            x=\"167.1\"\r\n            y=\"1730.3\"\r\n            class=\"st0\"\r\n            width=\"523.5\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"801.8\"\r\n            y=\"1730.3\"\r\n            class=\"st0\"\r\n            width=\"533.9\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1410.7\"\r\n            y=\"1733.2\"\r\n            class=\"st0\"\r\n            width=\"580.4\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"140.8\"\r\n            y=\"1562.2\"\r\n            class=\"st0\"\r\n            width=\"57\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1422.5\"\r\n            y=\"1573.2\"\r\n            class=\"st0\"\r\n            width=\"59.8\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"107.3\"\r\n            y=\"1624.2\"\r\n            class=\"st0\"\r\n            width=\"1889.8\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n        <g>\r\n          <rect\r\n            x=\"167.1\"\r\n            y=\"890.2\"\r\n            class=\"st0\"\r\n            width=\"523.5\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"801.8\"\r\n            y=\"890.2\"\r\n            class=\"st0\"\r\n            width=\"533.9\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1410.7\"\r\n            y=\"893.1\"\r\n            class=\"st0\"\r\n            width=\"580.4\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"140.8\"\r\n            y=\"722.1\"\r\n            class=\"st0\"\r\n            width=\"57\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1422.5\"\r\n            y=\"733.1\"\r\n            class=\"st0\"\r\n            width=\"59.8\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"107.3\"\r\n            y=\"784.1\"\r\n            class=\"st0\"\r\n            width=\"1889.8\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n        <g>\r\n          <rect\r\n            x=\"167.1\"\r\n            y=\"1170.2\"\r\n            class=\"st0\"\r\n            width=\"523.5\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"801.8\"\r\n            y=\"1170.2\"\r\n            class=\"st0\"\r\n            width=\"533.9\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1410.7\"\r\n            y=\"1173.1\"\r\n            class=\"st0\"\r\n            width=\"580.4\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"140.8\"\r\n            y=\"1002.1\"\r\n            class=\"st0\"\r\n            width=\"57\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1422.5\"\r\n            y=\"1013.1\"\r\n            class=\"st0\"\r\n            width=\"59.8\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"107.3\"\r\n            y=\"1064.1\"\r\n            class=\"st0\"\r\n            width=\"1889.8\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n        <g>\r\n          <rect\r\n            x=\"292.5\"\r\n            y=\"610.1\"\r\n            class=\"st0\"\r\n            width=\"487.6\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"883.7\"\r\n            y=\"610.1\"\r\n            class=\"st0\"\r\n            width=\"497.3\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1450.9\"\r\n            y=\"613\"\r\n            class=\"st0\"\r\n            width=\"540.6\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"268\"\r\n            y=\"442\"\r\n            class=\"st0\"\r\n            width=\"53.1\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1461.9\"\r\n            y=\"453\"\r\n            class=\"st0\"\r\n            width=\"55.7\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"236.8\"\r\n            y=\"504\"\r\n            class=\"st0\"\r\n            width=\"1760.4\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n        <g>\r\n          <rect\r\n            x=\"167.1\"\r\n            y=\"1450.2\"\r\n            class=\"st0\"\r\n            width=\"523.5\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"801.8\"\r\n            y=\"1450.2\"\r\n            class=\"st0\"\r\n            width=\"533.9\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1410.7\"\r\n            y=\"1453.1\"\r\n            class=\"st0\"\r\n            width=\"580.4\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"140.8\"\r\n            y=\"1282.1\"\r\n            class=\"st0\"\r\n            width=\"57\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"1422.5\"\r\n            y=\"1293.1\"\r\n            class=\"st0\"\r\n            width=\"59.8\"\r\n            height=\"41.7\"\r\n          />\r\n          <rect\r\n            x=\"107.3\"\r\n            y=\"1344.1\"\r\n            class=\"st0\"\r\n            width=\"1889.8\"\r\n            height=\"84.7\"\r\n          />\r\n        </g>\r\n      </svg>\r\n    </div>\r\n    <!-- <Image\r\n      src=\"https://cdn.ccli.com/songselect/vue/placeholder-lead.svg\"\r\n      alt=\"Placeholder image for lead sheet music\"\r\n      transparent\r\n    /> -->\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\n.svg-holder {\r\n  @apply hidden;\r\n\r\n  &.show {\r\n    @apply block;\r\n  }\r\n}\r\n.wrapper:deep() {\r\n  svg,\r\n  img {\r\n    @apply mb-3 h-auto w-full bg-white;\r\n  }\r\n  .highlight-active {\r\n    fill: red;\r\n  }\r\n  .note {\r\n    pointer-events: bounding-box !important;\r\n    cursor: pointer;\r\n  }\r\n  .note:hover {\r\n    fill: red;\r\n  }\r\n\r\n  tspan.text:empty {\r\n    display: none;\r\n  }\r\n\r\n  g.notehead:hover,\r\n  g.harm:hover {\r\n    fill: unset !important;\r\n  }\r\n}\r\n.wrapper {\r\n  /* @apply bg-gray-100 rounded-lg p-4;*/\r\n  width: 100%;\r\n  @media screen(max-md) {\r\n    @apply bg-transparent p-0;\r\n  }\r\n  :deep() {\r\n    svg,\r\n    img {\r\n      @apply mb-0 block;\r\n    }\r\n  }\r\n}\r\n.sheetmusic-placeholder {\r\n  rect {\r\n    @apply fill-black opacity-10;\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { SongLeadVocalDataResponse } from \"@/models/SongLeadVocalDataResponse\";\r\nimport { LoadStatus } from \"@/models/frontend-only/LoadStatus\";\r\nimport { NoAuthReason } from \"@/models/NoAuthReason\";\r\n\r\nconst store = useSongStore();\r\nconst midiStore = useMidiStore();\r\nconst busy = useBusyStore();\r\nconst pdf = usePDFStore();\r\nconst api = useApiStore();\r\nconst profile = useProfileStore();\r\nconst toast = useToastStore();\r\nconst shareStore = useShareStore();\r\nconst betaStore = useBetaStore();\r\n\r\nconst props = defineProps<{\r\n  label: string;\r\n  getSongPdfEndpoint: string;\r\n  getSongPreviewEndpoint: string;\r\n  placeholderImg: string;\r\n  noAuthReason: NoAuthReason | null;\r\n  allowPreview: boolean;\r\n  exceededMaxUniqueSongCount: boolean;\r\n  translatedTitle: string;\r\n}>();\r\n\r\nconst defaultKey = computed(() => store.defaultKey || \"\");\r\nconst songNumber = computed(() => store.data?.ccliSongNumber || \"\");\r\nconst status = ref<LoadStatus>(LoadStatus.Loading);\r\nconst previewData = ref<SongLeadVocalDataResponse | null>(null);\r\nconst imgs = computed(() => previewData.value?.svgs || []);\r\nconst midi = computed(() => previewData.value?.midi);\r\nconst timemap = computed(() => previewData.value?.timemap);\r\nconst defaultBpm = computed(() => previewData.value?.defaultBpm || null);\r\nconst fullMidiController = ref(false);\r\nconst key = ref<string>(defaultKey.value);\r\nconst octave = ref<string>(\"0\");\r\nconst noteSize = ref<string>(\"0\");\r\nconst orientation = ref(\"portrait\");\r\nconst paperSize = ref(\"Letter\");\r\nconst renderer = betaStore.features.sheetmusicPipeline ? \"pipeline\" : \"legacy\";\r\n\r\nconst showBusy = ref({\r\n  copy: false,\r\n  print: false,\r\n  download: false,\r\n  share: false,\r\n});\r\n\r\nconst shownBusy = computed(() => ({\r\n  email: store.emailSettings.busy,\r\n  ...showBusy.value,\r\n}));\r\n\r\nconst labelLowerCase = computed(() => props.label.toLowerCase());\r\n\r\nfunction usedMaxSongs(product: string) {\r\n  if (product === \"lead\") {\r\n    return props.exceededMaxUniqueSongCount;\r\n  } else if (product === \"vocal\") {\r\n    return props.exceededMaxUniqueSongCount;\r\n  }\r\n  return false;\r\n}\r\n\r\nconst filename = computed(\r\n  () =>\r\n    sanitizeFilename(store.song?.title || \"\") +\r\n    \"-\" +\r\n    props.label.toLowerCase() +\r\n    \"-\" +\r\n    key.value,\r\n);\r\n\r\nfunction reset() {\r\n  octave.value = \"0\";\r\n  noteSize.value = \"0\";\r\n  orientation.value = \"portrait\";\r\n  paperSize.value = profile.profile?.paperSize || \"Letter\";\r\n  key.value = defaultKey.value;\r\n}\r\n\r\nfunction getPdfUrl(activityType: \"shared\" | \"printed\" | \"downloaded\") {\r\n  const searchParams = new URLSearchParams({\r\n    songNumber: songNumber.value,\r\n    transposeKey: key.value,\r\n    octave: octave.value,\r\n    noteSize: noteSize.value,\r\n    orientation: orientation.value,\r\n    paperSize: paperSize.value,\r\n    activityType: activityType,\r\n    renderer: renderer,\r\n  });\r\n  const url = `/api${props.getSongPdfEndpoint}?${searchParams.toString()}`;\r\n  return url;\r\n}\r\n\r\nasync function print() {\r\n  if (!store.song) {\r\n    return;\r\n  }\r\n  showBusy.value.print = true;\r\n  const url = getPdfUrl(\"printed\");\r\n  try {\r\n    await pdf.printPdf(url);\r\n  } catch (err) {\r\n    toast.errorToast(\"SV.LIT_PrintErrorHasOccurred\");\r\n    throw err;\r\n  }\r\n  showBusy.value.print = false;\r\n}\r\n\r\nasync function download() {\r\n  if (!songNumber.value || !store.song) {\r\n    return;\r\n  }\r\n  showBusy.value.download = true;\r\n\r\n  await downloadUrl(getPdfUrl(\"downloaded\"), filename.value + \".pdf\");\r\n  showBusy.value.download = false;\r\n}\r\n\r\nasync function share() {\r\n  if (!store.song) {\r\n    return;\r\n  }\r\n  showBusy.value.share = true;\r\n\r\n  await shareStore.fetchUrlPdfAndShare(\r\n    getPdfUrl(\"shared\"),\r\n    filename.value + \".pdf\",\r\n    store.song.title,\r\n    props.translatedTitle,\r\n  );\r\n  showBusy.value.share = false;\r\n}\r\n\r\nconst init = ref(false);\r\n\r\nasync function initWhenSongIsLoaded() {\r\n  if (!store.defaultKey || !profile.profile) {\r\n    window.setTimeout(initWhenSongIsLoaded, 100);\r\n  } else {\r\n    reset();\r\n    await getSongSheet(false);\r\n    init.value = true;\r\n  }\r\n}\r\n\r\nonMounted(() => initWhenSongIsLoaded());\r\n\r\nwatch(songNumber, () => getSongSheet(false));\r\nwatch(key, () => {\r\n  if (init.value) {\r\n    getSongSheet(true);\r\n  }\r\n});\r\nwatch(octave, () => {\r\n  if (init.value) {\r\n    getSongSheet(true);\r\n  }\r\n});\r\nwatch(noteSize, () => {\r\n  if (init.value) {\r\n    getSongSheet(true);\r\n  }\r\n});\r\nwatch(orientation, () => {\r\n  if (init.value) {\r\n    getSongSheet(true);\r\n  }\r\n});\r\nwatch(paperSize, () => {\r\n  if (init.value) {\r\n    getSongSheet(true);\r\n  }\r\n});\r\n\r\nwatch(\r\n  () => midiStore.fullMidiController,\r\n  () => (fullMidiController.value = midiStore.fullMidiController),\r\n);\r\n\r\nasync function getSongSheet(reload: boolean) {\r\n  const startTime = midiStore.progressTime;\r\n  const playing = midiStore.playing;\r\n  const bpm = midiStore.bpm;\r\n  if (!props.allowPreview) {\r\n    return;\r\n  }\r\n\r\n  midiStore.loadInstrument();\r\n\r\n  if (!songNumber.value || !key.value) {\r\n    return;\r\n  }\r\n\r\n  busy.showBusy();\r\n  status.value = LoadStatus.Loading;\r\n  try {\r\n    previewData.value = (await api.get(props.getSongPreviewEndpoint, {\r\n      songNumber: songNumber.value,\r\n      transposeKey: key.value,\r\n      octave: octave.value,\r\n      noteSize: noteSize.value,\r\n      orientation: orientation.value,\r\n      paperSize: paperSize.value,\r\n      renderer: renderer,\r\n    })) as SongLeadVocalDataResponse;\r\n    status.value = LoadStatus.Ready;\r\n  } catch (err) {\r\n    status.value = LoadStatus.Error;\r\n    throw err;\r\n  }\r\n  busy.hideBusy();\r\n  if (midiStore.ready && reload) {\r\n    midiStore.clearSong();\r\n    await midiStore.loadSong();\r\n    midiStore.skipToSeconds(startTime);\r\n\r\n    setTimeout(() => {\r\n      if (!playing) {\r\n        midiStore.togglePlay();\r\n      }\r\n\r\n      if (bpm !== midiStore.bpm) {\r\n        midiStore.setBpm(bpm);\r\n      }\r\n    }, 10);\r\n  }\r\n}\r\n\r\nfunction onEmail() {\r\n  store.emailSong({\r\n    product: props.label.toLowerCase(),\r\n    songKey: key.value,\r\n    octave: octave.value,\r\n    noteSize: noteSize.value,\r\n    orientation: orientation.value,\r\n    paperSize: paperSize.value,\r\n    renderer: renderer,\r\n    style: null,\r\n    columns: null,\r\n  });\r\n}\r\n</script>\r\n\r\n<template>\r\n  <PageWrapper no-body>\r\n    <FullScreenWrapper>\r\n      <template #header>\r\n        <SongDetailsAlertContentError\r\n          v-if=\"status === LoadStatus.Error\"\r\n          class=\"mt-2\"\r\n          @btnclick=\"getSongSheet(true)\"\r\n        />\r\n        <SongDetailsAlertNotAuthenticated\r\n          v-else-if=\"\r\n            !store.placeholderNotLoaded &&\r\n            noAuthReason === NoAuthReason.NotAuthenticated\r\n          \"\r\n          class=\"mt-2\"\r\n        />\r\n        <SongDetailsAlertUpgradeSubscription\r\n          v-else-if=\"\r\n            !store.placeholderNotLoaded &&\r\n            noAuthReason === NoAuthReason.RequiresSubscriptionUpgrade\r\n          \"\r\n          class=\"mt-2\"\r\n        />\r\n      </template>\r\n\r\n      <MusicSheetSvgs\r\n        :imgs=\"imgs\"\r\n        :show-placeholder=\"!previewData?.svgs\"\r\n      />\r\n\r\n      <template #toolbar>\r\n        <div class=\"flex flex-wrap items-center gap-1\">\r\n          <div\r\n            v-if=\"!fullMidiController\"\r\n            class=\"flex items-center gap-1\"\r\n          >\r\n            <ToolbarSelectChordsTransposeKey\r\n              :id=\"`${label}SheetTransposeKeySelect`\"\r\n              v-model=\"key\"\r\n              :default-key=\"defaultKey\"\r\n            />\r\n\r\n            <ToolbarSelectOctave\r\n              :id=\"`${label}SheetOctaveSelect`\"\r\n              v-model=\"octave\"\r\n            />\r\n\r\n            <ToolbarSelectNoteSize\r\n              :id=\"`${label}SheetNoteSizeSelect`\"\r\n              v-model=\"noteSize\"\r\n              :content-type=\"label\"\r\n            />\r\n          </div>\r\n          <div class=\"flex items-center gap-1\">\r\n            <ToolbarSelectOrientation\r\n              v-if=\"!fullMidiController\"\r\n              :id=\"`${label}SheetOrientation`\"\r\n              v-model=\"orientation\"\r\n            />\r\n            <ToolbarSelectPaperSize\r\n              v-if=\"!fullMidiController\"\r\n              :id=\"`${label}SheetPaperSizeSelect`\"\r\n              v-model=\"paperSize\"\r\n            />\r\n            <ToolbarSeparator />\r\n\r\n            <ToolbarMidiPlayback\r\n              :id=\"`${label}SheetMidiPlayback`\"\r\n              :timemap=\"timemap || []\"\r\n              :midi=\"midi || ''\"\r\n              :default-bpm=\"defaultBpm\"\r\n              :sheet-type=\"`${label}Sheet`\"\r\n              :allow-preview=\"allowPreview\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <template #action-bar-controls>\r\n        <div\r\n          class=\"ga-info\"\r\n          :data-songnumber=\"store.song?.ccliSongNumber\"\r\n          :data-key=\"key\"\r\n          :data-octave=\"octave\"\r\n          :data-tempo=\"midiStore.bpm\"\r\n          :data-note-size=\"noteSize\"\r\n          :data-orientation=\"orientation\"\r\n          :data-paper-size=\"paperSize\"\r\n          :data-content-type=\"props.label + 'Sheet'\"\r\n        >\r\n          <ToolbarActionBarControls\r\n            enable-email\r\n            enable-share\r\n            :enable-print=\"!isFirefox()\"\r\n            :product=\"label.toLowerCase()\"\r\n            :max-song-usage-check=\"usedMaxSongs\"\r\n            :show-busy=\"shownBusy\"\r\n            :ids=\"{\r\n              copy: `${labelLowerCase}SheetCopyButton`,\r\n              download: `${labelLowerCase}SheetDownloadButton`,\r\n              email: `${labelLowerCase}SheetEmailButton`,\r\n              fullscreen: `${labelLowerCase}SheetFullscreenButton`,\r\n              print: `${labelLowerCase}SheetPrintButton`,\r\n              share: `${labelLowerCase}SheetShareButton`,\r\n            }\"\r\n            @print=\"print()\"\r\n            @share=\"share()\"\r\n            @download=\"download()\"\r\n            @email=\"onEmail\"\r\n          />\r\n        </div>\r\n      </template>\r\n    </FullScreenWrapper>\r\n  </PageWrapper>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\"></style>\r\n"],"names":["props","__props","beta","useBetaStore","fs","useFullScreenStore","newMidiControls","computed","playing","ref","windowWidth","disableFullScreenAutoScroll","isFirefox","isSafari","autoScroll","useLocalStorage","AppConstants","fullMidiController","bpm","timer","midiStore","useMidiStore","watch","setDefaultBpm","togglePlay","restartSong","toggleAutoScroll","setFullMidiController","v","increaseBpm","updateBpm","clear","decreaseBpm","init","onMounted","t","useI18n","options","emit","__emit","data","newValue","updateSVG","svgholder","i","string","svg","element","e","scrollPosition","nextTick","store","useSongStore","busy","useBusyStore","pdf","usePDFStore","api","useApiStore","profile","useProfileStore","toast","useToastStore","shareStore","useShareStore","betaStore","defaultKey","songNumber","_a","status","LoadStatus","previewData","imgs","midi","timemap","defaultBpm","key","octave","noteSize","orientation","paperSize","renderer","showBusy","shownBusy","labelLowerCase","usedMaxSongs","product","filename","sanitizeFilename","reset","getPdfUrl","activityType","searchParams","print","url","err","download","downloadUrl","share","initWhenSongIsLoaded","getSongSheet","reload","startTime","onEmail"],"mappings":"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"}