@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/RightsWrapper-B8WfUUyU.mjs

@@ -0,0 +1,212 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { A as state, i as useAuthStore } from "./classicApi-ChvwoPGT.mjs";
+import { n as useRights, t as ActionRight } from "./useRights-DNL2VJUc.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-BIyLKorz.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, getCurrentInstance, openBlock, renderSlot, toDisplayString, 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 RightsWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RightsWrapper",
+	props: {
+		podcast: {
+			type: [Object, Boolean],
+			required: false,
+			skipCheck: true
+		},
+		action: {
+			type: String,
+			required: true
+		},
+		emission: {
+			type: [Object, Boolean],
+			required: false,
+			skipCheck: true
+		},
+		cartouchier: {
+			type: [Object, Boolean],
+			required: false,
+			skipCheck: true
+		},
+		mix: {
+			type: [Object, Boolean],
+			required: false,
+			skipCheck: true
+		},
+		playlistMedia: {
+			type: [Object, Boolean],
+			required: false,
+			skipCheck: true
+		},
+		media: {
+			type: [Object, Boolean],
+			required: false,
+			skipCheck: true
+		},
+		promoVideoFor: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const { displayIndicator, hasAccess, message } = useRightsIndicator(props);
+		const uid = getCurrentInstance()?.uid;
+		const __returned__ = {
+			props,
+			displayIndicator,
+			hasAccess,
+			message,
+			uid,
+			elementId: computed(() => "rights-wrapper-" + uid),
+			ClassicPopover: ClassicPopover_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/RightsWrapper.vue
+var RightsWrapper_exports = /* @__PURE__ */ __exportAll({ default: () => RightsWrapper_default });
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = {
+	key: 0,
+	class: "rights-visually-hidden"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.displayIndicator ? (openBlock(), createElementBlock("div", _hoisted_1, [
+		renderSlot(_ctx.$slots, "default", {
+			id: $setup.elementId,
+			hasAccess: $setup.hasAccess
+		}, void 0, true),
+		!$setup.hasAccess ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString($setup.message), 1)) : createCommentVNode("v-if", true),
+		!$setup.hasAccess ? (openBlock(), createBlock($setup["ClassicPopover"], {
+			key: 1,
+			target: $setup.elementId,
+			"only-mouse": ""
+		}, {
+			default: withCtx(() => [createTextVNode(toDisplayString($setup.message), 1)]),
+			_: 1
+		}, 8, ["target"])) : createCommentVNode("v-if", true)
+	])) : createCommentVNode("v-if", true);
+}
+var RightsWrapper_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RightsWrapper_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render],
+	["__scopeId", "data-v-ae2750ed"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/RightsWrapper.vue"]
+]);
+//#endregion
+export { RightsWrapper_exports as n, useRightsIndicator as r, RightsWrapper_default as t };
+
+//# sourceMappingURL=RightsWrapper-B8WfUUyU.mjs.map

package/dist/RightsWrapper-B8WfUUyU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-B8WfUUyU.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/RightsWrapper-C4RmSfic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-C4RmSfic.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/RightsWrapper-CuyTiPNy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-CuyTiPNy.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/RightsWrapper-CwfoSSsa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-CwfoSSsa.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/RightsWrapper-Dfn3I70v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-Dfn3I70v.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/RightsWrapper-Du_voV0a.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-Du_voV0a.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/RightsWrapper-cUlJfjI3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-cUlJfjI3.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/RubriqueFilter-CM7kr6ig.mjs.map

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

package/dist/RubriqueFilter-CZDYRGY1.mjs.map

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

package/dist/RubriqueFilter-ChiOg_xE.mjs.map

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