{"version":3,"file":"static/js/342.9c431c81.js","mappings":"kLACKA,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,0FCROlB,MAAM,0B,kHAAXC,EAAAA,EAAAA,IAaM,MAbNC,EAaM,CAZWiB,EAAAC,UAAO,WAAtBC,EAAAA,EAAAA,IAA0BC,EAAA,CAAAC,IAAA,KACgBJ,EAAAK,OAAOC,S,WAIjDJ,EAAAA,EAAAA,IAMkBK,EAAA,C,MANRC,QAASR,EAAAK,MACTI,QAAS,aACTC,OAAQvB,EAAAuB,OACR,kBAAiBV,EAAAW,eACjBC,SAAMC,EAAA,KAAAA,EAAA,GAAAC,GAAEd,EAAAW,eAAiBG,GACzBC,OAAIF,EAAA,KAAAA,EAAA,GAAAC,GAAExB,EAAA0B,MAAM,OAAQF,K,kDATyB,WAAvDZ,EAAAA,EAAAA,IAEUe,EAAA,C,MAFA,eAAa,G,mBAAkC,IAEzD,UAFyD,yB,qDAoB7D,GACEC,MAAO,CAAC,QACRC,OAAQ,CAACC,EAAAA,GACTC,WAAY,CACVC,QAAO,IACPC,QAAO,IACPC,QAAOA,EAAAA,GAGT9B,MAAO,CACL+B,GAAI,CACF9B,KAAM+B,OACNC,UAAU,GAGZjB,OAAQ,CACNf,KAAM+B,OACN7B,QAAS,OAIb+B,IAAAA,GACE,MAAO,CACLvB,MAAO,GACPJ,SAAS,EACTU,eAAgB,KAEpB,EAEAkB,QAAS,CACP,eAAMC,GACJC,KAAK9B,SAAU,EACf,IACE8B,KAAK1B,aACG0B,KAAKC,QAAQ,uBAAwB,CAACP,GAAIM,KAAKN,MACrDQ,KAAIC,IAAG,IACJA,EACHvC,KAAM,aAEV,CAAE,QACAoC,KAAK9B,SAAU,CACjB,CACF,GAGFkC,OAAAA,GACEJ,KAAKD,WACP,G,UC/DF,MAAMhC,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/Playlist.vue","webpack://platypush/./src/components/panels/Media/Providers/YouTube/Playlist.vue?5745"],"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-playlist\">\n    <Loading v-if=\"loading\" />\n    <NoItems :with-shadow=\"false\" v-else-if=\"!items?.length\">\n      No videos found.\n    </NoItems>\n\n    <Results :results=\"items\"\n             :sources=\"{'youtube': true}\"\n             :filter=\"filter\"\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    id: {\n      type: String,\n      required: true,\n    },\n\n    filter: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data() {\n    return {\n      items: [],\n      loading: false,\n      selectedResult: null,\n    }\n  },\n\n  methods: {\n    async loadItems() {\n      this.loading = true\n      try {\n        this.items = (\n          await this.request('youtube.get_playlist', {id: this.id})\n        ).map(item => ({\n          ...item,\n          type: 'youtube',\n        }))\n      } finally {\n        this.loading = false\n      }\n    },\n  },\n\n  mounted() {\n    this.loadItems()\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.media-youtube-playlist {\n  height: 100%;\n}\n</style>\n","import { render } from \"./Playlist.vue?vue&type=template&id=66236cc4&scoped=true\"\nimport script from \"./Playlist.vue?vue&type=script&lang=js\"\nexport * from \"./Playlist.vue?vue&type=script&lang=js\"\n\nimport \"./Playlist.vue?vue&type=style&index=0&id=66236cc4&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-66236cc4\"]])\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","items","length","_component_Results","results","sources","filter","selectedResult","onSelect","_cache","$event","onPlay","$emit","_component_NoItems","emits","mixins","Utils","components","Loading","NoItems","Results","id","String","required","data","methods","loadItems","this","request","map","item","mounted"],"sourceRoot":""}