@saooti/octopus-sdk 42.0.3 → 42.0.5

package/dist/OrganisationChooser-CH20oK8w.mjs

@@ -0,0 +1,164 @@
+import { i as useAuthStore, t as classicApi_default, x as useSaveFetchStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as useSelenium } from "./useSelenium-DwQtyBRt.mjs";
+import { t as useImageProxy } from "./useImageProxy-B2vNJKgd.mjs";
+import { t as emptyOrgaData } from "./organisation-CxyRYjC0.mjs";
+import { t as ClassicMultiselect_default } from "./ClassicMultiselect-wJ9U_4b2.mjs";
+import { computed, createBlock, createCommentVNode, createElementVNode, createSlots, defineComponent, onBeforeMount, openBlock, ref, resolveDirective, toDisplayString, unref, useTemplateRef, watch, withCtx, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/organisation/OrganisationChooser.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-selenium"];
+var _hoisted_2 = ["title"];
+//#endregion
+//#region src/components/display/organisation/OrganisationChooser.vue
+var OrganisationChooser_default = /* @__PURE__ */ defineComponent({
+	__name: "OrganisationChooser",
+	props: {
+		defaultanswer: {
+			default: "",
+			type: String
+		},
+		orgaIdSelected: {
+			default: void 0,
+			type: String
+		},
+		reset: {
+			default: false,
+			type: Boolean
+		},
+		width: {
+			default: "100%",
+			type: String
+		},
+		isImage: {
+			default: true,
+			type: Boolean
+		},
+		inModal: {
+			default: false,
+			type: Boolean
+		},
+		noDeselect: {
+			default: true,
+			type: Boolean
+		},
+		label: {
+			default: void 0,
+			type: String
+		},
+		displayLabel: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["selected"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const maxElement = ref(50);
+		const organisationChosen = ref(void 0);
+		const initLoaded = ref(false);
+		const selectOrganisationRef = useTemplateRef("selectOrganisation");
+		const { t } = useI18n();
+		const { seleniumFormat } = useSelenium();
+		const { useProxyImageUrl } = useImageProxy();
+		const authStore = useAuthStore();
+		const saveFetchStore = useSaveFetchStore();
+		const getDefaultOrganisation = computed(() => {
+			if ("" === props.defaultanswer) return;
+			return emptyOrgaData(props.defaultanswer);
+		});
+		const myOrganisation = computed(() => {
+			if (!authStore.authOrgaId) return void 0;
+			return {
+				...authStore.authOrganisation,
+				name: `${t("Edit my organisation")} (${authStore.authOrganisation.name})`
+			};
+		});
+		watch(() => props.orgaIdSelected, () => {
+			if (!props.orgaIdSelected) {
+				organisationChosen.value = getDefaultOrganisation.value;
+				return;
+			}
+			if (props.orgaIdSelected && organisationChosen.value?.id !== props.orgaIdSelected) fetchOrganisation();
+		}, { immediate: true });
+		watch(() => props.reset, () => {
+			organisationChosen.value = getDefaultOrganisation.value;
+		});
+		onBeforeMount(() => organisationChosen.value = getDefaultOrganisation.value);
+		async function onSearchOrganisation(query) {
+			const response = await classicApi_default.fetchData({
+				api: 0,
+				path: "organisation/search",
+				parameters: {
+					query,
+					first: 0,
+					size: maxElement.value
+				}
+			});
+			let notNullOrga = response.result.filter((o) => {
+				return null !== o;
+			});
+			if (getDefaultOrganisation.value) notNullOrga.unshift(getDefaultOrganisation.value);
+			if (myOrganisation.value) if (void 0 === query) {
+				notNullOrga = notNullOrga.filter((obj) => {
+					return obj.id !== authStore.authOrgaId;
+				});
+				notNullOrga.splice(1, 0, myOrganisation.value);
+			} else {
+				const foundIndex = notNullOrga.findIndex((obj) => obj.id === authStore.authOrgaId);
+				if (foundIndex) notNullOrga[foundIndex] = myOrganisation.value;
+			}
+			(selectOrganisationRef?.value).afterSearch(notNullOrga, response.count);
+		}
+		async function fetchOrganisation() {
+			organisationChosen.value = await saveFetchStore.getOrgaData(props.orgaIdSelected ?? "");
+			initLoaded.value = true;
+		}
+		return (_ctx, _cache) => {
+			const _directive_lazy = resolveDirective("lazy");
+			return !__props.orgaIdSelected || initLoaded.value ? (openBlock(), createBlock(ClassicMultiselect_default, {
+				key: 0,
+				id: "organisation-chooser",
+				ref: "selectOrganisation",
+				"option-label": "name",
+				label: __props.label ?? unref(t)("select productor"),
+				"display-label": __props.displayLabel,
+				"max-element": maxElement.value,
+				width: __props.width,
+				"in-modal": __props.inModal,
+				"option-chosen": organisationChosen.value,
+				"option-custom-templating": "optionTemplating",
+				"option-selected-custom-templating": "optionTemplating",
+				"no-deselect": __props.noDeselect,
+				onOnSearch: onSearchOrganisation,
+				onSelected: _cache[0] || (_cache[0] = ($event) => emit("selected", $event))
+			}, createSlots({ _: 2 }, [__props.isImage ? {
+				name: "optionTemplating",
+				fn: withCtx(({ option }) => [createElementVNode("div", {
+					class: "d-flex align-items-center",
+					"data-selenium": "organisation-chooser-" + unref(seleniumFormat)(option.name)
+				}, [withDirectives(createElementVNode("img", {
+					width: "32",
+					height: "32",
+					class: "me-2",
+					"aria-hidden": "true",
+					alt: "",
+					title: unref(t)("Organisation name image", { name: option.name })
+				}, null, 8, _hoisted_2), [[_directive_lazy, unref(useProxyImageUrl)(option.imageUrl, "32")]]), createElementVNode("span", null, toDisplayString(option.name), 1)], 8, _hoisted_1)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"label",
+				"display-label",
+				"max-element",
+				"width",
+				"in-modal",
+				"option-chosen",
+				"no-deselect"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { OrganisationChooser_default as default };
+
+//# sourceMappingURL=OrganisationChooser-CH20oK8w.mjs.map

package/dist/OrganisationChooser-CH20oK8w.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooser-CH20oK8w.mjs","names":[],"sources":["../src/components/display/organisation/OrganisationChooser.vue","../src/components/display/organisation/OrganisationChooser.vue"],"sourcesContent":["<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n","<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n"],"mappings":"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"}

package/dist/OrganisationChooser-foPC-Rwo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooser-foPC-Rwo.mjs","names":[],"sources":["../src/components/display/organisation/OrganisationChooser.vue","../src/components/display/organisation/OrganisationChooser.vue"],"sourcesContent":["<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n","<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n"],"mappings":"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"}

package/dist/OrganisationChooser-m6bJKDBa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooser-m6bJKDBa.mjs","names":[],"sources":["../src/components/display/organisation/OrganisationChooser.vue","../src/components/display/organisation/OrganisationChooser.vue"],"sourcesContent":["<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n","<template>\n  <ClassicMultiselect\n    v-if=\"!orgaIdSelected || initLoaded\"\n    id=\"organisation-chooser\"\n    ref=\"selectOrganisation\"\n    option-label=\"name\"\n    :label=\"label ??t('select productor')\"\n    :display-label=\"displayLabel\"\n    :max-element=\"maxElement\"\n    :width=\"width\"\n    :in-modal=\"inModal\"\n    :option-chosen=\"organisationChosen\"\n    option-custom-templating=\"optionTemplating\"\n    option-selected-custom-templating=\"optionTemplating\"\n    :no-deselect=\"noDeselect\"\n    @on-search=\"onSearchOrganisation\"\n    @selected=\"emit('selected', $event)\"\n  >\n    <template v-if=\"isImage\" #optionTemplating=\"{ option }\">\n      <div\n        class=\"d-flex align-items-center\"\n        :data-selenium=\"'organisation-chooser-' + seleniumFormat(option.name)\"\n      >\n        <img\n          v-lazy=\"useProxyImageUrl(option.imageUrl, '32')\"\n          width=\"32\"\n          height=\"32\"\n          class=\"me-2\"\n          aria-hidden=\"true\"\n        alt=\"\"\n          \n          :title=\"t('Organisation name image', { name: option.name })\"\n        />\n        <span>\n          {{ option.name }}\n        </span>\n      </div>\n    </template>\n  </ClassicMultiselect>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useSelenium} from \"../../composable/useSelenium\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicMultiselect from \"../../form/ClassicMultiselect.vue\";\nimport { computed, onBeforeMount, ref, Ref, useTemplateRef, watch } from \"vue\";\nimport {\n  emptyOrgaData,\n  Organisation,\n} from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  defaultanswer: { default: \"\", type: String },\n  orgaIdSelected: { default: undefined, type: String },\n  reset: { default: false, type: Boolean },\n  width: { default: \"100%\", type: String },\n  isImage: { default: true, type: Boolean },\n  inModal: { default: false, type: Boolean },\n  noDeselect: { default: true, type: Boolean },\n  label:{default: undefined, type: String },\n  displayLabel: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n  \n//Data \nconst maxElement = ref(50);\nconst organisationChosen: Ref<Organisation | undefined> = ref(undefined);\nconst initLoaded = ref(false);\nconst selectOrganisationRef = useTemplateRef('selectOrganisation');\n\n//Composables\nconst { t } = useI18n();\nconst { seleniumFormat } = useSelenium();\nconst { useProxyImageUrl } = useImageProxy();\nconst authStore = useAuthStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst getDefaultOrganisation = computed(() => {\n  if (\"\" === props.defaultanswer) {\n    return undefined;\n  }\n  return emptyOrgaData(props.defaultanswer);\n});\nconst myOrganisation = computed(() => {\n  if (!authStore.authOrgaId) return undefined;\n  return {\n    ...authStore.authOrganisation,\n    ...{\n      name: `${t(\"Edit my organisation\")} (${\n        authStore.authOrganisation.name\n      })`,\n    },\n  };\n});\n\n\n//Watch\nwatch(()=>props.orgaIdSelected, () => {\n  if (!props.orgaIdSelected) {\n    organisationChosen.value = getDefaultOrganisation.value;\n    return;\n  }\n  if (\n    props.orgaIdSelected &&\n    organisationChosen.value?.id !== props.orgaIdSelected\n  ) {\n    fetchOrganisation();\n  }\n}, {immediate: true});\nwatch(()=>props.reset, () => {\n  organisationChosen.value = getDefaultOrganisation.value;\n});\n\nonBeforeMount(()=>organisationChosen.value = getDefaultOrganisation.value)\n\n\n//Methods\nasync function onSearchOrganisation(query?: string): Promise<void> {\n  const response = await classicApi.fetchData<\n    ListClassicReturn<Organisation>\n  >({\n    api: 0,\n    path: \"organisation/search\",\n    parameters: {\n      query: query,\n      first: 0,\n      size: maxElement.value,\n    },\n  });\n  let notNullOrga = response.result.filter((o: Organisation | null) => {\n    return null !== o;\n  });\n  if (getDefaultOrganisation.value) {\n    notNullOrga.unshift(getDefaultOrganisation.value);\n  }\n  if (myOrganisation.value) {\n    if (undefined === query) {\n      notNullOrga = notNullOrga.filter((obj: Organisation) => {\n        return obj.id !== authStore.authOrgaId;\n      });\n      notNullOrga.splice(1, 0, myOrganisation.value);\n    } else {\n      const foundIndex = notNullOrga.findIndex(\n        (obj: Organisation) => obj.id === authStore.authOrgaId,\n      );\n      if (foundIndex) {\n        notNullOrga[foundIndex] = myOrganisation.value;\n      }\n    }\n  }\n  (selectOrganisationRef?.value as InstanceType<typeof ClassicMultiselect>).afterSearch(notNullOrga, response.count);\n}\nasync function fetchOrganisation(): Promise<void> {\n  organisationChosen.value = await saveFetchStore.getOrgaData(\n    props.orgaIdSelected ?? \"\",\n  );\n  initLoaded.value = true;\n}\n</script>\n"],"mappings":"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"}

package/dist/OrganisationChooserLight-BGPuDaCx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooserLight-BGPuDaCx.mjs","names":[],"sources":["../src/components/display/organisation/OrganisationChooserLight.vue","../src/components/display/organisation/OrganisationChooserLight.vue"],"sourcesContent":["<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>","<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>"],"mappings":";;;;;;;;;;EA0BA,MAAM,OAAO;EAGb,MAAM,eAAe,IAA4B,KAAA,CAAS;EAC1D,MAAM,OAAO,IAAI,KAAK;EAGtB,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,iBAAiB,kBAAkB;EACzC,MAAM,cAAc,eAAe;EAGnC,MAAM,SAAS,eAAe;GAC5B,IAAI,YAAY,cACd,OAAO,YAAY;QAEnB,OAAO;EAEX,CAAC;EAGD,YAAU,YAAY,YAAY,YAAY;GAC5C,kBAAkB;EACpB,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAGhC,eAAe,oBAAmC;GAChD,IAAI,CAAC,YAAY,YACf;GAEF,aAAa,QAAQ,MAAM,eAAe,YAAY,YAAY,UAAU;GAC5E,KAAK,QAAQ;EACf;EAEA,SAAS,mBAAmB,OAAqB;GAC/C,KAAK,YAAY,WAAW,QAAQ,KAAA,IAAY,aAAa,KAAK;EACpE;;UA5DU,KAAA,SAAQ,aAAA,SAAA,UAAA,GADhB,YAaE,uBAAA;;IAXC,aAAW,OAAA;IACX,iBAAe;IAChB,aAAU;IACT,OAAO,MAAA,CAAA,EAAC,kBAAA;IACR,aAAa;IACb,SAAO,CAAA;YAAmB,aAAA,MAAa;KAAI,OAAS,aAAA,MAAa;IAAE,GAAA;YAAmB,MAAA,CAAA,EAAC,wBAAA;KAAA,OAAA;IAAA,CAAA;IAIxF,OAAM;IACL,qBAAkB"}

package/dist/OrganisationChooserLight-DJHyYp6k.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooserLight-DJHyYp6k.mjs","names":[],"sources":["../src/components/display/organisation/OrganisationChooserLight.vue","../src/components/display/organisation/OrganisationChooserLight.vue"],"sourcesContent":["<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>","<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>"],"mappings":";;;;;;;;;;;EA0BA,MAAM,OAAO;EAGb,MAAM,eAAe,IAA4B,KAAA,CAAS;EAC1D,MAAM,OAAO,IAAI,KAAK;EAGtB,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,iBAAiB,kBAAkB;EACzC,MAAM,cAAc,eAAe;EAGnC,MAAM,SAAS,eAAe;GAC5B,IAAI,YAAY,cACd,OAAO,YAAY;QAEnB,OAAO;EAEX,CAAC;EAGD,YAAU,YAAY,YAAY,YAAY;GAC5C,kBAAkB;EACpB,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAGhC,eAAe,oBAAmC;GAChD,IAAI,CAAC,YAAY,YACf;GAEF,aAAa,QAAQ,MAAM,eAAe,YAAY,YAAY,UAAU;GAC5E,KAAK,QAAQ;EACf;EAEA,SAAS,mBAAmB,OAAqB;GAC/C,KAAK,YAAY,WAAW,QAAQ,KAAA,IAAY,aAAa,KAAK;EACpE;;;;;;;;;;;;;;;;;;;;;;;QC5DU,OAAA,QAAQ,OAAA,gBAAA,UAAA,GADhB,YAaE,OAAA,kBAAA;;EAXC,aAAW,OAAA;EACX,iBAAe;EAChB,aAAU;EACT,OAAO,OAAA,EAAC,kBAAA;EACR,aAAa;EACb,SAAO,CAAA;UAAmB,OAAA,aAAa;GAAI,OAAS,OAAA,aAAa;EAAE,GAAA;UAAmB,OAAA,EAAC,wBAAA;GAAA,OAAA;EAAA,CAAA;EAIxF,OAAM;EACL,qBAAkB,OAAA"}

package/dist/OrganisationChooserLight-DqO0gfx7.mjs

@@ -0,0 +1,63 @@
+import { r as useFilterStore, x as useSaveFetchStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as ClassicSelect_default } from "./ClassicSelect-BeCuKMad.mjs";
+import { computed, createBlock, createCommentVNode, defineComponent, openBlock, ref, unref, watch } from "vue";
+import { useI18n } from "vue-i18n";
+//#endregion
+//#region src/components/display/organisation/OrganisationChooserLight.vue
+var OrganisationChooserLight_default = /* @__PURE__ */ defineComponent({
+	__name: "OrganisationChooserLight",
+	emits: ["selected"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const organisation = ref(void 0);
+		const init = ref(false);
+		const { t } = useI18n();
+		const SaveFetchStore = useSaveFetchStore();
+		const filterStore = useFilterStore();
+		const actual = computed(() => {
+			if (filterStore.filterOrgaId) return filterStore.filterOrgaId;
+			else return "NONE";
+		});
+		watch(() => filterStore.realOrgaId, async () => {
+			fetchOrganisation();
+		}, {
+			deep: true,
+			immediate: true
+		});
+		async function fetchOrganisation() {
+			if (!filterStore.realOrgaId) return;
+			organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);
+			init.value = true;
+		}
+		function updateOrganisation(value) {
+			emit("selected", "NONE" === value ? void 0 : organisation.value);
+		}
+		return (_ctx, _cache) => {
+			return init.value && organisation.value ? (openBlock(), createBlock(ClassicSelect_default, {
+				key: 0,
+				"text-init": actual.value,
+				"display-label": false,
+				"id-select": "organisation-chooser-footer",
+				label: unref(t)("select productor"),
+				transparent: true,
+				options: [{
+					title: organisation.value.name,
+					value: organisation.value.id
+				}, {
+					title: unref(t)("No organisation filter"),
+					value: "NONE"
+				}],
+				class: "my-1",
+				"onUpdate:textInit": updateOrganisation
+			}, null, 8, [
+				"text-init",
+				"label",
+				"options"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { OrganisationChooserLight_default as default };
+
+//# sourceMappingURL=OrganisationChooserLight-DqO0gfx7.mjs.map

package/dist/OrganisationChooserLight-DqO0gfx7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganisationChooserLight-DqO0gfx7.mjs","names":[],"sources":["../src/components/display/organisation/OrganisationChooserLight.vue","../src/components/display/organisation/OrganisationChooserLight.vue"],"sourcesContent":["<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>","<template>\n  <ClassicSelect\n    v-if=\"init && organisation\"\n    :text-init=\"actual\"\n    :display-label=\"false\"\n    id-select=\"organisation-chooser-footer\"\n    :label=\"t('select productor')\"\n    :transparent=\"true\"\n    :options=\"[\n      { title: organisation.name, value: organisation.id },\n      { title: t('No organisation filter'), value: 'NONE' },\n    ]\"\n    class=\"my-1\"\n    @update:text-init=\"updateOrganisation\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { computed, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\n\n//Emits\nconst emit = defineEmits([\"selected\"]);\n\n//Data \nconst organisation = ref<Organisation|undefined>(undefined);\nconst init = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst SaveFetchStore = useSaveFetchStore();\nconst filterStore = useFilterStore();\n\n// Computed\nconst actual = computed(() => {\n  if (filterStore.filterOrgaId) {\n    return filterStore.filterOrgaId;\n  } else {\n    return 'NONE';\n  }\n});\n\n//Watch\nwatch(()=>filterStore.realOrgaId, async () => {\n  fetchOrganisation();\n}, {deep: true, immediate: true});\n \n//Methods\nasync function fetchOrganisation(): Promise<void> {\n  if (!filterStore.realOrgaId) {\n    return;\n  }\n  organisation.value = await SaveFetchStore.getOrgaData(filterStore.realOrgaId);\n  init.value = true;\n}\n\nfunction updateOrganisation(value: string): void {\n  emit(\"selected\", \"NONE\" === value ? undefined : organisation.value);\n}\n</script>"],"mappings":";;;;;;;;;;EA0BA,MAAM,OAAO;EAGb,MAAM,eAAe,IAA4B,KAAA,CAAS;EAC1D,MAAM,OAAO,IAAI,KAAK;EAGtB,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,iBAAiB,kBAAkB;EACzC,MAAM,cAAc,eAAe;EAGnC,MAAM,SAAS,eAAe;GAC5B,IAAI,YAAY,cACd,OAAO,YAAY;QAEnB,OAAO;EAEX,CAAC;EAGD,YAAU,YAAY,YAAY,YAAY;GAC5C,kBAAkB;EACpB,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAGhC,eAAe,oBAAmC;GAChD,IAAI,CAAC,YAAY,YACf;GAEF,aAAa,QAAQ,MAAM,eAAe,YAAY,YAAY,UAAU;GAC5E,KAAK,QAAQ;EACf;EAEA,SAAS,mBAAmB,OAAqB;GAC/C,KAAK,YAAY,WAAW,QAAQ,KAAA,IAAY,aAAa,KAAK;EACpE;;UA5DU,KAAA,SAAQ,aAAA,SAAA,UAAA,GADhB,YAaE,uBAAA;;IAXC,aAAW,OAAA;IACX,iBAAe;IAChB,aAAU;IACT,OAAO,MAAA,CAAA,EAAC,kBAAA;IACR,aAAa;IACb,SAAO,CAAA;YAAmB,aAAA,MAAa;KAAI,OAAS,aAAA,MAAa;IAAE,GAAA;YAAmB,MAAA,CAAA,EAAC,wBAAA;KAAA,OAAA;IAAA,CAAA;IAIxF,OAAM;IACL,qBAAkB"}

package/dist/PageLogout-Bc8zBpoo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLogout-Bc8zBpoo.mjs","names":[],"sources":["../src/components/pages/PageLogout.vue","../src/components/pages/PageLogout.vue"],"sourcesContent":["<template>\n  <section\n    class=\"page-box page-box-absolute page-logout bg-gradient\"\n  >\n    <div class=\"logout-section\">\n      <h1 class=\"mb-3\">{{ t(\"Logout\") }}</h1>\n      <div class=\"loader\"></div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\n\n\n//Composables\nconst { t } = useI18n();\n\n</script>\n<style lang=\"scss\">\n.octopus-app .page-logout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .logout-section{\n    background: var(--octopus-background);\n    padding: 3rem;\n  }\n\n  .loader {\n    width: 100%;\n    height: 20px;\n    border-radius: 20px;\n    background:\n    repeating-linear-gradient(135deg,\n    oklch(from var(--octopus-primary) calc(l * 1.09) c h) 0 10px,\n    oklch(from var(--octopus-tertiary) calc(l * 1.09) c h) 0 20px) 0 / 0%   no-repeat,\n    repeating-linear-gradient(135deg,var(--octopus-secondary)    0 10px,var(--octopus-secondary-darker)    0 20px) 0 / 100%;\n    animation: l3 2s infinite;\n  }\n\n  @keyframes l3 {\n      100% {background-size:100%}\n  }\n}\n</style>\n","<template>\n  <section\n    class=\"page-box page-box-absolute page-logout bg-gradient\"\n  >\n    <div class=\"logout-section\">\n      <h1 class=\"mb-3\">{{ t(\"Logout\") }}</h1>\n      <div class=\"loader\"></div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\n\n\n//Composables\nconst { t } = useI18n();\n\n</script>\n<style lang=\"scss\">\n.octopus-app .page-logout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .logout-section{\n    background: var(--octopus-background);\n    padding: 3rem;\n  }\n\n  .loader {\n    width: 100%;\n    height: 20px;\n    border-radius: 20px;\n    background:\n    repeating-linear-gradient(135deg,\n    oklch(from var(--octopus-primary) calc(l * 1.09) c h) 0 10px,\n    oklch(from var(--octopus-tertiary) calc(l * 1.09) c h) 0 20px) 0 / 0%   no-repeat,\n    repeating-linear-gradient(135deg,var(--octopus-secondary)    0 10px,var(--octopus-secondary-darker)    0 20px) 0 / 100%;\n    animation: l3 2s infinite;\n  }\n\n  @keyframes l3 {\n      100% {background-size:100%}\n  }\n}\n</style>\n"],"mappings":";;;;;;;;EAgBA,MAAM,EAAE,MAAM,QAAQ;;;;;;;;;;;mBCdlB,OAAM,qDAAoD;mBAErD,OAAM,iBAAgB;mBACrB,OAAM,OAAM;;qBAJpB,mBAOU,WAPV,YAOU,CAJR,mBAGM,OAHN,YAGM,CAFJ,mBAAuC,MAAvC,YAAuC,gBAAnB,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KACrB,mBAA0B,OAAA,EAArB,OAAM,SAAQ,GAAA,MAAA,EAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/PageLogout-xQXWO2UF.mjs

@@ -0,0 +1,21 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/pages/PageLogout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-box page-box-absolute page-logout bg-gradient" };
+var _hoisted_2 = { class: "logout-section" };
+var _hoisted_3 = { class: "mb-3" };
+//#endregion
+//#region src/components/pages/PageLogout.vue
+var PageLogout_default = /* @__PURE__ */ defineComponent({
+	__name: "PageLogout",
+	setup(__props) {
+		const { t } = useI18n();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("h1", _hoisted_3, toDisplayString(unref(t)("Logout")), 1), _cache[0] || (_cache[0] = createElementVNode("div", { class: "loader" }, null, -1))])]);
+		};
+	}
+});
+//#endregion
+export { PageLogout_default as default };
+
+//# sourceMappingURL=PageLogout-xQXWO2UF.mjs.map

package/dist/PageLogout-xQXWO2UF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLogout-xQXWO2UF.mjs","names":[],"sources":["../src/components/pages/PageLogout.vue","../src/components/pages/PageLogout.vue"],"sourcesContent":["<template>\n  <section\n    class=\"page-box page-box-absolute page-logout bg-gradient\"\n  >\n    <div class=\"logout-section\">\n      <h1 class=\"mb-3\">{{ t(\"Logout\") }}</h1>\n      <div class=\"loader\"></div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\n\n\n//Composables\nconst { t } = useI18n();\n\n</script>\n<style lang=\"scss\">\n.octopus-app .page-logout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .logout-section{\n    background: var(--octopus-background);\n    padding: 3rem;\n  }\n\n  .loader {\n    width: 100%;\n    height: 20px;\n    border-radius: 20px;\n    background:\n    repeating-linear-gradient(135deg,\n    oklch(from var(--octopus-primary) calc(l * 1.09) c h) 0 10px,\n    oklch(from var(--octopus-tertiary) calc(l * 1.09) c h) 0 20px) 0 / 0%   no-repeat,\n    repeating-linear-gradient(135deg,var(--octopus-secondary)    0 10px,var(--octopus-secondary-darker)    0 20px) 0 / 100%;\n    animation: l3 2s infinite;\n  }\n\n  @keyframes l3 {\n      100% {background-size:100%}\n  }\n}\n</style>\n","<template>\n  <section\n    class=\"page-box page-box-absolute page-logout bg-gradient\"\n  >\n    <div class=\"logout-section\">\n      <h1 class=\"mb-3\">{{ t(\"Logout\") }}</h1>\n      <div class=\"loader\"></div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\n\n\n//Composables\nconst { t } = useI18n();\n\n</script>\n<style lang=\"scss\">\n.octopus-app .page-logout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .logout-section{\n    background: var(--octopus-background);\n    padding: 3rem;\n  }\n\n  .loader {\n    width: 100%;\n    height: 20px;\n    border-radius: 20px;\n    background:\n    repeating-linear-gradient(135deg,\n    oklch(from var(--octopus-primary) calc(l * 1.09) c h) 0 10px,\n    oklch(from var(--octopus-tertiary) calc(l * 1.09) c h) 0 20px) 0 / 0%   no-repeat,\n    repeating-linear-gradient(135deg,var(--octopus-secondary)    0 10px,var(--octopus-secondary-darker)    0 20px) 0 / 100%;\n    animation: l3 2s infinite;\n  }\n\n  @keyframes l3 {\n      100% {background-size:100%}\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAgBA,MAAM,EAAE,MAAM,QAAQ;;uBAfpB,mBAOU,WAPV,YAOU,CAJR,mBAGM,OAHN,YAGM,CAFJ,mBAAuC,MAAvC,YAAuC,gBAAnB,MAAA,CAAA,EAAC,QAAA,CAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KACrB,mBAA0B,OAAA,EAArB,OAAM,SAAQ,GAAA,MAAA,EAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/PageNotFound-BPFW-fzo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFound-BPFW-fzo.mjs","names":[],"sources":["../src/components/pages/PageNotFound.vue","../src/components/pages/PageNotFound.vue"],"sourcesContent":["<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n","<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAgCA,MAAM,EAAE,uBAAuB,2BAA2B;EAC1D,MAAM,cAAc,eAAe;EACnC,MAAM,EAAE,MAAM,QAAQ;;;;;oBAGE,eAAe,wCAAA;;;;;;;;;;;mBChC9B,OAAM,+BAA8B;;;qBAJ3C,mBAqBU,WAAA;EApBR,OAAM;EACL,OAAK,eAAE,OAAA,eAAe;KAEvB,mBAgBM,OAhBN,YAgBM;EAfJ,mBAAwB,MAAA,MAAA,gBAAjB,OAAA,EAAC,MAAA,CAAA,GAAA,CAAA;EACR,mBAAgE,MAAA,MAAA,gBAAzD,OAAA,EAAC,8CAAA,CAAA,GAAA,CAAA;EACR,YAYc,wBAAA;GAXZ,OAAM;GACL,IAAE;;;YAAkE,OAAA,YAAY,WAAW;kBAA6B,OAAA;gBAA2C,OAAA,YAAY;;;;0BASzJ,CAAA,gBAAA,gBAApB,OAAA,EAAC,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PageNotFound-Dpv0tY-G.mjs

@@ -0,0 +1,45 @@
+import { r as useFilterStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as useRubriquesFilterComputed } from "./useRubriquesFilterComputed-CWUxRSYK.mjs";
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeStyle, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/pages/PageNotFound.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "position-absolute module-box" };
+//#endregion
+//#region src/components/pages/PageNotFound.vue
+var PageNotFound_default = /* @__PURE__ */ defineComponent({
+	__name: "PageNotFound",
+	setup(__props) {
+		const { rubriqueQueryParam } = useRubriquesFilterComputed();
+		const filterStore = useFilterStore();
+		const { t } = useI18n();
+		const backgroundStyle = computed(() => "background-image: url('/img/404.svg');");
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("section", {
+				class: "page-box page-box-absolute page-not-found",
+				style: normalizeStyle(backgroundStyle.value)
+			}, [createElementVNode("div", _hoisted_1, [
+				createElementVNode("h1", null, toDisplayString(unref(t)("Oops")), 1),
+				createElementVNode("h2", null, toDisplayString(unref(t)("The page you are looking for cannot be found")), 1),
+				createVNode(_component_router_link, {
+					class: "btn btn-primary",
+					to: {
+						name: "home",
+						query: {
+							iabId: unref(filterStore).filterIab?.id,
+							rubriquesId: unref(rubriqueQueryParam),
+							productor: unref(filterStore).filterOrgaId
+						}
+					}
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("Back to home")), 1)]),
+					_: 1
+				}, 8, ["to"])
+			])], 4);
+		};
+	}
+});
+//#endregion
+export { PageNotFound_default as default };
+
+//# sourceMappingURL=PageNotFound-Dpv0tY-G.mjs.map

package/dist/PageNotFound-Dpv0tY-G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFound-Dpv0tY-G.mjs","names":[],"sources":["../src/components/pages/PageNotFound.vue","../src/components/pages/PageNotFound.vue"],"sourcesContent":["<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n","<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAgCA,MAAM,EAAE,uBAAuB,2BAA2B;EAC1D,MAAM,cAAc,eAAe;EACnC,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,kBAAkB,eAAe,wCAAwC;;;uBApC7E,mBAqBU,WAAA;IApBR,OAAM;IACL,OAAK,eAAE,gBAAA,KAAe;OAEvB,mBAgBM,OAhBN,YAgBM;IAfJ,mBAAwB,MAAA,MAAA,gBAAjB,MAAA,CAAA,EAAC,MAAA,CAAA,GAAA,CAAA;IACR,mBAAgE,MAAA,MAAA,gBAAzD,MAAA,CAAA,EAAC,8CAAA,CAAA,GAAA,CAAA;IACR,YAYc,wBAAA;KAXZ,OAAM;KACL,IAAE;;;cAAkE,MAAA,WAAA,EAAY,WAAW;oBAA6B,MAAA,kBAAA;kBAA2C,MAAA,WAAA,EAAY;;;;4BASzJ,CAAA,gBAAA,gBAApB,MAAA,CAAA,EAAC,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PageNotFound-r_6Ei8S9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFound-r_6Ei8S9.mjs","names":[],"sources":["../src/components/pages/PageNotFound.vue","../src/components/pages/PageNotFound.vue"],"sourcesContent":["<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n","<template>\n  <section\n    class=\"page-box page-box-absolute page-not-found\"\n    :style=\"backgroundStyle\"\n  >\n    <div class=\"position-absolute module-box\">\n      <h1>{{ t(\"Oops\") }}</h1>\n      <h2>{{ t(\"The page you are looking for cannot be found\") }}</h2>\n      <router-link\n        class=\"btn btn-primary\"\n        :to=\"{\n          name: 'home',\n          query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam,\n            productor: filterStore.filterOrgaId\n          },\n        }\"\n      >\n        {{ t(\"Back to home\") }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRubriquesFilterComputed } from \"../composable/route/useRubriquesFilterComputed\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Composables\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst { t } = useI18n();\n\n//Computed\nconst backgroundStyle = computed(() => \"background-image: url('/img/404.svg');\");\n</script>\n\n<style lang=\"scss\">\n.octopus-app .page-not-found {\n  background-size: cover;\n  background-position: center;\n  background-color: var(--octopus-background);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAgCA,MAAM,EAAE,uBAAuB,2BAA2B;EAC1D,MAAM,cAAc,eAAe;EACnC,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,kBAAkB,eAAe,wCAAwC;;;uBApC7E,mBAqBU,WAAA;IApBR,OAAM;IACL,OAAK,eAAE,gBAAA,KAAe;OAEvB,mBAgBM,OAhBN,YAgBM;IAfJ,mBAAwB,MAAA,MAAA,gBAAjB,MAAA,CAAA,EAAC,MAAA,CAAA,GAAA,CAAA;IACR,mBAAgE,MAAA,MAAA,gBAAzD,MAAA,CAAA,EAAC,8CAAA,CAAA,GAAA,CAAA;IACR,YAYc,wBAAA;KAXZ,OAAM;KACL,IAAE;;;cAAkE,MAAA,WAAA,EAAY,WAAW;oBAA6B,MAAA,kBAAA;kBAA2C,MAAA,WAAA,EAAY;;;;4BASzJ,CAAA,gBAAA,gBAApB,MAAA,CAAA,EAAC,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PaginateParams-CbAaMAAM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginateParams-CbAaMAAM.mjs","names":[],"sources":["../src/components/display/list/PaginateParams.vue","../src/components/display/list/PaginateParams.vue"],"sourcesContent":["<template>\n  <div class=\"paginate\">\n    <ClassicSelect\n      :text-init=\"rowsPerPage\"\n      :id-select=\"'rows-per-page-select'+id\"\n      :label=\"t('Items per page :')\"\n      :display-label=\"true\"\n      class-label=\"flex-shrink-0 me-1\"\n      class=\"d-flex align-items-center mb-0\"\n      :options=\"optionRowsPerPage\"\n      @update:text-init=\"emit('update:rowsPerPage', parseInt($event, 10))\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { onBeforeMount, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rowsPerPage: { default: 0, type: Number },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rowsPerPage\"]);\n\n//Data \nconst optionsRowsPerPage = ref([10, 20, 30, 40, 50, 60]);\nconst optionRowsPerPage = ref([\n  {title:\"10\", value: 10},\n  {title:\"20\", value: 20},\n  {title:\"30\", value: 30},\n  {title:\"40\", value: 40},\n  {title:\"50\", value: 50},\n  {title:\"60\", value: 60},\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\nonBeforeMount(()=>initRowsPerPage())\n\n//Methods\nfunction initRowsPerPage() {\n  if (optionsRowsPerPage.value.includes(props.rowsPerPage)) {\n    return;\n  }\n  optionsRowsPerPage.value.push(props.rowsPerPage);\n  optionsRowsPerPage.value.sort((a, b) => a - b);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .paginate {\n  display: flex;\n  justify-content: flex-end;\n\n  select {\n    border-top: 0;\n    border-right: 0;\n    border-left: 0;\n    background: transparent !important;\n    padding-right: 0.4rem;\n  }\n}\n</style>\n","<template>\n  <div class=\"paginate\">\n    <ClassicSelect\n      :text-init=\"rowsPerPage\"\n      :id-select=\"'rows-per-page-select'+id\"\n      :label=\"t('Items per page :')\"\n      :display-label=\"true\"\n      class-label=\"flex-shrink-0 me-1\"\n      class=\"d-flex align-items-center mb-0\"\n      :options=\"optionRowsPerPage\"\n      @update:text-init=\"emit('update:rowsPerPage', parseInt($event, 10))\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { onBeforeMount, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rowsPerPage: { default: 0, type: Number },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rowsPerPage\"]);\n\n//Data \nconst optionsRowsPerPage = ref([10, 20, 30, 40, 50, 60]);\nconst optionRowsPerPage = ref([\n  {title:\"10\", value: 10},\n  {title:\"20\", value: 20},\n  {title:\"30\", value: 30},\n  {title:\"40\", value: 40},\n  {title:\"50\", value: 50},\n  {title:\"60\", value: 60},\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\nonBeforeMount(()=>initRowsPerPage())\n\n//Methods\nfunction initRowsPerPage() {\n  if (optionsRowsPerPage.value.includes(props.rowsPerPage)) {\n    return;\n  }\n  optionsRowsPerPage.value.push(props.rowsPerPage);\n  optionsRowsPerPage.value.sort((a, b) => a - b);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .paginate {\n  display: flex;\n  justify-content: flex-end;\n\n  select {\n    border-top: 0;\n    border-right: 0;\n    border-left: 0;\n    background: transparent !important;\n    padding-right: 0.4rem;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAGb,MAAM,qBAAqB,IAAI;GAAC;GAAI;GAAI;GAAI;GAAI;GAAI;EAAE,CAAC;EACvD,MAAM,oBAAoB,IAAI;GAC5B;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;EACxB,CAAC;EAGD,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,gBAAgB,CAAC;EAGnC,SAAS,kBAAkB;GACzB,IAAI,mBAAmB,MAAM,SAAS,MAAM,WAAW,GACrD;GAEF,mBAAmB,MAAM,KAAK,MAAM,WAAW;GAC/C,mBAAmB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC;EAC/C;;;;;;;;;;;;;;;;;;;;mBCnDO,OAAM,WAAU;;qBAArB,mBAWM,OAXN,YAWM,CAVJ,YASE,OAAA,kBAAA;EARC,aAAW,OAAA;EACX,aAAS,yBAAyB,OAAA;EAClC,OAAO,OAAA,EAAC,kBAAA;EACR,iBAAe;EAChB,eAAY;EACZ,OAAM;EACL,SAAS,OAAA;EACT,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,sBAAuB,SAAS,QAAM,EAAA,CAAA"}

package/dist/PaginateParams-CjJoKjUD.mjs

@@ -0,0 +1,90 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { t as ClassicSelect_default } from "./ClassicSelect-BeCuKMad.mjs";
+import { createElementBlock, createVNode, defineComponent, onBeforeMount, openBlock, ref, unref } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/list/PaginateParams.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "paginate" };
+var PaginateParams_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PaginateParams",
+	props: {
+		rowsPerPage: {
+			default: 0,
+			type: Number
+		},
+		id: {
+			default: "",
+			type: String
+		}
+	},
+	emits: ["update:rowsPerPage"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const optionsRowsPerPage = ref([
+			10,
+			20,
+			30,
+			40,
+			50,
+			60
+		]);
+		const optionRowsPerPage = ref([
+			{
+				title: "10",
+				value: 10
+			},
+			{
+				title: "20",
+				value: 20
+			},
+			{
+				title: "30",
+				value: 30
+			},
+			{
+				title: "40",
+				value: 40
+			},
+			{
+				title: "50",
+				value: 50
+			},
+			{
+				title: "60",
+				value: 60
+			}
+		]);
+		const { t } = useI18n();
+		onBeforeMount(() => initRowsPerPage());
+		function initRowsPerPage() {
+			if (optionsRowsPerPage.value.includes(props.rowsPerPage)) return;
+			optionsRowsPerPage.value.push(props.rowsPerPage);
+			optionsRowsPerPage.value.sort((a, b) => a - b);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(ClassicSelect_default, {
+				"text-init": __props.rowsPerPage,
+				"id-select": "rows-per-page-select" + __props.id,
+				label: unref(t)("Items per page :"),
+				"display-label": true,
+				"class-label": "flex-shrink-0 me-1",
+				class: "d-flex align-items-center mb-0",
+				options: optionRowsPerPage.value,
+				"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => emit("update:rowsPerPage", parseInt($event, 10)))
+			}, null, 8, [
+				"text-init",
+				"id-select",
+				"label",
+				"options"
+			])]);
+		};
+	}
+});
+//#endregion
+//#region src/components/display/list/PaginateParams.vue
+var PaginateParams_exports = /* @__PURE__ */ __exportAll({ default: () => PaginateParams_default });
+var PaginateParams_default = PaginateParams_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { PaginateParams_exports as n, PaginateParams_default as t };
+
+//# sourceMappingURL=PaginateParams-CjJoKjUD.mjs.map

