@saooti/octopus-sdk 42.2.0 → 42.2.1

package/dist/ParticipantsPage-DOVeAgla.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsPage-DOVeAgla.mjs","names":[],"sources":["../src/stores/class/general/participant.ts","../src/components/display/participant/ParticipantList.vue","../src/components/display/participant/ParticipantList.vue","../src/components/pages/ParticipantsPage.vue","../src/components/pages/ParticipantsPage.vue"],"sourcesContent":["import { Organisation } from \"./organisation\";\n\nexport interface Participant {\n  [x: string]: boolean;\n  annotations?: { [key: string]: string | number | boolean | undefined };\n  imageUrl?: string;\n  description?: string;\n  firstName: string;\n  lastName: string;\n  orga?: Organisation;\n  participantId: number | undefined;\n  score?: number;\n  uid?: string;\n}\n\nexport function emptyParticipantData(): Participant {\n  return {\n    firstName: \"\",\n    lastName: \"\",\n    participantId: 0,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n"],"mappings":"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"}

package/dist/ParticipantsPage-DRXywxK0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsPage-DRXywxK0.mjs","names":[],"sources":["../src/stores/class/general/participant.ts","../src/components/display/participant/ParticipantList.vue","../src/components/display/participant/ParticipantList.vue","../src/components/pages/ParticipantsPage.vue","../src/components/pages/ParticipantsPage.vue"],"sourcesContent":["import { Organisation } from \"./organisation\";\n\nexport interface Participant {\n  [x: string]: boolean;\n  annotations?: { [key: string]: string | number | boolean | undefined };\n  imageUrl?: string;\n  description?: string;\n  firstName: string;\n  lastName: string;\n  orga?: Organisation;\n  participantId: number | undefined;\n  score?: number;\n  uid?: string;\n}\n\nexport function emptyParticipantData(): Participant {\n  return {\n    firstName: \"\",\n    lastName: \"\",\n    participantId: 0,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n"],"mappings":"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"}

package/dist/ParticipantsPage-Dmg-VK72.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsPage-Dmg-VK72.mjs","names":[],"sources":["../src/stores/class/general/participant.ts","../src/components/display/participant/ParticipantList.vue","../src/components/display/participant/ParticipantList.vue","../src/components/pages/ParticipantsPage.vue","../src/components/pages/ParticipantsPage.vue"],"sourcesContent":["import { Organisation } from \"./organisation\";\n\nexport interface Participant {\n  [x: string]: boolean;\n  annotations?: { [key: string]: string | number | boolean | undefined };\n  imageUrl?: string;\n  description?: string;\n  firstName: string;\n  lastName: string;\n  orga?: Organisation;\n  participantId: number | undefined;\n  score?: number;\n  uid?: string;\n}\n\nexport function emptyParticipantData(): Participant {\n  return {\n    firstName: \"\",\n    lastName: \"\",\n    participantId: 0,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n"],"mappings":"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"}

package/dist/ParticipantsPage-Dx0eYoes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsPage-Dx0eYoes.mjs","names":[],"sources":["../src/stores/class/general/participant.ts","../src/components/display/participant/ParticipantList.vue","../src/components/display/participant/ParticipantList.vue","../src/components/pages/ParticipantsPage.vue","../src/components/pages/ParticipantsPage.vue"],"sourcesContent":["import { Organisation } from \"./organisation\";\n\nexport interface Participant {\n  [x: string]: boolean;\n  annotations?: { [key: string]: string | number | boolean | undefined };\n  imageUrl?: string;\n  description?: string;\n  firstName: string;\n  lastName: string;\n  orga?: Organisation;\n  participantId: number | undefined;\n  score?: number;\n  uid?: string;\n}\n\nexport function emptyParticipantData(): Participant {\n  return {\n    firstName: \"\",\n    lastName: \"\",\n    participantId: 0,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n"],"mappings":"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"}

