@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/CategoryList-CfMKagU8.mjs

@@ -0,0 +1,153 @@
+import { E as state, r as useFilterStore, t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { t as useRouteUpdateParams } from "./useRouteUpdateParams-DurlddRA.mjs";
+import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-Bk5kf37e.mjs";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, vShow, watch, withCtx, withDirectives, withKeys } from "vue";
+import PlusIcon from "vue-material-design-icons/Plus.vue";
+import { useI18n } from "vue-i18n";
+import { useRoute, useRouter } from "vue-router";
+//#region src/components/display/categories/CategoryList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone"
+};
+var _hoisted_2 = {
+	ref: "categoryListContainer",
+	class: "category-list-container"
+};
+var _hoisted_3 = ["id", "onClick"];
+var _hoisted_4 = ["title"];
+var _hoisted_5 = ["onKeydown", "onMousedown"];
+//#endregion
+//#region src/components/display/categories/CategoryList.vue
+var CategoryList_default = /* @__PURE__ */ defineComponent({
+	__name: "CategoryList",
+	props: {
+		isFilter: {
+			default: false,
+			type: Boolean
+		},
+		isDisplay: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["categoriesLength"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const hidenCategories = ref([]);
+		const categoryListRef = useTemplateRef("categoryListContainer");
+		const { t, locale } = useI18n();
+		const { updateFiltersParam } = useRouteUpdateParams();
+		const generalStore = useGeneralStore();
+		const filterStore = useFilterStore();
+		const router = useRouter();
+		const route = useRoute();
+		const categories = computed(() => {
+			let arrayCategories = [];
+			if (filterStore.filterOrgaId) arrayCategories = generalStore.storedCategoriesOrga.filter((c) => {
+				return c.podcastOrganisationCount;
+			});
+			else arrayCategories = generalStore.storedCategories.filter((c) => {
+				if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;
+				return c.podcastCount;
+			});
+			emit("categoriesLength", arrayCategories.length);
+			return arrayCategories;
+		});
+		const watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);
+		const reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);
+		watch(watchVariable, () => {
+			nextTick(() => {
+				resizeWindow();
+			});
+		}, {
+			deep: true,
+			immediate: true
+		});
+		watch(reloadVariable, () => {
+			if (filterStore.filterOrgaId) fetchCategories(filterStore.filterOrgaId);
+		}, {
+			deep: true,
+			immediate: true
+		});
+		onMounted(() => window.addEventListener("resize", resizeWindow));
+		onUnmounted(() => window.removeEventListener("resize", resizeWindow));
+		function checkIfFilter(category) {
+			if (!props.isFilter) {
+				router.push({
+					name: "category",
+					params: { iabId: category.id.toString() }
+				});
+				return;
+			}
+			const queries = route.query;
+			if (!queries.iabId || "string" === typeof queries.iabId && parseInt(queries.iabId, 10) !== category.id) updateFiltersParam({ iabId: category.id.toString() }, { i: category.id.toString() });
+		}
+		function resizeWindow() {
+			const categoryList = categoryListRef?.value;
+			if (null === categoryList || !categoryList) return;
+			categoryList.style.justifyContent = "flex-start";
+			hidenCategories.value.length = 0;
+			categories.value.forEach((element) => {
+				const el = categoryList.querySelector("#category" + element.id);
+				if (!el) return;
+				if (el.classList.contains("hid")) el.classList.remove("hid");
+			});
+			categories.value.forEach((element) => {
+				const el = categoryList.querySelector("#category" + element.id);
+				if (!el) return;
+				const parent = el.parentElement;
+				if (parent && el.offsetLeft + el.clientWidth <= parent.clientWidth - 20) return;
+				hidenCategories.value.push(element);
+				if (!el.classList.contains("hid")) el.className += " hid";
+			});
+			if (!hidenCategories.value.length) categoryList.style.justifyContent = "center";
+		}
+		async function fetchCategories(organisationId) {
+			const data = await classicApi_default.fetchData({
+				api: 0,
+				path: `iab/list/${organisationId}`,
+				parameters: { lang: locale.value }
+			});
+			generalStore.storedUpdateCategoriesOrga(data);
+		}
+		return (_ctx, _cache) => {
+			return categories.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(categories.value, (category) => {
+					return openBlock(), createElementBlock("button", {
+						id: "category" + category.id,
+						key: category.id,
+						class: "btn btn-primary btn-on-dark m-1",
+						onClick: ($event) => checkIfFilter(category)
+					}, toDisplayString(category.name), 9, _hoisted_3);
+				}), 128))], 512),
+				withDirectives(createElementVNode("button", {
+					id: "categories-dropdown",
+					class: "btn btn-primary btn-on-dark m-1",
+					title: unref(t)("See more")
+				}, [createVNode(PlusIcon)], 8, _hoisted_4), [[vShow, hidenCategories.value.length]]),
+				createVNode(ClassicPopover_default, {
+					target: "categories-dropdown",
+					"only-click": true,
+					"left-pos": true
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(hidenCategories.value, (category) => {
+						return openBlock(), createElementBlock("button", {
+							key: category.id,
+							class: "me-3 octopus-dropdown-item",
+							onKeydown: withKeys(($event) => checkIfFilter(category), ["enter"]),
+							onMousedown: ($event) => checkIfFilter(category)
+						}, toDisplayString(category.name), 41, _hoisted_5);
+					}), 128))]),
+					_: 1
+				})
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { CategoryList_default as default };
+
+//# sourceMappingURL=CategoryList-CfMKagU8.mjs.map

