@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/RubriqueChooser-BgIvDDv7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueChooser-BgIvDDv7.mjs","names":[],"sources":["../src/components/display/rubriques/RubriqueChooser.vue","../src/components/display/rubriques/RubriqueChooser.vue"],"sourcesContent":["<template>\n  <ClassicMultiselect\n    :id=\"id\"\n    ref=\"selectRubrique\"\n    :option-chosen=\"model\"\n    option-label=\"name\"\n    :display-label=\"displayLabel\"\n    :label=\"label ?? t('By rubric')\"\n    :text-danger=\"textDanger\"\n    :placeholder=\"placeholderText\"\n    :max-element=\"maxElement\"\n    :multiple=\"multiple\"\n    :min-search-length=\"1\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :is-disabled=\"isDisabled\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchRubrique\"\n    @selected=\"onRubriqueSelected\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onMounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  width: { default: undefined, type: String },\n  /**\n   * Active la sélection multiple\n   */\n  multiple: { default: false, type: Boolean },\n  reset: { default: false, type: Boolean },\n  /**\n   * Les rubriques à afficher\n   */\n  allRubriques: { default: () => [], type: Array as () => Array<Rubrique> },\n  rubriqueSelected: { default: undefined, type: Number },\n  rubriqueSelectedArray: {\n    default: undefined,\n    type: Object as () => Array<number>,\n  },\n  id: { default: \"rubrique-chooser\", type: String },\n  withoutRubrique: { default: false, type: Boolean },\n  isDisabled: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n  textDanger :{ default: undefined, type: String },\n  /**\n   * Le texte affiché là où l'utilisateur doit effectuer sa saisie\n   */\n  placeholder: { type: String, required: false, default: undefined }\n})\n\n\n//Emits\nconst emit = defineEmits([\n  \"update:rubriqueSelected\",\n  \"update:rubriqueSelectedArray\",\n  \"selected\"\n]);\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Data \nconst maxElement = ref(250);\nconst rubrique: Ref<Rubrique | undefined> = ref(undefined);\nconst rubriqueForArray: Ref<Array<Rubrique> | undefined> = ref([]);\nconst withoutItem: Ref<{\n  name: string;\n  rubriqueId: number;\n}> = ref({ name: t(\"Without rubric\"), rubriqueId: -1 });\nconst selectRubriqueRef = useTemplateRef('selectRubrique');\n\n\n//Computed\nconst getDefaultRubrique = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return { name: props.defaultanswer, rubriqueId: 0 };\n});\nconst rubriques = computed(() => {\n  const rubriques = props.allRubriques;\n  if (!getDefaultRubrique.value) {\n    return rubriques;\n  }\n  if (props.withoutRubrique) {\n    rubriques.unshift(withoutItem.value);\n  }\n  rubriques.unshift(getDefaultRubrique.value);\n  return rubriques;\n});\n\nconst model = computed({\n  get(): Rubrique | Array<Rubrique> | undefined {\n    return !props.multiple ? rubrique.value : rubriqueForArray.value;\n  },\n  set(value: Rubrique | Array<Rubrique> | undefined): void {\n    if (!props.multiple) {\n      rubrique.value = value as Rubrique | undefined;\n      return;\n    }\n    rubriqueForArray.value = value as Array<Rubrique>;\n  },\n})\n\n/**\n * Le texte à afficher dans la saisie de l'utilisateur\n */\nconst placeholderText = computed(() => {\n  if (props.placeholder) {\n    return props.placeholder;\n  } else {\n    return t('Type string to filter by categories');\n  }\n});\n\n//Watch\nwatch(()=>props.rubriqueSelected, () => {\n  if (props.rubriqueSelected) {\n    initRubriqueSelected();\n  } else {\n    rubrique.value = getDefaultRubrique.value;\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  rubrique.value = getDefaultRubrique.value;\n});\n\nonMounted(()=>initRubriqueArray())\n\n\n//Methods\nfunction onSearchRubrique(query: string): void {\n  let tempRubriques = rubriques.value;\n  if (query) {\n    tempRubriques = tempRubriques.filter((item: Rubrique) => {\n      return item.name.toUpperCase().includes(query.toUpperCase());\n    });\n  }\n  (selectRubriqueRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(tempRubriques, tempRubriques.length);\n}\nfunction onRubriqueSelected(rubrique: Rubrique | Array<Rubrique>): void {\n  if (undefined !== props.rubriqueSelected) {\n    emit(\"update:rubriqueSelected\",(rubrique as Rubrique).rubriqueId);\n  }\n  if (undefined !== props.rubriqueSelectedArray) {\n    const idsArray: Array<number> = [];\n    (rubrique as Array<Rubrique>).forEach((el: Rubrique) => {\n      idsArray.push(el.rubriqueId ?? 0);\n    });\n    emit(\"update:rubriqueSelectedArray\", idsArray);\n  } else {\n    emit(\"selected\", rubrique);\n  }\n}\nfunction initRubriqueSelected(): void {\n  rubrique.value =\n    rubriques.value.find((el: Rubrique) => {\n      return el.rubriqueId === props.rubriqueSelected;\n    }) ?? getDefaultRubrique.value;\n}\nfunction initRubriqueArray(): void {\n  if (!rubriqueForArray.value || !props.rubriqueSelectedArray) {\n    return;\n  }\n  rubriqueForArray.value.length = 0;\n  props.rubriqueSelectedArray.forEach((element: number) => {\n    const item = rubriques.value.find((el: Rubrique) => {\n      return el.rubriqueId === element;\n    });\n    if (rubriqueForArray.value && item) {\n      rubriqueForArray.value.push(item);\n    }\n  });\n}\n</script>\n","<template>\n  <ClassicMultiselect\n    :id=\"id\"\n    ref=\"selectRubrique\"\n    :option-chosen=\"model\"\n    option-label=\"name\"\n    :display-label=\"displayLabel\"\n    :label=\"label ?? t('By rubric')\"\n    :text-danger=\"textDanger\"\n    :placeholder=\"placeholderText\"\n    :max-element=\"maxElement\"\n    :multiple=\"multiple\"\n    :min-search-length=\"1\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :is-disabled=\"isDisabled\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchRubrique\"\n    @selected=\"onRubriqueSelected\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onMounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  width: { default: undefined, type: String },\n  /**\n   * Active la sélection multiple\n   */\n  multiple: { default: false, type: Boolean },\n  reset: { default: false, type: Boolean },\n  /**\n   * Les rubriques à afficher\n   */\n  allRubriques: { default: () => [], type: Array as () => Array<Rubrique> },\n  rubriqueSelected: { default: undefined, type: Number },\n  rubriqueSelectedArray: {\n    default: undefined,\n    type: Object as () => Array<number>,\n  },\n  id: { default: \"rubrique-chooser\", type: String },\n  withoutRubrique: { default: false, type: Boolean },\n  isDisabled: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n  textDanger :{ default: undefined, type: String },\n  /**\n   * Le texte affiché là où l'utilisateur doit effectuer sa saisie\n   */\n  placeholder: { type: String, required: false, default: undefined }\n})\n\n\n//Emits\nconst emit = defineEmits([\n  \"update:rubriqueSelected\",\n  \"update:rubriqueSelectedArray\",\n  \"selected\"\n]);\n\n\n//Composables\nconst { t } = useI18n();\n\n\n//Data \nconst maxElement = ref(250);\nconst rubrique: Ref<Rubrique | undefined> = ref(undefined);\nconst rubriqueForArray: Ref<Array<Rubrique> | undefined> = ref([]);\nconst withoutItem: Ref<{\n  name: string;\n  rubriqueId: number;\n}> = ref({ name: t(\"Without rubric\"), rubriqueId: -1 });\nconst selectRubriqueRef = useTemplateRef('selectRubrique');\n\n\n//Computed\nconst getDefaultRubrique = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return { name: props.defaultanswer, rubriqueId: 0 };\n});\nconst rubriques = computed(() => {\n  const rubriques = props.allRubriques;\n  if (!getDefaultRubrique.value) {\n    return rubriques;\n  }\n  if (props.withoutRubrique) {\n    rubriques.unshift(withoutItem.value);\n  }\n  rubriques.unshift(getDefaultRubrique.value);\n  return rubriques;\n});\n\nconst model = computed({\n  get(): Rubrique | Array<Rubrique> | undefined {\n    return !props.multiple ? rubrique.value : rubriqueForArray.value;\n  },\n  set(value: Rubrique | Array<Rubrique> | undefined): void {\n    if (!props.multiple) {\n      rubrique.value = value as Rubrique | undefined;\n      return;\n    }\n    rubriqueForArray.value = value as Array<Rubrique>;\n  },\n})\n\n/**\n * Le texte à afficher dans la saisie de l'utilisateur\n */\nconst placeholderText = computed(() => {\n  if (props.placeholder) {\n    return props.placeholder;\n  } else {\n    return t('Type string to filter by categories');\n  }\n});\n\n//Watch\nwatch(()=>props.rubriqueSelected, () => {\n  if (props.rubriqueSelected) {\n    initRubriqueSelected();\n  } else {\n    rubrique.value = getDefaultRubrique.value;\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  rubrique.value = getDefaultRubrique.value;\n});\n\nonMounted(()=>initRubriqueArray())\n\n\n//Methods\nfunction onSearchRubrique(query: string): void {\n  let tempRubriques = rubriques.value;\n  if (query) {\n    tempRubriques = tempRubriques.filter((item: Rubrique) => {\n      return item.name.toUpperCase().includes(query.toUpperCase());\n    });\n  }\n  (selectRubriqueRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(tempRubriques, tempRubriques.length);\n}\nfunction onRubriqueSelected(rubrique: Rubrique | Array<Rubrique>): void {\n  if (undefined !== props.rubriqueSelected) {\n    emit(\"update:rubriqueSelected\",(rubrique as Rubrique).rubriqueId);\n  }\n  if (undefined !== props.rubriqueSelectedArray) {\n    const idsArray: Array<number> = [];\n    (rubrique as Array<Rubrique>).forEach((el: Rubrique) => {\n      idsArray.push(el.rubriqueId ?? 0);\n    });\n    emit(\"update:rubriqueSelectedArray\", idsArray);\n  } else {\n    emit(\"selected\", rubrique);\n  }\n}\nfunction initRubriqueSelected(): void {\n  rubrique.value =\n    rubriques.value.find((el: Rubrique) => {\n      return el.rubriqueId === props.rubriqueSelected;\n    }) ?? getDefaultRubrique.value;\n}\nfunction initRubriqueArray(): void {\n  if (!rubriqueForArray.value || !props.rubriqueSelectedArray) {\n    return;\n  }\n  rubriqueForArray.value.length = 0;\n  props.rubriqueSelectedArray.forEach((element: number) => {\n    const item = rubriques.value.find((el: Rubrique) => {\n      return el.rubriqueId === element;\n    });\n    if (rubriqueForArray.value && item) {\n      rubriqueForArray.value.push(item);\n    }\n  });\n}\n</script>\n"],"mappings":"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"}

