@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/RadioPlanning-BU1E8i4t.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPlanning-BU1E8i4t.mjs","names":["classicApi","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_normalizeClass","_createTextVNode","_createCommentVNode","_createVNode","_withCtx","_withDirectives","_sfc_main"],"sources":["../src/components/display/live/RadioPlanning.vue","../src/components/display/live/RadioPlanning.vue"],"sourcesContent":["<template>\n  <section class=\"module-box\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Program\") }}\n    </h2>\n    <div class=\"py-3\">\n      <div class=\"d-flex align-items-center w-100 mb-3\">\n        <button\n          v-for=\"day in displayArrayDays\"\n          :key=\"day.date\"\n          class=\"button-date border\"\n          :class=\"day.date == daySelected ? 'bg-primary' : ''\"\n          @click=\"changeDate(day.date)\"\n        >\n          <span class=\"text-capitalize\" >{{ day.dayOfWeek }}</span>\n          <time :datetime=\"day.iso\">{{ day.title }}</time>\n        </button>\n      </div>\n      <button v-if=\"isPhone\" class=\"btn btn-primary mb-3 mx-0\" @click=\"showAllDays = !showAllDays\">\n        <template v-if=\"!showAllDays\">{{ t('Show more days') }}</template>\n        <template v-else>{{ t('Show fewer days') }}</template>\n      </button>\n      <div\n        class=\"d-flex align-items-center justify-content-center border-bottom\"\n      >\n        <button\n          v-for=\"period in periodOfDay\"\n          :key=\"period.id\"\n          class=\"btn btn-underline mb-2\"\n          @click=\"scrollToElement('planning-period-' + period.id)\"\n        >\n          {{ period.title }}\n        </button>\n        <button class=\"btn btn-underline mb-2\" @click=\"changePeriodNow\">\n          {{ t(\"Now\") }}\n        </button>\n      </div>\n\n      <div class=\"d-flex flex-column p-3\">\n        <ClassicLoading\n          :loading-text=\"loading ? t('Loading content ...') : undefined\"\n          :error-text=\"error ? t(`Error`) : undefined\"\n        />\n        <template v-if=\"!loading && !error\">\n          <div v-if=\"!planningLength[daySelected]\" class=\"text-center\">\n            {{ t(\"No programming\") }}\n          </div>\n          <div v-for=\"period in periodOfDay\" v-else :key=\"period.id\">\n            <template v-if=\"planning[daySelected][period.id].length\">\n              <div\n                :id=\"'planning-period-' + period.id\"\n                class=\"fw-bold my-3 pb-2 border-bottom border-primary text-primary\"\n              >\n                {{ period.title }}\n              </div>\n              <div\n                v-for=\"planningItem in planning[daySelected][period.id]\"\n                :id=\"\n                  'planning-occurrence-' +\n                  planningItem.occurrenceId +\n                  '' +\n                  planningItem.liveId\n                \"\n                :key=\"planningItem.occurrenceId + '' + planningItem.liveId\"\n                class=\"d-flex align-items-center mb-3\"\n              >\n                <time :datetime=\"planningItem.startDate\" class=\"program-item-date fw-bold flex-shrink-0\">\n                  {{ dateDisplay(planningItem.startDate) }}\n                </time>\n                <router-link\n                  class=\"d-flex align-items-center flex-nowrap text-dark\"\n                  :to=\"{\n                    name: 'podcast',\n                    params: { podcastId: planningItem.podcastId },\n                  }\"\n                  :title=\"t('Episode name page', { name: planningItem.title })\"\n                >\n                  <img\n                    v-lazy=\"\n                      useProxyImageUrl(planningItem.podcastData.imageUrl, '150')\n                    \"\n                    width=\"150\"\n                    height=\"150\"\n                    class=\"m-2 program-item-img\"\n                    aria-hidden=\"true\"\n        alt=\"\"\n                    \n                    :title=\"\n                      t('Episode name image', {\n                        name: planningItem.podcastData.title,\n                      })\n                    \"\n                  />\n                  <div class=\"d-flex flex-column\">\n                    <div class=\"d-flex align-items-center mb-2\">\n                      <div\n                        v-if=\"planningItem.liveId\"\n                        class=\"bg-complementary text-white p-1 me-1\"\n                      >\n                        {{ t(\"Live\") }}\n                      </div>\n                      <div class=\"flex-grow-1 fw-bold\">\n                        {{ planningItem.podcastData.title }}\n                      </div>\n                    </div>\n                  </div>\n                </router-link>\n              </div>\n            </template>\n          </div>\n        </template>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\ndayjs.extend(utc);\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, nextTick, onMounted, ref, Ref } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { PlanningOccurrence } from \"@/stores/class/radio/recurrence\";\nimport { PlanningLive } from \"@/stores/class/radio/live\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  radio: { default: undefined, type: Object as () => Canal },\n})\n\n//Data \nconst planning: Ref<{\n  [key: number]: {\n    morning: Array<PlanningOccurrence | PlanningLive>;\n    afternoon: Array<PlanningOccurrence | PlanningLive>;\n    evening: Array<PlanningOccurrence | PlanningLive>;\n  };\n}> = ref({});\nconst planningLength: Ref<{ [key: number]: number }> = ref({});\nconst daySelected = ref(dayjs().valueOf());\nconst arrayDays: Ref<Array<{\n  title: string;\n  date: number;\n  dayOfWeek: string;\n  iso: string;\n}>> = ref([]);\nconst loading = ref(true);\nconst error = ref(false);\nconst showAllDays = ref(false);\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst startOfDay = computed(() => dayjs(daySelected.value).startOf(\"date\").toISOString());\nconst endOfDay = computed(() => dayjs(daySelected.value).endOf(\"date\").toISOString());\nconst periodOfDay = computed(() => {\n  return [\n    {\n      id: \"morning\",\n      title: t(\"Morning\"),\n      end: dayjs(daySelected.value)\n        .hour(14)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"afternoon\",\n      title: t(\"Afternoon\"),\n      end: dayjs(daySelected.value)\n        .hour(19)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"evening\",\n      title: t(\"Evening\"),\n      end: dayjs(daySelected.value).endOf(\"date\"),\n    },\n  ];\n});\nconst displayArrayDays = computed(() => {\n  if(isPhone && !showAllDays.value){\n    return arrayDays.value.slice(6, 9);\n  }\n  return arrayDays.value;\n});\n\n\nonMounted(()=>{\n  createArrayDays();\n  fetchOccurrences();\n})\n\n\n//Mounted\nfunction scrollToElement(id: string) {\n  const element = document.getElementById(id);\n  if (element) {\n    const yOffset = -110;\n    const y =\n      element.getBoundingClientRect().top + window.scrollY + yOffset;\n    window.scrollTo({ top: y, behavior: \"smooth\" });\n  }\n}\nfunction changePeriodNow() {\n  const now = dayjs();\n  if (!dayjs(daySelected.value).isSame(now, \"day\")) {\n    changeDate(arrayDays.value[7].date);\n  }\n  nextTick(() => {\n    if (!planningLength.value[daySelected.value]) {\n      return;\n    }\n    const arrayOccurrences = Object.values(\n      planning.value[daySelected.value],\n    ).reduce((r, c) => r.concat(c), []);\n    let selectedOccurrence = arrayOccurrences[0];\n    for (const occ of arrayOccurrences) {\n      selectedOccurrence = occ;\n      if (dayjs(occ.endDate).isAfter(now)) {\n        break;\n      }\n    }\n    scrollToElement(\n      \"planning-occurrence-\" +\n        selectedOccurrence.occurrenceId +\n        \"\" +\n        selectedOccurrence.liveId,\n    );\n  });\n}\nfunction createArrayDays() {\n  for (let index = -7; index < 3; index++) {\n    const dayToAdd = dayjs().add(index, \"day\");\n    if (0 === index) {\n      daySelected.value = dayToAdd.valueOf();\n    }\n    arrayDays.value.push({\n      title: dayToAdd.format(\"D/MM\"),\n      dayOfWeek: dayToAdd.format(\"dddd\"),\n      date: dayToAdd.valueOf(),\n      iso: dayToAdd.format(\"MM-DD\"),\n    });\n  }\n}\nasync function fetchOccurrencesAndLives(): Promise<Array<PlanningOccurrence|PlanningLive>> {\n  const params = {\n    canalId: props.radio?.id,\n    from:startOfDay.value,\n    to:endOfDay.value,\n  };\n  let occurrences: Array<PlanningOccurrence | PlanningLive> =\n    await classicApi.fetchData<Array<PlanningOccurrence>>({\n      api: 14,\n      path: \"planning/occurrence/list\",\n      parameters: params,\n    });\n  const lives: Array<PlanningOccurrence> = await classicApi.fetchData<\n    Array<PlanningOccurrence>\n  >({\n    api: 14,\n    path: \"live/list\",\n    parameters: params,\n  });\n\n  if (lives.length) {\n    occurrences = occurrences.concat(lives);\n    occurrences.sort((a, b) => {\n      if (a.startDate > b.startDate) {\n        return 1;\n      }\n      return b.startDate > a.startDate ? -1 : 0;\n    });\n  }\n  return occurrences;\n}\n\nasync function fetchOccurrences(): Promise<void> {\n  if (planning.value[daySelected.value]) {\n    return;\n  }\n  planning.value[daySelected.value] = {\n    morning: [],\n    afternoon: [],\n    evening: [],\n  };\n  planningLength.value[daySelected.value] = 0;\n  loading.value = true;\n  error.value = false;\n  try {\n    const occurrences = await fetchOccurrencesAndLives();\n    let periodDayIndex = 0;\n    for (const occ of occurrences) {\n      if (!occ.podcastId) {\n        continue;\n      }\n      if (\n        !dayjs(occ.startDate).isBefore(periodOfDay.value[periodDayIndex].end)\n      ) {\n        periodDayIndex += 1;\n      }\n\n      switch (periodOfDay.value[periodDayIndex].id) {\n        case \"morning\":\n          planning.value[daySelected.value].morning.push(occ);\n          break;\n        case \"afternoon\":\n          planning.value[daySelected.value].afternoon.push(occ);\n          break;\n        case \"evening\":\n          planning.value[daySelected.value].evening.push(occ);\n          break;\n        default:\n          break;\n      }\n      planningLength.value[daySelected.value] += 1;\n    }\n  } catch(e) {\n    error.value = true;\n    console.error(e);\n  }\n  loading.value = false;\n}\nfunction changeDate(date: number) {\n  daySelected.value = date;\n  fetchOccurrences();\n}\nfunction dateDisplay(date: Date): string {\n  return dayjs(date).format(\"HH:mm\");\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .program-item-date {\n    width: 100px;\n    font-size: 1.1rem;\n\n    @media (width <= 960px) {\n\t\t\tfont-size: 0.8rem;\n\t\t}\n  }\n\n  .program-item-img{\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n      height: 80px;\n      margin: 0.5rem 0.5rem 0 0 !important;\n\t\t}\n  }\n\n  .button-date {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n    padding: 0.5rem;\n\n    &.bg-primary{\n      color: var(--octopus-color-on-primary) !important;\n    }\n\n    &:hover {\n      background: var(--octopus-secondary);\n    }\n\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n\t\t}\n  }\n}\n</style>\n","<template>\n  <section class=\"module-box\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Program\") }}\n    </h2>\n    <div class=\"py-3\">\n      <div class=\"d-flex align-items-center w-100 mb-3\">\n        <button\n          v-for=\"day in displayArrayDays\"\n          :key=\"day.date\"\n          class=\"button-date border\"\n          :class=\"day.date == daySelected ? 'bg-primary' : ''\"\n          @click=\"changeDate(day.date)\"\n        >\n          <span class=\"text-capitalize\" >{{ day.dayOfWeek }}</span>\n          <time :datetime=\"day.iso\">{{ day.title }}</time>\n        </button>\n      </div>\n      <button v-if=\"isPhone\" class=\"btn btn-primary mb-3 mx-0\" @click=\"showAllDays = !showAllDays\">\n        <template v-if=\"!showAllDays\">{{ t('Show more days') }}</template>\n        <template v-else>{{ t('Show fewer days') }}</template>\n      </button>\n      <div\n        class=\"d-flex align-items-center justify-content-center border-bottom\"\n      >\n        <button\n          v-for=\"period in periodOfDay\"\n          :key=\"period.id\"\n          class=\"btn btn-underline mb-2\"\n          @click=\"scrollToElement('planning-period-' + period.id)\"\n        >\n          {{ period.title }}\n        </button>\n        <button class=\"btn btn-underline mb-2\" @click=\"changePeriodNow\">\n          {{ t(\"Now\") }}\n        </button>\n      </div>\n\n      <div class=\"d-flex flex-column p-3\">\n        <ClassicLoading\n          :loading-text=\"loading ? t('Loading content ...') : undefined\"\n          :error-text=\"error ? t(`Error`) : undefined\"\n        />\n        <template v-if=\"!loading && !error\">\n          <div v-if=\"!planningLength[daySelected]\" class=\"text-center\">\n            {{ t(\"No programming\") }}\n          </div>\n          <div v-for=\"period in periodOfDay\" v-else :key=\"period.id\">\n            <template v-if=\"planning[daySelected][period.id].length\">\n              <div\n                :id=\"'planning-period-' + period.id\"\n                class=\"fw-bold my-3 pb-2 border-bottom border-primary text-primary\"\n              >\n                {{ period.title }}\n              </div>\n              <div\n                v-for=\"planningItem in planning[daySelected][period.id]\"\n                :id=\"\n                  'planning-occurrence-' +\n                  planningItem.occurrenceId +\n                  '' +\n                  planningItem.liveId\n                \"\n                :key=\"planningItem.occurrenceId + '' + planningItem.liveId\"\n                class=\"d-flex align-items-center mb-3\"\n              >\n                <time :datetime=\"planningItem.startDate\" class=\"program-item-date fw-bold flex-shrink-0\">\n                  {{ dateDisplay(planningItem.startDate) }}\n                </time>\n                <router-link\n                  class=\"d-flex align-items-center flex-nowrap text-dark\"\n                  :to=\"{\n                    name: 'podcast',\n                    params: { podcastId: planningItem.podcastId },\n                  }\"\n                  :title=\"t('Episode name page', { name: planningItem.title })\"\n                >\n                  <img\n                    v-lazy=\"\n                      useProxyImageUrl(planningItem.podcastData.imageUrl, '150')\n                    \"\n                    width=\"150\"\n                    height=\"150\"\n                    class=\"m-2 program-item-img\"\n                    aria-hidden=\"true\"\n        alt=\"\"\n                    \n                    :title=\"\n                      t('Episode name image', {\n                        name: planningItem.podcastData.title,\n                      })\n                    \"\n                  />\n                  <div class=\"d-flex flex-column\">\n                    <div class=\"d-flex align-items-center mb-2\">\n                      <div\n                        v-if=\"planningItem.liveId\"\n                        class=\"bg-complementary text-white p-1 me-1\"\n                      >\n                        {{ t(\"Live\") }}\n                      </div>\n                      <div class=\"flex-grow-1 fw-bold\">\n                        {{ planningItem.podcastData.title }}\n                      </div>\n                    </div>\n                  </div>\n                </router-link>\n              </div>\n            </template>\n          </div>\n        </template>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\ndayjs.extend(utc);\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, nextTick, onMounted, ref, Ref } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { PlanningOccurrence } from \"@/stores/class/radio/recurrence\";\nimport { PlanningLive } from \"@/stores/class/radio/live\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  radio: { default: undefined, type: Object as () => Canal },\n})\n\n//Data \nconst planning: Ref<{\n  [key: number]: {\n    morning: Array<PlanningOccurrence | PlanningLive>;\n    afternoon: Array<PlanningOccurrence | PlanningLive>;\n    evening: Array<PlanningOccurrence | PlanningLive>;\n  };\n}> = ref({});\nconst planningLength: Ref<{ [key: number]: number }> = ref({});\nconst daySelected = ref(dayjs().valueOf());\nconst arrayDays: Ref<Array<{\n  title: string;\n  date: number;\n  dayOfWeek: string;\n  iso: string;\n}>> = ref([]);\nconst loading = ref(true);\nconst error = ref(false);\nconst showAllDays = ref(false);\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst startOfDay = computed(() => dayjs(daySelected.value).startOf(\"date\").toISOString());\nconst endOfDay = computed(() => dayjs(daySelected.value).endOf(\"date\").toISOString());\nconst periodOfDay = computed(() => {\n  return [\n    {\n      id: \"morning\",\n      title: t(\"Morning\"),\n      end: dayjs(daySelected.value)\n        .hour(14)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"afternoon\",\n      title: t(\"Afternoon\"),\n      end: dayjs(daySelected.value)\n        .hour(19)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"evening\",\n      title: t(\"Evening\"),\n      end: dayjs(daySelected.value).endOf(\"date\"),\n    },\n  ];\n});\nconst displayArrayDays = computed(() => {\n  if(isPhone && !showAllDays.value){\n    return arrayDays.value.slice(6, 9);\n  }\n  return arrayDays.value;\n});\n\n\nonMounted(()=>{\n  createArrayDays();\n  fetchOccurrences();\n})\n\n\n//Mounted\nfunction scrollToElement(id: string) {\n  const element = document.getElementById(id);\n  if (element) {\n    const yOffset = -110;\n    const y =\n      element.getBoundingClientRect().top + window.scrollY + yOffset;\n    window.scrollTo({ top: y, behavior: \"smooth\" });\n  }\n}\nfunction changePeriodNow() {\n  const now = dayjs();\n  if (!dayjs(daySelected.value).isSame(now, \"day\")) {\n    changeDate(arrayDays.value[7].date);\n  }\n  nextTick(() => {\n    if (!planningLength.value[daySelected.value]) {\n      return;\n    }\n    const arrayOccurrences = Object.values(\n      planning.value[daySelected.value],\n    ).reduce((r, c) => r.concat(c), []);\n    let selectedOccurrence = arrayOccurrences[0];\n    for (const occ of arrayOccurrences) {\n      selectedOccurrence = occ;\n      if (dayjs(occ.endDate).isAfter(now)) {\n        break;\n      }\n    }\n    scrollToElement(\n      \"planning-occurrence-\" +\n        selectedOccurrence.occurrenceId +\n        \"\" +\n        selectedOccurrence.liveId,\n    );\n  });\n}\nfunction createArrayDays() {\n  for (let index = -7; index < 3; index++) {\n    const dayToAdd = dayjs().add(index, \"day\");\n    if (0 === index) {\n      daySelected.value = dayToAdd.valueOf();\n    }\n    arrayDays.value.push({\n      title: dayToAdd.format(\"D/MM\"),\n      dayOfWeek: dayToAdd.format(\"dddd\"),\n      date: dayToAdd.valueOf(),\n      iso: dayToAdd.format(\"MM-DD\"),\n    });\n  }\n}\nasync function fetchOccurrencesAndLives(): Promise<Array<PlanningOccurrence|PlanningLive>> {\n  const params = {\n    canalId: props.radio?.id,\n    from:startOfDay.value,\n    to:endOfDay.value,\n  };\n  let occurrences: Array<PlanningOccurrence | PlanningLive> =\n    await classicApi.fetchData<Array<PlanningOccurrence>>({\n      api: 14,\n      path: \"planning/occurrence/list\",\n      parameters: params,\n    });\n  const lives: Array<PlanningOccurrence> = await classicApi.fetchData<\n    Array<PlanningOccurrence>\n  >({\n    api: 14,\n    path: \"live/list\",\n    parameters: params,\n  });\n\n  if (lives.length) {\n    occurrences = occurrences.concat(lives);\n    occurrences.sort((a, b) => {\n      if (a.startDate > b.startDate) {\n        return 1;\n      }\n      return b.startDate > a.startDate ? -1 : 0;\n    });\n  }\n  return occurrences;\n}\n\nasync function fetchOccurrences(): Promise<void> {\n  if (planning.value[daySelected.value]) {\n    return;\n  }\n  planning.value[daySelected.value] = {\n    morning: [],\n    afternoon: [],\n    evening: [],\n  };\n  planningLength.value[daySelected.value] = 0;\n  loading.value = true;\n  error.value = false;\n  try {\n    const occurrences = await fetchOccurrencesAndLives();\n    let periodDayIndex = 0;\n    for (const occ of occurrences) {\n      if (!occ.podcastId) {\n        continue;\n      }\n      if (\n        !dayjs(occ.startDate).isBefore(periodOfDay.value[periodDayIndex].end)\n      ) {\n        periodDayIndex += 1;\n      }\n\n      switch (periodOfDay.value[periodDayIndex].id) {\n        case \"morning\":\n          planning.value[daySelected.value].morning.push(occ);\n          break;\n        case \"afternoon\":\n          planning.value[daySelected.value].afternoon.push(occ);\n          break;\n        case \"evening\":\n          planning.value[daySelected.value].evening.push(occ);\n          break;\n        default:\n          break;\n      }\n      planningLength.value[daySelected.value] += 1;\n    }\n  } catch(e) {\n    error.value = true;\n    console.error(e);\n  }\n  loading.value = false;\n}\nfunction changeDate(date: number) {\n  daySelected.value = date;\n  fetchOccurrences();\n}\nfunction dateDisplay(date: Date): string {\n  return dayjs(date).format(\"HH:mm\");\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .program-item-date {\n    width: 100px;\n    font-size: 1.1rem;\n\n    @media (width <= 960px) {\n\t\t\tfont-size: 0.8rem;\n\t\t}\n  }\n\n  .program-item-img{\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n      height: 80px;\n      margin: 0.5rem 0.5rem 0 0 !important;\n\t\t}\n  }\n\n  .button-date {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n    padding: 0.5rem;\n\n    &.bg-primary{\n      color: var(--octopus-color-on-primary) !important;\n    }\n\n    &:hover {\n      background: var(--octopus-secondary);\n    }\n\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n\t\t}\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{RadioPlanning-nkv_Mb_t.mjs → RadioPlanning-BmIxuUBI.mjs}

