@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/src/components/form/ClassicDatePicker.vue.d.ts

@@ -19,8 +19,10 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
         default: any;
         type: () => Array<Date>;
     };
-    /** Enable maximum date limit.
-   * If `dateLimit` is not set, use current datetime. */
+    /**
+     * Enable maximum date limit.
+     * If `dateLimit` is not set, use current datetime.
+     */
     isMaxDate: {
         default: boolean;
         type: BooleanConstructor;
@@ -30,8 +32,10 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
         default: any;
         type: DateConstructor;
     };
-    /** Enable minimum date limit.
-   * If `dateLimit` is not set, use current datetime. */
+    /**
+     * Enable minimum date limit.
+     * If `dateLimit` is not set, use current datetime.
+     */
     isMinDate: {
         default: boolean;
         type: BooleanConstructor;
@@ -67,8 +71,8 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
     maxTime: {
         default: any;
         type: () => {
-            hours?: number | string;
-            minutes?: number | string;
+            hours: number | string;
+            minutes: number | string;
             seconds?: number | string;
         };
     };
@@ -80,6 +84,7 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
         default: boolean;
         type: BooleanConstructor;
     };
+    /** @deprecated No longer supported since vue-datepicker v14 */
     customPosition: {
         default: any;
         type: FunctionConstructor;
@@ -124,8 +129,10 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
         default: any;
         type: () => Array<Date>;
     };
-    /** Enable maximum date limit.
-   * If `dateLimit` is not set, use current datetime. */
+    /**
+     * Enable maximum date limit.
+     * If `dateLimit` is not set, use current datetime.
+     */
     isMaxDate: {
         default: boolean;
         type: BooleanConstructor;
@@ -135,8 +142,10 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
         default: any;
         type: DateConstructor;
     };
-    /** Enable minimum date limit.
-   * If `dateLimit` is not set, use current datetime. */
+    /**
+     * Enable minimum date limit.
+     * If `dateLimit` is not set, use current datetime.
+     */
     isMinDate: {
         default: boolean;
         type: BooleanConstructor;
@@ -172,8 +181,8 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
     maxTime: {
         default: any;
         type: () => {
-            hours?: number | string;
-            minutes?: number | string;
+            hours: number | string;
+            minutes: number | string;
             seconds?: number | string;
         };
     };
@@ -185,6 +194,7 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
         default: boolean;
         type: BooleanConstructor;
     };
