@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/RightsWrapper-Cz5TnSUC.mjs

@@ -0,0 +1,164 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { E as state, i as useAuthStore } from "./classicApi-BKNiWOG4.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { n as useRights, t as ActionRight } from "./useRights-JVTbEOUh.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-Bk5kf37e.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, getCurrentInstance, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import { storeToRefs } from "pinia";
+//#region src/components/composable/useRightsIndicator.ts
+var useRightsIndicator = (props) => {
+	const rights = useRights();
+	const { t, te } = useI18n();
+	const { isAuthenticated } = storeToRefs(useAuthStore());
+	const actionSegmentMap = {
+		create: "Create",
+		edit: "Edit",
+		delete: "Delete"
+	};
+	/**
+	* Whether to display the indicator
+	* It is not shown on podcastmaker, or for unidentified users
+	*/
+	const displayIndicator = computed(() => {
+		return !state.generalParameters.podcastmaker && isAuthenticated.value;
+	});
+	/**
+	* The entity on which rights are checked
+	*/
+	const entity = computed(() => {
+		let arg;
+		let entitySegment;
+		if ("podcast" in props && props.podcast) {
+			entitySegment = "Podcast";
+			arg = props.podcast;
+		} else if ("emission" in props && props.emission) {
+			entitySegment = "Emission";
+			arg = props.emission;
+		} else if ("cartouchier" in props && props.cartouchier) {
+			entitySegment = "Cartouchier";
+			arg = props.cartouchier;
+		} else if ("mix" in props && props.mix) {
+			entitySegment = "Mix";
+			arg = props.mix;
+		} else if ("playlistMedia" in props && props.playlistMedia) {
+			entitySegment = "PlaylistMedia";
+			arg = props.playlistMedia;
+		} else if ("media" in props && props.media) {
+			entitySegment = "Media";
+			arg = props.media;
+		} else if ("promoVideoFor" in props && props.promoVideoFor) {
+			entitySegment = "PromoVideo";
+			arg = props.promoVideoFor;
+		} else return null;
+		return [entitySegment, arg];
+	});
+	/**
+	* The current rights for the given entity
+	*/
+	const actionRight = computed(() => {
+		const data = entity.value;
+		if (!data) return ActionRight.DeniedNoRight;
+		const [entitySegment, arg] = data;
+		if (props.action === "any") {
+			const checks = typeof arg === "object" && arg !== null ? [
+				"Create",
+				"Edit",
+				"Delete"
+			] : ["Create"];
+			let best = ActionRight.DeniedNoRight;
+			for (const a of checks) {
+				const r = callRightMethod(`get${a}${entitySegment}Right`, arg);
+				if (r === ActionRight.Allowed) return ActionRight.Allowed;
+				if (r === ActionRight.DeniedNotOwner) best = ActionRight.DeniedNotOwner;
+			}
+			return best;
+		}
+		if ((props.action === "edit" || props.action === "delete") && typeof arg !== "object") return ActionRight.DeniedNoRight;
+		return callRightMethod(`get${actionSegmentMap[props.action]}${entitySegment}Right`, arg);
+	});
+	/** Helper for calling the method on useRights */
+	function callRightMethod(key, arg) {
+		return rights[key](arg);
+	}
+	return {
+		displayIndicator,
+		hasAccess: computed(() => {
+			return actionRight.value === ActionRight.Allowed;
+		}),
+		message: computed(() => {
+			const entitySegment = entity.value?.[0];
+			let key;
+			let genericKey;
+			switch (actionRight.value) {
+				case ActionRight.Allowed: return "";
+				case ActionRight.DeniedNotOwner:
+					key = `RightsIndicator - ${entitySegment} - Not owner`;
+					genericKey = "Generic - Action disabled - Not owner";
+					break;
+				case ActionRight.DeniedInsufficientScope:
+					key = `RightsIndicator - ${entitySegment} - Insufficient scope`;
+					genericKey = "RightsIndicator - Generic - Insufficient scope";
+					break;
+				case ActionRight.DeniedNoRight:
+					key = `RightsIndicator - ${entitySegment} - Insufficient rights`;
+					genericKey = "RightsIndicator - Generic - Insufficient rights";
+					break;
+				default: return "Cannot process rights";
+			}
+			if (te(key)) return t(key);
+			else return t(genericKey);
+		})
+	};
+};
+//#endregion
+//#region src/components/display/RightsWrapper.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = {
+	key: 0,
+	class: "rights-visually-hidden"
+};
+var RightsWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RightsWrapper",
+	props: {
+		podcast: { type: [Object, Boolean] },
+		action: {},
+		emission: { type: [Object, Boolean] },
+		cartouchier: { type: [Object, Boolean] },
+		mix: { type: [Object, Boolean] },
+		playlistMedia: { type: [Object, Boolean] },
+		media: { type: [Object, Boolean] },
+		promoVideoFor: {}
+	},
+	setup(__props) {
+		const { displayIndicator, hasAccess, message } = useRightsIndicator(__props);
+		const uid = getCurrentInstance()?.uid;
+		/** ID of the icon for reference by the popover */
+		const elementId = computed(() => "rights-wrapper-" + uid);
+		return (_ctx, _cache) => {
+			return unref(displayIndicator) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				renderSlot(_ctx.$slots, "default", {
+					id: elementId.value,
+					hasAccess: unref(hasAccess)
+				}, void 0, true),
+				!unref(hasAccess) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(message)), 1)) : createCommentVNode("", true),
+				!unref(hasAccess) ? (openBlock(), createBlock(ClassicPopover_default, {
+					key: 1,
+					target: elementId.value,
+					"only-mouse": ""
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(message)), 1)]),
+					_: 1
+				}, 8, ["target"])) : createCommentVNode("", true)
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/display/RightsWrapper.vue
+var RightsWrapper_exports = /* @__PURE__ */ __exportAll({ default: () => RightsWrapper_default });
+var RightsWrapper_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RightsWrapper_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-327a354f"]]);
+//#endregion
+export { RightsWrapper_exports as n, useRightsIndicator as r, RightsWrapper_default as t };
+
+//# sourceMappingURL=RightsWrapper-Cz5TnSUC.mjs.map