@@ -1,7 +1,7 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { t } from "./classicApi-pmODlqv5.mjs";
+import { t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./useResizePhone-4hSkK5pa.mjs";
-import { t as r } from "./useImageProxy-8ndy_oTo.mjs";
+import { t as r } from "./useImageProxy-CCpDzPmQ.mjs";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as ee, onMounted as p, openBlock as m, ref as h, renderList as g, resolveComponent as _, resolveDirective as v, toDisplayString as y, unref as b, withCtx as x, withDirectives as S } from "vue";
 import { useI18n as C } from "vue-i18n";
 import w from "dayjs";

package/dist/RadioPlanning-Bx-N-xqX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPlanning-Bx-N-xqX.mjs","names":["classicApi","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_normalizeClass","_createTextVNode","_createCommentVNode","_createVNode","_withCtx","_withDirectives","_sfc_main"],"sources":["../src/components/display/live/RadioPlanning.vue","../src/components/display/live/RadioPlanning.vue"],"sourcesContent":["<template>\n  <section class=\"module-box\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Program\") }}\n    </h2>\n    <div class=\"py-3\">\n      <div class=\"d-flex align-items-center w-100 mb-3\">\n        <button\n          v-for=\"day in displayArrayDays\"\n          :key=\"day.date\"\n          class=\"button-date border\"\n          :class=\"day.date == daySelected ? 'bg-primary' : ''\"\n          @click=\"changeDate(day.date)\"\n        >\n          <span class=\"text-capitalize\" >{{ day.dayOfWeek }}</span>\n          <time :datetime=\"day.iso\">{{ day.title }}</time>\n        </button>\n      </div>\n      <button v-if=\"isPhone\" class=\"btn btn-primary mb-3 mx-0\" @click=\"showAllDays = !showAllDays\">\n        <template v-if=\"!showAllDays\">{{ t('Show more days') }}</template>\n        <template v-else>{{ t('Show fewer days') }}</template>\n      </button>\n      <div\n        class=\"d-flex align-items-center justify-content-center border-bottom\"\n      >\n        <button\n          v-for=\"period in periodOfDay\"\n          :key=\"period.id\"\n          class=\"btn btn-underline mb-2\"\n          @click=\"scrollToElement('planning-period-' + period.id)\"\n        >\n          {{ period.title }}\n        </button>\n        <button class=\"btn btn-underline mb-2\" @click=\"changePeriodNow\">\n          {{ t(\"Now\") }}\n        </button>\n      </div>\n\n      <div class=\"d-flex flex-column p-3\">\n        <ClassicLoading\n          :loading-text=\"loading ? t('Loading content ...') : undefined\"\n          :error-text=\"error ? t(`Error`) : undefined\"\n        />\n        <template v-if=\"!loading && !error\">\n          <div v-if=\"!planningLength[daySelected]\" class=\"text-center\">\n            {{ t(\"No programming\") }}\n          </div>\n          <div v-for=\"period in periodOfDay\" v-else :key=\"period.id\">\n            <template v-if=\"planning[daySelected][period.id].length\">\n              <div\n                :id=\"'planning-period-' + period.id\"\n                class=\"fw-bold my-3 pb-2 border-bottom border-primary text-primary\"\n              >\n                {{ period.title }}\n              </div>\n              <div\n                v-for=\"planningItem in planning[daySelected][period.id]\"\n                :id=\"\n                  'planning-occurrence-' +\n                  planningItem.occurrenceId +\n                  '' +\n                  planningItem.liveId\n                \"\n                :key=\"planningItem.occurrenceId + '' + planningItem.liveId\"\n                class=\"d-flex align-items-center mb-3\"\n              >\n                <time :datetime=\"planningItem.startDate\" class=\"program-item-date fw-bold flex-shrink-0\">\n                  {{ dateDisplay(planningItem.startDate) }}\n                </time>\n                <router-link\n                  class=\"d-flex align-items-center flex-nowrap text-dark\"\n                  :to=\"{\n                    name: 'podcast',\n                    params: { podcastId: planningItem.podcastId },\n                  }\"\n                  :title=\"t('Episode name page', { name: planningItem.title })\"\n                >\n                  <img\n                    v-lazy=\"\n                      useProxyImageUrl(planningItem.podcastData.imageUrl, '150')\n                    \"\n                    width=\"150\"\n                    height=\"150\"\n                    class=\"m-2 program-item-img\"\n                    aria-hidden=\"true\"\n        alt=\"\"\n                    \n                    :title=\"\n                      t('Episode name image', {\n                        name: planningItem.podcastData.title,\n                      })\n                    \"\n                  />\n                  <div class=\"d-flex flex-column\">\n                    <div class=\"d-flex align-items-center mb-2\">\n                      <div\n                        v-if=\"planningItem.liveId\"\n                        class=\"bg-complementary text-white p-1 me-1\"\n                      >\n                        {{ t(\"Live\") }}\n                      </div>\n                      <div class=\"flex-grow-1 fw-bold\">\n                        {{ planningItem.podcastData.title }}\n                      </div>\n                    </div>\n                  </div>\n                </router-link>\n              </div>\n            </template>\n          </div>\n        </template>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\ndayjs.extend(utc);\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, nextTick, onMounted, ref, Ref } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { PlanningOccurrence } from \"@/stores/class/radio/recurrence\";\nimport { PlanningLive } from \"@/stores/class/radio/live\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  radio: { default: undefined, type: Object as () => Canal },\n})\n\n//Data \nconst planning: Ref<{\n  [key: number]: {\n    morning: Array<PlanningOccurrence | PlanningLive>;\n    afternoon: Array<PlanningOccurrence | PlanningLive>;\n    evening: Array<PlanningOccurrence | PlanningLive>;\n  };\n}> = ref({});\nconst planningLength: Ref<{ [key: number]: number }> = ref({});\nconst daySelected = ref(dayjs().valueOf());\nconst arrayDays: Ref<Array<{\n  title: string;\n  date: number;\n  dayOfWeek: string;\n  iso: string;\n}>> = ref([]);\nconst loading = ref(true);\nconst error = ref(false);\nconst showAllDays = ref(false);\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst startOfDay = computed(() => dayjs(daySelected.value).startOf(\"date\").toISOString());\nconst endOfDay = computed(() => dayjs(daySelected.value).endOf(\"date\").toISOString());\nconst periodOfDay = computed(() => {\n  return [\n    {\n      id: \"morning\",\n      title: t(\"Morning\"),\n      end: dayjs(daySelected.value)\n        .hour(14)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"afternoon\",\n      title: t(\"Afternoon\"),\n      end: dayjs(daySelected.value)\n        .hour(19)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"evening\",\n      title: t(\"Evening\"),\n      end: dayjs(daySelected.value).endOf(\"date\"),\n    },\n  ];\n});\nconst displayArrayDays = computed(() => {\n  if(isPhone && !showAllDays.value){\n    return arrayDays.value.slice(6, 9);\n  }\n  return arrayDays.value;\n});\n\n\nonMounted(()=>{\n  createArrayDays();\n  fetchOccurrences();\n})\n\n\n//Mounted\nfunction scrollToElement(id: string) {\n  const element = document.getElementById(id);\n  if (element) {\n    const yOffset = -110;\n    const y =\n      element.getBoundingClientRect().top + window.scrollY + yOffset;\n    window.scrollTo({ top: y, behavior: \"smooth\" });\n  }\n}\nfunction changePeriodNow() {\n  const now = dayjs();\n  if (!dayjs(daySelected.value).isSame(now, \"day\")) {\n    changeDate(arrayDays.value[7].date);\n  }\n  nextTick(() => {\n    if (!planningLength.value[daySelected.value]) {\n      return;\n    }\n    const arrayOccurrences = Object.values(\n      planning.value[daySelected.value],\n    ).reduce((r, c) => r.concat(c), []);\n    let selectedOccurrence = arrayOccurrences[0];\n    for (const occ of arrayOccurrences) {\n      selectedOccurrence = occ;\n      if (dayjs(occ.endDate).isAfter(now)) {\n        break;\n      }\n    }\n    scrollToElement(\n      \"planning-occurrence-\" +\n        selectedOccurrence.occurrenceId +\n        \"\" +\n        selectedOccurrence.liveId,\n    );\n  });\n}\nfunction createArrayDays() {\n  for (let index = -7; index < 3; index++) {\n    const dayToAdd = dayjs().add(index, \"day\");\n    if (0 === index) {\n      daySelected.value = dayToAdd.valueOf();\n    }\n    arrayDays.value.push({\n      title: dayToAdd.format(\"D/MM\"),\n      dayOfWeek: dayToAdd.format(\"dddd\"),\n      date: dayToAdd.valueOf(),\n      iso: dayToAdd.format(\"MM-DD\"),\n    });\n  }\n}\nasync function fetchOccurrencesAndLives(): Promise<Array<PlanningOccurrence|PlanningLive>> {\n  const params = {\n    canalId: props.radio?.id,\n    from:startOfDay.value,\n    to:endOfDay.value,\n  };\n  let occurrences: Array<PlanningOccurrence | PlanningLive> =\n    await classicApi.fetchData<Array<PlanningOccurrence>>({\n      api: 14,\n      path: \"planning/occurrence/list\",\n      parameters: params,\n    });\n  const lives: Array<PlanningOccurrence> = await classicApi.fetchData<\n    Array<PlanningOccurrence>\n  >({\n    api: 14,\n    path: \"live/list\",\n    parameters: params,\n  });\n\n  if (lives.length) {\n    occurrences = occurrences.concat(lives);\n    occurrences.sort((a, b) => {\n      if (a.startDate > b.startDate) {\n        return 1;\n      }\n      return b.startDate > a.startDate ? -1 : 0;\n    });\n  }\n  return occurrences;\n}\n\nasync function fetchOccurrences(): Promise<void> {\n  if (planning.value[daySelected.value]) {\n    return;\n  }\n  planning.value[daySelected.value] = {\n    morning: [],\n    afternoon: [],\n    evening: [],\n  };\n  planningLength.value[daySelected.value] = 0;\n  loading.value = true;\n  error.value = false;\n  try {\n    const occurrences = await fetchOccurrencesAndLives();\n    let periodDayIndex = 0;\n    for (const occ of occurrences) {\n      if (!occ.podcastId) {\n        continue;\n      }\n      if (\n        !dayjs(occ.startDate).isBefore(periodOfDay.value[periodDayIndex].end)\n      ) {\n        periodDayIndex += 1;\n      }\n\n      switch (periodOfDay.value[periodDayIndex].id) {\n        case \"morning\":\n          planning.value[daySelected.value].morning.push(occ);\n          break;\n        case \"afternoon\":\n          planning.value[daySelected.value].afternoon.push(occ);\n          break;\n        case \"evening\":\n          planning.value[daySelected.value].evening.push(occ);\n          break;\n        default:\n          break;\n      }\n      planningLength.value[daySelected.value] += 1;\n    }\n  } catch(e) {\n    error.value = true;\n    console.error(e);\n  }\n  loading.value = false;\n}\nfunction changeDate(date: number) {\n  daySelected.value = date;\n  fetchOccurrences();\n}\nfunction dateDisplay(date: Date): string {\n  return dayjs(date).format(\"HH:mm\");\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .program-item-date {\n    width: 100px;\n    font-size: 1.1rem;\n\n    @media (width <= 960px) {\n\t\t\tfont-size: 0.8rem;\n\t\t}\n  }\n\n  .program-item-img{\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n      height: 80px;\n      margin: 0.5rem 0.5rem 0 0 !important;\n\t\t}\n  }\n\n  .button-date {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n    padding: 0.5rem;\n\n    &.bg-primary{\n      color: var(--octopus-color-on-primary) !important;\n    }\n\n    &:hover {\n      background: var(--octopus-secondary);\n    }\n\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n\t\t}\n  }\n}\n</style>\n","<template>\n  <section class=\"module-box\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Program\") }}\n    </h2>\n    <div class=\"py-3\">\n      <div class=\"d-flex align-items-center w-100 mb-3\">\n        <button\n          v-for=\"day in displayArrayDays\"\n          :key=\"day.date\"\n          class=\"button-date border\"\n          :class=\"day.date == daySelected ? 'bg-primary' : ''\"\n          @click=\"changeDate(day.date)\"\n        >\n          <span class=\"text-capitalize\" >{{ day.dayOfWeek }}</span>\n          <time :datetime=\"day.iso\">{{ day.title }}</time>\n        </button>\n      </div>\n      <button v-if=\"isPhone\" class=\"btn btn-primary mb-3 mx-0\" @click=\"showAllDays = !showAllDays\">\n        <template v-if=\"!showAllDays\">{{ t('Show more days') }}</template>\n        <template v-else>{{ t('Show fewer days') }}</template>\n      </button>\n      <div\n        class=\"d-flex align-items-center justify-content-center border-bottom\"\n      >\n        <button\n          v-for=\"period in periodOfDay\"\n          :key=\"period.id\"\n          class=\"btn btn-underline mb-2\"\n          @click=\"scrollToElement('planning-period-' + period.id)\"\n        >\n          {{ period.title }}\n        </button>\n        <button class=\"btn btn-underline mb-2\" @click=\"changePeriodNow\">\n          {{ t(\"Now\") }}\n        </button>\n      </div>\n\n      <div class=\"d-flex flex-column p-3\">\n        <ClassicLoading\n          :loading-text=\"loading ? t('Loading content ...') : undefined\"\n          :error-text=\"error ? t(`Error`) : undefined\"\n        />\n        <template v-if=\"!loading && !error\">\n          <div v-if=\"!planningLength[daySelected]\" class=\"text-center\">\n            {{ t(\"No programming\") }}\n          </div>\n          <div v-for=\"period in periodOfDay\" v-else :key=\"period.id\">\n            <template v-if=\"planning[daySelected][period.id].length\">\n              <div\n                :id=\"'planning-period-' + period.id\"\n                class=\"fw-bold my-3 pb-2 border-bottom border-primary text-primary\"\n              >\n                {{ period.title }}\n              </div>\n              <div\n                v-for=\"planningItem in planning[daySelected][period.id]\"\n                :id=\"\n                  'planning-occurrence-' +\n                  planningItem.occurrenceId +\n                  '' +\n                  planningItem.liveId\n                \"\n                :key=\"planningItem.occurrenceId + '' + planningItem.liveId\"\n                class=\"d-flex align-items-center mb-3\"\n              >\n                <time :datetime=\"planningItem.startDate\" class=\"program-item-date fw-bold flex-shrink-0\">\n                  {{ dateDisplay(planningItem.startDate) }}\n                </time>\n                <router-link\n                  class=\"d-flex align-items-center flex-nowrap text-dark\"\n                  :to=\"{\n                    name: 'podcast',\n                    params: { podcastId: planningItem.podcastId },\n                  }\"\n                  :title=\"t('Episode name page', { name: planningItem.title })\"\n                >\n                  <img\n                    v-lazy=\"\n                      useProxyImageUrl(planningItem.podcastData.imageUrl, '150')\n                    \"\n                    width=\"150\"\n                    height=\"150\"\n                    class=\"m-2 program-item-img\"\n                    aria-hidden=\"true\"\n        alt=\"\"\n                    \n                    :title=\"\n                      t('Episode name image', {\n                        name: planningItem.podcastData.title,\n                      })\n                    \"\n                  />\n                  <div class=\"d-flex flex-column\">\n                    <div class=\"d-flex align-items-center mb-2\">\n                      <div\n                        v-if=\"planningItem.liveId\"\n                        class=\"bg-complementary text-white p-1 me-1\"\n                      >\n                        {{ t(\"Live\") }}\n                      </div>\n                      <div class=\"flex-grow-1 fw-bold\">\n                        {{ planningItem.podcastData.title }}\n                      </div>\n                    </div>\n                  </div>\n                </router-link>\n              </div>\n            </template>\n          </div>\n        </template>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\ndayjs.extend(utc);\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, nextTick, onMounted, ref, Ref } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { PlanningOccurrence } from \"@/stores/class/radio/recurrence\";\nimport { PlanningLive } from \"@/stores/class/radio/live\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  radio: { default: undefined, type: Object as () => Canal },\n})\n\n//Data \nconst planning: Ref<{\n  [key: number]: {\n    morning: Array<PlanningOccurrence | PlanningLive>;\n    afternoon: Array<PlanningOccurrence | PlanningLive>;\n    evening: Array<PlanningOccurrence | PlanningLive>;\n  };\n}> = ref({});\nconst planningLength: Ref<{ [key: number]: number }> = ref({});\nconst daySelected = ref(dayjs().valueOf());\nconst arrayDays: Ref<Array<{\n  title: string;\n  date: number;\n  dayOfWeek: string;\n  iso: string;\n}>> = ref([]);\nconst loading = ref(true);\nconst error = ref(false);\nconst showAllDays = ref(false);\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPhone } = useResizePhone();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst startOfDay = computed(() => dayjs(daySelected.value).startOf(\"date\").toISOString());\nconst endOfDay = computed(() => dayjs(daySelected.value).endOf(\"date\").toISOString());\nconst periodOfDay = computed(() => {\n  return [\n    {\n      id: \"morning\",\n      title: t(\"Morning\"),\n      end: dayjs(daySelected.value)\n        .hour(14)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"afternoon\",\n      title: t(\"Afternoon\"),\n      end: dayjs(daySelected.value)\n        .hour(19)\n        .minute(0)\n        .second(0)\n        .millisecond(0),\n    },\n    {\n      id: \"evening\",\n      title: t(\"Evening\"),\n      end: dayjs(daySelected.value).endOf(\"date\"),\n    },\n  ];\n});\nconst displayArrayDays = computed(() => {\n  if(isPhone && !showAllDays.value){\n    return arrayDays.value.slice(6, 9);\n  }\n  return arrayDays.value;\n});\n\n\nonMounted(()=>{\n  createArrayDays();\n  fetchOccurrences();\n})\n\n\n//Mounted\nfunction scrollToElement(id: string) {\n  const element = document.getElementById(id);\n  if (element) {\n    const yOffset = -110;\n    const y =\n      element.getBoundingClientRect().top + window.scrollY + yOffset;\n    window.scrollTo({ top: y, behavior: \"smooth\" });\n  }\n}\nfunction changePeriodNow() {\n  const now = dayjs();\n  if (!dayjs(daySelected.value).isSame(now, \"day\")) {\n    changeDate(arrayDays.value[7].date);\n  }\n  nextTick(() => {\n    if (!planningLength.value[daySelected.value]) {\n      return;\n    }\n    const arrayOccurrences = Object.values(\n      planning.value[daySelected.value],\n    ).reduce((r, c) => r.concat(c), []);\n    let selectedOccurrence = arrayOccurrences[0];\n    for (const occ of arrayOccurrences) {\n      selectedOccurrence = occ;\n      if (dayjs(occ.endDate).isAfter(now)) {\n        break;\n      }\n    }\n    scrollToElement(\n      \"planning-occurrence-\" +\n        selectedOccurrence.occurrenceId +\n        \"\" +\n        selectedOccurrence.liveId,\n    );\n  });\n}\nfunction createArrayDays() {\n  for (let index = -7; index < 3; index++) {\n    const dayToAdd = dayjs().add(index, \"day\");\n    if (0 === index) {\n      daySelected.value = dayToAdd.valueOf();\n    }\n    arrayDays.value.push({\n      title: dayToAdd.format(\"D/MM\"),\n      dayOfWeek: dayToAdd.format(\"dddd\"),\n      date: dayToAdd.valueOf(),\n      iso: dayToAdd.format(\"MM-DD\"),\n    });\n  }\n}\nasync function fetchOccurrencesAndLives(): Promise<Array<PlanningOccurrence|PlanningLive>> {\n  const params = {\n    canalId: props.radio?.id,\n    from:startOfDay.value,\n    to:endOfDay.value,\n  };\n  let occurrences: Array<PlanningOccurrence | PlanningLive> =\n    await classicApi.fetchData<Array<PlanningOccurrence>>({\n      api: 14,\n      path: \"planning/occurrence/list\",\n      parameters: params,\n    });\n  const lives: Array<PlanningOccurrence> = await classicApi.fetchData<\n    Array<PlanningOccurrence>\n  >({\n    api: 14,\n    path: \"live/list\",\n    parameters: params,\n  });\n\n  if (lives.length) {\n    occurrences = occurrences.concat(lives);\n    occurrences.sort((a, b) => {\n      if (a.startDate > b.startDate) {\n        return 1;\n      }\n      return b.startDate > a.startDate ? -1 : 0;\n    });\n  }\n  return occurrences;\n}\n\nasync function fetchOccurrences(): Promise<void> {\n  if (planning.value[daySelected.value]) {\n    return;\n  }\n  planning.value[daySelected.value] = {\n    morning: [],\n    afternoon: [],\n    evening: [],\n  };\n  planningLength.value[daySelected.value] = 0;\n  loading.value = true;\n  error.value = false;\n  try {\n    const occurrences = await fetchOccurrencesAndLives();\n    let periodDayIndex = 0;\n    for (const occ of occurrences) {\n      if (!occ.podcastId) {\n        continue;\n      }\n      if (\n        !dayjs(occ.startDate).isBefore(periodOfDay.value[periodDayIndex].end)\n      ) {\n        periodDayIndex += 1;\n      }\n\n      switch (periodOfDay.value[periodDayIndex].id) {\n        case \"morning\":\n          planning.value[daySelected.value].morning.push(occ);\n          break;\n        case \"afternoon\":\n          planning.value[daySelected.value].afternoon.push(occ);\n          break;\n        case \"evening\":\n          planning.value[daySelected.value].evening.push(occ);\n          break;\n        default:\n          break;\n      }\n      planningLength.value[daySelected.value] += 1;\n    }\n  } catch(e) {\n    error.value = true;\n    console.error(e);\n  }\n  loading.value = false;\n}\nfunction changeDate(date: number) {\n  daySelected.value = date;\n  fetchOccurrences();\n}\nfunction dateDisplay(date: Date): string {\n  return dayjs(date).format(\"HH:mm\");\n}\n</script>\n<style lang=\"scss\">\n.octopus-app {\n  .program-item-date {\n    width: 100px;\n    font-size: 1.1rem;\n\n    @media (width <= 960px) {\n\t\t\tfont-size: 0.8rem;\n\t\t}\n  }\n\n  .program-item-img{\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n      height: 80px;\n      margin: 0.5rem 0.5rem 0 0 !important;\n\t\t}\n  }\n\n  .button-date {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n    padding: 0.5rem;\n\n    &.bg-primary{\n      color: var(--octopus-color-on-primary) !important;\n    }\n\n    &:hover {\n      background: var(--octopus-secondary);\n    }\n\n    @media (width <= 960px) {\n\t\t\twidth: 80px;\n\t\t}\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/RadioProgressBar-0XM3ZTGU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioProgressBar-0XM3ZTGU.mjs","names":["_openBlock","_createElementBlock","_normalizeClass","_sfc_main"],"sources":["../src/components/misc/player/radio/RadioProgressBar.vue","../src/components/misc/player/radio/RadioProgressBar.vue"],"sourcesContent":["<template>\n  <progress\n    class=\"c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"percentProgress\"\n    :aria-label=\"t('Radio')\"\n    :class=\"isAmbiance ? 'ambiance-progress' : ''\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport dayjs from \"dayjs\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onMounted, onUnmounted, ref, Ref } from \"vue\";\n\n//Data \nconst percentInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isAmbiance = computed(() => !playerStore.playerRadio?.podcast?.podcastId);\nconst percentProgress = computed(() => {\n  if (!playerStore.playerElapsed) {\n    return 0;\n  }\n  return playerStore.playerElapsed * 100;\n});\n\n\nonMounted(()=>handlePercentInterval())\nonUnmounted(()=>clearInterval(percentInterval.value as unknown as number))\n\n\n//Methods\nfunction handlePercentInterval(): void {\n  percentInterval.value = setInterval(() => {calculatePercent();}, 1000);\n}\nfunction calculatePercent(): void {\n  if (!playerStore.playerRadio?.metadata) {\n    return;\n  }\n  const actualMilliSecondsPlayed = dayjs()\n    .subtract(18, \"second\")\n    .diff(dayjs(playerStore.playerRadio.metadata.startDate));\n  const percentPlayed =\n    actualMilliSecondsPlayed /\n    (playerStore.playerRadio?.metadata.playDuration * 1000);\n    playerStore.playerUpdateElapsed(\n    percentPlayed,\n    playerStore.playerRadio?.metadata.playDuration,\n  );\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n","<template>\n  <progress\n    class=\"c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"percentProgress\"\n    :aria-label=\"t('Radio')\"\n    :class=\"isAmbiance ? 'ambiance-progress' : ''\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport dayjs from \"dayjs\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onMounted, onUnmounted, ref, Ref } from \"vue\";\n\n//Data \nconst percentInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isAmbiance = computed(() => !playerStore.playerRadio?.podcast?.podcastId);\nconst percentProgress = computed(() => {\n  if (!playerStore.playerElapsed) {\n    return 0;\n  }\n  return playerStore.playerElapsed * 100;\n});\n\n\nonMounted(()=>handlePercentInterval())\nonUnmounted(()=>clearInterval(percentInterval.value as unknown as number))\n\n\n//Methods\nfunction handlePercentInterval(): void {\n  percentInterval.value = setInterval(() => {calculatePercent();}, 1000);\n}\nfunction calculatePercent(): void {\n  if (!playerStore.playerRadio?.metadata) {\n    return;\n  }\n  const actualMilliSecondsPlayed = dayjs()\n    .subtract(18, \"second\")\n    .diff(dayjs(playerStore.playerRadio.metadata.startDate));\n  const percentPlayed =\n    actualMilliSecondsPlayed /\n    (playerStore.playerRadio?.metadata.playDuration * 1000);\n    playerStore.playerUpdateElapsed(\n    percentPlayed,\n    playerStore.playerRadio?.metadata.playDuration,\n  );\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;EAkBA,MAAM,kBAAkE,IAAI,KAAA,CAAS;EAGrF,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAInC,MAAM,aAAa,eAAe,CAAC,YAAY,aAAa,SAAS,SAAS;EAC9E,MAAM,kBAAkB,eAAe;GACrC,IAAI,CAAC,YAAY,eACf,OAAO;GAET,OAAO,YAAY,gBAAgB;EACrC,CAAC;EAGD,gBAAc,sBAAsB,CAAC;EACrC,kBAAgB,cAAc,gBAAgB,KAA0B,CAAC;EAIzE,SAAS,wBAA8B;GACrC,gBAAgB,QAAQ,kBAAkB;IAAC,iBAAiB;GAAE,GAAG,GAAI;EACvE;EACA,SAAS,mBAAyB;GAChC,IAAI,CAAC,YAAY,aAAa,UAC5B;GAKF,MAAM,gBAH2B,MAAM,CAAA,CACpC,SAAS,IAAI,QAAQ,CAAA,CACrB,KAAK,MAAM,YAAY,YAAY,SAAS,SAAS,CAEtD,KACC,YAAY,aAAa,SAAS,eAAe;GAClD,YAAY,oBACZ,eACA,YAAY,aAAa,SAAS,YACpC;EACF;;;;;;;;;;;;;;;;;;;;;CCxDE,OAAAA,UAAA,GAAAC,mBAOE,YAAA;EANA,OAAKC,eAAA,CAAC,oBAKE,OAAA,aAAU,sBAAA,EAAA,CAAA;EAJlB,KAAI;EACJ,KAAI;EACH,OAAO,OAAA;EACP,cAAY,OAAA,EAAC,OAAA"}