+    /** @deprecated No longer supported since vue-datepicker v14 */
     customPosition: {
         default: any;
         type: FunctionConstructor;
@@ -230,8 +240,8 @@ declare const __VLS_export: import('../../../node_modules/vue').DefineComponent<
     templateClass: string;
     readonly: boolean;
     maxTime: {
-        hours?: number | string;
-        minutes?: number | string;
+        hours: number | string;
+        minutes: number | string;
         seconds?: number | string;
     };
     forceFormat: string;

package/dist/src/components/form/OctopusMultiselect.vue.d.ts

@@ -35,6 +35,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     } & {
         onSearch?: (query: string) => any;
         "onUpdate:selected"?: (value: T[]) => any;
+        "onAdd-custom"?: (value: string) => any;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -44,6 +45,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     emit: {
         (e: "update:selected", value: T[]): void;
         (e: "search", query: string): void;
+        (e: "add-custom", value: string): void;
     };
 }>) => import('../../../node_modules/vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;

package/dist/src/i18n.d.ts

@@ -1,4 +1,5 @@
 import { I18n } from 'vue-i18n';
+import { Locale } from 'date-fns/locale';
 export declare function setupI18n(options: {
     [key: string]: string | boolean;
 }, isAuthenticated: boolean, isEducation: boolean): I18n<{}, {}, {}, string, true>;
@@ -10,3 +11,4 @@ export declare function registerI18n(instance: I18n): void;
 export declare function getI18n(): I18n;
 export declare function setI18nLanguage(i18n: any, locale: string): void;
 export declare function loadLocaleMessages(i18n: any, locale: string, isAuthenticated: boolean, isEducation: boolean): Promise<void>;
+export declare function getLocale(name: string): Locale;

package/dist/tests.mjs

@@ -1,5 +1,5 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
-import { n as t, t as n } from "./PlayerStore-CKprkxa0.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
+import { n as t, t as n } from "./PlayerStore-DggKki80.mjs";
 import { t as r } from "./localisation-CBnt682X.mjs";
 import { createPinia as i, setActivePinia as a } from "pinia";
 import { vi as o } from "vitest";

package/dist/useAdvancedParamInit-BKw9VZ53.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdvancedParamInit-BKw9VZ53.mjs","names":[],"sources":["../src/components/composable/route/useAdvancedParamInit.ts"],"sourcesContent":["import { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useOrgaComputed } from \"../useOrgaComputed\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useSimplePageParam } from './useSimplePageParam';\nimport { useRubriquesFilterParam } from './useRubriquesFilterParam';\nimport { computed, nextTick, onMounted, Ref, ref, watch } from \"vue\";\nimport dayjs from \"dayjs\";\n\nimport { RouteProps } from \"./types\";\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport { useRights } from \"../useRights\";\n\nexport const useAdvancedParamInit = (props: RouteProps, isEmission: boolean) => {\n\n  const { searchPattern,organisationId, searchMinSize, paginateFirst, initSearchPattern, initOrga} = useSimplePageParam(props, false, true);\n  const { isEditRights, isPodcastmaker } = useOrgaComputed();\n  const { stringifyRubriquesFilter } = useRubriquesFilterParam();\n\n  const filterStore  = useFilterStore();\n  const { canValidatePodcast } = useRights();\n\n  const isInit = ref(false);\n  const monetisable = ref(\"UNDEFINED\");// UNDEFINED, YES, NO\n  const fromDate: Ref<string|undefined> = ref(undefined);\n  const toDate: Ref<string|undefined> = ref(undefined);\n  const includeHidden = ref(false);\n  const sort = ref(\"DATE\"); // SCORE, DATE, POPULARITY, NAME, LAST_PODCAST_DESC\n  const validity = ref(\"true\"); \n  const iabId: Ref<number|undefined> = ref(undefined);\n  const rubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\n  const beneficiaries = ref<string[]|null>(null);\n  const emissionGroups = ref<EmissionGroup[]|null>(null);\n  const onlyMyEpisodes = ref(false);\n\n  const organisationRight = computed(() => isEditRights(organisationId.value));\n  const organisation = computed(() => organisationId.value ?? filterStore.filterOrgaId);\n  const rubriquesFilterArrayIds = computed(() => {\n    const allRubriquageId: Array<number> = [];\n    const noRubriquageId: Array<number> = [];\n    const rubriqueId: Array<number> = [];\n    for(const filter of rubriqueFilter.value){\n      if (-1 === filter.rubriqueId) {\n        noRubriquageId.push(filter.rubriquageId);\n      } else if (0 === filter.rubriqueId) {\n        allRubriquageId.push(filter.rubriquageId);\n      } else {\n        rubriqueId.push(filter.rubriqueId);\n      }\n    }\n    return {\n      rubriquageId: allRubriquageId,\n      rubriqueId: rubriqueId,\n      noRubriquageId: noRubriquageId\n    }\n  });\n\n  watch(() => props.routeQuery, initSearchPattern);\n  watch(() => props.routeMonetisable, initMonetisable);\n  watch(() => props.routeSort, initSort);\n  watch(() => props.routeIncludeHidden, initIncludeHidden);\n  watch(() => props.routeValidity, initValidity);\n  watch(() => props.routeFrom, initFromDate);\n  watch(() => props.routeTo, initToDate);\n  watch(() => props.routeIab, () => {iabId.value = props.routeIab;});\n  watch(() => props.routeOrga, initOrga);\n  watch(() => props.routeRubriques, initRubriquageFilter);\n  watch(() => props.routeBeneficiaries, initBeneficiariesFilter);\n  watch(() => props.routeOnlyMyEpisodes, initOnlyMyEpisodes);\n  watch(() => props.routeEmissionGroups, initEmissionGroups);\n  watch(organisationId, () => {\n    if (!isInit.value) {\n      return;\n    }\n    rubriqueFilter.value = [];\n  });\n\n  onMounted(() => {\n    initAdvancedParams();\n  })\n\n  function initAdvancedParams(){\n    iabId.value = filterStore.filterIab?.id ?? props.routeIab;\n    initRubriquageFilter();\n    initIncludeHidden();\n    initValidity();\n    initMonetisable();\n    initSort();\n    initFromDate();\n    initToDate();\n    initBeneficiariesFilter();\n    initOnlyMyEpisodes();\n    initEmissionGroups();\n    nextTick(() => {\n      isInit.value = true;\n    });\n  }\n\n  function initFromDate(){\n    if(dayjs(props.routeFrom).isValid()){\n      fromDate.value = props.routeFrom;\n    }\n  }\n\n  function initToDate(){\n    if(dayjs(props.routeTo).isValid()){\n      toDate.value = props.routeTo;\n    }\n  }\n\n  function initMonetisable(){\n    if([\"YES\", \"NO\"].includes(props.routeMonetisable)){\n      monetisable.value = props.routeMonetisable;\n    }else{\n      monetisable.value = \"UNDEFINED\";\n    }\n  }\n\n  function initSort(){\n    if([\"SCORE\", \"POPULARITY\", \"NAME\", \"DATE_ASC\"].includes(props.routeSort)){\n      sort.value = props.routeSort;\n    }else{\n      sort.value = isEmission ? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n  }\n\n  function initIncludeHidden(){\n    includeHidden.value = undefined !== organisation.value && organisationRight.value && \"false\"!==props.routeIncludeHidden;\n  }\n\n  function initValidity() {\n    const cantDisplay = isPodcastmaker.value || isEmission || !includeHidden.value || !canValidatePodcast();\n    if(cantDisplay){\n      validity.value = \"true\";\n    }else{\n      validity.value = props.routeValidity;\n    }\n  }\n\n  function initRubriquageFilter(){\n    if(props.routeRubriques === stringifyRubriquesFilter(rubriqueFilter.value)){\n      return\n    }\n    const rubriqueFilterToUpdate = [];\n    if(props.routeRubriques?.trim().length){\n      const arrayFilter = props.routeRubriques.split(\",\");\n      for(const filter of arrayFilter){\n        const rubriqueFilter = filter.split(\":\");\n        rubriqueFilterToUpdate.push({\n          rubriquageId:  parseInt(rubriqueFilter[0]),\n          rubriqueId:  parseInt(rubriqueFilter[1]),\n          nameRubriquage: \"\",\n          nameRubrique: \"\",\n        })\n      }\n    }\n    rubriqueFilter.value = rubriqueFilterToUpdate;\n  }\n\n  function initBeneficiariesFilter() {\n    const data = props.routeBeneficiaries;\n    // No beneficiaries\n    if (\n      data === undefined ||\n      data === null ||\n      data.length === 0\n    ) {\n      beneficiaries.value = null;\n      return;\n    }\n\n    // No changes\n    if(beneficiaries.value && data === beneficiaries.value){\n      return;\n    }\n\n    beneficiaries.value = data;\n  }\n\n  function initOnlyMyEpisodes() {\n    const data = props.routeOnlyMyEpisodes;\n    onlyMyEpisodes.value = data;\n  }\n\n  async function initEmissionGroups(): Promise<void> {\n    const data = props.routeEmissionGroups;\n    // No groups\n    if (\n      data === undefined ||\n      data === null ||\n      data.length === 0\n    ) {\n      emissionGroups.value = null;\n      return;\n    }\n\n    // No changes\n    if(emissionGroups.value && data === emissionGroups.value.map(g => g.groupId)){\n      return;\n    }\n\n    const groups = await groupsApi.getAllById(data);\n\n    emissionGroups.value = Object.values(groups);\n  }\n\n  return {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n  };\n}\n"],"mappings":";;;;;;;;AAYA,IAAa,wBAAwB,OAAmB,eAAwB;CAE9E,MAAM,EAAE,eAAc,gBAAgB,eAAe,eAAe,mBAAmB,aAAY,mBAAmB,OAAO,OAAO,IAAI;CACxI,MAAM,EAAE,cAAc,mBAAmB,gBAAgB;CACzD,MAAM,EAAE,6BAA6B,wBAAwB;CAE7D,MAAM,cAAe,eAAe;CACpC,MAAM,EAAE,uBAAuB,UAAU;CAEzC,MAAM,SAAS,IAAI,KAAK;CACxB,MAAM,cAAc,IAAI,WAAW;CACnC,MAAM,WAAkC,IAAI,KAAA,CAAS;CACrD,MAAM,SAAgC,IAAI,KAAA,CAAS;CACnD,MAAM,gBAAgB,IAAI,KAAK;CAC/B,MAAM,OAAO,IAAI,MAAM;CACvB,MAAM,WAAW,IAAI,MAAM;CAC3B,MAAM,QAA+B,IAAI,KAAA,CAAS;CAClD,MAAM,iBAA+C,IAAI,CAAC,CAAC;CAC3D,MAAM,gBAAgB,IAAmB,IAAI;CAC7C,MAAM,iBAAiB,IAA0B,IAAI;CACrD,MAAM,iBAAiB,IAAI,KAAK;CAEhC,MAAM,oBAAoB,eAAe,aAAa,eAAe,KAAK,CAAC;CAC3E,MAAM,eAAe,eAAe,eAAe,SAAS,YAAY,YAAY;CACpF,MAAM,0BAA0B,eAAe;EAC7C,MAAM,kBAAiC,CAAC;EACxC,MAAM,iBAAgC,CAAC;EACvC,MAAM,aAA4B,CAAC;EACnC,KAAI,MAAM,UAAU,eAAe,OACjC,IAAI,OAAO,OAAO,YAChB,eAAe,KAAK,OAAO,YAAY;OAClC,IAAI,MAAM,OAAO,YACtB,gBAAgB,KAAK,OAAO,YAAY;OAExC,WAAW,KAAK,OAAO,UAAU;EAGrC,OAAO;GACL,cAAc;GACF;GACI;EAClB;CACF,CAAC;CAED,YAAY,MAAM,YAAY,iBAAiB;CAC/C,YAAY,MAAM,kBAAkB,eAAe;CACnD,YAAY,MAAM,WAAW,QAAQ;CACrC,YAAY,MAAM,oBAAoB,iBAAiB;CACvD,YAAY,MAAM,eAAe,YAAY;CAC7C,YAAY,MAAM,WAAW,YAAY;CACzC,YAAY,MAAM,SAAS,UAAU;CACrC,YAAY,MAAM,gBAAgB;EAAC,MAAM,QAAQ,MAAM;CAAS,CAAC;CACjE,YAAY,MAAM,WAAW,QAAQ;CACrC,YAAY,MAAM,gBAAgB,oBAAoB;CACtD,YAAY,MAAM,oBAAoB,uBAAuB;CAC7D,YAAY,MAAM,qBAAqB,kBAAkB;CACzD,YAAY,MAAM,qBAAqB,kBAAkB;CACzD,MAAM,sBAAsB;EAC1B,IAAI,CAAC,OAAO,OACV;EAEF,eAAe,QAAQ,CAAC;CAC1B,CAAC;CAED,gBAAgB;EACd,mBAAmB;CACrB,CAAC;CAED,SAAS,qBAAoB;EAC3B,MAAM,QAAQ,YAAY,WAAW,MAAM,MAAM;EACjD,qBAAqB;EACrB,kBAAkB;EAClB,aAAa;EACb,gBAAgB;EAChB,SAAS;EACT,aAAa;EACb,WAAW;EACX,wBAAwB;EACxB,mBAAmB;EACnB,mBAAmB;EACnB,eAAe;GACb,OAAO,QAAQ;EACjB,CAAC;CACH;CAEA,SAAS,eAAc;EACrB,IAAG,MAAM,MAAM,SAAS,CAAC,CAAC,QAAQ,GAChC,SAAS,QAAQ,MAAM;CAE3B;CAEA,SAAS,aAAY;EACnB,IAAG,MAAM,MAAM,OAAO,CAAC,CAAC,QAAQ,GAC9B,OAAO,QAAQ,MAAM;CAEzB;CAEA,SAAS,kBAAiB;EACxB,IAAG,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,MAAM,gBAAgB,GAC9C,YAAY,QAAQ,MAAM;OAE1B,YAAY,QAAQ;CAExB;CAEA,SAAS,WAAU;EACjB,IAAG;GAAC;GAAS;GAAc;GAAQ;EAAU,CAAC,CAAC,SAAS,MAAM,SAAS,GACrE,KAAK,QAAQ,MAAM;OAEnB,KAAK,QAAQ,aAAa,sBAAsB;CAEpD;CAEA,SAAS,oBAAmB;EAC1B,cAAc,QAAQ,KAAA,MAAc,aAAa,SAAS,kBAAkB,SAAS,YAAU,MAAM;CACvG;CAEA,SAAS,eAAe;EAEtB,IADoB,eAAe,SAAS,cAAc,CAAC,cAAc,SAAS,CAAC,mBAAmB,GAEpG,SAAS,QAAQ;OAEjB,SAAS,QAAQ,MAAM;CAE3B;CAEA,SAAS,uBAAsB;EAC7B,IAAG,MAAM,mBAAmB,yBAAyB,eAAe,KAAK,GACvE;EAEF,MAAM,yBAAyB,CAAC;EAChC,IAAG,MAAM,gBAAgB,KAAK,CAAC,CAAC,QAAO;GACrC,MAAM,cAAc,MAAM,eAAe,MAAM,GAAG;GAClD,KAAI,MAAM,UAAU,aAAY;IAC9B,MAAM,iBAAiB,OAAO,MAAM,GAAG;IACvC,uBAAuB,KAAK;KAC1B,cAAe,SAAS,eAAe,EAAE;KACzC,YAAa,SAAS,eAAe,EAAE;KACvC,gBAAgB;KAChB,cAAc;IAChB,CAAC;GACH;EACF;EACA,eAAe,QAAQ;CACzB;CAEA,SAAS,0BAA0B;EACjC,MAAM,OAAO,MAAM;EAEnB,IACE,SAAS,KAAA,KACT,SAAS,QACT,KAAK,WAAW,GAChB;GACA,cAAc,QAAQ;GACtB;EACF;EAGA,IAAG,cAAc,SAAS,SAAS,cAAc,OAC/C;EAGF,cAAc,QAAQ;CACxB;CAEA,SAAS,qBAAqB;EAC5B,MAAM,OAAO,MAAM;EACnB,eAAe,QAAQ;CACzB;CAEA,eAAe,qBAAoC;EACjD,MAAM,OAAO,MAAM;EAEnB,IACE,SAAS,KAAA,KACT,SAAS,QACT,KAAK,WAAW,GAChB;GACA,eAAe,QAAQ;GACvB;EACF;EAGA,IAAG,eAAe,SAAS,SAAS,eAAe,MAAM,KAAI,MAAK,EAAE,OAAO,GACzE;EAGF,MAAM,SAAS,MAAM,UAAU,WAAW,IAAI;EAE9C,eAAe,QAAQ,OAAO,OAAO,MAAM;CAC7C;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/useAdvancedParamInit-CyRmbqqe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdvancedParamInit-CyRmbqqe.mjs","names":[],"sources":["../src/components/composable/route/useAdvancedParamInit.ts"],"sourcesContent":["import { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useOrgaComputed } from \"../useOrgaComputed\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useSimplePageParam } from './useSimplePageParam';\nimport { useRubriquesFilterParam } from './useRubriquesFilterParam';\nimport { computed, nextTick, onMounted, Ref, ref, watch } from \"vue\";\nimport dayjs from \"dayjs\";\n\nimport { RouteProps } from \"./types\";\nimport { EmissionGroup, groupsApi } from \"../../../api/groupsApi\";\nimport { useRights } from \"../useRights\";\n\nexport const useAdvancedParamInit = (props: RouteProps, isEmission: boolean) => {\n\n  const { searchPattern,organisationId, searchMinSize, paginateFirst, initSearchPattern, initOrga} = useSimplePageParam(props, false, true);\n  const { isEditRights, isPodcastmaker } = useOrgaComputed();\n  const { stringifyRubriquesFilter } = useRubriquesFilterParam();\n\n  const filterStore  = useFilterStore();\n  const { canValidatePodcast } = useRights();\n\n  const isInit = ref(false);\n  const monetisable = ref(\"UNDEFINED\");// UNDEFINED, YES, NO\n  const fromDate: Ref<string|undefined> = ref(undefined);\n  const toDate: Ref<string|undefined> = ref(undefined);\n  const includeHidden = ref(false);\n  const sort = ref(\"DATE\"); // SCORE, DATE, POPULARITY, NAME, LAST_PODCAST_DESC\n  const validity = ref(\"true\"); \n  const iabId: Ref<number|undefined> = ref(undefined);\n  const rubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\n  const beneficiaries = ref<string[]|null>(null);\n  const emissionGroups = ref<EmissionGroup[]|null>(null);\n  const onlyMyEpisodes = ref(false);\n\n  const organisationRight = computed(() => isEditRights(organisationId.value));\n  const organisation = computed(() => organisationId.value ?? filterStore.filterOrgaId);\n  const rubriquesFilterArrayIds = computed(() => {\n    const allRubriquageId: Array<number> = [];\n    const noRubriquageId: Array<number> = [];\n    const rubriqueId: Array<number> = [];\n    for(const filter of rubriqueFilter.value){\n      if (-1 === filter.rubriqueId) {\n        noRubriquageId.push(filter.rubriquageId);\n      } else if (0 === filter.rubriqueId) {\n        allRubriquageId.push(filter.rubriquageId);\n      } else {\n        rubriqueId.push(filter.rubriqueId);\n      }\n    }\n    return {\n      rubriquageId: allRubriquageId,\n      rubriqueId: rubriqueId,\n      noRubriquageId: noRubriquageId\n    }\n  });\n\n  watch(() => props.routeQuery, initSearchPattern);\n  watch(() => props.routeMonetisable, initMonetisable);\n  watch(() => props.routeSort, initSort);\n  watch(() => props.routeIncludeHidden, initIncludeHidden);\n  watch(() => props.routeValidity, initValidity);\n  watch(() => props.routeFrom, initFromDate);\n  watch(() => props.routeTo, initToDate);\n  watch(() => props.routeIab, () => {iabId.value = props.routeIab;});\n  watch(() => props.routeOrga, initOrga);\n  watch(() => props.routeRubriques, initRubriquageFilter);\n  watch(() => props.routeBeneficiaries, initBeneficiariesFilter);\n  watch(() => props.routeOnlyMyEpisodes, initOnlyMyEpisodes);\n  watch(() => props.routeEmissionGroups, initEmissionGroups);\n  watch(organisationId, () => {\n    if (!isInit.value) {\n      return;\n    }\n    rubriqueFilter.value = [];\n  });\n\n  onMounted(() => {\n    initAdvancedParams();\n  })\n\n  function initAdvancedParams(){\n    iabId.value = filterStore.filterIab?.id ?? props.routeIab;\n    initRubriquageFilter();\n    initIncludeHidden();\n    initValidity();\n    initMonetisable();\n    initSort();\n    initFromDate();\n    initToDate();\n    initBeneficiariesFilter();\n    initOnlyMyEpisodes();\n    initEmissionGroups();\n    nextTick(() => {\n      isInit.value = true;\n    });\n  }\n\n  function initFromDate(){\n    if(dayjs(props.routeFrom).isValid()){\n      fromDate.value = props.routeFrom;\n    }\n  }\n\n  function initToDate(){\n    if(dayjs(props.routeTo).isValid()){\n      toDate.value = props.routeTo;\n    }\n  }\n\n  function initMonetisable(){\n    if([\"YES\", \"NO\"].includes(props.routeMonetisable)){\n      monetisable.value = props.routeMonetisable;\n    }else{\n      monetisable.value = \"UNDEFINED\";\n    }\n  }\n\n  function initSort(){\n    if([\"SCORE\", \"POPULARITY\", \"NAME\", \"DATE_ASC\"].includes(props.routeSort)){\n      sort.value = props.routeSort;\n    }else{\n      sort.value = isEmission ? \"LAST_PODCAST_DESC\" : \"DATE\";\n    }\n  }\n\n  function initIncludeHidden(){\n    includeHidden.value = undefined !== organisation.value && organisationRight.value && \"false\"!==props.routeIncludeHidden;\n  }\n\n  function initValidity() {\n    const cantDisplay = isPodcastmaker.value || isEmission || !includeHidden.value || !canValidatePodcast();\n    if(cantDisplay){\n      validity.value = \"true\";\n    }else{\n      validity.value = props.routeValidity;\n    }\n  }\n\n  function initRubriquageFilter(){\n    if(props.routeRubriques === stringifyRubriquesFilter(rubriqueFilter.value)){\n      return\n    }\n    const rubriqueFilterToUpdate = [];\n    if(props.routeRubriques?.trim().length){\n      const arrayFilter = props.routeRubriques.split(\",\");\n      for(const filter of arrayFilter){\n        const rubriqueFilter = filter.split(\":\");\n        rubriqueFilterToUpdate.push({\n          rubriquageId:  parseInt(rubriqueFilter[0]),\n          rubriqueId:  parseInt(rubriqueFilter[1]),\n          nameRubriquage: \"\",\n          nameRubrique: \"\",\n        })\n      }\n    }\n    rubriqueFilter.value = rubriqueFilterToUpdate;\n  }\n\n  function initBeneficiariesFilter() {\n    const data = props.routeBeneficiaries;\n    // No beneficiaries\n    if (\n      data === undefined ||\n      data === null ||\n      data.length === 0\n    ) {\n      beneficiaries.value = null;\n      return;\n    }\n\n    // No changes\n    if(beneficiaries.value && data === beneficiaries.value){\n      return;\n    }\n\n    beneficiaries.value = data;\n  }\n\n  function initOnlyMyEpisodes() {\n    const data = props.routeOnlyMyEpisodes;\n    onlyMyEpisodes.value = data;\n  }\n\n  async function initEmissionGroups(): Promise<void> {\n    const data = props.routeEmissionGroups;\n    // No groups\n    if (\n      data === undefined ||\n      data === null ||\n      data.length === 0\n    ) {\n      emissionGroups.value = null;\n      return;\n    }\n\n    // No changes\n    if(emissionGroups.value && data === emissionGroups.value.map(g => g.groupId)){\n      return;\n    }\n\n    const groups = await groupsApi.getAllById(data);\n\n    emissionGroups.value = Object.values(groups);\n  }\n\n  return {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n  };\n}\n"],"mappings":"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"}

