@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/RubriqueChoice-DsmnrUNs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueChoice-DsmnrUNs.mjs","names":["_openBlock","_createElementBlock","_createVNode","_Fragment","_createElementVNode","_toDisplayString","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/filter/RubriqueChoice.vue","../src/components/display/filter/RubriqueChoice.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex align-items-center mb-2\">\n    <ClassicSelect\n      :text-init=\"rubriquageIdSelected\"\n      id-select=\"rubrique-choice-select\"\n      :label=\"t('Topics')\"\n      :display-label=\"false\"\n      class=\"flex-shrink-0\"\n      :options=\"rubriquageDisplayForSelect\"\n      @update:text-init=\"onRubriquageSelected(parseInt($event, 10))\"\n    />\n    <template v-if=\"rubriquageIdSelected\">\n      <div class=\"ms-3 flex-shrink-0\">\n        {{ t(\"By rubric\") }}\n      </div>\n      <RubriqueChooser\n        v-if=\"getRubriquesLength(rubriquageIdSelected)\"\n        :id=\"'rubrique-chooser'+rubriquageIdSelected\"\n        class=\"ms-2\"\n        :multiple=\"false\"\n        :rubrique-selected=\"\n          0 !== rubriqueIdSelected ? rubriqueIdSelected : undefined\n        \"\n        :all-rubriques=\"getRubriques(rubriquageIdSelected)\"\n        :defaultanswer=\"t('No rubric filter')\"\n        :reset=\"reset\"\n        :without-rubrique=\"true\"\n        @selected=\"onRubriqueSelected\"\n      />\n    </template>\n    <button\n      v-if=\"index\"\n      class=\"btn admin-button ms-1\"\n      title=\"delete\"\n      @click=\"deleteRubriquage\"\n    >\n      <TrashCanIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport TrashCanIcon from \"vue-material-design-icons/TrashCan.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  rubriquageDisplay: {\n    default: () => [],\n    type: Array as () => Array<Rubriquage>,\n  },\n  rubriquageIdSelected: { default: 0, type: Number },\n  rubriqueIdSelected: { default: 0, type: Number },\n  index: { default: 0, type: Number },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteRubriqueChoice\", \"updateRubrique\", \"updateRubriquage\"]);\n\n//Data \nconst reset = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst rubriquageDisplayForSelect = computed(() => {\n  return props.rubriquageDisplay.map((rubriquage) => {\n    return { title: rubriquage.title, value: rubriquage.rubriquageId };\n  });\n});\n\n//Methods\nfunction deleteRubriquage() {\n  emit(\"deleteRubriqueChoice\");\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n  return getRubriques(rubriquageId).length;\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n  const topicIndex = props.rubriquageDisplay.findIndex(\n    (element: Rubriquage) => element.rubriquageId === rubriquageId,\n  );\n  return -1 !== topicIndex? props.rubriquageDisplay[topicIndex].rubriques: [];\n}\nfunction onRubriqueSelected(rubrique: Rubrique): void {\n  if (rubrique.rubriqueId === props.rubriqueIdSelected) return;\n  emit(\"updateRubrique\", {\n    rubriqueId: rubrique.rubriqueId,\n    index: props.index,\n  });\n}\nfunction onRubriquageSelected(newRubriquage: number): void {\n  reset.value = !reset.value;\n  emit(\"updateRubriquage\", {\n    rubriquageId: newRubriquage,\n    rubriqueId:0,\n    index: props.index,\n  });\n}\n</script>\n","<template>\n  <div class=\"d-flex align-items-center mb-2\">\n    <ClassicSelect\n      :text-init=\"rubriquageIdSelected\"\n      id-select=\"rubrique-choice-select\"\n      :label=\"t('Topics')\"\n      :display-label=\"false\"\n      class=\"flex-shrink-0\"\n      :options=\"rubriquageDisplayForSelect\"\n      @update:text-init=\"onRubriquageSelected(parseInt($event, 10))\"\n    />\n    <template v-if=\"rubriquageIdSelected\">\n      <div class=\"ms-3 flex-shrink-0\">\n        {{ t(\"By rubric\") }}\n      </div>\n      <RubriqueChooser\n        v-if=\"getRubriquesLength(rubriquageIdSelected)\"\n        :id=\"'rubrique-chooser'+rubriquageIdSelected\"\n        class=\"ms-2\"\n        :multiple=\"false\"\n        :rubrique-selected=\"\n          0 !== rubriqueIdSelected ? rubriqueIdSelected : undefined\n        \"\n        :all-rubriques=\"getRubriques(rubriquageIdSelected)\"\n        :defaultanswer=\"t('No rubric filter')\"\n        :reset=\"reset\"\n        :without-rubrique=\"true\"\n        @selected=\"onRubriqueSelected\"\n      />\n    </template>\n    <button\n      v-if=\"index\"\n      class=\"btn admin-button ms-1\"\n      title=\"delete\"\n      @click=\"deleteRubriquage\"\n    >\n      <TrashCanIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport TrashCanIcon from \"vue-material-design-icons/TrashCan.vue\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst RubriqueChooser = defineAsyncComponent(\n  () => import(\"../rubriques/RubriqueChooser.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  rubriquageDisplay: {\n    default: () => [],\n    type: Array as () => Array<Rubriquage>,\n  },\n  rubriquageIdSelected: { default: 0, type: Number },\n  rubriqueIdSelected: { default: 0, type: Number },\n  index: { default: 0, type: Number },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteRubriqueChoice\", \"updateRubrique\", \"updateRubriquage\"]);\n\n//Data \nconst reset = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst rubriquageDisplayForSelect = computed(() => {\n  return props.rubriquageDisplay.map((rubriquage) => {\n    return { title: rubriquage.title, value: rubriquage.rubriquageId };\n  });\n});\n\n//Methods\nfunction deleteRubriquage() {\n  emit(\"deleteRubriqueChoice\");\n}\nfunction getRubriquesLength(rubriquageId: number): number {\n  return getRubriques(rubriquageId).length;\n}\nfunction getRubriques(rubriquageId: number): Array<Rubrique> {\n  const topicIndex = props.rubriquageDisplay.findIndex(\n    (element: Rubriquage) => element.rubriquageId === rubriquageId,\n  );\n  return -1 !== topicIndex? props.rubriquageDisplay[topicIndex].rubriques: [];\n}\nfunction onRubriqueSelected(rubrique: Rubrique): void {\n  if (rubrique.rubriqueId === props.rubriqueIdSelected) return;\n  emit(\"updateRubrique\", {\n    rubriqueId: rubrique.rubriqueId,\n    index: props.index,\n  });\n}\nfunction onRubriquageSelected(newRubriquage: number): void {\n  reset.value = !reset.value;\n  emit(\"updateRubriquage\", {\n    rubriquageId: newRubriquage,\n    rubriqueId:0,\n    index: props.index,\n  });\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,kBAAkB,2BAChB,OAAO,iCACf;EAGA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAGb,MAAM,QAAQ,IAAI,KAAK;EAGvB,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,6BAA6B,eAAe;GAChD,OAAO,MAAM,kBAAkB,KAAK,eAAe;IACjD,OAAO;KAAE,OAAO,WAAW;KAAO,OAAO,WAAW;IAAa;GACnE,CAAC;EACH,CAAC;EAGD,SAAS,mBAAmB;GAC1B,KAAK,sBAAsB;EAC7B;EACA,SAAS,mBAAmB,cAA8B;GACxD,OAAO,aAAa,YAAY,CAAC,CAAC;EACpC;EACA,SAAS,aAAa,cAAuC;GAC3D,MAAM,aAAa,MAAM,kBAAkB,WACxC,YAAwB,QAAQ,iBAAiB,YACpD;GACA,OAAO,OAAO,aAAY,MAAM,kBAAkB,WAAW,CAAC,YAAW,CAAC;EAC5E;EACA,SAAS,mBAAmB,UAA0B;GACpD,IAAI,SAAS,eAAe,MAAM,oBAAoB;GACtD,KAAK,kBAAkB;IACrB,YAAY,SAAS;IACrB,OAAO,MAAM;GACf,CAAC;EACH;EACA,SAAS,qBAAqB,eAA6B;GACzD,MAAM,QAAQ,CAAC,MAAM;GACrB,KAAK,oBAAoB;IACvB,cAAc;IACd,YAAW;IACX,OAAO,MAAM;GACf,CAAC;EACH;;;;;;;;;;;;;;;;;;;;;;;;;AC1GO,IAAA,aAAA,EAAA,OAAM,iCAAgC;AAWlC,IAAA,aAAA,EAAA,OAAM,qBAAoB;;CAXnC,OAAAA,UAAA,GAAAC,mBAqCM,OArCN,YAqCM;EApCJC,YAQE,OAAA,kBAAA;GAPC,aAAW,OAAA;GACZ,aAAU;GACT,OAAO,OAAA,EAAC,QAAA;GACR,iBAAe;GAChB,OAAM;GACL,SAAS,OAAA;GACT,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,qBAAqB,SAAS,QAAM,EAAA,CAAA;;;;;;EAEzC,OAAA,wBAAhBF,UAAA,GAAAC,mBAkBWE,UAAA,EAAA,KAAA,EAAA,GAAA,CAjBTC,mBAEM,OAFN,YAEMC,gBADD,OAAA,EAAC,WAAA,CAAA,GAAA,CAAA,GAGE,OAAA,mBAAmB,OAAA,oBAAoB,KAD/CL,UAAA,GAAAM,YAaE,OAAA,oBAAA;;GAXC,IAAE,qBAAqB,OAAA;GACxB,OAAM;GACL,UAAU;GACV,qBAAoC,MAAA,OAAA,qBAAqB,OAAA,qBAAqB,KAAA;GAG9E,iBAAe,OAAA,aAAa,OAAA,oBAAoB;GAChD,eAAe,OAAA,EAAC,kBAAA;GAChB,OAAO,OAAA;GACP,oBAAkB;GAClB,YAAU,OAAA;;;;;;;;EAIP,OAAA,SADRN,UAAA,GAAAC,mBAOS,UAAA;;GALP,OAAM;GACN,OAAM;GACL,SAAO,OAAA;EAER,GAAA,CAAAC,YAAgB,OAAA,eAAA,CAAA,CAAA,KAAAK,mBAAA,QAAA,IAAA"}