package/dist/CategoryList-CfMKagU8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-CfMKagU8.mjs","names":[],"sources":["../src/components/display/categories/CategoryList.vue","../src/components/display/categories/CategoryList.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"categories.length\"\n    class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n  >\n    <div ref=\"categoryListContainer\" class=\"category-list-container\">\n      <button\n        v-for=\"category in categories\"\n        :id=\"'category' + category.id\"\n        :key=\"category.id\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </div>\n    <button\n      v-show=\"hidenCategories.length\"\n      id=\"categories-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n    <ClassicPopover\n      target=\"categories-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <button\n        v-for=\"category in hidenCategories\"\n        :key=\"category.id\"\n        class=\"me-3 octopus-dropdown-item\"\n        @keydown.enter=\"checkIfFilter(category)\"\n        @mousedown=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n  isFilter: { default: false, type: Boolean },\n  isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n  let arrayCategories: Array<Category> = [];\n  if (filterStore.filterOrgaId) {\n    arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n      return c.podcastOrganisationCount;\n    });\n  } else {\n    arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n      if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n      return c.podcastCount;\n    });\n  }\n  emit(\"categoriesLength\", arrayCategories.length);\n  return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n  nextTick(() => {\n    resizeWindow();\n  });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n  if (filterStore.filterOrgaId) {\n    fetchCategories(filterStore.filterOrgaId);\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n  if (!props.isFilter) {\n    router.push({\n      name: \"category\",\n      params: { iabId: category.id.toString() },\n    });\n    return;\n  }\n  const queries = route.query;\n  if (\n    !queries.iabId ||\n    (\"string\" === typeof queries.iabId &&\n      parseInt(queries.iabId, 10) !== category.id)\n  ) {\n    updateFiltersParam(\n      { iabId: category.id.toString() },\n      { i: category.id.toString() },\n    );\n  }\n}\nfunction resizeWindow(): void {\n  const categoryList = categoryListRef?.value as HTMLElement;\n  if (null === categoryList || !categoryList) {\n    return;\n  }\n  categoryList.style.justifyContent = \"flex-start\";\n  hidenCategories.value.length = 0;\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenCategories.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenCategories.value.length) {\n    categoryList.style.justifyContent = \"center\";\n  }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n  const data = await classicApi.fetchData<Array<Category>>({\n    api: 0,\n    path: `iab/list/${organisationId}`,\n    parameters: { lang: locale.value },\n  });\n  generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .category-list-container {\n    display: inline-flex;\n    justify-content: flex-start;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"categories.length\"\n    class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n  >\n    <div ref=\"categoryListContainer\" class=\"category-list-container\">\n      <button\n        v-for=\"category in categories\"\n        :id=\"'category' + category.id\"\n        :key=\"category.id\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </div>\n    <button\n      v-show=\"hidenCategories.length\"\n      id=\"categories-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n    <ClassicPopover\n      target=\"categories-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <button\n        v-for=\"category in hidenCategories\"\n        :key=\"category.id\"\n        class=\"me-3 octopus-dropdown-item\"\n        @keydown.enter=\"checkIfFilter(category)\"\n        @mousedown=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n  isFilter: { default: false, type: Boolean },\n  isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n  let arrayCategories: Array<Category> = [];\n  if (filterStore.filterOrgaId) {\n    arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n      return c.podcastOrganisationCount;\n    });\n  } else {\n    arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n      if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n      return c.podcastCount;\n    });\n  }\n  emit(\"categoriesLength\", arrayCategories.length);\n  return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n  nextTick(() => {\n    resizeWindow();\n  });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n  if (filterStore.filterOrgaId) {\n    fetchCategories(filterStore.filterOrgaId);\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n  if (!props.isFilter) {\n    router.push({\n      name: \"category\",\n      params: { iabId: category.id.toString() },\n    });\n    return;\n  }\n  const queries = route.query;\n  if (\n    !queries.iabId ||\n    (\"string\" === typeof queries.iabId &&\n      parseInt(queries.iabId, 10) !== category.id)\n  ) {\n    updateFiltersParam(\n      { iabId: category.id.toString() },\n      { i: category.id.toString() },\n    );\n  }\n}\nfunction resizeWindow(): void {\n  const categoryList = categoryListRef?.value as HTMLElement;\n  if (null === categoryList || !categoryList) {\n    return;\n  }\n  categoryList.style.justifyContent = \"flex-start\";\n  hidenCategories.value.length = 0;\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenCategories.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenCategories.value.length) {\n    categoryList.style.justifyContent = \"center\";\n  }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n  const data = await classicApi.fetchData<Array<Category>>({\n    api: 0,\n    path: `iab/list/${organisationId}`,\n    parameters: { lang: locale.value },\n  });\n  generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .category-list-container {\n    display: inline-flex;\n    justify-content: flex-start;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CategoryList-CtYJ1Otd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-CtYJ1Otd.mjs","names":[],"sources":["../src/components/display/categories/CategoryList.vue","../src/components/display/categories/CategoryList.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"categories.length\"\n    class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n  >\n    <div ref=\"categoryListContainer\" class=\"category-list-container\">\n      <button\n        v-for=\"category in categories\"\n        :id=\"'category' + category.id\"\n        :key=\"category.id\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </div>\n    <button\n      v-show=\"hidenCategories.length\"\n      id=\"categories-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n    <ClassicPopover\n      target=\"categories-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <button\n        v-for=\"category in hidenCategories\"\n        :key=\"category.id\"\n        class=\"me-3 octopus-dropdown-item\"\n        @keydown.enter=\"checkIfFilter(category)\"\n        @mousedown=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n  isFilter: { default: false, type: Boolean },\n  isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n  let arrayCategories: Array<Category> = [];\n  if (filterStore.filterOrgaId) {\n    arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n      return c.podcastOrganisationCount;\n    });\n  } else {\n    arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n      if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n      return c.podcastCount;\n    });\n  }\n  emit(\"categoriesLength\", arrayCategories.length);\n  return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n  nextTick(() => {\n    resizeWindow();\n  });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n  if (filterStore.filterOrgaId) {\n    fetchCategories(filterStore.filterOrgaId);\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n  if (!props.isFilter) {\n    router.push({\n      name: \"category\",\n      params: { iabId: category.id.toString() },\n    });\n    return;\n  }\n  const queries = route.query;\n  if (\n    !queries.iabId ||\n    (\"string\" === typeof queries.iabId &&\n      parseInt(queries.iabId, 10) !== category.id)\n  ) {\n    updateFiltersParam(\n      { iabId: category.id.toString() },\n      { i: category.id.toString() },\n    );\n  }\n}\nfunction resizeWindow(): void {\n  const categoryList = categoryListRef?.value as HTMLElement;\n  if (null === categoryList || !categoryList) {\n    return;\n  }\n  categoryList.style.justifyContent = \"flex-start\";\n  hidenCategories.value.length = 0;\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenCategories.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenCategories.value.length) {\n    categoryList.style.justifyContent = \"center\";\n  }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n  const data = await classicApi.fetchData<Array<Category>>({\n    api: 0,\n    path: `iab/list/${organisationId}`,\n    parameters: { lang: locale.value },\n  });\n  generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .category-list-container {\n    display: inline-flex;\n    justify-content: flex-start;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"categories.length\"\n    class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n  >\n    <div ref=\"categoryListContainer\" class=\"category-list-container\">\n      <button\n        v-for=\"category in categories\"\n        :id=\"'category' + category.id\"\n        :key=\"category.id\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </div>\n    <button\n      v-show=\"hidenCategories.length\"\n      id=\"categories-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n    <ClassicPopover\n      target=\"categories-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <button\n        v-for=\"category in hidenCategories\"\n        :key=\"category.id\"\n        class=\"me-3 octopus-dropdown-item\"\n        @keydown.enter=\"checkIfFilter(category)\"\n        @mousedown=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n  isFilter: { default: false, type: Boolean },\n  isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n  let arrayCategories: Array<Category> = [];\n  if (filterStore.filterOrgaId) {\n    arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n      return c.podcastOrganisationCount;\n    });\n  } else {\n    arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n      if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n      return c.podcastCount;\n    });\n  }\n  emit(\"categoriesLength\", arrayCategories.length);\n  return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n  nextTick(() => {\n    resizeWindow();\n  });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n  if (filterStore.filterOrgaId) {\n    fetchCategories(filterStore.filterOrgaId);\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n  if (!props.isFilter) {\n    router.push({\n      name: \"category\",\n      params: { iabId: category.id.toString() },\n    });\n    return;\n  }\n  const queries = route.query;\n  if (\n    !queries.iabId ||\n    (\"string\" === typeof queries.iabId &&\n      parseInt(queries.iabId, 10) !== category.id)\n  ) {\n    updateFiltersParam(\n      { iabId: category.id.toString() },\n      { i: category.id.toString() },\n    );\n  }\n}\nfunction resizeWindow(): void {\n  const categoryList = categoryListRef?.value as HTMLElement;\n  if (null === categoryList || !categoryList) {\n    return;\n  }\n  categoryList.style.justifyContent = \"flex-start\";\n  hidenCategories.value.length = 0;\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenCategories.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenCategories.value.length) {\n    categoryList.style.justifyContent = \"center\";\n  }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n  const data = await classicApi.fetchData<Array<Category>>({\n    api: 0,\n    path: `iab/list/${organisationId}`,\n    parameters: { lang: locale.value },\n  });\n  generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .category-list-container {\n    display: inline-flex;\n    justify-content: flex-start;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CategoryList-fb__vBIZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-fb__vBIZ.mjs","names":[],"sources":["../src/components/display/categories/CategoryList.vue","../src/components/display/categories/CategoryList.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"categories.length\"\n    class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n  >\n    <div ref=\"categoryListContainer\" class=\"category-list-container\">\n      <button\n        v-for=\"category in categories\"\n        :id=\"'category' + category.id\"\n        :key=\"category.id\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </div>\n    <button\n      v-show=\"hidenCategories.length\"\n      id=\"categories-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n    <ClassicPopover\n      target=\"categories-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <button\n        v-for=\"category in hidenCategories\"\n        :key=\"category.id\"\n        class=\"me-3 octopus-dropdown-item\"\n        @keydown.enter=\"checkIfFilter(category)\"\n        @mousedown=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n  isFilter: { default: false, type: Boolean },\n  isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n  let arrayCategories: Array<Category> = [];\n  if (filterStore.filterOrgaId) {\n    arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n      return c.podcastOrganisationCount;\n    });\n  } else {\n    arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n      if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n      return c.podcastCount;\n    });\n  }\n  emit(\"categoriesLength\", arrayCategories.length);\n  return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n  nextTick(() => {\n    resizeWindow();\n  });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n  if (filterStore.filterOrgaId) {\n    fetchCategories(filterStore.filterOrgaId);\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n  if (!props.isFilter) {\n    router.push({\n      name: \"category\",\n      params: { iabId: category.id.toString() },\n    });\n    return;\n  }\n  const queries = route.query;\n  if (\n    !queries.iabId ||\n    (\"string\" === typeof queries.iabId &&\n      parseInt(queries.iabId, 10) !== category.id)\n  ) {\n    updateFiltersParam(\n      { iabId: category.id.toString() },\n      { i: category.id.toString() },\n    );\n  }\n}\nfunction resizeWindow(): void {\n  const categoryList = categoryListRef?.value as HTMLElement;\n  if (null === categoryList || !categoryList) {\n    return;\n  }\n  categoryList.style.justifyContent = \"flex-start\";\n  hidenCategories.value.length = 0;\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenCategories.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenCategories.value.length) {\n    categoryList.style.justifyContent = \"center\";\n  }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n  const data = await classicApi.fetchData<Array<Category>>({\n    api: 0,\n    path: `iab/list/${organisationId}`,\n    parameters: { lang: locale.value },\n  });\n  generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .category-list-container {\n    display: inline-flex;\n    justify-content: flex-start;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"categories.length\"\n    class=\"d-inline-flex w-100 mb-3 ps-3 pe-3 category-list hide-phone\"\n  >\n    <div ref=\"categoryListContainer\" class=\"category-list-container\">\n      <button\n        v-for=\"category in categories\"\n        :id=\"'category' + category.id\"\n        :key=\"category.id\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </div>\n    <button\n      v-show=\"hidenCategories.length\"\n      id=\"categories-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n    <ClassicPopover\n      target=\"categories-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <button\n        v-for=\"category in hidenCategories\"\n        :key=\"category.id\"\n        class=\"me-3 octopus-dropdown-item\"\n        @keydown.enter=\"checkIfFilter(category)\"\n        @mousedown=\"checkIfFilter(category)\"\n      >\n        {{ category.name }}\n      </button>\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport classicApi from \"../../../api/classicApi\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { computed, nextTick, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\n\n//Props \nconst props = defineProps({\n  isFilter: { default: false, type: Boolean },\n  isDisplay: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"categoriesLength\"]);\n\n//Data \nconst hidenCategories: Ref<Array<Category>> = ref([]);\nconst categoryListRef = useTemplateRef('categoryListContainer');\n\n//Composables\nconst { t, locale } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n//Computed\nconst categories = computed(() => {\n  let arrayCategories: Array<Category> = [];\n  if (filterStore.filterOrgaId) {\n    arrayCategories = generalStore.storedCategoriesOrga.filter((c: Category) => {\n      return c.podcastOrganisationCount;\n    });\n  } else {\n    arrayCategories = generalStore.storedCategories.filter((c: Category) => {\n      if (state.generalParameters.podcastmaker) return c.podcastOrganisationCount;\n      return c.podcastCount;\n    });\n  }\n  emit(\"categoriesLength\", arrayCategories.length);\n  return arrayCategories;\n});\nconst watchVariable = computed(() => `${props.isDisplay}|${categories.value}`);\nconst reloadVariable = computed(() => `${filterStore.filterOrgaId}|${generalStore.storedCategories}`);\n\n\n//Watch\nwatch(watchVariable, () => {\n  nextTick(() => {\n    resizeWindow();\n  });\n}, {deep: true, immediate: true});\nwatch(reloadVariable, () => {\n  if (filterStore.filterOrgaId) {\n    fetchCategories(filterStore.filterOrgaId);\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>window.addEventListener(\"resize\", resizeWindow))\nonUnmounted(()=>window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction checkIfFilter(category: Category): void {\n  if (!props.isFilter) {\n    router.push({\n      name: \"category\",\n      params: { iabId: category.id.toString() },\n    });\n    return;\n  }\n  const queries = route.query;\n  if (\n    !queries.iabId ||\n    (\"string\" === typeof queries.iabId &&\n      parseInt(queries.iabId, 10) !== category.id)\n  ) {\n    updateFiltersParam(\n      { iabId: category.id.toString() },\n      { i: category.id.toString() },\n    );\n  }\n}\nfunction resizeWindow(): void {\n  const categoryList = categoryListRef?.value as HTMLElement;\n  if (null === categoryList || !categoryList) {\n    return;\n  }\n  categoryList.style.justifyContent = \"flex-start\";\n  hidenCategories.value.length = 0;\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  categories.value.forEach((element: Category) => {\n    const el = categoryList.querySelector('#category' + element.id);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenCategories.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenCategories.value.length) {\n    categoryList.style.justifyContent = \"center\";\n  }\n}\nasync function fetchCategories(organisationId: string): Promise<void> {\n  const data = await classicApi.fetchData<Array<Category>>({\n    api: 0,\n    path: `iab/list/${organisationId}`,\n    parameters: { lang: locale.value },\n  });\n  generalStore.storedUpdateCategoriesOrga(data);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .category-list-container {\n    display: inline-flex;\n    justify-content: flex-start;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CategoryPage-BXpFZSoD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-BXpFZSoD.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;uBA1ClB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,MAAA,KAAK,GAAA,CAAA,GACZ,YAKE,qBAAA;IAJC,OAAO;IACP,MAAM;IACN,UAAQ,QAAA;IACR,mBAAiB,UAAA"}

package/dist/CategoryPage-CjFCzM5T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-CjFCzM5T.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;mBC1CT,OAAM,WAAU;;qBAAzB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,OAAA,KAAK,GAAA,CAAA,GACZ,YAKE,OAAA,gBAAA;EAJC,OAAO;EACP,MAAM;EACN,UAAQ,OAAA;EACR,mBAAiB,OAAA"}

package/dist/CategoryPage-D8ZeqW_O.mjs

@@ -0,0 +1,41 @@
+import { r as useFilterStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
+import { t as PodcastList_default } from "./PodcastList-gdQbPtGY.mjs";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, watch } from "vue";
+//#region src/components/pages/CategoryPage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-box" };
+//#endregion
+//#region src/components/pages/CategoryPage.vue
+var CategoryPage_default = /* @__PURE__ */ defineComponent({
+	__name: "CategoryPage",
+	props: { iabId: {
+		default: void 0,
+		type: Number
+	} },
+	setup(__props) {
+		const props = __props;
+		const generalStore = useGeneralStore();
+		const filterStore = useFilterStore();
+		const orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);
+		const title = computed(() => {
+			const matchCategories = generalStore.storedCategories.filter((c) => c.id === props.iabId);
+			if (1 !== matchCategories.length) return "";
+			return matchCategories[0]["name"];
+		});
+		watch(title, () => {
+			document.title = title.value + " - " + generalStore.metaTitle;
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("h1", null, toDisplayString(title.value), 1), createVNode(PodcastList_default, {
+				first: 0,
+				size: 30,
+				"iab-id": __props.iabId,
+				"organisation-id": orgaArray.value
+			}, null, 8, ["iab-id", "organisation-id"])]);
+		};
+	}
+});
+//#endregion
+export { CategoryPage_default as default };
+
+//# sourceMappingURL=CategoryPage-D8ZeqW_O.mjs.map

