@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/RecaptchaModal-DlThDzSF.mjs

@@ -0,0 +1,119 @@
+import { t as ClassicLoading_default } from "./ClassicLoading-DZLIyuUd.mjs";
+import { E as state } from "./classicApi-BKNiWOG4.mjs";
+import { t as ClassicModal_default } from "./ClassicModal-DbRPVcJr.mjs";
+import { t as CHECK_TOKEN_KEY } from "./keys-TjlLYNQE.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, openBlock, ref, renderSlot, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import { VueRecaptcha } from "vue-recaptcha";
+//#region src/components/display/comments/modal/RecaptchaModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-center text-danger" };
+var _hoisted_2 = {
+	key: 2,
+	class: "text-center h3"
+};
+var _hoisted_3 = ["disabled"];
+//#endregion
+//#region src/components/display/comments/modal/RecaptchaModal.vue
+var RecaptchaModal_default = /* @__PURE__ */ defineComponent({
+	__name: "RecaptchaModal",
+	props: {
+		idModal: {
+			default: void 0,
+			type: String
+		},
+		titleModal: {
+			default: void 0,
+			type: String
+		},
+		disableValidate: {
+			default: false,
+			type: Boolean
+		},
+		errorText: {
+			default: void 0,
+			type: String
+		},
+		successText: {
+			default: void 0,
+			type: String
+		}
+	},
+	emits: ["close", "validate"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const sendError = ref(false);
+		const isVerify = ref(false);
+		const isInTreatment = ref(false);
+		const captchRef = useTemplateRef("invisibleRecaptcha");
+		const { t } = useI18n();
+		const checkToken = inject(CHECK_TOKEN_KEY, async () => true);
+		const errorRecaptchaText = computed(() => {
+			if (isCaptchaTest.value) return t("Recaptcha not active");
+			return sendError.value ? t("Recaptcha error") : "";
+		});
+		const isCaptchaTest = computed(() => state.generalParameters.isCaptchaTest);
+		async function handleSuccess(token) {
+			isVerify.value = await checkToken(token);
+			sendAction();
+		}
+		function handleError() {
+			isVerify.value = false;
+			sendError.value = true;
+		}
+		async function submit() {
+			isInTreatment.value = true;
+			if (!isVerify.value && !isCaptchaTest.value) (captchRef?.value).execute();
+			sendAction();
+		}
+		function closePopup() {
+			emit("close");
+		}
+		function sendAction() {
+			emit("validate");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ClassicModal_default, {
+				"id-modal": __props.idModal,
+				"title-modal": __props.titleModal,
+				closable: false,
+				onClose: closePopup
+			}, {
+				body: withCtx(() => [
+					createElementVNode("div", _hoisted_1, toDisplayString(errorRecaptchaText.value), 1),
+					!isInTreatment.value ? renderSlot(_ctx.$slots, "form", { key: 0 }) : (openBlock(), createBlock(ClassicLoading_default, {
+						key: 1,
+						"loading-text": isInTreatment.value && !__props.errorText && !__props.successText ? unref(t)("Loading content ...") : void 0,
+						"error-text": __props.errorText
+					}, null, 8, ["loading-text", "error-text"])),
+					__props.successText ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.successText), 1)) : createCommentVNode("", true)
+				]),
+				footer: withCtx(() => [
+					createElementVNode("button", {
+						class: "btn m-1",
+						onClick: closePopup
+					}, toDisplayString(unref(t)("Close")), 1),
+					!isVerify.value ? (openBlock(), createBlock(unref(VueRecaptcha), {
+						key: 0,
+						ref: "invisibleRecaptcha",
+						"load-recaptcha-script": true,
+						size: "invisible",
+						sitekey: "6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh",
+						onVerify: handleSuccess,
+						onExpired: handleError
+					}, null, 512)) : createCommentVNode("", true),
+					!__props.errorText && !__props.successText ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						class: "btn btn-primary m-1",
+						disabled: __props.disableValidate || isInTreatment.value,
+						onClick: submit
+					}, toDisplayString(unref(t)("Yes")), 9, _hoisted_3)) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, ["id-modal", "title-modal"]);
+		};
+	}
+});
+//#endregion
+export { RecaptchaModal_default as t };
+
+//# sourceMappingURL=RecaptchaModal-DlThDzSF.mjs.map

