@saooti/octopus-sdk 42.1.1 → 42.1.2

package/dist/ChapteringModal-CZxza2Hl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChapteringModal-CZxza2Hl.mjs","names":[],"sources":["../src/components/misc/player/chaptering/ChapteringModal.vue","../src/components/misc/player/chaptering/ChapteringModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n","<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;EAGb,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAY,OAAe;GAClC,IAAI,CAAC,YAAY,2BAA2B,CAAC,YAAY,OACvD;GAEF,MAAM,WACN,YAAY,eACT,YAAY,wBAAwB,OAAO,eAAe;GAC7D,YAAY,qBAAqB,QAAQ;GACzC,IAAI,MAAM,UACR,YAAY,oBAAoB,CAAC;GAEnC,YAAY,MAAM,cAAc;EAClC;;;;;;;;;;;;;;;;;;;;mBCpEW,OAAM,qBAAoB;;mBAQtB,OAAM,oCAAmC;;mBAGvC,OAAM,OAAM;;qBAjB3B,YA4Be,OAAA,iBAAA;EA3Bb,YAAS;EACR,eAAa,OAAA,EAAC,YAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAgBP,CAfN,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAdJ,mBAaS,UAAA,MAAA,WAZoB,OAAA,YAAY,0BAA/B,SAAS,UAAK;uBADxB,mBAaS,UAAA;IAXN,KAAK;IACN,OAAK,eAAA,CAAC,gFACE,OAAA,kBAAkB,QAAK,qBAAA,QAAA,CAAA;IAC9B,UAAK,WAAE,OAAA,YAAY,KAAK;OAEzB,mBAIM,OAJN,YAIM,CAHgB,OAAA,kBAAkB,SAAA,UAAA,GAAtC,YAA+C,OAAA,iBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,GAC/C,mBAAiC,OAAA,YAAA,gBAAlB,QAAK,CAAA,GAAA,CAAA,IACpB,mBAAkD,OAAlD,YAAkD,gBAAA,OAAtB,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA,GAE3C,mBAAqC,OAAA,MAAA,gBAA7B,QAAQ,YAAY,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;EAIvB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/ChapteringModal-DF99rhXl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChapteringModal-DF99rhXl.mjs","names":[],"sources":["../src/components/misc/player/chaptering/ChapteringModal.vue","../src/components/misc/player/chaptering/ChapteringModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n","<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;EAGb,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAY,OAAe;GAClC,IAAI,CAAC,YAAY,2BAA2B,CAAC,YAAY,OACvD;GAEF,MAAM,WACN,YAAY,eACT,YAAY,wBAAwB,OAAO,eAAe;GAC7D,YAAY,qBAAqB,QAAQ;GACzC,IAAI,MAAM,UACR,YAAY,oBAAoB,CAAC;GAEnC,YAAY,MAAM,cAAc;EAClC;;;;;;;;;;;;;;;;;;;;mBCpEW,OAAM,qBAAoB;;mBAQtB,OAAM,oCAAmC;;mBAGvC,OAAM,OAAM;;qBAjB3B,YA4Be,OAAA,iBAAA;EA3Bb,YAAS;EACR,eAAa,OAAA,EAAC,YAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAgBP,CAfN,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAdJ,mBAaS,UAAA,MAAA,WAZoB,OAAA,YAAY,0BAA/B,SAAS,UAAK;uBADxB,mBAaS,UAAA;IAXN,KAAK;IACN,OAAK,eAAA,CAAC,gFACE,OAAA,kBAAkB,QAAK,qBAAA,QAAA,CAAA;IAC9B,UAAK,WAAE,OAAA,YAAY,KAAK;OAEzB,mBAIM,OAJN,YAIM,CAHgB,OAAA,kBAAkB,SAAA,UAAA,GAAtC,YAA+C,OAAA,iBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,GAC/C,mBAAiC,OAAA,YAAA,gBAAlB,QAAK,CAAA,GAAA,CAAA,IACpB,mBAAkD,OAAlD,YAAkD,gBAAA,OAAtB,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA,GAE3C,mBAAqC,OAAA,MAAA,gBAA7B,QAAQ,YAAY,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;EAIvB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/{ChapteringModal-BCPmvaRT.mjs → ChapteringModal-DSrRb0wM.mjs}

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-S4mFfJ75.mjs";
+import { n as usePlayerStore } from "./PlayerStore-7vhL8Npe.mjs";
 import { t as ClassicModal_default } from "./ClassicModal-CilwHp9p.mjs";
 import { Fragment, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
@@ -79,4 +79,4 @@ var ChapteringModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Ch
 //#endregion
 export { ChapteringModal_default as default };
 
-//# sourceMappingURL=ChapteringModal-BCPmvaRT.mjs.map
+//# sourceMappingURL=ChapteringModal-DSrRb0wM.mjs.map

package/dist/ChapteringModal-DSrRb0wM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChapteringModal-DSrRb0wM.mjs","names":[],"sources":["../src/components/misc/player/chaptering/ChapteringModal.vue","../src/components/misc/player/chaptering/ChapteringModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n","<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;EAGb,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAY,OAAe;GAClC,IAAI,CAAC,YAAY,2BAA2B,CAAC,YAAY,OACvD;GAEF,MAAM,WACN,YAAY,eACT,YAAY,wBAAwB,OAAO,eAAe;GAC7D,YAAY,qBAAqB,QAAQ;GACzC,IAAI,MAAM,UACR,YAAY,oBAAoB,CAAC;GAEnC,YAAY,MAAM,cAAc;EAClC;;;;;;;;;;;;;;;;;;;;mBCpEW,OAAM,qBAAoB;;mBAQtB,OAAM,oCAAmC;;mBAGvC,OAAM,OAAM;;qBAjB3B,YA4Be,OAAA,iBAAA;EA3Bb,YAAS;EACR,eAAa,OAAA,EAAC,YAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAgBP,CAfN,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAdJ,mBAaS,UAAA,MAAA,WAZoB,OAAA,YAAY,0BAA/B,SAAS,UAAK;uBADxB,mBAaS,UAAA;IAXN,KAAK;IACN,OAAK,eAAA,CAAC,gFACE,OAAA,kBAAkB,QAAK,qBAAA,QAAA,CAAA;IAC9B,UAAK,WAAE,OAAA,YAAY,KAAK;OAEzB,mBAIM,OAJN,YAIM,CAHgB,OAAA,kBAAkB,SAAA,UAAA,GAAtC,YAA+C,OAAA,iBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,GAC/C,mBAAiC,OAAA,YAAA,gBAAlB,QAAK,CAAA,GAAA,CAAA,IACpB,mBAAkD,OAAlD,YAAkD,gBAAA,OAAtB,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA,GAE3C,mBAAqC,OAAA,MAAA,gBAA7B,QAAQ,YAAY,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;EAIvB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/ChapteringModal-DYg4Rsyc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChapteringModal-DYg4Rsyc.mjs","names":[],"sources":["../src/components/misc/player/chaptering/ChapteringModal.vue","../src/components/misc/player/chaptering/ChapteringModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n","<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;EAGb,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAY,OAAe;GAClC,IAAI,CAAC,YAAY,2BAA2B,CAAC,YAAY,OACvD;GAEF,MAAM,WACN,YAAY,eACT,YAAY,wBAAwB,OAAO,eAAe;GAC7D,YAAY,qBAAqB,QAAQ;GACzC,IAAI,MAAM,UACR,YAAY,oBAAoB,CAAC;GAEnC,YAAY,MAAM,cAAc;EAClC;;;;;;;;;;;;;;;;;;;;mBCpEW,OAAM,qBAAoB;;mBAQtB,OAAM,oCAAmC;;mBAGvC,OAAM,OAAM;;qBAjB3B,YA4Be,OAAA,iBAAA;EA3Bb,YAAS;EACR,eAAa,OAAA,EAAC,YAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAgBP,CAfN,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAdJ,mBAaS,UAAA,MAAA,WAZoB,OAAA,YAAY,0BAA/B,SAAS,UAAK;uBADxB,mBAaS,UAAA;IAXN,KAAK;IACN,OAAK,eAAA,CAAC,gFACE,OAAA,kBAAkB,QAAK,qBAAA,QAAA,CAAA;IAC9B,UAAK,WAAE,OAAA,YAAY,KAAK;OAEzB,mBAIM,OAJN,YAIM,CAHgB,OAAA,kBAAkB,SAAA,UAAA,GAAtC,YAA+C,OAAA,iBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,GAC/C,mBAAiC,OAAA,YAAA,gBAAlB,QAAK,CAAA,GAAA,CAAA,IACpB,mBAAkD,OAAlD,YAAkD,gBAAA,OAAtB,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA,GAE3C,mBAAqC,OAAA,MAAA,gBAA7B,QAAQ,YAAY,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;EAIvB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/ChapteringModal-mbAIsypl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChapteringModal-mbAIsypl.mjs","names":[],"sources":["../src/components/misc/player/chaptering/ChapteringModal.vue","../src/components/misc/player/chaptering/ChapteringModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n","<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;EAGb,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAY,OAAe;GAClC,IAAI,CAAC,YAAY,2BAA2B,CAAC,YAAY,OACvD;GAEF,MAAM,WACN,YAAY,eACT,YAAY,wBAAwB,OAAO,eAAe;GAC7D,YAAY,qBAAqB,QAAQ;GACzC,IAAI,MAAM,UACR,YAAY,oBAAoB,CAAC;GAEnC,YAAY,MAAM,cAAc;EAClC;;;;;;;;;;;;;;;;;;;;mBCpEW,OAAM,qBAAoB;;mBAQtB,OAAM,oCAAmC;;mBAGvC,OAAM,OAAM;;qBAjB3B,YA4Be,OAAA,iBAAA;EA3Bb,YAAS;EACR,eAAa,OAAA,EAAC,YAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAgBP,CAfN,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAdJ,mBAaS,UAAA,MAAA,WAZoB,OAAA,YAAY,0BAA/B,SAAS,UAAK;uBADxB,mBAaS,UAAA;IAXN,KAAK;IACN,OAAK,eAAA,CAAC,gFACE,OAAA,kBAAkB,QAAK,qBAAA,QAAA,CAAA;IAC9B,UAAK,WAAE,OAAA,YAAY,KAAK;OAEzB,mBAIM,OAJN,YAIM,CAHgB,OAAA,kBAAkB,SAAA,UAAA,GAAtC,YAA+C,OAAA,iBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,GAC/C,mBAAiC,OAAA,YAAA,gBAAlB,QAAK,CAAA,GAAA,CAAA,IACpB,mBAAkD,OAAlD,YAAkD,gBAAA,OAAtB,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA,GAE3C,mBAAqC,OAAA,MAAA,gBAA7B,QAAQ,YAAY,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;EAIvB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/ChapteringModal-nWgj6pH1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChapteringModal-nWgj6pH1.mjs","names":[],"sources":["../src/components/misc/player/chaptering/ChapteringModal.vue","../src/components/misc/player/chaptering/ChapteringModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n","<template>\n  <ClassicModal\n    id-modal=\"chaptering-modal\"\n    :title-modal=\"t('Chaptering')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"d-flex flex-column\">\n        <button\n          v-for=\"(chapter, index) in playerStore.playerChapteringPercent\"\n          :key=\"chapter\"\n          class=\"btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1\"\n          :class=\"actualChapter === index ? 'chapter-selected' : 'border'\"\n          @click=\"goToChapter(index)\"\n        >\n          <div class=\"d-flex align-items-center me-auto\">\n            <WaveformIcon v-if=\"actualChapter === index\" />\n            <div v-else>{{ index + 1 }}</div>\n            <div class=\"ms-2\">{{ \"- \" + chapter.title }}</div>\n          </div>\n          <div>{{ chapter.startDisplay }}</div>\n        </button>\n      </div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport WaveformIcon from \"vue-material-design-icons/Waveform.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ClassicModal from \"../../modal/ClassicModal.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  actualChapter: { default: -1, type: Number }\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Data \nconst audioPlayer : Ref<HTMLAudioElement | null>= ref(null);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction goToChapter(index: number) {\n  if (!playerStore.playerChapteringPercent || !audioPlayer.value) {\n    return;\n  }\n  const seekTime =\n  playerStore.playerTotal *\n    (playerStore.playerChapteringPercent[index].startPercent / 100);\n  playerStore.playerUpdateSeekTime(seekTime);\n  if (0 === seekTime) {\n    playerStore.playerUpdateElapsed(0);\n  }\n  audioPlayer.value.currentTime = seekTime;\n}\n</script>\n<style lang=\"scss\">\n\n.octopus-app .chapter-selected {\n  border: var(--octopus-primary) 3px solid;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EA6CA,MAAM,OAAO;EAGb,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,YAAY,OAAe;GAClC,IAAI,CAAC,YAAY,2BAA2B,CAAC,YAAY,OACvD;GAEF,MAAM,WACN,YAAY,eACT,YAAY,wBAAwB,OAAO,eAAe;GAC7D,YAAY,qBAAqB,QAAQ;GACzC,IAAI,MAAM,UACR,YAAY,oBAAoB,CAAC;GAEnC,YAAY,MAAM,cAAc;EAClC;;;;;;;;;;;;;;;;;;;;mBCpEW,OAAM,qBAAoB;;mBAQtB,OAAM,oCAAmC;;mBAGvC,OAAM,OAAM;;qBAjB3B,YA4Be,OAAA,iBAAA;EA3Bb,YAAS;EACR,eAAa,OAAA,EAAC,YAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAgBP,CAfN,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAdJ,mBAaS,UAAA,MAAA,WAZoB,OAAA,YAAY,0BAA/B,SAAS,UAAK;uBADxB,mBAaS,UAAA;IAXN,KAAK;IACN,OAAK,eAAA,CAAC,gFACE,OAAA,kBAAkB,QAAK,qBAAA,QAAA,CAAA;IAC9B,UAAK,WAAE,OAAA,YAAY,KAAK;OAEzB,mBAIM,OAJN,YAIM,CAHgB,OAAA,kBAAkB,SAAA,UAAA,GAAtC,YAA+C,OAAA,iBAAA,EAAA,KAAA,EAAA,CAAA,MAAA,UAAA,GAC/C,mBAAiC,OAAA,YAAA,gBAAlB,QAAK,CAAA,GAAA,CAAA,IACpB,mBAAkD,OAAlD,YAAkD,gBAAA,OAAtB,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA,GAE3C,mBAAqC,OAAA,MAAA,gBAA7B,QAAQ,YAAY,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;EAIvB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAW,SAAO,OAAA;qBAC3B,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/CheckIdentityModal-9R4NGHGc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-9R4NGHGc.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB"}