package/dist/{useAdvancedParamInit-Bgvt8758.mjs → useAdvancedParamInit-D5roUdHI.mjs}

@@ -1,13 +1,13 @@
-import { b as e, r as t } from "./classicApi-pmODlqv5.mjs";
-import { n } from "./useRights-DOXtpjv5.mjs";
-import { t as r } from "./useSimplePageParam-DFKSEyiE.mjs";
-import { t as i } from "./useOrgaComputed-CBJ5sDOm.mjs";
-import { t as a } from "./useRubriquesFilterParam-BE8BbmAQ.mjs";
+import { r as e, x as t } from "./classicApi-CGipMqf7.mjs";
+import { n } from "./useRights-BI2tXXjR.mjs";
+import { t as r } from "./useSimplePageParam-BrtYXOUt.mjs";
+import { t as i } from "./useOrgaComputed-D81Jihm-.mjs";
+import { t as a } from "./useRubriquesFilterParam-2eMd5ND7.mjs";
 import { computed as o, nextTick as s, onMounted as c, ref as l, watch as u } from "vue";
 import d from "dayjs";
 //#region src/components/composable/route/useAdvancedParamInit.ts
 var f = (f, p) => {
-	let { searchPattern: m, organisationId: h, searchMinSize: g, paginateFirst: _, initSearchPattern: v, initOrga: y } = r(f, !1, !0), { isEditRights: b, isPodcastmaker: x } = i(), { stringifyRubriquesFilter: S } = a(), C = t(), { canValidatePodcast: w } = n(), T = l(!1), E = l("UNDEFINED"), D = l(void 0), O = l(void 0), k = l(!1), A = l("DATE"), j = l("true"), M = l(void 0), N = l([]), P = l(null), F = l(null), I = l(!1), L = o(() => b(h.value)), R = o(() => h.value ?? C.filterOrgaId), z = o(() => {
+	let { searchPattern: m, organisationId: h, searchMinSize: g, paginateFirst: _, initSearchPattern: v, initOrga: y } = r(f, !1, !0), { isEditRights: b, isPodcastmaker: x } = i(), { stringifyRubriquesFilter: S } = a(), C = e(), { canValidatePodcast: w } = n(), T = l(!1), E = l("UNDEFINED"), D = l(void 0), O = l(void 0), k = l(!1), A = l("DATE"), j = l("true"), M = l(void 0), N = l([]), P = l(null), F = l(null), I = l(!1), L = o(() => b(h.value)), R = o(() => h.value ?? C.filterOrgaId), z = o(() => {
 		let e = [], t = [], n = [];
 		for (let r of N.value) r.rubriqueId === -1 ? t.push(r.rubriquageId) : r.rubriqueId === 0 ? e.push(r.rubriquageId) : n.push(r.rubriqueId);
 		return {
@@ -81,13 +81,13 @@ var f = (f, p) => {
 		I.value = e;
 	}
 	async function X() {
-		let t = f.routeEmissionGroups;
-		if (t == null || t.length === 0) {
+		let e = f.routeEmissionGroups;
+		if (e == null || e.length === 0) {
 			F.value = null;
 			return;
 		}
-		if (F.value && t === F.value.map((e) => e.groupId)) return;
-		let n = await e.getAllById(t);
+		if (F.value && e === F.value.map((e) => e.groupId)) return;
+		let n = await t.getAllById(e);
 		F.value = Object.values(n);
 	}
 	return {

package/dist/useDayjs-BKBB00TF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDayjs-BKBB00TF.mjs","names":[],"sources":["../src/components/composable/useDayjs.ts"],"sourcesContent":["import dayjs, { Dayjs } from \"dayjs\";\nimport { useI18n } from \"vue-i18n\"\n\nimport \"dayjs/locale/de\";\nimport \"dayjs/locale/es\";\nimport \"dayjs/locale/fr\";\nimport \"dayjs/locale/it\";\nimport \"dayjs/locale/sl\";\n\nimport duration from \"dayjs/plugin/duration\";\ndayjs.extend(duration);\n\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\ndayjs.extend(localizedFormat);\n\nimport { state } from \"../../stores/ParamSdkStore\";\n\nexport const useDayjs = () => {\n    const { locale } = useI18n();\n\n    function composableDayjs(param?: string|number|Date|Dayjs): Dayjs {\n        return dayjs(param).locale(locale.value);\n    }\n    composableDayjs.duration = dayjs.duration;\n\n    function formatDate(param: string|number|Date|Dayjs, forceTime?: boolean): string {\n        const withTime = forceTime ?? state.generalParameters.showTimeWithDates === true;\n        const format = withTime ? 'D MMMM YYYY - HH:mm' : 'D MMMM YYYY';\n        return composableDayjs(param).format(format);\n    }\n\n    return {\n        formatDate,\n        dayjs: composableDayjs\n    }\n}\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,OAAO,QAAQ;AAGrB,MAAM,OAAO,eAAe;AAI5B,IAAa,iBAAiB;CAC1B,MAAM,EAAE,WAAW,QAAQ;CAE3B,SAAS,gBAAgB,OAAyC;EAC9D,OAAO,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,KAAK;CAC3C;CACA,gBAAgB,WAAW,MAAM;CAEjC,SAAS,WAAW,OAAiC,WAA6B;EAE9E,MAAM,SADW,aAAa,MAAM,kBAAkB,sBAAsB,OAClD,wBAAwB;EAClD,OAAO,gBAAgB,KAAK,CAAC,CAAC,OAAO,MAAM;CAC/C;CAEA,OAAO;EACH;EACA,OAAO;CACX;AACJ"}

package/dist/useDayjs-UQLGUbw5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDayjs-UQLGUbw5.mjs","names":[],"sources":["../src/components/composable/useDayjs.ts"],"sourcesContent":["import dayjs, { Dayjs } from \"dayjs\";\nimport { useI18n } from \"vue-i18n\"\n\nimport \"dayjs/locale/de\";\nimport \"dayjs/locale/es\";\nimport \"dayjs/locale/fr\";\nimport \"dayjs/locale/it\";\nimport \"dayjs/locale/sl\";\n\nimport duration from \"dayjs/plugin/duration\";\ndayjs.extend(duration);\n\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\ndayjs.extend(localizedFormat);\n\nimport { state } from \"../../stores/ParamSdkStore\";\n\nexport const useDayjs = () => {\n    const { locale } = useI18n();\n\n    function composableDayjs(param?: string|number|Date|Dayjs): Dayjs {\n        return dayjs(param).locale(locale.value);\n    }\n    composableDayjs.duration = dayjs.duration;\n\n    function formatDate(param: string|number|Date|Dayjs, forceTime?: boolean): string {\n        const withTime = forceTime ?? state.generalParameters.showTimeWithDates === true;\n        const format = withTime ? 'D MMMM YYYY - HH:mm' : 'D MMMM YYYY';\n        return composableDayjs(param).format(format);\n    }\n\n    return {\n        formatDate,\n        dayjs: composableDayjs\n    }\n}\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,OAAO,QAAQ;AAGrB,MAAM,OAAO,eAAe;AAI5B,IAAa,iBAAiB;CAC1B,MAAM,EAAE,WAAW,QAAQ;CAE3B,SAAS,gBAAgB,OAAyC;EAC9D,OAAO,MAAM,KAAK,CAAC,CAAC,OAAO,OAAO,KAAK;CAC3C;CACA,gBAAgB,WAAW,MAAM;CAEjC,SAAS,WAAW,OAAiC,WAA6B;EAE9E,MAAM,SADW,aAAa,MAAM,kBAAkB,sBAAsB,OAClD,wBAAwB;EAClD,OAAO,gBAAgB,KAAK,CAAC,CAAC,OAAO,MAAM;CAC/C;CAEA,OAAO;EACH;EACA,OAAO;CACX;AACJ"}

package/dist/{useDayjs-DGb3L4kJ.mjs → useDayjs-VUs19G9T.mjs}

@@ -1,4 +1,4 @@
-import { A as e } from "./classicApi-pmODlqv5.mjs";
+import { j as e } from "./classicApi-CGipMqf7.mjs";
 import { useI18n as t } from "vue-i18n";
 import n from "dayjs";
 import "dayjs/locale/de";

package/dist/useErrorHandler-BKN3lhJ5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorHandler-BKN3lhJ5.mjs","names":[],"sources":["../src/components/composable/useErrorHandler.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useRouter } from \"vue-router\";\n\nexport const useErrorHandler = ()=>{\n\n  const authStore = useAuthStore();\n  const router = useRouter();\n\n  function handle403(error: AxiosError): void {\n    if (403 === error.response?.status) {\n      if (undefined === authStore.authOrgaId) {\n        window.location.href = window.location.origin + \"/sso/login\";\n      } else {\n        console.error(error);\n        router.push({\n          path: \"/main/pub/error\",\n        });\n      }\n    }\n  }\n\n  return {\n    handle403\n  }\n}\n"],"mappings":";;;AAIA,IAAa,wBAAsB;CAEjC,MAAM,YAAY,aAAa;CAC/B,MAAM,SAAS,UAAU;CAEzB,SAAS,UAAU,OAAyB;EAC1C,IAAI,QAAQ,MAAM,UAAU,QAAQ;GAClC,IAAI,KAAA,MAAc,UAAU,YAC1B,OAAO,SAAS,OAAO,OAAO,SAAS,SAAS;QAC3C;IACL,QAAQ,MAAM,KAAK;IACnB,OAAO,KAAK,EACV,MAAM,kBACR,CAAC;GACH;EACF;CACF;CAEA,OAAO,EACL,UACF;AACF"}

package/dist/useErrorHandler-C3XnRTmp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorHandler-C3XnRTmp.mjs","names":[],"sources":["../src/components/composable/useErrorHandler.ts"],"sourcesContent":["import { AxiosError } from \"axios\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useRouter } from \"vue-router\";\n\nexport const useErrorHandler = ()=>{\n\n  const authStore = useAuthStore();\n  const router = useRouter();\n\n  function handle403(error: AxiosError): void {\n    if (403 === error.response?.status) {\n      if (undefined === authStore.authOrgaId) {\n        window.location.href = window.location.origin + \"/sso/login\";\n      } else {\n        console.error(error);\n        router.push({\n          path: \"/main/pub/error\",\n        });\n      }\n    }\n  }\n\n  return {\n    handle403\n  }\n}\n"],"mappings":";;;AAIA,IAAa,wBAAsB;CAEjC,MAAM,YAAY,aAAa;CAC/B,MAAM,SAAS,UAAU;CAEzB,SAAS,UAAU,OAAyB;EAC1C,IAAI,QAAQ,MAAM,UAAU,QAAQ;GAClC,IAAI,KAAA,MAAc,UAAU,YAC1B,OAAO,SAAS,OAAO,OAAO,SAAS,SAAS;QAC3C;IACL,QAAQ,MAAM,KAAK;IACnB,OAAO,KAAK,EACV,MAAM,kBACR,CAAC;GACH;EACF;CACF;CAEA,OAAO,EACL,UACF;AACF"}

package/dist/{useErrorHandler-D9W2BURn.mjs → useErrorHandler-x9sjDYSz.mjs}

@@ -1,4 +1,4 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
 import { useRouter as t } from "vue-router";
 //#region src/components/composable/useErrorHandler.ts
 var n = () => {

package/dist/useImageProxy-AEcmDpvW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageProxy-AEcmDpvW.mjs","names":[],"sources":["../src/components/composable/useImageProxy.ts"],"sourcesContent":["import { useApiStore } from \"../../stores/ApiStore\";\nexport const useImageProxy = ()=>{\n\n  const apiStore = useApiStore();\n\n  function useProxyImageUrl(url: string|undefined, width: string, height?: string, blur=false): string {\n    if (!url) {\n      return \"\";\n    }\n\n    // Encode URL to prevent some display issues\n    url = encodeURI(url);\n\n    if (apiStore.imageUrl && url.includes(\"http\")) {\n      const size = height ? \"height=\" + height : \"width=\" + width;\n      const encode = btoa(url).replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '');\n      return (\n        apiStore.imageUrl +\n        \"image/\" +\n        (blur ? \"noRedirect/\":\"\")+\n        encode +\n        \"?\" +\n        size +\n        \"&useWebp=true\"+\n        (blur ? \"&blur=true\":\"\")\n      );\n    }\n    return url;\n  }\n\n  return {\n    useProxyImageUrl\n  }\n}\n"],"mappings":";;AACA,IAAa,sBAAoB;CAE/B,MAAM,WAAW,YAAY;CAE7B,SAAS,iBAAiB,KAAuB,OAAe,QAAiB,OAAK,OAAe;EACnG,IAAI,CAAC,KACH,OAAO;EAIT,MAAM,UAAU,GAAG;EAEnB,IAAI,SAAS,YAAY,IAAI,SAAS,MAAM,GAAG;GAC7C,MAAM,OAAO,SAAS,YAAY,SAAS,WAAW;GACtD,MAAM,SAAS,KAAK,GAAG,CAAC,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAC,QAAQ,OAAO,EAAE;GAClF,OACE,SAAS,WACT,YACC,OAAO,gBAAc,MACtB,SACA,MACA,OACA,mBACC,OAAO,eAAa;EAEzB;EACA,OAAO;CACT;CAEA,OAAO,EACL,iBACF;AACF"}