package/dist/RecaptchaModal-DlThDzSF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecaptchaModal-DlThDzSF.mjs","names":[],"sources":["../src/components/display/comments/modal/RecaptchaModal.vue","../src/components/display/comments/modal/RecaptchaModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    :id-modal=\"idModal\"\n    :title-modal=\"titleModal\"\n    :closable=\"false\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"text-center text-danger\">{{ errorRecaptchaText }}</div>\n      <slot v-if=\"!isInTreatment\" name=\"form\" />\n      <ClassicLoading\n        v-else\n        :loading-text=\"\n          isInTreatment && !errorText && !successText\n            ? t('Loading content ...')\n            : undefined\n        \"\n        :error-text=\"errorText\"\n      />\n      <div v-if=\"successText\" class=\"text-center h3\">{{ successText }}</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n      <vue-recaptcha\n        v-if=\"!isVerify\"\n        ref=\"invisibleRecaptcha\"\n        :load-recaptcha-script=\"true\"\n        size=\"invisible\"\n        sitekey=\"6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh\"\n        @verify=\"handleSuccess\"\n        @expired=\"handleError\"\n      />\n      <button\n        v-if=\"!errorText && !successText\"\n        class=\"btn btn-primary m-1\"\n        :disabled=\"disableValidate || isInTreatment\"\n        @click=\"submit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../../form/ClassicLoading.vue\";\nimport ClassicModal from \"../../../misc/modal/ClassicModal.vue\";\nimport { CHECK_TOKEN_KEY } from \"../../../composable/keys\";\nimport { VueRecaptcha } from \"vue-recaptcha\";\nimport { computed, inject, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  idModal: { default: undefined, type: String },\n  titleModal: { default: undefined, type: String },\n  disableValidate: { default: false, type: Boolean },\n  errorText: { default: undefined, type: String },\n  successText: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst sendError = ref(false);\nconst isVerify = ref(false);\nconst isInTreatment = ref(false);\nconst captchRef = useTemplateRef('invisibleRecaptcha');\n\n\n//Composables\nconst { t } = useI18n();\n// checkToken is not defined in the SDK: it is resolved at runtime from the\n// consuming app's globally provided implementation (app.provide()), and\n// defaults to always-verified when the app hasn't provided one.\nconst checkToken = inject(CHECK_TOKEN_KEY, async () => true);\n\n//Computed\nconst errorRecaptchaText = computed(() =>{\n  if (isCaptchaTest.value) {\n    return t(\"Recaptcha not active\");\n  }\n  return sendError.value ? t(\"Recaptcha error\") : \"\";\n});\nconst isCaptchaTest = computed(() => state.generalParameters.isCaptchaTest as boolean);\n\n\n//Methods\nasync function handleSuccess(token: string) {\n  isVerify.value = await checkToken(token);\n  sendAction();\n}\nfunction handleError() {\n  isVerify.value = false;\n  sendError.value = true;\n}\nasync function submit(): Promise<void> {\n  isInTreatment.value = true;\n  if (!isVerify.value && !isCaptchaTest.value) {\n    (captchRef?.value as InstanceType<typeof VueRecaptcha>).execute();\n  }\n  sendAction();\n}\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction sendAction(): void {\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <ClassicModal\n    :id-modal=\"idModal\"\n    :title-modal=\"titleModal\"\n    :closable=\"false\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"text-center text-danger\">{{ errorRecaptchaText }}</div>\n      <slot v-if=\"!isInTreatment\" name=\"form\" />\n      <ClassicLoading\n        v-else\n        :loading-text=\"\n          isInTreatment && !errorText && !successText\n            ? t('Loading content ...')\n            : undefined\n        \"\n        :error-text=\"errorText\"\n      />\n      <div v-if=\"successText\" class=\"text-center h3\">{{ successText }}</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n      <vue-recaptcha\n        v-if=\"!isVerify\"\n        ref=\"invisibleRecaptcha\"\n        :load-recaptcha-script=\"true\"\n        size=\"invisible\"\n        sitekey=\"6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh\"\n        @verify=\"handleSuccess\"\n        @expired=\"handleError\"\n      />\n      <button\n        v-if=\"!errorText && !successText\"\n        class=\"btn btn-primary m-1\"\n        :disabled=\"disableValidate || isInTreatment\"\n        @click=\"submit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../../form/ClassicLoading.vue\";\nimport ClassicModal from \"../../../misc/modal/ClassicModal.vue\";\nimport { CHECK_TOKEN_KEY } from \"../../../composable/keys\";\nimport { VueRecaptcha } from \"vue-recaptcha\";\nimport { computed, inject, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  idModal: { default: undefined, type: String },\n  titleModal: { default: undefined, type: String },\n  disableValidate: { default: false, type: Boolean },\n  errorText: { default: undefined, type: String },\n  successText: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst sendError = ref(false);\nconst isVerify = ref(false);\nconst isInTreatment = ref(false);\nconst captchRef = useTemplateRef('invisibleRecaptcha');\n\n\n//Composables\nconst { t } = useI18n();\n// checkToken is not defined in the SDK: it is resolved at runtime from the\n// consuming app's globally provided implementation (app.provide()), and\n// defaults to always-verified when the app hasn't provided one.\nconst checkToken = inject(CHECK_TOKEN_KEY, async () => true);\n\n//Computed\nconst errorRecaptchaText = computed(() =>{\n  if (isCaptchaTest.value) {\n    return t(\"Recaptcha not active\");\n  }\n  return sendError.value ? t(\"Recaptcha error\") : \"\";\n});\nconst isCaptchaTest = computed(() => state.generalParameters.isCaptchaTest as boolean);\n\n\n//Methods\nasync function handleSuccess(token: string) {\n  isVerify.value = await checkToken(token);\n  sendAction();\n}\nfunction handleError() {\n  isVerify.value = false;\n  sendError.value = true;\n}\nasync function submit(): Promise<void> {\n  isInTreatment.value = true;\n  if (!isVerify.value && !isCaptchaTest.value) {\n    (captchRef?.value as InstanceType<typeof VueRecaptcha>).execute();\n  }\n  sendAction();\n}\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction sendAction(): void {\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEA,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,gBAAgB,IAAI,KAAK;EAC/B,MAAM,YAAY,eAAe,oBAAoB;EAIrD,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,aAAa,OAAO,iBAAiB,YAAY,IAAI;EAG3D,MAAM,qBAAqB,eAAc;GACvC,IAAI,cAAc,OAChB,OAAO,EAAE,sBAAsB;GAEjC,OAAO,UAAU,QAAQ,EAAE,iBAAiB,IAAI;EAClD,CAAC;EACD,MAAM,gBAAgB,eAAe,MAAM,kBAAkB,aAAwB;EAIrF,eAAe,cAAc,OAAe;GAC1C,SAAS,QAAQ,MAAM,WAAW,KAAK;GACvC,WAAW;EACb;EACA,SAAS,cAAc;GACrB,SAAS,QAAQ;GACjB,UAAU,QAAQ;EACpB;EACA,eAAe,SAAwB;GACrC,cAAc,QAAQ;GACtB,IAAI,CAAC,SAAS,SAAS,CAAC,cAAc,OACpC,CAAC,WAAW,OAA4C,QAAQ;GAElE,WAAW;EACb;EACA,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,aAAmB;GAC1B,KAAK,UAAU;EACjB;;uBA/GE,YA0Ce,sBAAA;IAzCZ,YAAU,QAAA;IACV,eAAa,QAAA;IACb,UAAU;IACV,SAAO;;IAEG,MAAI,cACsD;KAAnE,mBAAmE,OAAnE,YAAmE,gBAA3B,mBAAA,KAAkB,GAAA,CAAA;MAC7C,cAAA,QAAb,WAA0C,KAAA,QAAA,QAAA,EAAA,KAAA,EAAA,CAAA,KAAA,UAAA,GAC1C,YAQE,wBAAA;;MANC,gBAAyB,cAAA,SAAa,CAAK,QAAA,aAAS,CAAK,QAAA,cAA0B,MAAA,CAAA,EAAC,qBAAA,IAAsC,KAAA;MAK1H,cAAY,QAAA;;KAEJ,QAAA,eAAA,UAAA,GAAX,mBAAsE,OAAtE,YAAsE,gBAApB,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;IAEpD,QAAM,cAGN;KAFT,mBAES,UAAA;MAFD,OAAM;MAAW,SAAO;wBAC3B,MAAA,CAAA,EAAC,OAAA,CAAA,GAAA,CAAA;MAGG,SAAA,SAAA,UAAA,GADT,YAQE,MAAA,YAAA,GAAA;;MANA,KAAI;MACH,yBAAuB;MACxB,MAAK;MACL,SAAQ;MACP,UAAQ;MACR,WAAS;;MAGH,QAAA,aAAS,CAAK,QAAA,eAAA,UAAA,GADvB,mBAOS,UAAA;;MALP,OAAM;MACL,UAAU,QAAA,mBAAmB,cAAA;MAC7B,SAAO;wBAEL,MAAA,CAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/ReportAbuseModal-BfYBle6z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportAbuseModal-BfYBle6z.mjs","names":[],"sources":["../src/components/display/comments/modal/ReportAbuseModal.vue","../src/components/display/comments/modal/ReportAbuseModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"report-abuse-modal\"\n    :title-modal=\"t('Report abuse')\"\n    :disable-validate=\"errorName || abuseDescriptionError\"\n    :error-text=\"errorSendAbuse\"\n    :success-text=\"successText\"\n    @close=\"emit('close')\"\n    @validate=\"reportAbuse\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-if=\"!commentStore.commentUser?.name\"\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-user-name\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n      <ClassicInputText\n        v-model:text-init=\"abuseDescription\"\n        v-model:error-variable=\"abuseDescriptionError\"\n        :is-textarea=\"true\"\n        input-id=\"abuse-description\"\n        :label=\"t('Describe the reason for the report')\"\n        :max-length=\"Constants.MAX_COMMENT\"\n        :focus=\"true\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport classicApi from \"../../../../api/classicApi\";\nimport {\n  CommentAbuseInfo,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  comment: { default: undefined, type: Object as () => CommentPodcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n//Data \nconst errorName = ref(false);\nconst name: Ref<string | undefined> = ref(undefined);\nconst abuseDescription: Ref<string | undefined> = ref(undefined);\nconst abuseDescriptionError = ref(true);\nconst errorSendAbuse: Ref<string | undefined> = ref(undefined);\nconst successText: Ref<string | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n//Methods\nasync function reportAbuse(): Promise<void> {\n  if (!commentStore.commentUser?.name) {\n    commentStore.setCommentUser(name.value ?? \"\");\n  }\n  try {\n    const abuseObject = {\n      commentId: props.comment?.commentId,\n      description: abuseDescription.value,\n      uuid: commentStore.commentUser?.uuid,\n    };\n    const commentAbuseInfo = await classicApi.postData<CommentAbuseInfo>({\n      api: 2,\n      path: \"abuse/\",\n      dataToSend: abuseObject,\n    });\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{ abuse: commentAbuseInfo.abuseCount },\n    });\n    successText.value = t(\"Thank you for reporting abuse\");\n  } catch {\n    errorSendAbuse.value = t(\n      \"Error occurs while post your comment...\",\n    );\n  }\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"report-abuse-modal\"\n    :title-modal=\"t('Report abuse')\"\n    :disable-validate=\"errorName || abuseDescriptionError\"\n    :error-text=\"errorSendAbuse\"\n    :success-text=\"successText\"\n    @close=\"emit('close')\"\n    @validate=\"reportAbuse\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-if=\"!commentStore.commentUser?.name\"\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-user-name\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n      <ClassicInputText\n        v-model:text-init=\"abuseDescription\"\n        v-model:error-variable=\"abuseDescriptionError\"\n        :is-textarea=\"true\"\n        input-id=\"abuse-description\"\n        :label=\"t('Describe the reason for the report')\"\n        :max-length=\"Constants.MAX_COMMENT\"\n        :focus=\"true\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport classicApi from \"../../../../api/classicApi\";\nimport {\n  CommentAbuseInfo,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  comment: { default: undefined, type: Object as () => CommentPodcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n//Data \nconst errorName = ref(false);\nconst name: Ref<string | undefined> = ref(undefined);\nconst abuseDescription: Ref<string | undefined> = ref(undefined);\nconst abuseDescriptionError = ref(true);\nconst errorSendAbuse: Ref<string | undefined> = ref(undefined);\nconst successText: Ref<string | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n//Methods\nasync function reportAbuse(): Promise<void> {\n  if (!commentStore.commentUser?.name) {\n    commentStore.setCommentUser(name.value ?? \"\");\n  }\n  try {\n    const abuseObject = {\n      commentId: props.comment?.commentId,\n      description: abuseDescription.value,\n      uuid: commentStore.commentUser?.uuid,\n    };\n    const commentAbuseInfo = await classicApi.postData<CommentAbuseInfo>({\n      api: 2,\n      path: \"abuse/\",\n      dataToSend: abuseObject,\n    });\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{ abuse: commentAbuseInfo.abuseCount },\n    });\n    successText.value = t(\"Thank you for reporting abuse\");\n  } catch {\n    errorSendAbuse.value = t(\n      \"Error occurs while post your comment...\",\n    );\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkDA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,OAAgC,IAAI,KAAA,CAAS;EACnD,MAAM,mBAA4C,IAAI,KAAA,CAAS;EAC/D,MAAM,wBAAwB,IAAI,IAAI;EACtC,MAAM,iBAA0C,IAAI,KAAA,CAAS;EAC7D,MAAM,cAAuC,IAAI,KAAA,CAAS;EAI1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAGrC,eAAe,cAA6B;GAC1C,IAAI,CAAC,aAAa,aAAa,MAC7B,aAAa,eAAe,KAAK,SAAS,EAAE;GAE9C,IAAI;IACF,MAAM,cAAc;KAClB,WAAW,MAAM,SAAS;KAC1B,aAAa,iBAAiB;KAC9B,MAAM,aAAa,aAAa;IAClC;IACA,MAAM,mBAAmB,MAAM,mBAAW,SAA2B;KACnE,KAAK;KACL,MAAM;KACN,YAAY;IACd,CAAC;IACD,KAAK,kBAAkB;KACrB,GAAG,MAAM;KACJ,OAAO,iBAAiB;IAC/B,CAAC;IACD,YAAY,QAAQ,EAAE,+BAA+B;GACvD,QAAQ;IACN,eAAe,QAAQ,EACrB,yCACF;GACF;EACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBC/FE,YA+BiB,OAAA,mBAAA;EA9Bf,YAAS;EACR,eAAa,OAAA,EAAC,cAAA;EACd,oBAAkB,OAAA,aAAa,OAAA;EAC/B,cAAY,OAAA;EACZ,gBAAc,OAAA;EACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAWX,CAAA,CATO,OAAA,aAAa,aAAa,QAAA,UAAA,GADnC,YAUE,OAAA,qBAAA;;GARQ,aAAW,OAAA;8DAAA,OAAA,OAAI;GACf,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,wBAAA;GACR,cAAY,OAAA,UAAU;GACtB,aAAa,OAAA,EAAC,WAAA;GACf,qBAAkB;;;;;;;0CAEpB,YAQE,OAAA,qBAAA;GAPQ,aAAW,OAAA;8DAAA,OAAA,mBAAgB;GAC3B,kBAAgB,OAAA;mEAAA,OAAA,wBAAqB;GAC5C,eAAa;GACd,YAAS;GACR,OAAO,OAAA,EAAC,oCAAA;GACR,cAAY,OAAA,UAAU;GACtB,OAAO"}

