{"version":3,"sources":["webpack:///./src/components/helpers/AppDeviceSelector.vue?642e","webpack:///src/components/helpers/AppDeviceSelector.vue","webpack:///./src/components/helpers/AppDeviceSelector.vue?fef8","webpack:///./src/components/helpers/AppDeviceSelector.vue","webpack:///../../../src/mixins/rippleable/index.ts","webpack:///../../../src/components/VSwitch/VSwitch.ts","webpack:///../../../src/mixins/selectable/index.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","schedulingSelector","model","value","callback","$$v","expression","selectorKey","on","$event","$emit","internalSelectorKey","selectorValue","internalSelectorValue","devices","internalSelectedDevices","staticRenderFns","data","missingGpu","props","Array","selectedDevices","String","emits","mounted","length","id","component","VCol","VRow","VSelect","VSpacer","VSwitch","VTextField","name","directives","ripple","type","Boolean","default","methods","genRipple","center","Touch","inset","loading","flat","computed","classes","role","validationState","hasError","hasColor","switchData","setTextColor","undefined","class","themeClasses","genDefaultSlot","genSwitch","switchAttrs","genInput","left","right","onSwipeRight","genProgress","$slots","progress","color","size","width","indeterminate","onSwipeLeft","onChange","onKeydown","e","prop","event","inputValue","falseValue","trueValue","multiple","label","lazyValue","computedColor","isDark","isMultiple","isActive","input","item","valueComparator","isDirty","rippleState","watch","genLabel","click","prevent","Object","disabled","domProps","checked","blur","change","focus","keydown","ref","onBlur","onClick","onFocus"],"mappings":"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","file":"js/chunk-4f192750.a00e14d2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',{attrs:{\"align\":\"center\",\"dense\":\"\"}},[_c('span',{staticClass:\"ml-1\"},[_vm._v(\" Deployment (\"+_vm._s(_vm.schedulingSelector ? 'labels' : 'specific devices')+\") \")]),_c('v-spacer'),_c('v-switch',{attrs:{\"label\":\"Select by labels\"},model:{value:(_vm.schedulingSelector),callback:function ($$v) {_vm.schedulingSelector=$$v},expression:\"schedulingSelector\"}})],1),(_vm.schedulingSelector)?_c('v-row',{attrs:{\"align\":\"center\",\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"6\"}},[_c('v-text-field',{attrs:{\"required\":\"\",\"label\":\"Key\",\"outlined\":\"\",\"value\":_vm.selectorKey},on:{\"change\":function($event){return _vm.$emit('update:selectorKey', _vm.internalSelectorKey)}},model:{value:(_vm.internalSelectorKey),callback:function ($$v) {_vm.internalSelectorKey=$$v},expression:\"internalSelectorKey\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"6\"}},[_c('v-text-field',{attrs:{\"required\":\"\",\"label\":\"Value\",\"outlined\":\"\",\"value\":_vm.selectorValue},on:{\"change\":function($event){return _vm.$emit('update:selectorValue', _vm.internalSelectorValue)}},model:{value:(_vm.internalSelectorValue),callback:function ($$v) {_vm.internalSelectorValue=$$v},expression:\"internalSelectorValue\"}})],1)],1):_c('v-row',{attrs:{\"align\":\"center\",\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"12\"}},[_c('v-select',{attrs:{\"no-data-text\":\"No devices added to your project\",\"items\":_vm.devices,\"item-text\":\"name\",\"item-value\":\"id\",\"chips\":\"\",\"label\":\"Select one or more devices to deploy this application to...\",\"multiple\":\"\",\"small\":\"\",\"outlined\":\"\"},on:{\"change\":function($event){return _vm.$emit('update:selectedDevices', _vm.internalSelectedDevices)}},model:{value:(_vm.internalSelectedDevices),callback:function ($$v) {_vm.internalSelectedDevices=$$v},expression:\"internalSelectedDevices\"}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-row align=\"center\" dense>\n      <span class=\"ml-1\">\n        Deployment ({{ schedulingSelector ? 'labels' : 'specific devices' }})\n      </span>\n      <v-spacer></v-spacer>\n      <v-switch\n        label=\"Select by labels\"\n        v-model=\"schedulingSelector\"                \n      ></v-switch>\n    </v-row>\n\n    <!-- Select by labels -->\n    <v-row v-if=\"schedulingSelector\" align=\"center\" dense>\n      <v-col cols=\"12\" sm=\"6\" md=\"6\">\n        <v-text-field \n          required \n          label=\"Key\"\n          outlined\n          :value=\"selectorKey\"\n          v-model=\"internalSelectorKey\"\n          @change=\"$emit('update:selectorKey', internalSelectorKey)\"\n        />\n      </v-col>\n      <v-col cols=\"12\" sm=\"6\" md=\"6\">\n        <v-text-field\n          required\n          label=\"Value\"\n          outlined\n          :value=\"selectorValue\"\n          v-model=\"internalSelectorValue\"\n          @change=\"$emit('update:selectorValue', internalSelectorValue)\"\n        />\n      </v-col>\n    </v-row>\n\n    <!-- Select directly -->\n    <v-row v-else align=\"center\" dense>\n      <v-col cols=\"12\" sm=\"12\" md=\"12\">\n        <v-select\n          no-data-text=\"No devices added to your project\"\n          v-model=\"internalSelectedDevices\"\n          @change=\"$emit('update:selectedDevices', internalSelectedDevices)\"\n          :items=\"devices\"\n          item-text=\"name\"\n          item-value=\"id\"\n          chips\n          label=\"Select one or more devices to deploy this application to...\"\n          multiple\n          small\n          outlined\n        ></v-select>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      schedulingSelector: false,\n\n      internalSelectedDevices: [],\n      internalSelectorValue: '',\n      internalSelectorKey: '',\n        \n      missingGpu: false\n    }\n  },\n\n  props: {\n    devices: Array,\n    selectedDevices: Array,\n    selectorKey: String,\n    selectorValue: String    \n  },\n\n  emits: [\n    'update:selectedDevices',\n    'update:selectorKey',\n    'update:selectorValue',\n  ],\n\n  mounted () {\n    // If there's only one device, select it\n    if (this.devices.length === 1) {  \n      this.internalSelectedDevices = [this.devices[0].id] \n      // Emit the change\n      this.$emit('update:selectedDevices', this.internalSelectedDevices)\n    }\n  },\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDeviceSelector.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDeviceSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppDeviceSelector.vue?vue&type=template&id=9a70567c&\"\nimport script from \"./AppDeviceSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./AppDeviceSelector.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VSwitch } from 'vuetify/lib/components/VSwitch';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VCol,VRow,VSelect,VSpacer,VSwitch,VTextField})\n","// Directives\nimport ripple from '../../directives/ripple'\n\n// Types\nimport Vue, { VNode, VNodeData, VNodeDirective } from 'vue'\n\nexport default Vue.extend({\n  name: 'rippleable',\n\n  directives: { ripple },\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n  },\n\n  methods: {\n    genRipple (data: VNodeData = {}): VNode | null {\n      if (!this.ripple) return null\n\n      data.staticClass = 'v-input--selection-controls__ripple'\n\n      data.directives = data.directives || []\n      data.directives.push({\n        name: 'ripple',\n        value: { center: true },\n      } as VNodeDirective)\n\n      return this.$createElement('div', data)\n    },\n  },\n})\n","// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './VSwitch.sass'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport VInput from '../VInput'\n\n// Directives\nimport Touch from '../../directives/touch'\n\n// Components\nimport { VFabTransition } from '../transitions'\nimport VProgressCircular from '../VProgressCircular/VProgressCircular'\n\n// Helpers\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { VNode, VNodeData } from 'vue'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-switch',\n\n  directives: { Touch },\n\n  props: {\n    inset: Boolean,\n    loading: {\n      type: [Boolean, String],\n      default: false,\n    },\n    flat: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls v-input--switch': true,\n        'v-input--switch--flat': this.flat,\n        'v-input--switch--inset': this.inset,\n      }\n    },\n    attrs (): object {\n      return {\n        'aria-checked': String(this.isActive),\n        'aria-disabled': String(this.isDisabled),\n        role: 'switch',\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n    switchData (): VNodeData {\n      return this.setTextColor(this.loading ? undefined : this.validationState, {\n        class: this.themeClasses,\n      })\n    },\n  },\n\n  methods: {\n    genDefaultSlot (): (VNode | null)[] {\n      return [\n        this.genSwitch(),\n        this.genLabel(),\n      ]\n    },\n    genSwitch (): VNode {\n      const { title, ...switchAttrs } = this.attrs$\n\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.genInput('checkbox', {\n          ...this.attrs,\n          ...switchAttrs,\n        }),\n        this.genRipple(this.setTextColor(this.validationState, {\n          directives: [{\n            name: 'touch',\n            value: {\n              left: this.onSwipeLeft,\n              right: this.onSwipeRight,\n            },\n          }],\n        })),\n        this.$createElement('div', {\n          staticClass: 'v-input--switch__track',\n          ...this.switchData,\n        }),\n        this.$createElement('div', {\n          staticClass: 'v-input--switch__thumb',\n          ...this.switchData,\n        }, [this.genProgress()]),\n      ])\n    },\n    genProgress (): VNode {\n      return this.$createElement(VFabTransition, {}, [\n        this.loading === false\n          ? null\n          : this.$slots.progress || this.$createElement(VProgressCircular, {\n            props: {\n              color: (this.loading === true || this.loading === '')\n                ? (this.color || 'primary')\n                : this.loading,\n              size: 16,\n              width: 2,\n              indeterminate: true,\n            },\n          }),\n      ])\n    },\n    onSwipeLeft () {\n      if (this.isActive) this.onChange()\n    },\n    onSwipeRight () {\n      if (!this.isActive) this.onChange()\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (\n        (e.keyCode === keyCodes.left && this.isActive) ||\n        (e.keyCode === keyCodes.right && !this.isActive)\n      ) this.onChange()\n    },\n  },\n})\n","// Components\nimport VInput from '../../components/VInput'\n\n// Mixins\nimport Rippleable from '../rippleable'\nimport Comparable from '../comparable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport function prevent (e: Event) {\n  e.preventDefault()\n}\n\n/* @vue/component */\nexport default mixins(\n  VInput,\n  Rippleable,\n  Comparable\n).extend({\n  name: 'selectable',\n\n  model: {\n    prop: 'inputValue',\n    event: 'change',\n  },\n\n  props: {\n    id: String,\n    inputValue: null as any,\n    falseValue: null as any,\n    trueValue: null as any,\n    multiple: {\n      type: Boolean,\n      default: null,\n    },\n    label: String,\n  },\n\n  data () {\n    return {\n      hasColor: this.inputValue,\n      lazyValue: this.inputValue,\n    }\n  },\n\n  computed: {\n    computedColor (): string | undefined {\n      if (!this.isActive) return undefined\n      if (this.color) return this.color\n      if (this.isDark && !this.appIsDark) return 'white'\n      return 'primary'\n    },\n    isMultiple (): boolean {\n      return this.multiple === true || (this.multiple === null && Array.isArray(this.internalValue))\n    },\n    isActive (): boolean {\n      const value = this.value\n      const input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) return false\n\n        return input.some(item => this.valueComparator(item, value))\n      }\n\n      if (this.trueValue === undefined || this.falseValue === undefined) {\n        return value\n          ? this.valueComparator(value, input)\n          : Boolean(input)\n      }\n\n      return this.valueComparator(input, this.trueValue)\n    },\n    isDirty (): boolean {\n      return this.isActive\n    },\n    rippleState (): string | undefined {\n      return !this.isDisabled && !this.validationState\n        ? undefined\n        : this.validationState\n    },\n  },\n\n  watch: {\n    inputValue (val) {\n      this.lazyValue = val\n      this.hasColor = val\n    },\n  },\n\n  methods: {\n    genLabel () {\n      const label = VInput.options.methods.genLabel.call(this)\n\n      if (!label) return label\n\n      label!.data!.on = {\n        // Label shouldn't cause the input to focus\n        click: prevent,\n      }\n\n      return label\n    },\n    genInput (type: string, attrs: object) {\n      return this.$createElement('input', {\n        attrs: Object.assign({\n          'aria-checked': this.isActive.toString(),\n          disabled: this.isDisabled,\n          id: this.computedId,\n          role: type,\n          type,\n        }, attrs),\n        domProps: {\n          value: this.value,\n          checked: this.isActive,\n        },\n        on: {\n          blur: this.onBlur,\n          change: this.onChange,\n          focus: this.onFocus,\n          keydown: this.onKeydown,\n          click: prevent,\n        },\n        ref: 'input',\n      })\n    },\n    onBlur () {\n      this.isFocused = false\n    },\n    onClick (e: Event) {\n      this.onChange()\n      this.$emit('click', e)\n    },\n    onChange () {\n      if (!this.isInteractive) return\n\n      const value = this.value\n      let input = this.internalValue\n\n      if (this.isMultiple) {\n        if (!Array.isArray(input)) {\n          input = []\n        }\n\n        const length = input.length\n\n        input = input.filter((item: any) => !this.valueComparator(item, value))\n\n        if (input.length === length) {\n          input.push(value)\n        }\n      } else if (this.trueValue !== undefined && this.falseValue !== undefined) {\n        input = this.valueComparator(input, this.trueValue) ? this.falseValue : this.trueValue\n      } else if (value) {\n        input = this.valueComparator(input, value) ? null : value\n      } else {\n        input = !input\n      }\n\n      this.validate(true, input)\n      this.internalValue = input\n      this.hasColor = input\n    },\n    onFocus () {\n      this.isFocused = true\n    },\n    /** @abstract */\n    onKeydown (e: Event) {},\n  },\n})\n"],"sourceRoot":""}