{"version":3,"file":"CommentName-5ZjKhTYa.mjs","names":[],"sources":["../src/components/display/comments/CommentName.vue","../src/components/display/comments/CommentName.vue"],"sourcesContent":["<template>\n  <div \n    class=\"d-flex align-items-center mb-2\">\n    <component\n      :is=\"canEditName ? 'button' : 'div'\"\n      v-if=\"!isEditing\"\n      class=\"h6 fw-bold\"\n      :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n      @click=\"startEditingName\"\n      >{{ commentStore.commentUser?.name }}</component\n    >\n    <template v-else>\n      <ClassicInputText\n        v-model:text-init=\"temporaryName\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-name-input\"\n        focus\n        :label=\"t('Your name')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        autocomplete-type=\"name\"\n        class=\"me-3\"\n      />\n      <button class=\"btn m-1\" @click=\"isEditing = false\">\n        {{ t(\"Cancel\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorName\"\n        @click=\"validEdit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n  if (!canEditName.value) {\n    return;\n  }\n  temporaryName.value = commentStore.commentUser?.name ?? \"\";\n  isEditing.value = true;\n}\nfunction validEdit(): void {\n  commentStore.setCommentUser(temporaryName.value);\n  isEditing.value = false;\n}\n</script>\n","<template>\n  <div \n    class=\"d-flex align-items-center mb-2\">\n    <component\n      :is=\"canEditName ? 'button' : 'div'\"\n      v-if=\"!isEditing\"\n      class=\"h6 fw-bold\"\n      :class=\"canEditName ? 'btn btn-transparent p-1' : ''\"\n      @click=\"startEditingName\"\n      >{{ commentStore.commentUser?.name }}</component\n    >\n    <template v-else>\n      <ClassicInputText\n        v-model:text-init=\"temporaryName\"\n        v-model:error-variable=\"errorName\"\n        input-id=\"comment-name-input\"\n        focus\n        :label=\"t('Your name')\"\n        :max-length=\"Constants.MAX_COMMENT_NAME\"\n        autocomplete-type=\"name\"\n        class=\"me-3\"\n      />\n      <button class=\"btn m-1\" @click=\"isEditing = false\">\n        {{ t(\"Cancel\") }}\n      </button>\n      <button\n        class=\"btn btn-primary m-1\"\n        :disabled=\"errorName\"\n        @click=\"validEdit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicInputText from \"../../form/ClassicInputText.vue\";\nimport Constants from \"../../../../public/config\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, ref } from \"vue\";\nimport { useCommentStore } from \"../../../stores/CommentStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Data \nconst isEditing = ref(false);\nconst temporaryName = ref(\"\");\nconst errorName = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst commentStore = useCommentStore();\nconst authStore = useAuthStore();\n\n\n//Computed\nconst canEditName = computed(() => undefined !== authStore.authProfile);\n\n//Methods\nfunction startEditingName(): void {\n  if (!canEditName.value) {\n    return;\n  }\n  temporaryName.value = commentStore.commentUser?.name ?? \"\";\n  isEditing.value = true;\n}\nfunction validEdit(): void {\n  commentStore.setCommentUser(temporaryName.value);\n  isEditing.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EA6CA,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,gBAAgB,IAAI,EAAE;EAC5B,MAAM,YAAY,IAAI,IAAI;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,eAAe,gBAAgB;EACrC,MAAM,YAAY,aAAa;EAI/B,MAAM,cAAc,eAAe,KAAA,MAAc,UAAU,WAAW;EAGtE,SAAS,mBAAyB;GAChC,IAAI,CAAC,YAAY,OACf;GAEF,cAAc,QAAQ,aAAa,aAAa,QAAQ;GACxD,UAAU,QAAQ;EACpB;EACA,SAAS,YAAkB;GACzB,aAAa,eAAe,cAAc,KAAK;GAC/C,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;;;mBCnEI,OAAM,iCAAgC;;;qBADxC,mBAgCM,OAhCN,YAgCM,CAAA,CA5BK,OAAA,aAAA,UAAA,GAFT,YAOC,wBANM,OAAA,cAAW,WAAA,KAAA,GAAA;;EAEhB,OAAK,eAAA,CAAC,cACE,OAAA,cAAW,4BAAA,EAAA,CAAA;EAClB,SAAO,OAAA;;yBAC6B,CAAA,gBAAA,gBAAjC,OAAA,aAAa,aAAa,IAAI,GAAA,CAAA,CAAA,CAAA;;mCAEpC,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA;EApBT,YASE,OAAA,qBAAA;GARQ,aAAW,OAAA;8DAAA,OAAA,gBAAa;GACxB,kBAAgB,OAAA;mEAAA,OAAA,YAAS;GACjC,YAAS;GACT,OAAA;GACC,OAAO,OAAA,EAAC,WAAA;GACR,cAAY,OAAA,UAAU;GACvB,qBAAkB;GAClB,OAAM;;;;;;;EAER,mBAES,UAAA;GAFD,OAAM;GAAW,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;qBACpC,OAAA,EAAC,QAAA,CAAA,GAAA,CAAA;EAEN,mBAMS,UAAA;GALP,OAAM;GACL,UAAU,OAAA;GACV,SAAO,OAAA;qBAEL,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA"}