@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/{AdvancedSearch-DEh3iiuK.mjs → AdvancedSearch-BTbYmlMm.mjs}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { A as t, b as n, i as r, r as ee } from "./classicApi-pmODlqv5.mjs";
+import { i as t, j as n, r, x as ee } from "./classicApi-CGipMqf7.mjs";
 import { t as i } from "./GeneralStore-Darfv4af.mjs";
 import { t as a } from "./types-B-L_HwcA.mjs";
-import { t as o } from "./useOrgaComputed-CBJ5sDOm.mjs";
-import { t as s } from "./useRubriquesFilterParam-BE8BbmAQ.mjs";
-import { t as c } from "./EmissionGroupChooser-KmzQjp7d.mjs";
+import { t as o } from "./useOrgaComputed-D81Jihm-.mjs";
+import { t as s } from "./useRubriquesFilterParam-2eMd5ND7.mjs";
+import { t as c } from "./EmissionGroupChooser-De_IpEhW.mjs";
 import { Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, normalizeClass as te, onMounted as ne, openBlock as v, ref as y, toDisplayString as b, unref as x, vShow as S, watch as C, withCtx as w, withDirectives as T } from "vue";
 import { useI18n as E } from "vue-i18n";
 import re from "vue-material-design-icons/ChevronDown.vue";