package/dist/useImageProxy-BzTG_GCn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageProxy-BzTG_GCn.mjs","names":[],"sources":["../src/components/composable/useImageProxy.ts"],"sourcesContent":["import { useApiStore } from \"../../stores/ApiStore\";\nexport const useImageProxy = ()=>{\n\n  const apiStore = useApiStore();\n\n  function useProxyImageUrl(url: string|undefined, width: string, height?: string, blur=false): string {\n    if (!url) {\n      return \"\";\n    }\n\n    // Encode URL to prevent some display issues\n    url = encodeURI(url);\n\n    if (apiStore.imageUrl && url.includes(\"http\")) {\n      const size = height ? \"height=\" + height : \"width=\" + width;\n      const encode = btoa(url).replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '');\n      return (\n        apiStore.imageUrl +\n        \"image/\" +\n        (blur ? \"noRedirect/\":\"\")+\n        encode +\n        \"?\" +\n        size +\n        \"&useWebp=true\"+\n        (blur ? \"&blur=true\":\"\")\n      );\n    }\n    return url;\n  }\n\n  return {\n    useProxyImageUrl\n  }\n}\n"],"mappings":";;AACA,IAAa,sBAAoB;CAE/B,MAAM,WAAW,YAAY;CAE7B,SAAS,iBAAiB,KAAuB,OAAe,QAAiB,OAAK,OAAe;EACnG,IAAI,CAAC,KACH,OAAO;EAIT,MAAM,UAAU,GAAG;EAEnB,IAAI,SAAS,YAAY,IAAI,SAAS,MAAM,GAAG;GAC7C,MAAM,OAAO,SAAS,YAAY,SAAS,WAAW;GACtD,MAAM,SAAS,KAAK,GAAG,CAAC,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAC,QAAQ,OAAO,GAAG,CAAC,CAAC,QAAQ,OAAO,EAAE;GAClF,OACE,SAAS,WACT,YACC,OAAO,gBAAc,MACtB,SACA,MACA,OACA,mBACC,OAAO,eAAa;EAEzB;EACA,OAAO;CACT;CAEA,OAAO,EACL,iBACF;AACF"}

package/dist/{useImageProxy-8ndy_oTo.mjs → useImageProxy-CCpDzPmQ.mjs}

@@ -1,4 +1,4 @@
-import { O as e } from "./classicApi-pmODlqv5.mjs";
+import { k as e } from "./classicApi-CGipMqf7.mjs";
 //#region src/components/composable/useImageProxy.ts
 var t = () => {
 	let t = e();

package/dist/useOrgaComputed-4PduqYTq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrgaComputed-4PduqYTq.mjs","names":[],"sources":["../src/components/composable/useOrgaComputed.ts"],"sourcesContent":["import { computed } from \"vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\nexport const useOrgaComputed = ()=>{\n\n  const authStore = useAuthStore();\n\n  const isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\n\n  function isEditRights(orgaId?: string, condition = true){\n    return (\n      (condition && undefined!==authStore.authOrgaId&&\n        authStore.authOrgaId === orgaId) ||\n        authStore.isRoleAdmin\n    );\n  }\n\n  return {\n    isPodcastmaker,\n    isEditRights,\n    authOrgaId: authStore.authOrgaId\n  }\n}\n"],"mappings":";;;AAIA,IAAa,wBAAsB;CAEjC,MAAM,YAAY,aAAa;CAE/B,MAAM,iBAAiB,eAAc,MAAM,kBAAkB,YAAuB;CAEpF,SAAS,aAAa,QAAiB,YAAY,MAAK;EACtD,OACG,aAAa,KAAA,MAAY,UAAU,cAClC,UAAU,eAAe,UACzB,UAAU;CAEhB;CAEA,OAAO;EACL;EACA;EACA,YAAY,UAAU;CACxB;AACF"}

package/dist/useOrgaComputed-C2n0FBbv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrgaComputed-C2n0FBbv.mjs","names":[],"sources":["../src/components/composable/useOrgaComputed.ts"],"sourcesContent":["import { computed } from \"vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\nexport const useOrgaComputed = ()=>{\n\n  const authStore = useAuthStore();\n\n  const isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\n\n  function isEditRights(orgaId?: string, condition = true){\n    return (\n      (condition && undefined!==authStore.authOrgaId&&\n        authStore.authOrgaId === orgaId) ||\n        authStore.isRoleAdmin\n    );\n  }\n\n  return {\n    isPodcastmaker,\n    isEditRights,\n    authOrgaId: authStore.authOrgaId\n  }\n}\n"],"mappings":";;;AAIA,IAAa,wBAAsB;CAEjC,MAAM,YAAY,aAAa;CAE/B,MAAM,iBAAiB,eAAc,MAAM,kBAAkB,YAAuB;CAEpF,SAAS,aAAa,QAAiB,YAAY,MAAK;EACtD,OACG,aAAa,KAAA,MAAY,UAAU,cAClC,UAAU,eAAe,UACzB,UAAU;CAEhB;CAEA,OAAO;EACL;EACA;EACA,YAAY,UAAU;CACxB;AACF"}

package/dist/{useOrgaComputed-CBJ5sDOm.mjs → useOrgaComputed-D81Jihm-.mjs}