package/dist/CheckIdentityModal-B1TGBzW-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-B1TGBzW-.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB"}

package/dist/{CheckIdentityModal-Du2Jqur2.mjs → CheckIdentityModal-BeoPGlll.mjs}

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { t as useCommentStore } from "./CommentStore-DAa7RQ_3.mjs";
+import { t as useCommentStore } from "./CommentStore-C9bhViPU.mjs";
 import { t as config_default } from "./config-C73GMJpz.mjs";
 import { t as ClassicInputText_default } from "./ClassicInputText-D2wR2cwa.mjs";
-import { t as RecaptchaModal_default } from "./RecaptchaModal-CxDPhjIv.mjs";
+import { t as RecaptchaModal_default } from "./RecaptchaModal-CHFdC9Sq.mjs";
 import { computed, createBlock, createVNode, defineComponent, openBlock, ref, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 //#region src/components/display/comments/modal/CheckIdentityModal.vue?vue&type=script&setup=true&lang.ts
@@ -83,4 +83,4 @@ var CheckIdentityModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { CheckIdentityModal_default as default };
 
-//# sourceMappingURL=CheckIdentityModal-Du2Jqur2.mjs.map
+//# sourceMappingURL=CheckIdentityModal-BeoPGlll.mjs.map

package/dist/CheckIdentityModal-BeoPGlll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-BeoPGlll.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB"}

package/dist/CheckIdentityModal-C-LeNKnp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-C-LeNKnp.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB"}

package/dist/CheckIdentityModal-CVh4TWaA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-CVh4TWaA.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB"}

package/dist/CheckIdentityModal-DG5UwIww.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-DG5UwIww.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB"}

package/dist/CheckIdentityModal-DgfR8eN8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-DgfR8eN8.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB"}

package/dist/ClipboardModal-7VJwXjk7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-7VJwXjk7.mjs","names":[],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;mBC9CS,OAAM,oDAAmD;mBAEpD,IAAG,OAAM;;;qBARrB,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAUT;GATJ,mBASI,KATJ,YASI;oCARC,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAA,mBAAiC,QAAjC,YAAiC,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvB,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrB,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAAA,UAAA,GAD5C,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/ClipboardModal-BNGanHiD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-BNGanHiD.mjs","names":[],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;mBC9CS,OAAM,oDAAmD;mBAEpD,IAAG,OAAM;;;qBARrB,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAUT;GATJ,mBASI,KATJ,YASI;oCARC,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAA,mBAAiC,QAAjC,YAAiC,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvB,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrB,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAAA,UAAA,GAD5C,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/ClipboardModal-BXQoN3az.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-BXQoN3az.mjs","names":[],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;mBC9CS,OAAM,oDAAmD;mBAEpD,IAAG,OAAM;;;qBARrB,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAUT;GATJ,mBASI,KATJ,YASI;oCARC,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAA,mBAAiC,QAAjC,YAAiC,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvB,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrB,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAAA,UAAA,GAD5C,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/ClipboardModal-BeGqMvLb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-BeGqMvLb.mjs","names":[],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;mBC9CS,OAAM,oDAAmD;mBAEpD,IAAG,OAAM;;;qBARrB,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAUT;GATJ,mBASI,KATJ,YASI;oCARC,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAA,mBAAiC,QAAjC,YAAiC,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvB,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrB,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAAA,UAAA,GAD5C,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/ClipboardModal-CS-czxOJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-CS-czxOJ.mjs","names":[],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;mBC9CS,OAAM,oDAAmD;mBAEpD,IAAG,OAAM;;;qBARrB,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAUT;GATJ,mBASI,KATJ,YASI;oCARC,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAA,mBAAiC,QAAjC,YAAiC,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvB,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrB,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAAA,UAAA,GAD5C,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/{ClipboardModal-Bd_hrJu_.mjs → ClipboardModal-Dm9Z1sRK.mjs}

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { i as useAuthStore } from "./classicApi-DpwVUC0E.mjs";
+import { i as useAuthStore } from "./classicApi-ChvwoPGT.mjs";
 import { t as ClassicModal_default } from "./ClassicModal-CilwHp9p.mjs";
 import { t as ClassicCopyButton_default } from "./ClassicCopyButton-M9AP3MKD.mjs";
 import { createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
@@ -81,4 +81,4 @@ var ClipboardModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Cli
 //#endregion
 export { ClipboardModal_default as default };
 
-//# sourceMappingURL=ClipboardModal-Bd_hrJu_.mjs.map
+//# sourceMappingURL=ClipboardModal-Dm9Z1sRK.mjs.map

package/dist/ClipboardModal-Dm9Z1sRK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-Dm9Z1sRK.mjs","names":[],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;mBC9CS,OAAM,oDAAmD;mBAEpD,IAAG,OAAM;;;qBARrB,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAUT;GATJ,mBASI,KATJ,YASI;oCARC,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAA,mBAAiC,QAAjC,YAAiC,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvB,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrB,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAAA,UAAA,GAD5C,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/ClipboardModal-PbKpLGXl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardModal-PbKpLGXl.mjs","names":[],"sources":["../src/components/misc/modal/ClipboardModal.vue","../src/components/misc/modal/ClipboardModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"clipboard-modal\"\n    :title-modal=\"t('RSS Link')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <p class=\"d-flex justify-content-between align-items-center\">\n        {{ t(\"Rss feed:\") }}\n        <span id=\"LINK\">{{ link }}</span>\n        <ClassicCopyButton\n          :text=\"t('Copy')\"\n          :text-after-copy=\"t('Copied!')\"\n          :data-to-copy=\"link\"\n          :snackbar-text=\"t('Link in clipboard')\"\n        />\n      </p>\n      <!--\n        RssSection is not defined in the SDK: it is resolved at runtime from\n        the consuming app's globally registered components (app.component()),\n        and renders nothing if the app hasn't registered one under that name.\n      -->\n      <RssSection\n        v-if=\"emission && undefined !== authStore.authOrgaId\"\n        :emission=\"emission\"\n      />\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicCopyButton from \"../../form/ClassicCopyButton.vue\";\nimport ClassicModal from \"../modal/ClassicModal.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  link: { default: \"\", type: String },\n  emission: { default: undefined, type: Object as () => Emission },\n})\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;mBC9CS,OAAM,oDAAmD;mBAEpD,IAAG,OAAM;;;qBARrB,YA0Be,OAAA,iBAAA;EAzBb,YAAS;EACR,eAAa,OAAA,EAAC,UAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAUT;GATJ,mBASI,KATJ,YASI;oCARC,OAAA,EAAC,WAAA,CAAA,IAAgB,KACpB,CAAA;IAAA,mBAAiC,QAAjC,YAAiC,gBAAd,OAAA,IAAI,GAAA,CAAA;IACvB,YAKE,OAAA,sBAAA;KAJC,MAAM,OAAA,EAAC,MAAA;KACP,mBAAiB,OAAA,EAAC,SAAA;KAClB,gBAAc,OAAA;KACd,iBAAe,OAAA,EAAC,mBAAA;;;;;;;;GAGrB,mBAAA,sPAAA;GAMQ,OAAA,YAAY,KAAA,MAAc,OAAA,UAAU,cAAA,UAAA,GAD5C,YAGE,uBAAA;;IADC,UAAU,OAAA"}

package/dist/CommentInput-BHP1nNsj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-BHP1nNsj.mjs","names":[],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CommentInput-BJTzH-_a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-BJTzH-_a.mjs","names":[],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CommentInput-BS_2bqYB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-BS_2bqYB.mjs","names":[],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CommentInput-Bp_Tu2c1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-Bp_Tu2c1.mjs","names":[],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":"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"}