{"version":3,"file":"ChooseEpisodesNumber-OlhXXsCa.mjs","names":[],"sources":["../src/components/display/sharing/ChooseEpisodesNumber.vue","../src/components/display/sharing/ChooseEpisodesNumber.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex align-items-center flex-wrap\">\n    <span class=\"flex-shrink-0\">{{ t(\"Show\") }}</span>\n    <input\n      id=\"number-input\"\n      v-model=\"internNumber\"\n      type=\"number\"\n      min=\"1\"\n      max=\"50\"\n      class=\"input-share-player border text-center m-2\"\n      :title=\"t('Number of player podcasts')\"\n    />\n    <span class=\"flex-shrink-0\">{{ t(\"Last podcasts\") }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n  episodesNumber: { default: 3, type: Number },\n});\n\n//Emits\nconst emit = defineEmits([\"updateNumber\"]);\n\n//Data\nconst internNumber = ref(3);\n\n//Composables\nconst { t } = useI18n();\n\n//Watch\nwatch(internNumber, () => {\n  if (internNumber.value < 1) {\n    emit(\"updateNumber\", 1);\n  }else if(internNumber.value > 50){\n    emit(\"updateNumber\", 50);\n  }else{\n    emit(\"updateNumber\", internNumber.value);\n  }\n});\n\nonBeforeMount(()=>{\n  internNumber.value = props.episodesNumber;\n})\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .input-share-player {\n    border-radius: 50px;\n    width: 60px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex align-items-center flex-wrap\">\n    <span class=\"flex-shrink-0\">{{ t(\"Show\") }}</span>\n    <input\n      id=\"number-input\"\n      v-model=\"internNumber\"\n      type=\"number\"\n      min=\"1\"\n      max=\"50\"\n      class=\"input-share-player border text-center m-2\"\n      :title=\"t('Number of player podcasts')\"\n    />\n    <span class=\"flex-shrink-0\">{{ t(\"Last podcasts\") }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props\nconst props = defineProps({\n  episodesNumber: { default: 3, type: Number },\n});\n\n//Emits\nconst emit = defineEmits([\"updateNumber\"]);\n\n//Data\nconst internNumber = ref(3);\n\n//Composables\nconst { t } = useI18n();\n\n//Watch\nwatch(internNumber, () => {\n  if (internNumber.value < 1) {\n    emit(\"updateNumber\", 1);\n  }else if(internNumber.value > 50){\n    emit(\"updateNumber\", 50);\n  }else{\n    emit(\"updateNumber\", internNumber.value);\n  }\n});\n\nonBeforeMount(()=>{\n  internNumber.value = props.episodesNumber;\n})\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .input-share-player {\n    border-radius: 50px;\n    width: 60px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAqBA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,eAAe,IAAI,CAAC;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,oBAAoB;GACxB,IAAI,aAAa,QAAQ,GACvB,KAAK,gBAAgB,CAAC;QAClB,IAAG,aAAa,QAAQ,IAC5B,KAAK,gBAAgB,EAAE;QAEvB,KAAK,gBAAgB,aAAa,KAAK;EAE3C,CAAC;EAED,oBAAkB;GAChB,aAAa,QAAQ,MAAM;EAC7B,CAAC;;;;;;;;;;;;;;;;mBC9CM,OAAM,sCAAqC;mBACxC,OAAM,gBAAe;;mBAUrB,OAAM,gBAAe;;qBAX7B,mBAYM,OAZN,YAYM;EAXJ,mBAAkD,QAAlD,YAAkD,gBAAnB,OAAA,EAAC,MAAA,CAAA,GAAA,CAAA;iBAChC,mBAQE,SAAA;GAPA,IAAG;gEACM,OAAA,eAAY;GACrB,MAAK;GACL,KAAI;GACJ,KAAI;GACJ,OAAM;GACL,OAAO,OAAA,EAAC,2BAAA;yCALA,OAAA,YAAY,CAAA,CAAA;EAOvB,mBAA2D,QAA3D,YAA2D,gBAA5B,OAAA,EAAC,eAAA,CAAA,GAAA,CAAA"}