@@ -1,8 +1,8 @@
-import { A as e, i as t } from "./classicApi-pmODlqv5.mjs";
+import { i as e, j as t } from "./classicApi-CGipMqf7.mjs";
 import { computed as n } from "vue";
 //#region src/components/composable/useOrgaComputed.ts
 var r = () => {
-	let r = t(), i = n(() => e.generalParameters.podcastmaker);
+	let r = e(), i = n(() => t.generalParameters.podcastmaker);
 	function a(e, t = !0) {
 		return t && r.authOrgaId !== void 0 && r.authOrgaId === e || r.isRoleAdmin;
 	}

package/dist/{usePlayerLogicProgress-C2L7cMdd.mjs → usePlayerLogicProgress-BybmSAcs.mjs}

@@ -1,5 +1,5 @@
-import { i as e, t } from "./classicApi-pmODlqv5.mjs";
-import { n } from "./PlayerStore-CKprkxa0.mjs";
+import { i as e, t } from "./classicApi-CGipMqf7.mjs";
+import { n } from "./PlayerStore-DggKki80.mjs";
 import { computed as r, onMounted as i, ref as a, watch as o } from "vue";
 //#region src/components/composable/player/usePlayerLogicProgress.ts
 var s = () => {

package/dist/usePlayerLogicProgress-CKoCod6g.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlayerLogicProgress-CKoCod6g.mjs","names":["classicApi"],"sources":["../src/components/composable/player/usePlayerLogicProgress.ts"],"sourcesContent":["import { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, onMounted, Ref, ref, watch} from 'vue';\nimport classicApi from \"../../../api/classicApi\";\n\nexport const usePlayerLogicProgress = ()=>{\n  const listenTime= ref(0);\n  const notListenTime= ref(0);\n  const lastSend= ref(0);\n  const downloadId: Ref<string | null>= ref(null);\n  const urlLiveSent= ref(false);\n\n  const playerStore = usePlayerStore();\n  const authStore = useAuthStore();\n\n  const intervalToSend = computed(() => { \n    if(lastSend.value < 180){\n      return 10;\n    }\n    if(lastSend.value < 1800){\n      return 30;\n    }\n    return 60;\n  });\n\n  watch(listenTime, async (newVal) => {\n    if (\n      (playerStore.playerRadio && !playerStore.playerPodcast && !playerStore.playerLive) ||\n      !downloadId.value ||\n      newVal - lastSend.value < intervalToSend.value\n    ) {\n      return;\n    }\n    lastSend.value = newVal;\n    await sendListeningProgress(newVal);\n  });\n\n  watch(()=>playerStore.playerSeekTime, async () => {\n    if (undefined===playerStore.playerSeekTime) {\n      return;\n    }\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n      notListenTime.value = playerStore.playerSeekTime - listenTime.value;\n    }\n    if(playerStore.playerVideo){\n      return;\n    }\n    const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n      return;\n    }\n    audioPlayer.currentTime = playerStore.playerSeekTime;\n  });\n\n\n\n  onMounted(() => {\n      window.addEventListener(\"beforeunload\", endListeningProgress);\n  })\n\n  async function initLiveDownloadId() {\n    if (!playerStore.playerLive || downloadId.value) {\n      return;\n    }\n    try {\n      const mediaType = playerStore.playerVideo ? \"VIDEO\":\"AUDIO\";\n      const downloadIdFetched = await classicApi.fetchData<string | null>({\n        api:0,\n        path: \"podcast/download/live2/\" + playerStore.playerLive.podcastId,\n        parameters:{\n          mediaType: mediaType,\n          origin: \"octopus\",\n          distributorId: authStore.authOrgaId,\n        },\n      });\n      setDownloadId(downloadIdFetched);\n    } catch(e) {\n      downloadId.value = null;\n      console.error(\"ERROR downloadId\", e);\n    }\n  }\n\n  /**\n   * @param currentTime: Temps en seconds\n   */\n  function onTimeUpdateProgress(currentTime: number): void {\n    if (!downloadId.value) {\n      return;\n    }\n    if (\n      playerStore.playerLive &&\n      0 === listenTime.value &&\n      0 !== currentTime\n    ) {\n      notListenTime.value = currentTime;\n      listenTime.value = 1;\n    } else {\n      const newListenTime = currentTime - notListenTime.value;\n      const diffTime = newListenTime - listenTime.value;\n      if(diffTime > 0 && diffTime<1) {\n        listenTime.value = newListenTime;\n      }\n    }\n  }\n\n  function setDownloadId(newValue: string | null): void {\n    endListeningProgress();\n    downloadId.value = newValue;\n  }\n\n  async function endListeningProgress(): Promise<void> {\n    if (!downloadId.value) {\n      return;\n    }\n    await sendListeningProgress(listenTime.value);\n    downloadId.value = null;\n    notListenTime.value = 0;\n    lastSend.value = 0;\n    listenTime.value = 0;\n    urlLiveSent.value = false;\n    playerStore.playerUpdatePlayerHlsUrl(undefined);\n  }\n\n  async function sendListeningProgress(listenTime:number){\n    let paramUrlLive= \"\";\n    if(!urlLiveSent.value && playerStore.playerHlsUrl){\n      paramUrlLive=\"&url=\"+encodeURI(playerStore.playerHlsUrl);\n      urlLiveSent.value = true;\n    }\n\n    // Send listening updates if listening lasted more than 30 seconds\n    try {\n      await classicApi.putData<string | null>({\n        api: 0,\n        path:\"podcast/listen/\" +downloadId.value +\"?seconds=\" +Math.round(listenTime)+paramUrlLive,\n        isNotAuth:true\n      });\n    } catch(e) {\n      //Do nothing\n      console.error(e);\n    }\n  }\n\n  return {\n    listenTime,\n    downloadId,\n    initLiveDownloadId,\n    setDownloadId,\n    onTimeUpdateProgress,\n    endListeningProgress\n  }\n}\n"],"mappings":";;;;AAKA,IAAa,+BAA6B;CACxC,MAAM,aAAY,IAAI,CAAC;CACvB,MAAM,gBAAe,IAAI,CAAC;CAC1B,MAAM,WAAU,IAAI,CAAC;CACrB,MAAM,aAAgC,IAAI,IAAI;CAC9C,MAAM,cAAa,IAAI,KAAK;CAE5B,MAAM,cAAc,eAAe;CACnC,MAAM,YAAY,aAAa;CAE/B,MAAM,iBAAiB,eAAe;EACpC,IAAG,SAAS,QAAQ,KAClB,OAAO;EAET,IAAG,SAAS,QAAQ,MAClB,OAAO;EAET,OAAO;CACT,CAAC;CAED,MAAM,YAAY,OAAO,WAAW;EAClC,IACG,YAAY,eAAe,CAAC,YAAY,iBAAiB,CAAC,YAAY,cACvE,CAAC,WAAW,SACZ,SAAS,SAAS,QAAQ,eAAe,OAEzC;EAEF,SAAS,QAAQ;EACjB,MAAM,sBAAsB,MAAM;CACpC,CAAC;CAED,YAAU,YAAY,gBAAgB,YAAY;EAChD,IAAI,KAAA,MAAY,YAAY,gBAC1B;EAEF,IAAI,YAAY,iBAAiB,YAAY,YAC3C,cAAc,QAAQ,YAAY,iBAAiB,WAAW;EAEhE,IAAG,YAAY,aACb;EAEF,MAAM,cAAuC,SAAS,cAAc,eAAe;EACnF,IAAI,CAAC,aACH;EAEF,YAAY,cAAc,YAAY;CACxC,CAAC;CAID,gBAAgB;EACZ,OAAO,iBAAiB,gBAAgB,oBAAoB;CAChE,CAAC;CAED,eAAe,qBAAqB;EAClC,IAAI,CAAC,YAAY,cAAc,WAAW,OACxC;EAEF,IAAI;GACF,MAAM,YAAY,YAAY,cAAc,UAAQ;GAUpD,cAAc,MATkBA,mBAAW,UAAyB;IAClE,KAAI;IACJ,MAAM,4BAA4B,YAAY,WAAW;IACzD,YAAW;KACE;KACX,QAAQ;KACR,eAAe,UAAU;IAC3B;GACF,CAAC,CAC8B;EACjC,SAAQ,GAAG;GACT,WAAW,QAAQ;GACnB,QAAQ,MAAM,oBAAoB,CAAC;EACrC;CACF;;;;CAKA,SAAS,qBAAqB,aAA2B;EACvD,IAAI,CAAC,WAAW,OACd;EAEF,IACE,YAAY,cACZ,MAAM,WAAW,SACjB,MAAM,aACN;GACA,cAAc,QAAQ;GACtB,WAAW,QAAQ;EACrB,OAAO;GACL,MAAM,gBAAgB,cAAc,cAAc;GAClD,MAAM,WAAW,gBAAgB,WAAW;GAC5C,IAAG,WAAW,KAAK,WAAS,GAC1B,WAAW,QAAQ;EAEvB;CACF;CAEA,SAAS,cAAc,UAA+B;EACpD,qBAAqB;EACrB,WAAW,QAAQ;CACrB;CAEA,eAAe,uBAAsC;EACnD,IAAI,CAAC,WAAW,OACd;EAEF,MAAM,sBAAsB,WAAW,KAAK;EAC5C,WAAW,QAAQ;EACnB,cAAc,QAAQ;EACtB,SAAS,QAAQ;EACjB,WAAW,QAAQ;EACnB,YAAY,QAAQ;EACpB,YAAY,yBAAyB,KAAA,CAAS;CAChD;CAEA,eAAe,sBAAsB,YAAkB;EACrD,IAAI,eAAc;EAClB,IAAG,CAAC,YAAY,SAAS,YAAY,cAAa;GAChD,eAAa,UAAQ,UAAU,YAAY,YAAY;GACvD,YAAY,QAAQ;EACtB;EAGA,IAAI;GACF,MAAMA,mBAAW,QAAuB;IACtC,KAAK;IACL,MAAK,oBAAmB,WAAW,QAAO,cAAa,KAAK,MAAM,UAAU,IAAE;IAC9E,WAAU;GACZ,CAAC;EACH,SAAQ,GAAG;GAET,QAAQ,MAAM,CAAC;EACjB;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/usePlayerLogicProgress-DZaPRo6p.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlayerLogicProgress-DZaPRo6p.mjs","names":["classicApi"],"sources":["../src/components/composable/player/usePlayerLogicProgress.ts"],"sourcesContent":["import { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, onMounted, Ref, ref, watch} from 'vue';\nimport classicApi from \"../../../api/classicApi\";\n\nexport const usePlayerLogicProgress = ()=>{\n  const listenTime= ref(0);\n  const notListenTime= ref(0);\n  const lastSend= ref(0);\n  const downloadId: Ref<string | null>= ref(null);\n  const urlLiveSent= ref(false);\n\n  const playerStore = usePlayerStore();\n  const authStore = useAuthStore();\n\n  const intervalToSend = computed(() => { \n    if(lastSend.value < 180){\n      return 10;\n    }\n    if(lastSend.value < 1800){\n      return 30;\n    }\n    return 60;\n  });\n\n  watch(listenTime, async (newVal) => {\n    if (\n      (playerStore.playerRadio && !playerStore.playerPodcast && !playerStore.playerLive) ||\n      !downloadId.value ||\n      newVal - lastSend.value < intervalToSend.value\n    ) {\n      return;\n    }\n    lastSend.value = newVal;\n    await sendListeningProgress(newVal);\n  });\n\n  watch(()=>playerStore.playerSeekTime, async () => {\n    if (undefined===playerStore.playerSeekTime) {\n      return;\n    }\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n      notListenTime.value = playerStore.playerSeekTime - listenTime.value;\n    }\n    if(playerStore.playerVideo){\n      return;\n    }\n    const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n      return;\n    }\n    audioPlayer.currentTime = playerStore.playerSeekTime;\n  });\n\n\n\n  onMounted(() => {\n      window.addEventListener(\"beforeunload\", endListeningProgress);\n  })\n\n  async function initLiveDownloadId() {\n    if (!playerStore.playerLive || downloadId.value) {\n      return;\n    }\n    try {\n      const mediaType = playerStore.playerVideo ? \"VIDEO\":\"AUDIO\";\n      const downloadIdFetched = await classicApi.fetchData<string | null>({\n        api:0,\n        path: \"podcast/download/live2/\" + playerStore.playerLive.podcastId,\n        parameters:{\n          mediaType: mediaType,\n          origin: \"octopus\",\n          distributorId: authStore.authOrgaId,\n        },\n      });\n      setDownloadId(downloadIdFetched);\n    } catch(e) {\n      downloadId.value = null;\n      console.error(\"ERROR downloadId\", e);\n    }\n  }\n\n  /**\n   * @param currentTime: Temps en seconds\n   */\n  function onTimeUpdateProgress(currentTime: number): void {\n    if (!downloadId.value) {\n      return;\n    }\n    if (\n      playerStore.playerLive &&\n      0 === listenTime.value &&\n      0 !== currentTime\n    ) {\n      notListenTime.value = currentTime;\n      listenTime.value = 1;\n    } else {\n      const newListenTime = currentTime - notListenTime.value;\n      const diffTime = newListenTime - listenTime.value;\n      if(diffTime > 0 && diffTime<1) {\n        listenTime.value = newListenTime;\n      }\n    }\n  }\n\n  function setDownloadId(newValue: string | null): void {\n    endListeningProgress();\n    downloadId.value = newValue;\n  }\n\n  async function endListeningProgress(): Promise<void> {\n    if (!downloadId.value) {\n      return;\n    }\n    await sendListeningProgress(listenTime.value);\n    downloadId.value = null;\n    notListenTime.value = 0;\n    lastSend.value = 0;\n    listenTime.value = 0;\n    urlLiveSent.value = false;\n    playerStore.playerUpdatePlayerHlsUrl(undefined);\n  }\n\n  async function sendListeningProgress(listenTime:number){\n    let paramUrlLive= \"\";\n    if(!urlLiveSent.value && playerStore.playerHlsUrl){\n      paramUrlLive=\"&url=\"+encodeURI(playerStore.playerHlsUrl);\n      urlLiveSent.value = true;\n    }\n\n    // Send listening updates if listening lasted more than 30 seconds\n    try {\n      await classicApi.putData<string | null>({\n        api: 0,\n        path:\"podcast/listen/\" +downloadId.value +\"?seconds=\" +Math.round(listenTime)+paramUrlLive,\n        isNotAuth:true\n      });\n    } catch(e) {\n      //Do nothing\n      console.error(e);\n    }\n  }\n\n  return {\n    listenTime,\n    downloadId,\n    initLiveDownloadId,\n    setDownloadId,\n    onTimeUpdateProgress,\n    endListeningProgress\n  }\n}\n"],"mappings":";;;;AAKA,IAAa,+BAA6B;CACxC,MAAM,aAAY,IAAI,CAAC;CACvB,MAAM,gBAAe,IAAI,CAAC;CAC1B,MAAM,WAAU,IAAI,CAAC;CACrB,MAAM,aAAgC,IAAI,IAAI;CAC9C,MAAM,cAAa,IAAI,KAAK;CAE5B,MAAM,cAAc,eAAe;CACnC,MAAM,YAAY,aAAa;CAE/B,MAAM,iBAAiB,eAAe;EACpC,IAAG,SAAS,QAAQ,KAClB,OAAO;EAET,IAAG,SAAS,QAAQ,MAClB,OAAO;EAET,OAAO;CACT,CAAC;CAED,MAAM,YAAY,OAAO,WAAW;EAClC,IACG,YAAY,eAAe,CAAC,YAAY,iBAAiB,CAAC,YAAY,cACvE,CAAC,WAAW,SACZ,SAAS,SAAS,QAAQ,eAAe,OAEzC;EAEF,SAAS,QAAQ;EACjB,MAAM,sBAAsB,MAAM;CACpC,CAAC;CAED,YAAU,YAAY,gBAAgB,YAAY;EAChD,IAAI,KAAA,MAAY,YAAY,gBAC1B;EAEF,IAAI,YAAY,iBAAiB,YAAY,YAC3C,cAAc,QAAQ,YAAY,iBAAiB,WAAW;EAEhE,IAAG,YAAY,aACb;EAEF,MAAM,cAAuC,SAAS,cAAc,eAAe;EACnF,IAAI,CAAC,aACH;EAEF,YAAY,cAAc,YAAY;CACxC,CAAC;CAID,gBAAgB;EACZ,OAAO,iBAAiB,gBAAgB,oBAAoB;CAChE,CAAC;CAED,eAAe,qBAAqB;EAClC,IAAI,CAAC,YAAY,cAAc,WAAW,OACxC;EAEF,IAAI;GACF,MAAM,YAAY,YAAY,cAAc,UAAQ;GAUpD,cAAc,MATkBA,mBAAW,UAAyB;IAClE,KAAI;IACJ,MAAM,4BAA4B,YAAY,WAAW;IACzD,YAAW;KACE;KACX,QAAQ;KACR,eAAe,UAAU;IAC3B;GACF,CAAC,CAC8B;EACjC,SAAQ,GAAG;GACT,WAAW,QAAQ;GACnB,QAAQ,MAAM,oBAAoB,CAAC;EACrC;CACF;;;;CAKA,SAAS,qBAAqB,aAA2B;EACvD,IAAI,CAAC,WAAW,OACd;EAEF,IACE,YAAY,cACZ,MAAM,WAAW,SACjB,MAAM,aACN;GACA,cAAc,QAAQ;GACtB,WAAW,QAAQ;EACrB,OAAO;GACL,MAAM,gBAAgB,cAAc,cAAc;GAClD,MAAM,WAAW,gBAAgB,WAAW;GAC5C,IAAG,WAAW,KAAK,WAAS,GAC1B,WAAW,QAAQ;EAEvB;CACF;CAEA,SAAS,cAAc,UAA+B;EACpD,qBAAqB;EACrB,WAAW,QAAQ;CACrB;CAEA,eAAe,uBAAsC;EACnD,IAAI,CAAC,WAAW,OACd;EAEF,MAAM,sBAAsB,WAAW,KAAK;EAC5C,WAAW,QAAQ;EACnB,cAAc,QAAQ;EACtB,SAAS,QAAQ;EACjB,WAAW,QAAQ;EACnB,YAAY,QAAQ;EACpB,YAAY,yBAAyB,KAAA,CAAS;CAChD;CAEA,eAAe,sBAAsB,YAAkB;EACrD,IAAI,eAAc;EAClB,IAAG,CAAC,YAAY,SAAS,YAAY,cAAa;GAChD,eAAa,UAAQ,UAAU,YAAY,YAAY;GACvD,YAAY,QAAQ;EACtB;EAGA,IAAI;GACF,MAAMA,mBAAW,QAAuB;IACtC,KAAK;IACL,MAAK,oBAAmB,WAAW,QAAO,cAAa,KAAK,MAAM,UAAU,IAAE;IAC9E,WAAU;GACZ,CAAC;EACH,SAAQ,GAAG;GAET,QAAQ,MAAM,CAAC;EACjB;CACF;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/usePodcastView-B-2HPFAo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePodcastView-B-2HPFAo.mjs","names":[],"sources":["../src/components/composable/podcasts/usePodcastView.ts"],"sourcesContent":["import { Conference } from '@/stores/class/conference/conference';\nimport { Podcast } from '@/stores/class/general/podcast';\n// @ts-expect-error Bibliothèque non typée\nimport humanizeDuration from \"humanize-duration\";\nimport {computed, Ref} from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport {useOrgaComputed} from \"../useOrgaComputed\"\nimport { state } from '../../../stores/ParamSdkStore';\nimport { useDayjs } from '../useDayjs';\n\nexport const usePodcastView = (podcast: Ref<Podcast|undefined>,  podcastConference: Ref<Conference|undefined>)=>{\n\n  const {locale} = useI18n();\n  const { dayjs } = useDayjs();\n\n  const {isEditRights, isPodcastmaker} = useOrgaComputed();\n\n\n  const editRight = computed(() => { \n    return isEditRights(podcast.value?.organisation.id);\n  });\n  const isLiveReadyToRecord = computed(() => { \n    return (\n      undefined !== podcast.value?.conferenceId &&\n      0 !== podcast.value.conferenceId &&\n      \"READY_TO_RECORD\" === podcast.value.processingStatus\n    );\n  });\n  const isCounter = computed(() => { \n    return (\n      isLiveReadyToRecord.value &&\n      undefined !==  podcastConference.value &&\n      (\"PLANNED\" ===  podcastConference.value.status ||\n        \"PENDING\" ===  podcastConference.value.status)\n    );\n  });\n\n  const timeRemaining = computed(() => { \n    return !podcast.value ? 0: dayjs(podcast.value.pubDate).diff(dayjs(), \"seconds\");\n  });\n\n  const isPlannedInProcessor = computed(() => \"PLANNED\" === podcast.value?.processingStatus);\n  \n  const date = computed(() => { \n    if (!podcast.value || 1970 === dayjs(podcast.value.pubDate).year()) {\n      return \"\";\n    }\n    if (isLiveReadyToRecord.value || state.generalParameters.showTimeWithDates) {\n      return dayjs(podcast.value.pubDate).format(\"D MMMM YYYY - HH:mm\");\n    }\n    return dayjs(podcast.value.pubDate).format(\"D MMMM YYYY\");\n  });\n\n  const duration = computed(() => { \n    if (!podcast.value || podcast.value.duration <= 1){return \"\"};\n    if (podcast.value.duration > 600000) {\n      return humanizeDuration(podcast.value.duration, {\n        language: locale.value,\n        largest: 1,\n        round: true,\n      });\n    }\n    return humanizeDuration(podcast.value.duration, {\n      language: locale.value,\n      largest: 2,\n      round: true,\n    });\n  });\n\n  const durationIso = computed(() => { \n    if (!podcast.value || podcast.value.duration <= 1){return \"\";}\n    return dayjs.duration({ milliseconds: podcast.value.duration }).toISOString();\n  });\n\treturn {\n    isLiveReadyToRecord,\n    isCounter,\n    timeRemaining,\n    isPlannedInProcessor,\n    date,\n    duration,\n    durationIso,\n    editRight,\n    isPodcastmaker\n\t}\n}\n"],"mappings":";;;;;;;AAUA,IAAa,kBAAkB,SAAkC,sBAA+C;CAE9G,MAAM,EAAC,WAAU,QAAQ;CACzB,MAAM,EAAE,UAAU,SAAS;CAE3B,MAAM,EAAC,cAAc,mBAAkB,gBAAgB;CAGvD,MAAM,YAAY,eAAe;EAC/B,OAAO,aAAa,QAAQ,OAAO,aAAa,EAAE;CACpD,CAAC;CACD,MAAM,sBAAsB,eAAe;EACzC,OACE,KAAA,MAAc,QAAQ,OAAO,gBAC7B,MAAM,QAAQ,MAAM,gBACpB,sBAAsB,QAAQ,MAAM;CAExC,CAAC;CA8CF,OAAO;EACJ;EACA,WA/CgB,eAAe;GAC/B,OACE,oBAAoB,SACpB,KAAA,MAAe,kBAAkB,UAChC,cAAe,kBAAkB,MAAM,UACtC,cAAe,kBAAkB,MAAM;EAE7C,CAwCE;EACA,eAvCoB,eAAe;GACnC,OAAO,CAAC,QAAQ,QAAQ,IAAG,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS;EACjF,CAqCE;EACA,sBApC2B,eAAe,cAAc,QAAQ,OAAO,gBAoCvE;EACA,MAnCW,eAAe;GAC1B,IAAI,CAAC,QAAQ,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,KAAK,GAC/D,OAAO;GAET,IAAI,oBAAoB,SAAS,MAAM,kBAAkB,mBACvD,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,OAAO,qBAAqB;GAElE,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,OAAO,aAAa;EAC1D,CA2BE;EACA,UA1Be,eAAe;GAC9B,IAAI,CAAC,QAAQ,SAAS,QAAQ,MAAM,YAAY,GAAG,OAAO;GAC1D,IAAI,QAAQ,MAAM,WAAW,KAC3B,OAAO,iBAAiB,QAAQ,MAAM,UAAU;IAC9C,UAAU,OAAO;IACjB,SAAS;IACT,OAAO;GACT,CAAC;GAEH,OAAO,iBAAiB,QAAQ,MAAM,UAAU;IAC9C,UAAU,OAAO;IACjB,SAAS;IACT,OAAO;GACT,CAAC;EACH,CAYE;EACA,aAXkB,eAAe;GACjC,IAAI,CAAC,QAAQ,SAAS,QAAQ,MAAM,YAAY,GAAG,OAAO;GAC1D,OAAO,MAAM,SAAS,EAAE,cAAc,QAAQ,MAAM,SAAS,CAAC,CAAC,CAAC,YAAY;EAC9E,CAQE;EACA;EACA;CACH;AACD"}

