{"version":3,"file":"static/js/2804.c59fb840.js","mappings":"mLACKA,MAAM,sB,0CAAXC,EAAAA,EAAAA,IAIM,MAJNC,EAIM,EAHJC,EAAAA,EAAAA,GAEM,OAFDH,OAAKI,EAAAA,EAAAA,IAAA,CAAC,mBAAkB,CAAAC,OAAkBC,EAAAC,e,EAC7CC,EAAAA,EAAAA,IAAQC,EAAAC,OAAA,kBAAAC,GAAA,Q,CAMZ,OACEC,KAAM,UACNC,MAAO,CACLN,WAAY,CACVO,KAAMC,QACNC,SAAS,K,UCPf,MAAMC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O,2FCROlB,MAAM,sB,kHAAXC,EAAAA,EAAAA,IAaM,MAbNC,EAaM,CAZWiB,EAAAC,UAAO,WAAtBC,EAAAA,EAAAA,IAA0BC,EAAA,CAAAC,IAAA,KACgBJ,EAAAK,MAAMC,S,WAIhDJ,EAAAA,EAAAA,IAMkBK,EAAA,C,MANRC,QAASR,EAAAK,KACTI,OAAQtB,EAAAsB,OACRC,QAAS,aACT,kBAAiBV,EAAAW,eACjBC,SAAMC,EAAA,KAAAA,EAAA,GAAAC,GAAEd,EAAAW,eAAiBG,GACzBC,OAAIF,EAAA,KAAAA,EAAA,GAAAC,GAAExB,EAAA0B,MAAM,OAAQF,K,kDATwB,WAAtDZ,EAAAA,EAAAA,IAEUe,EAAA,C,MAFA,eAAa,G,mBAAiC,IAExD,UAFwD,yB,oDAoB5D,GACEC,MAAO,CAAC,QACRC,OAAQ,CAACC,EAAAA,GACTC,WAAY,CACVC,QAAO,IACPC,QAAO,IACPC,QAAOA,EAAAA,GAGT9B,MAAO,CACLe,OAAQ,CACNd,KAAM8B,OACN5B,QAAS,OAIb6B,IAAAA,GACE,MAAO,CACLrB,KAAM,GACNJ,SAAS,EACTU,eAAgB,KAEpB,EAEAgB,QAAS,CACP,cAAMC,GACJC,KAAK5B,SAAU,EACf,IACE4B,KAAKxB,YAAcwB,KAAKC,QAAQ,qBAAqBC,KAAIC,IAAG,IACvDA,EACHrC,KAAM,aAEV,CAAE,QACAkC,KAAK5B,SAAU,CACjB,CACF,GAGFgC,OAAAA,GACEJ,KAAKD,UACP,G,UCxDF,MAAM9B,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://platypush/./src/components/elements/NoItems.vue","webpack://platypush/./src/components/elements/NoItems.vue?70de","webpack://platypush/./src/components/panels/Media/Providers/YouTube/Feed.vue","webpack://platypush/./src/components/panels/Media/Providers/YouTube/Feed.vue?abe5"],"sourcesContent":["<template>\n<div class=\"no-items-container\">\n  <div class=\"no-items fade-in\" :class=\"{shadow: withShadow}\">\n    <slot />\n  </div>\n</div>\n</template>\n\n<script>\nexport default {\n  name: \"NoItems\",\n  props: {\n    withShadow: {\n      type: Boolean,\n      default: true,\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.no-items-container {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  .no-items {\n    min-width: 100%;\n    max-width: 100%;\n\n    @include from($tablet) {\n      min-width: 80%;\n    }\n\n    @include from($desktop) {\n      min-width: 50%;\n      max-width: 35em;\n    }\n\n    @include from($fullhd) {\n      min-width: 33%;\n    }\n\n    background: $background-color;\n    margin: 1em;\n    padding: 1em;\n    font-size: 1.5em;\n    color: $no-items-color;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 1em;\n\n    &.shadow {\n      box-shadow: $border-shadow-bottom;\n    }\n  }\n}\n</style>\n","import { render } from \"./NoItems.vue?vue&type=template&id=4856c4d7&scoped=true\"\nimport script from \"./NoItems.vue?vue&type=script&lang=js\"\nexport * from \"./NoItems.vue?vue&type=script&lang=js\"\n\nimport \"./NoItems.vue?vue&type=style&index=0&id=4856c4d7&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4856c4d7\"]])\n\nexport default __exports__","<template>\n  <div class=\"media-youtube-feed\">\n    <Loading v-if=\"loading\" />\n    <NoItems :with-shadow=\"false\" v-else-if=\"!feed?.length\">\n      No videos found.\n    </NoItems>\n\n    <Results :results=\"feed\"\n             :filter=\"filter\"\n             :sources=\"{'youtube': true}\"\n             :selected-result=\"selectedResult\"\n             @select=\"selectedResult = $event\"\n             @play=\"$emit('play', $event)\"\n             v-else />\n  </div>\n</template>\n\n<script>\nimport NoItems from \"@/components/elements/NoItems\";\nimport Loading from \"@/components/Loading\";\nimport Results from \"@/components/panels/Media/Results\";\nimport Utils from \"@/Utils\";\n\nexport default {\n  emits: ['play'],\n  mixins: [Utils],\n  components: {\n    Loading,\n    NoItems,\n    Results,\n  },\n\n  props: {\n    filter: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data() {\n    return {\n      feed: [],\n      loading: false,\n      selectedResult: null,\n    }\n  },\n\n  methods: {\n    async loadFeed() {\n      this.loading = true\n      try {\n        this.feed = (await this.request('youtube.get_feed')).map(item => ({\n          ...item,\n          type: 'youtube',\n        }))\n      } finally {\n        this.loading = false\n      }\n    },\n  },\n\n  mounted() {\n    this.loadFeed()\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.media-youtube-feed {\n  height: 100%;\n  overflow: auto;\n}\n</style>\n","import { render } from \"./Feed.vue?vue&type=template&id=1c632107&scoped=true\"\nimport script from \"./Feed.vue?vue&type=script&lang=js\"\nexport * from \"./Feed.vue?vue&type=script&lang=js\"\n\nimport \"./Feed.vue?vue&type=style&index=0&id=1c632107&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1c632107\"]])\n\nexport default __exports__"],"names":["class","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","shadow","$props","withShadow","_renderSlot","_ctx","$slots","undefined","name","props","type","Boolean","default","__exports__","render","$data","loading","_createBlock","_component_Loading","key","feed","length","_component_Results","results","filter","sources","selectedResult","onSelect","_cache","$event","onPlay","$emit","_component_NoItems","emits","mixins","Utils","components","Loading","NoItems","Results","String","data","methods","loadFeed","this","request","map","item","mounted"],"sourceRoot":""}