package/dist/PaginateParams-CjJoKjUD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginateParams-CjJoKjUD.mjs","names":[],"sources":["../src/components/display/list/PaginateParams.vue","../src/components/display/list/PaginateParams.vue"],"sourcesContent":["<template>\n  <div class=\"paginate\">\n    <ClassicSelect\n      :text-init=\"rowsPerPage\"\n      :id-select=\"'rows-per-page-select'+id\"\n      :label=\"t('Items per page :')\"\n      :display-label=\"true\"\n      class-label=\"flex-shrink-0 me-1\"\n      class=\"d-flex align-items-center mb-0\"\n      :options=\"optionRowsPerPage\"\n      @update:text-init=\"emit('update:rowsPerPage', parseInt($event, 10))\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { onBeforeMount, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rowsPerPage: { default: 0, type: Number },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rowsPerPage\"]);\n\n//Data \nconst optionsRowsPerPage = ref([10, 20, 30, 40, 50, 60]);\nconst optionRowsPerPage = ref([\n  {title:\"10\", value: 10},\n  {title:\"20\", value: 20},\n  {title:\"30\", value: 30},\n  {title:\"40\", value: 40},\n  {title:\"50\", value: 50},\n  {title:\"60\", value: 60},\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\nonBeforeMount(()=>initRowsPerPage())\n\n//Methods\nfunction initRowsPerPage() {\n  if (optionsRowsPerPage.value.includes(props.rowsPerPage)) {\n    return;\n  }\n  optionsRowsPerPage.value.push(props.rowsPerPage);\n  optionsRowsPerPage.value.sort((a, b) => a - b);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .paginate {\n  display: flex;\n  justify-content: flex-end;\n\n  select {\n    border-top: 0;\n    border-right: 0;\n    border-left: 0;\n    background: transparent !important;\n    padding-right: 0.4rem;\n  }\n}\n</style>\n","<template>\n  <div class=\"paginate\">\n    <ClassicSelect\n      :text-init=\"rowsPerPage\"\n      :id-select=\"'rows-per-page-select'+id\"\n      :label=\"t('Items per page :')\"\n      :display-label=\"true\"\n      class-label=\"flex-shrink-0 me-1\"\n      class=\"d-flex align-items-center mb-0\"\n      :options=\"optionRowsPerPage\"\n      @update:text-init=\"emit('update:rowsPerPage', parseInt($event, 10))\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport { onBeforeMount, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rowsPerPage: { default: 0, type: Number },\n  id: { default: \"\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:rowsPerPage\"]);\n\n//Data \nconst optionsRowsPerPage = ref([10, 20, 30, 40, 50, 60]);\nconst optionRowsPerPage = ref([\n  {title:\"10\", value: 10},\n  {title:\"20\", value: 20},\n  {title:\"30\", value: 30},\n  {title:\"40\", value: 40},\n  {title:\"50\", value: 50},\n  {title:\"60\", value: 60},\n]);\n\n//Composables\nconst { t } = useI18n();\n\n\nonBeforeMount(()=>initRowsPerPage())\n\n//Methods\nfunction initRowsPerPage() {\n  if (optionsRowsPerPage.value.includes(props.rowsPerPage)) {\n    return;\n  }\n  optionsRowsPerPage.value.push(props.rowsPerPage);\n  optionsRowsPerPage.value.sort((a, b) => a - b);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .paginate {\n  display: flex;\n  justify-content: flex-end;\n\n  select {\n    border-top: 0;\n    border-right: 0;\n    border-left: 0;\n    background: transparent !important;\n    padding-right: 0.4rem;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAGb,MAAM,qBAAqB,IAAI;GAAC;GAAI;GAAI;GAAI;GAAI;GAAI;EAAE,CAAC;EACvD,MAAM,oBAAoB,IAAI;GAC5B;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;GACtB;IAAC,OAAM;IAAM,OAAO;GAAE;EACxB,CAAC;EAGD,MAAM,EAAE,MAAM,QAAQ;EAGtB,oBAAkB,gBAAgB,CAAC;EAGnC,SAAS,kBAAkB;GACzB,IAAI,mBAAmB,MAAM,SAAS,MAAM,WAAW,GACrD;GAEF,mBAAmB,MAAM,KAAK,MAAM,WAAW;GAC/C,mBAAmB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC;EAC/C;;uBAnDE,mBAWM,OAXN,YAWM,CAVJ,YASE,uBAAA;IARC,aAAW,QAAA;IACX,aAAS,yBAAyB,QAAA;IAClC,OAAO,MAAA,CAAA,EAAC,kBAAA;IACR,iBAAe;IAChB,eAAY;IACZ,OAAM;IACL,SAAS,kBAAA;IACT,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,sBAAuB,SAAS,QAAM,EAAA,CAAA"}