@@ -62,13 +62,13 @@ var ie = {
 		"update:only-my-episodes"
 	],
 	setup(e, { emit: _ }) {
-		let D = g(() => import("./MonetizableFilter-B7NHzXEY.mjs")), O = g(() => import("./CategorySearchFilter-KVYBscdd.mjs")), k = g(() => import("./RubriqueFilter-RgardNnQ.mjs")), A = g(() => import("./ClassicSelect-BpA0jKN6.mjs").then((e) => e.n)), j = g(() => import("./ClassicTagInput-DiRwA8CF.mjs")), M = g(() => import("./ClassicCheckbox-xPu56Drn.mjs").then((e) => e.n)), N = g(() => import("./DateFilter-DztHuPm8.mjs")), P = g(() => import("./SearchOrder-D_dAhj9M.mjs")), F = e, I = _, L = y(!1), R = y(!1), z = y(!1), { t: B } = E(), { isPodcastmaker: V, isEditRights: H } = o(), { stringifyRubriquesFilter: U, updateRouteParamAdvanced: W } = s(), fe = i(), G = ee(), K = r();
+		let D = g(() => import("./MonetizableFilter-B7NHzXEY.mjs")), O = g(() => import("./CategorySearchFilter-Cce5zxZB.mjs")), k = g(() => import("./RubriqueFilter-rxiG8Wci.mjs")), A = g(() => import("./ClassicSelect-BpA0jKN6.mjs").then((e) => e.n)), j = g(() => import("./ClassicTagInput-DiRwA8CF.mjs")), M = g(() => import("./ClassicCheckbox-xPu56Drn.mjs").then((e) => e.n)), N = g(() => import("./DateFilter-Cnb_S8Up.mjs")), P = g(() => import("./SearchOrder-D_dAhj9M.mjs")), F = e, I = _, L = y(!1), R = y(!1), z = y(!1), { t: B } = E(), { isPodcastmaker: V, isEditRights: H } = o(), { stringifyRubriquesFilter: U, updateRouteParamAdvanced: W } = s(), fe = i(), G = r(), K = t();
 		ne(async () => {
 			if (F.hideEmissionGroups) {
 				z.value = !1;
 				return;
 			}
-			let e = await n.count({ organisationIds: [F.organisationId] });
+			let e = await ee.count({ organisationIds: [F.organisationId] });
 			z.value = e > 0;
 		});
 		let q = u(() => H(F.organisationId)), J = u(() => F.organisationId ?? G.filterOrgaId), pe = u(() => F.isEmission ? B("Consider podcasts no visible") : B("See podcasts no visible")), Y = u(() => J.value !== void 0 && q.value && (K.isRoleContribution || K.isRolePublication) && !V.value && !F.isEmission && F.includeHidden), me = u(() => K.authOrganisation.attributes["beneficiaries.enabled"] === "true");
@@ -142,7 +142,7 @@ var ie = {
 		function we() {
 			R.value ||= !0, L.value = !L.value;
 		}
-		return (n, r) => (v(), p("div", ie, [m("button", {
+		return (t, r) => (v(), p("div", ie, [m("button", {
 			class: "d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent",
 			onClick: we
 		}, [m("div", null, b(x(B)("Advanced filters")), 1), h(re, { class: te({ "arrow-transform": L.value }) }, null, 8, ["class"])]), h(l, { name: "advanced-search" }, {
@@ -154,7 +154,7 @@ var ie = {
 					monetisable: e.monetisable,
 					"onUpdate:monetisable": he
 				}, null, 8, ["is-emission", "monetisable"])) : f("", !0),
-				x(t).advancedSearch?.disableIabFiltering === !0 ? f("", !0) : (v(), d(x(O), {
+				x(n).advancedSearch?.disableIabFiltering === !0 ? f("", !0) : (v(), d(x(O), {
 					key: 1,
 					"iab-id": e.iabId,
 					class: "mb-3",

package/dist/AdvancedSearch-C6BJzvGT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-C6BJzvGT.mjs","names":["_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_normalizeClass","_Transition","_withCtx","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n","<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AdvancedSearch-ChnJq71j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-ChnJq71j.mjs","names":["_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_normalizeClass","_Transition","_withCtx","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n","<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AdvancedSearch-ChtUj3vS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-ChtUj3vS.mjs","names":["_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_normalizeClass","_Transition","_withCtx","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n","<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AdvancedSearch-D-9o5KzI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-D-9o5KzI.mjs","names":["_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_normalizeClass","_Transition","_withCtx","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n","<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/AdvancedSearch-DH5YTENK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-DH5YTENK.mjs","names":["_openBlock","_createElementBlock","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_normalizeClass","_Transition","_withCtx","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/display/filter/AdvancedSearch.vue","../src/components/display/filter/AdvancedSearch.vue"],"sourcesContent":["<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n","<template>\n    <div id=\"advanced-search\" class=\"d-flex flex-column justify-content-center align-items-center\">\n        <!-- Button to open the advanced filters -->\n        <button\n            class=\"d-flex justify-content-center align-items-center mb-3 text-secondary btn-transparent\"\n            @click=\"clickShowFilters\"\n        >\n            <div>{{ t(\"Advanced filters\") }}</div>\n            <ChevronDownIcon :class=\"{ 'arrow-transform': showFilters }\" />\n        </button>\n\n        <!-- Filters -->\n        <Transition name=\"advanced-search\">\n            <div\n                v-if=\"firstLoaded\"\n                v-show=\"showFilters\"\n                class=\"advanced-search-container\"\n            >\n                <fieldset class=\"d-flex flex-column flex-grow-3\">\n                    <legend class=\"text-primary mb-2\">\n                        {{ t(\"Filter\") }}\n                    </legend>\n                    <MonetizableFilter\n                        v-if=\"!isPodcastmaker && !generalStore.platformEducation\"\n                        :is-emission=\"isEmission\"\n                        :monetisable=\"monetisable\"\n                        @update:monetisable=\"updateMonetisable\"\n                    />\n                    <CategorySearchFilter\n                        v-if=\"state.advancedSearch?.disableIabFiltering !== true\"\n                        :iab-id=\"iabId\"\n                        class=\"mb-3\"\n                        @update:iab-id=\"updateIab\"\n                    />\n                    <RubriqueFilter\n                        :rubrique-filter=\"rubriqueFilter\"\n                        @update:rubrique-filter=\"updateRubriquageFilter\"\n                    />\n\n                    <!-- Group filters -->\n                    <div v-if=\"showEmissionGroups\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            v-model:text-init=\"emissionGroupCheckbox\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-emission-groups-checkbox\"\n                            :label=\"t('Filters - Emission groups')\"\n                        />\n\n                        <EmissionGroupChooser\n                            v-if=\"emissionGroupCheckbox\"\n                            class=\"ms-4 flex-grow-1\"\n                            :organisation-id=\"organisationId\"\n                            :groups=\"emissionGroups\"\n                            @update:groups=\"updateEmissionGroupFilter\"\n                        />\n                    </div>\n\n                    <!-- Date -->\n                    <DateFilter\n                        :is-emission=\"isEmission\"\n                        :from-date=\"fromDate\"\n                        :to-date=\"toDate\"\n                        @update-dates=\"updateDates($event)\"\n                    />\n\n                    <!-- Rights holders/beneficiaries -->\n                    <div v-if=\"beneficiariesEnabled\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-beneficiaries-checkbox\"\n                            :label=\"t('Filters - Beneficiaries')\"\n                            @update:text-init=\"updateBeneficiariesCheckbox\"\n                        />\n\n                        <ClassicTagInput\n                            v-if=\"beneficiaries !== null && beneficiaries !== undefined\"\n                            class=\"ms-4 flex-grow-1\"\n                            :tags=\"beneficiaries\"\n                            @update:tags=\"updateBeneficiaries\"\n                        />\n                    </div>\n\n                    <!-- 14876 - Only my episodes -->\n                    <div v-if=\"!isEmission && !isPodcastmaker\" class=\"mt-3 d-flex\">\n                        <ClassicCheckbox\n                            :text-init=\"onlyMyEpisodes\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-onlymine-checkbox\"\n                            :label=\"t('Filters - Only my episodes')\"\n                            @update:text-init=\"updateOnlyMineCheckbox\"\n                        />\n                    </div>\n\n                    <div\n                        v-if=\"organisation && organisationRight && !isPodcastmaker\"\n                        class=\"d-flex flex-column mt-3\"\n                    >\n                        <ClassicCheckbox\n                            :text-init=\"includeHidden\"\n                            class=\"flex-shrink-0\"\n                            id-checkbox=\"search-future-checkbox\"\n                            :label=\"textNotVisible\"\n                            :is-disabled=\"isSelectValidity && 'true'!==validity\"\n                            @update:text-init=\"updateIncludeHidden\"\n                        />\n                    </div>\n\n                    <ClassicSelect\n                        v-if=\"isSelectValidity\"\n                        :text-init=\"validity\"\n                        id-select=\"valid-episodes-select\"\n                        :label=\"t('Episodes to validate')+' :'\"\n                        :display-label=\"true\"\n                        class-label=\"flex-shrink-0 me-1\"\n                        class=\"d-flex align-items-center mt-3 mb-0\"\n                        :options=\"[\n                            { title: t('Display only episodes to validate'), value: 'false' },\n                            { title: t('Display episodes to validate'), value: '' },\n                            { title: t('Do not display episodes to validate'), value: 'true' },\n                        ]\"\n                        @update:text-init=\"updateValidity\"\n                    />\n\n                    <!-- Only with video -->\n                    <ClassicCheckbox\n                        v-if=\"!isEmission\"\n                        :text-init=\"onlyVideo\"\n                        class=\"flex-shrink-0 mt-3\"\n                        id-checkbox=\"only-video-checkbox\"\n                        :label=\"t('Show only episodes with video')\"\n                        @update:text-init=\"updateOnlyVideo\"\n                    />\n                </fieldset>\n\n                <!-- Sort -->\n                <SearchOrder\n                    :is-emission=\"isEmission\"\n                    :sort=\"sort\"\n                    @update:sort=\"updateSort\"\n                />\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { defineAsyncComponent, ref, computed, watch, onMounted } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state } from \"@/stores/ParamSdkStore\";\nconst MonetizableFilter = defineAsyncComponent(\n    () => import(\"./MonetizableFilter.vue\"),\n);\nconst CategorySearchFilter = defineAsyncComponent(\n    () => import(\"./CategorySearchFilter.vue\"),\n);\nconst RubriqueFilter = defineAsyncComponent(\n    () => import(\"./RubriqueFilter.vue\"),\n);\nconst ClassicSelect = defineAsyncComponent(\n    () => import(\"../../form/ClassicSelect.vue\"),\n);\nconst ClassicTagInput = defineAsyncComponent(\n    () => import(\"../../form/ClassicTagInput.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n    () => import(\"../../form/ClassicCheckbox.vue\"),\n);\nconst DateFilter = defineAsyncComponent(() => import(\"./DateFilter.vue\"));\nconst SearchOrder = defineAsyncComponent(() => import(\"./SearchOrder.vue\"));\nimport { ROUTE_PARAMS } from '../../composable/route/types';\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport EmissionGroupChooser from \"../emission/EmissionGroupChooser.vue\";\n\n//Props \nconst props = withDefaults(defineProps<{\n    organisationId?: string;\n    /** Indicates that the filters apply to emissions */\n    isEmission?: boolean;\n    includeHidden?: boolean;\n    sort?: string;\n    onlyVideo?: boolean;\n    monetisable?: string;\n    iabId?: number;\n    searchPattern?: string;\n    fromDate?: string;\n    toDate?: string;\n    validity?: string;\n    /** The filter on beneficiaries */\n    beneficiaries?: Array<string>;\n    /** The filter for only my episodes */\n    onlyMyEpisodes?: boolean;\n    rubriqueFilter?: Array<RubriquageFilter>;\n    /** The filter on groups */\n    emissionGroups?: Array<EmissionGroup>;\n    /** Force hide the emission group filter */\n    hideEmissionGroups?: boolean;\n}>(), {\n    sort: \"DATE\",\n    monetisable: \"UNDEFINED\",\n    searchPattern: \"\",\n    validity: \"\"\n});\n\n//Emits\nconst emit = defineEmits([\n    \"update:toDate\",\n    \"update:fromDate\",\n    \"update:monetisable\",\n    \"update:iabId\",\n    \"update:sort\",\n    \"update:includeHidden\",\n    \"update:validity\",\n    \"update:rubriqueFilter\",\n    \"update:onlyVideo\",\n    \"update:beneficiaries\",\n    \"update:emission-groups\",\n    \"update:only-my-episodes\"\n]);\n\n//Data \nconst showFilters = ref(false);\nconst firstLoaded = ref(false);\nconst showEmissionGroups = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst { stringifyRubriquesFilter,updateRouteParamAdvanced } = useRubriquesFilterParam();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\nonMounted(async() => {\n    if (props.hideEmissionGroups) {\n        showEmissionGroups.value = false;\n        return;\n    }\n    // Only show emission groups if there are some\n    const nbGroups = await groupsApi.count({\n        organisationIds: [props.organisationId]\n    });\n    showEmissionGroups.value = nbGroups > 0;\n});\n\n//Computed\nconst organisationRight = computed(() => isEditRights(props.organisationId));\nconst organisation = computed(() => props.organisationId ?? filterStore.filterOrgaId);\nconst textNotVisible = computed(() => props.isEmission ? t(\"Consider podcasts no visible\"): t(\"See podcasts no visible\"));\nconst isSelectValidity = computed(() => {\n    return (\n        undefined !== organisation.value &&\n        organisationRight.value &&\n        (authStore.isRoleContribution || authStore.isRolePublication) &&\n        !isPodcastmaker.value &&\n        !props.isEmission &&\n        props.includeHidden\n    );\n});\n\n/** The beneficiaries filter is only displayed if beneficiaries are enabled */\nconst beneficiariesEnabled = computed(() => {\n    return authStore.authOrganisation.attributes['beneficiaries.enabled'] === 'true';\n});\n\n//Watch\nwatch(organisation, async () => {\n    const hidden = undefined !== organisation.value && organisationRight.value && !props.isEmission;\n    if (hidden !== props.includeHidden) {\n        updateIncludeHidden(hidden);\n    }\n});\n\nwatch(()=>props.searchPattern, (value: string) => {\n    const search = value.trim();\n    let valSort = \"SCORE\"\n    if(search.length <= 3){\n        valSort = props.isEmission? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n    updateRouteParamAdvanced({\n        q: search.length ? search : undefined,\n        s: valSort,\n    });\n});\n\n//Methods\nfunction updateMonetisable(value: string): void {\n    emit(\"update:monetisable\", value);\n    updateRouteParamAdvanced({ m: \"UNDEFINED\" !== value ? value : undefined });\n}\n\nfunction updateIab(value: number | undefined) {\n    emit(\"update:iabId\", 0 !== value ? value : undefined);\n    let filterIab = {};\n    if (filterStore.filterIab && filterStore.filterIab.id !== value) {\n        filterIab = { iabId: undefined };\n    }\n    updateRouteParamAdvanced({\n        ...{ i: value ? value.toString() : undefined },\n        ...filterIab,\n    });\n}\n\nfunction updateSort(value: string) {\n    emit(\"update:sort\", value);\n    updateRouteParamAdvanced({ s: value });\n}\n\nfunction updateIncludeHidden(value: boolean) {\n    emit(\"update:includeHidden\", value);\n    updateRouteParamAdvanced({ h: value.toString() });\n}\n\nfunction updateValidity(value: boolean) {\n    emit(\"update:validity\", value);\n    updateRouteParamAdvanced({ vl: value.toString() });\n}\n\nfunction updateOnlyVideo(value: boolean) {\n    emit(\"update:onlyVideo\", value);\n    updateRouteParamAdvanced({ v: value ? \"true\" : undefined });\n}\n\nfunction updateDates(value: {\n    from: string | undefined;\n    to: string | undefined;\n}): void {\n    emit(\"update:fromDate\", value.from);\n    emit(\"update:toDate\", value.to);\n    updateRouteParamAdvanced({ from: value.from, to: value.to });\n}\n\nfunction updateRubriquageFilter(value: Array<RubriquageFilter>) {\n    emit(\"update:rubriqueFilter\", value);\n    let filterRubriques = {};\n    const valueString = stringifyRubriquesFilter(value);\n    if (\n        filterStore.filterRubrique.length &&\n        stringifyRubriquesFilter(filterStore.filterRubrique) !== valueString\n    ) {\n        filterRubriques = { rubriquesId: undefined };\n    }\n    updateRouteParamAdvanced({\n        r: valueString.length ? valueString : undefined,\n        ...filterRubriques,\n    });\n}\n\n/** Manage the checkbox enabling filtering on groups */\nconst emissionGroupCheckbox = computed({\n    get(): boolean {\n        return props.emissionGroups !== undefined && props.emissionGroups !== null;\n    },\n    set(value: boolean): void {\n        if (value) {\n            updateEmissionGroupFilter([]);\n        } else {\n            updateEmissionGroupFilter(undefined);\n        }\n    }\n});\n\n/** Update selected groups */\nfunction updateEmissionGroupFilter(groups: Array<EmissionGroup>|undefined): void {\n    if (groups !== undefined && groups.length === 0) {\n        emit('update:emission-groups', []);\n    } else {\n        updateRouteParamAdvanced({\n            [ROUTE_PARAMS.EmissionGroups]: groups?.map(g => g.groupId)\n        });\n        emit('update:emission-groups', groups);\n    }\n}\n\n/** Update the beneficiaries filter */\nfunction updateBeneficiaries(value: string[]|undefined): void {\n    emit('update:beneficiaries', value);\n    if (value === undefined) {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: undefined });\n    } else {\n        updateRouteParamAdvanced({ [ROUTE_PARAMS.Beneficiaries]: value });\n    }\n}\n\n/** Update the value of the beneficiaries checkbox */\nfunction updateBeneficiariesCheckbox(value: boolean): void {\n    if (value === true) {\n        emit('update:beneficiaries', []);\n    } else {\n        updateBeneficiaries(undefined);\n    }\n}\n\n/** Update the value of the 'only mine' checkbox */\nfunction updateOnlyMineCheckbox(value: boolean): void {\n    emit('update:only-my-episodes', value);\n    updateRouteParamAdvanced({\n        [ROUTE_PARAMS.OnlyMyEpisodes]: value || undefined\n    });\n}\n\nfunction clickShowFilters(): void {\n    if (!firstLoaded.value) {\n        firstLoaded.value = true;\n    }\n    showFilters.value = !showFilters.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .advanced-search-container {\n    background: var(--octopus-background);\n    display: flex;\n    width: 100%;\n    padding-bottom: 1rem;\n    justify-content: space-around;\n\n    @media (width <= 720px) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .advanced-search-enter-active,\n  .advanced-search-leave-active {\n    transition: 0.3s all;\n    opacity: 1;\n    max-height: 900px;\n    height: auto;\n    overflow: hidden;\n  }\n\n  .advanced-search-enter-from,\n  .advanced-search-leave-to {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n  }\n}\n</style>\n"],"mappings":"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"}