package/dist/{RadioProgressBar-B2EgCOrK.mjs → RadioProgressBar-CQRGuPpC.mjs}

@@ -1,4 +1,4 @@
-import { n as e } from "./PlayerStore-CKprkxa0.mjs";
+import { n as e } from "./PlayerStore-DggKki80.mjs";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
 import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, onMounted as o, onUnmounted as s, openBlock as c, ref as l, unref as u } from "vue";
 import { useI18n as d } from "vue-i18n";

package/dist/RadioProgressBar-oyeS56mV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioProgressBar-oyeS56mV.mjs","names":["_openBlock","_createElementBlock","_normalizeClass","_sfc_main"],"sources":["../src/components/misc/player/radio/RadioProgressBar.vue","../src/components/misc/player/radio/RadioProgressBar.vue"],"sourcesContent":["<template>\n  <progress\n    class=\"c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"percentProgress\"\n    :aria-label=\"t('Radio')\"\n    :class=\"isAmbiance ? 'ambiance-progress' : ''\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport dayjs from \"dayjs\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onMounted, onUnmounted, ref, Ref } from \"vue\";\n\n//Data \nconst percentInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isAmbiance = computed(() => !playerStore.playerRadio?.podcast?.podcastId);\nconst percentProgress = computed(() => {\n  if (!playerStore.playerElapsed) {\n    return 0;\n  }\n  return playerStore.playerElapsed * 100;\n});\n\n\nonMounted(()=>handlePercentInterval())\nonUnmounted(()=>clearInterval(percentInterval.value as unknown as number))\n\n\n//Methods\nfunction handlePercentInterval(): void {\n  percentInterval.value = setInterval(() => {calculatePercent();}, 1000);\n}\nfunction calculatePercent(): void {\n  if (!playerStore.playerRadio?.metadata) {\n    return;\n  }\n  const actualMilliSecondsPlayed = dayjs()\n    .subtract(18, \"second\")\n    .diff(dayjs(playerStore.playerRadio.metadata.startDate));\n  const percentPlayed =\n    actualMilliSecondsPlayed /\n    (playerStore.playerRadio?.metadata.playDuration * 1000);\n    playerStore.playerUpdateElapsed(\n    percentPlayed,\n    playerStore.playerRadio?.metadata.playDuration,\n  );\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n","<template>\n  <progress\n    class=\"c-hand-auto mt-1\"\n    min=\"0\"\n    max=\"100\"\n    :value=\"percentProgress\"\n    :aria-label=\"t('Radio')\"\n    :class=\"isAmbiance ? 'ambiance-progress' : ''\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport dayjs from \"dayjs\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onMounted, onUnmounted, ref, Ref } from \"vue\";\n\n//Data \nconst percentInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isAmbiance = computed(() => !playerStore.playerRadio?.podcast?.podcastId);\nconst percentProgress = computed(() => {\n  if (!playerStore.playerElapsed) {\n    return 0;\n  }\n  return playerStore.playerElapsed * 100;\n});\n\n\nonMounted(()=>handlePercentInterval())\nonUnmounted(()=>clearInterval(percentInterval.value as unknown as number))\n\n\n//Methods\nfunction handlePercentInterval(): void {\n  percentInterval.value = setInterval(() => {calculatePercent();}, 1000);\n}\nfunction calculatePercent(): void {\n  if (!playerStore.playerRadio?.metadata) {\n    return;\n  }\n  const actualMilliSecondsPlayed = dayjs()\n    .subtract(18, \"second\")\n    .diff(dayjs(playerStore.playerRadio.metadata.startDate));\n  const percentPlayed =\n    actualMilliSecondsPlayed /\n    (playerStore.playerRadio?.metadata.playDuration * 1000);\n    playerStore.playerUpdateElapsed(\n    percentPlayed,\n    playerStore.playerRadio?.metadata.playDuration,\n  );\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  progress {\n      background-color: var(--octopus-player-progress-background-color);\n      border-radius: var(--octopus-border-radius);\n      accent-color: var(--octopus-player-progress-color-current);\n      color: var(--octopus-player-progress-color-current);\n      border: none;\n\n      &::-moz-progress-bar, &::-webkit-progress-value {\n        background: var(--octopus-player-progress-color-current);\n      }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;EAkBA,MAAM,kBAAkE,IAAI,KAAA,CAAS;EAGrF,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAInC,MAAM,aAAa,eAAe,CAAC,YAAY,aAAa,SAAS,SAAS;EAC9E,MAAM,kBAAkB,eAAe;GACrC,IAAI,CAAC,YAAY,eACf,OAAO;GAET,OAAO,YAAY,gBAAgB;EACrC,CAAC;EAGD,gBAAc,sBAAsB,CAAC;EACrC,kBAAgB,cAAc,gBAAgB,KAA0B,CAAC;EAIzE,SAAS,wBAA8B;GACrC,gBAAgB,QAAQ,kBAAkB;IAAC,iBAAiB;GAAE,GAAG,GAAI;EACvE;EACA,SAAS,mBAAyB;GAChC,IAAI,CAAC,YAAY,aAAa,UAC5B;GAKF,MAAM,gBAH2B,MAAM,CAAA,CACpC,SAAS,IAAI,QAAQ,CAAA,CACrB,KAAK,MAAM,YAAY,YAAY,SAAS,SAAS,CAEtD,KACC,YAAY,aAAa,SAAS,eAAe;GAClD,YAAY,oBACZ,eACA,YAAY,aAAa,SAAS,YACpC;EACF;;;;;;;;;;;;;;;;;;;;;CCxDE,OAAAA,UAAA,GAAAC,mBAOE,YAAA;EANA,OAAKC,eAAA,CAAC,oBAKE,OAAA,aAAU,sBAAA,EAAA,CAAA;EAJlB,KAAI;EACJ,KAAI;EACH,OAAO,OAAA;EACP,cAAY,OAAA,EAAC,OAAA"}

