@saooti/octopus-sdk 42.1.2 → 42.2.0

package/dist/EmissionGroupChooser-5c7aD7hj.mjs

@@ -0,0 +1,82 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { b as groupsApi } from "./classicApi-1jdxJdNn.mjs";
+import { t as OctopusMultiselect_default } from "./OctopusMultiselect-tXNIWVpp.mjs";
+import { createBlock, defineComponent, onMounted, openBlock, ref } from "vue";
+//#region src/components/display/emission/EmissionGroupChooser.vue?vue&type=script&setup=true&lang.ts
+var maxElement = 200;
+var EmissionGroupChooser_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "EmissionGroupChooser",
+	props: {
+		organisationId: {
+			type: [String, Array],
+			required: false
+		},
+		groups: {
+			type: Array,
+			required: true
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		noBorder: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["update:groups"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const props = __props;
+		const emit = __emit;
+		const allGroups = ref([]);
+		onMounted(async () => {
+			allGroups.value = (await groupsApi.search({
+				first: 0,
+				size: maxElement,
+				organisationIds: [props.organisationId].flat()
+			})).result.filter((g) => g.emissionIds?.length ?? false);
+		});
+		function emitSelected(option) {
+			emit("update:groups", option);
+		}
+		const __returned__ = {
+			props,
+			emit,
+			maxElement,
+			allGroups,
+			emitSelected,
+			OctopusMultiselect: OctopusMultiselect_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/emission/EmissionGroupChooser.vue
+var EmissionGroupChooser_exports = /* @__PURE__ */ __exportAll({ default: () => EmissionGroupChooser_default });
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createBlock($setup["OctopusMultiselect"], {
+		placeholder: $props.placeholder ?? _ctx.$t("Search - Emission groups placeholder"),
+		selected: $props.groups,
+		options: $setup.allGroups,
+		"no-border": $props.noBorder,
+		"option-label": "name",
+		"option-key": "groupId",
+		"onUpdate:selected": $setup.emitSelected
+	}, null, 8, [
+		"placeholder",
+		"selected",
+		"options",
+		"no-border"
+	]);
+}
+var EmissionGroupChooser_default = /*#__PURE__*/ _plugin_vue_export_helper_default(EmissionGroupChooser_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/emission/EmissionGroupChooser.vue"]]);
+//#endregion
+export { EmissionGroupChooser_exports as n, EmissionGroupChooser_default as t };
+
+//# sourceMappingURL=EmissionGroupChooser-5c7aD7hj.mjs.map

package/dist/EmissionGroupChooser-5c7aD7hj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-5c7aD7hj.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}

package/dist/EmissionGroupChooser-BfqHSOeJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-BfqHSOeJ.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}

package/dist/EmissionGroupChooser-BmVl7ww5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-BmVl7ww5.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}

package/dist/EmissionGroupChooser-C44R_EK7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-C44R_EK7.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}

package/dist/EmissionGroupChooser-DcceBxVb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-DcceBxVb.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}

package/dist/EmissionGroupChooser-x_YFTdyX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-x_YFTdyX.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}