package/dist/RubriqueFilter-BwBU4kpV.mjs

@@ -0,0 +1,168 @@
+import { r as useFilterStore, t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { t as ClassicCheckbox_default } from "./ClassicCheckbox-CqA5WUGc.mjs";
+import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam-U-wcZUul.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineAsyncComponent, defineComponent, onBeforeMount, openBlock, ref, renderList, toDisplayString, unref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/filter/RubriqueFilter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "d-flex mt-3 align-items-center"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "d-flex ms-1 flex-column flex-grow-1"
+};
+//#endregion
+//#region src/components/display/filter/RubriqueFilter.vue
+var RubriqueFilter_default = /* @__PURE__ */ defineComponent({
+	__name: "RubriqueFilter",
+	props: {
+		organisationId: {
+			default: void 0,
+			type: String
+		},
+		rubriqueFilter: {
+			default: () => [],
+			type: Array
+		}
+	},
+	emits: ["update:rubriqueFilter", "warning"],
+	setup(__props, { emit: __emit }) {
+		const RubriqueChoice = defineAsyncComponent(() => import("./RubriqueChoice-BN4nirmx.mjs"));
+		const props = __props;
+		const emit = __emit;
+		const isRubriquage = ref(false);
+		const internRubriqueFilter = ref([]);
+		const rubriquageData = ref([]);
+		const needToFetchRubrique = ref(false);
+		const { t } = useI18n();
+		const { stringifyRubriquesFilter } = useRubriquesFilterParam();
+		const filterStore = useFilterStore();
+		const organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);
+		const availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));
+		watch(organisation, () => {
+			if (isRubriquage.value) fetchTopics();
+			else needToFetchRubrique.value = true;
+		});
+		watch(() => props.rubriqueFilter, () => {
+			isRubriquage.value = 0 !== props.rubriqueFilter?.length;
+			if (props.rubriqueFilter && stringifyRubriquesFilter(internRubriqueFilter.value) !== stringifyRubriquesFilter(props.rubriqueFilter)) internRubriqueFilter.value = props.rubriqueFilter;
+		}, {
+			deep: true,
+			immediate: true
+		});
+		watch(isRubriquage, () => {
+			if (needToFetchRubrique.value) fetchTopics();
+			if (isRubriquage.value && 0 === internRubriqueFilter.value.length) addFilter();
+			const value = isRubriquage.value ? internRubriqueFilter.value : [];
+			if (stringifyRubriquesFilter(value) !== stringifyRubriquesFilter(props.rubriqueFilter)) emit("update:rubriqueFilter", value);
+		});
+		onBeforeMount(() => fetchTopics());
+		function updateInternRubriqueFilter() {
+			if (isRubriquage.value) emit("update:rubriqueFilter", internRubriqueFilter.value);
+			else isRubriquage.value = true;
+		}
+		function addFilter() {
+			if (availableRubriquage.value?.[0].rubriquageId) {
+				internRubriqueFilter.value.push({
+					rubriquageId: availableRubriquage.value[0].rubriquageId,
+					rubriqueId: 0,
+					nameRubriquage: rubriquageData.value[0].title,
+					nameRubrique: ""
+				});
+				updateInternRubriqueFilter();
+			}
+		}
+		function deleteRubriqueChoice(index) {
+			internRubriqueFilter.value.splice(index, 1);
+			updateInternRubriqueFilter();
+		}
+		function getAvailableRubriquage(filterRubrique) {
+			if (filterRubrique.length) {
+				const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);
+				return rubriquageData.value.filter((element) => {
+					if (element.rubriquageId) return !rubriquageIdToNotShow.includes(element.rubriquageId);
+				});
+			}
+			return rubriquageData.value;
+		}
+		function getRubriquage(index) {
+			const elementToNotShow = Array.from(internRubriqueFilter.value);
+			elementToNotShow.splice(index, 1);
+			return getAvailableRubriquage(elementToNotShow);
+		}
+		function updateRubrique(newValue) {
+			const item = internRubriqueFilter.value[newValue.index];
+			item.rubriqueId = newValue.rubriqueId;
+			internRubriqueFilter.value.splice(newValue.index, 1, item);
+			updateInternRubriqueFilter();
+		}
+		function updateRubriquage(newValue) {
+			const item = internRubriqueFilter.value[newValue.index];
+			item.rubriquageId = newValue.rubriquageId;
+			internRubriqueFilter.value.splice(newValue.index, 1, item);
+			updateInternRubriqueFilter();
+		}
+		async function fetchTopics() {
+			if (!organisation.value) return;
+			needToFetchRubrique.value = false;
+			rubriquageData.value = (await classicApi_default.fetchData({
+				api: 0,
+				path: "rubriquage/find/" + organisation.value,
+				specialTreatement: true
+			})).filter((element) => {
+				return element.rubriques.length;
+			});
+			if (0 === rubriquageData.value.length) {
+				if (internRubriqueFilter.value.length) {
+					internRubriqueFilter.value = [];
+					updateInternRubriqueFilter();
+					emit("warning");
+				}
+				return;
+			}
+			const internRubriqueFilterToUpdate = [];
+			for (const filter of internRubriqueFilter.value) if (rubriquageData.value.find((element) => element.rubriquageId === filter.rubriquageId)) internRubriqueFilterToUpdate.push(filter);
+			if (internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length) {
+				internRubriqueFilter.value = internRubriqueFilterToUpdate;
+				updateInternRubriqueFilter();
+				emit("warning");
+			}
+		}
+		return (_ctx, _cache) => {
+			return organisation.value && rubriquageData.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(ClassicCheckbox_default, {
+				"text-init": isRubriquage.value,
+				"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => isRubriquage.value = $event),
+				class: "flex-shrink-0",
+				"id-checkbox": "search-rubriquage-checkbox",
+				label: unref(t)("By topic")
+			}, null, 8, ["text-init", "label"]), isRubriquage.value ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(internRubriqueFilter.value, (filter, index) => {
+				return openBlock(), createBlock(unref(RubriqueChoice), {
+					key: index,
+					index,
+					"rubriquage-display": getRubriquage(index),
+					"rubrique-id-selected": filter.rubriqueId,
+					"rubriquage-id-selected": filter.rubriquageId,
+					"no-deselect": true,
+					onUpdateRubrique: updateRubrique,
+					onUpdateRubriquage: updateRubriquage,
+					onDeleteRubriqueChoice: ($event) => deleteRubriqueChoice(index)
+				}, null, 8, [
+					"index",
+					"rubriquage-display",
+					"rubrique-id-selected",
+					"rubriquage-id-selected",
+					"onDeleteRubriqueChoice"
+				]);
+			}), 128)), availableRubriquage.value.length ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				class: "btn mt-2",
+				onClick: addFilter
+			}, toDisplayString(unref(t)("Add a sort criterion by topic")), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { RubriqueFilter_default as default };
+
+//# sourceMappingURL=RubriqueFilter-BwBU4kpV.mjs.map