package/dist/{RecaptchaModal-w-9MlZ45.mjs → RecaptchaModal-BdW4xNlX.mjs}

@@ -1,5 +1,5 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { A as t } from "./classicApi-pmODlqv5.mjs";
+import { j as t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./ClassicModal-Dl2IdzXZ.mjs";
 import { t as r } from "./keys-CV5SBM1i.mjs";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, inject as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";

package/dist/RecaptchaModal-DFlFQcHs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecaptchaModal-DFlFQcHs.mjs","names":["_openBlock","_createBlock","_withCtx","_createElementVNode","_toDisplayString","_renderSlot","_createElementBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/modal/RecaptchaModal.vue","../src/components/display/comments/modal/RecaptchaModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    :id-modal=\"idModal\"\n    :title-modal=\"titleModal\"\n    :closable=\"false\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"text-center text-danger\">{{ errorRecaptchaText }}</div>\n      <slot v-if=\"!isInTreatment\" name=\"form\" />\n      <ClassicLoading\n        v-else\n        :loading-text=\"\n          isInTreatment && !errorText && !successText\n            ? t('Loading content ...')\n            : undefined\n        \"\n        :error-text=\"errorText\"\n      />\n      <div v-if=\"successText\" class=\"text-center h3\">{{ successText }}</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n      <vue-recaptcha\n        v-if=\"!isVerify\"\n        ref=\"invisibleRecaptcha\"\n        :load-recaptcha-script=\"true\"\n        size=\"invisible\"\n        sitekey=\"6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh\"\n        @verify=\"handleSuccess\"\n        @expired=\"handleError\"\n      />\n      <button\n        v-if=\"!errorText && !successText\"\n        class=\"btn btn-primary m-1\"\n        :disabled=\"disableValidate || isInTreatment\"\n        @click=\"submit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../../form/ClassicLoading.vue\";\nimport ClassicModal from \"../../../misc/modal/ClassicModal.vue\";\nimport { CHECK_TOKEN_KEY } from \"../../../composable/keys\";\nimport { VueRecaptcha } from \"vue-recaptcha\";\nimport { computed, inject, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  idModal: { default: undefined, type: String },\n  titleModal: { default: undefined, type: String },\n  disableValidate: { default: false, type: Boolean },\n  errorText: { default: undefined, type: String },\n  successText: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst sendError = ref(false);\nconst isVerify = ref(false);\nconst isInTreatment = ref(false);\nconst captchRef = useTemplateRef('invisibleRecaptcha');\n\n\n//Composables\nconst { t } = useI18n();\n// checkToken is not defined in the SDK: it is resolved at runtime from the\n// consuming app's globally provided implementation (app.provide()), and\n// defaults to always-verified when the app hasn't provided one.\nconst checkToken = inject(CHECK_TOKEN_KEY, async () => true);\n\n//Computed\nconst errorRecaptchaText = computed(() =>{\n  if (isCaptchaTest.value) {\n    return t(\"Recaptcha not active\");\n  }\n  return sendError.value ? t(\"Recaptcha error\") : \"\";\n});\nconst isCaptchaTest = computed(() => state.generalParameters.isCaptchaTest as boolean);\n\n\n//Methods\nasync function handleSuccess(token: string) {\n  isVerify.value = await checkToken(token);\n  sendAction();\n}\nfunction handleError() {\n  isVerify.value = false;\n  sendError.value = true;\n}\nasync function submit(): Promise<void> {\n  isInTreatment.value = true;\n  if (!isVerify.value && !isCaptchaTest.value) {\n    (captchRef?.value as InstanceType<typeof VueRecaptcha>).execute();\n  }\n  sendAction();\n}\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction sendAction(): void {\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <ClassicModal\n    :id-modal=\"idModal\"\n    :title-modal=\"titleModal\"\n    :closable=\"false\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"text-center text-danger\">{{ errorRecaptchaText }}</div>\n      <slot v-if=\"!isInTreatment\" name=\"form\" />\n      <ClassicLoading\n        v-else\n        :loading-text=\"\n          isInTreatment && !errorText && !successText\n            ? t('Loading content ...')\n            : undefined\n        \"\n        :error-text=\"errorText\"\n      />\n      <div v-if=\"successText\" class=\"text-center h3\">{{ successText }}</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n      <vue-recaptcha\n        v-if=\"!isVerify\"\n        ref=\"invisibleRecaptcha\"\n        :load-recaptcha-script=\"true\"\n        size=\"invisible\"\n        sitekey=\"6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh\"\n        @verify=\"handleSuccess\"\n        @expired=\"handleError\"\n      />\n      <button\n        v-if=\"!errorText && !successText\"\n        class=\"btn btn-primary m-1\"\n        :disabled=\"disableValidate || isInTreatment\"\n        @click=\"submit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../../form/ClassicLoading.vue\";\nimport ClassicModal from \"../../../misc/modal/ClassicModal.vue\";\nimport { CHECK_TOKEN_KEY } from \"../../../composable/keys\";\nimport { VueRecaptcha } from \"vue-recaptcha\";\nimport { computed, inject, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  idModal: { default: undefined, type: String },\n  titleModal: { default: undefined, type: String },\n  disableValidate: { default: false, type: Boolean },\n  errorText: { default: undefined, type: String },\n  successText: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst sendError = ref(false);\nconst isVerify = ref(false);\nconst isInTreatment = ref(false);\nconst captchRef = useTemplateRef('invisibleRecaptcha');\n\n\n//Composables\nconst { t } = useI18n();\n// checkToken is not defined in the SDK: it is resolved at runtime from the\n// consuming app's globally provided implementation (app.provide()), and\n// defaults to always-verified when the app hasn't provided one.\nconst checkToken = inject(CHECK_TOKEN_KEY, async () => true);\n\n//Computed\nconst errorRecaptchaText = computed(() =>{\n  if (isCaptchaTest.value) {\n    return t(\"Recaptcha not active\");\n  }\n  return sendError.value ? t(\"Recaptcha error\") : \"\";\n});\nconst isCaptchaTest = computed(() => state.generalParameters.isCaptchaTest as boolean);\n\n\n//Methods\nasync function handleSuccess(token: string) {\n  isVerify.value = await checkToken(token);\n  sendAction();\n}\nfunction handleError() {\n  isVerify.value = false;\n  sendError.value = true;\n}\nasync function submit(): Promise<void> {\n  isInTreatment.value = true;\n  if (!isVerify.value && !isCaptchaTest.value) {\n    (captchRef?.value as InstanceType<typeof VueRecaptcha>).execute();\n  }\n  sendAction();\n}\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction sendAction(): void {\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEA,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,gBAAgB,IAAI,KAAK;EAC/B,MAAM,YAAY,eAAe,oBAAoB;EAIrD,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,aAAa,OAAO,iBAAiB,YAAY,IAAI;EAG3D,MAAM,qBAAqB,eAAc;GACvC,IAAI,cAAc,OAChB,OAAO,EAAE,sBAAsB;GAEjC,OAAO,UAAU,QAAQ,EAAE,iBAAiB,IAAI;EAClD,CAAC;EACD,MAAM,gBAAgB,eAAe,MAAM,kBAAkB,aAAwB;EAIrF,eAAe,cAAc,OAAe;GAC1C,SAAS,QAAQ,MAAM,WAAW,KAAK;GACvC,WAAW;EACb;EACA,SAAS,cAAc;GACrB,SAAS,QAAQ;GACjB,UAAU,QAAQ;EACpB;EACA,eAAe,SAAwB;GACrC,cAAc,QAAQ;GACtB,IAAI,CAAC,SAAS,SAAS,CAAC,cAAc,OACpC,CAAC,WAAW,MAAA,CAA4C,QAAQ;GAElE,WAAW;EACb;EACA,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,aAAmB;GAC1B,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxGW,IAAA,aAAA,EAAA,OAAM,0BAAyB;;;CAWZ,OAAM;;;;CAlBlC,OAAAA,UAAA,GAAAC,YA0Ce,OAAA,iBAAA;EAzCZ,YAAU,OAAA;EACV,eAAa,OAAA;EACb,UAAU;EACV,SAAO,OAAA;;EAEG,MAAIC,cACsD;GAAnEC,mBAAmE,OAAnE,YAAmEC,gBAA3B,OAAA,kBAAkB,GAAA,CAAA;GAC7C,CAAA,OAAA,gBAAbC,WAA0C,KAAA,QAAA,QAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,KAC1CL,UAAA,GAAAC,YAQE,OAAA,mBAAA;;IANC,gBAAyB,OAAA,iBAAa,CAAK,OAAA,aAAS,CAAK,OAAA,cAA0B,OAAA,EAAC,qBAAA,IAAsC,KAAA;IAK1H,cAAY,OAAA;;GAEJ,OAAA,eAAXD,UAAA,GAAAM,mBAAsE,OAAtE,YAAsEF,gBAApB,OAAA,WAAW,GAAA,CAAA,KAAAG,mBAAA,QAAA,IAAA;;EAEpD,QAAML,cAGN;GAFTC,mBAES,UAAA;IAFD,OAAM;IAAW,SAAO,OAAA;GAC3B,GAAAC,gBAAA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA;GAGG,CAAA,OAAA,YADTJ,UAAA,GAAAC,YAQE,OAAA,iBAAA;;IANA,KAAI;IACH,yBAAuB;IACxB,MAAK;IACL,SAAQ;IACP,UAAQ,OAAA;IACR,WAAS,OAAA;;GAGH,CAAA,OAAA,aAAS,CAAK,OAAA,eADvBD,UAAA,GAAAM,mBAOS,UAAA;;IALP,OAAM;IACL,UAAU,OAAA,mBAAmB,OAAA;IAC7B,SAAO,OAAA;GAEL,GAAAF,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA,KAAAG,mBAAA,QAAA,IAAA"}

