@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/AdvancedSearch-BKZL4Og4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-BKZL4Og4.mjs","names":[],"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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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-CARbyVFc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-CARbyVFc.mjs","names":[],"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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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-CzWBQyRR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-CzWBQyRR.mjs","names":[],"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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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-DM5MiCRf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-DM5MiCRf.mjs","names":[],"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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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-Wbmubxbf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSearch-Wbmubxbf.mjs","names":[],"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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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 :iab-id=\"iabId\" @update:iab-id=\"updateIab\" />\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                    <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\";\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    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]);\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\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/CategoryFilter-BpAevuLH.mjs.map

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