@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/PlayerAnonymousModal-BKaI6E9o.mjs

@@ -0,0 +1,84 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { i as useAuthStore } from "./classicApi-ChvwoPGT.mjs";
+import { t as ClassicModal_default } from "./ClassicModal-CilwHp9p.mjs";
+import { t as SharePlayer_default } from "./SharePlayer-ChACZKgH.mjs";
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/sharing/PlayerAnonymousModal.vue?vue&type=script&setup=true&lang.ts
+var PlayerAnonymousModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PlayerAnonymousModal",
+	props: {
+		podcast: {
+			default: void 0,
+			type: Object
+		},
+		emission: {
+			default: void 0,
+			type: Object
+		},
+		exclusive: {
+			default: false,
+			type: Boolean
+		},
+		notExclusive: {
+			default: true,
+			type: Boolean
+		}
+	},
+	emits: ["close"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const emit = __emit;
+		const { t } = useI18n();
+		const authStore = useAuthStore();
+		function closePopup() {
+			emit("close");
+		}
+		const __returned__ = {
+			emit,
+			t,
+			authStore,
+			closePopup,
+			ClassicModal: ClassicModal_default,
+			SharePlayer: SharePlayer_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/sharing/PlayerAnonymousModal.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createBlock($setup["ClassicModal"], {
+		"id-modal": "player-anonymous-modal",
+		"title-modal": $setup.t("Share the player"),
+		onClose: $setup.closePopup
+	}, {
+		body: withCtx(() => [createVNode($setup["SharePlayer"], {
+			podcast: $props.podcast,
+			emission: $props.emission,
+			exclusive: $props.exclusive,
+			"not-exclusive": $props.notExclusive,
+			"organisation-id": $setup.authStore.authOrgaId
+		}, null, 8, [
+			"podcast",
+			"emission",
+			"exclusive",
+			"not-exclusive",
+			"organisation-id"
+		])]),
+		footer: withCtx(() => [createElementVNode("button", {
+			class: "btn btn-primary m-1",
+			onClick: $setup.closePopup
+		}, toDisplayString($setup.t("Close")), 1)]),
+		_: 1
+	}, 8, ["title-modal"]);
+}
+var PlayerAnonymousModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PlayerAnonymousModal_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/sharing/PlayerAnonymousModal.vue"]]);
+//#endregion
+export { PlayerAnonymousModal_default as default };
+
+//# sourceMappingURL=PlayerAnonymousModal-BKaI6E9o.mjs.map

package/dist/PlayerAnonymousModal-BKaI6E9o.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-BKaI6E9o.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-BtghKP8M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-BtghKP8M.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-Bz_vt6vZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-Bz_vt6vZ.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-CnKXq6ez.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-CnKXq6ez.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-ZqyARAv3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-ZqyARAv3.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerCompact-B-WRNyqn.mjs

@@ -0,0 +1,209 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { A as state } from "./classicApi-ChvwoPGT.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-BIyLKorz.mjs";
+import { a as usePlayerDisplayTime, i as PlayerTitle_default, n as PlayerImage_default, r as PlayerChaptering_default, t as PlayerPlayButton_default } from "./PlayerPlayButton-CAElMmMV.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, withCtx, withKeys } from "vue";
+import { useI18n } from "vue-i18n";
+import WindowCloseIcon from "vue-material-design-icons/WindowClose.vue";
+import ChevronUpIcon from "vue-material-design-icons/ChevronUp.vue";
+//#region src/components/misc/player/elements/PlayerSpeedButton.vue?vue&type=script&setup=true&lang.ts
+var PlayerSpeedButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PlayerSpeedButton",
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const speedIndex = ref(2);
+		const speedArray = ref([
+			.5,
+			.75,
+			1,
+			1.25,
+			1.5,
+			1.75
+		]);
+		const audioPlayer = ref(null);
+		const { t } = useI18n();
+		onMounted(() => {
+			audioPlayer.value = document.querySelector("#audio-player");
+		});
+		function changeSpeed(index) {
+			speedIndex.value = index;
+			if (audioPlayer.value) audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];
+		}
+		const __returned__ = {
+			speedIndex,
+			speedArray,
+			audioPlayer,
+			t,
+			changeSpeed,
+			ClassicPopover: ClassicPopover_default,
+			get state() {
+				return state;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/player/elements/PlayerSpeedButton.vue
+var _hoisted_1$1 = ["title"];
+var _hoisted_2$1 = ["onMousedown", "onKeydown"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(Fragment, null, [createElementVNode("button", {
+		id: "player-speed-button",
+		title: $setup.t("Change speed"),
+		class: "btn play-button-box small-font btn-transparent text-light me-0"
+	}, toDisplayString("×" + $setup.speedArray[$setup.speedIndex]), 9, _hoisted_1$1), createVNode($setup["ClassicPopover"], {
+		target: "player-speed-button",
+		"relative-class": "player-container",
+		class: "player-speed-dropdown",
+		"constrain-height": $setup.state.player.topPlacement !== true,
+		"top-pos": $setup.state.player.topPlacement !== true,
+		"only-click": "",
+		"is-fixed": ""
+	}, {
+		default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.speedArray, (speed, index) => {
+			return openBlock(), createElementBlock("button", {
+				key: speed,
+				class: "octopus-dropdown-item speed-style",
+				onMousedown: ($event) => $setup.changeSpeed(index),
+				onKeydown: withKeys(($event) => $setup.changeSpeed(index), ["enter"])
+			}, toDisplayString("×" + speed), 41, _hoisted_2$1);
+		}), 128))]),
+		_: 1
+	}, 8, ["constrain-height", "top-pos"])], 64);
+}
+var PlayerSpeedButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PlayerSpeedButton_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render$1],
+	["__scopeId", "data-v-a8a78be8"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/player/elements/PlayerSpeedButton.vue"]
+]);
+//#endregion
+//#region src/components/misc/player/PlayerCompact.vue?vue&type=script&setup=true&lang.ts
+var PlayerCompact_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PlayerCompact",
+	props: {
+		playerError: {
+			default: false,
+			type: Boolean
+		},
+		displayAlertBar: {
+			default: false,
+			type: Boolean
+		},
+		percentLiveProgress: {
+			default: 0,
+			type: Number
+		},
+		durationLivePosition: {
+			default: 0,
+			type: Number
+		},
+		listenTime: {
+			default: 0,
+			type: Number
+		},
+		hlsReady: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["stopPlayer", "changePlayerLargeVersion"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const PlayerProgressBar = defineAsyncComponent(() => import("./PlayerProgressBar-DWAyhBWx.mjs"));
+		const emit = __emit;
+		const { transcriptText, radioUrl, isAdPlaying, displayPlayTime, displayTotalTime } = usePlayerDisplayTime();
+		const { t } = useI18n();
+		function stopPlayer() {
+			emit("stopPlayer");
+		}
+		function changePlayerLargeVersion() {
+			emit("changePlayerLargeVersion");
+		}
+		const __returned__ = {
+			PlayerProgressBar,
+			emit,
+			transcriptText,
+			radioUrl,
+			isAdPlaying,
+			displayPlayTime,
+			displayTotalTime,
+			t,
+			stopPlayer,
+			changePlayerLargeVersion,
+			ChevronUpIcon,
+			WindowCloseIcon,
+			PlayerTitle: PlayerTitle_default,
+			PlayerChaptering: PlayerChaptering_default,
+			PlayerImage: PlayerImage_default,
+			PlayerPlayButton: PlayerPlayButton_default,
+			PlayerSpeedButton: PlayerSpeedButton_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/player/PlayerCompact.vue
+var _hoisted_1 = { class: "d-flex align-items-center flex-grow-1 ps-2" };
+var _hoisted_2 = { class: "player-text player-grow-content" };
+var _hoisted_3 = {
+	key: 0,
+	class: "hide-phone ps-2 flex-shrink-0"
+};
+var _hoisted_4 = ["title"];
+var _hoisted_5 = ["title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [
+		createVNode($setup["PlayerImage"]),
+		createVNode($setup["PlayerPlayButton"], { "player-error": $props.playerError }, null, 8, ["player-error"]),
+		createElementVNode("div", _hoisted_2, [
+			createElementVNode("div", { class: normalizeClass(["d-flex", !$setup.radioUrl ? "mb-1" : ""]) }, [createVNode($setup["PlayerTitle"], {
+				"player-error": $props.playerError,
+				"hls-ready": $props.hlsReady
+			}, null, 8, ["player-error", "hls-ready"]), !$props.playerError && (!$setup.radioUrl || $setup.isAdPlaying) ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString($setup.displayPlayTime) + " / " + toDisplayString($setup.displayTotalTime), 1)) : createCommentVNode("v-if", true)], 2),
+			createVNode($setup["PlayerChaptering"]),
+			createVNode($setup["PlayerProgressBar"], {
+				"display-alert-bar": $props.displayAlertBar,
+				"percent-live-progress": $props.percentLiveProgress,
+				"duration-live-position": $props.durationLivePosition,
+				"player-error": $props.playerError,
+				"listen-time": $props.listenTime
+			}, null, 8, [
+				"display-alert-bar",
+				"percent-live-progress",
+				"duration-live-position",
+				"player-error",
+				"listen-time"
+			])
+		]),
+		!$setup.radioUrl ? (openBlock(), createBlock($setup["PlayerSpeedButton"], { key: 0 })) : createCommentVNode("v-if", true),
+		createElementVNode("button", {
+			id: "player-up-btn",
+			title: "" != $setup.transcriptText ? $setup.t("View transcript") : $setup.t("Enlarge"),
+			class: "btn play-button-box btn-transparent player-text me-0",
+			onClick: $setup.changePlayerLargeVersion
+		}, [createVNode($setup["ChevronUpIcon"])], 8, _hoisted_4),
+		createElementVNode("button", {
+			title: $setup.t("Close"),
+			class: "btn play-button-box btn-transparent player-text",
+			onClick: $setup.stopPlayer
+		}, [createVNode($setup["WindowCloseIcon"])], 8, _hoisted_5)
+	]);
+}
+var PlayerCompact_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PlayerCompact_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render],
+	["__scopeId", "data-v-d1a7dfc6"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/player/PlayerCompact.vue"]
+]);
+//#endregion
+export { PlayerCompact_default as default };
+
+//# sourceMappingURL=PlayerCompact-B-WRNyqn.mjs.map

