{"version":3,"file":"static/js/2790.8e6ef45d.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 class=\"slider-wrapper\">\n    <input class=\"slider\" type=\"range\" ref=\"range\" :min=\"range[0]\" :max=\"range[1]\"\n           :step=\"step\" :disabled=\"disabled\" :value=\"value\"\n           @input.stop=\"onUpdate\"\n           @change.stop=\"onUpdate\"\n           @mouseup.stop=\"onUpdate\"\n           @mousedown.stop=\"onUpdate\"\n           @touchstart.stop=\"onUpdate\"\n           @touchend.stop=\"onUpdate\"\n           @keyup.stop=\"onUpdate\"\n           @keydown.stop=\"onUpdate\">\n\n   <div class=\"track\">\n     <div class=\"track-inner\" ref=\"track\"></div>\n   </div>\n   <div class=\"thumb\" ref=\"thumb\"></div>\n   <span class=\"label\" v-if=\"withLabel\" v-text=\"value\"></span>\n  </label>\n</template>\n\n<script>\nexport default {\n  name: \"Slider\",\n  emits: ['input', 'change', 'mouseup', 'mousedown', 'touchstart', 'touchend', 'keyup', 'keydown'],\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    step: {\n      type: Number,\n      default: 1,\n    },\n\n    withLabel: {\n      type: Boolean,\n      default: false,\n    }\n  },\n\n  methods: {\n    onUpdate(event) {\n      this.update(event.target.value)\n      this.$emit(event.type, {\n        ...event,\n        target: {\n          ...event.target,\n          value: this.$refs.range.value,\n        }\n      })\n    },\n\n    update(value) {\n      const percent = (value * 100) / (this.range[1] - this.range[0])\n      this.$refs.thumb.style.left = `${percent}%`\n      this.$refs.thumb.style.transform = `translate(-${percent}%, -50%)`\n      this.$refs.track.style.width = `${percent}%`\n    },\n  },\n\n  mounted() {\n    if (this.value != null)\n      this.update(this.value)\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.slider-wrapper {\n  width: 100%;\n  display: flex;\n  position: relative;\n\n  .slider {\n    width: 100%;\n    cursor: pointer;\n    opacity: 0;\n\n    &::-ms-tooltip {\n      display: none;\n    }\n  }\n\n  .track {\n    width: 100%;\n    height: 0.75em;\n    background: $slider-bg;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    border-radius: 0.5em;\n    box-shadow: inset 1px 0px 3px 0 $slider-track-shadow;\n    pointer-events: none;\n\n    .track-inner {\n      width: 0;\n      height: 100%;\n      background: $slider-progress-bg;\n      border-radius: 0.5em 0 0 0.5em;\n    }\n  }\n\n  .thumb {\n    width: 1.25em;\n    height: 1.25em;\n    background: $slider-thumb-bg;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translate(0%, -50%);\n    border-radius: 50%;\n    box-shadow: 1px 0px 2px 0 $slider-thumb-shadow;\n    pointer-events: none;\n  }\n\n  label {\n    position: relative;\n    .label {\n      font-weight: normal;\n      text-align: center;\n    }\n  }\n}\n</style>\n","import { render } from \"./Slider.vue?vue&type=template&id=288acf82&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=288acf82&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-288acf82\"]])\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","ref","type","min","range","max","step","disabled","value","onUpdate","withLabel","name","emits","props","Number","Boolean","default","Array","methods","event","this","update","target","$emit","$refs","percent","thumb","style","left","transform","track","width","mounted","__exports__","render","onInput","checked","stopPropagation","loading","title","selectedHost","info","hosts","selectedGroup","group","groups","streams","clients","clientsByHost","addClientToGroup","removeClientFromGroup","streamChange","renameGroup","$event","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","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","modalClient","close","streamId","onClientUpdate","onGroupStreamChange","onServerUpdate","onStreamUpdate","onClientVolumeChange","onGroupMuteChange","modalShow","modal","visible","mute","modalHost","show","modalGroup","refresh","subscribe"],"sourceRoot":""}