package/dist/CategoryPage-D8ZeqW_O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-D8ZeqW_O.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;uBA1ClB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,MAAA,KAAK,GAAA,CAAA,GACZ,YAKE,qBAAA;IAJC,OAAO;IACP,MAAM;IACN,UAAQ,QAAA;IACR,mBAAiB,UAAA"}

package/dist/CategoryPage-DOpUFF1y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-DOpUFF1y.mjs","names":[],"sources":["../src/components/pages/CategoryPage.vue","../src/components/pages/CategoryPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <PodcastList\n      :first=\"0\"\n      :size=\"30\"\n      :iab-id=\"iabId\"\n      :organisation-id=\"orgaArray\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\n\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n//Composables\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\n//Computed\nconst orgaArray = computed(() => filterStore.filterOrgaId ? [filterStore.filterOrgaId] : []);\nconst title = computed(() => {\n  const matchCategories = generalStore.storedCategories.filter(\n    (c: Category) => c.id === props.iabId,\n  );\n  if (1 !== matchCategories.length) return \"\";\n  return matchCategories[0][\"name\"];\n});\n\n\n//Watch\nwatch(title, () => {\n  document.title = title.value + ' - ' + generalStore.metaTitle\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EAGnC,MAAM,YAAY,eAAe,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC,CAAC;EAC3F,MAAM,QAAQ,eAAe;GAC3B,MAAM,kBAAkB,aAAa,iBAAiB,QACnD,MAAgB,EAAE,OAAO,MAAM,KAClC;GACA,IAAI,MAAM,gBAAgB,QAAQ,OAAO;GACzC,OAAO,gBAAgB,GAAG;EAC5B,CAAC;EAID,MAAM,aAAa;GACjB,SAAS,QAAQ,MAAM,QAAQ,QAAQ,aAAa;EACtD,GAAG,EAAC,WAAW,KAAI,CAAC;;uBA1ClB,mBAQU,WARV,YAQU,CAPR,mBAAoB,MAAA,MAAA,gBAAb,MAAA,KAAK,GAAA,CAAA,GACZ,YAKE,qBAAA;IAJC,OAAO;IACP,MAAM;IACN,UAAQ,QAAA;IACR,mBAAiB,UAAA"}