package/dist/ReportAbuseModal-Bnhfpowa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportAbuseModal-Bnhfpowa.mjs","names":[],"sources":["../src/components/display/comments/modal/ReportAbuseModal.vue","../src/components/display/comments/modal/ReportAbuseModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"report-abuse-modal\"\n    :title-modal=\"t('Report abuse')\"\n    :disable-validate=\"errorName || abuseDescriptionError\"\n    :error-text=\"errorSendAbuse\"\n    :success-text=\"successText\"\n    @close=\"emit('close')\"\n    @validate=\"reportAbuse\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-if=\"!commentStore.commentUser?.name\"\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-user-name\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n      <ClassicInputText\n        v-model:text-init=\"abuseDescription\"\n        v-model:error-variable=\"abuseDescriptionError\"\n        :is-textarea=\"true\"\n        input-id=\"abuse-description\"\n        :label=\"t('Describe the reason for the report')\"\n        :max-length=\"Constants.MAX_COMMENT\"\n        :focus=\"true\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport classicApi from \"../../../../api/classicApi\";\nimport {\n  CommentAbuseInfo,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  comment: { default: undefined, type: Object as () => CommentPodcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n//Data \nconst errorName = ref(false);\nconst name: Ref<string | undefined> = ref(undefined);\nconst abuseDescription: Ref<string | undefined> = ref(undefined);\nconst abuseDescriptionError = ref(true);\nconst errorSendAbuse: Ref<string | undefined> = ref(undefined);\nconst successText: Ref<string | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n//Methods\nasync function reportAbuse(): Promise<void> {\n  if (!commentStore.commentUser?.name) {\n    commentStore.setCommentUser(name.value ?? \"\");\n  }\n  try {\n    const abuseObject = {\n      commentId: props.comment?.commentId,\n      description: abuseDescription.value,\n      uuid: commentStore.commentUser?.uuid,\n    };\n    const commentAbuseInfo = await classicApi.postData<CommentAbuseInfo>({\n      api: 2,\n      path: \"abuse/\",\n      dataToSend: abuseObject,\n    });\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{ abuse: commentAbuseInfo.abuseCount },\n    });\n    successText.value = t(\"Thank you for reporting abuse\");\n  } catch {\n    errorSendAbuse.value = t(\n      \"Error occurs while post your comment...\",\n    );\n  }\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"report-abuse-modal\"\n    :title-modal=\"t('Report abuse')\"\n    :disable-validate=\"errorName || abuseDescriptionError\"\n    :error-text=\"errorSendAbuse\"\n    :success-text=\"successText\"\n    @close=\"emit('close')\"\n    @validate=\"reportAbuse\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-if=\"!commentStore.commentUser?.name\"\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-user-name\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n      <ClassicInputText\n        v-model:text-init=\"abuseDescription\"\n        v-model:error-variable=\"abuseDescriptionError\"\n        :is-textarea=\"true\"\n        input-id=\"abuse-description\"\n        :label=\"t('Describe the reason for the report')\"\n        :max-length=\"Constants.MAX_COMMENT\"\n        :focus=\"true\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport classicApi from \"../../../../api/classicApi\";\nimport {\n  CommentAbuseInfo,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  comment: { default: undefined, type: Object as () => CommentPodcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n//Data \nconst errorName = ref(false);\nconst name: Ref<string | undefined> = ref(undefined);\nconst abuseDescription: Ref<string | undefined> = ref(undefined);\nconst abuseDescriptionError = ref(true);\nconst errorSendAbuse: Ref<string | undefined> = ref(undefined);\nconst successText: Ref<string | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n//Methods\nasync function reportAbuse(): Promise<void> {\n  if (!commentStore.commentUser?.name) {\n    commentStore.setCommentUser(name.value ?? \"\");\n  }\n  try {\n    const abuseObject = {\n      commentId: props.comment?.commentId,\n      description: abuseDescription.value,\n      uuid: commentStore.commentUser?.uuid,\n    };\n    const commentAbuseInfo = await classicApi.postData<CommentAbuseInfo>({\n      api: 2,\n      path: \"abuse/\",\n      dataToSend: abuseObject,\n    });\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{ abuse: commentAbuseInfo.abuseCount },\n    });\n    successText.value = t(\"Thank you for reporting abuse\");\n  } catch {\n    errorSendAbuse.value = t(\n      \"Error occurs while post your comment...\",\n    );\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAkDA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,OAAgC,IAAI,KAAA,CAAS;EACnD,MAAM,mBAA4C,IAAI,KAAA,CAAS;EAC/D,MAAM,wBAAwB,IAAI,IAAI;EACtC,MAAM,iBAA0C,IAAI,KAAA,CAAS;EAC7D,MAAM,cAAuC,IAAI,KAAA,CAAS;EAI1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAGrC,eAAe,cAA6B;GAC1C,IAAI,CAAC,aAAa,aAAa,MAC7B,aAAa,eAAe,KAAK,SAAS,EAAE;GAE9C,IAAI;IACF,MAAM,cAAc;KAClB,WAAW,MAAM,SAAS;KAC1B,aAAa,iBAAiB;KAC9B,MAAM,aAAa,aAAa;IAClC;IACA,MAAM,mBAAmB,MAAM,mBAAW,SAA2B;KACnE,KAAK;KACL,MAAM;KACN,YAAY;IACd,CAAC;IACD,KAAK,kBAAkB;KACrB,GAAG,MAAM;KACJ,OAAO,iBAAiB;IAC/B,CAAC;IACD,YAAY,QAAQ,EAAE,+BAA+B;GACvD,QAAQ;IACN,eAAe,QAAQ,EACrB,yCACF;GACF;EACF;;uBA/FE,YA+BiB,wBAAA;IA9Bf,YAAS;IACR,eAAa,MAAA,CAAA,EAAC,cAAA;IACd,oBAAkB,UAAA,SAAa,sBAAA;IAC/B,cAAY,eAAA;IACZ,gBAAc,YAAA;IACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IACX,YAAU;;IAEA,MAAI,cAWX,CAAA,CATO,MAAA,YAAA,EAAa,aAAa,QAAA,UAAA,GADnC,YAUE,0BAAA;;KARQ,aAAW,KAAA;qEAAI,QAAA;KACf,kBAAgB,UAAA;+EAAS,QAAA;KACjC,YAAS;KACT,OAAA;KACC,OAAO,MAAA,CAAA,EAAC,wBAAA;KACR,cAAY,MAAA,cAAA,EAAU;KACtB,aAAa,MAAA,CAAA,EAAC,WAAA;KACf,qBAAkB;;;;;;;wCAEpB,YAQE,0BAAA;KAPQ,aAAW,iBAAA;iFAAgB,QAAA;KAC3B,kBAAgB,sBAAA;2FAAqB,QAAA;KAC5C,eAAa;KACd,YAAS;KACR,OAAO,MAAA,CAAA,EAAC,oCAAA;KACR,cAAY,MAAA,cAAA,EAAU;KACtB,OAAO"}