package/dist/RecaptchaModal-iLQ4UYOL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecaptchaModal-iLQ4UYOL.mjs","names":["_openBlock","_createBlock","_withCtx","_createElementVNode","_toDisplayString","_renderSlot","_createElementBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/comments/modal/RecaptchaModal.vue","../src/components/display/comments/modal/RecaptchaModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    :id-modal=\"idModal\"\n    :title-modal=\"titleModal\"\n    :closable=\"false\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"text-center text-danger\">{{ errorRecaptchaText }}</div>\n      <slot v-if=\"!isInTreatment\" name=\"form\" />\n      <ClassicLoading\n        v-else\n        :loading-text=\"\n          isInTreatment && !errorText && !successText\n            ? t('Loading content ...')\n            : undefined\n        \"\n        :error-text=\"errorText\"\n      />\n      <div v-if=\"successText\" class=\"text-center h3\">{{ successText }}</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n      <vue-recaptcha\n        v-if=\"!isVerify\"\n        ref=\"invisibleRecaptcha\"\n        :load-recaptcha-script=\"true\"\n        size=\"invisible\"\n        sitekey=\"6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh\"\n        @verify=\"handleSuccess\"\n        @expired=\"handleError\"\n      />\n      <button\n        v-if=\"!errorText && !successText\"\n        class=\"btn btn-primary m-1\"\n        :disabled=\"disableValidate || isInTreatment\"\n        @click=\"submit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../../form/ClassicLoading.vue\";\nimport ClassicModal from \"../../../misc/modal/ClassicModal.vue\";\nimport { CHECK_TOKEN_KEY } from \"../../../composable/keys\";\nimport { VueRecaptcha } from \"vue-recaptcha\";\nimport { computed, inject, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  idModal: { default: undefined, type: String },\n  titleModal: { default: undefined, type: String },\n  disableValidate: { default: false, type: Boolean },\n  errorText: { default: undefined, type: String },\n  successText: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst sendError = ref(false);\nconst isVerify = ref(false);\nconst isInTreatment = ref(false);\nconst captchRef = useTemplateRef('invisibleRecaptcha');\n\n\n//Composables\nconst { t } = useI18n();\n// checkToken is not defined in the SDK: it is resolved at runtime from the\n// consuming app's globally provided implementation (app.provide()), and\n// defaults to always-verified when the app hasn't provided one.\nconst checkToken = inject(CHECK_TOKEN_KEY, async () => true);\n\n//Computed\nconst errorRecaptchaText = computed(() =>{\n  if (isCaptchaTest.value) {\n    return t(\"Recaptcha not active\");\n  }\n  return sendError.value ? t(\"Recaptcha error\") : \"\";\n});\nconst isCaptchaTest = computed(() => state.generalParameters.isCaptchaTest as boolean);\n\n\n//Methods\nasync function handleSuccess(token: string) {\n  isVerify.value = await checkToken(token);\n  sendAction();\n}\nfunction handleError() {\n  isVerify.value = false;\n  sendError.value = true;\n}\nasync function submit(): Promise<void> {\n  isInTreatment.value = true;\n  if (!isVerify.value && !isCaptchaTest.value) {\n    (captchRef?.value as InstanceType<typeof VueRecaptcha>).execute();\n  }\n  sendAction();\n}\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction sendAction(): void {\n  emit(\"validate\");\n}\n</script>\n","<template>\n  <ClassicModal\n    :id-modal=\"idModal\"\n    :title-modal=\"titleModal\"\n    :closable=\"false\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <div class=\"text-center text-danger\">{{ errorRecaptchaText }}</div>\n      <slot v-if=\"!isInTreatment\" name=\"form\" />\n      <ClassicLoading\n        v-else\n        :loading-text=\"\n          isInTreatment && !errorText && !successText\n            ? t('Loading content ...')\n            : undefined\n        \"\n        :error-text=\"errorText\"\n      />\n      <div v-if=\"successText\" class=\"text-center h3\">{{ successText }}</div>\n    </template>\n    <template #footer>\n      <button class=\"btn m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n      <vue-recaptcha\n        v-if=\"!isVerify\"\n        ref=\"invisibleRecaptcha\"\n        :load-recaptcha-script=\"true\"\n        size=\"invisible\"\n        sitekey=\"6LfyP_4ZAAAAAPODj8nov2LvosIwcX0GYeBSungh\"\n        @verify=\"handleSuccess\"\n        @expired=\"handleError\"\n      />\n      <button\n        v-if=\"!errorText && !successText\"\n        class=\"btn btn-primary m-1\"\n        :disabled=\"disableValidate || isInTreatment\"\n        @click=\"submit\"\n      >\n        {{ t(\"Yes\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../../form/ClassicLoading.vue\";\nimport ClassicModal from \"../../../misc/modal/ClassicModal.vue\";\nimport { CHECK_TOKEN_KEY } from \"../../../composable/keys\";\nimport { VueRecaptcha } from \"vue-recaptcha\";\nimport { computed, inject, ref, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  idModal: { default: undefined, type: String },\n  titleModal: { default: undefined, type: String },\n  disableValidate: { default: false, type: Boolean },\n  errorText: { default: undefined, type: String },\n  successText: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"close\", \"validate\"]);\n\n//Data \nconst sendError = ref(false);\nconst isVerify = ref(false);\nconst isInTreatment = ref(false);\nconst captchRef = useTemplateRef('invisibleRecaptcha');\n\n\n//Composables\nconst { t } = useI18n();\n// checkToken is not defined in the SDK: it is resolved at runtime from the\n// consuming app's globally provided implementation (app.provide()), and\n// defaults to always-verified when the app hasn't provided one.\nconst checkToken = inject(CHECK_TOKEN_KEY, async () => true);\n\n//Computed\nconst errorRecaptchaText = computed(() =>{\n  if (isCaptchaTest.value) {\n    return t(\"Recaptcha not active\");\n  }\n  return sendError.value ? t(\"Recaptcha error\") : \"\";\n});\nconst isCaptchaTest = computed(() => state.generalParameters.isCaptchaTest as boolean);\n\n\n//Methods\nasync function handleSuccess(token: string) {\n  isVerify.value = await checkToken(token);\n  sendAction();\n}\nfunction handleError() {\n  isVerify.value = false;\n  sendError.value = true;\n}\nasync function submit(): Promise<void> {\n  isInTreatment.value = true;\n  if (!isVerify.value && !isCaptchaTest.value) {\n    (captchRef?.value as InstanceType<typeof VueRecaptcha>).execute();\n  }\n  sendAction();\n}\nfunction closePopup(): void {\n  emit(\"close\");\n}\nfunction sendAction(): void {\n  emit(\"validate\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEA,MAAM,OAAO;EAGb,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,gBAAgB,IAAI,KAAK;EAC/B,MAAM,YAAY,eAAe,oBAAoB;EAIrD,MAAM,EAAE,MAAM,QAAQ;EAItB,MAAM,aAAa,OAAO,iBAAiB,YAAY,IAAI;EAG3D,MAAM,qBAAqB,eAAc;GACvC,IAAI,cAAc,OAChB,OAAO,EAAE,sBAAsB;GAEjC,OAAO,UAAU,QAAQ,EAAE,iBAAiB,IAAI;EAClD,CAAC;EACD,MAAM,gBAAgB,eAAe,MAAM,kBAAkB,aAAwB;EAIrF,eAAe,cAAc,OAAe;GAC1C,SAAS,QAAQ,MAAM,WAAW,KAAK;GACvC,WAAW;EACb;EACA,SAAS,cAAc;GACrB,SAAS,QAAQ;GACjB,UAAU,QAAQ;EACpB;EACA,eAAe,SAAwB;GACrC,cAAc,QAAQ;GACtB,IAAI,CAAC,SAAS,SAAS,CAAC,cAAc,OACpC,CAAC,WAAW,MAAA,CAA4C,QAAQ;GAElE,WAAW;EACb;EACA,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;EACA,SAAS,aAAmB;GAC1B,KAAK,UAAU;EACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxGW,IAAA,aAAA,EAAA,OAAM,0BAAyB;;;CAWZ,OAAM;;;;CAlBlC,OAAAA,UAAA,GAAAC,YA0Ce,OAAA,iBAAA;EAzCZ,YAAU,OAAA;EACV,eAAa,OAAA;EACb,UAAU;EACV,SAAO,OAAA;;EAEG,MAAIC,cACsD;GAAnEC,mBAAmE,OAAnE,YAAmEC,gBAA3B,OAAA,kBAAkB,GAAA,CAAA;GAC7C,CAAA,OAAA,gBAAbC,WAA0C,KAAA,QAAA,QAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,KAC1CL,UAAA,GAAAC,YAQE,OAAA,mBAAA;;IANC,gBAAyB,OAAA,iBAAa,CAAK,OAAA,aAAS,CAAK,OAAA,cAA0B,OAAA,EAAC,qBAAA,IAAsC,KAAA;IAK1H,cAAY,OAAA;;GAEJ,OAAA,eAAXD,UAAA,GAAAM,mBAAsE,OAAtE,YAAsEF,gBAApB,OAAA,WAAW,GAAA,CAAA,KAAAG,mBAAA,QAAA,IAAA;;EAEpD,QAAML,cAGN;GAFTC,mBAES,UAAA;IAFD,OAAM;IAAW,SAAO,OAAA;GAC3B,GAAAC,gBAAA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA;GAGG,CAAA,OAAA,YADTJ,UAAA,GAAAC,YAQE,OAAA,iBAAA;;IANA,KAAI;IACH,yBAAuB;IACxB,MAAK;IACL,SAAQ;IACP,UAAQ,OAAA;IACR,WAAS,OAAA;;GAGH,CAAA,OAAA,aAAS,CAAK,OAAA,eADvBD,UAAA,GAAAM,mBAOS,UAAA;;IALP,OAAM;IACL,UAAU,OAAA,mBAAmB,OAAA;IAC7B,SAAO,OAAA;GAEL,GAAAF,gBAAA,OAAA,EAAC,KAAA,CAAA,GAAA,GAAA,UAAA,KAAAG,mBAAA,QAAA,IAAA"}