package/dist/CategorySearchFilter-1oMd2Mm5.mjs

@@ -0,0 +1,54 @@
+import { t as ClassicCheckbox_default } from "./ClassicCheckbox-CqA5WUGc.mjs";
+import { t as CategoryChooser_default } from "./CategoryChooser-DklLXzrz.mjs";
+import { createElementBlock, createVNode, defineComponent, openBlock, ref, unref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/filter/CategorySearchFilter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-flex mt-3 align-items-center" };
+//#endregion
+//#region src/components/display/filter/CategorySearchFilter.vue
+var CategorySearchFilter_default = /* @__PURE__ */ defineComponent({
+	__name: "CategorySearchFilter",
+	props: { iabId: {
+		default: void 0,
+		type: Number
+	} },
+	emits: ["update:iabId"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isCategory = ref(false);
+		const iabIdIntern = ref(0);
+		const { t } = useI18n();
+		watch(() => props.iabId, () => {
+			isCategory.value = void 0 !== props.iabId;
+			if (props.iabId && props.iabId !== iabIdIntern.value) iabIdIntern.value = props.iabId;
+		}, { immediate: true });
+		watch(isCategory, () => {
+			const value = isCategory.value ? iabIdIntern.value : void 0;
+			if (value !== props.iabId) emit("update:iabId", value);
+		});
+		function updateIabId(iabId) {
+			iabIdIntern.value = iabId;
+			if (isCategory.value) emit("update:iabId", iabIdIntern.value);
+			else isCategory.value = true;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(ClassicCheckbox_default, {
+				"text-init": isCategory.value,
+				"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => isCategory.value = $event),
+				class: "flex-shrink-0 me-2",
+				"id-checkbox": "search-category-checkbox",
+				label: unref(t)("By category")
+			}, null, 8, ["text-init", "label"]), createVNode(CategoryChooser_default, {
+				"category-selected": iabIdIntern.value,
+				width: "100%",
+				defaultanswer: unref(t)("No category filter"),
+				"onUpdate:categorySelected": updateIabId
+			}, null, 8, ["category-selected", "defaultanswer"])]);
+		};
+	}
+});
+//#endregion
+export { CategorySearchFilter_default as default };
+
+//# sourceMappingURL=CategorySearchFilter-1oMd2Mm5.mjs.map

