@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/CategoryList-BirNjSgi.mjs

@@ -0,0 +1,182 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { A as state, r as useFilterStore, t as classicApi_default } from "./classicApi-ChvwoPGT.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-BIyLKorz.mjs";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, 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 CategoryList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CategoryList",
+	props: {
+		isFilter: {
+			default: false,
+			type: Boolean
+		},
+		isDisplay: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["categoriesLength"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		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);
+		}
+		const __returned__ = {
+			props,
+			emit,
+			hidenCategories,
+			categoryListRef,
+			t,
+			locale,
+			updateFiltersParam,
+			generalStore,
+			filterStore,
+			router,
+			route,
+			categories,
+			watchVariable,
+			reloadVariable,
+			checkIfFilter,
+			resizeWindow,
+			fetchCategories,
+			PlusIcon,
+			ClassicPopover: ClassicPopover_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/categories/CategoryList.vue
+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"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.categories.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+		createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.categories, (category) => {
+			return openBlock(), createElementBlock("button", {
+				id: "category" + category.id,
+				key: category.id,
+				class: "btn btn-primary btn-on-dark m-1",
+				onClick: ($event) => $setup.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: $setup.t("See more")
+		}, [createVNode($setup["PlusIcon"])], 8, _hoisted_4), [[vShow, $setup.hidenCategories.length]]),
+		createVNode($setup["ClassicPopover"], {
+			target: "categories-dropdown",
+			"only-click": true,
+			"left-pos": true
+		}, {
+			default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.hidenCategories, (category) => {
+				return openBlock(), createElementBlock("button", {
+					key: category.id,
+					class: "me-3 octopus-dropdown-item",
+					onKeydown: withKeys(($event) => $setup.checkIfFilter(category), ["enter"]),
+					onMousedown: ($event) => $setup.checkIfFilter(category)
+				}, toDisplayString(category.name), 41, _hoisted_5);
+			}), 128))]),
+			_: 1
+		})
+	])) : createCommentVNode("v-if", true);
+}
+var CategoryList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CategoryList_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/categories/CategoryList.vue"]]);
+//#endregion
+export { CategoryList_default as default };
+
+//# sourceMappingURL=CategoryList-BirNjSgi.mjs.map

package/dist/CategoryList-BirNjSgi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-BirNjSgi.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-BrImjKgB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-BrImjKgB.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-BwqfZEqt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-BwqfZEqt.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-C-v_Us7L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-C-v_Us7L.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-CvNF6D7q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-CvNF6D7q.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-DiSaK_Hw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-DiSaK_Hw.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-DpDoSFYT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryList-DpDoSFYT.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-BSD7wvZY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-BSD7wvZY.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-C5eTwFuy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-C5eTwFuy.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-Ck7xTJ1X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-Ck7xTJ1X.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-CmX_-CLt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-CmX_-CLt.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-CnGzdY2g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-CnGzdY2g.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-D5i0OhIn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-D5i0OhIn.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-D7FVaEMo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-D7FVaEMo.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-ymiYVbKH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryPage-ymiYVbKH.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-zRFFW7lm.mjs

@@ -0,0 +1,57 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { r as useFilterStore } from "./classicApi-ChvwoPGT.mjs";
+import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
+import { t as PodcastList_default } from "./PodcastList-BewxderG.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 CategoryPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "CategoryPage",
+	props: { iabId: {
+		default: void 0,
+		type: Number
+	} },
+	setup(__props, { expose: __expose }) {
+		__expose();
+		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 });
+		const __returned__ = {
+			props,
+			generalStore,
+			filterStore,
+			orgaArray,
+			title,
+			PodcastList: PodcastList_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/pages/CategoryPage.vue
+var _hoisted_1 = { class: "page-box" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("h1", null, toDisplayString($setup.title), 1), createVNode($setup["PodcastList"], {
+		first: 0,
+		size: 30,
+		"iab-id": $props.iabId,
+		"organisation-id": $setup.orgaArray
+	}, null, 8, ["iab-id", "organisation-id"])]);
+}
+var CategoryPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(CategoryPage_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/pages/CategoryPage.vue"]]);
+//#endregion
+export { CategoryPage_default as default };
+
+//# sourceMappingURL=CategoryPage-zRFFW7lm.mjs.map