package/dist/ReportAbuseModal-BaPt2DLK.mjs.map

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

package/dist/ReportAbuseModal-BdZRe29L.mjs.map

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

package/dist/ReportAbuseModal-CH7Y153n.mjs.map

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

package/dist/{ReportAbuseModal-O1K7j7NV.mjs → ReportAbuseModal-jjGeXbB9.mjs}

@@ -1,8 +1,8 @@
-import { t as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./CommentStore-hPTYaDGr.mjs";
+import { t as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./CommentStore-CysGkBHp.mjs";
 import { t as n } from "./config-DMjLBcZ2.mjs";
-import { t as r } from "./ClassicInputText-DJ5kURGM.mjs";
-import { t as i } from "./RecaptchaModal-w-9MlZ45.mjs";
+import { t as r } from "./ClassicInputText-YsntJkHk.mjs";
+import { t as i } from "./RecaptchaModal-BdW4xNlX.mjs";
 import { createBlock as a, createCommentVNode as o, createVNode as s, defineComponent as c, openBlock as l, ref as u, unref as d, withCtx as f } from "vue";
 import { useI18n as p } from "vue-i18n";
 //#endregion

package/dist/RightsIndicator-4pUsBq5j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsIndicator-4pUsBq5j.mjs","names":["Icons","_openBlock","_createElementBlock","_normalizeClass","_createBlock","_normalizeProps","_mergeProps","_withCtx","_createVNode","_createCommentVNode","_createElementVNode","_createTextVNode","_toDisplayString","_sfc_main"],"sources":["../src/components/display/RightsIndicator.vue","../src/components/display/RightsIndicator.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n","<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,OAAOA,cAAM;EASnB,MAAM,QAAQ;EAEd,MAAM,EAAE,kBAAkB,WAAW,YAAY,mBAAmB,KAAK;;;;;;;;;;;;;;;;;;;;;CClC5D,aAAU;CAAS,eAAY;;;CAlB9B,OAAA,OAAA,oBADVC,UAAA,GAAAC,mBAiCM,OAAA;;EA/BD,OAAKC,eAAA,EAAA,QAAY,OAAA,OAAM,CAAA;EACxB,OAAM;CAGK,GAAA,CAAA,CAAA,OAAA,QADXF,UAAA,GAAAG,YAagB,OAAA,kBAAAC,eAAAC,WAAA,EAAA,KAAA,EAAA,GAVJ,OAAA,KAAK,CAAA,GAAA;EAEb,SAAAC,SAOE,EAVQ,SAAE,CAGZC,YAOE,OAAA,SAAA;GANO;GACL,OAAKL,eAAA,CAAC,yBAAuB,EAAA,WACR,OAAA,UAAS,CAAA,CAAA;GAC9B,eAAY;GACZ,cAAW;GACV,MAAM,OAAA,SAAM,KAAA;;;;;;;CAGrB,GAAA,EAAA,KAAAM,mBAAA,QAAA,IAAA,GAAAC,mBAaM,OAbN,YAaM,CAXQ,OAAA,QAAI,CAAK,OAAA,aADnBT,UAAA,GAAAG,YAWe,OAAA,iBAAA;;EATX,MAAK;;EAEM,MAAIG,cAIT,CAHFC,YAGE,OAAA,SAAA;GAFE,eAAY;GACZ,cAAW;;EAER,SAAAD,cACX,CADWI,gBAAA,MACXC,gBAAG,OAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/RightsIndicator-BH3jm_1O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsIndicator-BH3jm_1O.mjs","names":["Icons","_openBlock","_createElementBlock","_normalizeClass","_createBlock","_normalizeProps","_mergeProps","_withCtx","_createVNode","_createCommentVNode","_createElementVNode","_createTextVNode","_toDisplayString","_sfc_main"],"sources":["../src/components/display/RightsIndicator.vue","../src/components/display/RightsIndicator.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n","<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,OAAOA,cAAM;EASnB,MAAM,QAAQ;EAEd,MAAM,EAAE,kBAAkB,WAAW,YAAY,mBAAmB,KAAK;;;;;;;;;;;;;;;;;;;;;CClC5D,aAAU;CAAS,eAAY;;;CAlB9B,OAAA,OAAA,oBADVC,UAAA,GAAAC,mBAiCM,OAAA;;EA/BD,OAAKC,eAAA,EAAA,QAAY,OAAA,OAAM,CAAA;EACxB,OAAM;CAGK,GAAA,CAAA,CAAA,OAAA,QADXF,UAAA,GAAAG,YAagB,OAAA,kBAAAC,eAAAC,WAAA,EAAA,KAAA,EAAA,GAVJ,OAAA,KAAK,CAAA,GAAA;EAEb,SAAAC,SAOE,EAVQ,SAAE,CAGZC,YAOE,OAAA,SAAA;GANO;GACL,OAAKL,eAAA,CAAC,yBAAuB,EAAA,WACR,OAAA,UAAS,CAAA,CAAA;GAC9B,eAAY;GACZ,cAAW;GACV,MAAM,OAAA,SAAM,KAAA;;;;;;;CAGrB,GAAA,EAAA,KAAAM,mBAAA,QAAA,IAAA,GAAAC,mBAaM,OAbN,YAaM,CAXQ,OAAA,QAAI,CAAK,OAAA,aADnBT,UAAA,GAAAG,YAWe,OAAA,iBAAA;;EATX,MAAK;;EAEM,MAAIG,cAIT,CAHFC,YAGE,OAAA,SAAA;GAFE,eAAY;GACZ,cAAW;;EAER,SAAAD,cACX,CADWI,gBAAA,MACXC,gBAAG,OAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/{RightsIndicator-D0cSu8j2.mjs → RightsIndicator-CPzWpH5Z.mjs}

@@ -2,7 +2,7 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
 import { r as n } from "./buttons-BkfxHdGj.mjs";
 import { t as r } from "./ClassicAlert-DATLZ8J1.mjs";
-import { r as i, t as a } from "./RightsWrapper-BUj_1bwR.mjs";
+import { r as i, t as a } from "./RightsWrapper-BTQ8GGUi.mjs";
 import { createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 //#region src/components/display/RightsIndicator.vue?vue&type=script&setup=true&lang.ts
 var b = {

package/dist/RightsIndicator-d8ffUFIj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightsIndicator-d8ffUFIj.mjs","names":["Icons","_openBlock","_createElementBlock","_normalizeClass","_createBlock","_normalizeProps","_mergeProps","_withCtx","_createVNode","_createCommentVNode","_createElementVNode","_createTextVNode","_toDisplayString","_sfc_main"],"sources":["../src/components/display/RightsIndicator.vue","../src/components/display/RightsIndicator.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n","<template>\n    <div\n        v-if=\"displayIndicator\"\n        :class=\"{ inline: inline }\"\n        title=\"\"\n    >\n        <RightsWrapper\n            v-if=\"!text\"\n            v-slot=\"{ id }\"\n            v-bind=\"props\"\n        >\n            <Icon\n                :id=\"id\"\n                class=\"rights-indicator-icon\"\n                :class=\"{ invisible: hasAccess }\"\n                aria-hidden=\"true\"\n                fill-color=\"var(--octopus-primary)\"\n                :size=\"inline ? 20 : 24\"\n            />\n        </RightsWrapper>\n        <div aria-live=\"polite\" aria-atomic=\"true\">\n            <ClassicAlert\n                v-if=\"text && !hasAccess\"\n                type=\"info\"\n            >\n                <template #icon>\n                    <Icon\n                        aria-hidden=\"true\"\n                        fill-color=\"var(--octopus-primary)\"\n                    />\n                </template>\n                {{ message }}\n            </ClassicAlert>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicAlert from '../misc/ClassicAlert.vue';\nimport Icons from '@/components/icons'; \nimport RightsWrapper from './RightsWrapper.vue'; \nimport { RightsProps, useRightsIndicator } from '../composable/useRightsIndicator';\n\nconst Icon = Icons.RightsIndicator;\n\ntype PropsBase = RightsProps & {\n    /** Display reason as text instead of only tooltip */\n    text?: boolean;\n    /** Use inline instead of block */\n    inline?: boolean;\n}\n\nconst props = defineProps<PropsBase>();\n\nconst { displayIndicator, hasAccess, message } = useRightsIndicator(props);\n</script>\n\n<style scoped lang=\"scss\">\ndiv.inline {\n    display: inline;\n    // Properly align text with it\n    vertical-align: top;\n}\n\n.inline div {\n    display: inline;\n}\n\n.inline .rights-indicator-icon {\n    display: inline-flex;\n    // Propertly align content\n    position: relative;\n    bottom: -4px;\n    // Ensure it doesn't take place in the text\n    height: 1px;\n}\n\n.inline .invisible {\n    display: none;\n}\n\n/** Helper class to keep the data accessible for screen readers */\n.rights-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,OAAOA,cAAM;EASnB,MAAM,QAAQ;EAEd,MAAM,EAAE,kBAAkB,WAAW,YAAY,mBAAmB,KAAK;;;;;;;;;;;;;;;;;;;;;CClC5D,aAAU;CAAS,eAAY;;;CAlB9B,OAAA,OAAA,oBADVC,UAAA,GAAAC,mBAiCM,OAAA;;EA/BD,OAAKC,eAAA,EAAA,QAAY,OAAA,OAAM,CAAA;EACxB,OAAM;CAGK,GAAA,CAAA,CAAA,OAAA,QADXF,UAAA,GAAAG,YAagB,OAAA,kBAAAC,eAAAC,WAAA,EAAA,KAAA,EAAA,GAVJ,OAAA,KAAK,CAAA,GAAA;EAEb,SAAAC,SAOE,EAVQ,SAAE,CAGZC,YAOE,OAAA,SAAA;GANO;GACL,OAAKL,eAAA,CAAC,yBAAuB,EAAA,WACR,OAAA,UAAS,CAAA,CAAA;GAC9B,eAAY;GACZ,cAAW;GACV,MAAM,OAAA,SAAM,KAAA;;;;;;;CAGrB,GAAA,EAAA,KAAAM,mBAAA,QAAA,IAAA,GAAAC,mBAaM,OAbN,YAaM,CAXQ,OAAA,QAAI,CAAK,OAAA,aADnBT,UAAA,GAAAG,YAWe,OAAA,iBAAA;;EATX,MAAK;;EAEM,MAAIG,cAIT,CAHFC,YAGE,OAAA,SAAA;GAFE,eAAY;GACZ,cAAW;;EAER,SAAAD,cACX,CADWI,gBAAA,MACXC,gBAAG,OAAA,OAAO,GAAA,CAAA,CAAA,CAAA"}

package/dist/{RightsWrapper-BUj_1bwR.mjs → RightsWrapper-BTQ8GGUi.mjs}

@@ -1,18 +1,18 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { A as t, i as n } from "./classicApi-pmODlqv5.mjs";
+import { i as t, j as n } from "./classicApi-CGipMqf7.mjs";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
-import { n as i, t as a } from "./useRights-DOXtpjv5.mjs";
-import { t as o } from "./ClassicPopover-DWR50Nxi.mjs";
+import { n as i, t as a } from "./useRights-BI2tXXjR.mjs";
+import { t as o } from "./ClassicPopover-BUb-1WMB.mjs";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, defineComponent as f, getCurrentInstance as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
 import { useI18n as y } from "vue-i18n";
 import { storeToRefs as b } from "pinia";
 //#region src/components/composable/useRightsIndicator.ts
 var x = (e) => {
-	let r = i(), { t: o, te: c } = y(), { isAuthenticated: l } = b(n()), u = {
+	let r = i(), { t: o, te: c } = y(), { isAuthenticated: l } = b(t()), u = {
 		create: "Create",
 		edit: "Edit",
 		delete: "Delete"
-	}, d = s(() => !t.generalParameters.podcastmaker && l.value), f = s(() => {
+	}, d = s(() => !n.generalParameters.podcastmaker && l.value), f = s(() => {
 		let t, n;
 		if ("podcast" in e && e.podcast) n = "Podcast", t = e.podcast;
 		else if ("emission" in e && e.emission) n = "Emission", t = e.emission;

package/dist/RightsWrapper-C3BRHqqo.mjs.map

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

package/dist/RightsWrapper-DJG9Ds6c.mjs.map

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

package/dist/RightsWrapper-nBURBTJX.mjs.map

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

package/dist/{RubriqueChoice-DaTWiDbl.mjs → RubriqueChoice-C-S-veJJ.mjs}

@@ -29,7 +29,7 @@ var g = { class: "d-flex align-items-center mb-2" }, _ = { class: "ms-3 flex-shr
 		"updateRubriquage"
 	],
 	setup(l, { emit: v }) {
-		let y = c(() => import("./RubriqueChooser-C33LorHa.mjs")), b = l, x = v, S = d(!1), { t: C } = m(), w = n(() => b.rubriquageDisplay.map((e) => ({
+		let y = c(() => import("./RubriqueChooser-CNGn8LcP.mjs")), b = l, x = v, S = d(!1), { t: C } = m(), w = n(() => b.rubriquageDisplay.map((e) => ({
 			title: e.title,
 			value: e.rubriquageId
 		})));