package/dist/CategorySearchFilter-1oMd2Mm5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorySearchFilter-1oMd2Mm5.mjs","names":[],"sources":["../src/components/display/filter/CategorySearchFilter.vue","../src/components/display/filter/CategorySearchFilter.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex mt-3 align-items-center\">\n    <ClassicCheckbox\n      v-model:text-init=\"isCategory\"\n      class=\"flex-shrink-0 me-2\"\n      id-checkbox=\"search-category-checkbox\"\n      :label=\"t('By category')\"\n    />\n    <CategoryChooser\n      :category-selected=\"iabIdIntern\"\n      width=\"100%\"\n      :defaultanswer=\"t('No category filter')\"\n      @update:category-selected=\"updateIabId\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport CategoryChooser from \"../categories/CategoryChooser.vue\";\nimport { ref, watch } from \"vue\";\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n\n//Emits\nconst emit = defineEmits([\"update:iabId\"]);\n\n//Data \nconst isCategory = ref(false);\nconst iabIdIntern = ref(0);\n\n//Composables\nconst { t } = useI18n();\n  \n//Watch\nwatch(()=>props.iabId, () => {\n  isCategory.value = undefined !== props.iabId;\n  if (props.iabId && props.iabId !== iabIdIntern.value) {\n    iabIdIntern.value = props.iabId;\n  }\n}, {immediate: true});\nwatch(isCategory, () => {\n  const value = isCategory.value ? iabIdIntern.value : undefined;\n  if (value !== props.iabId) {\n    emit(\"update:iabId\", value);\n  }\n});\n\n//Methods\nfunction updateIabId(iabId: number) {\n  iabIdIntern.value = iabId;\n  if (isCategory.value) {\n    emit(\"update:iabId\", iabIdIntern.value);\n  } else {\n    isCategory.value = true;\n  }\n}\n</script>\n","<template>\n  <div class=\"d-flex mt-3 align-items-center\">\n    <ClassicCheckbox\n      v-model:text-init=\"isCategory\"\n      class=\"flex-shrink-0 me-2\"\n      id-checkbox=\"search-category-checkbox\"\n      :label=\"t('By category')\"\n    />\n    <CategoryChooser\n      :category-selected=\"iabIdIntern\"\n      width=\"100%\"\n      :defaultanswer=\"t('No category filter')\"\n      @update:category-selected=\"updateIabId\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport CategoryChooser from \"../categories/CategoryChooser.vue\";\nimport { ref, watch } from \"vue\";\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n\n//Emits\nconst emit = defineEmits([\"update:iabId\"]);\n\n//Data \nconst isCategory = ref(false);\nconst iabIdIntern = ref(0);\n\n//Composables\nconst { t } = useI18n();\n  \n//Watch\nwatch(()=>props.iabId, () => {\n  isCategory.value = undefined !== props.iabId;\n  if (props.iabId && props.iabId !== iabIdIntern.value) {\n    iabIdIntern.value = props.iabId;\n  }\n}, {immediate: true});\nwatch(isCategory, () => {\n  const value = isCategory.value ? iabIdIntern.value : undefined;\n  if (value !== props.iabId) {\n    emit(\"update:iabId\", value);\n  }\n});\n\n//Methods\nfunction updateIabId(iabId: number) {\n  iabIdIntern.value = iabId;\n  if (isCategory.value) {\n    emit(\"update:iabId\", iabIdIntern.value);\n  } else {\n    isCategory.value = true;\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAGb,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,cAAc,IAAI,CAAC;EAGzB,MAAM,EAAE,MAAM,QAAQ;EAGtB,YAAU,MAAM,aAAa;GAC3B,WAAW,QAAQ,KAAA,MAAc,MAAM;GACvC,IAAI,MAAM,SAAS,MAAM,UAAU,YAAY,OAC7C,YAAY,QAAQ,MAAM;EAE9B,GAAG,EAAC,WAAW,KAAI,CAAC;EACpB,MAAM,kBAAkB;GACtB,MAAM,QAAQ,WAAW,QAAQ,YAAY,QAAQ,KAAA;GACrD,IAAI,UAAU,MAAM,OAClB,KAAK,gBAAgB,KAAK;EAE9B,CAAC;EAGD,SAAS,YAAY,OAAe;GAClC,YAAY,QAAQ;GACpB,IAAI,WAAW,OACb,KAAK,gBAAgB,YAAY,KAAK;QAEtC,WAAW,QAAQ;EAEvB;;uBA5DE,mBAaM,OAbN,YAaM,CAZJ,YAKE,yBAAA;IAJQ,aAAW,WAAA;0EAAU,QAAA;IAC7B,OAAM;IACN,eAAY;IACX,OAAO,MAAA,CAAA,EAAC,aAAA;wCAEX,YAKE,yBAAA;IAJC,qBAAmB,YAAA;IACpB,OAAM;IACL,eAAe,MAAA,CAAA,EAAC,oBAAA;IAChB,6BAA0B"}