package/dist/{RubriqueChooser-C33LorHa.mjs → RubriqueChooser-CNGn8LcP.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./ClassicMultiselect-CDHdJjjV.mjs";
+import { t as e } from "./ClassicMultiselect-C0yzVQ8Y.mjs";
 import { computed as t, createBlock as n, defineComponent as r, onMounted as i, openBlock as a, ref as o, unref as s, useTemplateRef as c, watch as l } from "vue";
 import { useI18n as u } from "vue-i18n";
 //#endregion

package/dist/RubriqueChooser-WmzcajTt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueChooser-WmzcajTt.mjs","names":["_openBlock","_createBlock","_sfc_main"],"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-C9C_OiF5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueFilter-C9C_OiF5.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_toDisplayString","_createCommentVNode","_sfc_main"],"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 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 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-DDI7DjMR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueFilter-DDI7DjMR.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_toDisplayString","_createCommentVNode","_sfc_main"],"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 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 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-_8V1n9-x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueFilter-_8V1n9-x.mjs","names":["classicApi","_openBlock","_createElementBlock","_createVNode","_Fragment","_renderList","_createBlock","_toDisplayString","_createCommentVNode","_sfc_main"],"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 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 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-RgardNnQ.mjs → RubriqueFilter-rxiG8Wci.mjs}

