{"version":3,"sources":["webpack:///./src/components/v4/editor/module/inputs/InputWrapper.vue?5f30","webpack:///src/components/v4/editor/module/inputs/InputWrapper.vue","webpack:///./src/components/v4/editor/module/inputs/InputWrapper.vue?2d44","webpack:///./src/components/v4/editor/module/inputs/InputWrapper.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","inputType","key","tag","attrs","row","valueDynamic","on","$event","$emit","_e","staticRenderFns","UnknownInput","TextInput","NumberInput","FileInput","TextureInput","TextureAssetInput","MapInput","InfoInput","ToggleInput","CheckboxInput","RadioInput","ButtonInput","PositionInput","SliderInput","MappingInput","SelectInput","ColorInput","name","components","props","type","required","String","label","value","values","Object","extra","units","short","Boolean","default","min","Number","max","step","lockable","simple","inputClass","nested","options","data","computed","labelComputed","extraComputed","watch","newVal","setUpStates","mounted","Date","now","methods","model","valueComputed","component"],"mappings":"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","file":"js/chunk-2d0e257f.62f0d2ed.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.row)?_c(_vm.inputType,{key:_vm.key,tag:\"component\",attrs:{\"row\":_vm.row,\"value-dynamic\":_vm.valueDynamic},on:{\"change\":function($event){return _vm.$emit('change', $event)}}}):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <component\n    :is=\"inputType\"\n    v-if=\"row\"\n    :key=\"key\"\n    :row=\"row\"\n    :value-dynamic=\"valueDynamic\"\n    @change=\"$emit('change', $event)\"\n  />\n</template>\n<script>\nconst UnknownInput = () =>\n  import('@components/editor/module/inputs/UnknownInput')\nconst TextInput = () => import('@components/editor/module/inputs/TextInput')\nconst NumberInput = () => import('@components/editor/module/inputs/NumberInput')\nconst FileInput = () => import('@components/editor/module/inputs/FileInput')\nconst TextureInput = () =>\n  import('@components/editor/module/inputs/TextureInput')\nconst TextureAssetInput = () =>\n  import('@components/editor/module/inputs/TextureAssetInput')\nconst MapInput = () => import('@components/editor/module/inputs/MapInput')\nconst InfoInput = () => import('@components/editor/module/inputs/InfoInput')\nconst ToggleInput = () => import('@components/editor/module/inputs/ToggleInput')\nconst CheckboxInput = () =>\n  import('@components/editor/module/inputs/CheckboxInput')\nconst RadioInput = () => import('@components/editor/module/inputs/RadioInput')\nconst ButtonInput = () => import('@components/editor/module/inputs/ButtonInput')\nconst PositionInput = () =>\n  import('@components/editor/module/inputs/PositionInput')\nconst SliderInput = () => import('@components/editor/module/inputs/SliderInput')\nconst MappingInput = () =>\n  import('@components/editor/module/inputs/MappingInput')\nconst SelectInput = () => import('@components/editor/module/inputs/SelectInput')\nconst ColorInput = () => import('@components/editor/module/inputs/ColorInput')\n\nexport default {\n  name: 'InputWrapper',\n\n  components: {\n    UnknownInput,\n    FileInput,\n    TextureInput,\n    TextureAssetInput,\n    MapInput,\n    TextInput,\n    NumberInput,\n    InfoInput,\n    ToggleInput,\n    CheckboxInput,\n    RadioInput,\n    ButtonInput,\n    PositionInput,\n    SliderInput,\n    MappingInput,\n    ColorInput,\n    SelectInput\n  },\n\n  props: {\n    type: {\n      required: true,\n      type: String\n    },\n    label: {\n      required: false,\n      type: String\n    },\n    value: {\n      required: false\n    },\n    values: {\n      required: false,\n      type: Object\n    },\n    extra: {\n      required: false,\n      type: String\n    },\n    units: {\n      required: false,\n      type: String\n    },\n    short: {\n      type: Boolean,\n      default: false\n    },\n    min: {\n      type: Number,\n      required: false\n    },\n    max: {\n      type: Number,\n      required: false\n    },\n    step: {\n      type: Number,\n      required: false\n    },\n    lockable: {\n      type: Boolean,\n      default: false\n    },\n    simple: {\n      type: Boolean,\n      required: false\n    },\n    inputClass: {\n      type: String,\n      required: false\n    },\n    nested: {\n      type: Boolean,\n      required: false\n    },\n    options: {\n      type: Object,\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      row: null,\n      key: null,\n      valueDynamic: null\n    }\n  },\n\n  computed: {\n    labelComputed() {\n      if (this.label !== null) return this.label\n      return null\n    },\n\n    extraComputed() {\n      if (this.extra !== null) return this.extra\n      return null\n    },\n\n    inputType() {\n      switch (this.type) {\n        case 'text': {\n          return 'TextInput'\n        }\n        case 'number': {\n          return 'NumberInput'\n        }\n        case 'info': {\n          return 'InfoInput'\n        }\n        case 'toggle': {\n          return 'ToggleInput'\n        }\n        case 'checkbox': {\n          return 'CheckboxInput'\n        }\n        case 'radio': {\n          return 'RadioInput'\n        }\n        case 'button': {\n          return 'ButtonInput'\n        }\n        case 'position': {\n          return 'PositionInput'\n        }\n        case 'slider': {\n          return 'SliderInput'\n        }\n        case 'color': {\n          return 'ColorInput'\n        }\n        case 'file': {\n          return 'FileInput'\n        }\n        case 'texture': {\n          return 'TextureInput'\n        }\n        case 'texture-asset': {\n          return 'TextureAssetInput'\n        }\n        case 'map': {\n          return 'MapInput'\n        }\n        case 'mapping': {\n          return 'MappingInput'\n        }\n        case 'select': {\n          return 'SelectInput'\n        }\n      }\n\n      return 'UnknownInput'\n    }\n  },\n\n  watch: {\n    value(newVal) {\n      this.setUpStates()\n    },\n    values(newVal) {\n      // Watches for changes upstream.\n      this.setUpStates()\n\n      // Yes, this is a weird way to do it, but\n      // this enables reactivity on the value, while allowing for flexibility\n      // on the general props and setup\n      // There is a watcher in `inputMixin` that listens for changes on this value\n      // and updates the model internally\n\n      // Why have we done it this way?\n      // There are 2 cases this changes -\n      // 1. the value is updated in-component, ie. a user updates a number input directly\n      // 2. the value is updated out-of-component, ie. a module is moved, and the root value changes\n      // in that case we want the value to update, but the component to state alive for focus\n\n      // Disabled @todo\n      // This ends up causing more problems than it solves.\n      // We end up in an infinite loop of cycling value updates\n      // which kills everything.\n      // Rethink this.\n      // this.valueDynamic = newVal\n    }\n  },\n\n  mounted() {\n    this.key = Date.now()\n    this.setUpStates()\n  },\n\n  methods: {\n    setUpStates() {\n      this.row = {}\n      this.row.label = this.labelComputed\n      this.row.extra = this.extraComputed\n      this.row.model = this.valueComputed\n\n      if (this.value !== null) {\n        this.row.value = this.value\n        this.valueDynamic = this.value\n      }\n\n      if (this.values !== null) this.row.values = this.values\n      if (this.short !== null) this.row.short = this.short\n      if (this.min !== null) this.row.min = this.min\n      if (this.max !== null) this.row.max = this.max\n      if (this.step !== null) this.row.step = this.step\n      if (this.simple !== null) this.row.simple = this.simple\n      if (this.lockable !== null) this.row.lockable = this.lockable\n      if (this.inputClass !== null) this.row.inputClass = this.inputClass\n      if (this.nested !== null) this.row.nested = this.nested\n      if (this.options !== null) this.row.options = this.options\n      if (this.units !== null) this.row.units = this.units\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputWrapper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputWrapper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputWrapper.vue?vue&type=template&id=a060dae2&\"\nimport script from \"./InputWrapper.vue?vue&type=script&lang=js&\"\nexport * from \"./InputWrapper.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"],"sourceRoot":""}