package/dist/EmissionInlineList-B2WZU0tk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-B2WZU0tk.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionInlineList-BI7_GMMn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-BI7_GMMn.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionInlineList-BSJUVlop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-BSJUVlop.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,MAAM,QAAQ;EA2Bd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,eAAqC,IAAI,CAAC,CAAC;EACjD,MAAM,YAA8C,IAAI,KAAA,CAAS;EAIjE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAC,cAAa,gBAAgB;EAIpC,MAAM,oBAAoB,eAAe,MAAM,cAAc,UAAU;EAEvE,MAAM,mBAAmB,eAAe;GACtC,IAAI,MAAM,UACR,OAAO,MAAM;QACR,IAAI,MAAM,oBAAoB,UACnC,OAAO;QAEP;EAEJ,CAAC;EAED,gBAAc;GACZ,UAAU;GACV,IAAI,kBAAkB,OACpB,eAAe;EAEnB,CAAC;EAGD,eAAe,YAA2B;GACxC,IAAI;IACF,MAAM,OAAO,MAAM,mBAAW,UAAuC;KACnE,KAAK;KACL,MAAM;KACN,YAAY;MACV,OAAO;MACP,MAAM;MACN,gBAAgB,MAAM;MACtB,YAAY,MAAM,aAAa,CAAC,MAAM,UAAU,IAAI,CAAC;MACrD,cAAc,MAAM,eAAe,CAAC,MAAM,YAAY,IAAI,CAAC;MAC3D,MAAM;KACR;KACA,mBAAmB;IACrB,CAAC;IACD,aAAa,QAAQ,aAAa,MAAM,OACtC,KAAK,OAAO,QAAQ,OAAwB,SAAS,EAAE,CACzD;IACA,QAAQ,QAAQ;GAClB,SAAS,OAAO;IACd,UAAU,KAAmB;GAC/B;EACF;EACA,eAAe,iBAAgC;GAK7C,UAAU,SAAQ,MAJC,mBAAW,UAAsB;IAClD,KAAK;IACL,MAAM,gBAAgB,kBAAkB;GAC1C,CAAC,GACsB;EACzB;EAEA,SAAS,YAAY,UAAwC;GAC3D,IACE,CAAC,kBAAkB,SACnB,CAAC,SAAS,eACV,MAAM,SAAS,YAAY,UAC3B,CAAC,UAAU,SACX,CAAC,UAAU,MAAM,QAEjB;GAGF,MAAM,WAAW,UAAU,MAAM,MAC9B,YACC,QAAQ,cACR,SAAS,YAAY,SAAS,QAAQ,UAAU,KAChD,QAAQ,iBAAiB,kBAAkB,KAC/C;GACA,IAAI,UACF,OAAO,SAAS;EAEpB;EAEA,SAAS,eAAe,UAA4B;GAClD,OAAO,MAAM,cAAc,gBACzB,SAAS,aAAa,SAAS,MAAM,cAAc,YAAY,IAC7D,uBACA;EACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC/KO,OAAM,kCAAiC;;;CACzB,OAAM;;;;qBADzB,mBAsCM,OAtCN,YAsCM;EArCM,OAAA,SAAA,UAAA,GAAV,mBAEK,MAFL,YAEK,gBADA,OAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;EAEV,YAEE,OAAA,mBAAA,EADC,gBAAc,OAAA,UAAU,OAAA,EAAC,uBAAA,IAA4B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA;EAG/C,OAAA,qBAAqB,OAAA,aAAS,EAAO,OAAA,qBAAqB,KAAA,WAAA,UAAA,GADnE,YAuBa,OAAA,eAAA;;GArBV,sBAAoB,OAAA;GACpB,eAAa,OAAA;;GAEH,cAAY,SAOnB,EAPuB,aAAM,CAEvB,OAAA,oBAAe,YAAA,UAAA,GADvB,YAME,OAAA,6BAAA;;IAJC,UAAU;IACX,OAAM;IACN,kBAAA;IACC,eAAa,OAAA;6DAGhB,YAOE,OAAA,uBAAA;;IALA,OAAK,eAAA,CAAC,mCAAiC,CAE9B,OAAA,eAAe,MAAM,CAAA,CAAA,CAAA;IAD7B,UAAU;IAEV,eAAa,OAAA;IACb,iBAAe,OAAA,YAAY,MAAM;;;;;;;;;EAKhC,OAAA,QAAA,UAAA,GADR,YAMc,wBAAA;;GAJX,IAAI,OAAA;GACL,OAAM;;0BAEU,CAAA,gBAAA,gBAAb,OAAA,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/EmissionInlineList-C7O0r8HK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-C7O0r8HK.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionInlineList-CRxNX4fl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-CRxNX4fl.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionInlineList-D1Xsv_jA.mjs