@@ -1,6 +1,6 @@
-import { r as e, t } from "./classicApi-pmODlqv5.mjs";
+import { r as e, t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./ClassicCheckbox-xPu56Drn.mjs";
-import { t as r } from "./useRubriquesFilterParam-BE8BbmAQ.mjs";
+import { t as r } from "./useRubriquesFilterParam-2eMd5ND7.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineAsyncComponent as u, defineComponent as d, onBeforeMount as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";
 import { useI18n as y } from "vue-i18n";
 //#region src/components/display/filter/RubriqueFilter.vue?vue&type=script&setup=true&lang.ts
@@ -24,7 +24,7 @@ var b = {
 	},
 	emits: ["update:rubriqueFilter", "warning"],
 	setup(d, { emit: S }) {
-		let C = u(() => import("./RubriqueChoice-DaTWiDbl.mjs")), w = d, T = S, E = m(!1), D = m([]), O = m([]), k = m(!1), { t: A } = y(), { stringifyRubriquesFilter: j } = r(), M = e(), N = a(() => w.organisationId ? w.organisationId : M.filterOrgaId), P = a(() => R(D.value));
+		let C = u(() => import("./RubriqueChoice-C-S-veJJ.mjs")), w = d, T = S, E = m(!1), D = m([]), O = m([]), k = m(!1), { t: A } = y(), { stringifyRubriquesFilter: j } = r(), M = e(), N = a(() => w.organisationId ? w.organisationId : M.filterOrgaId), P = a(() => R(D.value));
 		v(N, () => {
 			E.value ? H() : k.value = !0;
 		}), v(() => w.rubriqueFilter, () => {

package/dist/RubriqueList-99-nWSvq.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueList-99-nWSvq.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_createCommentVNode","_withDirectives","_Fragment","_renderList","_toDisplayString","_vModelSelect","_createVNode","_vShow","_withCtx","_createBlock","_sfc_main"],"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-BiRimk17.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueList-BiRimk17.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_createCommentVNode","_withDirectives","_Fragment","_renderList","_toDisplayString","_vModelSelect","_createVNode","_vShow","_withCtx","_createBlock","_sfc_main"],"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-H_NHILuj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueList-H_NHILuj.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_createCommentVNode","_withDirectives","_Fragment","_renderList","_toDisplayString","_vModelSelect","_createVNode","_vShow","_withCtx","_createBlock","_sfc_main"],"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-DA9OYqUl.mjs → RubriqueList-rJj2IycY.mjs}

@@ -1,6 +1,6 @@
-import { r as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./ClassicPopover-DWR50Nxi.mjs";
-import { t as n } from "./useRubriquesFilterParam-BE8BbmAQ.mjs";
+import { r as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./ClassicPopover-BUb-1WMB.mjs";
+import { t as n } from "./useRubriquesFilterParam-2eMd5ND7.mjs";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineAsyncComponent as u, defineComponent as d, nextTick as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, useTemplateRef as b, vModelSelect as x, vShow as S, watch as C, withCtx as w, withDirectives as T } from "vue";
 import E from "vue-material-design-icons/Plus.vue";
 import { useI18n as D } from "vue-i18n";
@@ -15,7 +15,7 @@ var O = { class: "d-inline-flex w-100 mb-3 px-3 hide-phone" }, k = {
 		type: Array
 	} },
 	setup(d) {
-		let P = u(() => import("./RubriqueChooser-C33LorHa.mjs")), F = d, I = g([]), L = g(void 0), R = b("popoverRubrique"), z = b("rubriqueListContainer"), { t: B } = D(), { modifyRubriquesFilter: V } = n(), H = e(), U = i(() => H.filterRubriqueDisplay.filter((e) => e.podcastCount !== 0)), W = i(() => {
+		let P = u(() => import("./RubriqueChooser-CNGn8LcP.mjs")), F = d, I = g([]), L = g(void 0), R = b("popoverRubrique"), z = b("rubriqueListContainer"), { t: B } = D(), { modifyRubriquesFilter: V } = n(), H = e(), U = i(() => H.filterRubriqueDisplay.filter((e) => e.podcastCount !== 0)), W = i(() => {
 			let e = Array.from(H.filterRubrique);
 			if (e.length) {
 				let t = e.map((e) => e.rubriquageId);

package/dist/RubriquePage-6KFPBPz8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriquePage-6KFPBPz8.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/pages/RubriquePage.vue","../src/components/pages/RubriquePage.vue"],"sourcesContent":["<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,kBAAkB,2BAChB,OAAO,iCACf,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAGA,MAAM,QAAQ;EASd,MAAM,QAAQ,IAAI,EAAE;EAGpB,MAAM,EACJ,eACA,gBACA,eACA,eACA,WACE,mBAAmB,KAAK;EAC5B,MAAM,EAAE,qBAAqB,eAAe;EAI5C,MAAM,YAAY,eAAc,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EAClF,MAAM,YAAY,eAAc;GAC9B,IAAG,cAAc,MAAM,QACrB,OAAO;EAGX,CAAC;EAGD,YAAU,MAAM,YAAY,YAAY;GACtC,MAAM,OAAO,MAAMA,mBAAW,UAAoB;IAChD,KAAK;IACL,MAAM,cAAc,MAAM;GAC5B,CAAC;GACD,iBAAiB,KAAK,IAAI;GAC1B,MAAM,QAAQ,KAAK;EACrB,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CCpEK,OAAM;;;CAAd,OAAA,OAAA,UAAfC,UAAA,GAAAC,mBAcU,WAdV,YAcU;EAbRC,mBAAoB,MAAA,MAAAC,gBAAb,OAAA,KAAK,GAAA,CAAA;EACZC,YAGE,OAAA,oBAAA;GAFQ,mBAAiB,OAAA;GAAA,2BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;;EAEvCA,YAOE,OAAA,gBAAA;GANC,OAAO,OAAA;GACP,MAAM,OAAA;GACN,eAAW,CAAG,OAAA,UAAU;GACxB,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,iBAAe,OAAA,aAAS"}

package/dist/{RubriquePage-xgTOce7c.mjs → RubriquePage-BNEWnk3-.mjs}

@@ -1,7 +1,7 @@
-import { t as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./useSimplePageParam-DFKSEyiE.mjs";
+import { t as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./useSimplePageParam-BrtYXOUt.mjs";
 import { t as n } from "./useSeoTitleUrl-UfPXDCPa.mjs";
-import { t as r } from "./PodcastList-Bbe3yWiu.mjs";
+import { t as r } from "./PodcastList-yjd_exFg.mjs";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, isRef as d, openBlock as f, ref as p, toDisplayString as m, unref as h, watch as g } from "vue";
 //#region src/components/pages/RubriquePage.vue?vue&type=script&setup=true&lang.ts
 var _ = {
@@ -32,7 +32,7 @@ var _ = {
 		}
 	},
 	setup(u) {
-		let v = l(() => import("./ProductorSearch-Z36zTZK4.mjs").then((e) => e.n)), y = u, b = p(""), { searchPattern: x, organisationId: S, searchMinSize: C, paginateFirst: w, isInit: T } = t(y), { updatePathParams: E } = n(), D = i(() => S.value ? [S.value] : []), O = i(() => {
+		let v = l(() => import("./ProductorSearch-BiUEs7mG.mjs").then((e) => e.n)), y = u, b = p(""), { searchPattern: x, organisationId: S, searchMinSize: C, paginateFirst: w, isInit: T } = t(y), { updatePathParams: E } = n(), D = i(() => S.value ? [S.value] : []), O = i(() => {
 			if (C.value.length) return "SCORE";
 		});
 		return g(() => y.rubriqueId, async () => {

package/dist/RubriquePage-Bpt-x7IK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriquePage-Bpt-x7IK.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/pages/RubriquePage.vue","../src/components/pages/RubriquePage.vue"],"sourcesContent":["<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,kBAAkB,2BAChB,OAAO,iCACf,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAGA,MAAM,QAAQ;EASd,MAAM,QAAQ,IAAI,EAAE;EAGpB,MAAM,EACJ,eACA,gBACA,eACA,eACA,WACE,mBAAmB,KAAK;EAC5B,MAAM,EAAE,qBAAqB,eAAe;EAI5C,MAAM,YAAY,eAAc,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EAClF,MAAM,YAAY,eAAc;GAC9B,IAAG,cAAc,MAAM,QACrB,OAAO;EAGX,CAAC;EAGD,YAAU,MAAM,YAAY,YAAY;GACtC,MAAM,OAAO,MAAMA,mBAAW,UAAoB;IAChD,KAAK;IACL,MAAM,cAAc,MAAM;GAC5B,CAAC;GACD,iBAAiB,KAAK,IAAI;GAC1B,MAAM,QAAQ,KAAK;EACrB,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CCpEK,OAAM;;;CAAd,OAAA,OAAA,UAAfC,UAAA,GAAAC,mBAcU,WAdV,YAcU;EAbRC,mBAAoB,MAAA,MAAAC,gBAAb,OAAA,KAAK,GAAA,CAAA;EACZC,YAGE,OAAA,oBAAA;GAFQ,mBAAiB,OAAA;GAAA,2BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;;EAEvCA,YAOE,OAAA,gBAAA;GANC,OAAO,OAAA;GACP,MAAM,OAAA;GACN,eAAW,CAAG,OAAA,UAAU;GACxB,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,iBAAe,OAAA,aAAS"}

package/dist/RubriquePage-Cwz9OqLO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriquePage-Cwz9OqLO.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/pages/RubriquePage.vue","../src/components/pages/RubriquePage.vue"],"sourcesContent":["<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <h1>{{ title }}</h1>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n    />\n    <PodcastList\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :rubrique-id=\"[rubriqueId]\"\n      :organisation-id=\"orgaArray\"\n      :query=\"searchMinSize\"\n      :sort-criteria=\"sortOrder ?? 'DATE'\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport classicApi from \"../../api/classicApi\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  rubriqueId: { default: undefined, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n//Data \nconst title = ref(\"\");\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst { updatePathParams } = useSeoTitleUrl();\n\n\n//Computed\nconst orgaArray = computed(() =>organisationId.value ? [organisationId.value] : []);\nconst sortOrder = computed(() =>{\n  if(searchMinSize.value.length){\n    return \"SCORE\";\n  }\n  return undefined;\n});\n\n//Watch\nwatch(()=>props.rubriqueId, async () => {\n  const data = await classicApi.fetchData<Rubrique>({\n    api: 0,\n    path: \"rubrique/\" + props.rubriqueId,\n  });\n  updatePathParams(data.name);\n  title.value = data.name;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,kBAAkB,2BAChB,OAAO,iCACf,CAAA,MAAA,MAAA,EAAA,CAAA,CAAA;EAGA,MAAM,QAAQ;EASd,MAAM,QAAQ,IAAI,EAAE;EAGpB,MAAM,EACJ,eACA,gBACA,eACA,eACA,WACE,mBAAmB,KAAK;EAC5B,MAAM,EAAE,qBAAqB,eAAe;EAI5C,MAAM,YAAY,eAAc,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EAClF,MAAM,YAAY,eAAc;GAC9B,IAAG,cAAc,MAAM,QACrB,OAAO;EAGX,CAAC;EAGD,YAAU,MAAM,YAAY,YAAY;GACtC,MAAM,OAAO,MAAMA,mBAAW,UAAoB;IAChD,KAAK;IACL,MAAM,cAAc,MAAM;GAC5B,CAAC;GACD,iBAAiB,KAAK,IAAI;GAC1B,MAAM,QAAQ,KAAK;EACrB,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CCpEK,OAAM;;;CAAd,OAAA,OAAA,UAAfC,UAAA,GAAAC,mBAcU,WAdV,YAcU;EAbRC,mBAAoB,MAAA,MAAAC,gBAAb,OAAA,KAAK,GAAA,CAAA;EACZC,YAGE,OAAA,oBAAA;GAFQ,mBAAiB,OAAA;GAAA,2BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;GAAA,0BAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,gBAAa;;EAEvCA,YAOE,OAAA,gBAAA;GANC,OAAO,OAAA;GACP,MAAM,OAAA;GACN,eAAW,CAAG,OAAA,UAAU;GACxB,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,iBAAe,OAAA,aAAS"}

package/dist/SearchPage-BtZnj3sA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPage-BtZnj3sA.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/pages/SearchPage.vue","../src/components/pages/SearchPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <h1>{{ titlePage }}</h1>\n    <ClassicSearch\n      v-model:text-init=\"rawQuery\"\n      :autofocus=\"true\"\n      id-search=\"search-page-input\"\n      :label=\"t('Please type at least three characters')\"\n    />\n    <PodcastList\n      v-if=\"!!query\"\n      :query=\"query\"\n      :first=\"0\"\n      :size=\"20\"\n      :sort-criteria=\"sortCriteria\"\n      @empty-list=\"noResult = true\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../form/ClassicSearch.vue\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { PodcastSort } from \"../../api/podcastApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\n//Props\nconst props = defineProps({\n  queryRoute: { default: \"\", type: String },\n});\n\n//Data \nconst rawQuery = ref(\"\");\nconst noResult = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst sortCriteria = computed(() => {\n  return state.searchPage.sortCriteria ?? PodcastSort.DATE;\n});\n\nconst titlePage = computed(() =>{\n  const locale = !noResult.value ? \"Search results\" : \"Search - no results\";\n  return t(locale, { query: rawQuery.value });\n});\nconst query = computed(() =>{\n  return rawQuery.value && rawQuery.value.length >= 3 ? rawQuery.value : \"\";\n});\n\n\n//Watch\nwatch(()=>props.queryRoute, () => {\n  rawQuery.value = props.queryRoute;\n}, {immediate: true});\n</script>\n","<template>\n  <section class=\"page-box\">\n    <h1>{{ titlePage }}</h1>\n    <ClassicSearch\n      v-model:text-init=\"rawQuery\"\n      :autofocus=\"true\"\n      id-search=\"search-page-input\"\n      :label=\"t('Please type at least three characters')\"\n    />\n    <PodcastList\n      v-if=\"!!query\"\n      :query=\"query\"\n      :first=\"0\"\n      :size=\"20\"\n      :sort-criteria=\"sortCriteria\"\n      @empty-list=\"noResult = true\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../form/ClassicSearch.vue\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { PodcastSort } from \"../../api/podcastApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\n//Props\nconst props = defineProps({\n  queryRoute: { default: \"\", type: String },\n});\n\n//Data \nconst rawQuery = ref(\"\");\nconst noResult = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst sortCriteria = computed(() => {\n  return state.searchPage.sortCriteria ?? PodcastSort.DATE;\n});\n\nconst titlePage = computed(() =>{\n  const locale = !noResult.value ? \"Search results\" : \"Search - no results\";\n  return t(locale, { query: rawQuery.value });\n});\nconst query = computed(() =>{\n  return rawQuery.value && rawQuery.value.length >= 3 ? rawQuery.value : \"\";\n});\n\n\n//Watch\nwatch(()=>props.queryRoute, () => {\n  rawQuery.value = props.queryRoute;\n}, {immediate: true});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAKd,MAAM,WAAW,IAAI,EAAE;EACvB,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,eAAe,eAAe;GAClC,OAAO,MAAM,WAAW,gBAAgB,YAAY;EACtD,CAAC;EAED,MAAM,YAAY,eAAc;GAC9B,MAAM,SAAS,CAAC,SAAS,QAAQ,mBAAmB;GACpD,OAAO,EAAE,QAAQ,EAAE,OAAO,SAAS,MAAM,CAAC;EAC5C,CAAC;EACD,MAAM,QAAQ,eAAc;GAC1B,OAAO,SAAS,SAAS,SAAS,MAAM,UAAU,IAAI,SAAS,QAAQ;EACzE,CAAC;EAID,YAAU,MAAM,kBAAkB;GAChC,SAAS,QAAQ,MAAM;EACzB,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;ACzDT,IAAA,aAAA,EAAA,OAAM,WAAU;;CAAzB,OAAAA,UAAA,GAAAC,mBAgBU,WAhBV,YAgBU;EAfRC,mBAAwB,MAAA,MAAAC,gBAAjB,OAAA,SAAS,GAAA,CAAA;EAChBC,YAKE,OAAA,kBAAA;GAJQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,WAAQ;GAC1B,WAAW;GACZ,aAAU;GACT,OAAO,OAAA,EAAC,uCAAA;;EAGD,CAAA,CAAA,OAAA,SADVJ,UAAA,GAAAK,YAOE,OAAA,gBAAA;;GALC,OAAO,OAAA;GACP,OAAO;GACP,MAAM;GACN,iBAAe,OAAA;GACf,aAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAQ"}

package/dist/SearchPage-CbbbcXxs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPage-CbbbcXxs.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/pages/SearchPage.vue","../src/components/pages/SearchPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <h1>{{ titlePage }}</h1>\n    <ClassicSearch\n      v-model:text-init=\"rawQuery\"\n      :autofocus=\"true\"\n      id-search=\"search-page-input\"\n      :label=\"t('Please type at least three characters')\"\n    />\n    <PodcastList\n      v-if=\"!!query\"\n      :query=\"query\"\n      :first=\"0\"\n      :size=\"20\"\n      :sort-criteria=\"sortCriteria\"\n      @empty-list=\"noResult = true\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../form/ClassicSearch.vue\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { PodcastSort } from \"../../api/podcastApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\n//Props\nconst props = defineProps({\n  queryRoute: { default: \"\", type: String },\n});\n\n//Data \nconst rawQuery = ref(\"\");\nconst noResult = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst sortCriteria = computed(() => {\n  return state.searchPage.sortCriteria ?? PodcastSort.DATE;\n});\n\nconst titlePage = computed(() =>{\n  const locale = !noResult.value ? \"Search results\" : \"Search - no results\";\n  return t(locale, { query: rawQuery.value });\n});\nconst query = computed(() =>{\n  return rawQuery.value && rawQuery.value.length >= 3 ? rawQuery.value : \"\";\n});\n\n\n//Watch\nwatch(()=>props.queryRoute, () => {\n  rawQuery.value = props.queryRoute;\n}, {immediate: true});\n</script>\n","<template>\n  <section class=\"page-box\">\n    <h1>{{ titlePage }}</h1>\n    <ClassicSearch\n      v-model:text-init=\"rawQuery\"\n      :autofocus=\"true\"\n      id-search=\"search-page-input\"\n      :label=\"t('Please type at least three characters')\"\n    />\n    <PodcastList\n      v-if=\"!!query\"\n      :query=\"query\"\n      :first=\"0\"\n      :size=\"20\"\n      :sort-criteria=\"sortCriteria\"\n      @empty-list=\"noResult = true\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../form/ClassicSearch.vue\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { PodcastSort } from \"../../api/podcastApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\n//Props\nconst props = defineProps({\n  queryRoute: { default: \"\", type: String },\n});\n\n//Data \nconst rawQuery = ref(\"\");\nconst noResult = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst sortCriteria = computed(() => {\n  return state.searchPage.sortCriteria ?? PodcastSort.DATE;\n});\n\nconst titlePage = computed(() =>{\n  const locale = !noResult.value ? \"Search results\" : \"Search - no results\";\n  return t(locale, { query: rawQuery.value });\n});\nconst query = computed(() =>{\n  return rawQuery.value && rawQuery.value.length >= 3 ? rawQuery.value : \"\";\n});\n\n\n//Watch\nwatch(()=>props.queryRoute, () => {\n  rawQuery.value = props.queryRoute;\n}, {immediate: true});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAKd,MAAM,WAAW,IAAI,EAAE;EACvB,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,eAAe,eAAe;GAClC,OAAO,MAAM,WAAW,gBAAgB,YAAY;EACtD,CAAC;EAED,MAAM,YAAY,eAAc;GAC9B,MAAM,SAAS,CAAC,SAAS,QAAQ,mBAAmB;GACpD,OAAO,EAAE,QAAQ,EAAE,OAAO,SAAS,MAAM,CAAC;EAC5C,CAAC;EACD,MAAM,QAAQ,eAAc;GAC1B,OAAO,SAAS,SAAS,SAAS,MAAM,UAAU,IAAI,SAAS,QAAQ;EACzE,CAAC;EAID,YAAU,MAAM,kBAAkB;GAChC,SAAS,QAAQ,MAAM;EACzB,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;ACzDT,IAAA,aAAA,EAAA,OAAM,WAAU;;CAAzB,OAAAA,UAAA,GAAAC,mBAgBU,WAhBV,YAgBU;EAfRC,mBAAwB,MAAA,MAAAC,gBAAjB,OAAA,SAAS,GAAA,CAAA;EAChBC,YAKE,OAAA,kBAAA;GAJQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,WAAQ;GAC1B,WAAW;GACZ,aAAU;GACT,OAAO,OAAA,EAAC,uCAAA;;EAGD,CAAA,CAAA,OAAA,SADVJ,UAAA,GAAAK,YAOE,OAAA,gBAAA;;GALC,OAAO,OAAA;GACP,OAAO;GACP,MAAM;GACN,iBAAe,OAAA;GACf,aAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAQ"}

package/dist/SearchPage-DMIV2AgJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPage-DMIV2AgJ.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/pages/SearchPage.vue","../src/components/pages/SearchPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <h1>{{ titlePage }}</h1>\n    <ClassicSearch\n      v-model:text-init=\"rawQuery\"\n      :autofocus=\"true\"\n      id-search=\"search-page-input\"\n      :label=\"t('Please type at least three characters')\"\n    />\n    <PodcastList\n      v-if=\"!!query\"\n      :query=\"query\"\n      :first=\"0\"\n      :size=\"20\"\n      :sort-criteria=\"sortCriteria\"\n      @empty-list=\"noResult = true\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../form/ClassicSearch.vue\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { PodcastSort } from \"../../api/podcastApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\n//Props\nconst props = defineProps({\n  queryRoute: { default: \"\", type: String },\n});\n\n//Data \nconst rawQuery = ref(\"\");\nconst noResult = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst sortCriteria = computed(() => {\n  return state.searchPage.sortCriteria ?? PodcastSort.DATE;\n});\n\nconst titlePage = computed(() =>{\n  const locale = !noResult.value ? \"Search results\" : \"Search - no results\";\n  return t(locale, { query: rawQuery.value });\n});\nconst query = computed(() =>{\n  return rawQuery.value && rawQuery.value.length >= 3 ? rawQuery.value : \"\";\n});\n\n\n//Watch\nwatch(()=>props.queryRoute, () => {\n  rawQuery.value = props.queryRoute;\n}, {immediate: true});\n</script>\n","<template>\n  <section class=\"page-box\">\n    <h1>{{ titlePage }}</h1>\n    <ClassicSearch\n      v-model:text-init=\"rawQuery\"\n      :autofocus=\"true\"\n      id-search=\"search-page-input\"\n      :label=\"t('Please type at least three characters')\"\n    />\n    <PodcastList\n      v-if=\"!!query\"\n      :query=\"query\"\n      :first=\"0\"\n      :size=\"20\"\n      :sort-criteria=\"sortCriteria\"\n      @empty-list=\"noResult = true\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../form/ClassicSearch.vue\";\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { PodcastSort } from \"../../api/podcastApi\";\nimport { state } from \"../../stores/ParamSdkStore\";\n\n//Props\nconst props = defineProps({\n  queryRoute: { default: \"\", type: String },\n});\n\n//Data \nconst rawQuery = ref(\"\");\nconst noResult = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Computed\nconst sortCriteria = computed(() => {\n  return state.searchPage.sortCriteria ?? PodcastSort.DATE;\n});\n\nconst titlePage = computed(() =>{\n  const locale = !noResult.value ? \"Search results\" : \"Search - no results\";\n  return t(locale, { query: rawQuery.value });\n});\nconst query = computed(() =>{\n  return rawQuery.value && rawQuery.value.length >= 3 ? rawQuery.value : \"\";\n});\n\n\n//Watch\nwatch(()=>props.queryRoute, () => {\n  rawQuery.value = props.queryRoute;\n}, {immediate: true});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAKd,MAAM,WAAW,IAAI,EAAE;EACvB,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,eAAe,eAAe;GAClC,OAAO,MAAM,WAAW,gBAAgB,YAAY;EACtD,CAAC;EAED,MAAM,YAAY,eAAc;GAC9B,MAAM,SAAS,CAAC,SAAS,QAAQ,mBAAmB;GACpD,OAAO,EAAE,QAAQ,EAAE,OAAO,SAAS,MAAM,CAAC;EAC5C,CAAC;EACD,MAAM,QAAQ,eAAc;GAC1B,OAAO,SAAS,SAAS,SAAS,MAAM,UAAU,IAAI,SAAS,QAAQ;EACzE,CAAC;EAID,YAAU,MAAM,kBAAkB;GAChC,SAAS,QAAQ,MAAM;EACzB,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;ACzDT,IAAA,aAAA,EAAA,OAAM,WAAU;;CAAzB,OAAAA,UAAA,GAAAC,mBAgBU,WAhBV,YAgBU;EAfRC,mBAAwB,MAAA,MAAAC,gBAAjB,OAAA,SAAS,GAAA,CAAA;EAChBC,YAKE,OAAA,kBAAA;GAJQ,aAAW,OAAA;GAAA,qBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,WAAQ;GAC1B,WAAW;GACZ,aAAU;GACT,OAAO,OAAA,EAAC,uCAAA;;EAGD,CAAA,CAAA,OAAA,SADVJ,UAAA,GAAAK,YAOE,OAAA,gBAAA;;GALC,OAAO,OAAA;GACP,OAAO;GACP,MAAM;GACN,iBAAe,OAAA;GACf,aAAU,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAQ"}

package/dist/{SearchPage-C3o5RPP0.mjs → SearchPage-DsZzPoEw.mjs}

@@ -1,6 +1,6 @@
-import { A as e, p as t } from "./classicApi-pmODlqv5.mjs";
+import { j as e, p as t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./ClassicSearch-CtL1cpnF.mjs";
-import { t as r } from "./PodcastList-Bbe3yWiu.mjs";
+import { t as r } from "./PodcastList-yjd_exFg.mjs";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, openBlock as d, ref as f, toDisplayString as p, unref as m, watch as h } from "vue";
 import { useI18n as g } from "vue-i18n";
 //#region src/components/pages/SearchPage.vue?vue&type=script&setup=true&lang.ts