@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/TopBar-CeQQ1hgH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar-CeQQ1hgH.mjs","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_render","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_sfc_render","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_toDisplayString","_Fragment","_renderList","_createCommentVNode","_createTextVNode","_sfc_main","_hoisted_1","_hoisted_2","_sfc_render","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","_createVNode","_withCtx","_toDisplayString","_Fragment","_renderList","_withDirectives","_createTextVNode","_vShow","_mergeProps","_sfc_main","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_normalizeClass","_normalizeStyle","_createVNode","_toDisplayString","_createCommentVNode","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/misc/RightsScopeSelector.vue","../src/components/misc/RightsScopeSelector.vue","../src/components/misc/RightsScopeMenu.vue","../src/components/misc/RightsScopeMenu.vue","../src/components/misc/TopBarMainContent.vue","../src/components/misc/TopBarMainContent.vue","../src/components/misc/TopBar.vue","../src/components/misc/TopBar.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"subOrganisations.length > 0\"\n        class=\"d-flex flex-column ms-4\"\n    >\n        <span class=\"label mb-1\">\n            {{ t('RightsScopeSelector - Title', { rubriquage: rubriquage?.title}) }}\n        </span>\n        <div class=\"d-flex value\">\n            <button\n                type=\"button\"\n                class=\"btn-transparent d-flex align-items-center\"\n                aria-controls=\"suborga-list-menu\"\n                :aria-expanded=\"open\"\n                @click=\"$emit('change')\"\n            >\n                <span\n                    v-if=\"selectedSubOrganisation\"\n                    class=\"me-2 selected\"\n                >\n                    {{ selectedSubOrganisation.name }}\n                </span>\n                <span v-else class=\"me-2\">\n                    {{ t('RightsScopeSelector - No filter') }}\n                </span>\n                <SwapIcon class=\"icon\" />\n            </button>\n            <button\n                v-if=\"selectedSubOrganisation\"\n                type=\"button\"\n                class=\"btn-transparent\"\n                @click=\"unselectSubOrganisation\"\n            >\n                <ClearIcon\n                    class=\"icon\"\n                    :title=\"t('RightsScopeSelector - Clear filter')\"\n                />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { ref, toRef, watch } from \"vue\";\nimport { useSubOrganisations } from \"../composable/useSubOrganisations\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { rubriquesApi } from \"@/api\";\n\nimport SwapIcon from \"vue-material-design-icons/SwapHorizontalCircleOutline.vue\";\nimport ClearIcon from \"vue-material-design-icons/CloseCircleOutline.vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst authOrgaId = toRef(authStore, 'authOrgaId');\nconst rubriquage = ref<Rubriquage|null>(null);\nconst {\n    selectedSubOrganisation,\n    subOrganisations,\n    unselectSubOrganisation\n} = useSubOrganisations(authOrgaId);\n\ndefineProps<{\n    /** Whether the sub organisation menu controlled by this selector is open */\n    open?: boolean;\n}>();\n\ndefineEmits<{\n    (e: 'change'): void;\n}>();\n\nwatch(authOrgaId, async () => {\n    rubriquage.value = await rubriquesApi.findRestrictiveRubriquage(authOrgaId.value);\n}, { immediate: true });\n</script>\n\n<style scoped lang=\"scss\">\n#header-scope-selector:deep(.octopus-select-field) {\n    background: transparent;\n    border-color: rgba(255, 255, 255, 0.1);\n    margin-left: 200px;\n\n    .octopus-select-value {\n        color: var(--octopus-secondary);\n        font-weight: bold;\n        align-content: center;\n    }\n\n    input {\n        color: white;\n    }\n\n    button {\n        color: rgba(255, 255, 255, 0.3);\n    }\n}\n\n.value {\n    color: var(--octopus-secondary);\n    font-weight: bold;\n    align-content: center;\n    align-items: center;\n\n    button {\n        color: inherit;\n        font-weight: inherit;\n        text-align: start;\n        padding: 0;\n    }\n\n    span:not(.selected):not(.icon) {\n        opacity: .5;\n        transition: opacity .5s;\n\n        &:hover {\n            opacity: .7;\n        }\n    }\n}\n\n.label {\n    color: rgba(255, 255, 255, 0.3);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 14px;\n    white-space: nowrap;\n    overflow-y: visible;\n}\n\n.icon {\n    opacity: .7;\n    transition: opacity .5s;\n\n    &:hover {\n        opacity: 1;\n    }\n}\n</style>\n","<template>\n    <div\n        v-if=\"subOrganisations.length > 0\"\n        class=\"d-flex flex-column ms-4\"\n    >\n        <span class=\"label mb-1\">\n            {{ t('RightsScopeSelector - Title', { rubriquage: rubriquage?.title}) }}\n        </span>\n        <div class=\"d-flex value\">\n            <button\n                type=\"button\"\n                class=\"btn-transparent d-flex align-items-center\"\n                aria-controls=\"suborga-list-menu\"\n                :aria-expanded=\"open\"\n                @click=\"$emit('change')\"\n            >\n                <span\n                    v-if=\"selectedSubOrganisation\"\n                    class=\"me-2 selected\"\n                >\n                    {{ selectedSubOrganisation.name }}\n                </span>\n                <span v-else class=\"me-2\">\n                    {{ t('RightsScopeSelector - No filter') }}\n                </span>\n                <SwapIcon class=\"icon\" />\n            </button>\n            <button\n                v-if=\"selectedSubOrganisation\"\n                type=\"button\"\n                class=\"btn-transparent\"\n                @click=\"unselectSubOrganisation\"\n            >\n                <ClearIcon\n                    class=\"icon\"\n                    :title=\"t('RightsScopeSelector - Clear filter')\"\n                />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { ref, toRef, watch } from \"vue\";\nimport { useSubOrganisations } from \"../composable/useSubOrganisations\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { rubriquesApi } from \"@/api\";\n\nimport SwapIcon from \"vue-material-design-icons/SwapHorizontalCircleOutline.vue\";\nimport ClearIcon from \"vue-material-design-icons/CloseCircleOutline.vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst authOrgaId = toRef(authStore, 'authOrgaId');\nconst rubriquage = ref<Rubriquage|null>(null);\nconst {\n    selectedSubOrganisation,\n    subOrganisations,\n    unselectSubOrganisation\n} = useSubOrganisations(authOrgaId);\n\ndefineProps<{\n    /** Whether the sub organisation menu controlled by this selector is open */\n    open?: boolean;\n}>();\n\ndefineEmits<{\n    (e: 'change'): void;\n}>();\n\nwatch(authOrgaId, async () => {\n    rubriquage.value = await rubriquesApi.findRestrictiveRubriquage(authOrgaId.value);\n}, { immediate: true });\n</script>\n\n<style scoped lang=\"scss\">\n#header-scope-selector:deep(.octopus-select-field) {\n    background: transparent;\n    border-color: rgba(255, 255, 255, 0.1);\n    margin-left: 200px;\n\n    .octopus-select-value {\n        color: var(--octopus-secondary);\n        font-weight: bold;\n        align-content: center;\n    }\n\n    input {\n        color: white;\n    }\n\n    button {\n        color: rgba(255, 255, 255, 0.3);\n    }\n}\n\n.value {\n    color: var(--octopus-secondary);\n    font-weight: bold;\n    align-content: center;\n    align-items: center;\n\n    button {\n        color: inherit;\n        font-weight: inherit;\n        text-align: start;\n        padding: 0;\n    }\n\n    span:not(.selected):not(.icon) {\n        opacity: .5;\n        transition: opacity .5s;\n\n        &:hover {\n            opacity: .7;\n        }\n    }\n}\n\n.label {\n    color: rgba(255, 255, 255, 0.3);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 14px;\n    white-space: nowrap;\n    overflow-y: visible;\n}\n\n.icon {\n    opacity: .7;\n    transition: opacity .5s;\n\n    &:hover {\n        opacity: 1;\n    }\n}\n</style>\n","<template>\n    <div\n        id=\"suborga-list-menu\"\n        ref=\"menuNav\"\n        role=\"dialog\"\n        aria-labelledby=\"suborga-list-menu-title\"\n        :class=\"{ shown: open }\"\n        :inert=\"!open\"\n    >\n        <button\n            type=\"button\"\n            class=\"btn-transparent close-btn\"\n            @click=\"close\"\n        >\n            <CloseIcon :title=\"t('Close')\" />\n        </button>\n\n        <div class=\"search\">\n            <h3 id=\"suborga-list-menu-title\">\n                {{ t('RightsScopeMenu - Title') }}\n            </h3>\n            <ClassicInputText\n                v-model:text-init=\"search\"\n                :placeholder=\"t('RightsScopeMenu - Search')\"\n                can-be-null\n            />\n        </div>\n\n        <div v-if=\"showFirstList\" class=\"suborga-list mb-4\">\n            <h4>{{ t('RightsScopeMenu - First list - Title') }}</h4>\n            <span\n                v-for=\"suborga in userSubOrgas\"\n                :key=\"suborga.id\"\n                class=\"suborga\"\n                @click=\"select(suborga)\"\n            >\n                {{ suborga.name }}\n            </span>\n        </div>\n\n        <div class=\"suborga-list\">\n            <h4>{{ secondListTitle }}</h4>\n\n            <div v-if=\"showLetters\" class=\"letters mt-2\">\n                <button\n                    v-for=\"letter in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'\"\n                    :key=\"letter\"\n                    type=\"button\"\n                    class=\"letter\"\n                    :title=\"subOrgaByLetter.has(letter) ? undefined : t('RightsScopeMenu - Letters - No sub orga for letter')\"\n                    :disabled=\"!subOrgaByLetter.has(letter)\"\n                    @click=\"scrollToLetter(letter)\"\n                >\n                    {{ letter }}\n                </button>\n            </div>\n\n            <div\n                v-for=\"[letter, suborgaForLetter] in subOrgaByLetter\"\n                :key=\"'suborgas-' + letter\"\n            >\n                <div\n                    :id=\"'suborga-letter-' + letter\"\n                    class=\"letter\"\n                    tabindex=\"-1\"\n                >\n                    {{ letter }}\n                </div>\n                <span\n                    v-for=\"suborga in suborgaForLetter\"\n                    :key=\"suborga.id\"\n                    class=\"suborga\"\n                    @click=\"select(suborga)\"\n                >\n                    {{ suborga.name }}\n                </span>\n            </div>\n        </div>\n\n        <p role=\"status\" class=\"text-indic px-3\">\n            <template v-if=\"noResult\">\n                {{ t('RightsScopeMenu - No result') }}\n            </template>\n        </p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent, nextTick, onUnmounted, ref, toRef, useTemplateRef, watch } from 'vue';\nimport { useAuthStore } from '../../stores/AuthStore';\nimport { SubOrganisation, useSubOrganisations } from '../composable/useSubOrganisations';\nimport { useI18n } from 'vue-i18n';\nimport CloseIcon from 'vue-material-design-icons/Close.vue';\n\nconst ClassicInputText = defineAsyncComponent(() => import('../form/ClassicInputText.vue'));\n\nconst { t } = useI18n();\n\n///////////////////////////////\n// Menu\n///////////////////////////////\nconst props = defineProps<{\n    open?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    (e: 'update:open', open: boolean): void;\n}>();\n\nconst menuNav = useTemplateRef('menuNav');\nlet previousFocus: HTMLElement | null = null;\n\nwatch(() => props.open, async open => {\n    if (open) {\n        previousFocus = document.activeElement as HTMLElement | null;\n        setTimeout(() => document.addEventListener('click', openOnClick), 200);\n        document.addEventListener('keydown', closeOnEscape);\n        // Wait for the menu to no longer be inert before focusing\n        await nextTick();\n        menuNav.value?.querySelector('input')?.focus();\n    } else {\n        removeListeners();\n        // Only give focus back if it would otherwise be lost (inside the\n        // closed menu, or on body), to avoid stealing it after a click\n        // elsewhere\n        const active = document.activeElement;\n        if (active === document.body || menuNav.value?.contains(active)) {\n            previousFocus?.focus();\n        }\n    }\n});\n\nonUnmounted(removeListeners);\n\nfunction removeListeners(): void {\n    document.removeEventListener('click', openOnClick);\n    document.removeEventListener('keydown', closeOnEscape);\n}\n\nfunction close(): void {\n    emit('update:open', false);\n}\n\nfunction openOnClick(event: MouseEvent) {\n    const menu = menuNav.value;\n    if (props.open && event.target && !menu?.contains(event.target as Node)) {\n        close();\n    }\n}\n\nfunction closeOnEscape(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n        close();\n    }\n}\n\nfunction prefersReducedMotion(): boolean {\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n///////////////////////////////\n// Display list\n///////////////////////////////\nconst search = ref('');\nconst authStore = useAuthStore();\nconst { subOrganisations, selectSubOrganisation } = useSubOrganisations(toRef(authStore, 'authOrgaId'));\n\nfunction normalize(str: string): string {\n    // Separate accented character in letter/diacritic, then remove the\n    // diacritic\n    return str.toUpperCase().normalize(\"NFD\").replace(/\\p{Diacritic}/gu, '');\n}\n\nconst normalizedSearch = computed((): string => {\n    return normalize(search.value);\n});\n\nconst userSubOrgas = computed((): Array<SubOrganisation> => {\n    const userScope = authStore.userScope;\n    return subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => userScope.includes(sub.id))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n});\n\nconst showFirstList = computed((): boolean => {\n    return userSubOrgas.value.length > 0;\n});\n\nconst secondListTitle = computed((): string => {\n    const userScope = authStore.userScope;\n    if (userScope.length === 0) {\n        return t('RightsScopeMenu - Second list - Title unscoped');\n    } else {\n        return t('RightsScopeMenu - Second list - Title scoped');\n    }\n});\n\nconst showLetters = computed((): boolean => {\n    return subOrganisations.value.length > 10;\n});\n\nconst subOrgaByLetter = computed((): Map<string, Array<SubOrganisation>> => {\n    const data: Map<string, Array<SubOrganisation>> = new Map();\n\n    const filtered = subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => !userSubOrgas.value.includes(sub))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n\n    if (showLetters.value) {\n        filtered.forEach((sub: SubOrganisation) => {\n            const firstLetter = sub.name[0];\n            if (data.has(firstLetter)) {\n                const present = data.get(firstLetter);\n                present!.push(sub);\n            } else {\n                data.set(firstLetter, [sub]);\n            }\n        });\n    } else {\n        data.set(null, filtered);\n    }\n\n    data.values().forEach(ary => ary.sort((a, b) => a.name.localeCompare(b.name)));\n\n    return data;\n});\n\nconst noResult = computed((): boolean => {\n    return !showFirstList.value\n        && [...subOrgaByLetter.value.values()].every(ary => ary.length === 0);\n});\n\nfunction scrollToLetter(letter: string): void {\n    if (!subOrgaByLetter.value.has(letter)) {\n        return;\n    }\n    const container = menuNav.value;\n    const target: HTMLElement | null | undefined = container?.querySelector(`#suborga-letter-${letter}`);\n    if (container && target) {\n        container.scrollTo({\n            top: target.offsetTop,\n            behavior: prefersReducedMotion() ? 'auto' : 'smooth'\n        });\n        target.focus({ preventScroll: true });\n    }\n}\n\n///////////////////////////////\n// Sub orga selection\n///////////////////////////////\nfunction select(org: SubOrganisation): void {\n    selectSubOrganisation(org);\n    emit('update:open', false);\n}\n</script>\n\n<style scoped lang=\"scss\">\n#suborga-list-menu-btn {\n    transition: rotate 0.3s ease-out;\n    \n    &.active {\n        rotate: 90deg;\n    }\n}\n\n#suborga-list-menu {\n    z-index: 100;\n    \n    --width: 30dvw;\n\n    // Positioning\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: var(--width);\n    height: 100dvh;\n\n    // Margins\n    padding: 1.5em 0;\n\n    // Overflow\n    overflow-y: auto;\n\n    // Style\n    background-color: white;\n    //border-radius: 0 var(--octopus-border-radius);\n    border-right: 2px solid var(--octopus-primary);\n\n    // Animation\n    @media (prefers-reduced-motion: no-preference) {\n        transition: left 0.6s ease-out;\n    }\n\n    &.shown {\n        left: 0;\n    }\n\n    &:not(.shown) {\n        left: calc(var(--width) * -1);\n    }\n\n    @media(width <= 960px) {\n        --width: 100dvw;\n    }\n}\n\n.close-btn {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n}\n\nh4 {\n    margin-left: 10px;\n    color: var(--octopus-primary);\n}\n\n.letter {\n    color: var(--pm-accent);\n    font-weight: bold;\n    font-size: 1em;\n    background-color: oklch(from var(--pm-accent) l c h / 15%);\n}\n\n.search {\n    padding: 0 1rem;\n\n    h3 {\n        color: var(--pm-accent);\n        text-align: center;\n    }\n}\n\n.letters {\n    display: grid;\n    grid-template-columns: repeat(9, 28px);\n    width: fit-content;\n    margin: auto;\n\n    .letter {\n        border: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: black;\n        margin: 7px 0 8px;\n        width: 24px;\n        height: 24px;\n        border-radius: 8px;\n        font-size: 12px;\n        padding: 0 !important;\n        cursor: pointer;\n\n        &:disabled {\n            background-color: #EBF3FE;\n            cursor: not-allowed;\n        }\n    }\n}\n\n.suborga-list {\n    .letter {\n        padding: 0.1rem 1rem;\n        color: var(--octopus-primary);\n    }\n\n    .suborga {\n        display: block;\n        padding: 0.5rem 1.4rem;\n        cursor: pointer;\n\n        &:not(:last-child) {\n            border-bottom: 1px solid var(--octopus-primary-really-transparent);\n        }\n    }\n}\n</style>\n","<template>\n    <div\n        id=\"suborga-list-menu\"\n        ref=\"menuNav\"\n        role=\"dialog\"\n        aria-labelledby=\"suborga-list-menu-title\"\n        :class=\"{ shown: open }\"\n        :inert=\"!open\"\n    >\n        <button\n            type=\"button\"\n            class=\"btn-transparent close-btn\"\n            @click=\"close\"\n        >\n            <CloseIcon :title=\"t('Close')\" />\n        </button>\n\n        <div class=\"search\">\n            <h3 id=\"suborga-list-menu-title\">\n                {{ t('RightsScopeMenu - Title') }}\n            </h3>\n            <ClassicInputText\n                v-model:text-init=\"search\"\n                :placeholder=\"t('RightsScopeMenu - Search')\"\n                can-be-null\n            />\n        </div>\n\n        <div v-if=\"showFirstList\" class=\"suborga-list mb-4\">\n            <h4>{{ t('RightsScopeMenu - First list - Title') }}</h4>\n            <span\n                v-for=\"suborga in userSubOrgas\"\n                :key=\"suborga.id\"\n                class=\"suborga\"\n                @click=\"select(suborga)\"\n            >\n                {{ suborga.name }}\n            </span>\n        </div>\n\n        <div class=\"suborga-list\">\n            <h4>{{ secondListTitle }}</h4>\n\n            <div v-if=\"showLetters\" class=\"letters mt-2\">\n                <button\n                    v-for=\"letter in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'\"\n                    :key=\"letter\"\n                    type=\"button\"\n                    class=\"letter\"\n                    :title=\"subOrgaByLetter.has(letter) ? undefined : t('RightsScopeMenu - Letters - No sub orga for letter')\"\n                    :disabled=\"!subOrgaByLetter.has(letter)\"\n                    @click=\"scrollToLetter(letter)\"\n                >\n                    {{ letter }}\n                </button>\n            </div>\n\n            <div\n                v-for=\"[letter, suborgaForLetter] in subOrgaByLetter\"\n                :key=\"'suborgas-' + letter\"\n            >\n                <div\n                    :id=\"'suborga-letter-' + letter\"\n                    class=\"letter\"\n                    tabindex=\"-1\"\n                >\n                    {{ letter }}\n                </div>\n                <span\n                    v-for=\"suborga in suborgaForLetter\"\n                    :key=\"suborga.id\"\n                    class=\"suborga\"\n                    @click=\"select(suborga)\"\n                >\n                    {{ suborga.name }}\n                </span>\n            </div>\n        </div>\n\n        <p role=\"status\" class=\"text-indic px-3\">\n            <template v-if=\"noResult\">\n                {{ t('RightsScopeMenu - No result') }}\n            </template>\n        </p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent, nextTick, onUnmounted, ref, toRef, useTemplateRef, watch } from 'vue';\nimport { useAuthStore } from '../../stores/AuthStore';\nimport { SubOrganisation, useSubOrganisations } from '../composable/useSubOrganisations';\nimport { useI18n } from 'vue-i18n';\nimport CloseIcon from 'vue-material-design-icons/Close.vue';\n\nconst ClassicInputText = defineAsyncComponent(() => import('../form/ClassicInputText.vue'));\n\nconst { t } = useI18n();\n\n///////////////////////////////\n// Menu\n///////////////////////////////\nconst props = defineProps<{\n    open?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    (e: 'update:open', open: boolean): void;\n}>();\n\nconst menuNav = useTemplateRef('menuNav');\nlet previousFocus: HTMLElement | null = null;\n\nwatch(() => props.open, async open => {\n    if (open) {\n        previousFocus = document.activeElement as HTMLElement | null;\n        setTimeout(() => document.addEventListener('click', openOnClick), 200);\n        document.addEventListener('keydown', closeOnEscape);\n        // Wait for the menu to no longer be inert before focusing\n        await nextTick();\n        menuNav.value?.querySelector('input')?.focus();\n    } else {\n        removeListeners();\n        // Only give focus back if it would otherwise be lost (inside the\n        // closed menu, or on body), to avoid stealing it after a click\n        // elsewhere\n        const active = document.activeElement;\n        if (active === document.body || menuNav.value?.contains(active)) {\n            previousFocus?.focus();\n        }\n    }\n});\n\nonUnmounted(removeListeners);\n\nfunction removeListeners(): void {\n    document.removeEventListener('click', openOnClick);\n    document.removeEventListener('keydown', closeOnEscape);\n}\n\nfunction close(): void {\n    emit('update:open', false);\n}\n\nfunction openOnClick(event: MouseEvent) {\n    const menu = menuNav.value;\n    if (props.open && event.target && !menu?.contains(event.target as Node)) {\n        close();\n    }\n}\n\nfunction closeOnEscape(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n        close();\n    }\n}\n\nfunction prefersReducedMotion(): boolean {\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n///////////////////////////////\n// Display list\n///////////////////////////////\nconst search = ref('');\nconst authStore = useAuthStore();\nconst { subOrganisations, selectSubOrganisation } = useSubOrganisations(toRef(authStore, 'authOrgaId'));\n\nfunction normalize(str: string): string {\n    // Separate accented character in letter/diacritic, then remove the\n    // diacritic\n    return str.toUpperCase().normalize(\"NFD\").replace(/\\p{Diacritic}/gu, '');\n}\n\nconst normalizedSearch = computed((): string => {\n    return normalize(search.value);\n});\n\nconst userSubOrgas = computed((): Array<SubOrganisation> => {\n    const userScope = authStore.userScope;\n    return subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => userScope.includes(sub.id))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n});\n\nconst showFirstList = computed((): boolean => {\n    return userSubOrgas.value.length > 0;\n});\n\nconst secondListTitle = computed((): string => {\n    const userScope = authStore.userScope;\n    if (userScope.length === 0) {\n        return t('RightsScopeMenu - Second list - Title unscoped');\n    } else {\n        return t('RightsScopeMenu - Second list - Title scoped');\n    }\n});\n\nconst showLetters = computed((): boolean => {\n    return subOrganisations.value.length > 10;\n});\n\nconst subOrgaByLetter = computed((): Map<string, Array<SubOrganisation>> => {\n    const data: Map<string, Array<SubOrganisation>> = new Map();\n\n    const filtered = subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => !userSubOrgas.value.includes(sub))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n\n    if (showLetters.value) {\n        filtered.forEach((sub: SubOrganisation) => {\n            const firstLetter = sub.name[0];\n            if (data.has(firstLetter)) {\n                const present = data.get(firstLetter);\n                present!.push(sub);\n            } else {\n                data.set(firstLetter, [sub]);\n            }\n        });\n    } else {\n        data.set(null, filtered);\n    }\n\n    data.values().forEach(ary => ary.sort((a, b) => a.name.localeCompare(b.name)));\n\n    return data;\n});\n\nconst noResult = computed((): boolean => {\n    return !showFirstList.value\n        && [...subOrgaByLetter.value.values()].every(ary => ary.length === 0);\n});\n\nfunction scrollToLetter(letter: string): void {\n    if (!subOrgaByLetter.value.has(letter)) {\n        return;\n    }\n    const container = menuNav.value;\n    const target: HTMLElement | null | undefined = container?.querySelector(`#suborga-letter-${letter}`);\n    if (container && target) {\n        container.scrollTo({\n            top: target.offsetTop,\n            behavior: prefersReducedMotion() ? 'auto' : 'smooth'\n        });\n        target.focus({ preventScroll: true });\n    }\n}\n\n///////////////////////////////\n// Sub orga selection\n///////////////////////////////\nfunction select(org: SubOrganisation): void {\n    selectSubOrganisation(org);\n    emit('update:open', false);\n}\n</script>\n\n<style scoped lang=\"scss\">\n#suborga-list-menu-btn {\n    transition: rotate 0.3s ease-out;\n    \n    &.active {\n        rotate: 90deg;\n    }\n}\n\n#suborga-list-menu {\n    z-index: 100;\n    \n    --width: 30dvw;\n\n    // Positioning\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: var(--width);\n    height: 100dvh;\n\n    // Margins\n    padding: 1.5em 0;\n\n    // Overflow\n    overflow-y: auto;\n\n    // Style\n    background-color: white;\n    //border-radius: 0 var(--octopus-border-radius);\n    border-right: 2px solid var(--octopus-primary);\n\n    // Animation\n    @media (prefers-reduced-motion: no-preference) {\n        transition: left 0.6s ease-out;\n    }\n\n    &.shown {\n        left: 0;\n    }\n\n    &:not(.shown) {\n        left: calc(var(--width) * -1);\n    }\n\n    @media(width <= 960px) {\n        --width: 100dvw;\n    }\n}\n\n.close-btn {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n}\n\nh4 {\n    margin-left: 10px;\n    color: var(--octopus-primary);\n}\n\n.letter {\n    color: var(--pm-accent);\n    font-weight: bold;\n    font-size: 1em;\n    background-color: oklch(from var(--pm-accent) l c h / 15%);\n}\n\n.search {\n    padding: 0 1rem;\n\n    h3 {\n        color: var(--pm-accent);\n        text-align: center;\n    }\n}\n\n.letters {\n    display: grid;\n    grid-template-columns: repeat(9, 28px);\n    width: fit-content;\n    margin: auto;\n\n    .letter {\n        border: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: black;\n        margin: 7px 0 8px;\n        width: 24px;\n        height: 24px;\n        border-radius: 8px;\n        font-size: 12px;\n        padding: 0 !important;\n        cursor: pointer;\n\n        &:disabled {\n            background-color: #EBF3FE;\n            cursor: not-allowed;\n        }\n    }\n}\n\n.suborga-list {\n    .letter {\n        padding: 0.1rem 1rem;\n        color: var(--octopus-primary);\n    }\n\n    .suborga {\n        display: block;\n        padding: 0.5rem 1.4rem;\n        cursor: pointer;\n\n        &:not(:last-child) {\n            border-bottom: 1px solid var(--octopus-primary-really-transparent);\n        }\n    }\n}\n</style>\n","<template>\n    <div class=\"top-bar-grid header-content\" :class=\"{ scrolled: titleIsDisplayed }\">\n        <div class=\"d-flex align-items-center\">\n            <!-- Logo to the left -->\n            <router-link\n                class=\"top-bar-logo d-block\"\n                :to=\"{\n                    name: 'home',\n                    query: getQueriesRouter('home'),\n                }\"\n                :title=\"t('Home')\"\n            >\n                <img\n                    v-if=\"!filterStore.filterOrgaId || '' === imgUrl\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"140\"\n                    height=\"50\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <img\n                    v-else\n                    :src=\"useProxyImageUrl(imgUrl, '', '80')\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    class=\"client-logo\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : ''\"\n                >\n            </router-link>\n\n            <RightsScopeMenu v-model:open=\"menuOpen\" />\n            <RightsScopeSelector\n                class=\"ms-4\"\n                :open=\"menuOpen\"\n                @change=\"menuOpen = true\"\n            />\n        </div>\n\n        <h1 v-if=\"titleIsDisplayed\" class=\"text-truncate m-0 align-self-center\">\n            {{ titleDisplay }}\n        </h1>\n\n        <!-- Right section -->\n        <div\n            class=\"d-flex right-section\"\n            :class=\"[\n                inContentDisplayPage || isPhone\n                    ? 'flex-row-reverse align-items-center'\n                    : 'flex-column align-items-end',\n            ]\"\n        >\n            <!-- Logo to the right -->\n            <template v-if=\"filterStore.filterOrgaId && '' !== imgUrl\">\n                <img\n                    v-if=\"authStore.isGarRole\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"100\"\n                    height=\"29\"\n                    class=\"ms-2\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <a\n                    v-else\n                    href=\"https://www.saooti.com/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    :title=\"t('New window', {text: 'Saooti'})\"\n                >\n                    <img\n                        :src=\"logoUrl\"\n                        aria-hidden=\"true\"\n                        alt=\"\"\n                        title=\"Saooti\"\n                        width=\"100\"\n                        height=\"29\"\n                        class=\"ms-2\"\n                        :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                    >\n                </a>\n            </template>\n\n            <div role=\"navigation\" class=\"d-flex align-items-center justify-content-end flex-grow-1\">\n                <nav :aria-label=\"t('Site menu')\">\n                    <ul class=\"d-flex\">\n                        <template v-for=\"link in routerLinkArray\" :key=\"link.routeName\">\n                            <li v-if=\"link.condition\" class=\"li-style-none\">\n                                <router-link\n                                    v-show=\"!isPhone\"\n                                    :to=\"{\n                                        name: link.routeName,\n                                        query: getQueriesRouter(link.routeName),\n                                    }\"\n                                    class=\"link-hover py-2 px-3\"\n                                >\n                                    {{ link.title }}\n                                </router-link>\n                            </li>\n                        </template>\n                    </ul>\n                </nav>\n                <button\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    id=\"more-dropdown\"\n                    :title=\"t('More')\"\n                    class=\"d-flex-column flex-nowrap align-items-center btn-transparent py-2 px-3 text-white\"\n                >\n                    <span class=\"link-hover\">\n                        {{ t(\"More\") }}\n                    </span>\n                    <ChevronDownIcon />\n                </button>\n                <ClassicPopover\n                    target=\"more-dropdown\"\n                    :only-click=\"true\"\n                    :is-fixed=\"true\"\n                    :left-pos=\"true\"\n                    :is-top-layer=\"true\"\n                >\n                    <nav class=\"d-flex flex-column\" :aria-label=\"t('Site menu')\">\n                        <ul class=\"p-0 m-0\">\n                            <template v-for=\"link in routerLinkInsideArray\" :key=\"link.routeName\">\n                                <li\n                                    v-if=\"link.condition\"\n                                    class=\"li-style-none\"\n                                >\n                                    <router-link\n                                        :to=\"{\n                                            name: link.routeName,\n                                            query: getQueriesRouter(link.routeName),\n                                        }\"\n                                        class=\"p-1 octopus-dropdown-item\"\n                                    >\n                                        {{ link.title }}\n                                    </router-link>\n                                </li>\n                            </template>\n                        </ul>\n                    </nav>\n                </ClassicPopover>\n\n                <MobileMenu\n                    :is-education=\"generalStore.platformEducation\"\n                    :show=\"mobileMenuDisplay\"\n                    :not-podcast-and-emission=\"inContentDisplayPage && !scrolled\"\n                />\n                <HomeDropdown\n                    :is-education=\"generalStore.platformEducation\"\n                    :mobile-menu-display=\"mobileMenuDisplay\"\n                    v-bind=\"options?.homeDropdown\"\n                />\n                <router-link\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    :title=\"t('Search')\"\n                    :to=\"{\n                        name: 'podcasts',\n                    }\"\n                    class=\"btn admin-button m-1 text-blue-octopus\"\n                    role=\"search\"\n                >\n                    <MagnifyIcon :size=\"30\" />\n                </router-link>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport MagnifyIcon from \"vue-material-design-icons/Magnify.vue\";\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport HomeDropdown, { type HomeDropdownProps } from \"./HomeDropdown.vue\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport { defineAsyncComponent, computed, ref } from \"vue\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport RightsScopeSelector from \"./RightsScopeSelector.vue\";\nimport RightsScopeMenu from \"./RightsScopeMenu.vue\"; \nconst MobileMenu = defineAsyncComponent(() => import(\"./MobileMenu.vue\"));\n\nexport interface TopBarMainContentOptions {\n    homeDropdown?: HomeDropdownProps;\n}\n\nexport interface TopBarMainContentProps {\n    isPhone?: boolean;\n    titleDisplay?: string;\n    scrolled?: boolean;\n};\n\n//Props \nconst props = defineProps<TopBarMainContentProps & {\n    /** Props for subcomponents */\n    options?: TopBarMainContentOptions;\n}>();\n\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\nconst menuOpen = ref(false);\n\n//Computed\nconst mobileMenuDisplay = computed(() => props.isPhone || inContentDisplayPage.value);\nconst titleIsDisplayed = computed(() => inContentDisplayPage.value && props.scrolled && !props.isPhone);\nconst inContentDisplayPage = computed(() => 0 !== props.titleDisplay.length);\nconst routerLinkArray = computed(() => [{\n    title: t(\"Radio & Live\"),\n    routeName: \"lives\",\n    condition:\n        !inContentDisplayPage.value &&\n        (state.generalParameters.isLiveTab as boolean) &&\n        ((filterStore.filterOrgaId && filterStore.filterLive) || !filterStore.filterOrgaId),\n}, {\n    title: t(\"Podcasts\"),\n    routeName: \"podcasts\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}, {\n    title: t(\"Emissions\"),\n    routeName: \"emissions\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}]);\n\nconst routerLinkInsideArray = computed(() =>{\n    return [\n        {\n            title: t(\"Speakers\"),\n            routeName: \"participants\",\n            condition: true,\n        },\n        {\n            title: t(\"Playlists\"),\n            routeName: \"playlists\",\n            condition: true,\n        },\n        {\n            title: t(\"Productors\"),\n            routeName: \"productors\",\n            condition:\n                !state.generalParameters.podcastmaker && (!filterStore.filterOrgaId || generalStore.platformEducation),\n        },\n    ];\n});\nconst logoUrl = computed(() =>{\n    if (generalStore.platformEducation) {\n        return \"/img/logo_education_white.svg\";\n    }\n    return props.isPhone\n        ? \"/img/logo_octopus_bubble.svg\"\n        : \"/img/logo_saooti_play_white.svg\";\n});\nconst imgUrl = computed(() =>{\n    if (!filterStore.filterImgUrl?.includes(\"emptypodcast\")){\n        return `${filterStore.filterImgUrl}`;\n    }\n    return \"\";\n});\n \n//Methods\nfunction getQueriesRouter(routeName: string) {\n    if (\"podcasts\" !== routeName && \"emissions\" !== routeName  && \"home\" !== routeName) {\n        return { productor: filterStore.filterOrgaId };\n    }\n    return {\n        productor: filterStore.filterOrgaId,\n        iabId: filterStore.filterIab?.id,\n        rubriquesId: rubriqueQueryParam.value,\n    };\n}\n</script>\n\n<style scoped lang=\"scss\">\n.top-bar-grid {\n    display: grid;\n    grid-template-columns: 1fr 5fr;\n    padding: 0 1rem 0 0.5rem;\n\n    &.scrolled {\n        grid-template-columns: 1fr 2fr 1fr;\n    }\n\n    @media (width <= 450px) {\n        padding: 0 0.5rem;\n    }\n\n    .link-hover {\n        color: white;\n        font-weight: bold;\n        font-size: 0.93rem;\n        text-decoration: underline;\n        text-decoration-color: transparent;\n        transition: text-decoration-color 250ms;\n        text-underline-offset: 8px;\n\n        &.link-hover:hover,\n        &.link-hover.router-link-exact-active.router-link-active {\n            color: white;\n            text-decoration-color: white;\n        }\n    }\n\n    .client-logo {\n        border-radius: var(--octopus-border-radius);\n    }\n\n    .top-bar-logo img {\n        max-width: 140px !important;\n        max-height: 4rem;\n        height: 4rem;\n\n        &.education-logo {\n            height: auto;\n        }\n\n        @media (width <= 650px) {\n            max-height: 2rem;\n        }\n    }\n\n    .octopus-logo {\n        @media (width <= 960px) {\n            max-width: 30px !important;\n        }\n    }\n}\n\n.right-section {\n    padding-top: 0.5rem;\n}\n</style>\n","<template>\n    <div class=\"top-bar-grid header-content\" :class=\"{ scrolled: titleIsDisplayed }\">\n        <div class=\"d-flex align-items-center\">\n            <!-- Logo to the left -->\n            <router-link\n                class=\"top-bar-logo d-block\"\n                :to=\"{\n                    name: 'home',\n                    query: getQueriesRouter('home'),\n                }\"\n                :title=\"t('Home')\"\n            >\n                <img\n                    v-if=\"!filterStore.filterOrgaId || '' === imgUrl\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"140\"\n                    height=\"50\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <img\n                    v-else\n                    :src=\"useProxyImageUrl(imgUrl, '', '80')\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    class=\"client-logo\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : ''\"\n                >\n            </router-link>\n\n            <RightsScopeMenu v-model:open=\"menuOpen\" />\n            <RightsScopeSelector\n                class=\"ms-4\"\n                :open=\"menuOpen\"\n                @change=\"menuOpen = true\"\n            />\n        </div>\n\n        <h1 v-if=\"titleIsDisplayed\" class=\"text-truncate m-0 align-self-center\">\n            {{ titleDisplay }}\n        </h1>\n\n        <!-- Right section -->\n        <div\n            class=\"d-flex right-section\"\n            :class=\"[\n                inContentDisplayPage || isPhone\n                    ? 'flex-row-reverse align-items-center'\n                    : 'flex-column align-items-end',\n            ]\"\n        >\n            <!-- Logo to the right -->\n            <template v-if=\"filterStore.filterOrgaId && '' !== imgUrl\">\n                <img\n                    v-if=\"authStore.isGarRole\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"100\"\n                    height=\"29\"\n                    class=\"ms-2\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <a\n                    v-else\n                    href=\"https://www.saooti.com/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    :title=\"t('New window', {text: 'Saooti'})\"\n                >\n                    <img\n                        :src=\"logoUrl\"\n                        aria-hidden=\"true\"\n                        alt=\"\"\n                        title=\"Saooti\"\n                        width=\"100\"\n                        height=\"29\"\n                        class=\"ms-2\"\n                        :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                    >\n                </a>\n            </template>\n\n            <div role=\"navigation\" class=\"d-flex align-items-center justify-content-end flex-grow-1\">\n                <nav :aria-label=\"t('Site menu')\">\n                    <ul class=\"d-flex\">\n                        <template v-for=\"link in routerLinkArray\" :key=\"link.routeName\">\n                            <li v-if=\"link.condition\" class=\"li-style-none\">\n                                <router-link\n                                    v-show=\"!isPhone\"\n                                    :to=\"{\n                                        name: link.routeName,\n                                        query: getQueriesRouter(link.routeName),\n                                    }\"\n                                    class=\"link-hover py-2 px-3\"\n                                >\n                                    {{ link.title }}\n                                </router-link>\n                            </li>\n                        </template>\n                    </ul>\n                </nav>\n                <button\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    id=\"more-dropdown\"\n                    :title=\"t('More')\"\n                    class=\"d-flex-column flex-nowrap align-items-center btn-transparent py-2 px-3 text-white\"\n                >\n                    <span class=\"link-hover\">\n                        {{ t(\"More\") }}\n                    </span>\n                    <ChevronDownIcon />\n                </button>\n                <ClassicPopover\n                    target=\"more-dropdown\"\n                    :only-click=\"true\"\n                    :is-fixed=\"true\"\n                    :left-pos=\"true\"\n                    :is-top-layer=\"true\"\n                >\n                    <nav class=\"d-flex flex-column\" :aria-label=\"t('Site menu')\">\n                        <ul class=\"p-0 m-0\">\n                            <template v-for=\"link in routerLinkInsideArray\" :key=\"link.routeName\">\n                                <li\n                                    v-if=\"link.condition\"\n                                    class=\"li-style-none\"\n                                >\n                                    <router-link\n                                        :to=\"{\n                                            name: link.routeName,\n                                            query: getQueriesRouter(link.routeName),\n                                        }\"\n                                        class=\"p-1 octopus-dropdown-item\"\n                                    >\n                                        {{ link.title }}\n                                    </router-link>\n                                </li>\n                            </template>\n                        </ul>\n                    </nav>\n                </ClassicPopover>\n\n                <MobileMenu\n                    :is-education=\"generalStore.platformEducation\"\n                    :show=\"mobileMenuDisplay\"\n                    :not-podcast-and-emission=\"inContentDisplayPage && !scrolled\"\n                />\n                <HomeDropdown\n                    :is-education=\"generalStore.platformEducation\"\n                    :mobile-menu-display=\"mobileMenuDisplay\"\n                    v-bind=\"options?.homeDropdown\"\n                />\n                <router-link\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    :title=\"t('Search')\"\n                    :to=\"{\n                        name: 'podcasts',\n                    }\"\n                    class=\"btn admin-button m-1 text-blue-octopus\"\n                    role=\"search\"\n                >\n                    <MagnifyIcon :size=\"30\" />\n                </router-link>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport MagnifyIcon from \"vue-material-design-icons/Magnify.vue\";\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport HomeDropdown, { type HomeDropdownProps } from \"./HomeDropdown.vue\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport { defineAsyncComponent, computed, ref } from \"vue\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport RightsScopeSelector from \"./RightsScopeSelector.vue\";\nimport RightsScopeMenu from \"./RightsScopeMenu.vue\"; \nconst MobileMenu = defineAsyncComponent(() => import(\"./MobileMenu.vue\"));\n\nexport interface TopBarMainContentOptions {\n    homeDropdown?: HomeDropdownProps;\n}\n\nexport interface TopBarMainContentProps {\n    isPhone?: boolean;\n    titleDisplay?: string;\n    scrolled?: boolean;\n};\n\n//Props \nconst props = defineProps<TopBarMainContentProps & {\n    /** Props for subcomponents */\n    options?: TopBarMainContentOptions;\n}>();\n\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\nconst menuOpen = ref(false);\n\n//Computed\nconst mobileMenuDisplay = computed(() => props.isPhone || inContentDisplayPage.value);\nconst titleIsDisplayed = computed(() => inContentDisplayPage.value && props.scrolled && !props.isPhone);\nconst inContentDisplayPage = computed(() => 0 !== props.titleDisplay.length);\nconst routerLinkArray = computed(() => [{\n    title: t(\"Radio & Live\"),\n    routeName: \"lives\",\n    condition:\n        !inContentDisplayPage.value &&\n        (state.generalParameters.isLiveTab as boolean) &&\n        ((filterStore.filterOrgaId && filterStore.filterLive) || !filterStore.filterOrgaId),\n}, {\n    title: t(\"Podcasts\"),\n    routeName: \"podcasts\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}, {\n    title: t(\"Emissions\"),\n    routeName: \"emissions\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}]);\n\nconst routerLinkInsideArray = computed(() =>{\n    return [\n        {\n            title: t(\"Speakers\"),\n            routeName: \"participants\",\n            condition: true,\n        },\n        {\n            title: t(\"Playlists\"),\n            routeName: \"playlists\",\n            condition: true,\n        },\n        {\n            title: t(\"Productors\"),\n            routeName: \"productors\",\n            condition:\n                !state.generalParameters.podcastmaker && (!filterStore.filterOrgaId || generalStore.platformEducation),\n        },\n    ];\n});\nconst logoUrl = computed(() =>{\n    if (generalStore.platformEducation) {\n        return \"/img/logo_education_white.svg\";\n    }\n    return props.isPhone\n        ? \"/img/logo_octopus_bubble.svg\"\n        : \"/img/logo_saooti_play_white.svg\";\n});\nconst imgUrl = computed(() =>{\n    if (!filterStore.filterImgUrl?.includes(\"emptypodcast\")){\n        return `${filterStore.filterImgUrl}`;\n    }\n    return \"\";\n});\n \n//Methods\nfunction getQueriesRouter(routeName: string) {\n    if (\"podcasts\" !== routeName && \"emissions\" !== routeName  && \"home\" !== routeName) {\n        return { productor: filterStore.filterOrgaId };\n    }\n    return {\n        productor: filterStore.filterOrgaId,\n        iabId: filterStore.filterIab?.id,\n        rubriquesId: rubriqueQueryParam.value,\n    };\n}\n</script>\n\n<style scoped lang=\"scss\">\n.top-bar-grid {\n    display: grid;\n    grid-template-columns: 1fr 5fr;\n    padding: 0 1rem 0 0.5rem;\n\n    &.scrolled {\n        grid-template-columns: 1fr 2fr 1fr;\n    }\n\n    @media (width <= 450px) {\n        padding: 0 0.5rem;\n    }\n\n    .link-hover {\n        color: white;\n        font-weight: bold;\n        font-size: 0.93rem;\n        text-decoration: underline;\n        text-decoration-color: transparent;\n        transition: text-decoration-color 250ms;\n        text-underline-offset: 8px;\n\n        &.link-hover:hover,\n        &.link-hover.router-link-exact-active.router-link-active {\n            color: white;\n            text-decoration-color: white;\n        }\n    }\n\n    .client-logo {\n        border-radius: var(--octopus-border-radius);\n    }\n\n    .top-bar-logo img {\n        max-width: 140px !important;\n        max-height: 4rem;\n        height: 4rem;\n\n        &.education-logo {\n            height: auto;\n        }\n\n        @media (width <= 650px) {\n            max-height: 2rem;\n        }\n    }\n\n    .octopus-logo {\n        @media (width <= 960px) {\n            max-width: 30px !important;\n        }\n    }\n}\n\n.right-section {\n    padding-top: 0.5rem;\n}\n</style>\n","<template>\n  <header\n    role=\"banner\"\n    class=\"header-saooti-play\"\n    :style=\"headerBackgroundImage\"\n    :class=\"[generalStore.contentToDisplay ? 'header-img-bg':'bg-gradient', scrolled? 'scrolled':'', needToBlur ? 'header-force-blur':'']\"\n  >\n    <TopBarMainContent\n      :is-phone=\"isPhone\"\n      :scrolled=\"scrolled\"\n      :title-display=\"titleToDisplay\"\n      style=\"height: var(--header-size);\"\n      :class=\"headerBackgroundImage.length ? 'header-opacity':''\"\n      :options=\"options?.topBarMainContent\"\n    />\n  </header>\n\n  <div\n    v-if=\"generalStore.contentToDisplay\"\n    class=\"header-content-bg\"\n    :style=\"headerBackgroundImage\"\n    :class=\"{ scrolled: scrolled, 'header-force-blur':needToBlur }\"\n  >\n    <div class=\"header-additional-content header-content\">\n      <h1 v-if=\"!scrolled\" class=\"text-truncate\">\n        {{ titleToDisplay }}\n      </h1>\n      <SubscribeButtons\n        v-if=\"!authStore.isGarRole && content\"\n        v-show=\"!scrolled\"\n        :content=\"content\"\n        :window-width=\"windowWidth\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport TopBarMainContent, { type TopBarMainContentOptions } from \"./TopBarMainContent.vue\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport axios from \"axios\";\nconst SubscribeButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/SubscribeButtons.vue\"),\n);\n\ndefineProps<{\n  options?: {\n    topBarMainContent?: TopBarMainContentOptions\n  }\n}>();\n\n//Data \nconst scrolled = ref(false);\nconst oldScrollY = ref(0);\nconst minScroll = ref(0);\nconst headerBackgroundImage = ref(\"\");\nconst needToBlur = ref(false);\n\n\n//Composables\nconst { isPhone, windowWidth } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\n\n//Computed\nconst titleToDisplay = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission.name;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return (generalStore.contentToDisplay as Playlist).title;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return (generalStore.contentToDisplay as Emission).name;\n  }\n  if ((generalStore.contentToDisplay as Canal)?.id) {\n    return (generalStore.contentToDisplay as Canal).name;\n  }\n  return \"\";\n});\n\n/** The element displayed by the subscribe buttons */\nconst content = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return generalStore.contentToDisplay as Emission;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return generalStore.contentToDisplay as Playlist;\n  }\n  return null;\n});\n\n//Watch\nwatch(()=>generalStore.contentToDisplay, async () => {\n  if(!generalStore.contentToDisplay){\n    headerBackgroundImage.value = \"\";\n    needToBlur.value = false;\n    return;\n  }\n  const widthAsked = window.innerWidth > 960 ? \"1600\":\"1000\";\n  const proxyUrl = useProxyImageUrl(generalStore.contentToDisplay.imageUrl, widthAsked, undefined, true);\n  try {\n    const result = await axios.get(proxyUrl);\n    headerBackgroundImage.value = `background-image: url('${result.data}');`;\n    needToBlur.value = result.data === generalStore.contentToDisplay.imageUrl;\n  } catch {\n    if (generalStore.contentToDisplay.imageUrl) {\n      const url = encodeURI(generalStore.contentToDisplay.imageUrl);\n      headerBackgroundImage.value = `background-image: url('${url}');`;\n      needToBlur.value = true;\n    } else {\n      headerBackgroundImage.value = '';\n    }\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>{\n  window.addEventListener(\"scroll\", handleScroll);\n})\nonBeforeUnmount(() => {\n  window.removeEventListener(\"scroll\", handleScroll);\n})\n\n\n//Methods\nfunction handleScroll(): void {\n  if (\n    window.scrollY - oldScrollY.value > 0 &&\n    window.scrollY > 1 &&\n    document.body.offsetHeight - window.innerHeight > 40\n  ) {\n    if (!scrolled.value) {\n      scrolled.value = true;\n      minScroll.value = 0;\n    }\n  } else if (\n    window.scrollY - oldScrollY.value  < 0 &&\n    window.scrollY < 1 &&\n    minScroll.value > 20\n  ) {\n    scrolled.value = false;\n    minScroll.value = 0;\n  }\n  oldScrollY.value  = window.scrollY;\n  if (minScroll.value < window.scrollY) {\n    minScroll.value = window.scrollY;\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  --header-size: 5rem;\n  --header-additional-content-size: 22rem;\n  @media (width <= 650px) {\n    --header-size: 3.5rem;\n  }\n  @media (width <= 550px) {\n    --header-additional-content-size: 13rem;\n  }\n  .header-saooti-play{\n    z-index: 11;\n    position: sticky;\n    top: 0;\n    background-color: black;\n    &.header-img-bg{\n      background-position: center -20vw;\n      background-repeat: no-repeat;\n      background-size: cover;\n    }\n    &.bg-gradient, &.scrolled{\n      box-shadow: 0 2px 15px 5px var(--octopus-shadow) !important; \n    }\n  }\n  .header-content-bg{\n    background-position: center calc(calc(var(--header-size) * -1) - 20vw);\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: 100%;\n    display: flex;\n    background-color: black;\n    transition: height 0.7s;\n    height: calc(var(--header-additional-content-size) - var(--header-size));\n    @starting-style {\n      height: 0rem;\n    }\n    &.scrolled {\n      height: 0rem;\n    }\n  }\n  .header-additional-content{\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    width: 100%;\n  }\n  .header-additional-content, .header-opacity{\n    background: oklch(0 0 0 / 0.5);\n  }\n  .header-force-blur .header-additional-content, .header-force-blur .header-opacity{\n    backdrop-filter: blur(8px);\n  }\n  .header-content{\n    *:focus-visible {\n      box-shadow: 0 0 10px 1px white !important;\n    }\n    h1 {\n      color: white !important;\n      font-size: 1.8rem;\n      margin: 2rem 5rem;\n      @media (width <= 550px) {\n        font-size: 1rem;\n        margin: 1rem 0.5rem 0.5rem;\n      }\n    }\n    .admin-button:hover,\n    .share-btn:hover {\n      background: white;\n    }\n  }\n}\n</style>\n","<template>\n  <header\n    role=\"banner\"\n    class=\"header-saooti-play\"\n    :style=\"headerBackgroundImage\"\n    :class=\"[generalStore.contentToDisplay ? 'header-img-bg':'bg-gradient', scrolled? 'scrolled':'', needToBlur ? 'header-force-blur':'']\"\n  >\n    <TopBarMainContent\n      :is-phone=\"isPhone\"\n      :scrolled=\"scrolled\"\n      :title-display=\"titleToDisplay\"\n      style=\"height: var(--header-size);\"\n      :class=\"headerBackgroundImage.length ? 'header-opacity':''\"\n      :options=\"options?.topBarMainContent\"\n    />\n  </header>\n\n  <div\n    v-if=\"generalStore.contentToDisplay\"\n    class=\"header-content-bg\"\n    :style=\"headerBackgroundImage\"\n    :class=\"{ scrolled: scrolled, 'header-force-blur':needToBlur }\"\n  >\n    <div class=\"header-additional-content header-content\">\n      <h1 v-if=\"!scrolled\" class=\"text-truncate\">\n        {{ titleToDisplay }}\n      </h1>\n      <SubscribeButtons\n        v-if=\"!authStore.isGarRole && content\"\n        v-show=\"!scrolled\"\n        :content=\"content\"\n        :window-width=\"windowWidth\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport TopBarMainContent, { type TopBarMainContentOptions } from \"./TopBarMainContent.vue\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport axios from \"axios\";\nconst SubscribeButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/SubscribeButtons.vue\"),\n);\n\ndefineProps<{\n  options?: {\n    topBarMainContent?: TopBarMainContentOptions\n  }\n}>();\n\n//Data \nconst scrolled = ref(false);\nconst oldScrollY = ref(0);\nconst minScroll = ref(0);\nconst headerBackgroundImage = ref(\"\");\nconst needToBlur = ref(false);\n\n\n//Composables\nconst { isPhone, windowWidth } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\n\n//Computed\nconst titleToDisplay = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission.name;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return (generalStore.contentToDisplay as Playlist).title;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return (generalStore.contentToDisplay as Emission).name;\n  }\n  if ((generalStore.contentToDisplay as Canal)?.id) {\n    return (generalStore.contentToDisplay as Canal).name;\n  }\n  return \"\";\n});\n\n/** The element displayed by the subscribe buttons */\nconst content = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return generalStore.contentToDisplay as Emission;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return generalStore.contentToDisplay as Playlist;\n  }\n  return null;\n});\n\n//Watch\nwatch(()=>generalStore.contentToDisplay, async () => {\n  if(!generalStore.contentToDisplay){\n    headerBackgroundImage.value = \"\";\n    needToBlur.value = false;\n    return;\n  }\n  const widthAsked = window.innerWidth > 960 ? \"1600\":\"1000\";\n  const proxyUrl = useProxyImageUrl(generalStore.contentToDisplay.imageUrl, widthAsked, undefined, true);\n  try {\n    const result = await axios.get(proxyUrl);\n    headerBackgroundImage.value = `background-image: url('${result.data}');`;\n    needToBlur.value = result.data === generalStore.contentToDisplay.imageUrl;\n  } catch {\n    if (generalStore.contentToDisplay.imageUrl) {\n      const url = encodeURI(generalStore.contentToDisplay.imageUrl);\n      headerBackgroundImage.value = `background-image: url('${url}');`;\n      needToBlur.value = true;\n    } else {\n      headerBackgroundImage.value = '';\n    }\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>{\n  window.addEventListener(\"scroll\", handleScroll);\n})\nonBeforeUnmount(() => {\n  window.removeEventListener(\"scroll\", handleScroll);\n})\n\n\n//Methods\nfunction handleScroll(): void {\n  if (\n    window.scrollY - oldScrollY.value > 0 &&\n    window.scrollY > 1 &&\n    document.body.offsetHeight - window.innerHeight > 40\n  ) {\n    if (!scrolled.value) {\n      scrolled.value = true;\n      minScroll.value = 0;\n    }\n  } else if (\n    window.scrollY - oldScrollY.value  < 0 &&\n    window.scrollY < 1 &&\n    minScroll.value > 20\n  ) {\n    scrolled.value = false;\n    minScroll.value = 0;\n  }\n  oldScrollY.value  = window.scrollY;\n  if (minScroll.value < window.scrollY) {\n    minScroll.value = window.scrollY;\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  --header-size: 5rem;\n  --header-additional-content-size: 22rem;\n  @media (width <= 650px) {\n    --header-size: 3.5rem;\n  }\n  @media (width <= 550px) {\n    --header-additional-content-size: 13rem;\n  }\n  .header-saooti-play{\n    z-index: 11;\n    position: sticky;\n    top: 0;\n    background-color: black;\n    &.header-img-bg{\n      background-position: center -20vw;\n      background-repeat: no-repeat;\n      background-size: cover;\n    }\n    &.bg-gradient, &.scrolled{\n      box-shadow: 0 2px 15px 5px var(--octopus-shadow) !important; \n    }\n  }\n  .header-content-bg{\n    background-position: center calc(calc(var(--header-size) * -1) - 20vw);\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: 100%;\n    display: flex;\n    background-color: black;\n    transition: height 0.7s;\n    height: calc(var(--header-additional-content-size) - var(--header-size));\n    @starting-style {\n      height: 0rem;\n    }\n    &.scrolled {\n      height: 0rem;\n    }\n  }\n  .header-additional-content{\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    width: 100%;\n  }\n  .header-additional-content, .header-opacity{\n    background: oklch(0 0 0 / 0.5);\n  }\n  .header-force-blur .header-additional-content, .header-force-blur .header-opacity{\n    backdrop-filter: blur(8px);\n  }\n  .header-content{\n    *:focus-visible {\n      box-shadow: 0 0 10px 1px white !important;\n    }\n    h1 {\n      color: white !important;\n      font-size: 1.8rem;\n      margin: 2rem 5rem;\n      @media (width <= 550px) {\n        font-size: 1rem;\n        margin: 1rem 0.5rem 0.5rem;\n      }\n    }\n    .admin-button:hover,\n    .share-btn:hover {\n      background: white;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/TopBar-DdxThCLR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopBar-DdxThCLR.mjs","names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_render","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_sfc_render","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_toDisplayString","_Fragment","_renderList","_createCommentVNode","_createTextVNode","_sfc_main","_hoisted_1","_hoisted_2","_sfc_render","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","_createVNode","_withCtx","_toDisplayString","_Fragment","_renderList","_withDirectives","_createTextVNode","_vShow","_mergeProps","_sfc_main","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_normalizeClass","_normalizeStyle","_createVNode","_toDisplayString","_createCommentVNode","_withDirectives","_createBlock","_vShow","_sfc_main"],"sources":["../src/components/misc/RightsScopeSelector.vue","../src/components/misc/RightsScopeSelector.vue","../src/components/misc/RightsScopeMenu.vue","../src/components/misc/RightsScopeMenu.vue","../src/components/misc/TopBarMainContent.vue","../src/components/misc/TopBarMainContent.vue","../src/components/misc/TopBar.vue","../src/components/misc/TopBar.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"subOrganisations.length > 0\"\n        class=\"d-flex flex-column ms-4\"\n    >\n        <span class=\"label mb-1\">\n            {{ t('RightsScopeSelector - Title', { rubriquage: rubriquage?.title}) }}\n        </span>\n        <div class=\"d-flex value\">\n            <button\n                type=\"button\"\n                class=\"btn-transparent d-flex align-items-center\"\n                aria-controls=\"suborga-list-menu\"\n                :aria-expanded=\"open\"\n                @click=\"$emit('change')\"\n            >\n                <span\n                    v-if=\"selectedSubOrganisation\"\n                    class=\"me-2 selected\"\n                >\n                    {{ selectedSubOrganisation.name }}\n                </span>\n                <span v-else class=\"me-2\">\n                    {{ t('RightsScopeSelector - No filter') }}\n                </span>\n                <SwapIcon class=\"icon\" />\n            </button>\n            <button\n                v-if=\"selectedSubOrganisation\"\n                type=\"button\"\n                class=\"btn-transparent\"\n                @click=\"unselectSubOrganisation\"\n            >\n                <ClearIcon\n                    class=\"icon\"\n                    :title=\"t('RightsScopeSelector - Clear filter')\"\n                />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { ref, toRef, watch } from \"vue\";\nimport { useSubOrganisations } from \"../composable/useSubOrganisations\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { rubriquesApi } from \"@/api\";\n\nimport SwapIcon from \"vue-material-design-icons/SwapHorizontalCircleOutline.vue\";\nimport ClearIcon from \"vue-material-design-icons/CloseCircleOutline.vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst authOrgaId = toRef(authStore, 'authOrgaId');\nconst rubriquage = ref<Rubriquage|null>(null);\nconst {\n    selectedSubOrganisation,\n    subOrganisations,\n    unselectSubOrganisation\n} = useSubOrganisations(authOrgaId);\n\ndefineProps<{\n    /** Whether the sub organisation menu controlled by this selector is open */\n    open?: boolean;\n}>();\n\ndefineEmits<{\n    (e: 'change'): void;\n}>();\n\nwatch(authOrgaId, async () => {\n    rubriquage.value = await rubriquesApi.findRestrictiveRubriquage(authOrgaId.value);\n}, { immediate: true });\n</script>\n\n<style scoped lang=\"scss\">\n#header-scope-selector:deep(.octopus-select-field) {\n    background: transparent;\n    border-color: rgba(255, 255, 255, 0.1);\n    margin-left: 200px;\n\n    .octopus-select-value {\n        color: var(--octopus-secondary);\n        font-weight: bold;\n        align-content: center;\n    }\n\n    input {\n        color: white;\n    }\n\n    button {\n        color: rgba(255, 255, 255, 0.3);\n    }\n}\n\n.value {\n    color: var(--octopus-secondary);\n    font-weight: bold;\n    align-content: center;\n    align-items: center;\n\n    button {\n        color: inherit;\n        font-weight: inherit;\n        text-align: start;\n        padding: 0;\n    }\n\n    span:not(.selected):not(.icon) {\n        opacity: .5;\n        transition: opacity .5s;\n\n        &:hover {\n            opacity: .7;\n        }\n    }\n}\n\n.label {\n    color: rgba(255, 255, 255, 0.3);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 14px;\n    white-space: nowrap;\n    overflow-y: visible;\n}\n\n.icon {\n    opacity: .7;\n    transition: opacity .5s;\n\n    &:hover {\n        opacity: 1;\n    }\n}\n</style>\n","<template>\n    <div\n        v-if=\"subOrganisations.length > 0\"\n        class=\"d-flex flex-column ms-4\"\n    >\n        <span class=\"label mb-1\">\n            {{ t('RightsScopeSelector - Title', { rubriquage: rubriquage?.title}) }}\n        </span>\n        <div class=\"d-flex value\">\n            <button\n                type=\"button\"\n                class=\"btn-transparent d-flex align-items-center\"\n                aria-controls=\"suborga-list-menu\"\n                :aria-expanded=\"open\"\n                @click=\"$emit('change')\"\n            >\n                <span\n                    v-if=\"selectedSubOrganisation\"\n                    class=\"me-2 selected\"\n                >\n                    {{ selectedSubOrganisation.name }}\n                </span>\n                <span v-else class=\"me-2\">\n                    {{ t('RightsScopeSelector - No filter') }}\n                </span>\n                <SwapIcon class=\"icon\" />\n            </button>\n            <button\n                v-if=\"selectedSubOrganisation\"\n                type=\"button\"\n                class=\"btn-transparent\"\n                @click=\"unselectSubOrganisation\"\n            >\n                <ClearIcon\n                    class=\"icon\"\n                    :title=\"t('RightsScopeSelector - Clear filter')\"\n                />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { ref, toRef, watch } from \"vue\";\nimport { useSubOrganisations } from \"../composable/useSubOrganisations\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { rubriquesApi } from \"@/api\";\n\nimport SwapIcon from \"vue-material-design-icons/SwapHorizontalCircleOutline.vue\";\nimport ClearIcon from \"vue-material-design-icons/CloseCircleOutline.vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst authOrgaId = toRef(authStore, 'authOrgaId');\nconst rubriquage = ref<Rubriquage|null>(null);\nconst {\n    selectedSubOrganisation,\n    subOrganisations,\n    unselectSubOrganisation\n} = useSubOrganisations(authOrgaId);\n\ndefineProps<{\n    /** Whether the sub organisation menu controlled by this selector is open */\n    open?: boolean;\n}>();\n\ndefineEmits<{\n    (e: 'change'): void;\n}>();\n\nwatch(authOrgaId, async () => {\n    rubriquage.value = await rubriquesApi.findRestrictiveRubriquage(authOrgaId.value);\n}, { immediate: true });\n</script>\n\n<style scoped lang=\"scss\">\n#header-scope-selector:deep(.octopus-select-field) {\n    background: transparent;\n    border-color: rgba(255, 255, 255, 0.1);\n    margin-left: 200px;\n\n    .octopus-select-value {\n        color: var(--octopus-secondary);\n        font-weight: bold;\n        align-content: center;\n    }\n\n    input {\n        color: white;\n    }\n\n    button {\n        color: rgba(255, 255, 255, 0.3);\n    }\n}\n\n.value {\n    color: var(--octopus-secondary);\n    font-weight: bold;\n    align-content: center;\n    align-items: center;\n\n    button {\n        color: inherit;\n        font-weight: inherit;\n        text-align: start;\n        padding: 0;\n    }\n\n    span:not(.selected):not(.icon) {\n        opacity: .5;\n        transition: opacity .5s;\n\n        &:hover {\n            opacity: .7;\n        }\n    }\n}\n\n.label {\n    color: rgba(255, 255, 255, 0.3);\n    font-weight: 600;\n    font-style: italic;\n    font-size: 14px;\n    white-space: nowrap;\n    overflow-y: visible;\n}\n\n.icon {\n    opacity: .7;\n    transition: opacity .5s;\n\n    &:hover {\n        opacity: 1;\n    }\n}\n</style>\n","<template>\n    <div\n        id=\"suborga-list-menu\"\n        ref=\"menuNav\"\n        role=\"dialog\"\n        aria-labelledby=\"suborga-list-menu-title\"\n        :class=\"{ shown: open }\"\n        :inert=\"!open\"\n    >\n        <button\n            type=\"button\"\n            class=\"btn-transparent close-btn\"\n            @click=\"close\"\n        >\n            <CloseIcon :title=\"t('Close')\" />\n        </button>\n\n        <div class=\"search\">\n            <h3 id=\"suborga-list-menu-title\">\n                {{ t('RightsScopeMenu - Title') }}\n            </h3>\n            <ClassicInputText\n                v-model:text-init=\"search\"\n                :placeholder=\"t('RightsScopeMenu - Search')\"\n                can-be-null\n            />\n        </div>\n\n        <div v-if=\"showFirstList\" class=\"suborga-list mb-4\">\n            <h4>{{ t('RightsScopeMenu - First list - Title') }}</h4>\n            <span\n                v-for=\"suborga in userSubOrgas\"\n                :key=\"suborga.id\"\n                class=\"suborga\"\n                @click=\"select(suborga)\"\n            >\n                {{ suborga.name }}\n            </span>\n        </div>\n\n        <div class=\"suborga-list\">\n            <h4>{{ secondListTitle }}</h4>\n\n            <div v-if=\"showLetters\" class=\"letters mt-2\">\n                <button\n                    v-for=\"letter in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'\"\n                    :key=\"letter\"\n                    type=\"button\"\n                    class=\"letter\"\n                    :title=\"subOrgaByLetter.has(letter) ? undefined : t('RightsScopeMenu - Letters - No sub orga for letter')\"\n                    :disabled=\"!subOrgaByLetter.has(letter)\"\n                    @click=\"scrollToLetter(letter)\"\n                >\n                    {{ letter }}\n                </button>\n            </div>\n\n            <div\n                v-for=\"[letter, suborgaForLetter] in subOrgaByLetter\"\n                :key=\"'suborgas-' + letter\"\n            >\n                <div\n                    :id=\"'suborga-letter-' + letter\"\n                    class=\"letter\"\n                    tabindex=\"-1\"\n                >\n                    {{ letter }}\n                </div>\n                <span\n                    v-for=\"suborga in suborgaForLetter\"\n                    :key=\"suborga.id\"\n                    class=\"suborga\"\n                    @click=\"select(suborga)\"\n                >\n                    {{ suborga.name }}\n                </span>\n            </div>\n        </div>\n\n        <p role=\"status\" class=\"text-indic px-3\">\n            <template v-if=\"noResult\">\n                {{ t('RightsScopeMenu - No result') }}\n            </template>\n        </p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent, nextTick, onUnmounted, ref, toRef, useTemplateRef, watch } from 'vue';\nimport { useAuthStore } from '../../stores/AuthStore';\nimport { SubOrganisation, useSubOrganisations } from '../composable/useSubOrganisations';\nimport { useI18n } from 'vue-i18n';\nimport CloseIcon from 'vue-material-design-icons/Close.vue';\n\nconst ClassicInputText = defineAsyncComponent(() => import('../form/ClassicInputText.vue'));\n\nconst { t } = useI18n();\n\n///////////////////////////////\n// Menu\n///////////////////////////////\nconst props = defineProps<{\n    open?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    (e: 'update:open', open: boolean): void;\n}>();\n\nconst menuNav = useTemplateRef('menuNav');\nlet previousFocus: HTMLElement | null = null;\n\nwatch(() => props.open, async open => {\n    if (open) {\n        previousFocus = document.activeElement as HTMLElement | null;\n        setTimeout(() => document.addEventListener('click', openOnClick), 200);\n        document.addEventListener('keydown', closeOnEscape);\n        // Wait for the menu to no longer be inert before focusing\n        await nextTick();\n        menuNav.value?.querySelector('input')?.focus();\n    } else {\n        removeListeners();\n        // Only give focus back if it would otherwise be lost (inside the\n        // closed menu, or on body), to avoid stealing it after a click\n        // elsewhere\n        const active = document.activeElement;\n        if (active === document.body || menuNav.value?.contains(active)) {\n            previousFocus?.focus();\n        }\n    }\n});\n\nonUnmounted(removeListeners);\n\nfunction removeListeners(): void {\n    document.removeEventListener('click', openOnClick);\n    document.removeEventListener('keydown', closeOnEscape);\n}\n\nfunction close(): void {\n    emit('update:open', false);\n}\n\nfunction openOnClick(event: MouseEvent) {\n    const menu = menuNav.value;\n    if (props.open && event.target && !menu?.contains(event.target as Node)) {\n        close();\n    }\n}\n\nfunction closeOnEscape(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n        close();\n    }\n}\n\nfunction prefersReducedMotion(): boolean {\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n///////////////////////////////\n// Display list\n///////////////////////////////\nconst search = ref('');\nconst authStore = useAuthStore();\nconst { subOrganisations, selectSubOrganisation } = useSubOrganisations(toRef(authStore, 'authOrgaId'));\n\nfunction normalize(str: string): string {\n    // Separate accented character in letter/diacritic, then remove the\n    // diacritic\n    return str.toUpperCase().normalize(\"NFD\").replace(/\\p{Diacritic}/gu, '');\n}\n\nconst normalizedSearch = computed((): string => {\n    return normalize(search.value);\n});\n\nconst userSubOrgas = computed((): Array<SubOrganisation> => {\n    const userScope = authStore.userScope;\n    return subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => userScope.includes(sub.id))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n});\n\nconst showFirstList = computed((): boolean => {\n    return userSubOrgas.value.length > 0;\n});\n\nconst secondListTitle = computed((): string => {\n    const userScope = authStore.userScope;\n    if (userScope.length === 0) {\n        return t('RightsScopeMenu - Second list - Title unscoped');\n    } else {\n        return t('RightsScopeMenu - Second list - Title scoped');\n    }\n});\n\nconst showLetters = computed((): boolean => {\n    return subOrganisations.value.length > 10;\n});\n\nconst subOrgaByLetter = computed((): Map<string, Array<SubOrganisation>> => {\n    const data: Map<string, Array<SubOrganisation>> = new Map();\n\n    const filtered = subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => !userSubOrgas.value.includes(sub))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n\n    if (showLetters.value) {\n        filtered.forEach((sub: SubOrganisation) => {\n            const firstLetter = sub.name[0];\n            if (data.has(firstLetter)) {\n                const present = data.get(firstLetter);\n                present!.push(sub);\n            } else {\n                data.set(firstLetter, [sub]);\n            }\n        });\n    } else {\n        data.set(null, filtered);\n    }\n\n    data.values().forEach(ary => ary.sort((a, b) => a.name.localeCompare(b.name)));\n\n    return data;\n});\n\nconst noResult = computed((): boolean => {\n    return !showFirstList.value\n        && [...subOrgaByLetter.value.values()].every(ary => ary.length === 0);\n});\n\nfunction scrollToLetter(letter: string): void {\n    if (!subOrgaByLetter.value.has(letter)) {\n        return;\n    }\n    const container = menuNav.value;\n    const target: HTMLElement | null | undefined = container?.querySelector(`#suborga-letter-${letter}`);\n    if (container && target) {\n        container.scrollTo({\n            top: target.offsetTop,\n            behavior: prefersReducedMotion() ? 'auto' : 'smooth'\n        });\n        target.focus({ preventScroll: true });\n    }\n}\n\n///////////////////////////////\n// Sub orga selection\n///////////////////////////////\nfunction select(org: SubOrganisation): void {\n    selectSubOrganisation(org);\n    emit('update:open', false);\n}\n</script>\n\n<style scoped lang=\"scss\">\n#suborga-list-menu-btn {\n    transition: rotate 0.3s ease-out;\n    \n    &.active {\n        rotate: 90deg;\n    }\n}\n\n#suborga-list-menu {\n    z-index: 100;\n    \n    --width: 30dvw;\n\n    // Positioning\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: var(--width);\n    height: 100dvh;\n\n    // Margins\n    padding: 1.5em 0;\n\n    // Overflow\n    overflow-y: auto;\n\n    // Style\n    background-color: white;\n    //border-radius: 0 var(--octopus-border-radius);\n    border-right: 2px solid var(--octopus-primary);\n\n    // Animation\n    @media (prefers-reduced-motion: no-preference) {\n        transition: left 0.6s ease-out;\n    }\n\n    &.shown {\n        left: 0;\n    }\n\n    &:not(.shown) {\n        left: calc(var(--width) * -1);\n    }\n\n    @media(width <= 960px) {\n        --width: 100dvw;\n    }\n}\n\n.close-btn {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n}\n\nh4 {\n    margin-left: 10px;\n    color: var(--octopus-primary);\n}\n\n.letter {\n    color: var(--pm-accent);\n    font-weight: bold;\n    font-size: 1em;\n    background-color: oklch(from var(--pm-accent) l c h / 15%);\n}\n\n.search {\n    padding: 0 1rem;\n\n    h3 {\n        color: var(--pm-accent);\n        text-align: center;\n    }\n}\n\n.letters {\n    display: grid;\n    grid-template-columns: repeat(9, 28px);\n    width: fit-content;\n    margin: auto;\n\n    .letter {\n        border: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: black;\n        margin: 7px 0 8px;\n        width: 24px;\n        height: 24px;\n        border-radius: 8px;\n        font-size: 12px;\n        padding: 0 !important;\n        cursor: pointer;\n\n        &:disabled {\n            background-color: #EBF3FE;\n            cursor: not-allowed;\n        }\n    }\n}\n\n.suborga-list {\n    .letter {\n        padding: 0.1rem 1rem;\n        color: var(--octopus-primary);\n    }\n\n    .suborga {\n        display: block;\n        padding: 0.5rem 1.4rem;\n        cursor: pointer;\n\n        &:not(:last-child) {\n            border-bottom: 1px solid var(--octopus-primary-really-transparent);\n        }\n    }\n}\n</style>\n","<template>\n    <div\n        id=\"suborga-list-menu\"\n        ref=\"menuNav\"\n        role=\"dialog\"\n        aria-labelledby=\"suborga-list-menu-title\"\n        :class=\"{ shown: open }\"\n        :inert=\"!open\"\n    >\n        <button\n            type=\"button\"\n            class=\"btn-transparent close-btn\"\n            @click=\"close\"\n        >\n            <CloseIcon :title=\"t('Close')\" />\n        </button>\n\n        <div class=\"search\">\n            <h3 id=\"suborga-list-menu-title\">\n                {{ t('RightsScopeMenu - Title') }}\n            </h3>\n            <ClassicInputText\n                v-model:text-init=\"search\"\n                :placeholder=\"t('RightsScopeMenu - Search')\"\n                can-be-null\n            />\n        </div>\n\n        <div v-if=\"showFirstList\" class=\"suborga-list mb-4\">\n            <h4>{{ t('RightsScopeMenu - First list - Title') }}</h4>\n            <span\n                v-for=\"suborga in userSubOrgas\"\n                :key=\"suborga.id\"\n                class=\"suborga\"\n                @click=\"select(suborga)\"\n            >\n                {{ suborga.name }}\n            </span>\n        </div>\n\n        <div class=\"suborga-list\">\n            <h4>{{ secondListTitle }}</h4>\n\n            <div v-if=\"showLetters\" class=\"letters mt-2\">\n                <button\n                    v-for=\"letter in 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'\"\n                    :key=\"letter\"\n                    type=\"button\"\n                    class=\"letter\"\n                    :title=\"subOrgaByLetter.has(letter) ? undefined : t('RightsScopeMenu - Letters - No sub orga for letter')\"\n                    :disabled=\"!subOrgaByLetter.has(letter)\"\n                    @click=\"scrollToLetter(letter)\"\n                >\n                    {{ letter }}\n                </button>\n            </div>\n\n            <div\n                v-for=\"[letter, suborgaForLetter] in subOrgaByLetter\"\n                :key=\"'suborgas-' + letter\"\n            >\n                <div\n                    :id=\"'suborga-letter-' + letter\"\n                    class=\"letter\"\n                    tabindex=\"-1\"\n                >\n                    {{ letter }}\n                </div>\n                <span\n                    v-for=\"suborga in suborgaForLetter\"\n                    :key=\"suborga.id\"\n                    class=\"suborga\"\n                    @click=\"select(suborga)\"\n                >\n                    {{ suborga.name }}\n                </span>\n            </div>\n        </div>\n\n        <p role=\"status\" class=\"text-indic px-3\">\n            <template v-if=\"noResult\">\n                {{ t('RightsScopeMenu - No result') }}\n            </template>\n        </p>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, defineAsyncComponent, nextTick, onUnmounted, ref, toRef, useTemplateRef, watch } from 'vue';\nimport { useAuthStore } from '../../stores/AuthStore';\nimport { SubOrganisation, useSubOrganisations } from '../composable/useSubOrganisations';\nimport { useI18n } from 'vue-i18n';\nimport CloseIcon from 'vue-material-design-icons/Close.vue';\n\nconst ClassicInputText = defineAsyncComponent(() => import('../form/ClassicInputText.vue'));\n\nconst { t } = useI18n();\n\n///////////////////////////////\n// Menu\n///////////////////////////////\nconst props = defineProps<{\n    open?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    (e: 'update:open', open: boolean): void;\n}>();\n\nconst menuNav = useTemplateRef('menuNav');\nlet previousFocus: HTMLElement | null = null;\n\nwatch(() => props.open, async open => {\n    if (open) {\n        previousFocus = document.activeElement as HTMLElement | null;\n        setTimeout(() => document.addEventListener('click', openOnClick), 200);\n        document.addEventListener('keydown', closeOnEscape);\n        // Wait for the menu to no longer be inert before focusing\n        await nextTick();\n        menuNav.value?.querySelector('input')?.focus();\n    } else {\n        removeListeners();\n        // Only give focus back if it would otherwise be lost (inside the\n        // closed menu, or on body), to avoid stealing it after a click\n        // elsewhere\n        const active = document.activeElement;\n        if (active === document.body || menuNav.value?.contains(active)) {\n            previousFocus?.focus();\n        }\n    }\n});\n\nonUnmounted(removeListeners);\n\nfunction removeListeners(): void {\n    document.removeEventListener('click', openOnClick);\n    document.removeEventListener('keydown', closeOnEscape);\n}\n\nfunction close(): void {\n    emit('update:open', false);\n}\n\nfunction openOnClick(event: MouseEvent) {\n    const menu = menuNav.value;\n    if (props.open && event.target && !menu?.contains(event.target as Node)) {\n        close();\n    }\n}\n\nfunction closeOnEscape(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n        close();\n    }\n}\n\nfunction prefersReducedMotion(): boolean {\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n///////////////////////////////\n// Display list\n///////////////////////////////\nconst search = ref('');\nconst authStore = useAuthStore();\nconst { subOrganisations, selectSubOrganisation } = useSubOrganisations(toRef(authStore, 'authOrgaId'));\n\nfunction normalize(str: string): string {\n    // Separate accented character in letter/diacritic, then remove the\n    // diacritic\n    return str.toUpperCase().normalize(\"NFD\").replace(/\\p{Diacritic}/gu, '');\n}\n\nconst normalizedSearch = computed((): string => {\n    return normalize(search.value);\n});\n\nconst userSubOrgas = computed((): Array<SubOrganisation> => {\n    const userScope = authStore.userScope;\n    return subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => userScope.includes(sub.id))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n});\n\nconst showFirstList = computed((): boolean => {\n    return userSubOrgas.value.length > 0;\n});\n\nconst secondListTitle = computed((): string => {\n    const userScope = authStore.userScope;\n    if (userScope.length === 0) {\n        return t('RightsScopeMenu - Second list - Title unscoped');\n    } else {\n        return t('RightsScopeMenu - Second list - Title scoped');\n    }\n});\n\nconst showLetters = computed((): boolean => {\n    return subOrganisations.value.length > 10;\n});\n\nconst subOrgaByLetter = computed((): Map<string, Array<SubOrganisation>> => {\n    const data: Map<string, Array<SubOrganisation>> = new Map();\n\n    const filtered = subOrganisations.value\n        .filter(sub => sub.name.includes(normalizedSearch.value))\n        .filter(sub => !userSubOrgas.value.includes(sub))\n        .sort((o1, o2) => o1.name.localeCompare(o2.name))\n    ;\n\n    if (showLetters.value) {\n        filtered.forEach((sub: SubOrganisation) => {\n            const firstLetter = sub.name[0];\n            if (data.has(firstLetter)) {\n                const present = data.get(firstLetter);\n                present!.push(sub);\n            } else {\n                data.set(firstLetter, [sub]);\n            }\n        });\n    } else {\n        data.set(null, filtered);\n    }\n\n    data.values().forEach(ary => ary.sort((a, b) => a.name.localeCompare(b.name)));\n\n    return data;\n});\n\nconst noResult = computed((): boolean => {\n    return !showFirstList.value\n        && [...subOrgaByLetter.value.values()].every(ary => ary.length === 0);\n});\n\nfunction scrollToLetter(letter: string): void {\n    if (!subOrgaByLetter.value.has(letter)) {\n        return;\n    }\n    const container = menuNav.value;\n    const target: HTMLElement | null | undefined = container?.querySelector(`#suborga-letter-${letter}`);\n    if (container && target) {\n        container.scrollTo({\n            top: target.offsetTop,\n            behavior: prefersReducedMotion() ? 'auto' : 'smooth'\n        });\n        target.focus({ preventScroll: true });\n    }\n}\n\n///////////////////////////////\n// Sub orga selection\n///////////////////////////////\nfunction select(org: SubOrganisation): void {\n    selectSubOrganisation(org);\n    emit('update:open', false);\n}\n</script>\n\n<style scoped lang=\"scss\">\n#suborga-list-menu-btn {\n    transition: rotate 0.3s ease-out;\n    \n    &.active {\n        rotate: 90deg;\n    }\n}\n\n#suborga-list-menu {\n    z-index: 100;\n    \n    --width: 30dvw;\n\n    // Positioning\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: var(--width);\n    height: 100dvh;\n\n    // Margins\n    padding: 1.5em 0;\n\n    // Overflow\n    overflow-y: auto;\n\n    // Style\n    background-color: white;\n    //border-radius: 0 var(--octopus-border-radius);\n    border-right: 2px solid var(--octopus-primary);\n\n    // Animation\n    @media (prefers-reduced-motion: no-preference) {\n        transition: left 0.6s ease-out;\n    }\n\n    &.shown {\n        left: 0;\n    }\n\n    &:not(.shown) {\n        left: calc(var(--width) * -1);\n    }\n\n    @media(width <= 960px) {\n        --width: 100dvw;\n    }\n}\n\n.close-btn {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n}\n\nh4 {\n    margin-left: 10px;\n    color: var(--octopus-primary);\n}\n\n.letter {\n    color: var(--pm-accent);\n    font-weight: bold;\n    font-size: 1em;\n    background-color: oklch(from var(--pm-accent) l c h / 15%);\n}\n\n.search {\n    padding: 0 1rem;\n\n    h3 {\n        color: var(--pm-accent);\n        text-align: center;\n    }\n}\n\n.letters {\n    display: grid;\n    grid-template-columns: repeat(9, 28px);\n    width: fit-content;\n    margin: auto;\n\n    .letter {\n        border: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: black;\n        margin: 7px 0 8px;\n        width: 24px;\n        height: 24px;\n        border-radius: 8px;\n        font-size: 12px;\n        padding: 0 !important;\n        cursor: pointer;\n\n        &:disabled {\n            background-color: #EBF3FE;\n            cursor: not-allowed;\n        }\n    }\n}\n\n.suborga-list {\n    .letter {\n        padding: 0.1rem 1rem;\n        color: var(--octopus-primary);\n    }\n\n    .suborga {\n        display: block;\n        padding: 0.5rem 1.4rem;\n        cursor: pointer;\n\n        &:not(:last-child) {\n            border-bottom: 1px solid var(--octopus-primary-really-transparent);\n        }\n    }\n}\n</style>\n","<template>\n    <div class=\"top-bar-grid header-content\" :class=\"{ scrolled: titleIsDisplayed }\">\n        <div class=\"d-flex align-items-center\">\n            <!-- Logo to the left -->\n            <router-link\n                class=\"top-bar-logo d-block\"\n                :to=\"{\n                    name: 'home',\n                    query: getQueriesRouter('home'),\n                }\"\n                :title=\"t('Home')\"\n            >\n                <img\n                    v-if=\"!filterStore.filterOrgaId || '' === imgUrl\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"140\"\n                    height=\"50\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <img\n                    v-else\n                    :src=\"useProxyImageUrl(imgUrl, '', '80')\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    class=\"client-logo\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : ''\"\n                >\n            </router-link>\n\n            <RightsScopeMenu v-model:open=\"menuOpen\" />\n            <RightsScopeSelector\n                class=\"ms-4\"\n                :open=\"menuOpen\"\n                @change=\"menuOpen = true\"\n            />\n        </div>\n\n        <h1 v-if=\"titleIsDisplayed\" class=\"text-truncate m-0 align-self-center\">\n            {{ titleDisplay }}\n        </h1>\n\n        <!-- Right section -->\n        <div\n            class=\"d-flex right-section\"\n            :class=\"[\n                inContentDisplayPage || isPhone\n                    ? 'flex-row-reverse align-items-center'\n                    : 'flex-column align-items-end',\n            ]\"\n        >\n            <!-- Logo to the right -->\n            <template v-if=\"filterStore.filterOrgaId && '' !== imgUrl\">\n                <img\n                    v-if=\"authStore.isGarRole\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"100\"\n                    height=\"29\"\n                    class=\"ms-2\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <a\n                    v-else\n                    href=\"https://www.saooti.com/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    :title=\"t('New window', {text: 'Saooti'})\"\n                >\n                    <img\n                        :src=\"logoUrl\"\n                        aria-hidden=\"true\"\n                        alt=\"\"\n                        title=\"Saooti\"\n                        width=\"100\"\n                        height=\"29\"\n                        class=\"ms-2\"\n                        :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                    >\n                </a>\n            </template>\n\n            <div role=\"navigation\" class=\"d-flex align-items-center justify-content-end flex-grow-1\">\n                <nav :aria-label=\"t('Site menu')\">\n                    <ul class=\"d-flex\">\n                        <template v-for=\"link in routerLinkArray\" :key=\"link.routeName\">\n                            <li v-if=\"link.condition\" class=\"li-style-none\">\n                                <router-link\n                                    v-show=\"!isPhone\"\n                                    :to=\"{\n                                        name: link.routeName,\n                                        query: getQueriesRouter(link.routeName),\n                                    }\"\n                                    class=\"link-hover py-2 px-3\"\n                                >\n                                    {{ link.title }}\n                                </router-link>\n                            </li>\n                        </template>\n                    </ul>\n                </nav>\n                <button\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    id=\"more-dropdown\"\n                    :title=\"t('More')\"\n                    class=\"d-flex-column flex-nowrap align-items-center btn-transparent py-2 px-3 text-white\"\n                >\n                    <span class=\"link-hover\">\n                        {{ t(\"More\") }}\n                    </span>\n                    <ChevronDownIcon />\n                </button>\n                <ClassicPopover\n                    target=\"more-dropdown\"\n                    :only-click=\"true\"\n                    :is-fixed=\"true\"\n                    :left-pos=\"true\"\n                    :is-top-layer=\"true\"\n                >\n                    <nav class=\"d-flex flex-column\" :aria-label=\"t('Site menu')\">\n                        <ul class=\"p-0 m-0\">\n                            <template v-for=\"link in routerLinkInsideArray\" :key=\"link.routeName\">\n                                <li\n                                    v-if=\"link.condition\"\n                                    class=\"li-style-none\"\n                                >\n                                    <router-link\n                                        :to=\"{\n                                            name: link.routeName,\n                                            query: getQueriesRouter(link.routeName),\n                                        }\"\n                                        class=\"p-1 octopus-dropdown-item\"\n                                    >\n                                        {{ link.title }}\n                                    </router-link>\n                                </li>\n                            </template>\n                        </ul>\n                    </nav>\n                </ClassicPopover>\n\n                <MobileMenu\n                    :is-education=\"generalStore.platformEducation\"\n                    :show=\"mobileMenuDisplay\"\n                    :not-podcast-and-emission=\"inContentDisplayPage && !scrolled\"\n                />\n                <HomeDropdown\n                    :is-education=\"generalStore.platformEducation\"\n                    :mobile-menu-display=\"mobileMenuDisplay\"\n                    v-bind=\"options?.homeDropdown\"\n                />\n                <router-link\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    :title=\"t('Search')\"\n                    :to=\"{\n                        name: 'podcasts',\n                    }\"\n                    class=\"btn admin-button m-1 text-blue-octopus\"\n                    role=\"search\"\n                >\n                    <MagnifyIcon :size=\"30\" />\n                </router-link>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport MagnifyIcon from \"vue-material-design-icons/Magnify.vue\";\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport HomeDropdown, { type HomeDropdownProps } from \"./HomeDropdown.vue\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport { defineAsyncComponent, computed, ref } from \"vue\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport RightsScopeSelector from \"./RightsScopeSelector.vue\";\nimport RightsScopeMenu from \"./RightsScopeMenu.vue\"; \nconst MobileMenu = defineAsyncComponent(() => import(\"./MobileMenu.vue\"));\n\nexport interface TopBarMainContentOptions {\n    homeDropdown?: HomeDropdownProps;\n}\n\nexport interface TopBarMainContentProps {\n    isPhone?: boolean;\n    titleDisplay?: string;\n    scrolled?: boolean;\n};\n\n//Props \nconst props = defineProps<TopBarMainContentProps & {\n    /** Props for subcomponents */\n    options?: TopBarMainContentOptions;\n}>();\n\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\nconst menuOpen = ref(false);\n\n//Computed\nconst mobileMenuDisplay = computed(() => props.isPhone || inContentDisplayPage.value);\nconst titleIsDisplayed = computed(() => inContentDisplayPage.value && props.scrolled && !props.isPhone);\nconst inContentDisplayPage = computed(() => 0 !== props.titleDisplay.length);\nconst routerLinkArray = computed(() => [{\n    title: t(\"Radio & Live\"),\n    routeName: \"lives\",\n    condition:\n        !inContentDisplayPage.value &&\n        (state.generalParameters.isLiveTab as boolean) &&\n        ((filterStore.filterOrgaId && filterStore.filterLive) || !filterStore.filterOrgaId),\n}, {\n    title: t(\"Podcasts\"),\n    routeName: \"podcasts\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}, {\n    title: t(\"Emissions\"),\n    routeName: \"emissions\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}]);\n\nconst routerLinkInsideArray = computed(() =>{\n    return [\n        {\n            title: t(\"Speakers\"),\n            routeName: \"participants\",\n            condition: true,\n        },\n        {\n            title: t(\"Playlists\"),\n            routeName: \"playlists\",\n            condition: true,\n        },\n        {\n            title: t(\"Productors\"),\n            routeName: \"productors\",\n            condition:\n                !state.generalParameters.podcastmaker && (!filterStore.filterOrgaId || generalStore.platformEducation),\n        },\n    ];\n});\nconst logoUrl = computed(() =>{\n    if (generalStore.platformEducation) {\n        return \"/img/logo_education_white.svg\";\n    }\n    return props.isPhone\n        ? \"/img/logo_octopus_bubble.svg\"\n        : \"/img/logo_saooti_play_white.svg\";\n});\nconst imgUrl = computed(() =>{\n    if (!filterStore.filterImgUrl?.includes(\"emptypodcast\")){\n        return `${filterStore.filterImgUrl}`;\n    }\n    return \"\";\n});\n \n//Methods\nfunction getQueriesRouter(routeName: string) {\n    if (\"podcasts\" !== routeName && \"emissions\" !== routeName  && \"home\" !== routeName) {\n        return { productor: filterStore.filterOrgaId };\n    }\n    return {\n        productor: filterStore.filterOrgaId,\n        iabId: filterStore.filterIab?.id,\n        rubriquesId: rubriqueQueryParam.value,\n    };\n}\n</script>\n\n<style scoped lang=\"scss\">\n.top-bar-grid {\n    display: grid;\n    grid-template-columns: 1fr 5fr;\n    padding: 0 1rem 0 0.5rem;\n\n    &.scrolled {\n        grid-template-columns: 1fr 2fr 1fr;\n    }\n\n    @media (width <= 450px) {\n        padding: 0 0.5rem;\n    }\n\n    .link-hover {\n        color: white;\n        font-weight: bold;\n        font-size: 0.93rem;\n        text-decoration: underline;\n        text-decoration-color: transparent;\n        transition: text-decoration-color 250ms;\n        text-underline-offset: 8px;\n\n        &.link-hover:hover,\n        &.link-hover.router-link-exact-active.router-link-active {\n            color: white;\n            text-decoration-color: white;\n        }\n    }\n\n    .client-logo {\n        border-radius: var(--octopus-border-radius);\n    }\n\n    .top-bar-logo img {\n        max-width: 140px !important;\n        max-height: 4rem;\n        height: 4rem;\n\n        &.education-logo {\n            height: auto;\n        }\n\n        @media (width <= 650px) {\n            max-height: 2rem;\n        }\n    }\n\n    .octopus-logo {\n        @media (width <= 960px) {\n            max-width: 30px !important;\n        }\n    }\n}\n\n.right-section {\n    padding-top: 0.5rem;\n}\n</style>\n","<template>\n    <div class=\"top-bar-grid header-content\" :class=\"{ scrolled: titleIsDisplayed }\">\n        <div class=\"d-flex align-items-center\">\n            <!-- Logo to the left -->\n            <router-link\n                class=\"top-bar-logo d-block\"\n                :to=\"{\n                    name: 'home',\n                    query: getQueriesRouter('home'),\n                }\"\n                :title=\"t('Home')\"\n            >\n                <img\n                    v-if=\"!filterStore.filterOrgaId || '' === imgUrl\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"140\"\n                    height=\"50\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <img\n                    v-else\n                    :src=\"useProxyImageUrl(imgUrl, '', '80')\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    class=\"client-logo\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : ''\"\n                >\n            </router-link>\n\n            <RightsScopeMenu v-model:open=\"menuOpen\" />\n            <RightsScopeSelector\n                class=\"ms-4\"\n                :open=\"menuOpen\"\n                @change=\"menuOpen = true\"\n            />\n        </div>\n\n        <h1 v-if=\"titleIsDisplayed\" class=\"text-truncate m-0 align-self-center\">\n            {{ titleDisplay }}\n        </h1>\n\n        <!-- Right section -->\n        <div\n            class=\"d-flex right-section\"\n            :class=\"[\n                inContentDisplayPage || isPhone\n                    ? 'flex-row-reverse align-items-center'\n                    : 'flex-column align-items-end',\n            ]\"\n        >\n            <!-- Logo to the right -->\n            <template v-if=\"filterStore.filterOrgaId && '' !== imgUrl\">\n                <img\n                    v-if=\"authStore.isGarRole\"\n                    :src=\"logoUrl\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                    width=\"100\"\n                    height=\"29\"\n                    class=\"ms-2\"\n                    title=\"Logo\"\n                    :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                >\n                <a\n                    v-else\n                    href=\"https://www.saooti.com/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer noopener\"\n                    :title=\"t('New window', {text: 'Saooti'})\"\n                >\n                    <img\n                        :src=\"logoUrl\"\n                        aria-hidden=\"true\"\n                        alt=\"\"\n                        title=\"Saooti\"\n                        width=\"100\"\n                        height=\"29\"\n                        class=\"ms-2\"\n                        :class=\"generalStore.platformEducation ? 'education-logo' : 'octopus-logo'\"\n                    >\n                </a>\n            </template>\n\n            <div role=\"navigation\" class=\"d-flex align-items-center justify-content-end flex-grow-1\">\n                <nav :aria-label=\"t('Site menu')\">\n                    <ul class=\"d-flex\">\n                        <template v-for=\"link in routerLinkArray\" :key=\"link.routeName\">\n                            <li v-if=\"link.condition\" class=\"li-style-none\">\n                                <router-link\n                                    v-show=\"!isPhone\"\n                                    :to=\"{\n                                        name: link.routeName,\n                                        query: getQueriesRouter(link.routeName),\n                                    }\"\n                                    class=\"link-hover py-2 px-3\"\n                                >\n                                    {{ link.title }}\n                                </router-link>\n                            </li>\n                        </template>\n                    </ul>\n                </nav>\n                <button\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    id=\"more-dropdown\"\n                    :title=\"t('More')\"\n                    class=\"d-flex-column flex-nowrap align-items-center btn-transparent py-2 px-3 text-white\"\n                >\n                    <span class=\"link-hover\">\n                        {{ t(\"More\") }}\n                    </span>\n                    <ChevronDownIcon />\n                </button>\n                <ClassicPopover\n                    target=\"more-dropdown\"\n                    :only-click=\"true\"\n                    :is-fixed=\"true\"\n                    :left-pos=\"true\"\n                    :is-top-layer=\"true\"\n                >\n                    <nav class=\"d-flex flex-column\" :aria-label=\"t('Site menu')\">\n                        <ul class=\"p-0 m-0\">\n                            <template v-for=\"link in routerLinkInsideArray\" :key=\"link.routeName\">\n                                <li\n                                    v-if=\"link.condition\"\n                                    class=\"li-style-none\"\n                                >\n                                    <router-link\n                                        :to=\"{\n                                            name: link.routeName,\n                                            query: getQueriesRouter(link.routeName),\n                                        }\"\n                                        class=\"p-1 octopus-dropdown-item\"\n                                    >\n                                        {{ link.title }}\n                                    </router-link>\n                                </li>\n                            </template>\n                        </ul>\n                    </nav>\n                </ClassicPopover>\n\n                <MobileMenu\n                    :is-education=\"generalStore.platformEducation\"\n                    :show=\"mobileMenuDisplay\"\n                    :not-podcast-and-emission=\"inContentDisplayPage && !scrolled\"\n                />\n                <HomeDropdown\n                    :is-education=\"generalStore.platformEducation\"\n                    :mobile-menu-display=\"mobileMenuDisplay\"\n                    v-bind=\"options?.homeDropdown\"\n                />\n                <router-link\n                    v-show=\"!isPhone && !inContentDisplayPage\"\n                    :title=\"t('Search')\"\n                    :to=\"{\n                        name: 'podcasts',\n                    }\"\n                    class=\"btn admin-button m-1 text-blue-octopus\"\n                    role=\"search\"\n                >\n                    <MagnifyIcon :size=\"30\" />\n                </router-link>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport MagnifyIcon from \"vue-material-design-icons/Magnify.vue\";\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport HomeDropdown, { type HomeDropdownProps } from \"./HomeDropdown.vue\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport ClassicPopover from \"../misc/ClassicPopover.vue\";\nimport { defineAsyncComponent, computed, ref } from \"vue\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport RightsScopeSelector from \"./RightsScopeSelector.vue\";\nimport RightsScopeMenu from \"./RightsScopeMenu.vue\"; \nconst MobileMenu = defineAsyncComponent(() => import(\"./MobileMenu.vue\"));\n\nexport interface TopBarMainContentOptions {\n    homeDropdown?: HomeDropdownProps;\n}\n\nexport interface TopBarMainContentProps {\n    isPhone?: boolean;\n    titleDisplay?: string;\n    scrolled?: boolean;\n};\n\n//Props \nconst props = defineProps<TopBarMainContentProps & {\n    /** Props for subcomponents */\n    options?: TopBarMainContentOptions;\n}>();\n\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\nconst filterStore = useFilterStore();\n\nconst menuOpen = ref(false);\n\n//Computed\nconst mobileMenuDisplay = computed(() => props.isPhone || inContentDisplayPage.value);\nconst titleIsDisplayed = computed(() => inContentDisplayPage.value && props.scrolled && !props.isPhone);\nconst inContentDisplayPage = computed(() => 0 !== props.titleDisplay.length);\nconst routerLinkArray = computed(() => [{\n    title: t(\"Radio & Live\"),\n    routeName: \"lives\",\n    condition:\n        !inContentDisplayPage.value &&\n        (state.generalParameters.isLiveTab as boolean) &&\n        ((filterStore.filterOrgaId && filterStore.filterLive) || !filterStore.filterOrgaId),\n}, {\n    title: t(\"Podcasts\"),\n    routeName: \"podcasts\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}, {\n    title: t(\"Emissions\"),\n    routeName: \"emissions\",\n    condition:\n        !inContentDisplayPage.value ||\n        (inContentDisplayPage.value && !props.scrolled),\n}]);\n\nconst routerLinkInsideArray = computed(() =>{\n    return [\n        {\n            title: t(\"Speakers\"),\n            routeName: \"participants\",\n            condition: true,\n        },\n        {\n            title: t(\"Playlists\"),\n            routeName: \"playlists\",\n            condition: true,\n        },\n        {\n            title: t(\"Productors\"),\n            routeName: \"productors\",\n            condition:\n                !state.generalParameters.podcastmaker && (!filterStore.filterOrgaId || generalStore.platformEducation),\n        },\n    ];\n});\nconst logoUrl = computed(() =>{\n    if (generalStore.platformEducation) {\n        return \"/img/logo_education_white.svg\";\n    }\n    return props.isPhone\n        ? \"/img/logo_octopus_bubble.svg\"\n        : \"/img/logo_saooti_play_white.svg\";\n});\nconst imgUrl = computed(() =>{\n    if (!filterStore.filterImgUrl?.includes(\"emptypodcast\")){\n        return `${filterStore.filterImgUrl}`;\n    }\n    return \"\";\n});\n \n//Methods\nfunction getQueriesRouter(routeName: string) {\n    if (\"podcasts\" !== routeName && \"emissions\" !== routeName  && \"home\" !== routeName) {\n        return { productor: filterStore.filterOrgaId };\n    }\n    return {\n        productor: filterStore.filterOrgaId,\n        iabId: filterStore.filterIab?.id,\n        rubriquesId: rubriqueQueryParam.value,\n    };\n}\n</script>\n\n<style scoped lang=\"scss\">\n.top-bar-grid {\n    display: grid;\n    grid-template-columns: 1fr 5fr;\n    padding: 0 1rem 0 0.5rem;\n\n    &.scrolled {\n        grid-template-columns: 1fr 2fr 1fr;\n    }\n\n    @media (width <= 450px) {\n        padding: 0 0.5rem;\n    }\n\n    .link-hover {\n        color: white;\n        font-weight: bold;\n        font-size: 0.93rem;\n        text-decoration: underline;\n        text-decoration-color: transparent;\n        transition: text-decoration-color 250ms;\n        text-underline-offset: 8px;\n\n        &.link-hover:hover,\n        &.link-hover.router-link-exact-active.router-link-active {\n            color: white;\n            text-decoration-color: white;\n        }\n    }\n\n    .client-logo {\n        border-radius: var(--octopus-border-radius);\n    }\n\n    .top-bar-logo img {\n        max-width: 140px !important;\n        max-height: 4rem;\n        height: 4rem;\n\n        &.education-logo {\n            height: auto;\n        }\n\n        @media (width <= 650px) {\n            max-height: 2rem;\n        }\n    }\n\n    .octopus-logo {\n        @media (width <= 960px) {\n            max-width: 30px !important;\n        }\n    }\n}\n\n.right-section {\n    padding-top: 0.5rem;\n}\n</style>\n","<template>\n  <header\n    role=\"banner\"\n    class=\"header-saooti-play\"\n    :style=\"headerBackgroundImage\"\n    :class=\"[generalStore.contentToDisplay ? 'header-img-bg':'bg-gradient', scrolled? 'scrolled':'', needToBlur ? 'header-force-blur':'']\"\n  >\n    <TopBarMainContent\n      :is-phone=\"isPhone\"\n      :scrolled=\"scrolled\"\n      :title-display=\"titleToDisplay\"\n      style=\"height: var(--header-size);\"\n      :class=\"headerBackgroundImage.length ? 'header-opacity':''\"\n      :options=\"options?.topBarMainContent\"\n    />\n  </header>\n\n  <div\n    v-if=\"generalStore.contentToDisplay\"\n    class=\"header-content-bg\"\n    :style=\"headerBackgroundImage\"\n    :class=\"{ scrolled: scrolled, 'header-force-blur':needToBlur }\"\n  >\n    <div class=\"header-additional-content header-content\">\n      <h1 v-if=\"!scrolled\" class=\"text-truncate\">\n        {{ titleToDisplay }}\n      </h1>\n      <SubscribeButtons\n        v-if=\"!authStore.isGarRole && content\"\n        v-show=\"!scrolled\"\n        :content=\"content\"\n        :window-width=\"windowWidth\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport TopBarMainContent, { type TopBarMainContentOptions } from \"./TopBarMainContent.vue\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport axios from \"axios\";\nconst SubscribeButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/SubscribeButtons.vue\"),\n);\n\ndefineProps<{\n  options?: {\n    topBarMainContent?: TopBarMainContentOptions\n  }\n}>();\n\n//Data \nconst scrolled = ref(false);\nconst oldScrollY = ref(0);\nconst minScroll = ref(0);\nconst headerBackgroundImage = ref(\"\");\nconst needToBlur = ref(false);\n\n\n//Composables\nconst { isPhone, windowWidth } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\n\n//Computed\nconst titleToDisplay = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission.name;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return (generalStore.contentToDisplay as Playlist).title;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return (generalStore.contentToDisplay as Emission).name;\n  }\n  if ((generalStore.contentToDisplay as Canal)?.id) {\n    return (generalStore.contentToDisplay as Canal).name;\n  }\n  return \"\";\n});\n\n/** The element displayed by the subscribe buttons */\nconst content = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return generalStore.contentToDisplay as Emission;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return generalStore.contentToDisplay as Playlist;\n  }\n  return null;\n});\n\n//Watch\nwatch(()=>generalStore.contentToDisplay, async () => {\n  if(!generalStore.contentToDisplay){\n    headerBackgroundImage.value = \"\";\n    needToBlur.value = false;\n    return;\n  }\n  const widthAsked = window.innerWidth > 960 ? \"1600\":\"1000\";\n  const proxyUrl = useProxyImageUrl(generalStore.contentToDisplay.imageUrl, widthAsked, undefined, true);\n  try {\n    const result = await axios.get(proxyUrl);\n    headerBackgroundImage.value = `background-image: url('${result.data}');`;\n    needToBlur.value = result.data === generalStore.contentToDisplay.imageUrl;\n  } catch {\n    if (generalStore.contentToDisplay.imageUrl) {\n      const url = encodeURI(generalStore.contentToDisplay.imageUrl);\n      headerBackgroundImage.value = `background-image: url('${url}');`;\n      needToBlur.value = true;\n    } else {\n      headerBackgroundImage.value = '';\n    }\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>{\n  window.addEventListener(\"scroll\", handleScroll);\n})\nonBeforeUnmount(() => {\n  window.removeEventListener(\"scroll\", handleScroll);\n})\n\n\n//Methods\nfunction handleScroll(): void {\n  if (\n    window.scrollY - oldScrollY.value > 0 &&\n    window.scrollY > 1 &&\n    document.body.offsetHeight - window.innerHeight > 40\n  ) {\n    if (!scrolled.value) {\n      scrolled.value = true;\n      minScroll.value = 0;\n    }\n  } else if (\n    window.scrollY - oldScrollY.value  < 0 &&\n    window.scrollY < 1 &&\n    minScroll.value > 20\n  ) {\n    scrolled.value = false;\n    minScroll.value = 0;\n  }\n  oldScrollY.value  = window.scrollY;\n  if (minScroll.value < window.scrollY) {\n    minScroll.value = window.scrollY;\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  --header-size: 5rem;\n  --header-additional-content-size: 22rem;\n  @media (width <= 650px) {\n    --header-size: 3.5rem;\n  }\n  @media (width <= 550px) {\n    --header-additional-content-size: 13rem;\n  }\n  .header-saooti-play{\n    z-index: 11;\n    position: sticky;\n    top: 0;\n    background-color: black;\n    &.header-img-bg{\n      background-position: center -20vw;\n      background-repeat: no-repeat;\n      background-size: cover;\n    }\n    &.bg-gradient, &.scrolled{\n      box-shadow: 0 2px 15px 5px var(--octopus-shadow) !important; \n    }\n  }\n  .header-content-bg{\n    background-position: center calc(calc(var(--header-size) * -1) - 20vw);\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: 100%;\n    display: flex;\n    background-color: black;\n    transition: height 0.7s;\n    height: calc(var(--header-additional-content-size) - var(--header-size));\n    @starting-style {\n      height: 0rem;\n    }\n    &.scrolled {\n      height: 0rem;\n    }\n  }\n  .header-additional-content{\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    width: 100%;\n  }\n  .header-additional-content, .header-opacity{\n    background: oklch(0 0 0 / 0.5);\n  }\n  .header-force-blur .header-additional-content, .header-force-blur .header-opacity{\n    backdrop-filter: blur(8px);\n  }\n  .header-content{\n    *:focus-visible {\n      box-shadow: 0 0 10px 1px white !important;\n    }\n    h1 {\n      color: white !important;\n      font-size: 1.8rem;\n      margin: 2rem 5rem;\n      @media (width <= 550px) {\n        font-size: 1rem;\n        margin: 1rem 0.5rem 0.5rem;\n      }\n    }\n    .admin-button:hover,\n    .share-btn:hover {\n      background: white;\n    }\n  }\n}\n</style>\n","<template>\n  <header\n    role=\"banner\"\n    class=\"header-saooti-play\"\n    :style=\"headerBackgroundImage\"\n    :class=\"[generalStore.contentToDisplay ? 'header-img-bg':'bg-gradient', scrolled? 'scrolled':'', needToBlur ? 'header-force-blur':'']\"\n  >\n    <TopBarMainContent\n      :is-phone=\"isPhone\"\n      :scrolled=\"scrolled\"\n      :title-display=\"titleToDisplay\"\n      style=\"height: var(--header-size);\"\n      :class=\"headerBackgroundImage.length ? 'header-opacity':''\"\n      :options=\"options?.topBarMainContent\"\n    />\n  </header>\n\n  <div\n    v-if=\"generalStore.contentToDisplay\"\n    class=\"header-content-bg\"\n    :style=\"headerBackgroundImage\"\n    :class=\"{ scrolled: scrolled, 'header-force-blur':needToBlur }\"\n  >\n    <div class=\"header-additional-content header-content\">\n      <h1 v-if=\"!scrolled\" class=\"text-truncate\">\n        {{ titleToDisplay }}\n      </h1>\n      <SubscribeButtons\n        v-if=\"!authStore.isGarRole && content\"\n        v-show=\"!scrolled\"\n        :content=\"content\"\n        :window-width=\"windowWidth\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport TopBarMainContent, { type TopBarMainContentOptions } from \"./TopBarMainContent.vue\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport axios from \"axios\";\nconst SubscribeButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/SubscribeButtons.vue\"),\n);\n\ndefineProps<{\n  options?: {\n    topBarMainContent?: TopBarMainContentOptions\n  }\n}>();\n\n//Data \nconst scrolled = ref(false);\nconst oldScrollY = ref(0);\nconst minScroll = ref(0);\nconst headerBackgroundImage = ref(\"\");\nconst needToBlur = ref(false);\n\n\n//Composables\nconst { isPhone, windowWidth } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst generalStore = useGeneralStore();\n\n//Computed\nconst titleToDisplay = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission.name;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return (generalStore.contentToDisplay as Playlist).title;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return (generalStore.contentToDisplay as Emission).name;\n  }\n  if ((generalStore.contentToDisplay as Canal)?.id) {\n    return (generalStore.contentToDisplay as Canal).name;\n  }\n  return \"\";\n});\n\n/** The element displayed by the subscribe buttons */\nconst content = computed(() => {\n  if ((generalStore.contentToDisplay as Podcast)?.podcastId) {\n    return (generalStore.contentToDisplay as Podcast).emission;\n  }\n  if ((generalStore.contentToDisplay as Emission)?.emissionId) {\n    return generalStore.contentToDisplay as Emission;\n  }\n  if ((generalStore.contentToDisplay as Playlist)?.playlistId) {\n    return generalStore.contentToDisplay as Playlist;\n  }\n  return null;\n});\n\n//Watch\nwatch(()=>generalStore.contentToDisplay, async () => {\n  if(!generalStore.contentToDisplay){\n    headerBackgroundImage.value = \"\";\n    needToBlur.value = false;\n    return;\n  }\n  const widthAsked = window.innerWidth > 960 ? \"1600\":\"1000\";\n  const proxyUrl = useProxyImageUrl(generalStore.contentToDisplay.imageUrl, widthAsked, undefined, true);\n  try {\n    const result = await axios.get(proxyUrl);\n    headerBackgroundImage.value = `background-image: url('${result.data}');`;\n    needToBlur.value = result.data === generalStore.contentToDisplay.imageUrl;\n  } catch {\n    if (generalStore.contentToDisplay.imageUrl) {\n      const url = encodeURI(generalStore.contentToDisplay.imageUrl);\n      headerBackgroundImage.value = `background-image: url('${url}');`;\n      needToBlur.value = true;\n    } else {\n      headerBackgroundImage.value = '';\n    }\n  }\n}, {deep: true, immediate: true});\n\n\nonMounted(()=>{\n  window.addEventListener(\"scroll\", handleScroll);\n})\nonBeforeUnmount(() => {\n  window.removeEventListener(\"scroll\", handleScroll);\n})\n\n\n//Methods\nfunction handleScroll(): void {\n  if (\n    window.scrollY - oldScrollY.value > 0 &&\n    window.scrollY > 1 &&\n    document.body.offsetHeight - window.innerHeight > 40\n  ) {\n    if (!scrolled.value) {\n      scrolled.value = true;\n      minScroll.value = 0;\n    }\n  } else if (\n    window.scrollY - oldScrollY.value  < 0 &&\n    window.scrollY < 1 &&\n    minScroll.value > 20\n  ) {\n    scrolled.value = false;\n    minScroll.value = 0;\n  }\n  oldScrollY.value  = window.scrollY;\n  if (minScroll.value < window.scrollY) {\n    minScroll.value = window.scrollY;\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  --header-size: 5rem;\n  --header-additional-content-size: 22rem;\n  @media (width <= 650px) {\n    --header-size: 3.5rem;\n  }\n  @media (width <= 550px) {\n    --header-additional-content-size: 13rem;\n  }\n  .header-saooti-play{\n    z-index: 11;\n    position: sticky;\n    top: 0;\n    background-color: black;\n    &.header-img-bg{\n      background-position: center -20vw;\n      background-repeat: no-repeat;\n      background-size: cover;\n    }\n    &.bg-gradient, &.scrolled{\n      box-shadow: 0 2px 15px 5px var(--octopus-shadow) !important; \n    }\n  }\n  .header-content-bg{\n    background-position: center calc(calc(var(--header-size) * -1) - 20vw);\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: 100%;\n    display: flex;\n    background-color: black;\n    transition: height 0.7s;\n    height: calc(var(--header-additional-content-size) - var(--header-size));\n    @starting-style {\n      height: 0rem;\n    }\n    &.scrolled {\n      height: 0rem;\n    }\n  }\n  .header-additional-content{\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    width: 100%;\n  }\n  .header-additional-content, .header-opacity{\n    background: oklch(0 0 0 / 0.5);\n  }\n  .header-force-blur .header-additional-content, .header-force-blur .header-opacity{\n    backdrop-filter: blur(8px);\n  }\n  .header-content{\n    *:focus-visible {\n      box-shadow: 0 0 10px 1px white !important;\n    }\n    h1 {\n      color: white !important;\n      font-size: 1.8rem;\n      margin: 2rem 5rem;\n      @media (width <= 550px) {\n        font-size: 1rem;\n        margin: 1rem 0.5rem 0.5rem;\n      }\n    }\n    .admin-button:hover,\n    .share-btn:hover {\n      background: white;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{UserButtonContent-BR3Rlqwp.mjs → UserButtonContent--VK68UsY.mjs}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { A as t, O as n, i as r } from "./classicApi-pmODlqv5.mjs";
+import { i as t, j as n, k as r } from "./classicApi-CGipMqf7.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import { useI18n as b } from "vue-i18n";
 import { useRoute as x } from "vue-router";
@@ -29,7 +29,7 @@ var C = ["aria-label"], w = { class: "p-0 m-0" }, T = { key: 0 }, E = { class: "
 		}
 	},
 	setup(e) {
-		let f = e, { t: N } = b(), P = r(), F = n(), I = x(), L = a(() => P.authProfile?.userId !== void 0), R = a(() => "/sso/login?redirect_url=" + encodeURI(F.frontendUrl + I.fullPath)), z = a(() => P.authOrgaId !== void 0), B = a(() => P.authProfile?.organisations ?? []), V = a(() => P.isGarRole || f.isEducation ? [] : [{
+		let f = e, { t: N } = b(), P = t(), F = r(), I = x(), L = a(() => P.authProfile?.userId !== void 0), R = a(() => "/sso/login?redirect_url=" + encodeURI(F.frontendUrl + I.fullPath)), z = a(() => P.authOrgaId !== void 0), B = a(() => P.authProfile?.organisations ?? []), V = a(() => P.isGarRole || f.isEducation ? [] : [{
 			title: N("Help"),
 			href: "https://help.octopus.saooti.com/Aide/"
 		}, {
@@ -67,12 +67,12 @@ var C = ["aria-label"], w = { class: "p-0 m-0" }, T = { key: 0 }, E = { class: "
 				condition: z.value
 			}
 		] : []);
-		return (n, r) => {
+		return (t, r) => {
 			let a = g("router-link");
 			return m(), c("nav", { "aria-label": e.navLabel }, [l("ul", w, [e.specificRoutes.length ? (m(), c(i, { key: 0 }, [(m(!0), c(i, null, h(e.specificRoutes, (e) => (m(), c("li", {
 				key: e.path,
 				class: "li-style-none"
-			}, [!v(t).generalParameters.podcastmaker && e.condition ? (m(), o(a, {
+			}, [!v(n).generalParameters.podcastmaker && e.condition ? (m(), o(a, {
 				key: 0,
 				class: p(e.class),
 				to: e.path
@@ -83,7 +83,7 @@ var C = ["aria-label"], w = { class: "p-0 m-0" }, T = { key: 0 }, E = { class: "
 				(m(!0), c(i, null, h(H.value, (e) => (m(), c("li", {
 					key: e.path,
 					class: "li-style-none"
-				}, [!v(t).generalParameters.podcastmaker && e.condition ? (m(), o(a, {
+				}, [!v(n).generalParameters.podcastmaker && e.condition ? (m(), o(a, {
 					key: 0,
 					class: p(e.class),
 					to: e.path
@@ -109,7 +109,7 @@ var C = ["aria-label"], w = { class: "p-0 m-0" }, T = { key: 0 }, E = { class: "
 			], 64)) : (m(), c(i, { key: 0 }, [l("li", E, [l("a", {
 				class: "octopus-dropdown-item realLink",
 				href: R.value
-			}, _(v(N)("Login")), 9, D)]), l("li", O, [v(t).generalParameters.podcastmaker ? s("", !0) : (m(), o(a, {
+			}, _(v(N)("Login")), 9, D)]), l("li", O, [v(n).generalParameters.podcastmaker ? s("", !0) : (m(), o(a, {
 				key: 0,
 				class: "octopus-dropdown-item",
 				to: "/main/pub/create"

package/dist/UserButtonContent-067qGenf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserButtonContent-067qGenf.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_createBlock","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/misc/UserButtonContent.vue","../src/components/misc/UserButtonContent.vue"],"sourcesContent":["<template>\n    <nav :aria-label=\"navLabel\">\n        <ul class=\"p-0 m-0\">\n            <template v-if=\"specificRoutes.length\">\n                <li\n                    v-for=\"routerBack in specificRoutes\"\n                    :key=\"routerBack.path\"\n                    class=\"li-style-none\"\n                >\n                    <router-link\n                        v-if=\"!state.generalParameters.podcastmaker && routerBack.condition\"\n                        :class=\"routerBack.class\"\n                        :to=\"routerBack.path\"\n                    >\n                        {{ routerBack.title }}\n                    </router-link>\n                </li>\n                <hr v-if=\"displayUserContent\">\n            </template>\n            <template v-if=\"displayUserContent\">\n                <template v-if=\"!isAuthenticated\">\n                    <li class=\"li-style-none\">\n                        <a class=\"octopus-dropdown-item realLink\" :href=\"pathLogin\">\n                            {{ t(\"Login\") }}\n                        </a>\n                    </li>\n                    <li class=\"li-style-none\">\n                        <router-link\n                            v-if=\"!state.generalParameters.podcastmaker\"\n                            class=\"octopus-dropdown-item\"\n                            to=\"/main/pub/create\"\n                        >\n                            {{ t(\"Create an account\") }}\n                        </router-link>\n                    </li>\n                </template>\n                <template v-else>\n                    <li\n                        v-for=\"routeBackoffice in routerBackoffice\"\n                        :key=\"routeBackoffice.path\"\n                        class=\"li-style-none\"\n                    >\n                        <router-link\n                            v-if=\"!state.generalParameters.podcastmaker && routeBackoffice.condition\"\n                            :class=\"routeBackoffice.class\"\n                            :to=\"routeBackoffice.path\"\n                        >\n                            {{ routeBackoffice.title }}\n                        </router-link>\n                    </li>\n                    <hr>\n                    <template v-if=\"helpLinks.length\">\n                        <li\n                            v-for=\"helpLink in helpLinks\"\n                            :key=\"helpLink.title\"\n                            class=\"li-style-none\"\n                        >\n                            <a\n                                :href=\"helpLink.href\"\n                                class=\"octopus-dropdown-item realLink\"\n                                rel=\"noreferrer noopener\"\n                                target=\"_blank\"\n                                :title=\"t('New window', {text: helpLink.title})\"\n                            >\n                                {{ helpLink.title }}\n                                <OpenInNewIcon class=\"ms-1\" :size=\"15\" />\n                            </a>\n                        </li>\n                        <hr>\n                    </template>\n                    <li class=\"li-style-none\">\n                        <a class=\"octopus-dropdown-item c-hand\" href=\"/logout\">\n                            {{ t(\"Logout\") }}\n                        </a>\n                    </li>\n                </template>\n                <li class=\"li-style-none\">\n                    <router-link\n                        v-if=\"!authStore.isGarRole\"\n                        class=\"octopus-dropdown-item\"\n                        to=\"/main/pub/contact\"\n                    >\n                        {{ t(\"Contact\") }}\n                    </router-link>\n                </li>\n            </template>\n        </ul>\n    </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport OpenInNewIcon from \"vue-material-design-icons/OpenInNew.vue\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { computed } from \"vue\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric, useRoute } from \"vue-router\";\n\n//Interface\ninterface RouteInfo{\n    title: string;\n    class: string;\n    path: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;\n    condition: boolean\n}\n\n//Props \nconst props = defineProps({\n    isEducation: { default: false, type: Boolean },\n    navLabel: { default: \"\", type: String },\n    specificRoutes: { default: ()=>[], type: Array as ()=> Array<RouteInfo> },\n    displayUserContent: { default: true, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst route = useRoute();\n\n//Computed\nconst isAuthenticated = computed(() => undefined !== authStore.authProfile?.userId);\nconst pathLogin = computed(() => \"/sso/login?redirect_url=\"+encodeURI(apiStore.frontendUrl + route.fullPath));\nconst isAuthenticatedWithOrga = computed(() => undefined !== authStore.authOrgaId);\nconst organisationsAvailable = computed(() =>  authStore.authProfile?.organisations ?? []);\n\nconst helpLinks = computed(() => {\n    if (authStore.isGarRole || props.isEducation) {\n        return [];\n    }\n    return [\n        { title:t(\"Help\"), href: \"https://help.octopus.saooti.com/Aide/\"},\n        { title: t(\"TutoMag\"), href: \"https://help.octopus.saooti.com/\" },\n    ];\n});\nconst routerBackoffice = computed(() => {\n    if(!isAuthenticated.value){\n        return [];\n    }\n\n    return [\n        {\n            title: t(\"My space\"),\n            class: \"octopus-dropdown-item show-small-screen\",\n            path: { name: \"backoffice\" },\n            condition: isAuthenticatedWithOrga.value,\n        },\n        {\n            title: t(\"Upload\"),\n            class: \"octopus-dropdown-item show-small-screen\",\n            path: { name: \"upload-podcast\" },\n            condition: isAuthenticatedWithOrga.value && authStore.isRoleContribution,\n        },\n        {\n            title: t(\"User profile - Title - My profile\"),\n            class: \"octopus-dropdown-item\",\n            path: { name: \"my-profile\" },\n            condition: true,\n        },\n        {\n            title: t(\"Edit my organisation\"),\n            class: \"octopus-dropdown-item\",\n            path: { name: \"edit-organisation\" },\n            condition:\n                isAuthenticatedWithOrga.value &&\n                (authStore.isRoleOrganisation || 1 < organisationsAvailable.value.length),\n        },\n        {\n            title: t(\"My space\"),\n            class: \"octopus-dropdown-item\",\n            path: { name: \"backoffice\" },\n            condition: isAuthenticatedWithOrga.value\n        },\n    ];\n});\n\n</script>\n","<template>\n    <nav :aria-label=\"navLabel\">\n        <ul class=\"p-0 m-0\">\n            <template v-if=\"specificRoutes.length\">\n                <li\n                    v-for=\"routerBack in specificRoutes\"\n                    :key=\"routerBack.path\"\n                    class=\"li-style-none\"\n                >\n                    <router-link\n                        v-if=\"!state.generalParameters.podcastmaker && routerBack.condition\"\n                        :class=\"routerBack.class\"\n                        :to=\"routerBack.path\"\n                    >\n                        {{ routerBack.title }}\n                    </router-link>\n                </li>\n                <hr v-if=\"displayUserContent\">\n            </template>\n            <template v-if=\"displayUserContent\">\n                <template v-if=\"!isAuthenticated\">\n                    <li class=\"li-style-none\">\n                        <a class=\"octopus-dropdown-item realLink\" :href=\"pathLogin\">\n                            {{ t(\"Login\") }}\n                        </a>\n                    </li>\n                    <li class=\"li-style-none\">\n                        <router-link\n                            v-if=\"!state.generalParameters.podcastmaker\"\n                            class=\"octopus-dropdown-item\"\n                            to=\"/main/pub/create\"\n                        >\n                            {{ t(\"Create an account\") }}\n                        </router-link>\n                    </li>\n                </template>\n                <template v-else>\n                    <li\n                        v-for=\"routeBackoffice in routerBackoffice\"\n                        :key=\"routeBackoffice.path\"\n                        class=\"li-style-none\"\n                    >\n                        <router-link\n                            v-if=\"!state.generalParameters.podcastmaker && routeBackoffice.condition\"\n                            :class=\"routeBackoffice.class\"\n                            :to=\"routeBackoffice.path\"\n                        >\n                            {{ routeBackoffice.title }}\n                        </router-link>\n                    </li>\n                    <hr>\n                    <template v-if=\"helpLinks.length\">\n                        <li\n                            v-for=\"helpLink in helpLinks\"\n                            :key=\"helpLink.title\"\n                            class=\"li-style-none\"\n                        >\n                            <a\n                                :href=\"helpLink.href\"\n                                class=\"octopus-dropdown-item realLink\"\n                                rel=\"noreferrer noopener\"\n                                target=\"_blank\"\n                                :title=\"t('New window', {text: helpLink.title})\"\n                            >\n                                {{ helpLink.title }}\n                                <OpenInNewIcon class=\"ms-1\" :size=\"15\" />\n                            </a>\n                        </li>\n                        <hr>\n                    </template>\n                    <li class=\"li-style-none\">\n                        <a class=\"octopus-dropdown-item c-hand\" href=\"/logout\">\n                            {{ t(\"Logout\") }}\n                        </a>\n                    </li>\n                </template>\n                <li class=\"li-style-none\">\n                    <router-link\n                        v-if=\"!authStore.isGarRole\"\n                        class=\"octopus-dropdown-item\"\n                        to=\"/main/pub/contact\"\n                    >\n                        {{ t(\"Contact\") }}\n                    </router-link>\n                </li>\n            </template>\n        </ul>\n    </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport OpenInNewIcon from \"vue-material-design-icons/OpenInNew.vue\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { computed } from \"vue\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric, useRoute } from \"vue-router\";\n\n//Interface\ninterface RouteInfo{\n    title: string;\n    class: string;\n    path: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;\n    condition: boolean\n}\n\n//Props \nconst props = defineProps({\n    isEducation: { default: false, type: Boolean },\n    navLabel: { default: \"\", type: String },\n    specificRoutes: { default: ()=>[], type: Array as ()=> Array<RouteInfo> },\n    displayUserContent: { default: true, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst route = useRoute();\n\n//Computed\nconst isAuthenticated = computed(() => undefined !== authStore.authProfile?.userId);\nconst pathLogin = computed(() => \"/sso/login?redirect_url=\"+encodeURI(apiStore.frontendUrl + route.fullPath));\nconst isAuthenticatedWithOrga = computed(() => undefined !== authStore.authOrgaId);\nconst organisationsAvailable = computed(() =>  authStore.authProfile?.organisations ?? []);\n\nconst helpLinks = computed(() => {\n    if (authStore.isGarRole || props.isEducation) {\n        return [];\n    }\n    return [\n        { title:t(\"Help\"), href: \"https://help.octopus.saooti.com/Aide/\"},\n        { title: t(\"TutoMag\"), href: \"https://help.octopus.saooti.com/\" },\n    ];\n});\nconst routerBackoffice = computed(() => {\n    if(!isAuthenticated.value){\n        return [];\n    }\n\n    return [\n        {\n            title: t(\"My space\"),\n            class: \"octopus-dropdown-item show-small-screen\",\n            path: { name: \"backoffice\" },\n            condition: isAuthenticatedWithOrga.value,\n        },\n        {\n            title: t(\"Upload\"),\n            class: \"octopus-dropdown-item show-small-screen\",\n            path: { name: \"upload-podcast\" },\n            condition: isAuthenticatedWithOrga.value && authStore.isRoleContribution,\n        },\n        {\n            title: t(\"User profile - Title - My profile\"),\n            class: \"octopus-dropdown-item\",\n            path: { name: \"my-profile\" },\n            condition: true,\n        },\n        {\n            title: t(\"Edit my organisation\"),\n            class: \"octopus-dropdown-item\",\n            path: { name: \"edit-organisation\" },\n            condition:\n                isAuthenticatedWithOrga.value &&\n                (authStore.isRoleOrganisation || 1 < organisationsAvailable.value.length),\n        },\n        {\n            title: t(\"My space\"),\n            class: \"octopus-dropdown-item\",\n            path: { name: \"backoffice\" },\n            condition: isAuthenticatedWithOrga.value\n        },\n    ];\n});\n\n</script>\n"],"mappings":"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"}