{"version":3,"file":"static/js/2790.ad0c9d31.js","mappings":"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","sources":["webpack://platypush/./src/components/elements/Slider.vue","webpack://platypush/./src/components/elements/Slider.vue?787f","webpack://platypush/./src/components/elements/ToggleSwitch.vue","webpack://platypush/./src/components/elements/ToggleSwitch.vue?94aa","webpack://platypush/./src/components/panels/MusicSnapcast/Index.vue","webpack://platypush/./src/components/panels/MusicSnapcast/Host.vue","webpack://platypush/./src/components/panels/MusicSnapcast/Group.vue","webpack://platypush/./src/components/panels/MusicSnapcast/Client.vue","webpack://platypush/./src/components/panels/MusicSnapcast/Client.vue?98bc","webpack://platypush/./src/components/panels/MusicSnapcast/Group.vue?12df","webpack://platypush/./src/components/panels/MusicSnapcast/Host.vue?8888","webpack://platypush/./src/components/panels/MusicSnapcast/modals/Host.vue","webpack://platypush/./src/components/panels/MusicSnapcast/modals/Host.vue?b4e2","webpack://platypush/./src/components/panels/MusicSnapcast/modals/Group.vue","webpack://platypush/./src/components/panels/MusicSnapcast/modals/Group.vue?b9ce","webpack://platypush/./src/components/panels/MusicSnapcast/modals/Client.vue","webpack://platypush/./src/components/panels/MusicSnapcast/modals/Client.vue?144d","webpack://platypush/./src/components/panels/MusicSnapcast/Index.vue?a513"],"sourcesContent":["<template>\n  <label>\n    <input class=\"slider\" type=\"range\" :min=\"range[0]\" :max=\"range[1]\" :value=\"value\" :disabled=\"disabled\"\n           @change=\"$emit('input', $event)\" @mouseup=\"$emit('mouseup', $event)\" @input=\"$emit('input', $event)\"\n           @mousedown=\"$emit('mousedown', $event)\" @touch=\"$emit('input', $event)\"\n           @touchstart=\"$emit('mousedown', $event)\" @touchend=\"$emit('mouseup', $event)\">\n\n    <span class=\"label\" v-if=\"withLabel\" v-text=\"value\" />\n  </label>\n</template>\n\n<script>\nexport default {\n  name: \"Slider\",\n  emits: ['input', 'mouseup', 'mousedown'],\n  props: {\n    value: {\n      type: Number,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    range: {\n      type: Array,\n      default: () => [0, 100],\n    },\n\n    withLabel: {\n      type: Boolean,\n      default: false,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.slider {\n  @include appearance(none);\n  @include transition(opacity .2s);\n  width: 100%;\n  height: 1em;\n  border-radius: 0.33em;\n  background: $slider-bg;\n  outline: none;\n\n  @mixin slider-thumb {\n    @include appearance(none);\n    width: 1.5em;\n    height: 1.5em;\n    border-radius: 50%;\n    border: 0;\n    background: $slider-thumb-bg;\n    cursor: pointer;\n  }\n\n  &::-webkit-slider-thumb { @include slider-thumb; }\n  &::-moz-range-thumb { @include slider-thumb; }\n  &::-moz-range-track { @include appearance(none); }\n\n  &::-webkit-progress-value,\n  &::-moz-range-progress {\n    background: $slider-progress-bg;\n    height: 1em;\n  }\n\n  &[disabled] {\n    &::-webkit-progress-value,\n    &::-moz-range-progress {\n      opacity: .5;\n    }\n\n    &::-webkit-slider-thumb,\n    &::-moz-range-thumb {\n      opacity: .4;\n    }\n  }\n}\n\nlabel {\n  position: relative;\n  .label {\n    font-weight: normal;\n    text-align: center;\n  }\n}\n</style>\n","import { render } from \"./Slider.vue?vue&type=template&id=1a18952e&scoped=true\"\nimport script from \"./Slider.vue?vue&type=script&lang=js\"\nexport * from \"./Slider.vue?vue&type=script&lang=js\"\n\nimport \"./Slider.vue?vue&type=style&index=0&id=1a18952e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1a18952e\"]])\n\nexport default __exports__","<template>\n  <div class=\"power-switch\" :class=\"{disabled: disabled}\" @click=\"onInput\">\n    <!--suppress HtmlFormInputWithoutLabel -->\n    <input type=\"checkbox\" :checked=\"value\">\n    <label>\n      <!--suppress HtmlUnknownTag -->\n      <div class=\"switch\">\n        <div class=\"dot\" />\n      </div>\n      <span class=\"label\">\n        <slot />\n      </span>\n    </label>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"ToggleSwitch\",\n  emits: ['input'],\n  props: {\n    value: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  methods: {\n    onInput(event) {\n      event.stopPropagation()\n      if (this.disabled)\n        return false\n\n      this.$emit('input', event)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.power-switch {\n  position: relative;\n  transition: transform .3s;\n  transform: scale(var(--scale, 1)) translateZ(0);\n\n  &:active {\n    --scale: .96;\n  }\n\n  &.disabled {\n    opacity: 0.6;\n  }\n\n  input {\n    display: none;\n    & + label {\n      border-radius: 1em;\n      display: block;\n      cursor: pointer;\n      position: relative;\n      transition: box-shadow .4s;\n\n      &:before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        border-radius: inherit;\n        background: none;\n        opacity: var(--gradient, 0);\n        transition: opacity .4s;\n      }\n\n      .switch {\n        position: relative;\n        display: inline-block;\n        vertical-align: top;\n        height: 1.4em;\n        width: 2.5em;\n        border-radius: 1em;\n        background: $toggle-bg;\n        box-shadow: $toggle-shadow;\n\n        &:before {\n          content: '';\n          position: absolute;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          border-radius: inherit;\n          background: $toggle-selected-bg;\n          opacity: var(--gradient, 0);\n          transition: opacity .4s;\n        }\n\n        .dot {\n          background: $toggle-dot-bg;\n          position: absolute;\n          width: 1.5em;\n          height: 1.5em;\n          border-radius: 50%;\n          box-shadow: $toggle-dot-shadow;\n          left: -0.25em;\n          top: -0.05em;\n          transform: translateX(var(--offset, 0));\n          transition: transform .4s, box-shadow .4s;\n\n          &:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            border-radius: inherit;\n            background: $toggle-selected-dot-bg;\n            box-shadow: $toggle-dot-shadow;\n            opacity: var(--gradient, 0);\n            transition: opacity .4s;\n          }\n        }\n      }\n\n      span {\n        line-height: 2em;\n        font-size: 1.2em;\n        color: var(--text, #646B8C);\n        font-weight: 500;\n        display: inline-block;\n        vertical-align: top;\n        position: relative;\n        margin-left: 0.5em;\n        transition: color .4s;\n      }\n\n      & + span {\n        text-align: center;\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 100%;\n        opacity: 0;\n        font-size: 1em;\n        font-weight: 500;\n        color: #A6ACCD;\n        transform: translateY(0.2em);\n        transition: opacity .4s, transform .4s;\n      }\n    }\n\n    &:not(:checked) {\n      & + label {\n        pointer-events: none;\n        & + span {\n          opacity: 1;\n          transform: translateY(0.6em);\n        }\n      }\n    }\n\n    &:checked {\n      & + label {\n        --offset: 1.5em;\n        --text: #406046;\n        --gradient: 1;\n        --shadow: rgba(0, 39, 6, .1);\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./ToggleSwitch.vue?vue&type=template&id=8fae7678&scoped=true\"\nimport script from \"./ToggleSwitch.vue?vue&type=script&lang=js\"\nexport * from \"./ToggleSwitch.vue?vue&type=script&lang=js\"\n\nimport \"./ToggleSwitch.vue?vue&type=style&index=0&id=8fae7678&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-8fae7678\"]])\n\nexport default __exports__","<template>\n  <div class=\"music-snapcast-container\">\n    <Loading v-if=\"loading\" />\n\n    <div class=\"info\">\n      <Modal title=\"Server info\" ref=\"modalHost\">\n        <ModalHost :info=\"hosts[selectedHost]\" v-if=\"selectedHost\" />\n      </Modal>\n    </div>\n\n    <div class=\"info\">\n      <Modal title=\"Group info\" ref=\"modalGroup\">\n        <ModalGroup :group=\"hosts[selectedHost].groups[selectedGroup]\" :streams=\"hosts[selectedHost].streams\"\n                    :clients=\"clientsByHost[selectedHost]\" :loading=\"loading\" @add-client=\"addClientToGroup\"\n                    @remove-client=\"removeClientFromGroup\" @stream-change=\"streamChange\"\n                    @rename-group=\"renameGroup($event)\" v-if=\"selectedGroup\" />\n      </Modal>\n    </div>\n\n    <div class=\"info\">\n      <Modal title=\"Client info\" ref=\"modalClient\">\n        <ModalClient :client=\"hosts[selectedHost].groups[selectedGroup].clients[selectedClient]\" :loading=\"loading\"\n                     @remove-client=\"removeClient\" @rename-client=\"renameClient($event)\" v-if=\"selectedClient\" />\n      </Modal>\n    </div>\n\n    <Host v-for=\"(host, id) in hosts\" :key=\"id\"\n        :server=\"host.server\"\n        :streams=\"host.streams\"\n        :groups=\"host.groups\"\n        @group-mute-toggle=\"groupMute($event)\"\n        @client-mute-toggle=\"clientMute($event)\"\n        @client-volume-change=\"clientSetVolume($event)\"\n        @modal-show=\"onModalShow($event)\" />\n  </div>\n</template>\n\n<script>\nimport Modal from \"@/components/Modal\";\nimport Utils from \"@/Utils\";\nimport Host from \"@/components/panels/MusicSnapcast/Host\";\nimport ModalHost from \"@/components/panels/MusicSnapcast/modals/Host\";\nimport ModalGroup from \"@/components/panels/MusicSnapcast/modals/Group\";\nimport ModalClient from \"@/components/panels/MusicSnapcast/modals/Client\";\nimport Loading from \"@/components/Loading\";\n\nexport default {\n  name: \"MusicSnapcast\",\n  mixins: [Utils],\n  components: {Loading, Modal, Host, ModalHost, ModalGroup, ModalClient},\n\n  data: function() {\n    return {\n      loading: false,\n      hosts: {},\n      ports: {},\n      selectedHost: null,\n      selectedGroup: null,\n      selectedClient: null,\n    }\n  },\n\n  computed: {\n    clientsByHost() {\n      return Object.entries(this.hosts).reduce((hosts, [name, info]) => {\n        hosts[name] = {}\n\n        Object.values(info.groups).forEach((group) => {\n          Object.entries(group.clients).forEach(([clientId, client]) => {\n            hosts[name][clientId] = client\n          })\n        })\n\n        return hosts\n      }, {})\n    },\n  },\n\n  methods: {\n    parseServerStatus(status) {\n      status.server.host.port = this.ports[status.server.host.name]\n      this.hosts[status.server.host.name] = {\n        ...status,\n        groups: status.groups.map((group) => {\n          return {\n            ...group,\n            clients: group.clients.reduce((clients, client) => {\n              clients[client.id] = client\n              return clients\n            }, {}),\n          }\n        }).reduce((groups, group) => {\n          groups[group.id] = group\n          return groups\n        }, {}),\n\n        streams: status.streams.reduce((streams, stream) => {\n          streams[stream.id] = stream\n          return streams\n        }, {}),\n      }\n    },\n\n    async refresh() {\n      this.loading = true\n\n      try {\n        const hosts = await this.request('music.snapcast.get_backend_hosts')\n        const statuses = await Promise.all(Object.keys(hosts).map(\n            async (host) => this.request('music.snapcast.status', {host: host, port: hosts[host]})\n        ))\n\n        this.hosts = {}\n        statuses.forEach((status) => {\n          this.ports[status.server.host.name] = hosts[status.server.host.name]\n          this.parseServerStatus(status)\n        })\n      } finally {\n        this.loading = false\n      }\n    },\n\n    async refreshHost(host) {\n      if (!(host in this.hosts))\n        return\n\n      this.parseServerStatus(await this.request('music.snapcast.status', {\n        host: host,\n        port: this.ports[host]\n      }))\n    },\n\n    async addClientToGroup(clientId) {\n      this.loading = true\n\n      try {\n        if (!this.selectedHost || !this.selectedGroup || !(clientId in this.clientsByHost[this.selectedHost]))\n          return\n\n        const clients = [...new Set([clientId,\n          ...Object.keys(this.hosts[this.selectedHost].groups[this.selectedGroup].clients)])]\n\n        await this.request('music.snapcast.group_set_clients', {\n          host: this.selectedHost,\n          port: this.ports[this.selectedHost],\n          group: this.selectedGroup,\n          clients: clients,\n        })\n\n        await this.refreshHost(this.selectedHost)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    async removeClientFromGroup(clientId) {\n      this.loading = true\n\n      try {\n        if (!this.selectedHost || !this.selectedGroup || !(clientId in this.clientsByHost[this.selectedHost]))\n          return\n\n        const clients = new Set([...Object.keys(this.hosts[this.selectedHost].groups[this.selectedGroup].clients)])\n        if (!clients.has(clientId))\n          return\n\n        clients.delete(clientId)\n\n        await this.request('music.snapcast.group_set_clients', {\n          host: this.selectedHost,\n          port: this.ports[this.selectedHost],\n          group: this.selectedGroup,\n          clients: [...clients],\n        })\n\n        await this.refreshHost(this.selectedHost)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    async renameGroup(name) {\n      this.loading = true\n\n      try {\n        if (!this.selectedHost || !this.selectedGroup)\n          return\n\n        await this.request('music.snapcast.set_group_name', {\n          host: this.selectedHost,\n          port: this.ports[this.selectedHost],\n          group: this.selectedGroup,\n          name: name,\n        })\n\n        await this.refreshHost(this.selectedHost)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    async renameClient(name) {\n      this.loading = true\n\n      try {\n        if (!this.selectedHost || !this.selectedClient)\n          return\n\n        await this.request('music.snapcast.set_client_name', {\n          host: this.selectedHost,\n          port: this.ports[this.selectedHost],\n          client: this.selectedClient,\n          name: name,\n        })\n\n        await this.refreshHost(this.selectedHost)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    async removeClient() {\n      this.loading = true\n\n      try {\n        if (!(this.selectedHost && this.selectedClient))\n          return\n\n        await this.request('music.snapcast.delete_client', {\n          host: this.selectedHost,\n          port: this.ports[this.selectedHost],\n          client: this.selectedClient,\n        })\n\n        this.$refs.modalClient.close()\n        await this.refreshHost(this.selectedHost)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    async streamChange(streamId) {\n      this.loading = true\n\n      try {\n        await this.request('music.snapcast.group_set_stream', {\n          host: this.selectedHost,\n          port: this.ports[this.selectedHost],\n          group: this.selectedGroup,\n          stream_id: streamId,\n        })\n\n        await this.refreshHost(this.selectedHost)\n      } finally {\n        this.loading = false\n      }\n    },\n\n    onClientUpdate(event) {\n      Object.keys(this.hosts[event.host].groups).forEach((groupId) => {\n        if (event.client.id in this.hosts[event.host].groups[groupId].clients) {\n          this.hosts[event.host].groups[groupId].clients[event.client.id] = event.client\n        }\n      })\n    },\n\n    onGroupStreamChange(event) {\n      this.hosts[event.host].groups[event.group].stream_id = event.stream\n    },\n\n    onServerUpdate(event) {\n      this.parseServerStatus(event.server)\n    },\n\n    onStreamUpdate(event) {\n      this.hosts[event.host].streams[event.stream.id] = event.stream\n    },\n\n    onClientVolumeChange(event) {\n      Object.keys(this.hosts[event.host].groups).forEach((groupId) => {\n        if (!(event.client in this.hosts[event.host].groups[groupId].clients))\n          return\n\n        if (event.volume != null)\n          this.hosts[event.host].groups[groupId].clients[event.client].config.volume.percent = event.volume\n\n        if (event.muted != null)\n          this.hosts[event.host].groups[groupId].clients[event.client].config.volume.muted = event.muted\n      })\n    },\n\n    onGroupMuteChange(event) {\n      this.hosts[event.host].groups[event.group].muted = event.muted\n    },\n\n    modalShow(event) {\n      switch(event.type) {\n        case 'host':\n          this.modal[event.type].info = this.hosts[event.host]\n          break\n        case 'group':\n          this.modal[event.type].info.server = this.hosts[event.host].server\n          this.modal[event.type].info.group = this.hosts[event.host].groups[event.group]\n          this.modal[event.type].info.streams = this.hosts[event.host].streams\n          this.modal[event.type].info.clients = {}\n\n          for (const group of Object.values(this.hosts[event.host].groups)) {\n            for (const client of Object.values(group.clients)) {\n              this.modal[event.type].info.clients[client.id] = client\n            }\n          }\n\n          break\n        case 'client':\n          this.modal[event.type].info = this.hosts[event.host].groups[event.group].clients[event.client]\n          this.modal[event.type].info.server = this.hosts[event.host].server\n          break\n      }\n\n      this.modal[event.type].visible = true\n    },\n\n    async groupMute(event) {\n      await this.request('music.snapcast.mute', {\n        group: event.group,\n        host: event.host,\n        port: this.ports[event.host],\n        mute: event.muted,\n      })\n\n      await this.refreshHost(event.host)\n    },\n\n    async clientMute(event) {\n      await this.request('music.snapcast.mute', {\n        client: event.client,\n        host: event.host,\n        port: this.ports[event.host],\n        mute: event.muted,\n      })\n\n      await this.refreshHost(event.host)\n    },\n\n    async clientSetVolume(event) {\n      await this.request('music.snapcast.volume', {\n        client: event.client,\n        host: event.host,\n        port: this.ports[event.host],\n        volume: event.volume,\n      })\n\n      await this.refreshHost(event.host)\n    },\n\n    onModalShow(event) {\n      switch (event.type) {\n        case 'host':\n          this.selectedHost = event.host\n          this.$refs.modalHost.show()\n          break\n\n        case 'group':\n          this.selectedHost = event.host\n          this.selectedGroup = event.group\n          this.$refs.modalGroup.show()\n          break\n\n        case 'client':\n          this.selectedHost = event.host\n          this.selectedGroup = event.group\n          this.selectedClient = event.client\n          this.$refs.modalClient.show()\n          break\n      }\n    }\n  },\n\n  mounted() {\n    this.refresh()\n\n    this.subscribe(this.onClientUpdate, null,\n        'platypush.message.event.music.snapcast.ClientConnectedEvent',\n        'platypush.message.event.music.snapcast.ClientDisconnectedEvent',\n        'platypush.message.event.music.snapcast.ClientNameChangeEvent')\n\n    this.subscribe(this.onGroupStreamChange, null, 'platypush.message.event.music.snapcast.GroupStreamChangeEvent')\n    this.subscribe(this.onServerUpdate, null, 'platypush.message.event.music.snapcast.ServerUpdateEvent')\n    this.subscribe(this.onStreamUpdate, null, 'platypush.message.event.music.snapcast.StreamUpdateEvent')\n    this.subscribe(this.onClientVolumeChange, null, 'platypush.message.event.music.snapcast.ClientVolumeChangeEvent')\n    this.subscribe(this.onGroupMuteChange, null, 'platypush.message.event.music.snapcast.GroupMuteChangeEvent')\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.music-snapcast-container {\n  width: 100%;\n  overflow: auto;\n  background: $background-color;\n}\n\n::v-deep(.info) {\n  .modal {\n    .content {\n      width: 90%;\n      max-width: 800px;\n    }\n\n    .body {\n      padding: 0;\n    }\n  }\n\n  .row {\n    display: flex;\n    align-items: center;\n    border-radius: .75em;\n    padding: 1em;\n\n    @include until($tablet) {\n      flex-direction: column;\n      border-bottom: $default-border;\n    }\n\n    @include from($desktop) {\n      padding: 1em 2em;\n    }\n\n    .label {\n      margin-bottom: 0;\n    }\n\n    .value {\n      display: flex;\n\n      @include from($tablet) {\n        justify-content: right;\n      }\n\n      @include until($tablet) {\n        width: 100%;\n        margin-left: 0;\n      }\n    }\n\n    @include until($tablet) {\n      .label {\n        width: 100%;\n        display: flex;\n      }\n    }\n\n    &:nth-child(odd) {\n      background: $background-color;\n    }\n\n    &:nth-child(even) {\n      background: $default-bg-3;\n    }\n\n    &:hover {\n      background: $hover-bg;\n    }\n  }\n\n  .buttons {\n    background: initial;\n    margin-top: 1.5em;\n    padding-top: 1.5em;\n    border-top: $default-border-2;\n    display: flex;\n    justify-content: center;\n  }\n}\n\n@media screen and (max-width: calc(#{$tablet} - 1)) {\n  .music-snapcast-container {\n    .modal {\n      width: 95vw;\n    }\n  }\n}\n\n@media screen and (min-width: $tablet) {\n  .music-snapcast-container {\n    .modal {\n      width: 70vw;\n    }\n  }\n}\n\n@media screen and (min-width: $desktop) {\n  .music-snapcast-container {\n    .modal {\n      width: 45vw;\n    }\n  }\n}\n</style>","<template>\n  <div class=\"host\">\n    <div class=\"header\">\n      <div class=\"col-10 name\" @click=\"$emit('modal-show', {type: 'host', host: server.host.name})\">\n        <i class=\"icon fa fa-server\"></i>\n        {{ server.host.name }}\n      </div>\n      <div class=\"col-2 buttons pull-right\">\n        <button type=\"button\" @click=\"collapsed = !collapsed\">\n          <i class=\"icon fa\" :class=\"{'fa-chevron-up': !collapsed, 'fa-chevron-down': collapsed}\"></i>\n        </button>\n      </div>\n    </div>\n\n    <div class=\"group-container\" v-if=\"!collapsed\">\n      <Group v-for=\"(group, id) in groups\" :key=\"id\"\n             :id=\"group.id\"\n             :name=\"group.name\"\n             :server=\"server.host\"\n             :muted=\"group.muted\"\n             :clients=\"group.clients\"\n             :stream=\"streams[group.stream_id]\"\n             @modal-show=\"$emit('modal-show', $event)\"\n             @group-mute-toggle=\"$emit('group-mute-toggle', $event)\"\n             @client-mute-toggle=\"$emit('client-mute-toggle', $event)\"\n             @client-volume-change=\"$emit('client-volume-change', $event)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport Group from \"@/components/panels/MusicSnapcast/Group\";\n\nexport default {\n  name: \"Host\",\n  emits: ['modal-show', 'group-mute-toggle', 'client-mute-toggle', 'client-volume-change'],\n  components: {Group},\n\n  props: {\n    groups: {\n      type: Object,\n      default: () => {},\n    },\n\n    server: {\n      type: Object,\n      default: () => {},\n    },\n\n    streams: {\n      type: Object,\n      default: () => {},\n    },\n  },\n\n  data() {\n    return {\n      collapsed: false,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.host {\n  width: 95%;\n  max-width: 1000px;\n  margin: 1em auto;\n  border: $default-border-2;\n  border-radius: .5em;\n  box-shadow: $border-shadow-bottom-right;\n  background: $default-bg-2;\n\n  .header {\n    padding: .5em;\n    background: $default-bg-5;\n    border-bottom: $default-border-2;\n    border-radius: .5em .5em 0 0;\n    display: flex;\n    align-items: center;\n\n    .name {\n      text-transform: uppercase;\n\n      &:hover {\n        color: $default-hover-fg;\n        cursor: pointer;\n      }\n    }\n\n    .buttons {\n      margin-bottom: 0;\n    }\n\n    button {\n      padding: 0;\n      border: 0;\n      background: none;\n      &:hover { color: $default-hover-fg; }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"group\">\n    <div class=\"head\">\n      <div class=\"col-10 name\" @click=\"$emit('modal-show', {type: 'group', group: id, host: server.name})\">\n        <i class=\"icon fa\" :class=\"{'fa-play': stream.status === 'playing', 'fa-stop': stream.status !== 'playing'}\"></i>\n        {{ name || stream.id || id }}\n      </div>\n\n      <div class=\"col-2 switch pull-right\">\n        <ToggleSwitch :value=\"!muted\"\n                      @input=\"$emit('group-mute-toggle', {host: server.name, group: id, muted: !muted})\" />\n      </div>\n    </div>\n\n    <div class=\"body\">\n      <Client v-for=\"client in clients\" :key=\"client.id\"\n              :config=\"client.config\"\n              :connected=\"client.connected\"\n              :server=\"server\"\n              :host=\"client.host\"\n              :groupId=\"id\"\n              :id=\"client.id\"\n              :lastSeen=\"client.lastSeen\"\n              :snapclient=\"client.snapclient\"\n              @modal-show=\"$emit('modal-show', $event)\"\n              @volume-change=\"$emit('client-volume-change', $event)\"\n              @mute-toggle=\"$emit('client-mute-toggle', $event)\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ToggleSwitch from \"@/components/elements/ToggleSwitch\";\nimport Client from \"@/components/panels/MusicSnapcast/Client\";\n\nexport default {\n  name: \"Group\",\n  components: {Client, ToggleSwitch},\n  emits: ['group-mute-toggle', 'modal-show', 'client-volume-change', 'client-mute-toggle'],\n  props: {\n    id: {\n      type: String,\n    },\n\n    clients: {\n      type: Object,\n      default: () => {},\n    },\n\n    muted: {\n      type: Boolean,\n    },\n\n    name: {\n      type: String,\n    },\n\n    stream: {\n      type: Object,\n    },\n\n    server: {\n      type: Object,\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.group {\n  .head {\n    display: flex;\n    background: $default-bg-4;\n    border-top: $default-border-2;\n    border-bottom: $default-border-2;\n    border-radius: 0;\n    cursor: pointer;\n\n    &:hover {\n      color: $default-hover-fg;\n    }\n  }\n\n  .head,\n  .client {\n    display: flex;\n    align-items: center;\n    padding: 1em .5em;\n  }\n}\n</style>\n","<template>\n  <div class=\"row client\" :class=\"{offline: !connected}\">\n    <div class=\"col-s-12 col-m-3 name\" v-text=\"config.name?.length ? config.name : host.name\"\n         @click=\"$emit('modal-show', {type: 'client', client: id, group: groupId, host: server.name})\">\n    </div>\n\n    <div class=\"col-s-12 col-m-9 controls\">\n      <div class=\"col-10 slider-container\">\n        <Slider :range=\"[0, 100]\" :value=\"config.volume.percent\"\n                @mouseup=\"$emit('volume-change', {host: server.name, client: id, volume: $event.target.value})\" />\n      </div>\n\n      <div class=\"col-2 switch pull-right\">\n        <ToggleSwitch :value=\"!config.volume.muted\"\n                      @input=\"$emit('mute-toggle', {host: server.name, client: id, muted: !config.volume.muted})\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ToggleSwitch from \"@/components/elements/ToggleSwitch\";\nimport Slider from \"@/components/elements/Slider\";\n\nexport default {\n  name: \"Client\",\n  components: {Slider, ToggleSwitch},\n  emits: ['volume-change', 'mute-toggle', 'modal-show'],\n\n  props: {\n    config: {\n      type: Object,\n      required: true,\n    },\n\n    connected: {\n      type: Boolean,\n      default: false,\n    },\n\n    host: {\n      type: Object,\n      required: true,\n    },\n\n    id: {\n      type: String,\n      required: true,\n    },\n\n    groupId: {\n      type: String,\n      required: true,\n    },\n\n    lastSeen: {\n      type: Object,\n      default: () => {},\n    },\n\n    snapclient: {\n      type: Object,\n      required: true,\n    },\n\n    server: {\n      type: Object,\n      required: true,\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.client {\n  @include until($tablet) {\n    flex-direction: column;\n    border-bottom: $default-border;\n  }\n\n  .name, .controls {\n    @include until($tablet) {\n      width: 100%;\n      display: flex;\n    }\n  }\n\n  &.offline {\n    color: $disabled-fg;\n  }\n\n  &:hover {\n    background: $hover-bg;\n  }\n\n  .name {\n    @include until($tablet) {\n      padding-bottom: .5em;\n    }\n\n    &:hover {\n      color: $default-hover-fg;\n      cursor: pointer;\n    }\n  }\n}\n</style>\n","import { render } from \"./Client.vue?vue&type=template&id=12b0e65b&scoped=true\"\nimport script from \"./Client.vue?vue&type=script&lang=js\"\nexport * from \"./Client.vue?vue&type=script&lang=js\"\n\nimport \"./Client.vue?vue&type=style&index=0&id=12b0e65b&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-12b0e65b\"]])\n\nexport default __exports__","import { render } from \"./Group.vue?vue&type=template&id=748fccb4&scoped=true\"\nimport script from \"./Group.vue?vue&type=script&lang=js\"\nexport * from \"./Group.vue?vue&type=script&lang=js\"\n\nimport \"./Group.vue?vue&type=style&index=0&id=748fccb4&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-748fccb4\"]])\n\nexport default __exports__","import { render } from \"./Host.vue?vue&type=template&id=7bce419a&scoped=true\"\nimport script from \"./Host.vue?vue&type=script&lang=js\"\nexport * from \"./Host.vue?vue&type=script&lang=js\"\n\nimport \"./Host.vue?vue&type=style&index=0&id=7bce419a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7bce419a\"]])\n\nexport default __exports__","<template>\n  <div class=\"info\">\n    <div class=\"row\" v-if=\"info?.server?.host?.ip?.length\">\n      <div class=\"label col-3\">IP Address</div>\n      <div class=\"value col-9\" v-text=\"info.server.host.ip\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.host?.mac?.length\">\n      <div class=\"label col-3\">MAC Address</div>\n      <div class=\"value col-9\" v-text=\"info.server.host.mac\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.host?.name?.length\">\n      <div class=\"label col-3\">Name</div>\n      <div class=\"value col-9\" v-text=\"info.server.host.name\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.host?.port\">\n      <div class=\"label col-3\">Port</div>\n      <div class=\"value col-9\" v-text=\"info.server.host.port\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.host?.os?.length\">\n      <div class=\"label col-3\">OS</div>\n      <div class=\"value col-9\" v-text=\"info.server.host.os\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.host?.arch?.length\">\n      <div class=\"label col-3\">Architecture</div>\n      <div class=\"value col-9\" v-text=\"info.server.host.arch\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.snapserver?.name?.length\">\n      <div class=\"label col-3\">Server name</div>\n      <div class=\"value col-9\" v-text=\"info.server.snapserver.name\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.snapserver?.version?.length\">\n      <div class=\"label col-3\">Server version</div>\n      <div class=\"value col-9\" v-text=\"info.server.snapserver.version\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.snapserver?.protocolVersion\">\n      <div class=\"label col-3\">Protocol version</div>\n      <div class=\"value col-9\" v-text=\"info.server.snapserver.protocolVersion\"></div>\n    </div>\n\n    <div class=\"row\" v-if=\"info?.server?.snapserver?.controlProtocolVersion\">\n      <div class=\"label col-3\">Control protocol version</div>\n      <div class=\"value col-9\" v-text=\"info.server.snapserver.controlProtocolVersion\"></div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"HostModal\",\n  props: {\n    info: {\n      type: Object,\n      default: () => {},\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./Host.vue?vue&type=template&id=4b0dc9f8\"\nimport script from \"./Host.vue?vue&type=script&lang=js\"\nexport * from \"./Host.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"info\">\n    <div class=\"section name\">\n      <div class=\"title\">Name</div>\n      <div class=\"row\">\n        <div class=\"name-value\">\n          <span class=\"name\" v-text=\"group.name?.length ? group.name : 'default'\" />\n          <button class=\"pull-right\" title=\"Rename\" @click=\"renameGroup\">\n            <i class=\"fa fa-edit\" />\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"section clients\" v-if=\"Object.keys(group?.clients || {}).length > 0\">\n      <div class=\"title\">Clients</div>\n      <div class=\"row\" ref=\"groupClients\" v-for=\"(client, id) in (clients || {})\" :key=\"id\">\n        <label class=\"client\" :for=\"'snapcast-client-' + client.id\">\n          <input type=\"checkbox\"\n                 class=\"client\"\n                 :id=\"`snapcast-client-${client.id}`\"\n                 :value=\"client.id\"\n                 :checked=\"client.id in group.clients\"\n                 :disabled=\"loading\"\n                 @input=\"$emit($event.target.checked ? 'add-client' : 'remove-client', client.id)\">\n          {{ client.host.name }}\n        </label>\n      </div>\n    </div>\n\n    <div class=\"section streams\" v-if=\"group?.stream_id\">\n      <div class=\"title\">Stream</div>\n      <div class=\"row\">\n        <div class=\"label col-3\">ID</div>\n        <div class=\"value col-9\">\n          <label>\n            <select ref=\"streamSelect\" @change=\"$emit('stream-change', $event.target.value)\">\n              <option\n                  v-for=\"(stream, id) in streams\" :key=\"id\"\n                  v-text=\"streams[group.stream_id].id\"\n                  :name=\"stream.id\"\n                  :value=\"stream.id\"\n                  :disabled=\"loading\"\n                  :selected=\"stream.id === group.stream_id\">\n              </option>\n            </select>\n          </label>\n        </div>\n      </div>\n\n      <div class=\"row\" v-if=\"streams?.[group.stream_id]?.status\">\n        <div class=\"label col-m-3\">Status</div>\n        <div class=\"value col-m-9\" v-text=\"streams[group.stream_id].status\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"streams?.[group?.stream_id]?.uri?.host\">\n        <div class=\"label col-s-12 col-m-3\">Host</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"streams[group.stream_id].uri.host\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"streams?.[group?.stream_id]?.uri?.path\">\n        <div class=\"label col-s-12 col-m-3\">Path</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"streams[group.stream_id].uri.path\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"streams?.[group?.stream_id]?.uri?.raw\">\n        <div class=\"label col-s-12 col-m-3\">URI</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"streams[group.stream_id].uri.raw\"></div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"GroupModal\",\n  emits: ['add-client', 'remove-client', 'stream-change', 'rename-group'],\n  props: {\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    group: {\n      type: Object,\n    },\n\n    clients: {\n      type: Object,\n    },\n\n    streams: {\n      type: Object,\n    },\n  },\n\n  methods: {\n    renameGroup() {\n      const name = (prompt('New group name', this.group.name) || '').trim()\n      if (!name?.length)\n        return\n\n      this.$emit('rename-group', name)\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.info {\n  .row {\n    display: flex;\n    align-items: center;\n  }\n\n  .section {\n    padding: 1.5em;\n\n    .row {\n      align-items: normal;\n    }\n  }\n\n  label.client {\n    width: 100%;\n  }\n\n  .title {\n    font-size: 1em;\n    padding-left: .5em;\n    padding-bottom: .5em;\n    margin-bottom: .5em;\n    border-bottom: $default-border;\n  }\n\n  .client {\n    display: flex;\n    align-items: center;\n\n    input {\n      margin-right: .5em;\n    }\n  }\n\n  .name-value {\n    display: flex;\n    align-items: center;\n\n    button {\n      background: none;\n      border: none;\n      margin: 0 1em;\n      padding: 0;\n\n      &:hover {\n        color: $default-hover-fg-2;\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./Group.vue?vue&type=template&id=353ffa58&scoped=true\"\nimport script from \"./Group.vue?vue&type=script&lang=js\"\nexport * from \"./Group.vue?vue&type=script&lang=js\"\n\nimport \"./Group.vue?vue&type=style&index=0&id=353ffa58&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-353ffa58\"]])\n\nexport default __exports__","<template>\n  <div class=\"client-modal\">\n    <div class=\"info\" v-if=\"client\">\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">ID</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.id\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"client.config?.name?.length || client.host?.name\">\n        <div class=\"label col-s-12 col-m-3\">Name</div>\n        <div class=\"value col-s-12 col-m-9\">\n          <span class=\"name\" v-text=\"client.config?.name || client.host?.name\"></span>\n          <button title=\"Rename\" @click=\"renameClient\">\n            <i class=\"fa fa-edit\" />\n          </button>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">Connected</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.connected\"></div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">Volume</div>\n        <div class=\"value col-s-12 col-m-9\">{{ client.config.volume.percent }}%</div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">Muted</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.config.volume.muted\"></div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">Latency</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.config.latency\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"client.host.ip && client.host.ip.length\">\n        <div class=\"label col-s-12 col-m-3\">IP Address</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.host.ip\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"client.host.mac && client.host.mac.length\">\n        <div class=\"label col-s-12 col-m-3\">MAC Address</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.host.mac\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"client.host.os && client.host.os.length\">\n        <div class=\"label col-s-12 col-m-3\">OS</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.host.os\"></div>\n      </div>\n\n      <div class=\"row\" v-if=\"client.host.arch && client.host.arch.length\">\n        <div class=\"label col-s-12 col-m-3\">Architecture</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.host.arch\"></div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">Client name</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.snapclient.name\"></div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">Client version</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.snapclient.version\"></div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"label col-s-12 col-m-3\">Protocol version</div>\n        <div class=\"value col-s-12 col-m-9\" v-text=\"client.snapclient.protocolVersion\"></div>\n      </div>\n    </div>\n\n    <div class=\"buttons\">\n      <div class=\"row\">\n        <button type=\"button\" :disabled=\"loading\" @click=\"removeClient\">\n          <i class=\"fas fa-trash\" />\n          <span class=\"name\">Remove client</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"ClientModal\",\n  emits: ['remove-client', 'rename-client'],\n  props: {\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    client: {\n      type: Object,\n    },\n  },\n\n  methods: {\n    removeClient() {\n      if (!window.confirm('Are you sure that you want to remove this client?'))\n        return\n\n      this.$emit('remove-client')\n    },\n\n    renameClient() {\n      const name = (window.prompt('New client name',\n          this.client.config.name?.length ? this.client.config.name : this.client.host.name) || '').trim()\n\n      if (!name.length)\n        return\n\n      this.$emit('rename-client', name)\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.client-modal {\n  max-height: 75vh;\n  display: flex;\n  flex-direction: column;\n\n  .info {\n    height: 80%;\n    overflow: auto;\n  }\n\n  button {\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0 .5em;\n\n    &:hover {\n      color: $default-hover-fg-2;\n    }\n  }\n\n  .buttons {\n    height: 20%;\n    margin: 0 !important;\n    padding: 0 !important;\n\n    .row {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      justify-content: center;\n      padding: 0;\n\n      &:hover {\n        background: none;\n      }\n\n      button {\n        width: 100%;\n        height: 100%;\n        padding: 1em;\n        color: #900;\n        border-color: #900;\n\n        .name {\n          margin-left: .5em;\n        }\n\n        &:hover {\n          background: $hover-bg;\n        }\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./Client.vue?vue&type=template&id=0e55ac54&scoped=true\"\nimport script from \"./Client.vue?vue&type=script&lang=js\"\nexport * from \"./Client.vue?vue&type=script&lang=js\"\n\nimport \"./Client.vue?vue&type=style&index=0&id=0e55ac54&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0e55ac54\"]])\n\nexport default __exports__","import { render } from \"./Index.vue?vue&type=template&id=40841f5a&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=40841f5a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-40841f5a\"]])\n\nexport default __exports__"],"names":["class","type","min","range","max","value","disabled","$emit","$event","withLabel","name","emits","props","Number","Boolean","default","Array","__exports__","render","onInput","checked","methods","event","stopPropagation","this","loading","title","ref","selectedHost","info","hosts","selectedGroup","group","groups","streams","clients","clientsByHost","addClientToGroup","removeClientFromGroup","streamChange","renameGroup","selectedClient","client","removeClient","renameClient","host","id","key","server","groupMute","clientMute","clientSetVolume","onModalShow","collapsed","muted","stream","stream_id","status","config","connected","groupId","lastSeen","snapclient","length","volume","percent","target","components","Slider","ToggleSwitch","Object","required","String","Client","Group","data","ip","mac","port","os","arch","snapserver","version","protocolVersion","controlProtocolVersion","keys","for","selected","uri","path","raw","prompt","trim","latency","window","confirm","mixins","Utils","Loading","Modal","Host","ModalHost","ModalGroup","ModalClient","ports","computed","entries","reduce","values","forEach","clientId","parseServerStatus","map","async","request","statuses","Promise","all","Set","refreshHost","has","delete","$refs","modalClient","close","streamId","onClientUpdate","onGroupStreamChange","onServerUpdate","onStreamUpdate","onClientVolumeChange","onGroupMuteChange","modalShow","modal","visible","mute","modalHost","show","modalGroup","mounted","refresh","subscribe"],"sourceRoot":""}