package/dist/RubriqueFilter-BwBU4kpV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueFilter-BwBU4kpV.mjs","names":[],"sources":["../src/components/display/filter/RubriqueFilter.vue","../src/components/display/filter/RubriqueFilter.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n","<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/RubriqueFilter-C7lAoJNq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueFilter-C7lAoJNq.mjs","names":[],"sources":["../src/components/display/filter/RubriqueFilter.vue","../src/components/display/filter/RubriqueFilter.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n","<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/RubriqueFilter-CKF-seUZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueFilter-CKF-seUZ.mjs","names":[],"sources":["../src/components/display/filter/RubriqueFilter.vue","../src/components/display/filter/RubriqueFilter.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n","<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/RubriqueFilter-oDd4AytG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueFilter-oDd4AytG.mjs","names":[],"sources":["../src/components/display/filter/RubriqueFilter.vue","../src/components/display/filter/RubriqueFilter.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n","<template>\n  <div\n    v-if=\"organisation && rubriquageData\"\n    class=\"d-flex mt-3 align-items-center\"\n  >\n    <ClassicCheckbox\n      v-model:text-init=\"isRubriquage\"\n      class=\"flex-shrink-0\"\n      id-checkbox=\"search-rubriquage-checkbox\"\n      :label=\"t('By topic')\"\n    />\n    <div v-if=\"isRubriquage\" class=\"d-flex ms-1 flex-column flex-grow-1\">\n      <RubriqueChoice\n        v-for=\"(filter, index) in internRubriqueFilter\"\n        :key=\"index\"\n        :index=\"index\"\n        :rubriquage-display=\"getRubriquage(index)\"\n        :rubrique-id-selected=\"filter.rubriqueId\"\n        :rubriquage-id-selected=\"filter.rubriquageId\"\n        :no-deselect=\"true\"\n        @update-rubrique=\"updateRubrique\"\n        @update-rubriquage=\"updateRubriquage\"\n        @delete-rubrique-choice=\"deleteRubriqueChoice(index)\"\n      />\n      <button\n        v-if=\"availableRubriquage.length\"\n        class=\"btn mt-2\"\n        @click=\"addFilter\"\n      >\n        {{ t(\"Add a sort criterion by topic\") }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChoice = defineAsyncComponent(\n  () => import(\"./RubriqueChoice.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  rubriqueFilter: {\n    default: () => [],\n    type: Array as () => Array<RubriquageFilter>,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rubriqueFilter\", \"warning\"]);\n\n//Data \nconst isRubriquage = ref(false);\nconst internRubriqueFilter: Ref<Array<RubriquageFilter>> = ref([]);\nconst rubriquageData: Ref<Array<Rubriquage>> = ref([]);\nconst needToFetchRubrique = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { stringifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst availableRubriquage = computed(() => getAvailableRubriquage(internRubriqueFilter.value));\n\n\n//Watch\nwatch(organisation, () => {\n  if (isRubriquage.value) {\n    fetchTopics();\n  } else {\n    needToFetchRubrique.value = true;\n  }\n});\nwatch(()=>props.rubriqueFilter, () => {\n  isRubriquage.value = 0 !== props.rubriqueFilter?.length;\n  if (\n    props.rubriqueFilter &&\n    stringifyRubriquesFilter(internRubriqueFilter.value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    internRubriqueFilter.value = props.rubriqueFilter;\n  }\n}, {deep: true,immediate: true});\nwatch(isRubriquage, () => {\n  if (needToFetchRubrique.value) {\n    fetchTopics();\n  }\n  if (isRubriquage.value && 0 === internRubriqueFilter.value.length) {\n    addFilter();\n  }\n  const value = isRubriquage.value ? internRubriqueFilter.value : [];\n  if (\n    stringifyRubriquesFilter(value) !==\n    stringifyRubriquesFilter(props.rubriqueFilter)\n  ) {\n    emit(\"update:rubriqueFilter\", value);\n  }\n});\n\n\nonBeforeMount(()=>fetchTopics())\n\n//Methods\nfunction updateInternRubriqueFilter() {\n  if (isRubriquage.value) {\n    emit(\"update:rubriqueFilter\", internRubriqueFilter.value);\n  } else {\n    isRubriquage.value = true;\n  }\n}\nfunction addFilter(): void {\n  if (availableRubriquage.value?.[0].rubriquageId) {\n    internRubriqueFilter.value.push({\n      rubriquageId: availableRubriquage.value[0].rubriquageId,\n      rubriqueId: 0,\n      nameRubriquage: rubriquageData.value[0].title,\n      nameRubrique: \"\",\n    });\n    updateInternRubriqueFilter();\n  }\n}\nfunction deleteRubriqueChoice(index: number): void {\n  internRubriqueFilter.value.splice(index, 1);\n  updateInternRubriqueFilter();\n}\nfunction getAvailableRubriquage(\n  filterRubrique: Array<RubriquageFilter>,\n): Array<Rubriquage> {\n  if (filterRubrique.length) {\n    const rubriquageIdToNotShow = filterRubrique.map((a) => a.rubriquageId);\n    return rubriquageData.value.filter((element) => {\n      if (element.rubriquageId) {\n        return !rubriquageIdToNotShow.includes(element.rubriquageId);\n      }\n    });\n  }\n  return rubriquageData.value;\n}\nfunction getRubriquage(index: number) {\n  const elementToNotShow = Array.from(internRubriqueFilter.value);\n  elementToNotShow.splice(index, 1);\n  return getAvailableRubriquage(elementToNotShow);\n}\nfunction updateRubrique(newValue: { rubriqueId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriqueId = newValue.rubriqueId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nfunction updateRubriquage(newValue: { rubriquageId: number; index: number }): void {\n  const item = internRubriqueFilter.value[newValue.index];\n  item.rubriquageId = newValue.rubriquageId;\n  internRubriqueFilter.value.splice(newValue.index, 1, item);\n  updateInternRubriqueFilter();\n}\nasync function fetchTopics(): Promise<void> {\n  if (!organisation.value) return;\n  needToFetchRubrique.value = false;\n  const data = await classicApi.fetchData<Array<Rubriquage>>({\n    api: 0,\n    path: \"rubriquage/find/\" + organisation.value,\n    specialTreatement: true,\n  });\n  rubriquageData.value = data.filter((element: Rubriquage) => {\n    return element.rubriques.length;\n  });\n  if (0 === rubriquageData.value.length) {\n    if (internRubriqueFilter.value.length) {\n      internRubriqueFilter.value = [];\n      updateInternRubriqueFilter();\n      emit(\"warning\");\n    }\n    return;\n  }\n  const internRubriqueFilterToUpdate = [];\n  for (const filter of internRubriqueFilter.value) {\n    const rubriquageExist = rubriquageData.value.find(\n      (element) => element.rubriquageId === filter.rubriquageId,\n    );\n    if (rubriquageExist) {\n      internRubriqueFilterToUpdate.push(filter);\n    }\n  }\n  if (\n    internRubriqueFilterToUpdate.length !== internRubriqueFilter.value.length\n  ) {\n    internRubriqueFilter.value = internRubriqueFilterToUpdate;\n    updateInternRubriqueFilter();\n    emit(\"warning\");\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EAGA,MAAM,QAAQ;EASd,MAAM,OAAO;EAGb,MAAM,eAAe,IAAI,KAAK;EAC9B,MAAM,uBAAqD,IAAI,CAAC,CAAC;EACjE,MAAM,iBAAyC,IAAI,CAAC,CAAC;EACrD,MAAM,sBAAsB,IAAI,KAAK;EAGrC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,6BAA6B,wBAAwB;EAC7D,MAAM,cAAc,eAAe;EAGnC,MAAM,eAAe,eAAe,MAAM,iBAAiB,MAAM,iBAAiB,YAAY,YAAY;EAC1G,MAAM,sBAAsB,eAAe,uBAAuB,qBAAqB,KAAK,CAAC;EAI7F,MAAM,oBAAoB;GACxB,IAAI,aAAa,OACf,YAAY;QAEZ,oBAAoB,QAAQ;EAEhC,CAAC;EACD,YAAU,MAAM,sBAAsB;GACpC,aAAa,QAAQ,MAAM,MAAM,gBAAgB;GACjD,IACE,MAAM,kBACN,yBAAyB,qBAAqB,KAAK,MACnD,yBAAyB,MAAM,cAAc,GAE7C,qBAAqB,QAAQ,MAAM;EAEvC,GAAG;GAAC,MAAM;GAAK,WAAW;EAAI,CAAC;EAC/B,MAAM,oBAAoB;GACxB,IAAI,oBAAoB,OACtB,YAAY;GAEd,IAAI,aAAa,SAAS,MAAM,qBAAqB,MAAM,QACzD,UAAU;GAEZ,MAAM,QAAQ,aAAa,QAAQ,qBAAqB,QAAQ,CAAC;GACjE,IACE,yBAAyB,KAAK,MAC9B,yBAAyB,MAAM,cAAc,GAE7C,KAAK,yBAAyB,KAAK;EAEvC,CAAC;EAGD,oBAAkB,YAAY,CAAC;EAG/B,SAAS,6BAA6B;GACpC,IAAI,aAAa,OACf,KAAK,yBAAyB,qBAAqB,KAAK;QAExD,aAAa,QAAQ;EAEzB;EACA,SAAS,YAAkB;GACzB,IAAI,oBAAoB,QAAQ,GAAG,cAAc;IAC/C,qBAAqB,MAAM,KAAK;KAC9B,cAAc,oBAAoB,MAAM,GAAG;KAC3C,YAAY;KACZ,gBAAgB,eAAe,MAAM,GAAG;KACxC,cAAc;IAChB,CAAC;IACD,2BAA2B;GAC7B;EACF;EACA,SAAS,qBAAqB,OAAqB;GACjD,qBAAqB,MAAM,OAAO,OAAO,CAAC;GAC1C,2BAA2B;EAC7B;EACA,SAAS,uBACP,gBACmB;GACnB,IAAI,eAAe,QAAQ;IACzB,MAAM,wBAAwB,eAAe,KAAK,MAAM,EAAE,YAAY;IACtE,OAAO,eAAe,MAAM,QAAQ,YAAY;KAC9C,IAAI,QAAQ,cACV,OAAO,CAAC,sBAAsB,SAAS,QAAQ,YAAY;IAE/D,CAAC;GACH;GACA,OAAO,eAAe;EACxB;EACA,SAAS,cAAc,OAAe;GACpC,MAAM,mBAAmB,MAAM,KAAK,qBAAqB,KAAK;GAC9D,iBAAiB,OAAO,OAAO,CAAC;GAChC,OAAO,uBAAuB,gBAAgB;EAChD;EACA,SAAS,eAAe,UAAuD;GAC7E,MAAM,OAAO,qBAAqB,MAAM,SAAS;GACjD,KAAK,aAAa,SAAS;GAC3B,qBAAqB,MAAM,OAAO,SAAS,OAAO,GAAG,IAAI;GACzD,2BAA2B;EAC7B;EACA,SAAS,iBAAiB,UAAyD;GACjF,MAAM,OAAO,qBAAqB,MAAM,SAAS;GACjD,KAAK,eAAe,SAAS;GAC7B,qBAAqB,MAAM,OAAO,SAAS,OAAO,GAAG,IAAI;GACzD,2BAA2B;EAC7B;EACA,eAAe,cAA6B;GAC1C,IAAI,CAAC,aAAa,OAAO;GACzB,oBAAoB,QAAQ;GAM5B,eAAe,SAAQ,MALJ,mBAAW,UAA6B;IACzD,KAAK;IACL,MAAM,qBAAqB,aAAa;IACxC,mBAAmB;GACrB,CAAC,GAC2B,QAAQ,YAAwB;IAC1D,OAAO,QAAQ,UAAU;GAC3B,CAAC;GACD,IAAI,MAAM,eAAe,MAAM,QAAQ;IACrC,IAAI,qBAAqB,MAAM,QAAQ;KACrC,qBAAqB,QAAQ,CAAC;KAC9B,2BAA2B;KAC3B,KAAK,SAAS;IAChB;IACA;GACF;GACA,MAAM,+BAA+B,CAAC;GACtC,KAAK,MAAM,UAAU,qBAAqB,OAIxC,IAHwB,eAAe,MAAM,MAC1C,YAAY,QAAQ,iBAAiB,OAAO,YAE3C,GACF,6BAA6B,KAAK,MAAM;GAG5C,IACE,6BAA6B,WAAW,qBAAqB,MAAM,QACnE;IACA,qBAAqB,QAAQ;IAC7B,2BAA2B;IAC3B,KAAK,SAAS;GAChB;EACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCtMI,OAAM;;;;CAQmB,OAAM;;;QATzB,OAAA,gBAAgB,OAAA,kBAAA,UAAA,GADxB,mBA+BM,OA/BN,YA+BM,CA3BJ,YAKE,OAAA,oBAAA;EAJQ,aAAW,OAAA;6DAAA,OAAA,eAAY;EAC/B,OAAM;EACN,eAAY;EACX,OAAO,OAAA,EAAC,UAAA;sCAEA,OAAA,gBAAA,UAAA,GAAX,mBAoBM,OApBN,YAoBM,EAAA,UAAA,IAAA,GAnBJ,mBAWE,UAAA,MAAA,WAV0B,OAAA,uBAAlB,QAAQ,UAAK;sBADvB,YAWE,OAAA,mBAAA;GATC,KAAK;GACE;GACP,sBAAoB,OAAA,cAAc,KAAK;GACvC,wBAAsB,OAAO;GAC7B,0BAAwB,OAAO;GAC/B,eAAa;GACb,kBAAiB,OAAA;GACjB,oBAAmB,OAAA;GACnB,yBAAsB,WAAE,OAAA,qBAAqB,KAAK;;;;;;;;YAG7C,OAAA,oBAAoB,UAAA,UAAA,GAD5B,mBAMS,UAAA;;EAJP,OAAM;EACL,SAAO,OAAA;oBAEL,OAAA,EAAC,+BAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/RubriqueList-Cr0vXMew.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueList-Cr0vXMew.mjs","names":[],"sources":["../src/components/display/rubriques/RubriqueList.vue","../src/components/display/rubriques/RubriqueList.vue"],"sourcesContent":["<template>\n  <div class=\"d-inline-flex w-100 mb-3 px-3 hide-phone\">\n    <div ref=\"rubriqueListContainer\" class=\"rubrique-list-container\">\n\n      <!-- Liste déroulante pour sélectionner le rubriquage -->\n      <select\n        v-model=\"rubriquage\"\n        :title=\"t('By topic')\"\n        class=\"c-hand\"\n        @change=\"onRubriquageSelected\"\n      >\n        <option\n          v-for=\"myRubriquage in rubriquageDisplay\"\n          :key=\"myRubriquage.rubriquageId\"\n          :value=\"myRubriquage\"\n        >\n          {{ myRubriquage.title }}\n        </option>\n      </select>\n\n      <!-- Boutons de sélection de la rubrique -->\n      <button\n        v-for=\"rubrique in rubriqueDisplay\"\n        :id=\"'rubrique' + rubrique.rubriqueId\"\n        :key=\"rubrique.rubriqueId\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"addFilter(rubrique)\"\n      >\n        {{ rubrique.name }}\n      </button>\n    </div>\n\n    <!-- Bouton pour afficher les rubriques cachées -->\n    <button\n      v-show=\"hidenRubriques.length\"\n      id=\"rubriques-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n\n    <!-- Popup de sélection des rubriques cachées -->\n    <ClassicPopover\n      ref=\"popoverRubrique\"\n      target=\"rubriques-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <RubriqueChooser\n        v-if=\"hidenRubriques.length\"\n        class=\"rubrique-chooser-minwidth\"\n        :all-rubriques=\"hidenRubriques\"\n        :placeholder=\"rubriqueChooserText\"\n        @selected=\"addFilterFromPopover($event)\"\n      />\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, defineAsyncComponent, nextTick, onBeforeUnmount, onMounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  rubriquages: { default: () => [], type: Array as () => Array<Rubriquage> },\n})\n\n//Data \nconst hidenRubriques: Ref<Array<Rubrique>> = ref([]);\nconst rubriquage: Ref<Rubriquage | undefined> = ref(undefined);\nconst popoverRubriqueRef = useTemplateRef('popoverRubrique');\nconst rubriqueListContainerRef = useTemplateRef('rubriqueListContainer');\n\n\n//Composables\nconst { t } = useI18n();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst rubriqueDisplay = computed(() => {\n  return filterStore.filterRubriqueDisplay.filter(\n    (rubrique: Rubrique) => 0 !== rubrique.podcastCount,\n  );\n});\nconst rubriquageDisplay = computed(() => {\n  const elementToNotShow = Array.from(filterStore.filterRubrique);\n  if (elementToNotShow.length) {\n    const rubriquageIdToNotShow = elementToNotShow.map(\n      (a) => a.rubriquageId,\n    );\n    return props.rubriquages.filter((element) => {\n      if (!element.rubriquageId) {\n        return;\n      }\n      return !rubriquageIdToNotShow.includes(element.rubriquageId);\n    });\n  }\n  return Array.from(props.rubriquages).toSorted((a,b) => {\n    if(a.title > b.title){\n      return 1;\n    }\n    return (b.title > a.title) ? -1 : 0;\n  });\n});\n\n// Retourne le texte à afficher dans le RubriqueChooser\nconst rubriqueChooserText = computed(() => {\n  if (!rubriquage.value) {\n    return '';\n  }\n  let topic = rubriquage.value.title;\n  return t('Enter name of topic', { topic });\n});\n\n\n//Watch\nwatch(()=>filterStore.filterRubrique, () => {\n  selectNewRubriquage()\n}, {deep: true});\n\nonMounted(()=>selectNewRubriquage())\n\nonBeforeUnmount(()=> window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction initRubriques(): void {\n  filterStore.filterUpdateRubriqueDisplay(rubriquage.value?.rubriques ?? []);\n  window.addEventListener(\"resize\", resizeWindow);\n  nextTick(() => {\n    resizeWindow();\n  });\n}\nfunction addFilterFromPopover(rubrique: Rubrique): void {\n  const popover = popoverRubriqueRef?.value as InstanceType<typeof ClassicPopover>;\n  popover.clearClick();\n  addFilter(rubrique);\n}\nfunction addFilter(rubrique: Rubrique): void {\n  if (!rubriquage.value) {\n    return;\n  }\n  const filterToAdd = {\n    rubriquageId: rubriquage.value.rubriquageId ?? 0,\n    rubriqueId: rubrique.rubriqueId ?? 0,\n    nameRubriquage: rubriquage.value.title,\n    nameRubrique: rubrique.name,\n  };\n  modifyRubriquesFilter((a) => {\n    a.push(filterToAdd);\n    return a;\n  });\n  selectNewRubriquage();\n}\nfunction selectNewRubriquage() {\n  const rubriquageLength = props.rubriquages.length;\n  if (rubriquageLength === filterStore.filterRubrique.length) {\n    return;\n  }\n  let index = 0;\n  const rubriquageAlreadyFilter = filterStore.filterRubrique.map(\n    (a) => a.rubriquageId,\n  );\n  for (index; index < rubriquageLength; index++) {\n    const rubriquageIdIndex = props.rubriquages[index].rubriquageId;\n    if (\n      rubriquageIdIndex &&\n      !rubriquageAlreadyFilter.includes(rubriquageIdIndex)\n    ) {\n      break;\n    }\n  }\n  rubriquage.value = props.rubriquages[index];\n  initRubriques();\n}\nfunction resizeWindow(): void {\n  const rubriqueList = rubriqueListContainerRef?.value as HTMLElement;\n  if (null === rubriqueList) {\n    return;\n  }\n  rubriqueList.style.justifyContent = \"flex-start\";\n  hidenRubriques.value.length = 0;\n  rubriqueDisplay.value.forEach((element: Rubrique) => {\n    const el = rubriqueList.querySelector('#rubrique' + element.rubriqueId);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  rubriqueDisplay.value.forEach((element: Rubrique) => {\n    const el = rubriqueList.querySelector('#rubrique' + element.rubriqueId);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      null !== parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenRubriques.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenRubriques.value.length) {\n    rubriqueList.style.justifyContent = \"center\";\n  }\n}\nfunction onRubriquageSelected() {\n  initRubriques();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .rubrique-list-container {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n    padding: 0 4rem;\n\n    select {\n      width: auto;\n      border-radius: var(--octopus-border-radius);\n      margin: 0.25rem;\n      font-size: 0.6rem;\n      padding: 0.5rem;\n    }\n  }\n\n  #popoverrubriques-dropdown {\n    overflow: initial !important;\n  }\n\n  .rubrique-chooser-minwidth {\n    min-width: 400px;\n\n    @media (width <= 500px) {\n      min-width: 90vw;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"d-inline-flex w-100 mb-3 px-3 hide-phone\">\n    <div ref=\"rubriqueListContainer\" class=\"rubrique-list-container\">\n\n      <!-- Liste déroulante pour sélectionner le rubriquage -->\n      <select\n        v-model=\"rubriquage\"\n        :title=\"t('By topic')\"\n        class=\"c-hand\"\n        @change=\"onRubriquageSelected\"\n      >\n        <option\n          v-for=\"myRubriquage in rubriquageDisplay\"\n          :key=\"myRubriquage.rubriquageId\"\n          :value=\"myRubriquage\"\n        >\n          {{ myRubriquage.title }}\n        </option>\n      </select>\n\n      <!-- Boutons de sélection de la rubrique -->\n      <button\n        v-for=\"rubrique in rubriqueDisplay\"\n        :id=\"'rubrique' + rubrique.rubriqueId\"\n        :key=\"rubrique.rubriqueId\"\n        class=\"btn btn-primary btn-on-dark m-1\"\n        @click=\"addFilter(rubrique)\"\n      >\n        {{ rubrique.name }}\n      </button>\n    </div>\n\n    <!-- Bouton pour afficher les rubriques cachées -->\n    <button\n      v-show=\"hidenRubriques.length\"\n      id=\"rubriques-dropdown\"\n      class=\"btn btn-primary btn-on-dark m-1\"\n      :title=\"t('See more')\"\n    >\n      <PlusIcon />\n    </button>\n\n    <!-- Popup de sélection des rubriques cachées -->\n    <ClassicPopover\n      ref=\"popoverRubrique\"\n      target=\"rubriques-dropdown\"\n      :only-click=\"true\"\n      :left-pos=\"true\"\n    >\n      <RubriqueChooser\n        v-if=\"hidenRubriques.length\"\n        class=\"rubrique-chooser-minwidth\"\n        :all-rubriques=\"hidenRubriques\"\n        :placeholder=\"rubriqueChooserText\"\n        @selected=\"addFilterFromPopover($event)\"\n      />\n    </ClassicPopover>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport ClassicPopover from \"../../misc/ClassicPopover.vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, defineAsyncComponent, nextTick, onBeforeUnmount, onMounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  rubriquages: { default: () => [], type: Array as () => Array<Rubriquage> },\n})\n\n//Data \nconst hidenRubriques: Ref<Array<Rubrique>> = ref([]);\nconst rubriquage: Ref<Rubriquage | undefined> = ref(undefined);\nconst popoverRubriqueRef = useTemplateRef('popoverRubrique');\nconst rubriqueListContainerRef = useTemplateRef('rubriqueListContainer');\n\n\n//Composables\nconst { t } = useI18n();\nconst { modifyRubriquesFilter } = useRubriquesFilterParam();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst rubriqueDisplay = computed(() => {\n  return filterStore.filterRubriqueDisplay.filter(\n    (rubrique: Rubrique) => 0 !== rubrique.podcastCount,\n  );\n});\nconst rubriquageDisplay = computed(() => {\n  const elementToNotShow = Array.from(filterStore.filterRubrique);\n  if (elementToNotShow.length) {\n    const rubriquageIdToNotShow = elementToNotShow.map(\n      (a) => a.rubriquageId,\n    );\n    return props.rubriquages.filter((element) => {\n      if (!element.rubriquageId) {\n        return;\n      }\n      return !rubriquageIdToNotShow.includes(element.rubriquageId);\n    });\n  }\n  return Array.from(props.rubriquages).toSorted((a,b) => {\n    if(a.title > b.title){\n      return 1;\n    }\n    return (b.title > a.title) ? -1 : 0;\n  });\n});\n\n// Retourne le texte à afficher dans le RubriqueChooser\nconst rubriqueChooserText = computed(() => {\n  if (!rubriquage.value) {\n    return '';\n  }\n  let topic = rubriquage.value.title;\n  return t('Enter name of topic', { topic });\n});\n\n\n//Watch\nwatch(()=>filterStore.filterRubrique, () => {\n  selectNewRubriquage()\n}, {deep: true});\n\nonMounted(()=>selectNewRubriquage())\n\nonBeforeUnmount(()=> window.removeEventListener(\"resize\", resizeWindow))\n\n\n//Methods\nfunction initRubriques(): void {\n  filterStore.filterUpdateRubriqueDisplay(rubriquage.value?.rubriques ?? []);\n  window.addEventListener(\"resize\", resizeWindow);\n  nextTick(() => {\n    resizeWindow();\n  });\n}\nfunction addFilterFromPopover(rubrique: Rubrique): void {\n  const popover = popoverRubriqueRef?.value as InstanceType<typeof ClassicPopover>;\n  popover.clearClick();\n  addFilter(rubrique);\n}\nfunction addFilter(rubrique: Rubrique): void {\n  if (!rubriquage.value) {\n    return;\n  }\n  const filterToAdd = {\n    rubriquageId: rubriquage.value.rubriquageId ?? 0,\n    rubriqueId: rubrique.rubriqueId ?? 0,\n    nameRubriquage: rubriquage.value.title,\n    nameRubrique: rubrique.name,\n  };\n  modifyRubriquesFilter((a) => {\n    a.push(filterToAdd);\n    return a;\n  });\n  selectNewRubriquage();\n}\nfunction selectNewRubriquage() {\n  const rubriquageLength = props.rubriquages.length;\n  if (rubriquageLength === filterStore.filterRubrique.length) {\n    return;\n  }\n  let index = 0;\n  const rubriquageAlreadyFilter = filterStore.filterRubrique.map(\n    (a) => a.rubriquageId,\n  );\n  for (index; index < rubriquageLength; index++) {\n    const rubriquageIdIndex = props.rubriquages[index].rubriquageId;\n    if (\n      rubriquageIdIndex &&\n      !rubriquageAlreadyFilter.includes(rubriquageIdIndex)\n    ) {\n      break;\n    }\n  }\n  rubriquage.value = props.rubriquages[index];\n  initRubriques();\n}\nfunction resizeWindow(): void {\n  const rubriqueList = rubriqueListContainerRef?.value as HTMLElement;\n  if (null === rubriqueList) {\n    return;\n  }\n  rubriqueList.style.justifyContent = \"flex-start\";\n  hidenRubriques.value.length = 0;\n  rubriqueDisplay.value.forEach((element: Rubrique) => {\n    const el = rubriqueList.querySelector('#rubrique' + element.rubriqueId);\n    if (!el) return;\n    if (el.classList.contains(\"hid\")) {\n      el.classList.remove(\"hid\");\n    }\n  });\n  rubriqueDisplay.value.forEach((element: Rubrique) => {\n    const el = rubriqueList.querySelector('#rubrique' + element.rubriqueId);\n    if (!el) return;\n    const parent = el.parentElement;\n    if (\n      null !== parent &&\n      el.offsetLeft + el.clientWidth <= parent.clientWidth - 20\n    ) {\n      return;\n    }\n    hidenRubriques.value.push(element);\n    if (!el.classList.contains(\"hid\")) {\n      el.className += \" hid\";\n    }\n  });\n  if (!hidenRubriques.value.length) {\n    rubriqueList.style.justifyContent = \"center\";\n  }\n}\nfunction onRubriquageSelected() {\n  initRubriques();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .rubrique-list-container {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    overflow: hidden;\n    flex-grow: 1;\n    width: 0;\n    padding: 0 4rem;\n\n    select {\n      width: auto;\n      border-radius: var(--octopus-border-radius);\n      margin: 0.25rem;\n      font-size: 0.6rem;\n      padding: 0.5rem;\n    }\n  }\n\n  #popoverrubriques-dropdown {\n    overflow: initial !important;\n  }\n\n  .rubrique-chooser-minwidth {\n    min-width: 400px;\n\n    @media (width <= 500px) {\n      min-width: 90vw;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/RubriqueList-D2PPns3m.mjs

@@ -0,0 +1,169 @@
+import { r as useFilterStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-Bk5kf37e.mjs";
+import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam-U-wcZUul.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, nextTick, onBeforeUnmount, onMounted, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, vModelSelect, vShow, watch, withCtx, withDirectives } from "vue";
+import PlusIcon from "vue-material-design-icons/Plus.vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/rubriques/RubriqueList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-inline-flex w-100 mb-3 px-3 hide-phone" };
+var _hoisted_2 = {
+	ref: "rubriqueListContainer",
+	class: "rubrique-list-container"
+};
+var _hoisted_3 = ["title"];
+var _hoisted_4 = ["value"];
+var _hoisted_5 = ["id", "onClick"];
+var _hoisted_6 = ["title"];
+//#endregion
+//#region src/components/display/rubriques/RubriqueList.vue
+var RubriqueList_default = /* @__PURE__ */ defineComponent({
+	__name: "RubriqueList",
+	props: { rubriquages: {
+		default: () => [],
+		type: Array
+	} },
+	setup(__props) {
+		const RubriqueChooser = defineAsyncComponent(() => import("./RubriqueChooser-BgIvDDv7.mjs"));
+		const props = __props;
+		const hidenRubriques = ref([]);
+		const rubriquage = ref(void 0);
+		const popoverRubriqueRef = useTemplateRef("popoverRubrique");
+		const rubriqueListContainerRef = useTemplateRef("rubriqueListContainer");
+		const { t } = useI18n();
+		const { modifyRubriquesFilter } = useRubriquesFilterParam();
+		const filterStore = useFilterStore();
+		const rubriqueDisplay = computed(() => {
+			return filterStore.filterRubriqueDisplay.filter((rubrique) => 0 !== rubrique.podcastCount);
+		});
+		const rubriquageDisplay = computed(() => {
+			const elementToNotShow = Array.from(filterStore.filterRubrique);
+			if (elementToNotShow.length) {
+				const rubriquageIdToNotShow = elementToNotShow.map((a) => a.rubriquageId);
+				return props.rubriquages.filter((element) => {
+					if (!element.rubriquageId) return;
+					return !rubriquageIdToNotShow.includes(element.rubriquageId);
+				});
+			}
+			return Array.from(props.rubriquages).toSorted((a, b) => {
+				if (a.title > b.title) return 1;
+				return b.title > a.title ? -1 : 0;
+			});
+		});
+		const rubriqueChooserText = computed(() => {
+			if (!rubriquage.value) return "";
+			let topic = rubriquage.value.title;
+			return t("Enter name of topic", { topic });
+		});
+		watch(() => filterStore.filterRubrique, () => {
+			selectNewRubriquage();
+		}, { deep: true });
+		onMounted(() => selectNewRubriquage());
+		onBeforeUnmount(() => window.removeEventListener("resize", resizeWindow));
+		function initRubriques() {
+			filterStore.filterUpdateRubriqueDisplay(rubriquage.value?.rubriques ?? []);
+			window.addEventListener("resize", resizeWindow);
+			nextTick(() => {
+				resizeWindow();
+			});
+		}
+		function addFilterFromPopover(rubrique) {
+			(popoverRubriqueRef?.value).clearClick();
+			addFilter(rubrique);
+		}
+		function addFilter(rubrique) {
+			if (!rubriquage.value) return;
+			const filterToAdd = {
+				rubriquageId: rubriquage.value.rubriquageId ?? 0,
+				rubriqueId: rubrique.rubriqueId ?? 0,
+				nameRubriquage: rubriquage.value.title,
+				nameRubrique: rubrique.name
+			};
+			modifyRubriquesFilter((a) => {
+				a.push(filterToAdd);
+				return a;
+			});
+			selectNewRubriquage();
+		}
+		function selectNewRubriquage() {
+			const rubriquageLength = props.rubriquages.length;
+			if (rubriquageLength === filterStore.filterRubrique.length) return;
+			let index = 0;
+			const rubriquageAlreadyFilter = filterStore.filterRubrique.map((a) => a.rubriquageId);
+			for (; index < rubriquageLength; index++) {
+				const rubriquageIdIndex = props.rubriquages[index].rubriquageId;
+				if (rubriquageIdIndex && !rubriquageAlreadyFilter.includes(rubriquageIdIndex)) break;
+			}
+			rubriquage.value = props.rubriquages[index];
+			initRubriques();
+		}
+		function resizeWindow() {
+			const rubriqueList = rubriqueListContainerRef?.value;
+			if (null === rubriqueList) return;
+			rubriqueList.style.justifyContent = "flex-start";
+			hidenRubriques.value.length = 0;
+			rubriqueDisplay.value.forEach((element) => {
+				const el = rubriqueList.querySelector("#rubrique" + element.rubriqueId);
+				if (!el) return;
+				if (el.classList.contains("hid")) el.classList.remove("hid");
+			});
+			rubriqueDisplay.value.forEach((element) => {
+				const el = rubriqueList.querySelector("#rubrique" + element.rubriqueId);
+				if (!el) return;
+				const parent = el.parentElement;
+				if (null !== parent && el.offsetLeft + el.clientWidth <= parent.clientWidth - 20) return;
+				hidenRubriques.value.push(element);
+				if (!el.classList.contains("hid")) el.className += " hid";
+			});
+			if (!hidenRubriques.value.length) rubriqueList.style.justifyContent = "center";
+		}
+		function onRubriquageSelected() {
+			initRubriques();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [withDirectives(createElementVNode("select", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rubriquage.value = $event),
+					title: unref(t)("By topic"),
+					class: "c-hand",
+					onChange: onRubriquageSelected
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(rubriquageDisplay.value, (myRubriquage) => {
+					return openBlock(), createElementBlock("option", {
+						key: myRubriquage.rubriquageId,
+						value: myRubriquage
+					}, toDisplayString(myRubriquage.title), 9, _hoisted_4);
+				}), 128))], 40, _hoisted_3), [[vModelSelect, rubriquage.value]]), (openBlock(true), createElementBlock(Fragment, null, renderList(rubriqueDisplay.value, (rubrique) => {
+					return openBlock(), createElementBlock("button", {
+						id: "rubrique" + rubrique.rubriqueId,
+						key: rubrique.rubriqueId,
+						class: "btn btn-primary btn-on-dark m-1",
+						onClick: ($event) => addFilter(rubrique)
+					}, toDisplayString(rubrique.name), 9, _hoisted_5);
+				}), 128))], 512),
+				withDirectives(createElementVNode("button", {
+					id: "rubriques-dropdown",
+					class: "btn btn-primary btn-on-dark m-1",
+					title: unref(t)("See more")
+				}, [createVNode(PlusIcon)], 8, _hoisted_6), [[vShow, hidenRubriques.value.length]]),
+				createVNode(ClassicPopover_default, {
+					ref: "popoverRubrique",
+					target: "rubriques-dropdown",
+					"only-click": true,
+					"left-pos": true
+				}, {
+					default: withCtx(() => [hidenRubriques.value.length ? (openBlock(), createBlock(unref(RubriqueChooser), {
+						key: 0,
+						class: "rubrique-chooser-minwidth",
+						"all-rubriques": hidenRubriques.value,
+						placeholder: rubriqueChooserText.value,
+						onSelected: _cache[1] || (_cache[1] = ($event) => addFilterFromPopover($event))
+					}, null, 8, ["all-rubriques", "placeholder"])) : createCommentVNode("", true)]),
+					_: 1
+				}, 512)
+			]);
+		};
+	}
+});
+//#endregion
+export { RubriqueList_default as default };
+
+//# sourceMappingURL=RubriqueList-D2PPns3m.mjs.map