package/dist/ParticipantsPage-H3tDwQT0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsPage-H3tDwQT0.mjs","names":[],"sources":["../src/stores/class/general/participant.ts","../src/components/display/participant/ParticipantList.vue","../src/components/display/participant/ParticipantList.vue","../src/components/pages/ParticipantsPage.vue","../src/components/pages/ParticipantsPage.vue"],"sourcesContent":["import { Organisation } from \"./organisation\";\n\nexport interface Participant {\n  [x: string]: boolean;\n  annotations?: { [key: string]: string | number | boolean | undefined };\n  imageUrl?: string;\n  description?: string;\n  firstName: string;\n  lastName: string;\n  orga?: Organisation;\n  participantId: number | undefined;\n  score?: number;\n  uid?: string;\n}\n\nexport function emptyParticipantData(): Participant {\n  return {\n    firstName: \"\",\n    lastName: \"\",\n    participantId: 0,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n"],"mappings":"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"}

package/dist/ParticipantsPage-NNKI7B9n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsPage-NNKI7B9n.mjs","names":[],"sources":["../src/stores/class/general/participant.ts","../src/components/display/participant/ParticipantList.vue","../src/components/display/participant/ParticipantList.vue","../src/components/pages/ParticipantsPage.vue","../src/components/pages/ParticipantsPage.vue"],"sourcesContent":["import { Organisation } from \"./organisation\";\n\nexport interface Participant {\n  [x: string]: boolean;\n  annotations?: { [key: string]: string | number | boolean | undefined };\n  imageUrl?: string;\n  description?: string;\n  firstName: string;\n  lastName: string;\n  orga?: Organisation;\n  participantId: number | undefined;\n  score?: number;\n  uid?: string;\n}\n\nexport function emptyParticipantData(): Participant {\n  return {\n    firstName: \"\",\n    lastName: \"\",\n    participantId: 0,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"participantListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && displayCount > 1\n        ? `${t('Number participants', { nb: displayCount })} ${t(\n            'sort by score',\n          )}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading participants ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.participantId\"\n          :min-height=\"360\"\n        >\n          <ParticipantItem v-if=\"0 !== p.participantId\" :participant=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'participant',\n                params: { participantId: p.participantId },\n              }\"\n              :title=\"t('Participant name page', { name: p.lastName })\"\n            >\n              {{ p.lastName }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport ParticipantItem from \"./ParticipantItem.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport {\n  Participant,\n  emptyParticipantData,\n} from \"@/stores/class/general/participant\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n  showCount: { default: false, type: Boolean },\n})\n\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst participants: Ref<Array<Participant>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return participants.value;\n  }\n  return participants.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() =>  `${props.first}|${props.size}`);\nconst sort = computed(() =>  !props.query ? \"NAME\" : \"SCORE\");\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(()=>props.query, () =>  fetchContent(true));\nwatch(organisation, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !participants.value[dfirst.value] ||\n    0 === participants.value[dfirst.value].participantId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Participant>>(\n      {\n        api: 0,\n        path: \"participant/search\",\n        parameters: {\n          first: reset? 0: dfirst.value,\n          size: dsize.value,\n          query: props.query,\n          organisationId: organisation.value,\n          sort: sort.value\n        },\n        specialTreatement: true,\n      },\n    );\n    if (reset) {\n      dfirst.value = 0;\n      participants.value.length = 0;\n    }\n    displayCount.value = data.count;\n    if (dfirst.value > participants.value.length) {\n      for (\n        let i = participants.value.length - 1,\n          len = dfirst.value + dsize.value;\n        i < len;\n        i++\n      ) {\n        participants.value.push(emptyParticipantData());\n      }\n    }\n    const responseParticipants = data.result.filter(\n      (p: Participant | null) => {\n        if (null === p) {\n          displayCount.value--;\n        }\n        return null !== p;\n      },\n    );\n    participants.value = participants.value\n      .slice(0, dfirst.value)\n      .concat(responseParticipants)\n      .concat(\n        participants.value.slice(\n          dfirst.value + dsize.value,\n          participants.value.length,\n        ),\n      );\n    totalCount.value = data.count;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"participant\"\n    />\n    <ParticipantList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport ParticipantList from \"../display/participant/ParticipantList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\n\n</script>\n"],"mappings":"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"}

package/dist/PlayerAnonymousModal-BQZc00Xn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-BQZc00Xn.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-CK7j1FMR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-CK7j1FMR.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-CbrqO1hs.mjs

@@ -0,0 +1,84 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { i as useAuthStore } from "./classicApi-CkDHWZG1.mjs";
+import { t as ClassicModal_default } from "./ClassicModal-CilwHp9p.mjs";
+import { t as SharePlayer_default } from "./SharePlayer-wHDYsWYd.mjs";
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/sharing/PlayerAnonymousModal.vue?vue&type=script&setup=true&lang.ts
+var PlayerAnonymousModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PlayerAnonymousModal",
+	props: {
+		podcast: {
+			default: void 0,
+			type: Object
+		},
+		emission: {
+			default: void 0,
+			type: Object
+		},
+		exclusive: {
+			default: false,
+			type: Boolean
+		},
+		notExclusive: {
+			default: true,
+			type: Boolean
+		}
+	},
+	emits: ["close"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const emit = __emit;
+		const { t } = useI18n();
+		const authStore = useAuthStore();
+		function closePopup() {
+			emit("close");
+		}
+		const __returned__ = {
+			emit,
+			t,
+			authStore,
+			closePopup,
+			ClassicModal: ClassicModal_default,
+			SharePlayer: SharePlayer_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/sharing/PlayerAnonymousModal.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createBlock($setup["ClassicModal"], {
+		"id-modal": "player-anonymous-modal",
+		"title-modal": $setup.t("Share the player"),
+		onClose: $setup.closePopup
+	}, {
+		body: withCtx(() => [createVNode($setup["SharePlayer"], {
+			podcast: $props.podcast,
+			emission: $props.emission,
+			exclusive: $props.exclusive,
+			"not-exclusive": $props.notExclusive,
+			"organisation-id": $setup.authStore.authOrgaId
+		}, null, 8, [
+			"podcast",
+			"emission",
+			"exclusive",
+			"not-exclusive",
+			"organisation-id"
+		])]),
+		footer: withCtx(() => [createElementVNode("button", {
+			class: "btn btn-primary m-1",
+			onClick: $setup.closePopup
+		}, toDisplayString($setup.t("Close")), 1)]),
+		_: 1
+	}, 8, ["title-modal"]);
+}
+var PlayerAnonymousModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PlayerAnonymousModal_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/sharing/PlayerAnonymousModal.vue"]]);
+//#endregion
+export { PlayerAnonymousModal_default as default };
+
+//# sourceMappingURL=PlayerAnonymousModal-CbrqO1hs.mjs.map

package/dist/PlayerAnonymousModal-CbrqO1hs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-CbrqO1hs.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-Dijmkqu8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-Dijmkqu8.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-_WrcKqau.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-_WrcKqau.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-ajR4XVns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-ajR4XVns.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerAnonymousModal-xbNVHN1W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerAnonymousModal-xbNVHN1W.mjs","names":[],"sources":["../src/components/display/sharing/PlayerAnonymousModal.vue","../src/components/display/sharing/PlayerAnonymousModal.vue"],"sourcesContent":["<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n","<template>\n  <ClassicModal\n    id-modal=\"player-anonymous-modal\"\n    :title-modal=\"t('Share the player')\"\n    @close=\"closePopup\"\n  >\n    <template #body>\n      <SharePlayer\n        :podcast=\"podcast\"\n        :emission=\"emission\"\n        :exclusive=\"exclusive\"\n        :not-exclusive=\"notExclusive\"\n        :organisation-id=\"authStore.authOrgaId\"\n      />\n    </template>\n    <template #footer>\n      <button class=\"btn btn-primary m-1\" @click=\"closePopup\">\n        {{ t(\"Close\") }}\n      </button>\n    </template>\n  </ClassicModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicModal from \"../../misc/modal/ClassicModal.vue\";\nimport SharePlayer from \"./SharePlayer.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\ndefineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  exclusive: { default: false, type: Boolean },\n  notExclusive: { default: true, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits([\"close\"]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Methods\nfunction closePopup(): void {\n  emit(\"close\");\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,SAAS,aAAmB;GAC1B,KAAK,OAAO;EACd;;;;;;;;;;;;;;;;;;;qBChDE,YAmBe,OAAA,iBAAA;EAlBb,YAAS;EACR,eAAa,OAAA,EAAC,kBAAA;EACd,SAAO,OAAA;;EAEG,MAAI,cAOX,CANF,YAME,OAAA,gBAAA;GALC,SAAS,OAAA;GACT,UAAU,OAAA;GACV,WAAW,OAAA;GACX,iBAAe,OAAA;GACf,mBAAiB,OAAA,UAAU;;;;;;;;EAGrB,QAAM,cAGN,CAFT,mBAES,UAAA;GAFD,OAAM;GAAuB,SAAO,OAAA;qBACvC,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/PlayerCompact-B3vazvXQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-B3vazvXQ.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerCompact-BMFvotPc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCompact-BMFvotPc.mjs","names":[],"sources":["../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/elements/PlayerSpeedButton.vue","../src/components/misc/player/PlayerCompact.vue","../src/components/misc/player/PlayerCompact.vue"],"sourcesContent":["<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <button\n    id=\"player-speed-button\"\n    :title=\"t('Change speed')\"\n    class=\"btn play-button-box small-font btn-transparent text-light me-0\"\n  >\n    {{ \"×\" + speedArray[speedIndex] }}\n  </button>\n  <ClassicPopover\n    target=\"player-speed-button\"\n    relative-class=\"player-container\"\n    class=\"player-speed-dropdown\"\n    :constrain-height=\"state.player.topPlacement !== true\"\n    :top-pos=\"state.player.topPlacement !== true\"\n    only-click\n    is-fixed\n  >\n    <button\n      v-for=\"(speed, index) in speedArray\"\n      :key=\"speed\"\n      class=\"octopus-dropdown-item speed-style\"\n      @mousedown=\"changeSpeed(index)\"\n      @keydown.enter=\"changeSpeed(index)\"\n    >\n      {{ \"×\" + speed }}\n    </button>\n  </ClassicPopover>\n</template>\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicPopover from \"../../ClassicPopover.vue\";\nimport { onMounted, Ref, ref } from \"vue\";\nimport { state } from \"../../../../stores/ParamSdkStore\";\n\n//Data \nconst speedIndex = ref(2);\nconst speedArray = ref([0.5, 0.75, 1, 1.25, 1.5, 1.75]);\nconst audioPlayer: Ref<HTMLAudioElement | null> = ref(null);\n\n//Composables\nconst { t } = useI18n();\n\nonMounted(()=>{\n  audioPlayer.value = document.querySelector(\"#audio-player\");\n})\n\n//Methods\nfunction changeSpeed(index: number) {\n  speedIndex.value = index;\n  if (audioPlayer.value) {\n    audioPlayer.value.playbackRate = speedArray.value[speedIndex.value];\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n.octopus-app {\n  .speed-style {\n    font-size: 12px;\n  }\n\n  .player-speed-dropdown {\n    min-width: 100px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-grow-1 ps-2\">\n    <PlayerImage />\n    <PlayerPlayButton :player-error=\"playerError\" />\n    <div class=\"player-text player-grow-content\">\n      <div class=\"d-flex\" :class=\"!radioUrl ? 'mb-1' : ''\">\n        <PlayerTitle :player-error=\"playerError\" :hls-ready=\"hlsReady\" />\n        <div\n          v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n          class=\"hide-phone ps-2 flex-shrink-0\"\n        >\n          {{ displayPlayTime }} / {{ displayTotalTime }}\n        </div>\n      </div>\n      <PlayerChaptering />\n      <PlayerProgressBar\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n    </div>\n    <PlayerSpeedButton v-if=\"!radioUrl\" />\n    <button\n      id=\"player-up-btn\"\n      :title=\"'' != transcriptText ? t('View transcript') : t('Enlarge')\"\n      class=\"btn play-button-box btn-transparent player-text me-0\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronUpIcon />\n    </button>\n    <button\n      :title=\"t('Close')\"\n      class=\"btn play-button-box btn-transparent player-text\"\n      @click=\"stopPlayer\"\n    >\n      <WindowCloseIcon />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronUpIcon from \"vue-material-design-icons/ChevronUp.vue\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport PlayerSpeedButton from \"./elements/PlayerSpeedButton.vue\";\nimport { defineAsyncComponent} from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['stopPlayer', 'changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\n\n\n//Methods\nfunction stopPlayer() {\n  emit(\"stopPlayer\");\n}\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app .player-grow-content {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-shrink: 1;\n  overflow: hidden;\n  font-size: 0.8rem;\n  padding: 0 0.5rem;\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}