package/dist/PlayerCompact-B-WRNyqn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-B-WRNyqn.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAmCA,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,aAAa,IAAI;GAAC;GAAK;GAAM;GAAG;GAAM;GAAK;EAAI,CAAC;EACtD,MAAM,cAA4C,IAAI,IAAI;EAG1D,MAAM,EAAE,MAAM,QAAQ;EAEtB,gBAAc;GACZ,YAAY,QAAQ,SAAS,cAAc,eAAe;EAC5D,CAAC;EAGD,SAAS,YAAY,OAAe;GAClC,WAAW,QAAQ;GACnB,IAAI,YAAY,OACd,YAAY,MAAM,eAAe,WAAW,MAAM,WAAW;EAEjE;;;;;;;;;;;;;;;;;;;;;;;;yDCnDE,mBAMS,UAAA;EALP,IAAG;EACF,OAAO,OAAA,EAAC,cAAA;EACT,OAAM;0BAEG,OAAA,WAAW,OAAA,WAAU,GAAA,GAAA,YAAA,GAEhC,YAkBiB,OAAA,mBAAA;EAjBf,QAAO;EACP,kBAAe;EACf,OAAM;EACL,oBAAkB,OAAA,MAAM,OAAO,iBAAY;EAC3C,WAAS,OAAA,MAAM,OAAO,iBAAY;EACnC,cAAA;EACA,YAAA;;yBAGsC,EAAA,UAAA,IAAA,GADtC,mBAQS,UAAA,MAAA,WAPkB,OAAA,aAAjB,OAAO,UAAK;uBADtB,mBAQS,UAAA;IANN,KAAK;IACN,OAAM;IACL,cAAS,WAAE,OAAA,YAAY,KAAK;IAC5B,WAAO,UAAA,WAAQ,OAAA,YAAY,KAAK,GAAA,CAAA,OAAA,CAAA;4BAExB,KAAK,GAAA,IAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC6BpB,MAAM,oBAAoB,2BAClB,OAAO,mCACf;EAYA,MAAM,OAAO;EAGb,MAAM,EACJ,gBACA,UACA,aACA,iBACA,qBACG,qBAAqB;EAC1B,MAAM,EAAE,MAAM,QAAQ;EAItB,SAAS,aAAa;GACpB,KAAK,YAAY;EACnB;EACA,SAAS,2BAA2B;GAClC,KAAK,0BAA0B;EACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBCrFO,OAAM,6CAA4C;mBAGhD,OAAM,kCAAiC;;;CAKtC,OAAM;;;;;qBARd,mBAsCM,OAtCN,YAsCM;EArCJ,YAAe,OAAA,cAAA;EACf,YAAgD,OAAA,qBAAA,EAA7B,gBAAc,OAAA,YAAW,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA;EAC5C,mBAkBM,OAlBN,YAkBM;GAjBJ,mBAQM,OAAA,EARD,OAAK,eAAA,CAAC,UAAQ,CAAU,OAAA,WAAQ,SAAA,EAAA,CAAA,EAAA,GAAA,CACnC,YAAiE,OAAA,gBAAA;IAAnD,gBAAc,OAAA;IAAc,aAAW,OAAA;gDAE5C,OAAA,gBAAW,CAAM,OAAA,YAAY,OAAA,gBAAA,UAAA,GADtC,mBAKM,OALN,YAKM,gBADD,OAAA,eAAe,IAAG,QAAG,gBAAG,OAAA,gBAAgB,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,CAAA;GAG/C,YAAoB,OAAA,mBAAA;GACpB,YAME,OAAA,sBAAA;IALC,qBAAmB,OAAA;IACnB,yBAAuB,OAAA;IACvB,0BAAwB,OAAA;IACxB,gBAAc,OAAA;IACd,eAAa,OAAA;;;;;;;;;GAGQ,OAAA,YAAA,UAAA,GAA1B,YAAsC,OAAA,sBAAA,EAAA,KAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;EACtC,mBAOS,UAAA;GANP,IAAG;GACF,OAAK,MAAQ,OAAA,iBAAiB,OAAA,EAAC,iBAAA,IAAsB,OAAA,EAAC,SAAA;GACvD,OAAM;GACL,SAAO,OAAA;MAER,YAAiB,OAAA,gBAAA,CAAA,GAAA,GAAA,UAAA;EAEnB,mBAMS,UAAA;GALN,OAAO,OAAA,EAAC,OAAA;GACT,OAAM;GACL,SAAO,OAAA;MAER,YAAmB,OAAA,kBAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/PlayerCompact-B-x6J7cl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-B-x6J7cl.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerCompact-BzcQcgqX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-BzcQcgqX.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerCompact-CcRdWagH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-CcRdWagH.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerCompact-D2p0ZIHQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-D2p0ZIHQ.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerCompact-aIbQLF3h.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-aIbQLF3h.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerCompact-gWt2fJaQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-gWt2fJaQ.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}