package/dist/CategorySearchFilter-CEGWqMSt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorySearchFilter-CEGWqMSt.mjs","names":[],"sources":["../src/components/display/filter/CategorySearchFilter.vue","../src/components/display/filter/CategorySearchFilter.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex mt-3 align-items-center\">\n    <ClassicCheckbox\n      v-model:text-init=\"isCategory\"\n      class=\"flex-shrink-0 me-2\"\n      id-checkbox=\"search-category-checkbox\"\n      :label=\"t('By category')\"\n    />\n    <CategoryChooser\n      :category-selected=\"iabIdIntern\"\n      width=\"100%\"\n      :defaultanswer=\"t('No category filter')\"\n      @update:category-selected=\"updateIabId\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport CategoryChooser from \"../categories/CategoryChooser.vue\";\nimport { ref, watch } from \"vue\";\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n\n//Emits\nconst emit = defineEmits([\"update:iabId\"]);\n\n//Data \nconst isCategory = ref(false);\nconst iabIdIntern = ref(0);\n\n//Composables\nconst { t } = useI18n();\n  \n//Watch\nwatch(()=>props.iabId, () => {\n  isCategory.value = undefined !== props.iabId;\n  if (props.iabId && props.iabId !== iabIdIntern.value) {\n    iabIdIntern.value = props.iabId;\n  }\n}, {immediate: true});\nwatch(isCategory, () => {\n  const value = isCategory.value ? iabIdIntern.value : undefined;\n  if (value !== props.iabId) {\n    emit(\"update:iabId\", value);\n  }\n});\n\n//Methods\nfunction updateIabId(iabId: number) {\n  iabIdIntern.value = iabId;\n  if (isCategory.value) {\n    emit(\"update:iabId\", iabIdIntern.value);\n  } else {\n    isCategory.value = true;\n  }\n}\n</script>\n","<template>\n  <div class=\"d-flex mt-3 align-items-center\">\n    <ClassicCheckbox\n      v-model:text-init=\"isCategory\"\n      class=\"flex-shrink-0 me-2\"\n      id-checkbox=\"search-category-checkbox\"\n      :label=\"t('By category')\"\n    />\n    <CategoryChooser\n      :category-selected=\"iabIdIntern\"\n      width=\"100%\"\n      :defaultanswer=\"t('No category filter')\"\n      @update:category-selected=\"updateIabId\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport CategoryChooser from \"../categories/CategoryChooser.vue\";\nimport { ref, watch } from \"vue\";\n\n//Props \nconst props = defineProps({\n  iabId: { default: undefined, type: Number },\n})\n\n\n//Emits\nconst emit = defineEmits([\"update:iabId\"]);\n\n//Data \nconst isCategory = ref(false);\nconst iabIdIntern = ref(0);\n\n//Composables\nconst { t } = useI18n();\n  \n//Watch\nwatch(()=>props.iabId, () => {\n  isCategory.value = undefined !== props.iabId;\n  if (props.iabId && props.iabId !== iabIdIntern.value) {\n    iabIdIntern.value = props.iabId;\n  }\n}, {immediate: true});\nwatch(isCategory, () => {\n  const value = isCategory.value ? iabIdIntern.value : undefined;\n  if (value !== props.iabId) {\n    emit(\"update:iabId\", value);\n  }\n});\n\n//Methods\nfunction updateIabId(iabId: number) {\n  iabIdIntern.value = iabId;\n  if (isCategory.value) {\n    emit(\"update:iabId\", iabIdIntern.value);\n  } else {\n    isCategory.value = true;\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAGb,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,cAAc,IAAI,CAAC;EAGzB,MAAM,EAAE,MAAM,QAAQ;EAGtB,YAAU,MAAM,aAAa;GAC3B,WAAW,QAAQ,KAAA,MAAc,MAAM;GACvC,IAAI,MAAM,SAAS,MAAM,UAAU,YAAY,OAC7C,YAAY,QAAQ,MAAM;EAE9B,GAAG,EAAC,WAAW,KAAI,CAAC;EACpB,MAAM,kBAAkB;GACtB,MAAM,QAAQ,WAAW,QAAQ,YAAY,QAAQ,KAAA;GACrD,IAAI,UAAU,MAAM,OAClB,KAAK,gBAAgB,KAAK;EAE9B,CAAC;EAGD,SAAS,YAAY,OAAe;GAClC,YAAY,QAAQ;GACpB,IAAI,WAAW,OACb,KAAK,gBAAgB,YAAY,KAAK;QAEtC,WAAW,QAAQ;EAEvB;;;;;;;;;;;;;;;;;;;;mBC5DO,OAAM,iCAAgC;;qBAA3C,mBAaM,OAbN,YAaM,CAZJ,YAKE,OAAA,oBAAA;EAJQ,aAAW,OAAA;6DAAA,OAAA,aAAU;EAC7B,OAAM;EACN,eAAY;EACX,OAAO,OAAA,EAAC,aAAA;sCAEX,YAKE,OAAA,oBAAA;EAJC,qBAAmB,OAAA;EACpB,OAAM;EACL,eAAe,OAAA,EAAC,oBAAA;EAChB,6BAA0B,OAAA"}

