@saooti/octopus-sdk 42.1.1 → 42.1.2

package/dist/CategoryFilter-DLSD7boE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryFilter-DLSD7boE.mjs","names":[],"sources":["../src/components/display/categories/CategoryFilter.vue","../src/components/display/categories/CategoryFilter.vue"],"sourcesContent":["<template>\n  <section\n    v-show=\"isHeaderDisplay\"\n    class=\"header-img flex-column justify-content-end\"\n    :style=\"backgroundDisplay\"\n  >\n    <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n      {{ titleDisplay ?? t(\"Home\") }}\n    </h1>\n    <div\n      v-show=\"isDisplay\"\n      class=\"d-flex-low-importance flex-column justify-content-end\"\n    >\n      <ol\n        v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n        class=\"octopus-breadcrumb\"\n      >\n        <li class=\"octopus-breadcrumb-li\">\n          <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n        </li>\n        <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n          {{ filterStore.filterIab.name }}\n        </li>\n        <li\n          v-for=\"(filter, index) in filterStore.filterRubrique\"\n          :key=\"filter.rubriqueId\"\n          class=\"octopus-breadcrumb-li\"\n          :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n        >\n          <a\n            v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n            href=\"#\"\n            @click=\"removeFilter(index, $event)\"\n            >{{ filter.nameRubriquage }}</a\n          >\n          <div v-else class=\"fw-bold\">\n            {{ filter.nameRubriquage }}\n          </div>\n          <div class=\"mx-1\">:</div>\n          <RubriqueChooser\n            v-if=\"getRubriquesLength(filter.rubriquageId)\"\n            :id=\"'rubrique-chooser'+filter.rubriquageId\"\n            class=\"ms-2 multiselect-transparent multiselect-white\"\n            :multiple=\"false\"\n            :rubrique-selected=\"filter.rubriqueId\"\n            :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n            width=\"auto\"\n            @selected=\"onRubriqueSelected(index, $event)\"\n          />\n        </li>\n      </ol>\n      <CategoryList\n        v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n        :is-filter=\"true\"\n        :is-display=\"isDisplay\"\n        @categories-length=\"checkIfCategories\"\n      />\n      <RubriqueList\n        v-else-if=\"\n          isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n        \"\n        :rubriquages=\"rubriquageFilter\"\n      />\n    </div>\n  </section>\n  <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n  () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n  return (\n    (\"homePriv\" === route.name ||\n      \"home\" === route.name ||\n      \"podcasts\" === route.name ||\n      \"emissions\" === route.name) &&\n    (isCategories.value ||\n      undefined !== filterStore.filterIab ||\n      0 !== filterStore.filterRubrique.length ||\n      0 !== rubriquageFilter.value.length)\n  );\n});\nconst isHeaderDisplay = computed(() => {\n  return (\n    isDisplay.value ||\n    \"participants\" === route.name ||\n    \"playlists\" === route.name\n  );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n  switch (route.name) {\n    case \"podcasts\":\n      return t(\"All podcasts\");\n    case \"emissions\":\n      return t(\"All emissions\");\n    case \"participants\":\n      return t(\"All participants\");\n    case \"playlists\":\n      return t(\"All playlists\");\n    default:\n      return undefined;\n  }\n});\nconst backgroundDisplay = computed(() => {\n  let imgName = \"home\";\n    switch (route.name) {\n      case \"podcasts\":\n        imgName = \"podcasts\";\n        break;\n      case \"emissions\":\n        imgName = \"emissions\";\n        break;\n      case \"participants\":\n        imgName = \"intervenants\";\n        break;\n      case \"playlists\":\n        imgName = \"playlists\";\n        break;\n      default:\n        break;\n    }\n    return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n  if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n    const iabId = parseInt(routeFilterIab.value, 10);\n    const category = generalStore.storedCategories.filter((c: Category) => {\n      return c.id === iabId;\n    });\n    if (category.length) {\n      filterStore.filterUpdateIab(category[0]);\n    }\n  } else {\n    filterStore.filterUpdateIab();\n  }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n  if (0 === filterStore.filterRubriquage.length) {\n    return;\n  }\n  const rubriquesFilter: Array<RubriquageFilter> = [];\n  if (\n    route.query.rubriquesId &&\n    \"string\" === typeof route.query.rubriquesId\n  ) {\n    const arrayFilter = route.query.rubriquesId.split(\",\");\n    const filterLength = arrayFilter.length;\n    for (let index = 0; index < filterLength; index++) {\n      const rubriqueFilter = arrayFilter[index].split(\":\");\n      const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n        return x.rubriquageId === parseInt(rubriqueFilter[0]);\n      });\n      if (rubriquage) {\n        const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n          return x.rubriqueId === parseInt(rubriqueFilter[1]);\n        });\n        rubriquesFilter.push({\n          rubriquageId: rubriquage.rubriquageId,\n          rubriqueId: rubrique?.rubriqueId,\n          nameRubriquage: rubriquage.title,\n          nameRubrique: rubrique?.name,\n        });\n      }\n    }\n  }\n  filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n  isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n  if (\n    !rubrique ||\n    filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n  ) {\n    return;\n  }\n  modifyRubriquesFilter((a) => {\n    a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n    return a;\n  });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n  if (filterStore.filterIab) {\n    if (route.query.iabId) {\n      updateFiltersParam({ iabId: undefined }, { i: undefined });\n    }\n  } else {\n    modifyRubriquesFilter((a) => {\n      a.splice(index + 1);\n      return a;\n    });\n  }\n  if (event) {\n    event.preventDefault();\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .header-img {\n    display: flex;\n    min-height: 10rem;\n    background-size: cover;\n    background-position: center;\n\n    h1 {\n      margin: auto 1rem;\n      font-size: 2rem;\n      color: white;\n    }\n\n    @media (width <= 960px) {\n      min-height: 6rem;\n    }\n  }\n\n  .octopus-breadcrumb {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 1rem;\n\n    .octopus-breadcrumb-li {\n      display: flex;\n      align-items: center;\n      list-style: none;\n      color: white !important;\n\n      a {\n        color: white !important;\n        font-weight: bold;\n      }\n\n      &::after {\n        content: \"-\";\n        margin: 0 0.5rem;\n      }\n\n      &:last-child {\n        &::after {\n          content: \"\";\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <section\n    v-show=\"isHeaderDisplay\"\n    class=\"header-img flex-column justify-content-end\"\n    :style=\"backgroundDisplay\"\n  >\n    <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n      {{ titleDisplay ?? t(\"Home\") }}\n    </h1>\n    <div\n      v-show=\"isDisplay\"\n      class=\"d-flex-low-importance flex-column justify-content-end\"\n    >\n      <ol\n        v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n        class=\"octopus-breadcrumb\"\n      >\n        <li class=\"octopus-breadcrumb-li\">\n          <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n        </li>\n        <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n          {{ filterStore.filterIab.name }}\n        </li>\n        <li\n          v-for=\"(filter, index) in filterStore.filterRubrique\"\n          :key=\"filter.rubriqueId\"\n          class=\"octopus-breadcrumb-li\"\n          :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n        >\n          <a\n            v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n            href=\"#\"\n            @click=\"removeFilter(index, $event)\"\n            >{{ filter.nameRubriquage }}</a\n          >\n          <div v-else class=\"fw-bold\">\n            {{ filter.nameRubriquage }}\n          </div>\n          <div class=\"mx-1\">:</div>\n          <RubriqueChooser\n            v-if=\"getRubriquesLength(filter.rubriquageId)\"\n            :id=\"'rubrique-chooser'+filter.rubriquageId\"\n            class=\"ms-2 multiselect-transparent multiselect-white\"\n            :multiple=\"false\"\n            :rubrique-selected=\"filter.rubriqueId\"\n            :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n            width=\"auto\"\n            @selected=\"onRubriqueSelected(index, $event)\"\n          />\n        </li>\n      </ol>\n      <CategoryList\n        v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n        :is-filter=\"true\"\n        :is-display=\"isDisplay\"\n        @categories-length=\"checkIfCategories\"\n      />\n      <RubriqueList\n        v-else-if=\"\n          isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n        \"\n        :rubriquages=\"rubriquageFilter\"\n      />\n    </div>\n  </section>\n  <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n  () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n  return (\n    (\"homePriv\" === route.name ||\n      \"home\" === route.name ||\n      \"podcasts\" === route.name ||\n      \"emissions\" === route.name) &&\n    (isCategories.value ||\n      undefined !== filterStore.filterIab ||\n      0 !== filterStore.filterRubrique.length ||\n      0 !== rubriquageFilter.value.length)\n  );\n});\nconst isHeaderDisplay = computed(() => {\n  return (\n    isDisplay.value ||\n    \"participants\" === route.name ||\n    \"playlists\" === route.name\n  );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n  switch (route.name) {\n    case \"podcasts\":\n      return t(\"All podcasts\");\n    case \"emissions\":\n      return t(\"All emissions\");\n    case \"participants\":\n      return t(\"All participants\");\n    case \"playlists\":\n      return t(\"All playlists\");\n    default:\n      return undefined;\n  }\n});\nconst backgroundDisplay = computed(() => {\n  let imgName = \"home\";\n    switch (route.name) {\n      case \"podcasts\":\n        imgName = \"podcasts\";\n        break;\n      case \"emissions\":\n        imgName = \"emissions\";\n        break;\n      case \"participants\":\n        imgName = \"intervenants\";\n        break;\n      case \"playlists\":\n        imgName = \"playlists\";\n        break;\n      default:\n        break;\n    }\n    return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n  if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n    const iabId = parseInt(routeFilterIab.value, 10);\n    const category = generalStore.storedCategories.filter((c: Category) => {\n      return c.id === iabId;\n    });\n    if (category.length) {\n      filterStore.filterUpdateIab(category[0]);\n    }\n  } else {\n    filterStore.filterUpdateIab();\n  }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n  if (0 === filterStore.filterRubriquage.length) {\n    return;\n  }\n  const rubriquesFilter: Array<RubriquageFilter> = [];\n  if (\n    route.query.rubriquesId &&\n    \"string\" === typeof route.query.rubriquesId\n  ) {\n    const arrayFilter = route.query.rubriquesId.split(\",\");\n    const filterLength = arrayFilter.length;\n    for (let index = 0; index < filterLength; index++) {\n      const rubriqueFilter = arrayFilter[index].split(\":\");\n      const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n        return x.rubriquageId === parseInt(rubriqueFilter[0]);\n      });\n      if (rubriquage) {\n        const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n          return x.rubriqueId === parseInt(rubriqueFilter[1]);\n        });\n        rubriquesFilter.push({\n          rubriquageId: rubriquage.rubriquageId,\n          rubriqueId: rubrique?.rubriqueId,\n          nameRubriquage: rubriquage.title,\n          nameRubrique: rubrique?.name,\n        });\n      }\n    }\n  }\n  filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n  isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n  if (\n    !rubrique ||\n    filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n  ) {\n    return;\n  }\n  modifyRubriquesFilter((a) => {\n    a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n    return a;\n  });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n  if (filterStore.filterIab) {\n    if (route.query.iabId) {\n      updateFiltersParam({ iabId: undefined }, { i: undefined });\n    }\n  } else {\n    modifyRubriquesFilter((a) => {\n      a.splice(index + 1);\n      return a;\n    });\n  }\n  if (event) {\n    event.preventDefault();\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .header-img {\n    display: flex;\n    min-height: 10rem;\n    background-size: cover;\n    background-position: center;\n\n    h1 {\n      margin: auto 1rem;\n      font-size: 2rem;\n      color: white;\n    }\n\n    @media (width <= 960px) {\n      min-height: 6rem;\n    }\n  }\n\n  .octopus-breadcrumb {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 1rem;\n\n    .octopus-breadcrumb-li {\n      display: flex;\n      align-items: center;\n      list-style: none;\n      color: white !important;\n\n      a {\n        color: white !important;\n        font-weight: bold;\n      }\n\n      &::after {\n        content: \"-\";\n        margin: 0 0.5rem;\n      }\n\n      &:last-child {\n        &::after {\n          content: \"\";\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/CategoryFilter-DbsUFHSn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryFilter-DbsUFHSn.mjs","names":[],"sources":["../src/components/display/categories/CategoryFilter.vue","../src/components/display/categories/CategoryFilter.vue"],"sourcesContent":["<template>\n  <section\n    v-show=\"isHeaderDisplay\"\n    class=\"header-img flex-column justify-content-end\"\n    :style=\"backgroundDisplay\"\n  >\n    <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n      {{ titleDisplay ?? t(\"Home\") }}\n    </h1>\n    <div\n      v-show=\"isDisplay\"\n      class=\"d-flex-low-importance flex-column justify-content-end\"\n    >\n      <ol\n        v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n        class=\"octopus-breadcrumb\"\n      >\n        <li class=\"octopus-breadcrumb-li\">\n          <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n        </li>\n        <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n          {{ filterStore.filterIab.name }}\n        </li>\n        <li\n          v-for=\"(filter, index) in filterStore.filterRubrique\"\n          :key=\"filter.rubriqueId\"\n          class=\"octopus-breadcrumb-li\"\n          :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n        >\n          <a\n            v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n            href=\"#\"\n            @click=\"removeFilter(index, $event)\"\n            >{{ filter.nameRubriquage }}</a\n          >\n          <div v-else class=\"fw-bold\">\n            {{ filter.nameRubriquage }}\n          </div>\n          <div class=\"mx-1\">:</div>\n          <RubriqueChooser\n            v-if=\"getRubriquesLength(filter.rubriquageId)\"\n            :id=\"'rubrique-chooser'+filter.rubriquageId\"\n            class=\"ms-2 multiselect-transparent multiselect-white\"\n            :multiple=\"false\"\n            :rubrique-selected=\"filter.rubriqueId\"\n            :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n            width=\"auto\"\n            @selected=\"onRubriqueSelected(index, $event)\"\n          />\n        </li>\n      </ol>\n      <CategoryList\n        v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n        :is-filter=\"true\"\n        :is-display=\"isDisplay\"\n        @categories-length=\"checkIfCategories\"\n      />\n      <RubriqueList\n        v-else-if=\"\n          isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n        \"\n        :rubriquages=\"rubriquageFilter\"\n      />\n    </div>\n  </section>\n  <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n  () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n  return (\n    (\"homePriv\" === route.name ||\n      \"home\" === route.name ||\n      \"podcasts\" === route.name ||\n      \"emissions\" === route.name) &&\n    (isCategories.value ||\n      undefined !== filterStore.filterIab ||\n      0 !== filterStore.filterRubrique.length ||\n      0 !== rubriquageFilter.value.length)\n  );\n});\nconst isHeaderDisplay = computed(() => {\n  return (\n    isDisplay.value ||\n    \"participants\" === route.name ||\n    \"playlists\" === route.name\n  );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n  switch (route.name) {\n    case \"podcasts\":\n      return t(\"All podcasts\");\n    case \"emissions\":\n      return t(\"All emissions\");\n    case \"participants\":\n      return t(\"All participants\");\n    case \"playlists\":\n      return t(\"All playlists\");\n    default:\n      return undefined;\n  }\n});\nconst backgroundDisplay = computed(() => {\n  let imgName = \"home\";\n    switch (route.name) {\n      case \"podcasts\":\n        imgName = \"podcasts\";\n        break;\n      case \"emissions\":\n        imgName = \"emissions\";\n        break;\n      case \"participants\":\n        imgName = \"intervenants\";\n        break;\n      case \"playlists\":\n        imgName = \"playlists\";\n        break;\n      default:\n        break;\n    }\n    return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n  if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n    const iabId = parseInt(routeFilterIab.value, 10);\n    const category = generalStore.storedCategories.filter((c: Category) => {\n      return c.id === iabId;\n    });\n    if (category.length) {\n      filterStore.filterUpdateIab(category[0]);\n    }\n  } else {\n    filterStore.filterUpdateIab();\n  }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n  if (0 === filterStore.filterRubriquage.length) {\n    return;\n  }\n  const rubriquesFilter: Array<RubriquageFilter> = [];\n  if (\n    route.query.rubriquesId &&\n    \"string\" === typeof route.query.rubriquesId\n  ) {\n    const arrayFilter = route.query.rubriquesId.split(\",\");\n    const filterLength = arrayFilter.length;\n    for (let index = 0; index < filterLength; index++) {\n      const rubriqueFilter = arrayFilter[index].split(\":\");\n      const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n        return x.rubriquageId === parseInt(rubriqueFilter[0]);\n      });\n      if (rubriquage) {\n        const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n          return x.rubriqueId === parseInt(rubriqueFilter[1]);\n        });\n        rubriquesFilter.push({\n          rubriquageId: rubriquage.rubriquageId,\n          rubriqueId: rubrique?.rubriqueId,\n          nameRubriquage: rubriquage.title,\n          nameRubrique: rubrique?.name,\n        });\n      }\n    }\n  }\n  filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n  isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n  if (\n    !rubrique ||\n    filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n  ) {\n    return;\n  }\n  modifyRubriquesFilter((a) => {\n    a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n    return a;\n  });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n  if (filterStore.filterIab) {\n    if (route.query.iabId) {\n      updateFiltersParam({ iabId: undefined }, { i: undefined });\n    }\n  } else {\n    modifyRubriquesFilter((a) => {\n      a.splice(index + 1);\n      return a;\n    });\n  }\n  if (event) {\n    event.preventDefault();\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .header-img {\n    display: flex;\n    min-height: 10rem;\n    background-size: cover;\n    background-position: center;\n\n    h1 {\n      margin: auto 1rem;\n      font-size: 2rem;\n      color: white;\n    }\n\n    @media (width <= 960px) {\n      min-height: 6rem;\n    }\n  }\n\n  .octopus-breadcrumb {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 1rem;\n\n    .octopus-breadcrumb-li {\n      display: flex;\n      align-items: center;\n      list-style: none;\n      color: white !important;\n\n      a {\n        color: white !important;\n        font-weight: bold;\n      }\n\n      &::after {\n        content: \"-\";\n        margin: 0 0.5rem;\n      }\n\n      &:last-child {\n        &::after {\n          content: \"\";\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <section\n    v-show=\"isHeaderDisplay\"\n    class=\"header-img flex-column justify-content-end\"\n    :style=\"backgroundDisplay\"\n  >\n    <h1 v-if=\"isHeaderDisplay\" v-show=\"titleDisplay\">\n      {{ titleDisplay ?? t(\"Home\") }}\n    </h1>\n    <div\n      v-show=\"isDisplay\"\n      class=\"d-flex-low-importance flex-column justify-content-end\"\n    >\n      <ol\n        v-if=\"filterStore.filterIab || filterStore.filterRubrique.length\"\n        class=\"octopus-breadcrumb\"\n      >\n        <li class=\"octopus-breadcrumb-li\">\n          <a href=\"#\" @click=\"removeFilter(-1, $event)\">{{ t(\"All\") }}</a>\n        </li>\n        <li v-if=\"filterStore.filterIab\" class=\"octopus-breadcrumb-li\">\n          {{ filterStore.filterIab.name }}\n        </li>\n        <li\n          v-for=\"(filter, index) in filterStore.filterRubrique\"\n          :key=\"filter.rubriqueId\"\n          class=\"octopus-breadcrumb-li\"\n          :class=\"filterStore.filterRubrique.length - 1 === index ? 'active' : ''\"\n        >\n          <a\n            v-if=\"filterStore.filterRubrique.length - 1 !== index\"\n            href=\"#\"\n            @click=\"removeFilter(index, $event)\"\n            >{{ filter.nameRubriquage }}</a\n          >\n          <div v-else class=\"fw-bold\">\n            {{ filter.nameRubriquage }}\n          </div>\n          <div class=\"mx-1\">:</div>\n          <RubriqueChooser\n            v-if=\"getRubriquesLength(filter.rubriquageId)\"\n            :id=\"'rubrique-chooser'+filter.rubriquageId\"\n            class=\"ms-2 multiselect-transparent multiselect-white\"\n            :multiple=\"false\"\n            :rubrique-selected=\"filter.rubriqueId\"\n            :all-rubriques=\"getRubriques(filter.rubriquageId)\"\n            width=\"auto\"\n            @selected=\"onRubriqueSelected(index, $event)\"\n          />\n        </li>\n      </ol>\n      <CategoryList\n        v-if=\"!filterStore.filterIab && !rubriquageFilter.length\"\n        :is-filter=\"true\"\n        :is-display=\"isDisplay\"\n        @categories-length=\"checkIfCategories\"\n      />\n      <RubriqueList\n        v-else-if=\"\n          isDisplay && rubriquageFilter.length !== filterStore.filterRubrique.length\n        \"\n        :rubriquages=\"rubriquageFilter\"\n      />\n    </div>\n  </section>\n  <section v-if=\"!isDisplay\" class=\"category-filter-no-filter\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { defineAsyncComponent, ref, computed, watch } from \"vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { useRoute } from \"vue-router\";\nconst CategoryList = defineAsyncComponent(() => import(\"./CategoryList.vue\"));\nconst RubriqueList = defineAsyncComponent(\n  () => import(\"./../rubriques/RubriqueList.vue\"),\n);\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Data \nconst isCategories = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateFiltersParam } = useRouteUpdateParams();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst route = useRoute();\n\n//Computed\nconst isDisplay = computed(() => {\n  return (\n    (\"homePriv\" === route.name ||\n      \"home\" === route.name ||\n      \"podcasts\" === route.name ||\n      \"emissions\" === route.name) &&\n    (isCategories.value ||\n      undefined !== filterStore.filterIab ||\n      0 !== filterStore.filterRubrique.length ||\n      0 !== rubriquageFilter.value.length)\n  );\n});\nconst isHeaderDisplay = computed(() => {\n  return (\n    isDisplay.value ||\n    \"participants\" === route.name ||\n    \"playlists\" === route.name\n  );\n});\nconst rubriquageFilter = computed(() => filterStore.filterOrgaId ? filterStore.filterRubriquage : []);\nconst titleDisplay = computed(() => {\n  switch (route.name) {\n    case \"podcasts\":\n      return t(\"All podcasts\");\n    case \"emissions\":\n      return t(\"All emissions\");\n    case \"participants\":\n      return t(\"All participants\");\n    case \"playlists\":\n      return t(\"All playlists\");\n    default:\n      return undefined;\n  }\n});\nconst backgroundDisplay = computed(() => {\n  let imgName = \"home\";\n    switch (route.name) {\n      case \"podcasts\":\n        imgName = \"podcasts\";\n        break;\n      case \"emissions\":\n        imgName = \"emissions\";\n        break;\n      case \"participants\":\n        imgName = \"intervenants\";\n        break;\n      case \"playlists\":\n        imgName = \"playlists\";\n        break;\n      default:\n        break;\n    }\n    return `background-image: url('/img/header-${imgName}.webp');`;\n});\nconst routeFilterIab = computed(() => route.query.iabId);\nconst routeRubriques = computed(() => route.query.rubriquesId);\n\n\n//Watch\nwatch(routeFilterIab, () => {\n  if (routeFilterIab.value && \"string\" === typeof routeFilterIab.value) {\n    const iabId = parseInt(routeFilterIab.value, 10);\n    const category = generalStore.storedCategories.filter((c: Category) => {\n      return c.id === iabId;\n    });\n    if (category.length) {\n      filterStore.filterUpdateIab(category[0]);\n    }\n  } else {\n    filterStore.filterUpdateIab();\n  }\n}, {deep: true, immediate: true});\nwatch(routeRubriques, () => {\n  if (0 === filterStore.filterRubriquage.length) {\n    return;\n  }\n  const rubriquesFilter: Array<RubriquageFilter> = [];\n  if (\n    route.query.rubriquesId &&\n    \"string\" === typeof route.query.rubriquesId\n  ) {\n    const arrayFilter = route.query.rubriquesId.split(\",\");\n    const filterLength = arrayFilter.length;\n    for (let index = 0; index < filterLength; index++) {\n      const rubriqueFilter = arrayFilter[index].split(\":\");\n      const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n        return x.rubriquageId === parseInt(rubriqueFilter[0]);\n      });\n      if (rubriquage) {\n        const rubrique = rubriquage.rubriques.find((x: Rubrique) => {\n          return x.rubriqueId === parseInt(rubriqueFilter[1]);\n        });\n        rubriquesFilter.push({\n          rubriquageId: rubriquage.rubriquageId,\n          rubriqueId: rubrique?.rubriqueId,\n          nameRubriquage: rubriquage.title,\n          nameRubrique: rubrique?.name,\n        });\n      }\n    }\n  }\n  filterStore.filterUpdateRubrique(rubriquesFilter);\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction checkIfCategories(length: number): void {\n  isCategories.value = 0 !== length;\n}\nfunction onRubriqueSelected(index: number, rubrique: Rubrique): void {\n  if (\n    !rubrique ||\n    filterStore.filterRubrique[index].rubriqueId === rubrique.rubriqueId\n  ) {\n    return;\n  }\n  modifyRubriquesFilter((a) => {\n    a[index].rubriqueId = rubrique.rubriqueId ?? 0;\n    return a;\n  });\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques : [];\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n  const rubriquage = filterStore.filterRubriquage.find((x: Rubriquage) => {\n    return x.rubriquageId === rubriquageId;\n  });\n  return rubriquage ? rubriquage.rubriques.length : 0;\n}\nfunction removeFilter(index: number, event?: { preventDefault: () => void }): void {\n  if (filterStore.filterIab) {\n    if (route.query.iabId) {\n      updateFiltersParam({ iabId: undefined }, { i: undefined });\n    }\n  } else {\n    modifyRubriquesFilter((a) => {\n      a.splice(index + 1);\n      return a;\n    });\n  }\n  if (event) {\n    event.preventDefault();\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .header-img {\n    display: flex;\n    min-height: 10rem;\n    background-size: cover;\n    background-position: center;\n\n    h1 {\n      margin: auto 1rem;\n      font-size: 2rem;\n      color: white;\n    }\n\n    @media (width <= 960px) {\n      min-height: 6rem;\n    }\n  }\n\n  .octopus-breadcrumb {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: 1rem;\n\n    .octopus-breadcrumb-li {\n      display: flex;\n      align-items: center;\n      list-style: none;\n      color: white !important;\n\n      a {\n        color: white !important;\n        font-weight: bold;\n      }\n\n      &::after {\n        content: \"-\";\n        margin: 0 0.5rem;\n      }\n\n      &:last-child {\n        &::after {\n          content: \"\";\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CategoryList-BeBPhibG.mjs → CategoryList-BirNjSgi.mjs}

@@ -1,5 +1,5 @@
 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-DpwVUC0E.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";
@@ -179,4 +179,4 @@ var CategoryList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Categ
 //#endregion
 export { CategoryList_default as default };
 
-//# sourceMappingURL=CategoryList-BeBPhibG.mjs.map
+//# 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-B_IUEC85.mjs → CategoryPage-zRFFW7lm.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { r as useFilterStore } from "./classicApi-DpwVUC0E.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-0qKdtTwt.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({
@@ -54,4 +54,4 @@ var CategoryPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Categ
 //#endregion
 export { CategoryPage_default as default };
 
-//# sourceMappingURL=CategoryPage-B_IUEC85.mjs.map
+//# sourceMappingURL=CategoryPage-zRFFW7lm.mjs.map

package/dist/CategoryPage-zRFFW7lm.mjs.map

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

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