package/dist/RightsWrapper-Cz5TnSUC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-Cz5TnSUC.mjs","names":[],"sources":["../src/components/composable/useRightsIndicator.ts","../src/components/display/RightsWrapper.vue","../src/components/display/RightsWrapper.vue"],"sourcesContent":["import { Mix } from '../../stores/class/radio/mix';\nimport { PlaylistMedia } from '../../stores/class/radio/playlistMedia';\nimport { Podcast } from '../../stores/class/general/podcast';\nimport { Cartouchier } from '../../stores/class/cartouchier/cartouchier';\nimport { Media } from \"../../stores/class/general/media\";\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport { ActionRight, useRights } from '../composable/useRights';\nimport { state } from '../../stores/ParamSdkStore';\nimport { useAuthStore } from '../../stores/AuthStore';\nimport { storeToRefs } from 'pinia';\nimport { Emission } from '@/stores/class/general/emission';\n\ntype Action = 'create'|'edit'|'delete'|'any';\n\nexport interface PropsBase {\n    /** Type of action to check */\n    action: Action;\n}\n\ntype NeverEntities = {\n    podcast?: never;\n    emission?: never;\n    cartouchier?: never;\n    mix?: never;\n    playlistMedia?: never;\n    media?: never;\n    promoVideoFor?: never;\n};\n\nexport interface PropsPodcast extends PropsBase, Omit<NeverEntities, 'podcast'> {\n    podcast: Podcast|boolean;\n}\nexport interface PropsEmission extends PropsBase, Omit<NeverEntities, 'emission'> {\n    emission: Emission|boolean;\n}\nexport interface PropsCartouchier extends PropsBase, Omit<NeverEntities, 'cartouchier'> {\n    cartouchier: Cartouchier|boolean;\n}\nexport interface PropsMix extends PropsBase, Omit<NeverEntities, 'mix'> {\n    mix: Mix|boolean;\n}\nexport interface PropsPlaylistMedia extends PropsBase, Omit<NeverEntities, 'playlistMedia'> {\n    playlistMedia: PlaylistMedia|boolean;\n}\nexport interface PropsMedia extends PropsBase, Omit<NeverEntities, 'media'> {\n    media: Media|boolean;\n}\nexport interface PropsPromoVideo extends PropsBase, Omit<NeverEntities, 'promoVideoFor'> {\n    promoVideoFor: Podcast;\n}\n\nexport type RightsProps = PropsPodcast|PropsEmission|PropsCartouchier|PropsMix|PropsPlaylistMedia|PropsMedia;\n\nexport const useRightsIndicator = (props: PropsPodcast|PropsEmission|PropsCartouchier|PropsMix|PropsPlaylistMedia|PropsMedia) => {\n    const rights = useRights();\n    const { t, te } = useI18n();\n    const { isAuthenticated } = storeToRefs(useAuthStore());\n\n    type Rights = ReturnType<typeof useRights>;\n    type ActionSegment = 'Create'|'Edit'|'Delete';\n    type EntitySegment = 'Podcast'|'Emission'|'Cartouchier'|'Mix'|'PlaylistMedia'|'Media'|'PromoVideo';\n    type RightMethodKey = `get${ActionSegment}${EntitySegment}Right` & keyof Rights;\n    type RightEntity = Podcast|Emission|Cartouchier|Mix|PlaylistMedia|Media|boolean|undefined;\n\n    const actionSegmentMap: Record<Exclude<Action, 'any'>, ActionSegment> = {\n        create: 'Create',\n        edit: 'Edit',\n        delete: 'Delete',\n    };\n\n    /**\n     * Whether to display the indicator\n     * It is not shown on podcastmaker, or for unidentified users\n     */\n    const displayIndicator = computed((): boolean => {\n        return !state.generalParameters.podcastmaker && isAuthenticated.value;\n    });\n\n    /**\n     * The entity on which rights are checked\n     */\n    const entity = computed((): [EntitySegment, RightEntity]|null => {\n        let arg: RightEntity;\n        let entitySegment: EntitySegment|undefined;\n\n        if ('podcast' in props && props.podcast) {\n            entitySegment = 'Podcast';\n            arg = props.podcast;\n        } else if ('emission' in props && props.emission) {\n            entitySegment = 'Emission';\n            arg = props.emission;\n        } else if ('cartouchier' in props && props.cartouchier) {\n            entitySegment = 'Cartouchier';\n            arg = props.cartouchier;\n        } else if ('mix' in props && props.mix) {\n            entitySegment = 'Mix';\n            arg = props.mix;\n        } else if ('playlistMedia' in props && props.playlistMedia) {\n            entitySegment = 'PlaylistMedia';\n            arg = props.playlistMedia;\n        } else if ('media' in props && props.media) {\n            entitySegment = 'Media';\n            arg = props.media;\n        } else if ('promoVideoFor' in props && props.promoVideoFor) {\n            entitySegment = 'PromoVideo';\n            arg = props.promoVideoFor;\n        } else {\n            return null;\n        }\n\n        return [entitySegment, arg];\n    });\n\n    /**\n     * The current rights for the given entity\n     */\n    const actionRight = computed((): ActionRight => {\n        const data = entity.value;\n        if (!data) {\n            return ActionRight.DeniedNoRight;\n        }\n\n        const [entitySegment, arg] = data;\n\n        if (props.action === 'any') {\n            const checks: ActionSegment[] = typeof arg === 'object' && arg !== null\n                ? ['Create', 'Edit', 'Delete']\n                : ['Create'];\n\n            let best = ActionRight.DeniedNoRight;\n            for (const a of checks) {\n                const key = `get${a}${entitySegment}Right` as RightMethodKey;\n                const r = callRightMethod(key, arg);\n                if (r === ActionRight.Allowed) {\n                    return ActionRight.Allowed;\n                }\n                if (r === ActionRight.DeniedNotOwner) {\n                    best = ActionRight.DeniedNotOwner;\n                }\n            }\n            return best;\n        }\n\n        if ((props.action === 'edit' || props.action === 'delete') && typeof arg !== 'object') {\n            return ActionRight.DeniedNoRight;\n        }\n\n        const methodName = `get${actionSegmentMap[props.action]}${entitySegment}Right` as RightMethodKey;\n        return callRightMethod(methodName, arg);\n    });\n\n    /** Helper for calling the method on useRights */\n    function callRightMethod(key: RightMethodKey, arg: unknown): ActionRight {\n        return (rights[key] as (arg?: unknown) => ActionRight)(arg);\n    }\n\n    const hasAccess = computed((): boolean => {\n        return actionRight.value === ActionRight.Allowed;\n    });\n\n    const message = computed((): string => {\n        const entitySegment = entity.value?.[0];\n        let key: string;\n        let genericKey: string;\n    \n        switch (actionRight.value) {\n        case ActionRight.Allowed:\n            return '';\n\n        case ActionRight.DeniedNotOwner:\n            key = `RightsIndicator - ${entitySegment} - Not owner`;\n            genericKey = 'Generic - Action disabled - Not owner';\n            break;\n\n        case ActionRight.DeniedInsufficientScope:\n            key = `RightsIndicator - ${entitySegment} - Insufficient scope`;\n            genericKey = 'RightsIndicator - Generic - Insufficient scope';\n            break;\n\n        case ActionRight.DeniedNoRight:\n            key = `RightsIndicator - ${entitySegment} - Insufficient rights`;\n            genericKey = 'RightsIndicator - Generic - Insufficient rights';\n            break;\n\n        default:\n            return 'Cannot process rights';\n        }\n\n        if (te(key)) {\n            return t(key);\n        } else {\n            return t(genericKey);\n        }\n    });\n\n    return {\n        displayIndicator,\n        hasAccess,\n        message\n    }\n};\n","<template>\n    <div\n        v-if=\"displayIndicator\"\n    >\n        <slot :id=\"elementId\" :has-access=\"hasAccess\" />\n        <span v-if=\"!hasAccess\" class=\"rights-visually-hidden\">{{ message }}</span>\n        <ClassicPopover\n            v-if=\"!hasAccess\"\n            :target=\"elementId\"\n            only-mouse\n        >\n            {{ message }}\n        </ClassicPopover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\nimport ClassicPopover from '../misc/ClassicPopover.vue';\n\nconst props = defineProps<RightsProps>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n\nconst uid = getCurrentInstance()?.uid;\n/** ID of the icon for reference by the popover */\nconst elementId = computed((): string => 'rights-wrapper-' + uid);\n</script>\n\n<style scoped lang=\"scss\">\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n","<template>\n    <div\n        v-if=\"displayIndicator\"\n    >\n        <slot :id=\"elementId\" :has-access=\"hasAccess\" />\n        <span v-if=\"!hasAccess\" class=\"rights-visually-hidden\">{{ message }}</span>\n        <ClassicPopover\n            v-if=\"!hasAccess\"\n            :target=\"elementId\"\n            only-mouse\n        >\n            {{ message }}\n        </ClassicPopover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance } from 'vue';\nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\nimport ClassicPopover from '../misc/ClassicPopover.vue';\n\nconst props = defineProps<RightsProps>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n\nconst uid = getCurrentInstance()?.uid;\n/** ID of the icon for reference by the popover */\nconst elementId = computed((): string => 'rights-wrapper-' + uid);\n</script>\n\n<style scoped lang=\"scss\">\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n"],"mappings":"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"}