package/dist/ChapteringModal-Bj_VrtB1.mjs.map

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

package/dist/ChapteringModal-C35ILBs7.mjs

@@ -0,0 +1,64 @@
+import { n as usePlayerStore } from "./PlayerStore-DB5dkc3c.mjs";
+import { t as ClassicModal_default } from "./ClassicModal-DbRPVcJr.mjs";
+import { Fragment, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import WaveformIcon from "vue-material-design-icons/Waveform.vue";
+//#region src/components/misc/player/chaptering/ChapteringModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-flex flex-column" };
+var _hoisted_2 = ["onClick"];
+var _hoisted_3 = { class: "d-flex align-items-center me-auto" };
+var _hoisted_4 = { key: 1 };
+var _hoisted_5 = { class: "ms-2" };
+//#endregion
+//#region src/components/misc/player/chaptering/ChapteringModal.vue
+var ChapteringModal_default = /* @__PURE__ */ defineComponent({
+	__name: "ChapteringModal",
+	props: { actualChapter: {
+		default: -1,
+		type: Number
+	} },
+	emits: ["close"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const audioPlayer = ref(null);
+		const { t } = useI18n();
+		const playerStore = usePlayerStore();
+		onMounted(() => {
+			audioPlayer.value = document.querySelector("#audio-player");
+		});
+		function closePopup() {
+			emit("close");
+		}
+		function goToChapter(index) {
+			if (!playerStore.playerChapteringPercent || !audioPlayer.value) return;
+			const seekTime = playerStore.playerTotal * (playerStore.playerChapteringPercent[index].startPercent / 100);
+			playerStore.playerUpdateSeekTime(seekTime);
+			if (0 === seekTime) playerStore.playerUpdateElapsed(0);
+			audioPlayer.value.currentTime = seekTime;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ClassicModal_default, {
+				"id-modal": "chaptering-modal",
+				"title-modal": unref(t)("Chaptering"),
+				onClose: closePopup
+			}, {
+				body: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(playerStore).playerChapteringPercent, (chapter, index) => {
+					return openBlock(), createElementBlock("button", {
+						key: chapter,
+						class: normalizeClass(["btn d-flex flex-nowrap align-items-center p-2 mt-1 c-hand text-truncate mb-1", __props.actualChapter === index ? "chapter-selected" : "border"]),
+						onClick: ($event) => goToChapter(index)
+					}, [createElementVNode("div", _hoisted_3, [__props.actualChapter === index ? (openBlock(), createBlock(WaveformIcon, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(index + 1), 1)), createElementVNode("div", _hoisted_5, toDisplayString("- " + chapter.title), 1)]), createElementVNode("div", null, toDisplayString(chapter.startDisplay), 1)], 10, _hoisted_2);
+				}), 128))])]),
+				footer: withCtx(() => [createElementVNode("button", {
+					class: "btn m-1",
+					onClick: closePopup
+				}, toDisplayString(unref(t)("Close")), 1)]),
+				_: 1
+			}, 8, ["title-modal"]);
+		};
+	}
+});
+//#endregion
+export { ChapteringModal_default as default };
+
+//# sourceMappingURL=ChapteringModal-C35ILBs7.mjs.map

package/dist/ChapteringModal-C35ILBs7.mjs.map

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

package/dist/ChapteringModal-CN-qJH9j.mjs.map

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

package/dist/CheckIdentityModal-4XD5uK5v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-4XD5uK5v.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;uBAvDE,YAmBiB,wBAAA;IAlBf,YAAS;IACR,eAAa,WAAA;IACb,oBAAkB,UAAA;IAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IACX,YAAU;;IAEA,MAAI,cAUX,CATF,YASE,0BAAA;KARQ,aAAW,KAAA;qEAAI,QAAA;KACf,kBAAgB,UAAA;+EAAS,QAAA;KACjC,YAAS;KACT,OAAA;KACC,OAAO,MAAA,CAAA,EAAC,wBAAA;KACR,cAAY,MAAA,cAAA,EAAU;KACtB,aAAa,MAAA,CAAA,EAAC,WAAA;KACf,qBAAkB"}

package/dist/CheckIdentityModal-RQYssX9o.mjs.map

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