package/dist/ReportAbuseModal-Pd8P9tNB.mjs

@@ -0,0 +1,107 @@
+import { t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { t as useCommentStore } from "./CommentStore-BjQ0AGHa.mjs";
+import { t as config_default } from "./config-C73GMJpz.mjs";
+import { t as ClassicInputText_default } from "./ClassicInputText-adAE0MPy.mjs";
+import { t as RecaptchaModal_default } from "./RecaptchaModal-DlThDzSF.mjs";
+import { createBlock, createCommentVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#endregion
+//#region src/components/display/comments/modal/ReportAbuseModal.vue
+var ReportAbuseModal_default = /* @__PURE__ */ defineComponent({
+	__name: "ReportAbuseModal",
+	props: { comment: {
+		default: void 0,
+		type: Object
+	} },
+	emits: ["close", "update:comment"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const errorName = ref(false);
+		const name = ref(void 0);
+		const abuseDescription = ref(void 0);
+		const abuseDescriptionError = ref(true);
+		const errorSendAbuse = ref(void 0);
+		const successText = ref(void 0);
+		const { t } = useI18n();
+		const commentStore = useCommentStore();
+		async function reportAbuse() {
+			if (!commentStore.commentUser?.name) commentStore.setCommentUser(name.value ?? "");
+			try {
+				const abuseObject = {
+					commentId: props.comment?.commentId,
+					description: abuseDescription.value,
+					uuid: commentStore.commentUser?.uuid
+				};
+				const commentAbuseInfo = await classicApi_default.postData({
+					api: 2,
+					path: "abuse/",
+					dataToSend: abuseObject
+				});
+				emit("update:comment", {
+					...props.comment,
+					abuse: commentAbuseInfo.abuseCount
+				});
+				successText.value = t("Thank you for reporting abuse");
+			} catch {
+				errorSendAbuse.value = t("Error occurs while post your comment...");
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RecaptchaModal_default, {
+				"id-modal": "report-abuse-modal",
+				"title-modal": unref(t)("Report abuse"),
+				"disable-validate": errorName.value || abuseDescriptionError.value,
+				"error-text": errorSendAbuse.value,
+				"success-text": successText.value,
+				onClose: _cache[4] || (_cache[4] = ($event) => emit("close")),
+				onValidate: reportAbuse
+			}, {
+				form: withCtx(() => [!unref(commentStore).commentUser?.name ? (openBlock(), createBlock(ClassicInputText_default, {
+					key: 0,
+					"text-init": name.value,
+					"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => name.value = $event),
+					"error-variable": errorName.value,
+					"onUpdate:errorVariable": _cache[1] || (_cache[1] = ($event) => errorName.value = $event),
+					"input-id": "comment-user-name",
+					focus: "",
+					label: unref(t)("Let's get acquainted :"),
+					"max-length": unref(config_default).MAX_COMMENT_NAME,
+					placeholder: unref(t)("Your name"),
+					"autocomplete-type": "name"
+				}, null, 8, [
+					"text-init",
+					"error-variable",
+					"label",
+					"max-length",
+					"placeholder"
+				])) : createCommentVNode("", true), createVNode(ClassicInputText_default, {
+					"text-init": abuseDescription.value,
+					"onUpdate:textInit": _cache[2] || (_cache[2] = ($event) => abuseDescription.value = $event),
+					"error-variable": abuseDescriptionError.value,
+					"onUpdate:errorVariable": _cache[3] || (_cache[3] = ($event) => abuseDescriptionError.value = $event),
+					"is-textarea": true,
+					"input-id": "abuse-description",
+					label: unref(t)("Describe the reason for the report"),
+					"max-length": unref(config_default).MAX_COMMENT,
+					focus: true
+				}, null, 8, [
+					"text-init",
+					"error-variable",
+					"label",
+					"max-length"
+				])]),
+				_: 1
+			}, 8, [
+				"title-modal",
+				"disable-validate",
+				"error-text",
+				"success-text"
+			]);
+		};
+	}
+});
+//#endregion
+export { ReportAbuseModal_default as default };
+
+//# sourceMappingURL=ReportAbuseModal-Pd8P9tNB.mjs.map

package/dist/ReportAbuseModal-Pd8P9tNB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportAbuseModal-Pd8P9tNB.mjs","names":[],"sources":["../src/components/display/comments/modal/ReportAbuseModal.vue","../src/components/display/comments/modal/ReportAbuseModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"report-abuse-modal\"\n    :title-modal=\"t('Report abuse')\"\n    :disable-validate=\"errorName || abuseDescriptionError\"\n    :error-text=\"errorSendAbuse\"\n    :success-text=\"successText\"\n    @close=\"emit('close')\"\n    @validate=\"reportAbuse\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-if=\"!commentStore.commentUser?.name\"\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-user-name\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n      <ClassicInputText\n        v-model:text-init=\"abuseDescription\"\n        v-model:error-variable=\"abuseDescriptionError\"\n        :is-textarea=\"true\"\n        input-id=\"abuse-description\"\n        :label=\"t('Describe the reason for the report')\"\n        :max-length=\"Constants.MAX_COMMENT\"\n        :focus=\"true\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport classicApi from \"../../../../api/classicApi\";\nimport {\n  CommentAbuseInfo,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  comment: { default: undefined, type: Object as () => CommentPodcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n//Data \nconst errorName = ref(false);\nconst name: Ref<string | undefined> = ref(undefined);\nconst abuseDescription: Ref<string | undefined> = ref(undefined);\nconst abuseDescriptionError = ref(true);\nconst errorSendAbuse: Ref<string | undefined> = ref(undefined);\nconst successText: Ref<string | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n//Methods\nasync function reportAbuse(): Promise<void> {\n  if (!commentStore.commentUser?.name) {\n    commentStore.setCommentUser(name.value ?? \"\");\n  }\n  try {\n    const abuseObject = {\n      commentId: props.comment?.commentId,\n      description: abuseDescription.value,\n      uuid: commentStore.commentUser?.uuid,\n    };\n    const commentAbuseInfo = await classicApi.postData<CommentAbuseInfo>({\n      api: 2,\n      path: \"abuse/\",\n      dataToSend: abuseObject,\n    });\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{ abuse: commentAbuseInfo.abuseCount },\n    });\n    successText.value = t(\"Thank you for reporting abuse\");\n  } catch {\n    errorSendAbuse.value = t(\n      \"Error occurs while post your comment...\",\n    );\n  }\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"report-abuse-modal\"\n    :title-modal=\"t('Report abuse')\"\n    :disable-validate=\"errorName || abuseDescriptionError\"\n    :error-text=\"errorSendAbuse\"\n    :success-text=\"successText\"\n    @close=\"emit('close')\"\n    @validate=\"reportAbuse\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-if=\"!commentStore.commentUser?.name\"\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-user-name\"\n        focus\n        :label=\"t('Let\\'s get acquainted :')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        :placeholder=\"t('Your name')\"\n        autocomplete-type=\"name\"\n      />\n      <ClassicInputText\n        v-model:text-init=\"abuseDescription\"\n        v-model:error-variable=\"abuseDescriptionError\"\n        :is-textarea=\"true\"\n        input-id=\"abuse-description\"\n        :label=\"t('Describe the reason for the report')\"\n        :max-length=\"Constants.MAX_COMMENT\"\n        :focus=\"true\"\n      />\n    </template>\n  </RecaptchaModal>\n</template>\n\n<script setup lang=\"ts\">\nimport Constants from \"../../../../../public/config\";\nimport ClassicInputText from \"../../../form/ClassicInputText.vue\";\nimport RecaptchaModal from \"./RecaptchaModal.vue\";\nimport { Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport classicApi from \"../../../../api/classicApi\";\nimport {\n  CommentAbuseInfo,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  comment: { default: undefined, type: Object as () => CommentPodcast },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"update:comment\"]);\n\n//Data \nconst errorName = ref(false);\nconst name: Ref<string | undefined> = ref(undefined);\nconst abuseDescription: Ref<string | undefined> = ref(undefined);\nconst abuseDescriptionError = ref(true);\nconst errorSendAbuse: Ref<string | undefined> = ref(undefined);\nconst successText: Ref<string | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n//Methods\nasync function reportAbuse(): Promise<void> {\n  if (!commentStore.commentUser?.name) {\n    commentStore.setCommentUser(name.value ?? \"\");\n  }\n  try {\n    const abuseObject = {\n      commentId: props.comment?.commentId,\n      description: abuseDescription.value,\n      uuid: commentStore.commentUser?.uuid,\n    };\n    const commentAbuseInfo = await classicApi.postData<CommentAbuseInfo>({\n      api: 2,\n      path: \"abuse/\",\n      dataToSend: abuseObject,\n    });\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{ abuse: commentAbuseInfo.abuseCount },\n    });\n    successText.value = t(\"Thank you for reporting abuse\");\n  } catch {\n    errorSendAbuse.value = t(\n      \"Error occurs while post your comment...\",\n    );\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAkDA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,OAAgC,IAAI,KAAA,CAAS;EACnD,MAAM,mBAA4C,IAAI,KAAA,CAAS;EAC/D,MAAM,wBAAwB,IAAI,IAAI;EACtC,MAAM,iBAA0C,IAAI,KAAA,CAAS;EAC7D,MAAM,cAAuC,IAAI,KAAA,CAAS;EAI1D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAGrC,eAAe,cAA6B;GAC1C,IAAI,CAAC,aAAa,aAAa,MAC7B,aAAa,eAAe,KAAK,SAAS,EAAE;GAE9C,IAAI;IACF,MAAM,cAAc;KAClB,WAAW,MAAM,SAAS;KAC1B,aAAa,iBAAiB;KAC9B,MAAM,aAAa,aAAa;IAClC;IACA,MAAM,mBAAmB,MAAM,mBAAW,SAA2B;KACnE,KAAK;KACL,MAAM;KACN,YAAY;IACd,CAAC;IACD,KAAK,kBAAkB;KACrB,GAAG,MAAM;KACJ,OAAO,iBAAiB;IAC/B,CAAC;IACD,YAAY,QAAQ,EAAE,+BAA+B;GACvD,QAAQ;IACN,eAAe,QAAQ,EACrB,yCACF;GACF;EACF;;uBA/FE,YA+BiB,wBAAA;IA9Bf,YAAS;IACR,eAAa,MAAA,CAAA,EAAC,cAAA;IACd,oBAAkB,UAAA,SAAa,sBAAA;IAC/B,cAAY,eAAA;IACZ,gBAAc,YAAA;IACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IACX,YAAU;;IAEA,MAAI,cAWX,CAAA,CATO,MAAA,YAAA,EAAa,aAAa,QAAA,UAAA,GADnC,YAUE,0BAAA;;KARQ,aAAW,KAAA;qEAAI,QAAA;KACf,kBAAgB,UAAA;+EAAS,QAAA;KACjC,YAAS;KACT,OAAA;KACC,OAAO,MAAA,CAAA,EAAC,wBAAA;KACR,cAAY,MAAA,cAAA,EAAU;KACtB,aAAa,MAAA,CAAA,EAAC,WAAA;KACf,qBAAkB;;;;;;;wCAEpB,YAQE,0BAAA;KAPQ,aAAW,iBAAA;iFAAgB,QAAA;KAC3B,kBAAgB,sBAAA;2FAAqB,QAAA;KAC5C,eAAa;KACd,YAAS;KACR,OAAO,MAAA,CAAA,EAAC,oCAAA;KACR,cAAY,MAAA,cAAA,EAAU;KACtB,OAAO"}

package/dist/RightsIndicator-COEtdoj_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsIndicator-COEtdoj_.mjs","names":[],"sources":["../src/components/display/RightsIndicator.vue","../src/components/display/RightsIndicator.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,OAAO,cAAM;EASnB,MAAM,QAAQ;EAEd,MAAM,EAAE,kBAAkB,WAAW,YAAY,mBAAmB,KAAK;;UApD3D,MAAA,gBAAA,KAAA,UAAA,GADV,mBAiCM,OAAA;;IA/BD,OAAK,eAAA,EAAA,QAAY,QAAA,OAAM,CAAA;IACxB,OAAM;QAGK,QAAA,QAAA,UAAA,GADX,YAagB,uBAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAVJ,KAAK,CAAA,GAAA;sBASX,EAVQ,SAAE,CAGZ,YAOE,MAAA,IAAA,GAAA;KANO;KACL,OAAK,eAAA,CAAC,yBAAuB,EAAA,WACR,MAAA,SAAA,EAAS,CAAA,CAAA;KAC9B,eAAY;KACZ,cAAW;KACV,MAAM,QAAA,SAAM,KAAA;;;;;;;2CAGrB,mBAaM,OAbN,YAaM,CAXQ,QAAA,QAAI,CAAK,MAAA,SAAA,KAAA,UAAA,GADnB,YAWe,sBAAA;;IATX,MAAK;;IAEM,MAAI,cAIT,CAHF,YAGE,MAAA,IAAA,GAAA;KAFE,eAAY;KACZ,cAAW;;2BAGnB,CAAA,gBADW,MACX,gBAAG,MAAA,OAAA,CAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/RightsIndicator-CZtSrb5K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsIndicator-CZtSrb5K.mjs","names":[],"sources":["../src/components/display/RightsIndicator.vue","../src/components/display/RightsIndicator.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,OAAO,cAAM;EASnB,MAAM,QAAQ;EAEd,MAAM,EAAE,kBAAkB,WAAW,YAAY,mBAAmB,KAAK;;UApD3D,MAAA,gBAAA,KAAA,UAAA,GADV,mBAiCM,OAAA;;IA/BD,OAAK,eAAA,EAAA,QAAY,QAAA,OAAM,CAAA;IACxB,OAAM;QAGK,QAAA,QAAA,UAAA,GADX,YAagB,uBAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAVJ,KAAK,CAAA,GAAA;sBASX,EAVQ,SAAE,CAGZ,YAOE,MAAA,IAAA,GAAA;KANO;KACL,OAAK,eAAA,CAAC,yBAAuB,EAAA,WACR,MAAA,SAAA,EAAS,CAAA,CAAA;KAC9B,eAAY;KACZ,cAAW;KACV,MAAM,QAAA,SAAM,KAAA;;;;;;;2CAGrB,mBAaM,OAbN,YAaM,CAXQ,QAAA,QAAI,CAAK,MAAA,SAAA,KAAA,UAAA,GADnB,YAWe,sBAAA;;IATX,MAAK;;IAEM,MAAI,cAIT,CAHF,YAGE,MAAA,IAAA,GAAA;KAFE,eAAY;KACZ,cAAW;;2BAGnB,CAAA,gBADW,MACX,gBAAG,MAAA,OAAA,CAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/RightsIndicator-DNmA3L9O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsIndicator-DNmA3L9O.mjs","names":[],"sources":["../src/components/display/RightsIndicator.vue","../src/components/display/RightsIndicator.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,OAAO,cAAM;EASnB,MAAM,QAAQ;EAEd,MAAM,EAAE,kBAAkB,WAAW,YAAY,mBAAmB,KAAK;;;;;;;;;;;;;;;;;;;;;CClC5D,aAAU;CAAS,eAAY;;;QAlB9B,OAAA,oBAAA,UAAA,GADV,mBAiCM,OAAA;;EA/BD,OAAK,eAAA,EAAA,QAAY,OAAA,OAAM,CAAA;EACxB,OAAM;MAGK,OAAA,QAAA,UAAA,GADX,YAagB,OAAA,kBAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAVJ,OAAA,KAAK,CAAA,GAAA;oBASX,EAVQ,SAAE,CAGZ,YAOE,OAAA,SAAA;GANO;GACL,OAAK,eAAA,CAAC,yBAAuB,EAAA,WACR,OAAA,UAAS,CAAA,CAAA;GAC9B,eAAY;GACZ,cAAW;GACV,MAAM,OAAA,SAAM,KAAA;;;;;;;6CAGrB,mBAaM,OAbN,YAaM,CAXQ,OAAA,QAAI,CAAK,OAAA,aAAA,UAAA,GADnB,YAWe,OAAA,iBAAA;;EATX,MAAK;;EAEM,MAAI,cAIT,CAHF,YAGE,OAAA,SAAA;GAFE,eAAY;GACZ,cAAW;;yBAGnB,CAAA,gBADW,MACX,gBAAG,OAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/RightsIndicator-DYhqEbAB.mjs

@@ -0,0 +1,69 @@
+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 { t as icons_default } from "./icons-B4eHXcRy.mjs";
+import { t as ClassicAlert_default } from "./ClassicAlert-D51F43qS.mjs";
+import { r as useRightsIndicator, t as RightsWrapper_default } from "./RightsWrapper-Cz5TnSUC.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/display/RightsIndicator.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"aria-live": "polite",
+	"aria-atomic": "true"
+};
+var RightsIndicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RightsIndicator",
+	props: {
+		podcast: { type: [Object, Boolean] },
+		action: {},
+		emission: { type: [Object, Boolean] },
+		cartouchier: { type: [Object, Boolean] },
+		mix: { type: [Object, Boolean] },
+		playlistMedia: { type: [Object, Boolean] },
+		media: { type: [Object, Boolean] },
+		promoVideoFor: {},
+		text: { type: Boolean },
+		inline: { type: Boolean }
+	},
+	setup(__props) {
+		const Icon = icons_default.RightsIndicator;
+		const props = __props;
+		const { displayIndicator, hasAccess, message } = useRightsIndicator(props);
+		return (_ctx, _cache) => {
+			return unref(displayIndicator) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass({ inline: __props.inline }),
+				title: ""
+			}, [!__props.text ? (openBlock(), createBlock(RightsWrapper_default, normalizeProps(mergeProps({ key: 0 }, props)), {
+				default: withCtx(({ id }) => [createVNode(unref(Icon), {
+					id,
+					class: normalizeClass(["rights-indicator-icon", { invisible: unref(hasAccess) }]),
+					"aria-hidden": "true",
+					"fill-color": "var(--octopus-primary)",
+					size: __props.inline ? 20 : 24
+				}, null, 8, [
+					"id",
+					"class",
+					"size"
+				])]),
+				_: 1
+			}, 16)) : createCommentVNode("", true), createElementVNode("div", _hoisted_1, [__props.text && !unref(hasAccess) ? (openBlock(), createBlock(ClassicAlert_default, {
+				key: 0,
+				type: "info"
+			}, {
+				icon: withCtx(() => [createVNode(unref(Icon), {
+					"aria-hidden": "true",
+					"fill-color": "var(--octopus-primary)"
+				})]),
+				default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(message)), 1)]),
+				_: 1
+			})) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/display/RightsIndicator.vue
+var RightsIndicator_exports = /* @__PURE__ */ __exportAll({ default: () => RightsIndicator_default });
+var RightsIndicator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RightsIndicator_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2fa75412"]]);
+//#endregion
+export { RightsIndicator_exports as n, RightsIndicator_default as t };
+
+//# sourceMappingURL=RightsIndicator-DYhqEbAB.mjs.map

