@saooti/octopus-sdk 42.1.0 → 42.1.1

package/dist/{CategoryPage-CsabctRT.mjs → CategoryPage-B_IUEC85.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { r as useFilterStore } from "./classicApi-DpwVUC0E.mjs";
 import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
-import { t as PodcastList_default } from "./PodcastList-Dkh7Kahu.mjs";
+import { t as PodcastList_default } from "./PodcastList-0qKdtTwt.mjs";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, watch } from "vue";
 //#region src/components/pages/CategoryPage.vue?vue&type=script&setup=true&lang.ts
 var CategoryPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -54,4 +54,4 @@ var CategoryPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Categ
 //#endregion
 export { CategoryPage_default as default };
 
-//# sourceMappingURL=CategoryPage-CsabctRT.mjs.map
+//# sourceMappingURL=CategoryPage-B_IUEC85.mjs.map

package/dist/{CheckIdentityModal-fNecycn-.mjs → CheckIdentityModal-Du2Jqur2.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as useCommentStore } from "./CommentStore-DAa7RQ_3.mjs";
 import { t as config_default } from "./config-C73GMJpz.mjs";
-import { t as ClassicInputText_default } from "./ClassicInputText-B7EAwP2N.mjs";
+import { t as ClassicInputText_default } from "./ClassicInputText-D2wR2cwa.mjs";
 import { t as RecaptchaModal_default } from "./RecaptchaModal-CxDPhjIv.mjs";
 import { computed, createBlock, createVNode, defineComponent, openBlock, ref, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
@@ -83,4 +83,4 @@ var CheckIdentityModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { CheckIdentityModal_default as default };
 
-//# sourceMappingURL=CheckIdentityModal-fNecycn-.mjs.map
+//# sourceMappingURL=CheckIdentityModal-Du2Jqur2.mjs.map

package/dist/CheckIdentityModal-Du2Jqur2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIdentityModal-Du2Jqur2.mjs","names":[],"sources":["../src/components/display/comments/modal/CheckIdentityModal.vue","../src/components/display/comments/modal/CheckIdentityModal.vue"],"sourcesContent":["<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\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    </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 { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <RecaptchaModal\n    id-modal=\"check-identity-modal\"\n    :title-modal=\"titleModal\"\n    :disable-validate=\"errorName\"\n    @close=\"emit('close')\"\n    @validate=\"updateName\"\n  >\n    <template #form>\n      <ClassicInputText\n        v-model:text-init=\"name\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"adserver-tag\"\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    </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 { computed, Ref, ref } from \"vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  title: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst errorName = ref(true);\nconst name: Ref<string | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst titleModal = computed(() => props.title ?? t(\"Welcome, thanks for your comment\"));\n\n//Methods\nfunction updateName(): void {\n  commentStore.setCommentUser(name.value ?? \"\");\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,OAAgC,IAAI,KAAA,CAAS;EAGnD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EAIrC,MAAM,aAAa,eAAe,MAAM,SAAS,EAAE,kCAAkC,CAAC;EAGtF,SAAS,aAAmB;GAC1B,aAAa,eAAe,KAAK,SAAS,EAAE;GAC5C,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;qBCvDE,YAmBiB,OAAA,mBAAA;EAlBf,YAAS;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,OAAA;EACX,YAAU,OAAA;;EAEA,MAAI,cAUX,CATF,YASE,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"}

package/dist/{ClassicAlert-dYigdfoZ.mjs → ClassicAlert-DUQplMvs.mjs}

@@ -1,7 +1,7 @@
 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 { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString } from "vue";
-import Alert from "vue-material-design-icons/Alert.vue";
+import AlertIcon from "vue-material-design-icons/Alert.vue";
 import CheckCircle from "vue-material-design-icons/CheckCircle.vue";
 import CloseCircle from "vue-material-design-icons/CloseCircle.vue";
 import Information from "vue-material-design-icons/Information.vue";
@@ -39,7 +39,7 @@ var ClassicAlert_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			iconComponent: computed(() => {
 				if (__props.type === "info") return Information;
 				else if (__props.type === "success") return CheckCircle;
-				else if (__props.type === "warning") return Alert;
+				else if (__props.type === "warning") return AlertIcon;
 				else if (__props.type === "error") return CloseCircle;
 				else return null;
 			})
@@ -82,4 +82,4 @@ var ClassicAlert_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Class
 //#endregion
 export { ClassicAlert_exports as n, ClassicAlert_default as t };
 
-//# sourceMappingURL=ClassicAlert-dYigdfoZ.mjs.map
+//# sourceMappingURL=ClassicAlert-DUQplMvs.mjs.map

package/dist/{ClassicInputText-B7EAwP2N.mjs → ClassicInputText-D2wR2cwa.mjs}

@@ -145,7 +145,7 @@ var ClassicInputText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
 		const ClassicPopover = defineAsyncComponent(() => import("./ClassicPopover-BIyLKorz.mjs").then((n) => n.n));
-		const ClassicWysiwyg = defineAsyncComponent(() => import("./ClassicWysiwyg-BKq8ExjM.mjs"));
+		const ClassicWysiwyg = defineAsyncComponent(() => import("./ClassicWysiwyg-Bew6KMXn.mjs"));
 		const ClassicEmojiPicker = defineAsyncComponent(() => import("./ClassicEmojiPicker-EQy5H_zL.mjs"));
 		const props = __props;
 		const emit = __emit;
@@ -368,4 +368,4 @@ var ClassicInputText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(C
 //#endregion
 export { ClassicInputText_exports as n, ClassicInputText_default as t };
 
-//# sourceMappingURL=ClassicInputText-B7EAwP2N.mjs.map
+//# sourceMappingURL=ClassicInputText-D2wR2cwa.mjs.map

package/dist/ClassicInputText-D2wR2cwa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicInputText-D2wR2cwa.mjs","names":[],"sources":["../src/components/form/ClassicInputText.vue","../src/components/form/ClassicInputText.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-column classic-input-text\"\n    :class=\"{ 'form-margin': displayLabel }\"\n  >\n    <div class=\"d-flex align-items-center\">\n      <slot name=\"complementLabel\" />\n      <component\n        :is=\"isWysiwyg? 'div': 'label'\"\n        :class=\"[classLabel, displayLabel ? '' : 'd-none']\"\n        :for=\"isWysiwyg ? '': computedInputId\"\n      >\n        {{ label }}\n        <AsteriskIcon\n          v-if=\"displayRequired\"\n          :size=\"10\"\n          class=\"ms-1 mb-2\"\n          :title=\"t('Mandatory input')\"\n        />\n      </component>\n      <slot name=\"afterTitle\" />\n      <template v-if=\"popover\">\n        <button\n          :id=\"'popover' + computedInputId\"\n          :title=\"t('Help')\"\n          class=\"btn-transparent\"\n        >\n          <HelpCircleIcon :size=\"30\" />\n        </button>\n\n        <ClassicPopover\n          :target=\"'popover' + computedInputId\"\n          popover-class=\"popover-z-index\"\n          :relative-class=\"popoverRelativeClass\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div v-html=\"popover\" />\n          <!-- eslint-enable -->\n        </ClassicPopover>\n      </template>\n      <slot name=\"afterHelp\" />\n    </div>\n    <slot name=\"betweenTitleInput\" />\n    <input\n      v-if=\"!isWysiwyg && !isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :type=\"typeInput\"\n      class=\"form-input\"\n      :placeholder=\"placeholder\"\n      :data-selenium=\"dataSelenium\"\n      :data-value=\"textValue\"\n      :maxlength=\"inputMaxLengthField\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n      :aria-required=\"!canBeNull\"\n      :autocomplete=\"autocompleteType\"\n      @blur=\"emit('blur')\"\n    >\n    <textarea\n      v-else-if=\"isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :data-selenium=\"dataSelenium\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n    />\n    <ClassicWysiwyg\n      v-else\n      v-show=\"showField\"\n      v-model:content=\"textValue\"\n      :error-description=\"\n        forceError || (isError && (undefined !== textValue || canBeNull))\n      \"\n      :is-disabled=\"isDisable || disabled\"\n    />\n    <div class=\"d-flex\">\n      <ClassicEmojiPicker\n        v-if=\"isEmojiPicker\"\n        :popover-relative-class=\"popoverRelativeClass\"\n        :is-top-position=\"true\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div\n        v-if=\"isWysiwyg\"\n        class=\"h6\"\n      >\n        {{ t(\"Characters number calculated over HTML code\") }}\n      </div>\n      <div\n        v-else-if=\"'' !== indicText\"\n        class=\"text-indic\"\n      >\n        {{ indicText }}\n      </div>\n      <div\n        v-else-if=\"\n          forceError || (isError && (undefined !== textValue || canBeNull))\n        \"\n        class=\"text-danger\"\n      >\n        {{ errorText }}\n      </div>\n      <p\n        v-if=\"0 !== maxLength && showField\"\n        class=\"counter-align-right\"\n        :class=\"{ 'text-danger': !valueLengthValid }\"\n      >\n        {{ countValue + \" / \" + maxLength }}\n      </p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AsteriskIcon from \"vue-material-design-icons/Asterisk.vue\";\nimport HelpCircleIcon from \"vue-material-design-icons/HelpCircle.vue\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch, getCurrentInstance } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\nconst ClassicWysiwyg = defineAsyncComponent(\n  () => import(\"./ClassicWysiwyg.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"./ClassicEmojiPicker.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  inputId: { default: \"\", type: String },\n  label: { default: \"\", type: String },\n  /** The input's value */\n  textInit: { default: undefined, type: String },\n  maxLength: { default: 0, type: Number },\n  errorText: { default: \"\", type: String },\n  isTextarea: { default: false, type: Boolean },\n  isWysiwyg: { default: false, type: Boolean },\n  /** A regex checked against the input, if the input doesn't match mark it with error */\n  regex: { default: undefined, type: RegExp },\n  canBeNull: { default: false, type: Boolean },\n  inputMaxLengthField: { default: undefined, type: Number },\n  errorVariable: { default: true, type: Boolean },\n  /**\n   * Disable the text input\n   * @deprecated Use `disabled` instead\n   */\n  isDisable: { default: false, type: Boolean },\n  /**\n   * Disable the text input\n   */\n  disabled: { default: false, type: Boolean },\n  indicText: { default: \"\", type: String },\n  dataSelenium: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n  popover: { default: undefined, type: String },\n  /**\n   * Display content but do not allow changes\n   */\n  readonly: { default: false, type: Boolean },\n  forceError: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  focus: { default: false, type: Boolean },\n  isEmojiPicker: { default: false, type: Boolean },\n  popoverRelativeClass: { default: undefined, type: String },\n  forceReload: { default: false, type: Boolean },\n  typeInput: { default: \"text\", type: String },\n  displayRequired: { default: false, type: Boolean },\n  classLabel: { default: \"form-label\", type: String },\n  showField: { default: true, type: Boolean },\n  autocompleteType: { default: \"off\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"update:errorVariable\", \"blur\"]);\n\n//Data \nconst textValue : Ref<string | undefined>= ref(undefined);\nconst focusElementRef = useTemplateRef('focusElement');\n\n//Composables \nconst { t } = useI18n();\n\n//Computed\nconst computedInputId = computed(() => props.inputId || 'input-' + getCurrentInstance()?.uid);\nconst isError = computed(() => !valueTrimValid.value || !valueLengthValid.value || !valueRegexValid.value);\nconst countValue = computed(() => {\n  if (textValue.value) {\n    return textValue.value.length;\n  }\n  return 0;\n});\nconst valueTrimValid = computed(() => {\n  if (!props.canBeNull) {\n    if (!textValue.value) {\n      return false;\n    }\n    return 0 !== textValue.value.trim().length;\n  }\n  return true;\n});\nconst valueLengthValid = computed(() => {\n  if (0 === props.maxLength) {\n    return true;\n  }\n  return props.maxLength >= countValue.value;\n});\nconst valueRegexValid = computed(() => {\n  if (props.regex === undefined) {\n    return true;\n  }\n  if (!textValue.value || \"\" === textValue.value) {\n    return props.canBeNull;\n  }\n  return textValue.value.match(props.regex) !== null;\n});\n  \n//Watch\nwatch(()=>props.forceReload, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\nwatch(isError, () => {\n  emit(\"update:errorVariable\", isError.value);\n});\nwatch(textValue, () => {\n  if (props.textInit !== textValue.value) {\n    emit(\"update:textInit\", textValue.value);\n  }\n});\nwatch(()=>props.textInit, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\n\n\nonMounted(()=>{\n  if (props.focus) {\n    (focusElementRef?.value as HTMLElement)?.focus();\n  }\n  textValue.value = props.textInit;\n  if (props.errorVariable !== isError.value) {\n    emit(\"update:errorVariable\", isError.value);\n  }\n\n  if (props.isTextarea) {\n    // Delay a scroll back to the top of the text area\n    scrollTimer = setTimeout(() => {\n      const textArea = document.getElementById(computedInputId.value);\n      if (textArea) {\n        textArea.scrollTop = 0;\n      }\n    }, 100);\n  }\n});\n\nlet scrollTimer: ReturnType<typeof setTimeout> | undefined;\nonUnmounted(() => {\n  clearTimeout(scrollTimer);\n});\n \n//Methods\nfunction addEmojiSelected(emoji: string) {\n  textValue.value = (textValue.value ?? \"\") + emoji;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .classic-input-text {\n  .text-indic {\n    font-style: italic;\n    font-size: 0.7rem;\n    color: var(--octopus-gray-text);\n  }\n\n  textarea {\n    height: auto;\n    min-height: 120px;\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"d-flex flex-column classic-input-text\"\n    :class=\"{ 'form-margin': displayLabel }\"\n  >\n    <div class=\"d-flex align-items-center\">\n      <slot name=\"complementLabel\" />\n      <component\n        :is=\"isWysiwyg? 'div': 'label'\"\n        :class=\"[classLabel, displayLabel ? '' : 'd-none']\"\n        :for=\"isWysiwyg ? '': computedInputId\"\n      >\n        {{ label }}\n        <AsteriskIcon\n          v-if=\"displayRequired\"\n          :size=\"10\"\n          class=\"ms-1 mb-2\"\n          :title=\"t('Mandatory input')\"\n        />\n      </component>\n      <slot name=\"afterTitle\" />\n      <template v-if=\"popover\">\n        <button\n          :id=\"'popover' + computedInputId\"\n          :title=\"t('Help')\"\n          class=\"btn-transparent\"\n        >\n          <HelpCircleIcon :size=\"30\" />\n        </button>\n\n        <ClassicPopover\n          :target=\"'popover' + computedInputId\"\n          popover-class=\"popover-z-index\"\n          :relative-class=\"popoverRelativeClass\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div v-html=\"popover\" />\n          <!-- eslint-enable -->\n        </ClassicPopover>\n      </template>\n      <slot name=\"afterHelp\" />\n    </div>\n    <slot name=\"betweenTitleInput\" />\n    <input\n      v-if=\"!isWysiwyg && !isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :type=\"typeInput\"\n      class=\"form-input\"\n      :placeholder=\"placeholder\"\n      :data-selenium=\"dataSelenium\"\n      :data-value=\"textValue\"\n      :maxlength=\"inputMaxLengthField\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n      :aria-required=\"!canBeNull\"\n      :autocomplete=\"autocompleteType\"\n      @blur=\"emit('blur')\"\n    >\n    <textarea\n      v-else-if=\"isTextarea\"\n      v-show=\"showField\"\n      :id=\"computedInputId\"\n      ref=\"focusElement\"\n      v-model=\"textValue\"\n      :data-selenium=\"dataSelenium\"\n      :placeholder=\"placeholder\"\n      :readonly=\"readonly ? 'readonly' : undefined\"\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger':\n          forceError || (isError && (undefined !== textValue || canBeNull)),\n      }\"\n      :disabled=\"isDisable || disabled\"\n      :required=\"!canBeNull\"\n    />\n    <ClassicWysiwyg\n      v-else\n      v-show=\"showField\"\n      v-model:content=\"textValue\"\n      :error-description=\"\n        forceError || (isError && (undefined !== textValue || canBeNull))\n      \"\n      :is-disabled=\"isDisable || disabled\"\n    />\n    <div class=\"d-flex\">\n      <ClassicEmojiPicker\n        v-if=\"isEmojiPicker\"\n        :popover-relative-class=\"popoverRelativeClass\"\n        :is-top-position=\"true\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div\n        v-if=\"isWysiwyg\"\n        class=\"h6\"\n      >\n        {{ t(\"Characters number calculated over HTML code\") }}\n      </div>\n      <div\n        v-else-if=\"'' !== indicText\"\n        class=\"text-indic\"\n      >\n        {{ indicText }}\n      </div>\n      <div\n        v-else-if=\"\n          forceError || (isError && (undefined !== textValue || canBeNull))\n        \"\n        class=\"text-danger\"\n      >\n        {{ errorText }}\n      </div>\n      <p\n        v-if=\"0 !== maxLength && showField\"\n        class=\"counter-align-right\"\n        :class=\"{ 'text-danger': !valueLengthValid }\"\n      >\n        {{ countValue + \" / \" + maxLength }}\n      </p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AsteriskIcon from \"vue-material-design-icons/Asterisk.vue\";\nimport HelpCircleIcon from \"vue-material-design-icons/HelpCircle.vue\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch, getCurrentInstance } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\nconst ClassicWysiwyg = defineAsyncComponent(\n  () => import(\"./ClassicWysiwyg.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"./ClassicEmojiPicker.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  inputId: { default: \"\", type: String },\n  label: { default: \"\", type: String },\n  /** The input's value */\n  textInit: { default: undefined, type: String },\n  maxLength: { default: 0, type: Number },\n  errorText: { default: \"\", type: String },\n  isTextarea: { default: false, type: Boolean },\n  isWysiwyg: { default: false, type: Boolean },\n  /** A regex checked against the input, if the input doesn't match mark it with error */\n  regex: { default: undefined, type: RegExp },\n  canBeNull: { default: false, type: Boolean },\n  inputMaxLengthField: { default: undefined, type: Number },\n  errorVariable: { default: true, type: Boolean },\n  /**\n   * Disable the text input\n   * @deprecated Use `disabled` instead\n   */\n  isDisable: { default: false, type: Boolean },\n  /**\n   * Disable the text input\n   */\n  disabled: { default: false, type: Boolean },\n  indicText: { default: \"\", type: String },\n  dataSelenium: { default: \"\", type: String },\n  placeholder: { default: \"\", type: String },\n  popover: { default: undefined, type: String },\n  /**\n   * Display content but do not allow changes\n   */\n  readonly: { default: false, type: Boolean },\n  forceError: { default: false, type: Boolean },\n  displayLabel: { default: true, type: Boolean },\n  focus: { default: false, type: Boolean },\n  isEmojiPicker: { default: false, type: Boolean },\n  popoverRelativeClass: { default: undefined, type: String },\n  forceReload: { default: false, type: Boolean },\n  typeInput: { default: \"text\", type: String },\n  displayRequired: { default: false, type: Boolean },\n  classLabel: { default: \"form-label\", type: String },\n  showField: { default: true, type: Boolean },\n  autocompleteType: { default: \"off\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:textInit\", \"update:errorVariable\", \"blur\"]);\n\n//Data \nconst textValue : Ref<string | undefined>= ref(undefined);\nconst focusElementRef = useTemplateRef('focusElement');\n\n//Composables \nconst { t } = useI18n();\n\n//Computed\nconst computedInputId = computed(() => props.inputId || 'input-' + getCurrentInstance()?.uid);\nconst isError = computed(() => !valueTrimValid.value || !valueLengthValid.value || !valueRegexValid.value);\nconst countValue = computed(() => {\n  if (textValue.value) {\n    return textValue.value.length;\n  }\n  return 0;\n});\nconst valueTrimValid = computed(() => {\n  if (!props.canBeNull) {\n    if (!textValue.value) {\n      return false;\n    }\n    return 0 !== textValue.value.trim().length;\n  }\n  return true;\n});\nconst valueLengthValid = computed(() => {\n  if (0 === props.maxLength) {\n    return true;\n  }\n  return props.maxLength >= countValue.value;\n});\nconst valueRegexValid = computed(() => {\n  if (props.regex === undefined) {\n    return true;\n  }\n  if (!textValue.value || \"\" === textValue.value) {\n    return props.canBeNull;\n  }\n  return textValue.value.match(props.regex) !== null;\n});\n  \n//Watch\nwatch(()=>props.forceReload, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\nwatch(isError, () => {\n  emit(\"update:errorVariable\", isError.value);\n});\nwatch(textValue, () => {\n  if (props.textInit !== textValue.value) {\n    emit(\"update:textInit\", textValue.value);\n  }\n});\nwatch(()=>props.textInit, () => {\n  if (props.textInit !== textValue.value) {\n    textValue.value = props.textInit;\n  }\n});\n\n\nonMounted(()=>{\n  if (props.focus) {\n    (focusElementRef?.value as HTMLElement)?.focus();\n  }\n  textValue.value = props.textInit;\n  if (props.errorVariable !== isError.value) {\n    emit(\"update:errorVariable\", isError.value);\n  }\n\n  if (props.isTextarea) {\n    // Delay a scroll back to the top of the text area\n    scrollTimer = setTimeout(() => {\n      const textArea = document.getElementById(computedInputId.value);\n      if (textArea) {\n        textArea.scrollTop = 0;\n      }\n    }, 100);\n  }\n});\n\nlet scrollTimer: ReturnType<typeof setTimeout> | undefined;\nonUnmounted(() => {\n  clearTimeout(scrollTimer);\n});\n \n//Methods\nfunction addEmojiSelected(emoji: string) {\n  textValue.value = (textValue.value ?? \"\") + emoji;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .classic-input-text {\n  .text-indic {\n    font-style: italic;\n    font-size: 0.7rem;\n    color: var(--octopus-gray-text);\n  }\n\n  textarea {\n    height: auto;\n    min-height: 120px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{ClassicWysiwyg-BKq8ExjM.mjs → ClassicWysiwyg-Bew6KMXn.mjs}

@@ -12,7 +12,7 @@ import FormatListNumberedIcon from "vue-material-design-icons/FormatListNumbered
 import { Editor, EditorContent } from "@tiptap/vue-3";
 import StarterKit from "@tiptap/starter-kit";
 import Underline from "@tiptap/extension-underline";
-import TextStyle from "@tiptap/extension-text-style";
+import { TextStyle } from "@tiptap/extension-text-style";
 import Link from "@tiptap/extension-link";
 import HardBreak from "@tiptap/extension-hard-break";
 //#region src/components/form/ClassicWysiwyg.vue?vue&type=script&setup=true&lang.ts
@@ -227,4 +227,4 @@ var ClassicWysiwyg_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Cla
 //#endregion
 export { ClassicWysiwyg_default as default };
 
-//# sourceMappingURL=ClassicWysiwyg-BKq8ExjM.mjs.map
+//# sourceMappingURL=ClassicWysiwyg-Bew6KMXn.mjs.map

package/dist/ClassicWysiwyg-Bew6KMXn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassicWysiwyg-Bew6KMXn.mjs","names":[],"sources":["../src/components/form/ClassicWysiwyg.vue","../src/components/form/ClassicWysiwyg.vue"],"sourcesContent":["<template>\n  <div class=\"wysiwyg-editor\">\n    <div v-if=\"editor\" class=\"editor-menubar\">\n      <button\n        :title=\"t('Bold')\"\n        data-selenium=\"Bold\"\n        :class=\"{ 'is-active': editor.isActive('bold') }\"\n        @click=\"editor.chain().focus().toggleBold().run()\"\n      >\n        <FormatBoldIcon />\n      </button>\n      <button\n        :title=\"t('Italic')\"\n        data-selenium=\"Italic\"\n        :class=\"{ 'is-active': editor.isActive('italic') }\"\n        @click=\"editor.chain().focus().toggleItalic().run()\"\n      >\n        <FormatItalicIcon />\n      </button>\n      <button\n        :title=\"t('Underline')\"\n        data-selenium=\"Underline\"\n        :class=\"{ 'is-active': editor.isActive('underline') }\"\n        @click=\"editor.chain().focus().toggleUnderline().run()\"\n      >\n        <FormatUnderlineIcon />\n      </button>\n      <button\n        :title=\"t('Link')\"\n        data-selenium=\"link\"\n        :class=\"{ 'is-active': editor.isActive('link') }\"\n        @click=\"setLink\"\n      >\n        <LinkVariantIcon />\n      </button>\n      <button\n        :title=\"t('Delete link')\"\n        data-selenium=\"unlink\"\n        :disabled=\"!editor.isActive('link')\"\n        @click=\"editor.chain().focus().unsetLink().run()\"\n      >\n        <LinkVariantOffIcon />\n      </button>\n      <button\n        :title=\"t('Heading3')\"\n        data-selenium=\"Heading3\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 3 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 3 }).run()\"\n      >\n        H3\n      </button>\n      <button\n        :title=\"t('Heading4')\"\n        data-selenium=\"Heading4\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 4 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 4 }).run()\"\n      >\n        H4\n      </button>\n      <button\n        :title=\"t('Line break')\"\n        data-selenium=\"lineBreak\"\n        @click=\"editor.chain().focus().setHardBreak().run()\"\n      >\n        <KeyboardReturnIcon />\n      </button>\n\n      <button\n        :title=\"t('UnorderedList')\"\n        data-selenium=\"UnorderedList\"\n        :class=\"{ 'is-active': editor.isActive('bulletList') }\"\n        @click=\"editor.chain().focus().toggleBulletList().run()\"\n      >\n        <FormatListBulletedIcon />\n      </button>\n      <button\n        :title=\"t('List')\"\n        data-selenium=\"List\"\n        :class=\"{ 'is-active': editor.isActive('orderedList') }\"\n        @click=\"editor.chain().focus().toggleOrderedList().run()\"\n      >\n        <FormatListNumberedIcon />\n      </button>\n      <button\n        :title=\"t('Display HTML')\"\n        data-selenium=\"Display-HTML\"\n        class=\"html-button\"\n        :class=\"{ 'is-active': isHtmlDisplay }\"\n        @click=\"isHtmlDisplay = !isHtmlDisplay\"\n      >\n        HTML\n      </button>\n    </div>\n    <editor-content\n      v-if=\"!isHtmlDisplay\"\n      class=\"form-input html-wysiwyg-content\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n      :editor=\"editor\"\n    />\n    <pre\n      v-else\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n    ><code>{{ html }}</code></pre>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport FormatBoldIcon from \"vue-material-design-icons/FormatBold.vue\";\nimport FormatItalicIcon from \"vue-material-design-icons/FormatItalic.vue\";\nimport FormatUnderlineIcon from \"vue-material-design-icons/FormatUnderline.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantOffIcon from \"vue-material-design-icons/LinkVariantOff.vue\";\nimport KeyboardReturnIcon from \"vue-material-design-icons/KeyboardReturn.vue\";\nimport FormatListBulletedIcon from \"vue-material-design-icons/FormatListBulleted.vue\";\nimport FormatListNumberedIcon from \"vue-material-design-icons/FormatListNumbered.vue\";\nimport { EditorContent, Editor } from \"@tiptap/vue-3\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport Link from \"@tiptap/extension-link\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport { onMounted, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  content: { default: undefined, type: String },\n  errorDescription: { default: false, type: Boolean },\n  isDisabled: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:content\"]);\n\n//Data \nconst isHtmlDisplay = ref(false);\nconst html = ref(props.content);\nconst editor: Ref<Editor | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(()=>props.content,() => {\n  if (props.content === html.value) {\n    return;\n  }\n  initContent();\n});\nwatch(()=>props.isDisabled,() => {\n  if (editor.value) {\n    editor.value.setOptions({\n      editable: true !== props.isDisabled,\n    });\n  }\n});\n\nonMounted(()=>{\n  editor.value = new Editor({\n    extensions: [\n      StarterKit,\n      Underline,\n      TextStyle,\n      Link.configure({\n        openOnClick: false,\n      }),\n      HardBreak,\n    ],\n    content: \"\",\n    editable: true !== props.isDisabled,\n    onUpdate: updateHtml,\n  });\n  initContent();\n})\n\nonUnmounted(()=>{\n  if (editor.value) {\n    editor.value.destroy();\n  }\n})\n\n//Methods\nfunction initContent(): void {\n  if (undefined !== props.content && editor.value && !editor.value.isFocused) {\n    editor.value.commands.setContent(props.content);\n    html.value = editor.value.getHTML();\n  }\n}\nfunction updateHtml(): void {\n  if (!editor.value) {return}\n  const plainText= editor.value.getText();\n  const regexHtml = /<(a|b|h3|h4|em|i|li|ol|p|strong|ul|u|br|span).*?/i\n  if(regexHtml.test(plainText)){\n    editor.value.commands.setContent(plainText);\n  }\n  html.value = editor.value.getHTML().trim();\n  const htmlHeart = html.value.substring(3, html.value.length - 4);\n  if (\n    html.value.startsWith(\"<p>\") &&\n    html.value.endsWith(\"</p>\") &&\n    !regexHtml.test(htmlHeart)\n  ) {\n    html.value = htmlHeart;\n  }\n  html.value = html.value.replaceAll(\"&nbsp;\", \" \");\n  emit(\"update:content\", html.value);\n}\nfunction setLink() {\n  if (!editor.value) {\n    return;\n  }\n  const previousUrl = editor.value.getAttributes(\"link\").href;\n  const url = window.prompt(\"URL\", previousUrl);\n  if (!url) {\n    return;\n  }\n  if (\"\" === url) {\n    editor.value.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    return;\n  }\n  editor.value\n    .chain()\n    .focus()\n    .extendMarkRange(\"link\")\n    .setLink({ href: url })\n    .run();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .wysiwyg-editor {\n    .form-input {\n      height: 200px;\n      display: flex;\n    }\n\n    pre {\n      background: var(--octopus-secondary);\n      margin: 0;\n    }\n\n    code {\n      display: block;\n      white-space: pre-wrap;\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n\n    .editor-menubar {\n      display: flex;\n      padding: 0.2rem;\n      flex-wrap: wrap;\n\n      button {\n        width: 40px;\n        height: 40px;\n        background: var(--octopus-secondary);\n        border-width: 0;\n        border-radius: var(--octopus-border-radius);\n        margin: 0.2rem;\n        padding: 0;\n        font-size: 1.1rem;\n        font-weight: 600;\n\n        &:hover,\n        &.is-active {\n          background: var(--octopus-primary-transparent);\n        }\n      }\n\n      .html-button {\n        font-size: 12px;\n      }\n\n      svg {\n        width: 40px;\n        height: 40px;\n      }\n    }\n    /* stylelint-disable-next-line */\n    .ProseMirror {\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"wysiwyg-editor\">\n    <div v-if=\"editor\" class=\"editor-menubar\">\n      <button\n        :title=\"t('Bold')\"\n        data-selenium=\"Bold\"\n        :class=\"{ 'is-active': editor.isActive('bold') }\"\n        @click=\"editor.chain().focus().toggleBold().run()\"\n      >\n        <FormatBoldIcon />\n      </button>\n      <button\n        :title=\"t('Italic')\"\n        data-selenium=\"Italic\"\n        :class=\"{ 'is-active': editor.isActive('italic') }\"\n        @click=\"editor.chain().focus().toggleItalic().run()\"\n      >\n        <FormatItalicIcon />\n      </button>\n      <button\n        :title=\"t('Underline')\"\n        data-selenium=\"Underline\"\n        :class=\"{ 'is-active': editor.isActive('underline') }\"\n        @click=\"editor.chain().focus().toggleUnderline().run()\"\n      >\n        <FormatUnderlineIcon />\n      </button>\n      <button\n        :title=\"t('Link')\"\n        data-selenium=\"link\"\n        :class=\"{ 'is-active': editor.isActive('link') }\"\n        @click=\"setLink\"\n      >\n        <LinkVariantIcon />\n      </button>\n      <button\n        :title=\"t('Delete link')\"\n        data-selenium=\"unlink\"\n        :disabled=\"!editor.isActive('link')\"\n        @click=\"editor.chain().focus().unsetLink().run()\"\n      >\n        <LinkVariantOffIcon />\n      </button>\n      <button\n        :title=\"t('Heading3')\"\n        data-selenium=\"Heading3\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 3 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 3 }).run()\"\n      >\n        H3\n      </button>\n      <button\n        :title=\"t('Heading4')\"\n        data-selenium=\"Heading4\"\n        :class=\"{ 'is-active': editor.isActive('heading', { level: 4 }) }\"\n        @click=\"editor.chain().focus().toggleHeading({ level: 4 }).run()\"\n      >\n        H4\n      </button>\n      <button\n        :title=\"t('Line break')\"\n        data-selenium=\"lineBreak\"\n        @click=\"editor.chain().focus().setHardBreak().run()\"\n      >\n        <KeyboardReturnIcon />\n      </button>\n\n      <button\n        :title=\"t('UnorderedList')\"\n        data-selenium=\"UnorderedList\"\n        :class=\"{ 'is-active': editor.isActive('bulletList') }\"\n        @click=\"editor.chain().focus().toggleBulletList().run()\"\n      >\n        <FormatListBulletedIcon />\n      </button>\n      <button\n        :title=\"t('List')\"\n        data-selenium=\"List\"\n        :class=\"{ 'is-active': editor.isActive('orderedList') }\"\n        @click=\"editor.chain().focus().toggleOrderedList().run()\"\n      >\n        <FormatListNumberedIcon />\n      </button>\n      <button\n        :title=\"t('Display HTML')\"\n        data-selenium=\"Display-HTML\"\n        class=\"html-button\"\n        :class=\"{ 'is-active': isHtmlDisplay }\"\n        @click=\"isHtmlDisplay = !isHtmlDisplay\"\n      >\n        HTML\n      </button>\n    </div>\n    <editor-content\n      v-if=\"!isHtmlDisplay\"\n      class=\"form-input html-wysiwyg-content\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n      :editor=\"editor\"\n    />\n    <pre\n      v-else\n      class=\"form-input\"\n      :class=\"{\n        'border border-danger': errorDescription,\n        disabled: isDisabled,\n      }\"\n    ><code>{{ html }}</code></pre>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport FormatBoldIcon from \"vue-material-design-icons/FormatBold.vue\";\nimport FormatItalicIcon from \"vue-material-design-icons/FormatItalic.vue\";\nimport FormatUnderlineIcon from \"vue-material-design-icons/FormatUnderline.vue\";\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport LinkVariantOffIcon from \"vue-material-design-icons/LinkVariantOff.vue\";\nimport KeyboardReturnIcon from \"vue-material-design-icons/KeyboardReturn.vue\";\nimport FormatListBulletedIcon from \"vue-material-design-icons/FormatListBulleted.vue\";\nimport FormatListNumberedIcon from \"vue-material-design-icons/FormatListNumbered.vue\";\nimport { EditorContent, Editor } from \"@tiptap/vue-3\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport Link from \"@tiptap/extension-link\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport { onMounted, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  content: { default: undefined, type: String },\n  errorDescription: { default: false, type: Boolean },\n  isDisabled: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:content\"]);\n\n//Data \nconst isHtmlDisplay = ref(false);\nconst html = ref(props.content);\nconst editor: Ref<Editor | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\n\n//Watch\nwatch(()=>props.content,() => {\n  if (props.content === html.value) {\n    return;\n  }\n  initContent();\n});\nwatch(()=>props.isDisabled,() => {\n  if (editor.value) {\n    editor.value.setOptions({\n      editable: true !== props.isDisabled,\n    });\n  }\n});\n\nonMounted(()=>{\n  editor.value = new Editor({\n    extensions: [\n      StarterKit,\n      Underline,\n      TextStyle,\n      Link.configure({\n        openOnClick: false,\n      }),\n      HardBreak,\n    ],\n    content: \"\",\n    editable: true !== props.isDisabled,\n    onUpdate: updateHtml,\n  });\n  initContent();\n})\n\nonUnmounted(()=>{\n  if (editor.value) {\n    editor.value.destroy();\n  }\n})\n\n//Methods\nfunction initContent(): void {\n  if (undefined !== props.content && editor.value && !editor.value.isFocused) {\n    editor.value.commands.setContent(props.content);\n    html.value = editor.value.getHTML();\n  }\n}\nfunction updateHtml(): void {\n  if (!editor.value) {return}\n  const plainText= editor.value.getText();\n  const regexHtml = /<(a|b|h3|h4|em|i|li|ol|p|strong|ul|u|br|span).*?/i\n  if(regexHtml.test(plainText)){\n    editor.value.commands.setContent(plainText);\n  }\n  html.value = editor.value.getHTML().trim();\n  const htmlHeart = html.value.substring(3, html.value.length - 4);\n  if (\n    html.value.startsWith(\"<p>\") &&\n    html.value.endsWith(\"</p>\") &&\n    !regexHtml.test(htmlHeart)\n  ) {\n    html.value = htmlHeart;\n  }\n  html.value = html.value.replaceAll(\"&nbsp;\", \" \");\n  emit(\"update:content\", html.value);\n}\nfunction setLink() {\n  if (!editor.value) {\n    return;\n  }\n  const previousUrl = editor.value.getAttributes(\"link\").href;\n  const url = window.prompt(\"URL\", previousUrl);\n  if (!url) {\n    return;\n  }\n  if (\"\" === url) {\n    editor.value.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    return;\n  }\n  editor.value\n    .chain()\n    .focus()\n    .extendMarkRange(\"link\")\n    .setLink({ href: url })\n    .run();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .wysiwyg-editor {\n    .form-input {\n      height: 200px;\n      display: flex;\n    }\n\n    pre {\n      background: var(--octopus-secondary);\n      margin: 0;\n    }\n\n    code {\n      display: block;\n      white-space: pre-wrap;\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n\n    .editor-menubar {\n      display: flex;\n      padding: 0.2rem;\n      flex-wrap: wrap;\n\n      button {\n        width: 40px;\n        height: 40px;\n        background: var(--octopus-secondary);\n        border-width: 0;\n        border-radius: var(--octopus-border-radius);\n        margin: 0.2rem;\n        padding: 0;\n        font-size: 1.1rem;\n        font-weight: 600;\n\n        &:hover,\n        &.is-active {\n          background: var(--octopus-primary-transparent);\n        }\n      }\n\n      .html-button {\n        font-size: 12px;\n      }\n\n      svg {\n        width: 40px;\n        height: 40px;\n      }\n    }\n    /* stylelint-disable-next-line */\n    .ProseMirror {\n      width: 0;\n      flex-grow: 1;\n      overflow: auto;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CommentBasicView-bNaLVdjT.mjs → CommentBasicView-BIiF59xV.mjs}

@@ -5,7 +5,7 @@ import { computed, createCommentVNode, createElementBlock, createElementVNode, c
 import { useI18n } from "vue-i18n";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
-import Alert from "vue-material-design-icons/Alert.vue";
+import AlertIcon from "vue-material-design-icons/Alert.vue";
 //#region src/components/display/comments/item/CommentBasicView.vue?vue&type=script&setup=true&lang.ts
 var CommentBasicView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "CommentBasicView",
@@ -62,7 +62,7 @@ var CommentBasicView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			contentDisplay,
 			urlify,
 			defineDateFromNow,
-			AlertIcon: Alert,
+			AlertIcon,
 			ClassicPopover: ClassicPopover_default
 		};
 		Object.defineProperty(__returned__, "__isScriptSetup", {
@@ -126,4 +126,4 @@ var CommentBasicView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(C
 //#endregion
 export { CommentBasicView_default as t };
 
-//# sourceMappingURL=CommentBasicView-bNaLVdjT.mjs.map
+//# sourceMappingURL=CommentBasicView-BIiF59xV.mjs.map

package/dist/{CommentInput-B7qnp3is.mjs → CommentInput-DRmRcSy-.mjs}

@@ -25,8 +25,8 @@ var CommentInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	emits: ["cancelAction", "newComment"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
-		const CheckIdentityModal = defineAsyncComponent(() => import("./CheckIdentityModal-fNecycn-.mjs"));
-		const CommentName = defineAsyncComponent(() => import("./CommentName-DFzxl7mU.mjs"));
+		const CheckIdentityModal = defineAsyncComponent(() => import("./CheckIdentityModal-Du2Jqur2.mjs"));
+		const CommentName = defineAsyncComponent(() => import("./CommentName-D6y51EaZ.mjs"));
 		const MessageModal = defineAsyncComponent(() => import("./MessageModal-B35dCbWB.mjs").then((n) => n.n));
 		const ClassicEmojiPicker = defineAsyncComponent(() => import("./ClassicEmojiPicker-EQy5H_zL.mjs"));
 		const ClassicContentEditable = defineAsyncComponent(() => import("./ClassicContentEditable-BSsnA6oo.mjs"));
@@ -183,4 +183,4 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Comme
 //#endregion
 export { CommentInput_default as default };
 
-//# sourceMappingURL=CommentInput-B7qnp3is.mjs.map
+//# sourceMappingURL=CommentInput-DRmRcSy-.mjs.map

package/dist/CommentInput-DRmRcSy-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentInput-DRmRcSy-.mjs","names":[],"sources":["../src/components/display/comments/CommentInput.vue","../src/components/display/comments/CommentInput.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column comment-input-container mt-3\">\n    <CommentName v-if=\"commentStore.commentUser?.name\" />\n    <ClassicContentEditable\n      ref=\"textarea\"\n      v-model=\"newComment\"\n      class=\"comment-input\"\n      :placeholder=\"placeholder\"\n      @focus=\"isTextareaActive = true\"\n    />\n    <div v-if=\"isTextareaActive\" class=\"d-flex justify-content-between mt-1\">\n      <ClassicEmojiPicker\n        :id=\"uniqueId\"\n        popover-relative-class=\"page-element\"\n        @emoji-selected=\"addEmojiSelected\"\n      />\n      <div class=\"d-flex ms-auto\">\n        <p\n          class=\"d-flex justify-content-end h6 me-3\"\n          :class=\"{ 'text-danger': !commentTooLong }\"\n        >\n          {{ countComment + \" / \" + maxComment }}\n        </p>\n        <button class=\"btn me-2\" @mousedown=\"cancelAction\">\n          {{ t(\"Cancel\") }}\n        </button>\n        <button\n          class=\"btn btn-primary\"\n          :disabled=\"0 === countComment || !commentTooLong\"\n          @mousedown=\"requestToSend\"\n        >\n          {{ placeholder }}\n        </button>\n      </div>\n    </div>\n    <CheckIdentityModal\n      v-if=\"isCheckIdentity\"\n      @validate=\"postComment\"\n      @close=\"isCheckIdentity = false\"\n    />\n    <MessageModal\n      v-if=\"postError\"\n      :validatetext=\"t('Close')\"\n      :title=\"t('Error')\"\n      :message=\"t('Error occurs while post your comment...')\"\n      @close=\"postError = false\"\n      @validate=\"postError = false\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport Constants from \"../../../../public/config\";\nimport { defineAsyncComponent, ref, computed, watch, useTemplateRef } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"./modal/CheckIdentityModal.vue\"),\n);\nconst CommentName = defineAsyncComponent(() => import(\"./CommentName.vue\"));\nconst MessageModal = defineAsyncComponent(\n  () => import(\"../../misc/modal/MessageModal.vue\"),\n);\nconst ClassicEmojiPicker = defineAsyncComponent(\n  () => import(\"../../form/ClassicEmojiPicker.vue\"),\n);\nconst ClassicContentEditable = defineAsyncComponent(\n  () => import(\"../../form/ClassicContentEditable.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  focus: { default: false, type: Boolean },\n  inAnswerComment: {\n    default: undefined,\n    type: Object as () => CommentPodcast,\n  },\n})\n\n//Emits\nconst emit = defineEmits([\"cancelAction\", \"newComment\"]);\n\n//Data \nconst maxComment = Constants.MAX_COMMENT;\nconst newComment = ref(\"\");\nconst isTextareaActive = ref(false);\nconst isCheckIdentity = ref(false);\nconst postError = ref(false);\nconst textareaRef = useTemplateRef('textarea');\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst commentTooLong = computed(() => countComment.value <= maxComment);\nconst countComment = computed(() => newComment.value.length);\nconst placeholder = computed(() => props.inAnswerComment?.commentId? t(\"Answer a comment\"): t(\"Write a comment\"));\nconst uniqueId = computed(() => \"-comment\"+(props.inAnswerComment?.commentId??\"-parent\"));\n\n\n//Watch\nwatch(()=>props.focus, () => textareaRef?.value?.focus());\n\n\n//Methods\nfunction addEmojiSelected(emoji: string) {\n  newComment.value += emoji;\n}\nfunction requestToSend(): void {\n  if (commentStore.commentUser?.name) {\n    postComment();\n  } else {\n    isCheckIdentity.value = true;\n  }\n}\nfunction cancelAction(): void {\n  newComment.value = \"\";\n  isTextareaActive.value = false;\n  emit(\"cancelAction\");\n}\nasync function postComment(): Promise<void> {\n  try {\n    const commentReceived = await classicApi.postData<CommentPodcast>({\n      api: 2,\n      path: \"comment/\",\n      dataToSend: {\n        answerTo: props.inAnswerComment?.commentId,\n        content: newComment.value.trim(),\n        name: commentStore.commentUser?.name ?? \"\",\n        podcastId:\n          props.podcast?.podcastId ?? props.inAnswerComment?.podcastId ?? 0,\n        uuid: commentStore.commentUser?.uuid ?? \"\",\n        timeline: defineTimelineValue(),\n      },\n      isNotAuth: undefined === authStore.authOrgaId,\n    });\n    emit(\"newComment\", commentReceived);\n    newComment.value = \"\";\n    isTextareaActive.value = false;\n  } catch {\n    postError.value = true;\n  }\n  isCheckIdentity.value = false;\n}\nfunction defineTimelineValue(): number {\n  let timeline = 0;\n  if (\n    undefined !== props.podcast &&\n    (playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n    playerStore.playerLive?.podcastId === props.podcast.podcastId)\n  ) {\n    timeline = Math.round(playerStore.playerElapsed * playerStore.playerTotal);\n    if (props.podcast.duration && playerStore.playerPodcast) {\n      timeline = Math.round(\n        timeline - (playerStore.playerTotal - props.podcast.duration / 1000),\n      );\n    }\n  }\n  return timeline < 0 ? 0 : timeline;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app .comment-input-container {\n  .comment-input {\n    border-bottom: 0.1rem solid var(--octopus-border-default);\n    overflow: hidden;\n    min-height: 36px;\n    resize: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CommentItem-DDCavfx_.mjs → CommentItem-Vvd1NE_W.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { i as useAuthStore } from "./classicApi-DpwVUC0E.mjs";
 import { t as useCommentStore } from "./CommentStore-DAa7RQ_3.mjs";
-import { t as CommentBasicView_default } from "./CommentBasicView-bNaLVdjT.mjs";
+import { t as CommentBasicView_default } from "./CommentBasicView-BIiF59xV.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, openBlock, ref, toDisplayString } from "vue";
 import { useI18n } from "vue-i18n";
 import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
@@ -32,11 +32,11 @@ var CommentItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	},
 	emits: ["deleteComment", "update:comment"],
 	setup(__props, { expose: __expose, emit: __emit }) {
-		const CommentInput = defineAsyncComponent(() => import("./CommentInput-B7qnp3is.mjs"));
-		const CommentParentInfo = defineAsyncComponent(() => import("./CommentParentInfo-BDSceNbu.mjs"));
-		const LikeSection = defineAsyncComponent(() => import("./LikeSection-KEHYZ6eH.mjs"));
-		const CommentMoreActions = defineAsyncComponent(() => import("./CommentMoreActions-CB8419fO.mjs"));
-		const CommentList = defineAsyncComponent(() => import("./CommentList-BbEaau4S.mjs"));
+		const CommentInput = defineAsyncComponent(() => import("./CommentInput-DRmRcSy-.mjs"));
+		const CommentParentInfo = defineAsyncComponent(() => import("./CommentParentInfo-0WKRt9an.mjs"));
+		const LikeSection = defineAsyncComponent(() => import("./LikeSection-CComV07M.mjs"));
+		const CommentMoreActions = defineAsyncComponent(() => import("./CommentMoreActions-BR4CRRey.mjs"));
+		const CommentList = defineAsyncComponent(() => import("./CommentList-Cn5TPBet.mjs"));
 		const props = __props;
 		const emit = __emit;
 		const isAnsweringComment = ref(false);
@@ -229,4 +229,4 @@ var CommentItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Commen
 //#endregion
 export { CommentItem_default as default };
 
-//# sourceMappingURL=CommentItem-DDCavfx_.mjs.map
+//# sourceMappingURL=CommentItem-Vvd1NE_W.mjs.map

package/dist/CommentItem-Vvd1NE_W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentItem-Vvd1NE_W.mjs","names":[],"sources":["../src/components/display/comments/item/CommentItem.vue","../src/components/display/comments/item/CommentItem.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n","<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n"],"mappings":"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"}

package/dist/CommentItem-vMMaiTCB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentItem-vMMaiTCB.mjs","names":[],"sources":["../src/components/display/comments/item/CommentItem.vue","../src/components/display/comments/item/CommentItem.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n","<template>\n  <div\n    class=\"d-flex flex-column flex-grow-1 w-100 really-light-secondary-bg\"\n    :class=\"isAnAnswer && !isFlatList ? 'my-1 p-0' : 'my-3 p-2'\"\n  >\n    <div class=\"d-flex flex-nowrap justify-content-between align-items-center\">\n      <CommentBasicView :comment=\"comment\" :edit-right=\"editRight\" />\n      <CommentMoreActions\n        v-model:comment=\"commentForVmodel\"\n        :edit-right=\"editRight\"\n        :podcast=\"podcast\"\n        :config=\"config\"\n        @delete-comment=\"emitDeleteComment\"\n      />\n    </div>\n    <template v-if=\"isValidComment\">\n      <div class=\"d-flex align-items-center mt-1\">\n        <LikeSection\n          v-model:comment=\"commentForVmodel\"\n          :edit-right=\"editRight\"\n          :podcast=\"podcast\"\n        />\n        <button\n          v-if=\"!comment.answerTo && canPostComment\"\n          class=\"btn btn-transparent\"\n          @click=\"answerComment\"\n        >\n          {{ t(\"To answer\") }}\n        </button>\n        <button\n          v-if=\"isFlatList && comment.answerTo\"\n          class=\"btn btn-transparent d-flex align-items-center\"\n          @click=\"showParentComment = !showParentComment\"\n        >\n          {{ t(\"In response to\") }}\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showParentComment }\" />\n        </button>\n      </div>\n      <CommentInput\n        v-if=\"isAnsweringComment && canPostComment\"\n        class=\"ms-4\"\n        :focus=\"focus\"\n        :podcast=\"podcast\"\n        :in-answer-comment=\"comment\"\n        @cancel-action=\"isAnsweringComment = false\"\n        @new-comment=\"newComment\"\n      />\n      <div\n        v-if=\"comment.responses?.length && !isFlatList\"\n        class=\"ms-4 mt-2 answers-section\"\n      >\n        <button\n          class=\"d-flex align-items-center btn-transparent text-primary\"\n          @click=\"showAnswers = !showAnswers\"\n        >\n          <ChevronDownIcon :class=\"{ 'arrow-transform': showAnswers }\" />\n          {{ t(\"nb answers\", { nb: comment.responses.length }) }}\n        </button>\n        <CommentList\n          v-if=\"showAnswers\"\n          ref=\"commentList\"\n          :podcast=\"podcast\"\n          :size=\"5\"\n          :answer-to-comment=\"comment.commentId\"\n          :config=\"config\"\n          :event-to-handle=\"eventToHandle\"\n          @comment-deleted=\"updateForAnswerDeleted\"\n        />\n      </div>\n    </template>\n    <CommentParentInfo\n      v-if=\"showParentComment\"\n      class=\"ms-4\"\n      :comment-id=\"comment.answerTo\"\n      :edit-right=\"editRight\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"../../../../stores/class/general/podcast\";\nimport CommentBasicView from \"./CommentBasicView.vue\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed } from \"vue\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"../../../../stores/class/config/commentsConfig\";\nimport { useI18n } from \"vue-i18n\";\nconst CommentInput = defineAsyncComponent(() => import(\"../CommentInput.vue\"));\nconst CommentParentInfo = defineAsyncComponent(\n  () => import(\"../CommentParentInfo.vue\"),\n);\nconst LikeSection = defineAsyncComponent(\n  () => import(\"../like/LikeSection.vue\"),\n);\nconst CommentMoreActions = defineAsyncComponent(\n  () => import(\"./CommentMoreActions.vue\"),\n);\nconst CommentList = defineAsyncComponent(() => import(\"../CommentList.vue\"));\n\n\n//Props \nconst props = defineProps({\n  comment: { default: () => ({}), type: Object as () => CommentPodcast },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  isFlatList: { default: false, type: Boolean },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  organisationId: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isAnsweringComment = ref(false);\nconst showAnswers = ref(false);\nconst focus = ref(false);\nconst showParentComment = ref(false);\nconst eventToHandle : Ref<CommentMessage | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n\n//Computed\nconst commentForVmodel = computed({\n  get(): CommentPodcast {\n    return props.comment;\n  },\n  set(value: CommentPodcast) {\n    if (!eventActive.value) {\n      emit(\"update:comment\", value);\n    }\n  },\n});\nconst isAnAnswer = computed(() => undefined !== props.comment.answerTo);\nconst editRight = computed(() => {\n  return (\n    (true === authStore.isRoleComments &&\n      (authStore.authOrgaId === props.podcast?.organisation.id ||\n      authStore.authOrgaId === props.organisationId)) ||\n    true === authStore.isRoleAdmin\n  );\n});\nconst isValidComment = computed(() => \"VALIDATED\" === props.comment.state);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    props.config,\n    props.podcast,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst eventActive = computed(() => undefined !== props.podcast?.conferenceId);\n\n \n//Methods\nfunction answerComment(): void {\n  isAnsweringComment.value = true;\n  focus.value = !focus.value;\n}\nfunction newComment(comment: CommentPodcast): void {\n  modifyAnswerNumber(comment.commentId);\n  if (!eventActive.value) {\n    eventToHandle.value = { type: \"CREATE\", comment: comment };\n  }\n  isAnsweringComment.value = false;\n}\nfunction modifyAnswerNumber(commentId: number, isAdd = true) {\n  const commentToEdit = props.comment;\n  if (commentToEdit.responses) {\n    if (isAdd) {\n      commentToEdit.responses.push(commentId);\n    } else {\n      const index = commentToEdit.responses.indexOf(commentId);\n      if (index !== -1) {\n        commentToEdit.responses.splice(index, 1);\n      }\n    }\n  } else if (isAdd) {\n    commentToEdit.responses = [commentId];\n  }\n  emit(\"update:comment\", commentToEdit);\n}\nfunction emitDeleteComment() {\n  if (!eventActive.value) {\n    emit(\"deleteComment\");\n  }\n}\nfunction receiveEvent(event: CommentMessage) {\n  if (\"CREATE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId);\n  } else if (\"DELETE\" === event.type) {\n    modifyAnswerNumber(event.comment.commentId, false);\n  }\n  eventToHandle.value = event;\n}\nfunction updateForAnswerDeleted(commentId: number) {\n  modifyAnswerNumber(commentId, false);\n}\n//Expose\ndefineExpose({\n  receiveEvent\n});\n</script>\n"],"mappings":"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"}

package/dist/CommentList-BcFHoPtE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-BcFHoPtE.mjs","names":[],"sources":["../src/components/display/comments/CommentList.vue","../src/components/display/comments/CommentList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CommentList-BbEaau4S.mjs → CommentList-Cn5TPBet.mjs}

@@ -53,7 +53,7 @@ var CommentList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	emits: ["update:nbComments", "commentDeleted"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
-		const CommentItem = defineAsyncComponent(() => import("./CommentItem-DDCavfx_.mjs"));
+		const CommentItem = defineAsyncComponent(() => import("./CommentItem-Vvd1NE_W.mjs"));
 		const ClassicPopover = defineAsyncComponent(() => import("./ClassicPopover-BIyLKorz.mjs").then((n) => n.n));
 		const props = __props;
 		const emit = __emit;
@@ -299,4 +299,4 @@ var CommentList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Commen
 //#endregion
 export { CommentList_default as default };
 
-//# sourceMappingURL=CommentList-BbEaau4S.mjs.map
+//# sourceMappingURL=CommentList-Cn5TPBet.mjs.map

package/dist/CommentList-Cn5TPBet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList-Cn5TPBet.mjs","names":[],"sources":["../src/components/display/comments/CommentList.vue","../src/components/display/comments/CommentList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column\">\n    <div\n      v-if=\"isNotAnAnswerList && 0 !== totalCount\"\n      class=\"d-flex align-items-center mb-2\"\n    >\n      <div class=\"text-secondary me-3\">\n        {{ t(\"Number comments\", { nb: totalCount }) }}\n      </div>\n      <button\n        id=\"sort-by-comments\"\n        class=\"btn btn-transparent d-flex align-items-center\"\n      >\n        <SortVariantIcon :size=\"30\" />\n        <p class=\"ms-1\">{{ t(\"Sort by\") }}</p>\n      </button>\n      <ClassicPopover target=\"sort-by-comments\" :only-click=\"true\">\n        <button\n          v-for=\"sortOption in sortChoice\"\n          :key=\"sortOption.value\"\n          class=\"me-3 octopus-dropdown-item\"\n          :disabled=\"sortOption.value === sortType\"\n          @mousedown=\"changeSort(sortOption.value)\"\n          @keydown.enter=\"changeSort(sortOption.value)\"\n        >\n          {{ sortOption.title }}\n        </button>\n      </ClassicPopover>\n    </div>\n    <div v-if=\"!loading && !error && 0 === totalCount\" class=\"text-center\">\n      {{ t(\"No comments\") }}\n    </div>\n    <div\n      ref=\"scrollComponent\"\n      :class=\"isNotAnAnswerList ? 'scrolling-comments' : ''\"\n    >\n      <CommentItem\n        v-for=\"(c, indexCom) in comments\"\n        :id=\"'comItem' + c.commentId\"\n        :key=\"c.commentId\"\n        v-model:comment=\"comments[indexCom]\"\n        :podcast=\"podcast\"\n        :is-flat-list=\"isFlatList\"\n        :config=\"config\"\n        :organisation-id=\"organisationId\"\n        @delete-comment=\"deleteComment(c.commentId)\"\n      />\n      <ClassicLoading\n        :loading-text=\"loading && !error ? t('Loading content ...') : undefined\"\n        :error-text=\"error ? t(`Comments loading error`) : undefined\"\n      />\n      <button\n        v-if=\"!isNotAnAnswerList && dfirst + dsize < totalCount\"\n        class=\"btn share-btn mx-2\"\n        :title=\"t('See more')\"\n      >\n        <PlusIcon />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SortVariantIcon from \"vue-material-design-icons/SortVariant.vue\";\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport { computed, defineAsyncComponent, onMounted, onUnmounted, Ref, ref, useTemplateRef, watch } from \"vue\";\nimport { CommentPodcast } from \"@/stores/class/general/comment\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {\n  CommentMessage,\n  CommentsConfig,\n} from \"@/stores/class/config/commentsConfig\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n/* eslint-disable */\nconst CommentItem: any = defineAsyncComponent(() => import('./item/CommentItem.vue'));\n/* eslint-enable */\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../../misc/ClassicPopover.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  size: { default: 10, type: Number },\n  podcast: { default: undefined, type: Object as () => Podcast },\n  reload: { default: false, type: Boolean },\n  answerToComment: { default: undefined, type: Number },\n  isFlatList: { default: false, type: Boolean },\n  stateFilter: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  nbComments: { default: 0, type: Number },\n  config: { default: undefined, type: Object as () => CommentsConfig },\n  eventToHandle: { default: undefined, type: Object as () => CommentMessage },\n})\n\n//Emits\nconst emit = defineEmits([\"update:nbComments\", \"commentDeleted\"]);\n\n//Data \nconst loading = ref(false);\nconst error = ref(false);\nconst dfirst = ref(0);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst sortType = ref(\"DATE_DESC\");\nconst comments: Ref<Array<CommentPodcast>> = ref([]);\nconst scrollableSection: Ref<HTMLElement | undefined> = ref(undefined);\nconst scrollComponentRef = useTemplateRef('scrollComponent');\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst isNotAnAnswerList = computed(() =>  undefined === props.answerToComment);\nconst changed = computed(() => `${props.size}|${props.reload}|${dsize.value}|${props.stateFilter}|${props.podcast?.podcastId}|${props.organisationId}`);\nconst sortChoice = computed(() =>{\n  return [\n    { title: t(\"The most recent\"), value: \"DATE_DESC\" },\n    { title: t(\"Top comments\"), value: \"LIKE_DESC\" },\n  ];\n});\n\n//Watch\nwatch(totalCount, () => {emit(\"update:nbComments\", totalCount.value)});\nwatch(changed, () => {fetchContent(true);});\nwatch(()=>props.eventToHandle, async () => {\n  if (!props.eventToHandle) {\n    return;\n  }\n  if (props.answerToComment === props.eventToHandle.comment.answerTo) {\n    switch (props.eventToHandle.type) {\n      case \"CREATE\":\n        createComment(props.eventToHandle.comment);\n        break;\n      case \"UPDATE\":\n        updateComment(props.eventToHandle.comment);\n        break;\n      case \"DELETE\":\n        deleteComment(props.eventToHandle.comment.commentId);\n        break;\n      default:\n        break;\n    }\n    return;\n  }\n  if (undefined !== props.eventToHandle.comment.answerTo) {\n    const comItem = scrollComponentRef?.value?.querySelector('#comItem' + props.eventToHandle.comment.answerTo) as InstanceType<typeof CommentItem>;\n    comItem?.receiveEvent(props.eventToHandle);\n  }\n}, {deep: true});\n\n\nonMounted(()=>{\n  fetchContent(true);\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value = scrollComponentRef?.value as HTMLElement;\n    scrollableSection.value.addEventListener(\"scroll\", handleScroll);\n  }\n})\n\nonUnmounted(()=>{\n  if (isNotAnAnswerList.value) {\n    scrollableSection.value?.removeEventListener(\"scroll\", handleScroll);\n  }\n})\n\n\n//Methods\nfunction changeSort(sortTypeUpdate: string) {\n  sortType.value = sortTypeUpdate;\n  fetchContent(true);\n}\nfunction handleScroll() {\n  if (\n    scrollableSection.value &&\n    totalCount.value > comments.value.length &&\n    scrollableSection.value.scrollTop +\n      scrollableSection.value.clientHeight >=\n      scrollableSection.value.scrollHeight\n  ) {\n    fetchContent(false);\n  }\n}\nfunction findCommentInCommentsLoaded(commentId: number) {\n  return comments.value.findIndex(\n    (element: CommentPodcast) => element.commentId === commentId,\n  );\n}\nfunction createComment(comment: CommentPodcast) {\n  comments.value.unshift(comment);\n  totalCount.value += 1;\n}\nfunction updateComment(comment: CommentPodcast) {\n  const commentIndex = findCommentInCommentsLoaded(comment.commentId);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1, comment);\n  }\n}\nfunction deleteComment(commentIdToDelete: number) {\n  const commentIndex = findCommentInCommentsLoaded(commentIdToDelete);\n  if (-1 !== commentIndex) {\n    comments.value.splice(commentIndex, 1);\n    totalCount.value -= 1;\n    emit(\"commentDeleted\", commentIdToDelete);\n  }\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  if (loading.value) {\n    return;\n  }\n  loading.value = true;\n  if (reset) {\n    dfirst.value = 0;\n    comments.value.length = 0;\n  }\n  const param = {\n    first: dfirst.value,\n    size: dsize.value,\n    podcastId: props.podcast?.podcastId,\n    sort: sortType.value,\n    answerTo: props.answerToComment,\n    hideAnswers: !props.isFlatList,\n    state: props.stateFilter.length ? props.stateFilter : undefined,\n    organisationId: props.organisationId,\n  };\n  try {\n    const data = await classicApi.fetchData<\n      ListClassicReturn<CommentPodcast>\n    >({\n      api: 2,\n      path: \"comment/list\",\n      parameters: param,\n    });\n    if (reset) {\n      comments.value.length = 0;\n    }\n    comments.value.push(...data.result);\n    totalCount.value = data.count;\n    dfirst.value += dsize.value;\n    loading.value = false;\n  } catch (errorWs) {\n    // Errors sometimes occur, and shouldn't trigger anything too drastic,\n    // so we only log it, instead of using handle403\n    console.error(errorWs);\n    error.value = true;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .scrolling-comments {\n    max-height: 715px;\n    overflow-y: auto;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{CommentMoreActions-CB8419fO.mjs → CommentMoreActions-BR4CRRey.mjs}

@@ -30,8 +30,8 @@ var CommentMoreActions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
 		const ClassicPopover = defineAsyncComponent(() => import("./ClassicPopover-BIyLKorz.mjs").then((n) => n.n));
-		const ReportAbuseModal = defineAsyncComponent(() => import("./ReportAbuseModal-Cn4dKNYU.mjs"));
-		const EditCommentModal = defineAsyncComponent(() => import("./EditCommentModal-7vDcLEPD.mjs"));
+		const ReportAbuseModal = defineAsyncComponent(() => import("./ReportAbuseModal-Dhr0wNeN.mjs"));
+		const EditCommentModal = defineAsyncComponent(() => import("./EditCommentModal-Bs7nuqdq.mjs"));
 		const MessageModal = defineAsyncComponent(() => import("./MessageModal-B35dCbWB.mjs").then((n) => n.n));
 		const props = __props;
 		const emit = __emit;
@@ -283,4 +283,4 @@ var CommentMoreActions_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { CommentMoreActions_default as default };
 
-//# sourceMappingURL=CommentMoreActions-CB8419fO.mjs.map
+//# sourceMappingURL=CommentMoreActions-BR4CRRey.mjs.map