package/dist/RubriqueChoice-BN4nirmx.mjs

@@ -0,0 +1,120 @@
+import { t as ClassicSelect_default } from "./ClassicSelect-BeCuKMad.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, ref, toDisplayString, unref } from "vue";
+import { useI18n } from "vue-i18n";
+import TrashCanIcon from "vue-material-design-icons/TrashCan.vue";
+//#region src/components/display/filter/RubriqueChoice.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-flex align-items-center mb-2" };
+var _hoisted_2 = { class: "ms-3 flex-shrink-0" };
+//#endregion
+//#region src/components/display/filter/RubriqueChoice.vue
+var RubriqueChoice_default = /* @__PURE__ */ defineComponent({
+	__name: "RubriqueChoice",
+	props: {
+		rubriquageDisplay: {
+			default: () => [],
+			type: Array
+		},
+		rubriquageIdSelected: {
+			default: 0,
+			type: Number
+		},
+		rubriqueIdSelected: {
+			default: 0,
+			type: Number
+		},
+		index: {
+			default: 0,
+			type: Number
+		}
+	},
+	emits: [
+		"deleteRubriqueChoice",
+		"updateRubrique",
+		"updateRubriquage"
+	],
+	setup(__props, { emit: __emit }) {
+		const RubriqueChooser = defineAsyncComponent(() => import("./RubriqueChooser-BgIvDDv7.mjs"));
+		const props = __props;
+		const emit = __emit;
+		const reset = ref(false);
+		const { t } = useI18n();
+		const rubriquageDisplayForSelect = computed(() => {
+			return props.rubriquageDisplay.map((rubriquage) => {
+				return {
+					title: rubriquage.title,
+					value: rubriquage.rubriquageId
+				};
+			});
+		});
+		function deleteRubriquage() {
+			emit("deleteRubriqueChoice");
+		}
+		function getRubriquesLength(rubriquageId) {
+			return getRubriques(rubriquageId).length;
+		}
+		function getRubriques(rubriquageId) {
+			const topicIndex = props.rubriquageDisplay.findIndex((element) => element.rubriquageId === rubriquageId);
+			return -1 !== topicIndex ? props.rubriquageDisplay[topicIndex].rubriques : [];
+		}
+		function onRubriqueSelected(rubrique) {
+			if (rubrique.rubriqueId === props.rubriqueIdSelected) return;
+			emit("updateRubrique", {
+				rubriqueId: rubrique.rubriqueId,
+				index: props.index
+			});
+		}
+		function onRubriquageSelected(newRubriquage) {
+			reset.value = !reset.value;
+			emit("updateRubriquage", {
+				rubriquageId: newRubriquage,
+				rubriqueId: 0,
+				index: props.index
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(ClassicSelect_default, {
+					"text-init": __props.rubriquageIdSelected,
+					"id-select": "rubrique-choice-select",
+					label: unref(t)("Topics"),
+					"display-label": false,
+					class: "flex-shrink-0",
+					options: rubriquageDisplayForSelect.value,
+					"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => onRubriquageSelected(parseInt($event, 10)))
+				}, null, 8, [
+					"text-init",
+					"label",
+					"options"
+				]),
+				__props.rubriquageIdSelected ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("By rubric")), 1), getRubriquesLength(__props.rubriquageIdSelected) ? (openBlock(), createBlock(unref(RubriqueChooser), {
+					key: 0,
+					id: "rubrique-chooser" + __props.rubriquageIdSelected,
+					class: "ms-2",
+					multiple: false,
+					"rubrique-selected": 0 !== __props.rubriqueIdSelected ? __props.rubriqueIdSelected : void 0,
+					"all-rubriques": getRubriques(__props.rubriquageIdSelected),
+					defaultanswer: unref(t)("No rubric filter"),
+					reset: reset.value,
+					"without-rubrique": true,
+					onSelected: onRubriqueSelected
+				}, null, 8, [
+					"id",
+					"rubrique-selected",
+					"all-rubriques",
+					"defaultanswer",
+					"reset"
+				])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true),
+				__props.index ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					class: "btn admin-button ms-1",
+					title: "delete",
+					onClick: deleteRubriquage
+				}, [createVNode(TrashCanIcon)])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { RubriqueChoice_default as default };
+
+//# sourceMappingURL=RubriqueChoice-BN4nirmx.mjs.map

package/dist/RubriqueChoice-BN4nirmx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueChoice-BN4nirmx.mjs","names":[],"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,EAAE;EACpC;EACA,SAAS,aAAa,cAAuC;GAC3D,MAAM,aAAa,MAAM,kBAAkB,WACxC,YAAwB,QAAQ,iBAAiB,YACpD;GACA,OAAO,OAAO,aAAY,MAAM,kBAAkB,YAAY,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;;uBA1GE,mBAqCM,OArCN,YAqCM;IApCJ,YAQE,uBAAA;KAPC,aAAW,QAAA;KACZ,aAAU;KACT,OAAO,MAAA,CAAA,EAAC,QAAA;KACR,iBAAe;KAChB,OAAM;KACL,SAAS,2BAAA;KACT,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,qBAAqB,SAAS,QAAM,EAAA,CAAA;;;;;;IAEzC,QAAA,wBAAA,UAAA,GAAhB,mBAkBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAjBT,mBAEM,OAFN,YAEM,gBADD,MAAA,CAAA,EAAC,WAAA,CAAA,GAAA,CAAA,GAGE,mBAAmB,QAAA,oBAAoB,KAAA,UAAA,GAD/C,YAaE,MAAA,eAAA,GAAA;;KAXC,IAAE,qBAAqB,QAAA;KACxB,OAAM;KACL,UAAU;KACV,qBAAA,MAAoC,QAAA,qBAAqB,QAAA,qBAAqB,KAAA;KAG9E,iBAAe,aAAa,QAAA,oBAAoB;KAChD,eAAe,MAAA,CAAA,EAAC,kBAAA;KAChB,OAAO,MAAA;KACP,oBAAkB;KAClB,YAAU;;;;;;;;IAIP,QAAA,SAAA,UAAA,GADR,mBAOS,UAAA;;KALP,OAAM;KACN,OAAM;KACL,SAAO;QAER,YAAgB,YAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/RubriqueChoice-BxmZoBZL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueChoice-BxmZoBZL.mjs","names":[],"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,EAAE;EACpC;EACA,SAAS,aAAa,cAAuC;GAC3D,MAAM,aAAa,MAAM,kBAAkB,WACxC,YAAwB,QAAQ,iBAAiB,YACpD;GACA,OAAO,OAAO,aAAY,MAAM,kBAAkB,YAAY,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;;uBA1GE,mBAqCM,OArCN,YAqCM;IApCJ,YAQE,uBAAA;KAPC,aAAW,QAAA;KACZ,aAAU;KACT,OAAO,MAAA,CAAA,EAAC,QAAA;KACR,iBAAe;KAChB,OAAM;KACL,SAAS,2BAAA;KACT,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,qBAAqB,SAAS,QAAM,EAAA,CAAA;;;;;;IAEzC,QAAA,wBAAA,UAAA,GAAhB,mBAkBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAjBT,mBAEM,OAFN,YAEM,gBADD,MAAA,CAAA,EAAC,WAAA,CAAA,GAAA,CAAA,GAGE,mBAAmB,QAAA,oBAAoB,KAAA,UAAA,GAD/C,YAaE,MAAA,eAAA,GAAA;;KAXC,IAAE,qBAAqB,QAAA;KACxB,OAAM;KACL,UAAU;KACV,qBAAA,MAAoC,QAAA,qBAAqB,QAAA,qBAAqB,KAAA;KAG9E,iBAAe,aAAa,QAAA,oBAAoB;KAChD,eAAe,MAAA,CAAA,EAAC,kBAAA;KAChB,OAAO,MAAA;KACP,oBAAkB;KAClB,YAAU;;;;;;;;IAIP,QAAA,SAAA,UAAA,GADR,mBAOS,UAAA;;KALP,OAAM;KACN,OAAM;KACL,SAAO;QAER,YAAgB,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/RubriqueChoice-C4rglHV1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RubriqueChoice-C4rglHV1.mjs","names":[],"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,EAAE;EACpC;EACA,SAAS,aAAa,cAAuC;GAC3D,MAAM,aAAa,MAAM,kBAAkB,WACxC,YAAwB,QAAQ,iBAAiB,YACpD;GACA,OAAO,OAAO,aAAY,MAAM,kBAAkB,YAAY,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;;;;;;;;;;;;;;;;;;;;;;;;;mBC1GO,OAAM,iCAAgC;mBAWlC,OAAM,qBAAoB;;qBAXnC,mBAqCM,OArCN,YAqCM;EApCJ,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,wBAAA,UAAA,GAAhB,mBAkBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAjBT,mBAEM,OAFN,YAEM,gBADD,OAAA,EAAC,WAAA,CAAA,GAAA,CAAA,GAGE,OAAA,mBAAmB,OAAA,oBAAoB,KAAA,UAAA,GAD/C,YAaE,OAAA,oBAAA;;GAXC,IAAE,qBAAqB,OAAA;GACxB,OAAM;GACL,UAAU;GACV,qBAAA,MAAoC,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,SAAA,UAAA,GADR,mBAOS,UAAA;;GALP,OAAM;GACN,OAAM;GACL,SAAO,OAAA;MAER,YAAgB,OAAA,eAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/RubriqueChooser-BceFw2x2.mjs.map

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

package/dist/RubriqueChooser-BgIvDDv7.mjs

@@ -0,0 +1,213 @@
+import { t as ClassicMultiselect_default } from "./ClassicMultiselect-wJ9U_4b2.mjs";
+import { computed, createBlock, defineComponent, onMounted, openBlock, ref, unref, useTemplateRef, watch } from "vue";
+import { useI18n } from "vue-i18n";
+//#endregion
+//#region src/components/display/rubriques/RubriqueChooser.vue
+var RubriqueChooser_default = /* @__PURE__ */ defineComponent({
+	__name: "RubriqueChooser",
+	props: {
+		defaultanswer: {
+			default: "",
+			type: String
+		},
+		width: {
+			default: void 0,
+			type: String
+		},
+		/**
+		* Active la sélection multiple
+		*/
+		multiple: {
+			default: false,
+			type: Boolean
+		},
+		reset: {
+			default: false,
+			type: Boolean
+		},
+		/**
+		* Les rubriques à afficher
+		*/
+		allRubriques: {
+			default: () => [],
+			type: Array
+		},
+		rubriqueSelected: {
+			default: void 0,
+			type: Number
+		},
+		rubriqueSelectedArray: {
+			default: void 0,
+			type: Object
+		},
+		id: {
+			default: "rubrique-chooser",
+			type: String
+		},
+		withoutRubrique: {
+			default: false,
+			type: Boolean
+		},
+		isDisabled: {
+			default: false,
+			type: Boolean
+		},
+		noDeselect: {
+			default: true,
+			type: Boolean
+		},
+		inModal: {
+			default: false,
+			type: Boolean
+		},
+		label: {
+			default: void 0,
+			type: String
+		},
+		displayLabel: {
+			default: false,
+			type: Boolean
+		},
+		textDanger: {
+			default: void 0,
+			type: String
+		},
+		/**
+		* Le texte affiché là où l'utilisateur doit effectuer sa saisie
+		*/
+		placeholder: {
+			type: String,
+			required: false,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:rubriqueSelected",
+		"update:rubriqueSelectedArray",
+		"selected"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		const maxElement = ref(250);
+		const rubrique = ref(void 0);
+		const rubriqueForArray = ref([]);
+		const withoutItem = ref({
+			name: t("Without rubric"),
+			rubriqueId: -1
+		});
+		const selectRubriqueRef = useTemplateRef("selectRubrique");
+		const getDefaultRubrique = computed(() => {
+			if ("" === props.defaultanswer) return;
+			return {
+				name: props.defaultanswer,
+				rubriqueId: 0
+			};
+		});
+		const rubriques = computed(() => {
+			const rubriques = props.allRubriques;
+			if (!getDefaultRubrique.value) return rubriques;
+			if (props.withoutRubrique) rubriques.unshift(withoutItem.value);
+			rubriques.unshift(getDefaultRubrique.value);
+			return rubriques;
+		});
+		const model = computed({
+			get() {
+				return !props.multiple ? rubrique.value : rubriqueForArray.value;
+			},
+			set(value) {
+				if (!props.multiple) {
+					rubrique.value = value;
+					return;
+				}
+				rubriqueForArray.value = value;
+			}
+		});
+		/**
+		* Le texte à afficher dans la saisie de l'utilisateur
+		*/
+		const placeholderText = computed(() => {
+			if (props.placeholder) return props.placeholder;
+			else return t("Type string to filter by categories");
+		});
+		watch(() => props.rubriqueSelected, () => {
+			if (props.rubriqueSelected) initRubriqueSelected();
+			else rubrique.value = getDefaultRubrique.value;
+		}, { immediate: true });
+		watch(() => props.reset, () => {
+			rubrique.value = getDefaultRubrique.value;
+		});
+		onMounted(() => initRubriqueArray());
+		function onSearchRubrique(query) {
+			let tempRubriques = rubriques.value;
+			if (query) tempRubriques = tempRubriques.filter((item) => {
+				return item.name.toUpperCase().includes(query.toUpperCase());
+			});
+			(selectRubriqueRef?.value).afterSearch(tempRubriques, tempRubriques.length);
+		}
+		function onRubriqueSelected(rubrique) {
+			if (void 0 !== props.rubriqueSelected) emit("update:rubriqueSelected", rubrique.rubriqueId);
+			if (void 0 !== props.rubriqueSelectedArray) {
+				const idsArray = [];
+				rubrique.forEach((el) => {
+					idsArray.push(el.rubriqueId ?? 0);
+				});
+				emit("update:rubriqueSelectedArray", idsArray);
+			} else emit("selected", rubrique);
+		}
+		function initRubriqueSelected() {
+			rubrique.value = rubriques.value.find((el) => {
+				return el.rubriqueId === props.rubriqueSelected;
+			}) ?? getDefaultRubrique.value;
+		}
+		function initRubriqueArray() {
+			if (!rubriqueForArray.value || !props.rubriqueSelectedArray) return;
+			rubriqueForArray.value.length = 0;
+			props.rubriqueSelectedArray.forEach((element) => {
+				const item = rubriques.value.find((el) => {
+					return el.rubriqueId === element;
+				});
+				if (rubriqueForArray.value && item) rubriqueForArray.value.push(item);
+			});
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ClassicMultiselect_default, {
+				id: __props.id,
+				ref: "selectRubrique",
+				"option-chosen": model.value,
+				"option-label": "name",
+				"display-label": __props.displayLabel,
+				label: __props.label ?? unref(t)("By rubric"),
+				"text-danger": __props.textDanger,
+				placeholder: placeholderText.value,
+				"max-element": maxElement.value,
+				multiple: __props.multiple,
+				"min-search-length": 1,
+				width: __props.width,
+				"in-modal": __props.inModal,
+				"is-disabled": __props.isDisabled,
+				"no-deselect": __props.noDeselect,
+				onOnSearch: onSearchRubrique,
+				onSelected: onRubriqueSelected
+			}, null, 8, [
+				"id",
+				"option-chosen",
+				"display-label",
+				"label",
+				"text-danger",
+				"placeholder",
+				"max-element",
+				"multiple",
+				"width",
+				"in-modal",
+				"is-disabled",
+				"no-deselect"
+			]);
+		};
+	}
+});
+//#endregion
+export { RubriqueChooser_default as default };
+
+//# sourceMappingURL=RubriqueChooser-BgIvDDv7.mjs.map