{"version":3,"sources":["webpack:///./src/developing/index.vue?f6b6","webpack:///./src/developing/index.vue?1d6d","webpack:///src/developing/index.vue","webpack:///./src/developing/index.vue?8f52","webpack:///./src/developing/index.vue?19e7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","componentName","index","key","on","$event","switchComponent","_v","_s","directives","name","rawName","value","localData","context","expression","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","$set","multiple","contexts","stage","attrs","displayMode","_e","getFlatmap","flatmap","staticRenderFns","components","layouts","data","componentList","watch","dev","methods","currentComponent","from","$flatmap","entries","reduce","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAIP,EAAiB,eAAE,SAASQ,EAAcC,GAAO,OAAOL,EAAG,KAAK,CAACM,IAAIF,GAAe,CAACJ,EAAG,SAAS,CAACO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOZ,EAAIa,gBAAgBJ,MAAU,CAACT,EAAIc,GAAG,IAAId,EAAIe,GAAGP,GAAe,YAAWJ,EAAG,SAAS,CAACY,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOnB,EAAIoB,UAAUC,QAAoB,aAAEC,WAAW,mCAAmCX,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIW,EAAgBC,MAAMC,UAAUC,OAAOC,KAAKf,EAAOgB,OAAOC,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAEX,MAAM,OAAOc,KAAOjC,EAAImC,KAAKnC,EAAIoB,UAAUC,QAAS,eAAgBT,EAAOgB,OAAOQ,SAAWb,EAAgBA,EAAc,OAAOvB,EAAIO,GAAIP,EAAIqC,SAAe,QAAE,SAASC,GAAO,OAAOlC,EAAG,SAAS,CAACM,IAAI4B,EAAM,GAAGC,MAAM,CAAC,KAAOD,EAAM,KAAK,CAACtC,EAAIc,GAAGd,EAAIe,GAAGuB,EAAM,UAAS,IAAI,KAAKlC,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,UAAU,CAAwC,WAAtCJ,EAAIoB,UAAUC,QAAQmB,YAA0BpC,EAAG,eAAeJ,EAAIyC,KAA4C,cAAtCzC,EAAIoB,UAAUC,QAAQmB,YAA6BpC,EAAG,gBAAgBA,EAAG,MAAM,CAACJ,EAAIc,GAAG,yBAAyB,IAAI,GAAGV,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACJ,EAAIc,GAAG,sBAAsBV,EAAG,SAAS,CAACO,GAAG,CAAC,MAAQX,EAAI0C,aAAa,CAAC1C,EAAIc,GAAG,iBAAiBd,EAAIc,GAAG,IAAId,EAAIe,GAAGf,EAAI2C,SAAS,OAAOvC,EAAG,MAAM,CAACJ,EAAIc,GAAG,eAAed,EAAIe,GAAGf,EAAIoB,WAAW,cACnmDwB,EAAkB,G,sICmDtB,uCAEA,GACEC,WAAY,OAAd,OAAc,CAAd,kBACA,GADA,IAEIC,QAAS,WAAb,6FACI,eAAgB,WAApB,0DAEE,QANF,WAMA,oLAGEC,KATF,WAUI,MAAO,CACLV,SAAN,OACMQ,WAAN,EACMG,cAAN,OACML,QAAS,GACTvB,UAAW,EAAjB,OAGE6B,MAAO,CACL,aADJ,SACA,GAKMhD,KAAKiD,IAJS,gBAAVZ,IAORa,QAAS,CACPtC,gBADJ,SACA,GACMZ,KAAKmB,UAAUC,QAAQ+B,iBAAmB3C,GAE5CiC,WAJJ,WAKMzC,KAAK0C,QAAUnB,MAAM6B,KAAKpD,KAAKqD,SAASC,WAAWC,QAAO,SAAhE,4HCtF+U,I,wBCQ3UC,EAAY,eACd,EACA1D,EACA6C,GACA,EACA,KACA,KACA,MAIa,aAAAa,E","file":"js/chunk-544a2ef7.a45c0220.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"development-screen\"},[_c('div',{staticClass:\"development-panel-top flex flex-inline\"},[_c('div',{staticClass:\"flex flex-inline\"},[_vm._l((_vm.componentList),function(componentName,index){return _c('li',{key:componentName},[_c('button',{on:{\"click\":function($event){return _vm.switchComponent(index)}}},[_vm._v(\" \"+_vm._s(componentName)+\" \")])])}),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.localData.context.currentStage),expression:\"localData.context.currentStage\"}],on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.localData.context, \"currentStage\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},_vm._l((_vm.contexts.stages),function(stage){return _c('option',{key:stage[0],attrs:{\"name\":stage[0]}},[_vm._v(_vm._s(stage[0]))])}),0)],2)]),_c('div',{staticClass:\"content-screen-wrapper\"},[_c('layouts',[(_vm.localData.context.displayMode === 'router')?_c('router-view'):_vm._e(),(_vm.localData.context.displayMode === 'component')?_c('main-display'):_c('div',[_vm._v(\" Development Home \")])],1)],1),_c('div',{staticClass:\"development-panel-bottom flex flex-inline\"},[_c('div',{staticClass:\"flex flex-inline\"},[_c('div',[_vm._v(\" View all Flatmap \"),_c('button',{on:{\"click\":_vm.getFlatmap}},[_vm._v(\"Get Flatmap\")]),_vm._v(\" \"+_vm._s(_vm.flatmap)+\" \")]),_c('div',[_vm._v(\" Local Data \"+_vm._s(_vm.localData)+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    Description: Developing Tools\n========================================================================================== -->\n\n<template>\n  <div class=\"development-screen\">\n    <div class=\"development-panel-top flex flex-inline\">\n      <div class=\"flex flex-inline\">\n        <li\n          v-for=\"(componentName, index) in componentList\"\n          :key=\"componentName\">\n          <button @click=\"switchComponent(index)\">\n            {{ componentName }}\n          </button>\n        </li>\n        <select v-model=\"localData.context.currentStage\">\n          <option v-for=\"stage in contexts.stages\" :key=\"stage[0]\" :name=\"stage[0]\">{{ stage[0] }}</option>\n        </select>\n      </div>\n    </div>\n\n    <div class=\"content-screen-wrapper\">\n      <layouts>\n        <router-view v-if=\"localData.context.displayMode === 'router'\" />\n        <main-display v-if=\"localData.context.displayMode === 'component'\" />\n        <div v-else>\n          Development Home\n        </div>\n      </layouts>\n    </div>\n\n    <div class=\"development-panel-bottom flex flex-inline\">\n      <div class=\"flex flex-inline\">\n        <div>\n          View all Flatmap <button @click=\"getFlatmap\">Get Flatmap</button>\n          {{ flatmap }}\n        </div>\n        <div>\n          Local Data\n          {{ localData }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"./init.js\";\nimport { state, contexts, componentList } from \"@/developing/dev-data.js\";\nimport { loadComponents } from \"@/developing/utils/modular\";\n// import DevEB from \"./event-bus\";\n\nconst components = loadComponents(componentList, contexts.stages);\n\nexport default {\n  components: {\n    ...components,\n    layouts: () => import(`@/developing/layouts.vue`),\n    \"main-display\": () => import(`@/developing/main.vue`)\n  },\n  async mounted() {\n    // console.log(\"Developing\", this);\n  },\n  data() {\n    return {\n      contexts,\n      components,\n      componentList,\n      flatmap: [],\n      localData: state\n    }\n  },\n  watch: {\n    \"currentStage\" (stage) {\n      if (stage === \"development\") {\n        this.dev = true;\n        return;\n      }\n      this.dev = false;\n    }\n  },\n  methods: {\n    switchComponent(index) {\n      this.localData.context.currentComponent = index;\n    },\n    getFlatmap() {\n      this.flatmap = Array.from(this.$flatmap.entries()).reduce((main, [key, value]) => ({...main, [key]: value}), {});\n    },\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n.development-screen {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background: whitesmoke;\n\n  & .content-screen-wrapper {\n    position: relative;\n    width: 100%;\n    height: calc(100% - 200px);\n    overflow: hidden;\n    background: white;\n    padding: 2rem;\n\n    & .vs-sidebar {\n      position: absolute;\n    }\n\n    & .navbar {\n      position: unset !important;\n\n      & .vx-navbar-wrapper {\n        position: absolute;\n      }\n    }\n\n  }\n  & .development-panel-top {\n    height: 30px;\n  }\n\n  & .development-panel-bottom {\n    height: 24px;\n    position: fixed;\n    bottom: 0;\n    z-index: 999999;\n    width: 100%;\n  }\n}\n\n\n</style>\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5b245155&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\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":""}