package/dist/RightsIndicator-DYhqEbAB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsIndicator-DYhqEbAB.mjs","names":[],"sources":["../src/components/display/RightsIndicator.vue","../src/components/display/RightsIndicator.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,OAAO,cAAM;EASnB,MAAM,QAAQ;EAEd,MAAM,EAAE,kBAAkB,WAAW,YAAY,mBAAmB,KAAK;;UApD3D,MAAA,gBAAA,KAAA,UAAA,GADV,mBAiCM,OAAA;;IA/BD,OAAK,eAAA,EAAA,QAAY,QAAA,OAAM,CAAA;IACxB,OAAM;QAGK,QAAA,QAAA,UAAA,GADX,YAagB,uBAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAVJ,KAAK,CAAA,GAAA;sBASX,EAVQ,SAAE,CAGZ,YAOE,MAAA,IAAA,GAAA;KANO;KACL,OAAK,eAAA,CAAC,yBAAuB,EAAA,WACR,MAAA,SAAA,EAAS,CAAA,CAAA;KAC9B,eAAY;KACZ,cAAW;KACV,MAAM,QAAA,SAAM,KAAA;;;;;;;2CAGrB,mBAaM,OAbN,YAaM,CAXQ,QAAA,QAAI,CAAK,MAAA,SAAA,KAAA,UAAA,GADnB,YAWe,sBAAA;;IATX,MAAK;;IAEM,MAAI,cAIT,CAHF,YAGE,MAAA,IAAA,GAAA;KAFE,eAAY;KACZ,cAAW;;2BAGnB,CAAA,gBADW,MACX,gBAAG,MAAA,OAAA,CAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/RightsWrapper-BHIinXXL.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightsWrapper-CewAJoDY.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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"}