package/dist/{usePodcastView-CoDJJr6Y.mjs → usePodcastView-CkM-n6iO.mjs}

@@ -1,6 +1,6 @@
-import { A as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./useOrgaComputed-CBJ5sDOm.mjs";
-import { t as n } from "./useDayjs-DGb3L4kJ.mjs";
+import { j as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./useOrgaComputed-D81Jihm-.mjs";
+import { t as n } from "./useDayjs-VUs19G9T.mjs";
 import { computed as r } from "vue";
 import { useI18n as i } from "vue-i18n";
 import a from "humanize-duration";

package/dist/usePodcastView-jdYTK1cW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePodcastView-jdYTK1cW.mjs","names":[],"sources":["../src/components/composable/podcasts/usePodcastView.ts"],"sourcesContent":["import { Conference } from '@/stores/class/conference/conference';\nimport { Podcast } from '@/stores/class/general/podcast';\n// @ts-expect-error Bibliothèque non typée\nimport humanizeDuration from \"humanize-duration\";\nimport {computed, Ref} from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport {useOrgaComputed} from \"../useOrgaComputed\"\nimport { state } from '../../../stores/ParamSdkStore';\nimport { useDayjs } from '../useDayjs';\n\nexport const usePodcastView = (podcast: Ref<Podcast|undefined>,  podcastConference: Ref<Conference|undefined>)=>{\n\n  const {locale} = useI18n();\n  const { dayjs } = useDayjs();\n\n  const {isEditRights, isPodcastmaker} = useOrgaComputed();\n\n\n  const editRight = computed(() => { \n    return isEditRights(podcast.value?.organisation.id);\n  });\n  const isLiveReadyToRecord = computed(() => { \n    return (\n      undefined !== podcast.value?.conferenceId &&\n      0 !== podcast.value.conferenceId &&\n      \"READY_TO_RECORD\" === podcast.value.processingStatus\n    );\n  });\n  const isCounter = computed(() => { \n    return (\n      isLiveReadyToRecord.value &&\n      undefined !==  podcastConference.value &&\n      (\"PLANNED\" ===  podcastConference.value.status ||\n        \"PENDING\" ===  podcastConference.value.status)\n    );\n  });\n\n  const timeRemaining = computed(() => { \n    return !podcast.value ? 0: dayjs(podcast.value.pubDate).diff(dayjs(), \"seconds\");\n  });\n\n  const isPlannedInProcessor = computed(() => \"PLANNED\" === podcast.value?.processingStatus);\n  \n  const date = computed(() => { \n    if (!podcast.value || 1970 === dayjs(podcast.value.pubDate).year()) {\n      return \"\";\n    }\n    if (isLiveReadyToRecord.value || state.generalParameters.showTimeWithDates) {\n      return dayjs(podcast.value.pubDate).format(\"D MMMM YYYY - HH:mm\");\n    }\n    return dayjs(podcast.value.pubDate).format(\"D MMMM YYYY\");\n  });\n\n  const duration = computed(() => { \n    if (!podcast.value || podcast.value.duration <= 1){return \"\"};\n    if (podcast.value.duration > 600000) {\n      return humanizeDuration(podcast.value.duration, {\n        language: locale.value,\n        largest: 1,\n        round: true,\n      });\n    }\n    return humanizeDuration(podcast.value.duration, {\n      language: locale.value,\n      largest: 2,\n      round: true,\n    });\n  });\n\n  const durationIso = computed(() => { \n    if (!podcast.value || podcast.value.duration <= 1){return \"\";}\n    return dayjs.duration({ milliseconds: podcast.value.duration }).toISOString();\n  });\n\treturn {\n    isLiveReadyToRecord,\n    isCounter,\n    timeRemaining,\n    isPlannedInProcessor,\n    date,\n    duration,\n    durationIso,\n    editRight,\n    isPodcastmaker\n\t}\n}\n"],"mappings":";;;;;;;AAUA,IAAa,kBAAkB,SAAkC,sBAA+C;CAE9G,MAAM,EAAC,WAAU,QAAQ;CACzB,MAAM,EAAE,UAAU,SAAS;CAE3B,MAAM,EAAC,cAAc,mBAAkB,gBAAgB;CAGvD,MAAM,YAAY,eAAe;EAC/B,OAAO,aAAa,QAAQ,OAAO,aAAa,EAAE;CACpD,CAAC;CACD,MAAM,sBAAsB,eAAe;EACzC,OACE,KAAA,MAAc,QAAQ,OAAO,gBAC7B,MAAM,QAAQ,MAAM,gBACpB,sBAAsB,QAAQ,MAAM;CAExC,CAAC;CA8CF,OAAO;EACJ;EACA,WA/CgB,eAAe;GAC/B,OACE,oBAAoB,SACpB,KAAA,MAAe,kBAAkB,UAChC,cAAe,kBAAkB,MAAM,UACtC,cAAe,kBAAkB,MAAM;EAE7C,CAwCE;EACA,eAvCoB,eAAe;GACnC,OAAO,CAAC,QAAQ,QAAQ,IAAG,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,KAAK,MAAM,GAAG,SAAS;EACjF,CAqCE;EACA,sBApC2B,eAAe,cAAc,QAAQ,OAAO,gBAoCvE;EACA,MAnCW,eAAe;GAC1B,IAAI,CAAC,QAAQ,SAAS,SAAS,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,KAAK,GAC/D,OAAO;GAET,IAAI,oBAAoB,SAAS,MAAM,kBAAkB,mBACvD,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,OAAO,qBAAqB;GAElE,OAAO,MAAM,QAAQ,MAAM,OAAO,CAAC,CAAC,OAAO,aAAa;EAC1D,CA2BE;EACA,UA1Be,eAAe;GAC9B,IAAI,CAAC,QAAQ,SAAS,QAAQ,MAAM,YAAY,GAAG,OAAO;GAC1D,IAAI,QAAQ,MAAM,WAAW,KAC3B,OAAO,iBAAiB,QAAQ,MAAM,UAAU;IAC9C,UAAU,OAAO;IACjB,SAAS;IACT,OAAO;GACT,CAAC;GAEH,OAAO,iBAAiB,QAAQ,MAAM,UAAU;IAC9C,UAAU,OAAO;IACjB,SAAS;IACT,OAAO;GACT,CAAC;EACH,CAYE;EACA,aAXkB,eAAe;GACjC,IAAI,CAAC,QAAQ,SAAS,QAAQ,MAAM,YAAY,GAAG,OAAO;GAC1D,OAAO,MAAM,SAAS,EAAE,cAAc,QAAQ,MAAM,SAAS,CAAC,CAAC,CAAC,YAAY;EAC9E,CAQE;EACA;EACA;CACH;AACD"}

package/dist/{usePresentationItem-DZZVm3hh.mjs → usePresentationItem-CLEGZwI3.mjs}

@@ -1,10 +1,10 @@
-import { A as e, s as t, v as n } from "./classicApi-pmODlqv5.mjs";
+import { j as e, s as t, y as n } from "./classicApi-CGipMqf7.mjs";
 import { t as r } from "./useResizePhone-4hSkK5pa.mjs";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
 import { t as a } from "./displayHelper-DQtoqc_6.mjs";
-import { t as o } from "./useImageProxy-8ndy_oTo.mjs";
+import { t as o } from "./useImageProxy-CCpDzPmQ.mjs";
 import { t as s } from "./GeneralStore-Darfv4af.mjs";
-import { t as c } from "./useDayjs-DGb3L4kJ.mjs";
+import { t as c } from "./useDayjs-VUs19G9T.mjs";
 import { Fragment as l, computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, openBlock as v, renderList as y, renderSlot as b, resolveComponent as x, resolveDirective as S, toDisplayString as C, unref as w, useTemplateRef as T, watch as E, withCtx as D, withDirectives as O } from "vue";
 //#region src/components/layouts/PresentationItem.vue?vue&type=script&setup=true&lang.ts
 var k = [

package/dist/usePresentationItem-Com4i40U.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePresentationItem-Com4i40U.mjs","names":["displayHelper","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_withDirectives","_Fragment","_renderList","_toDisplayString","_renderSlot","_createCommentVNode","_sfc_main"],"sources":["../src/components/layouts/PresentationItem.vue","../src/components/layouts/PresentationItem.vue","../src/components/composable/usePresentationItem.ts"],"sourcesContent":["<!--\n  Component to display an element with its description\n-->\n<template>\n    <article\n        class=\"classic-element-container item-presentation-container mt-3\"\n        :class=\"vertical ? 'vertical-item' : ''\"\n    >\n        <router-link\n            :to=\"route\"\n            class=\"d-flex-column flex-grow-1 text-dark\"\n            :class=\"vertical ? 'flex-column' : ''\"\n        >\n            <div\n                class=\"img-box\"\n                :class=\"vertical ? 'img-box-bigger' : ''\"\n            >\n                <img\n                    v-lazy=\"useProxyImageUrl(imageUrl, tailleImage)\"\n                    :width=\"tailleImage\"\n                    :height=\"tailleImage\"\n                    aria-hidden=\"true\"\n                    :alt=\"name\"\n                    :title=\"name\"\n                >\n\n                <div class=\"tags\">\n                    <span\n                        v-for=\"tag in tags\"\n                        :key=\"tag\"\n                    >\n                        {{ tag }}\n                    </span>\n                </div>\n\n                <slot name=\"after-image\" />\n            </div>\n      \n            <div\n                class=\"classic-element-text pb-0\"\n                :class=\"{ 'pt-1': vertical }\"\n            >\n                <div class=\"element-name mb-2 basic-line-clamp\">\n                    {{ name }}\n                </div>\n                <div\n                    v-if=\"!isPhone && (description || additionalInfo)\"\n                    ref=\"descriptionItemContainer\"\n                    class=\"element-description htms-wysiwyg-content mt-0\"\n                >\n                    <div v-if=\"additionalInfo\" class=\"mb-2\">\n                        <div\n                            v-for=\"info, index in additionalInfo\"\n                            :key=\"index\"\n                            class=\"text-secondary\"\n                        >\n                            {{ info }}\n                        </div>\n                    </div>\n                    <!-- eslint-disable vue/no-v-html -->\n                    <div\n                        v-if=\"description\"\n                        ref=\"descriptionItem\"\n                        v-html=\"urlify(description || '')\"\n                    />\n                    <!-- eslint-enable -->\n                </div>\n            </div>\n        </router-link>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { nextTick, useTemplateRef, watch, computed } from \"vue\";\nimport { RouteLocationRaw } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n    /** The route to which to redirect when clicking on element */\n    route: RouteLocationRaw|string;\n    /** The URL to the image */\n    imageUrl: string;\n    /** The name of the element */\n    name: string;\n    /** Tags associated with the element (rubriques, themes, etc) */\n    tags?: Array<string>;\n    /** Additional info displayed below name */\n    additionalInfo?: Array<string>;\n    /** The description of the element */\n    description?: string;\n    /** When true display the card vertically */\n    vertical?: boolean;\n}>();\n\n//Data\nconst descriptionItemRef = useTemplateRef('descriptionItem');\nconst descriptionItemContainerRef = useTemplateRef('descriptionItemContainer');\n\n\n//Composables\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n// Computed\n// Calcul de la taille de l'image\nconst tailleImage = computed(() => {\n    // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n    if (props.vertical) {\n        return '396';\n    } else if (isPhone.value) {\n        return '246';\n    } else {\n        return '250';\n    }\n});\n\n//Watch\nwatch(isPhone, async () => {\n    nextTick(() => {\n        if (!props.description || isPhone.value) {\n            return;\n        }\n        const itemDesc = descriptionItemRef?.value as HTMLElement;\n        const itemDescContainer = descriptionItemContainerRef?.value as HTMLElement;\n        if (\n            itemDesc &&\n            itemDescContainer &&\n            itemDesc.clientHeight > itemDescContainer.clientHeight\n        ) {\n            itemDescContainer.classList.add(\"after-element-description\");\n        }\n    });\n}, { immediate: true });\n\nfunction urlify(text:string|undefined){\n    return displayHelper.urlify(text);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n    .item-presentation-container {\n        @media (width <= 960px) {\n            width: 250px !important;\n            margin-right: 0.5rem;\n        }\n\n        .element-description {\n            height: 0;\n            flex-grow: 1;\n            max-height: unset;\n\n            p:first-child {\n                // Prevent unecessary space before first paragraph\n                margin-top: 0 !important;\n            }\n        }\n    }\n\n    .classic-element-container.vertical-item {\n        flex-grow: 0;\n        width: 400px;\n        flex-shrink: 0;\n    }\n\n    .img-box {\n        // Make it relative so that absolute elements associated with the image\n        // are positioned within the image box\n        position: relative;\n\n        @media (width <= 960px) {\n            height: calc(var(--octopus-image-size) - 4);\n        }\n    }\n\n    .img-box-bigger {\n        // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n        width: 396px;\n        height: 396px;\n    }\n\n    .tags {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n\n        > span {\n            background-color: white;\n            padding: .25em .75em;\n            font-size: 14px;\n            font-weight: bold;\n            color: var(--octopus-primary);\n            border-radius: var(--octopus-border-radius);\n            border: 1px solid color-mix(in lch, var(--octopus-primary), transparent 60%);\n\n            // Limit width\n            max-width: 200px;\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n    }\n}\n</style>\n","<!--\n  Component to display an element with its description\n-->\n<template>\n    <article\n        class=\"classic-element-container item-presentation-container mt-3\"\n        :class=\"vertical ? 'vertical-item' : ''\"\n    >\n        <router-link\n            :to=\"route\"\n            class=\"d-flex-column flex-grow-1 text-dark\"\n            :class=\"vertical ? 'flex-column' : ''\"\n        >\n            <div\n                class=\"img-box\"\n                :class=\"vertical ? 'img-box-bigger' : ''\"\n            >\n                <img\n                    v-lazy=\"useProxyImageUrl(imageUrl, tailleImage)\"\n                    :width=\"tailleImage\"\n                    :height=\"tailleImage\"\n                    aria-hidden=\"true\"\n                    :alt=\"name\"\n                    :title=\"name\"\n                >\n\n                <div class=\"tags\">\n                    <span\n                        v-for=\"tag in tags\"\n                        :key=\"tag\"\n                    >\n                        {{ tag }}\n                    </span>\n                </div>\n\n                <slot name=\"after-image\" />\n            </div>\n      \n            <div\n                class=\"classic-element-text pb-0\"\n                :class=\"{ 'pt-1': vertical }\"\n            >\n                <div class=\"element-name mb-2 basic-line-clamp\">\n                    {{ name }}\n                </div>\n                <div\n                    v-if=\"!isPhone && (description || additionalInfo)\"\n                    ref=\"descriptionItemContainer\"\n                    class=\"element-description htms-wysiwyg-content mt-0\"\n                >\n                    <div v-if=\"additionalInfo\" class=\"mb-2\">\n                        <div\n                            v-for=\"info, index in additionalInfo\"\n                            :key=\"index\"\n                            class=\"text-secondary\"\n                        >\n                            {{ info }}\n                        </div>\n                    </div>\n                    <!-- eslint-disable vue/no-v-html -->\n                    <div\n                        v-if=\"description\"\n                        ref=\"descriptionItem\"\n                        v-html=\"urlify(description || '')\"\n                    />\n                    <!-- eslint-enable -->\n                </div>\n            </div>\n        </router-link>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { nextTick, useTemplateRef, watch, computed } from \"vue\";\nimport { RouteLocationRaw } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n    /** The route to which to redirect when clicking on element */\n    route: RouteLocationRaw|string;\n    /** The URL to the image */\n    imageUrl: string;\n    /** The name of the element */\n    name: string;\n    /** Tags associated with the element (rubriques, themes, etc) */\n    tags?: Array<string>;\n    /** Additional info displayed below name */\n    additionalInfo?: Array<string>;\n    /** The description of the element */\n    description?: string;\n    /** When true display the card vertically */\n    vertical?: boolean;\n}>();\n\n//Data\nconst descriptionItemRef = useTemplateRef('descriptionItem');\nconst descriptionItemContainerRef = useTemplateRef('descriptionItemContainer');\n\n\n//Composables\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n// Computed\n// Calcul de la taille de l'image\nconst tailleImage = computed(() => {\n    // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n    if (props.vertical) {\n        return '396';\n    } else if (isPhone.value) {\n        return '246';\n    } else {\n        return '250';\n    }\n});\n\n//Watch\nwatch(isPhone, async () => {\n    nextTick(() => {\n        if (!props.description || isPhone.value) {\n            return;\n        }\n        const itemDesc = descriptionItemRef?.value as HTMLElement;\n        const itemDescContainer = descriptionItemContainerRef?.value as HTMLElement;\n        if (\n            itemDesc &&\n            itemDescContainer &&\n            itemDesc.clientHeight > itemDescContainer.clientHeight\n        ) {\n            itemDescContainer.classList.add(\"after-element-description\");\n        }\n    });\n}, { immediate: true });\n\nfunction urlify(text:string|undefined){\n    return displayHelper.urlify(text);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n    .item-presentation-container {\n        @media (width <= 960px) {\n            width: 250px !important;\n            margin-right: 0.5rem;\n        }\n\n        .element-description {\n            height: 0;\n            flex-grow: 1;\n            max-height: unset;\n\n            p:first-child {\n                // Prevent unecessary space before first paragraph\n                margin-top: 0 !important;\n            }\n        }\n    }\n\n    .classic-element-container.vertical-item {\n        flex-grow: 0;\n        width: 400px;\n        flex-shrink: 0;\n    }\n\n    .img-box {\n        // Make it relative so that absolute elements associated with the image\n        // are positioned within the image box\n        position: relative;\n\n        @media (width <= 960px) {\n            height: calc(var(--octopus-image-size) - 4);\n        }\n    }\n\n    .img-box-bigger {\n        // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n        width: 396px;\n        height: 396px;\n    }\n\n    .tags {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n\n        > span {\n            background-color: white;\n            padding: .25em .75em;\n            font-size: 14px;\n            font-weight: bold;\n            color: var(--octopus-primary);\n            border-radius: var(--octopus-border-radius);\n            border: 1px solid color-mix(in lch, var(--octopus-primary), transparent 60%);\n\n            // Limit width\n            max-width: 200px;\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n    }\n}\n</style>\n","import { Emission } from \"@/stores/class/general/emission\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { Podcast } from \"../../stores/class/general/podcast\";\nimport { rubriquesApi } from \"../../api\";\nimport { useDayjs } from \"./useDayjs\";\nimport { unique } from \"@/helper/arrayHelper\";\n\nexport const usePresentationItem = () => {\n    const generalStore = useGeneralStore();\n    const { formatDate } = useDayjs();\n\n    function iabTags(emission: Emission): Array<string> {\n        return generalStore.storedCategories\n            .filter(cat => emission.iabIds.includes(cat.id))\n            .map(cat => cat.name);\n    }\n\n    async function rubriqueTags(element: Podcast|Emission, filterRubriquageId?: number): Promise<Array<string>> {\n        const rubriqueIds: Array<number> = [];\n        if (element.rubriqueIds) {\n            rubriqueIds.push(...element.rubriqueIds);\n        }\n        if ('emission' in element && element.emission.rubriqueIds) {\n            rubriqueIds.push(...element.emission.rubriqueIds);\n        }\n        const uniqueRubriqueIds = rubriqueIds.filter(unique);\n        const promises = uniqueRubriqueIds.map(rubriquesApi.getCachedRubrique);\n        const rubriques = await Promise.all(promises);\n\n        if (filterRubriquageId) {\n            return rubriques.filter(r => r.rubriquageId === filterRubriquageId).map(r => r.name);\n        } else {\n            return rubriques.map(r => r.name);\n        }\n    }\n    \n    async function tagsFor(element: Podcast|Emission): Promise<Array<string>|undefined> {\n        const type = state.presentationItems.tags;\n        let tags: Array<string>|undefined = undefined;\n        if (type === 'iab') {\n            const emission = 'emission' in element ? element.emission : element;\n            tags = iabTags(emission);\n        } else if (type === 'rubrique') {\n            tags = await rubriqueTags(element, state.presentationItems.tagsRubriquageId);\n        }\n\n        if (tags && state.presentationItems.tagsLimit) {\n            return tags.slice(0, state.presentationItems.tagsLimit);\n        }\n\n        return tags;\n    }\n\n    async function additionalInfoFor(element: Podcast|Emission): Promise<Array<string>|undefined> {\n        const prop = state.presentationItems.additionalInfo;\n        const restrictiveRubriquageId = state.presentationItems.restrictiveRubriquageId;\n        if (!prop?.length) {\n            return undefined;\n        }\n\n        const podcast = 'emission' in element ? element : null;\n        const emission = podcast?.emission ?? element as Emission;\n\n        const result = await Promise.all(prop.map(async property => {\n            if (property === 'date') {\n                if (podcast?.pubDate) {\n                    return formatDate(podcast.pubDate);\n                } else {\n                    return null;\n                }\n            } else if (property === 'productor') {\n                return emission.orga.name;\n            } else if (property === 'restrictive-rubrique' && restrictiveRubriquageId !== undefined) {\n                const rubriques = await rubriqueTags(element, restrictiveRubriquageId);\n                return rubriques.join(', ');\n            }\n            return null;\n        }));\n\n        return result.filter(p => p !== null);\n    }\n\n    return { tagsFor, additionalInfoFor };\n};\n"],"mappings":"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"}

package/dist/usePresentationItem-OpMean0v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePresentationItem-OpMean0v.mjs","names":["displayHelper","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_createVNode","_withCtx","_createElementVNode","_withDirectives","_Fragment","_renderList","_toDisplayString","_renderSlot","_createCommentVNode","_sfc_main"],"sources":["../src/components/layouts/PresentationItem.vue","../src/components/layouts/PresentationItem.vue","../src/components/composable/usePresentationItem.ts"],"sourcesContent":["<!--\n  Component to display an element with its description\n-->\n<template>\n    <article\n        class=\"classic-element-container item-presentation-container mt-3\"\n        :class=\"vertical ? 'vertical-item' : ''\"\n    >\n        <router-link\n            :to=\"route\"\n            class=\"d-flex-column flex-grow-1 text-dark\"\n            :class=\"vertical ? 'flex-column' : ''\"\n        >\n            <div\n                class=\"img-box\"\n                :class=\"vertical ? 'img-box-bigger' : ''\"\n            >\n                <img\n                    v-lazy=\"useProxyImageUrl(imageUrl, tailleImage)\"\n                    :width=\"tailleImage\"\n                    :height=\"tailleImage\"\n                    aria-hidden=\"true\"\n                    :alt=\"name\"\n                    :title=\"name\"\n                >\n\n                <div class=\"tags\">\n                    <span\n                        v-for=\"tag in tags\"\n                        :key=\"tag\"\n                    >\n                        {{ tag }}\n                    </span>\n                </div>\n\n                <slot name=\"after-image\" />\n            </div>\n      \n            <div\n                class=\"classic-element-text pb-0\"\n                :class=\"{ 'pt-1': vertical }\"\n            >\n                <div class=\"element-name mb-2 basic-line-clamp\">\n                    {{ name }}\n                </div>\n                <div\n                    v-if=\"!isPhone && (description || additionalInfo)\"\n                    ref=\"descriptionItemContainer\"\n                    class=\"element-description htms-wysiwyg-content mt-0\"\n                >\n                    <div v-if=\"additionalInfo\" class=\"mb-2\">\n                        <div\n                            v-for=\"info, index in additionalInfo\"\n                            :key=\"index\"\n                            class=\"text-secondary\"\n                        >\n                            {{ info }}\n                        </div>\n                    </div>\n                    <!-- eslint-disable vue/no-v-html -->\n                    <div\n                        v-if=\"description\"\n                        ref=\"descriptionItem\"\n                        v-html=\"urlify(description || '')\"\n                    />\n                    <!-- eslint-enable -->\n                </div>\n            </div>\n        </router-link>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { nextTick, useTemplateRef, watch, computed } from \"vue\";\nimport { RouteLocationRaw } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n    /** The route to which to redirect when clicking on element */\n    route: RouteLocationRaw|string;\n    /** The URL to the image */\n    imageUrl: string;\n    /** The name of the element */\n    name: string;\n    /** Tags associated with the element (rubriques, themes, etc) */\n    tags?: Array<string>;\n    /** Additional info displayed below name */\n    additionalInfo?: Array<string>;\n    /** The description of the element */\n    description?: string;\n    /** When true display the card vertically */\n    vertical?: boolean;\n}>();\n\n//Data\nconst descriptionItemRef = useTemplateRef('descriptionItem');\nconst descriptionItemContainerRef = useTemplateRef('descriptionItemContainer');\n\n\n//Composables\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n// Computed\n// Calcul de la taille de l'image\nconst tailleImage = computed(() => {\n    // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n    if (props.vertical) {\n        return '396';\n    } else if (isPhone.value) {\n        return '246';\n    } else {\n        return '250';\n    }\n});\n\n//Watch\nwatch(isPhone, async () => {\n    nextTick(() => {\n        if (!props.description || isPhone.value) {\n            return;\n        }\n        const itemDesc = descriptionItemRef?.value as HTMLElement;\n        const itemDescContainer = descriptionItemContainerRef?.value as HTMLElement;\n        if (\n            itemDesc &&\n            itemDescContainer &&\n            itemDesc.clientHeight > itemDescContainer.clientHeight\n        ) {\n            itemDescContainer.classList.add(\"after-element-description\");\n        }\n    });\n}, { immediate: true });\n\nfunction urlify(text:string|undefined){\n    return displayHelper.urlify(text);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n    .item-presentation-container {\n        @media (width <= 960px) {\n            width: 250px !important;\n            margin-right: 0.5rem;\n        }\n\n        .element-description {\n            height: 0;\n            flex-grow: 1;\n            max-height: unset;\n\n            p:first-child {\n                // Prevent unecessary space before first paragraph\n                margin-top: 0 !important;\n            }\n        }\n    }\n\n    .classic-element-container.vertical-item {\n        flex-grow: 0;\n        width: 400px;\n        flex-shrink: 0;\n    }\n\n    .img-box {\n        // Make it relative so that absolute elements associated with the image\n        // are positioned within the image box\n        position: relative;\n\n        @media (width <= 960px) {\n            height: calc(var(--octopus-image-size) - 4);\n        }\n    }\n\n    .img-box-bigger {\n        // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n        width: 396px;\n        height: 396px;\n    }\n\n    .tags {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n\n        > span {\n            background-color: white;\n            padding: .25em .75em;\n            font-size: 14px;\n            font-weight: bold;\n            color: var(--octopus-primary);\n            border-radius: var(--octopus-border-radius);\n            border: 1px solid color-mix(in lch, var(--octopus-primary), transparent 60%);\n\n            // Limit width\n            max-width: 200px;\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n    }\n}\n</style>\n","<!--\n  Component to display an element with its description\n-->\n<template>\n    <article\n        class=\"classic-element-container item-presentation-container mt-3\"\n        :class=\"vertical ? 'vertical-item' : ''\"\n    >\n        <router-link\n            :to=\"route\"\n            class=\"d-flex-column flex-grow-1 text-dark\"\n            :class=\"vertical ? 'flex-column' : ''\"\n        >\n            <div\n                class=\"img-box\"\n                :class=\"vertical ? 'img-box-bigger' : ''\"\n            >\n                <img\n                    v-lazy=\"useProxyImageUrl(imageUrl, tailleImage)\"\n                    :width=\"tailleImage\"\n                    :height=\"tailleImage\"\n                    aria-hidden=\"true\"\n                    :alt=\"name\"\n                    :title=\"name\"\n                >\n\n                <div class=\"tags\">\n                    <span\n                        v-for=\"tag in tags\"\n                        :key=\"tag\"\n                    >\n                        {{ tag }}\n                    </span>\n                </div>\n\n                <slot name=\"after-image\" />\n            </div>\n      \n            <div\n                class=\"classic-element-text pb-0\"\n                :class=\"{ 'pt-1': vertical }\"\n            >\n                <div class=\"element-name mb-2 basic-line-clamp\">\n                    {{ name }}\n                </div>\n                <div\n                    v-if=\"!isPhone && (description || additionalInfo)\"\n                    ref=\"descriptionItemContainer\"\n                    class=\"element-description htms-wysiwyg-content mt-0\"\n                >\n                    <div v-if=\"additionalInfo\" class=\"mb-2\">\n                        <div\n                            v-for=\"info, index in additionalInfo\"\n                            :key=\"index\"\n                            class=\"text-secondary\"\n                        >\n                            {{ info }}\n                        </div>\n                    </div>\n                    <!-- eslint-disable vue/no-v-html -->\n                    <div\n                        v-if=\"description\"\n                        ref=\"descriptionItem\"\n                        v-html=\"urlify(description || '')\"\n                    />\n                    <!-- eslint-enable -->\n                </div>\n            </div>\n        </router-link>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport {useResizePhone} from \"../composable/useResizePhone\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport { nextTick, useTemplateRef, watch, computed } from \"vue\";\nimport { RouteLocationRaw } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n    /** The route to which to redirect when clicking on element */\n    route: RouteLocationRaw|string;\n    /** The URL to the image */\n    imageUrl: string;\n    /** The name of the element */\n    name: string;\n    /** Tags associated with the element (rubriques, themes, etc) */\n    tags?: Array<string>;\n    /** Additional info displayed below name */\n    additionalInfo?: Array<string>;\n    /** The description of the element */\n    description?: string;\n    /** When true display the card vertically */\n    vertical?: boolean;\n}>();\n\n//Data\nconst descriptionItemRef = useTemplateRef('descriptionItem');\nconst descriptionItemContainerRef = useTemplateRef('descriptionItemContainer');\n\n\n//Composables\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n// Computed\n// Calcul de la taille de l'image\nconst tailleImage = computed(() => {\n    // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n    if (props.vertical) {\n        return '396';\n    } else if (isPhone.value) {\n        return '246';\n    } else {\n        return '250';\n    }\n});\n\n//Watch\nwatch(isPhone, async () => {\n    nextTick(() => {\n        if (!props.description || isPhone.value) {\n            return;\n        }\n        const itemDesc = descriptionItemRef?.value as HTMLElement;\n        const itemDescContainer = descriptionItemContainerRef?.value as HTMLElement;\n        if (\n            itemDesc &&\n            itemDescContainer &&\n            itemDesc.clientHeight > itemDescContainer.clientHeight\n        ) {\n            itemDescContainer.classList.add(\"after-element-description\");\n        }\n    });\n}, { immediate: true });\n\nfunction urlify(text:string|undefined){\n    return displayHelper.urlify(text);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n    .item-presentation-container {\n        @media (width <= 960px) {\n            width: 250px !important;\n            margin-right: 0.5rem;\n        }\n\n        .element-description {\n            height: 0;\n            flex-grow: 1;\n            max-height: unset;\n\n            p:first-child {\n                // Prevent unecessary space before first paragraph\n                margin-top: 0 !important;\n            }\n        }\n    }\n\n    .classic-element-container.vertical-item {\n        flex-grow: 0;\n        width: 400px;\n        flex-shrink: 0;\n    }\n\n    .img-box {\n        // Make it relative so that absolute elements associated with the image\n        // are positioned within the image box\n        position: relative;\n\n        @media (width <= 960px) {\n            height: calc(var(--octopus-image-size) - 4);\n        }\n    }\n\n    .img-box-bigger {\n        // L'élément fait 400 de large à la verticale, mais on prend en compte les bordures\n        width: 396px;\n        height: 396px;\n    }\n\n    .tags {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n\n        > span {\n            background-color: white;\n            padding: .25em .75em;\n            font-size: 14px;\n            font-weight: bold;\n            color: var(--octopus-primary);\n            border-radius: var(--octopus-border-radius);\n            border: 1px solid color-mix(in lch, var(--octopus-primary), transparent 60%);\n\n            // Limit width\n            max-width: 200px;\n            overflow: hidden;\n            white-space: nowrap;\n            text-overflow: ellipsis;\n        }\n    }\n}\n</style>\n","import { Emission } from \"@/stores/class/general/emission\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { Podcast } from \"../../stores/class/general/podcast\";\nimport { rubriquesApi } from \"../../api\";\nimport { useDayjs } from \"./useDayjs\";\nimport { unique } from \"@/helper/arrayHelper\";\n\nexport const usePresentationItem = () => {\n    const generalStore = useGeneralStore();\n    const { formatDate } = useDayjs();\n\n    function iabTags(emission: Emission): Array<string> {\n        return generalStore.storedCategories\n            .filter(cat => emission.iabIds.includes(cat.id))\n            .map(cat => cat.name);\n    }\n\n    async function rubriqueTags(element: Podcast|Emission, filterRubriquageId?: number): Promise<Array<string>> {\n        const rubriqueIds: Array<number> = [];\n        if (element.rubriqueIds) {\n            rubriqueIds.push(...element.rubriqueIds);\n        }\n        if ('emission' in element && element.emission.rubriqueIds) {\n            rubriqueIds.push(...element.emission.rubriqueIds);\n        }\n        const uniqueRubriqueIds = rubriqueIds.filter(unique);\n        const promises = uniqueRubriqueIds.map(rubriquesApi.getCachedRubrique);\n        const rubriques = await Promise.all(promises);\n\n        if (filterRubriquageId) {\n            return rubriques.filter(r => r.rubriquageId === filterRubriquageId).map(r => r.name);\n        } else {\n            return rubriques.map(r => r.name);\n        }\n    }\n    \n    async function tagsFor(element: Podcast|Emission): Promise<Array<string>|undefined> {\n        const type = state.presentationItems.tags;\n        let tags: Array<string>|undefined = undefined;\n        if (type === 'iab') {\n            const emission = 'emission' in element ? element.emission : element;\n            tags = iabTags(emission);\n        } else if (type === 'rubrique') {\n            tags = await rubriqueTags(element, state.presentationItems.tagsRubriquageId);\n        }\n\n        if (tags && state.presentationItems.tagsLimit) {\n            return tags.slice(0, state.presentationItems.tagsLimit);\n        }\n\n        return tags;\n    }\n\n    async function additionalInfoFor(element: Podcast|Emission): Promise<Array<string>|undefined> {\n        const prop = state.presentationItems.additionalInfo;\n        const restrictiveRubriquageId = state.presentationItems.restrictiveRubriquageId;\n        if (!prop?.length) {\n            return undefined;\n        }\n\n        const podcast = 'emission' in element ? element : null;\n        const emission = podcast?.emission ?? element as Emission;\n\n        const result = await Promise.all(prop.map(async property => {\n            if (property === 'date') {\n                if (podcast?.pubDate) {\n                    return formatDate(podcast.pubDate);\n                } else {\n                    return null;\n                }\n            } else if (property === 'productor') {\n                return emission.orga.name;\n            } else if (property === 'restrictive-rubrique' && restrictiveRubriquageId !== undefined) {\n                const rubriques = await rubriqueTags(element, restrictiveRubriquageId);\n                return rubriques.join(', ');\n            }\n            return null;\n        }));\n\n        return result.filter(p => p !== null);\n    }\n\n    return { tagsFor, additionalInfoFor };\n};\n"],"mappings":"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"}

package/dist/{useRights-DOXtpjv5.mjs → useRights-BI2tXXjR.mjs}

@@ -1,4 +1,4 @@
-import { i as e } from "./classicApi-pmODlqv5.mjs";
+import { i as e } from "./classicApi-CGipMqf7.mjs";
 //#region src/components/composable/useRights.ts
 var t = /* @__PURE__ */ function(e) {
 	return e.Allowed = "allowed", e.DeniedNoRight = "no_right", e.DeniedNotOwner = "not_owner", e.DeniedInsufficientScope = "no_scope", e;