{"version":3,"file":"RubriquePage-CPnWEKAH.mjs","names":[],"sources":["../src/components/pages/RubriquePage.vue","../src/components/pages/RubriquePage.vue"],"sourcesContent":["<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</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      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\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  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\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.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</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      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\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  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\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.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,kBAAkB,2BAChB,OAAO,kCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAGA,MAAM,QAAQ;EASd,MAAM,QAAQ,IAAI,EAAE;EAGpB,MAAM,EACJ,eACA,gBACA,eACA,eACA,WACE,mBAAmB,KAAK;EAC5B,MAAM,EAAE,qBAAqB,eAAe;EAI5C,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,YAAY,YAAY;GACtC,MAAM,OAAO,MAAM,mBAAW,UAAoB;IAChD,KAAK;IACL,MAAM,cAAc,MAAM;GAC5B,CAAC;GACD,iBAAiB,KAAK,IAAI;GAC1B,MAAM,QAAQ,KAAK;EACrB,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CCpEK,OAAM;;;QAAd,OAAA,UAAA,UAAA,GAAf,mBAcU,WAdV,YAcU;EAbR,mBAAoB,MAAA,MAAA,gBAAb,OAAA,KAAK,GAAA,CAAA;EACZ,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,UAAU;GACxB,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,iBAAe,OAAA,aAAS"}