{"version":3,"file":"TagPage-CSScwlcC.mjs","names":[],"sources":["../src/components/pages/TagPage.vue","../src/components/pages/TagPage.vue"],"sourcesContent":["<template>\n  <section v-if=\"isInit\" class=\"page-box tag-page\">\n    <h1>\n      {{ t(\"Search for keyword\", {tag:titleDisplay})}}\n      <img\n        v-if=\"isOf\"\n        width=\"30\"\n        height=\"30\"\n        class=\"ouest-france-logo-tag-page\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        title=\"Ouest France\"\n        src=\"/img/ouest_france_logo.svg\" \n      />\n    </h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :include-tag=\"[tag]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useSeoTitleUrl } from \"../composable/route/useSeoTitleUrl\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { useTagOf } from \"../composable/useTagOf\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  tag: { default: undefined, type: String },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst titleDisplay = ref(\"\");\nconst isOf = ref(false);\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { isOuestFranceTag, formateOfTag } = useTagOf();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {t} = useI18n();\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.tag, async () => {\n  const tagString = props.tag?? \"\";\n  isOf.value = isOuestFranceTag(tagString);\n  titleDisplay.value= isOf.value ?  formateOfTag(tagString) :tagString;\n  updatePathParams(t(\"Search for keyword\", {tag:titleDisplay.value}));\n}, {immediate: true});\n\n</script>\n<style lang=\"scss\">\n.octopus-app .tag-page{\n  .ouest-france-logo-tag-page{\n    width: 30px;\n    height: 30px;\n    margin-left: 10px;\n    vertical-align: center;\n    @media (width <= 500px) {\n      width: 20px;\n      height: 20px;\n    }\n  }\n}\n</style>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box tag-page\">\n    <h1>\n      {{ t(\"Search for keyword\", {tag:titleDisplay})}}\n      <img\n        v-if=\"isOf\"\n        width=\"30\"\n        height=\"30\"\n        class=\"ouest-france-logo-tag-page\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        title=\"Ouest France\"\n        src=\"/img/ouest_france_logo.svg\" \n      />\n    </h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :include-tag=\"[tag]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport { useSeoTitleUrl } from \"../composable/route/useSeoTitleUrl\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { useTagOf } from \"../composable/useTagOf\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  tag: { default: undefined, type: String },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst titleDisplay = ref(\"\");\nconst isOf = ref(false);\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { isOuestFranceTag, formateOfTag } = useTagOf();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {t} = useI18n();\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.tag, async () => {\n  const tagString = props.tag?? \"\";\n  isOf.value = isOuestFranceTag(tagString);\n  titleDisplay.value= isOf.value ?  formateOfTag(tagString) :tagString;\n  updatePathParams(t(\"Search for keyword\", {tag:titleDisplay.value}));\n}, {immediate: true});\n\n</script>\n<style lang=\"scss\">\n.octopus-app .tag-page{\n  .ouest-france-logo-tag-page{\n    width: 30px;\n    height: 30px;\n    margin-left: 10px;\n    vertical-align: center;\n    @media (width <= 500px) {\n      width: 20px;\n      height: 20px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,kBAAkB,2BAChB,OAAO,kCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAGA,MAAM,QAAQ;EASd,MAAM,eAAe,IAAI,EAAE;EAC3B,MAAM,OAAO,IAAI,KAAK;EAGtB,MAAM,EACJ,eACA,gBACA,eACA,eACA,WACE,mBAAmB,KAAK;EAC5B,MAAM,EAAE,kBAAkB,iBAAiB,SAAS;EACpD,MAAM,EAAE,qBAAqB,eAAe;EAC5C,MAAM,EAAC,MAAK,QAAQ;EAGpB,MAAM,YAAY,eAAc,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EAClF,MAAM,YAAY,eAAc;GAC9B,IAAG,cAAc,MAAM,QACrB,OAAO;EAGX,CAAC;EAGD,YAAU,MAAM,KAAK,YAAY;GAC/B,MAAM,YAAY,MAAM,OAAM;GAC9B,KAAK,QAAQ,iBAAiB,SAAS;GACvC,aAAa,QAAO,KAAK,QAAS,aAAa,SAAS,IAAG;GAC3D,iBAAiB,EAAE,sBAAsB,EAAC,KAAI,aAAa,MAAK,CAAC,CAAC;EACpE,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCjFK,OAAM;;;;CAKvB,OAAM;CACN,QAAO;CACP,OAAM;CACN,eAAY;CACZ,KAAI;CAEJ,OAAM;CACN,KAAA;;;QAZS,OAAA,UAAA,UAAA,GAAf,mBA2BU,WA3BV,YA2BU;EA1BR,mBAaK,MAAA,MAAA,CAAA,gBAAA,gBAZA,OAAA,EAAC,sBAAA,EAAA,KAA4B,OAAA,aAAY,CAAA,CAAA,IAAI,KAChD,CAAA,GACQ,OAAA,QAAA,UAAA,GADR,mBAUE,OAVF,UAUE,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA;EAEJ,YAGE,OAAA,oBAAA;GAFQ,mBAAiB,OAAA;oEAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;;EAEvC,YAOE,OAAA,gBAAA;GANC,OAAO,OAAA;GACP,MAAM,OAAA;GACN,eAAW,CAAG,OAAA,GAAG;GACjB,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,iBAAe,OAAA,aAAS"}