@@ -0,0 +1,188 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
+import { A as state, t as classicApi_default } from "./classicApi-1jdxJdNn.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-BRfB3Nma.mjs";
+import { t as SwiperList_default } from "./SwiperList-CTQ7Jt8y.mjs";
+import { t as EmissionPresentationItem_default } from "./EmissionPresentationItem-GB4a2U55.mjs";
+import { t as EmissionPlayerItem_default } from "./EmissionPlayerItem-B9nPhS0q.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, resolveComponent, toDisplayString, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/emission/EmissionInlineList.vue?vue&type=script&setup=true&lang.ts
+var EmissionInlineList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "EmissionInlineList",
+	props: {
+		emissionDisplay: {
+			type: String,
+			required: false
+		},
+		emissionVertical: {
+			type: Boolean,
+			required: false
+		},
+		href: {
+			type: null,
+			required: false
+		},
+		buttonText: {
+			type: String,
+			required: false
+		},
+		nbPodcasts: {
+			type: Number,
+			required: false
+		},
+		itemSize: {
+			type: Number,
+			required: false
+		},
+		organisationId: {
+			type: String,
+			required: false
+		},
+		rubriqueId: {
+			type: Number,
+			required: false
+		},
+		rubriquageId: {
+			type: Number,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const loading = ref(true);
+		const allEmissions = ref([]);
+		const rubriques = ref(void 0);
+		const { t } = useI18n();
+		const { handle403 } = useErrorHandler();
+		const displayRubriquage = computed(() => state.emissionsPage.rubriquage);
+		const sizeItemOverload = computed(() => {
+			if (props.itemSize) return props.itemSize;
+			else if (props.emissionDisplay === "simple") return 25;
+			else return;
+		});
+		onMounted(() => {
+			fetchNext();
+			if (displayRubriquage.value) fetchRubriques();
+		});
+		async function fetchNext() {
+			try {
+				const data = await classicApi_default.fetchData({
+					api: 0,
+					path: "emission/search",
+					parameters: {
+						first: 0,
+						size: 12,
+						organisationId: props.organisationId,
+						rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],
+						rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],
+						sort: "LAST_PODCAST_DESC"
+					},
+					specialTreatement: true
+				});
+				allEmissions.value = allEmissions.value.concat(data.result.filter((em) => null !== em));
+				loading.value = false;
+			} catch (error) {
+				handle403(error);
+			}
+		}
+		async function fetchRubriques() {
+			rubriques.value = (await classicApi_default.fetchData({
+				api: 0,
+				path: "rubriquage/" + displayRubriquage.value
+			})).rubriques;
+		}
+		function rubriquesId(emission) {
+			if (!displayRubriquage.value || !emission.rubriqueIds || 0 === emission.rubriqueIds.length || !rubriques.value || !rubriques.value.length) return;
+			const rubrique = rubriques.value.find((element) => element.rubriqueId && emission.rubriqueIds.includes(element.rubriqueId) && element.rubriquageId === displayRubriquage.value);
+			if (rubrique) return rubrique.name;
+		}
+		function mainRubriquage(emission) {
+			return state.emissionsPage.mainRubrique && emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique) ? "partenaireRubrique" : "";
+		}
+		const __returned__ = {
+			props,
+			loading,
+			allEmissions,
+			rubriques,
+			t,
+			handle403,
+			displayRubriquage,
+			sizeItemOverload,
+			fetchNext,
+			fetchRubriques,
+			rubriquesId,
+			mainRubriquage,
+			SwiperList: SwiperList_default,
+			EmissionPresentationItem: EmissionPresentationItem_default,
+			EmissionPlayerItem: EmissionPlayerItem_default,
+			ClassicLoading: ClassicLoading_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/emission/EmissionInlineList.vue
+var _hoisted_1 = { class: "d-flex flex-column list-episode" };
+var _hoisted_2 = {
+	key: 0,
+	class: "mb-0"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_router_link = resolveComponent("router-link");
+	return openBlock(), createElementBlock("div", _hoisted_1, [
+		$props.title ? (openBlock(), createElementBlock("h2", _hoisted_2, toDisplayString($props.title), 1)) : createCommentVNode("v-if", true),
+		createVNode($setup["ClassicLoading"], { "loading-text": $setup.loading ? $setup.t("Loading emissions ...") : void 0 }, null, 8, ["loading-text"]),
+		$setup.displayRubriquage && $setup.rubriques || !($setup.displayRubriquage && _ctx.loaded) ? (openBlock(), createBlock($setup["SwiperList"], {
+			key: 1,
+			"size-item-overload": $setup.sizeItemOverload,
+			"list-object": $setup.allEmissions
+		}, {
+			octopusSlide: withCtx(({ option }) => [$props.emissionDisplay === "simple" ? (openBlock(), createBlock($setup["EmissionPresentationItem"], {
+				key: 0,
+				emission: option,
+				class: "inline-list-element",
+				"is-description": "",
+				"is-vertical": $props.emissionVertical
+			}, null, 8, ["emission", "is-vertical"])) : (openBlock(), createBlock($setup["EmissionPlayerItem"], {
+				key: 1,
+				class: normalizeClass(["flex-shrink-0 item-phone-margin", [$setup.mainRubriquage(option)]]),
+				emission: option,
+				"nb-podcasts": $props.nbPodcasts,
+				"rubrique-name": $setup.rubriquesId(option)
+			}, null, 8, [
+				"emission",
+				"class",
+				"nb-podcasts",
+				"rubrique-name"
+			]))]),
+			_: 1
+		}, 8, ["size-item-overload", "list-object"])) : createCommentVNode("v-if", true),
+		$props.href ? (openBlock(), createBlock(_component_router_link, {
+			key: 2,
+			to: $props.href,
+			class: "btn btn-primary align-self-center w-fit-content m-4"
+		}, {
+			default: withCtx(() => [createTextVNode(toDisplayString($props.buttonText), 1)]),
+			_: 1
+		}, 8, ["to"])) : createCommentVNode("v-if", true)
+	]);
+}
+var EmissionInlineList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(EmissionInlineList_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render],
+	["__scopeId", "data-v-99d3ddc2"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/emission/EmissionInlineList.vue"]
+]);
+//#endregion
+export { EmissionInlineList_default as default };
+
+//# sourceMappingURL=EmissionInlineList-D1Xsv_jA.mjs.map

package/dist/EmissionInlineList-D1Xsv_jA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-D1Xsv_jA.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionInlineList-DPXmDcbc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-DPXmDcbc.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}