vue-json-edit/dist/vue-json-edit.js

visual JSON editor built as an vue component

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["vue-json-edit"]=e():t["vue-json-edit"]=e()}(window,function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=21)}([function(t,e,n){"use strict";function r(t,e,n,r,o,i,a,A){var u,l="function"==typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),i&&(l._scopeId="data-v-"+i),a?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},l._ssrRegister=u):o&&(u=A?function(){o.call(this,this.$root.$options.shadowRoot)}:o),u)if(l.functional){l._injectStyles=u;var s=l.render;l.render=function(t,e){return u.call(e),s(t,e)}}else{var c=l.beforeCreate;l.beforeCreate=c?[].concat(c,u):[u]}return{exports:t,options:l}}n.d(e,"a",function(){return r})},function(t,e,n){"use strict";n.r(e);var r=n(2),o=n.n(r);for(var i in r)"default"!==i&&function(t){n.d(e,t,function(){return r[t]})}(i);e.default=o.a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r,o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=n(11),a=(r=i)&&r.__esModule?r:{default:r};e.default={name:"JsonEditor",props:{objData:{type:Object,required:!0},options:{type:Object,default:function(){return{confirmText:"confirm",cancelText:"cancel"}}}},provide:function(){return{formBtnText:this.options}},data:function(){return{parsedData:[]}},created:function(){this.lastParsedData={},this.parsedData=this.jsonParse(this.objData)},watch:{objData:{handler:function(t,e){this.parsedData=this.jsonParse(this.objData)}},parsedData:{handler:function(t,e){JSON.stringify(t)!==JSON.stringify(this.lastParsedData)&&(this.lastParsedData=t,this.$emit("input",this.makeJson(this.parsedData)))},deep:!0}},components:{"json-view":a.default},methods:{jsonParse:function(t){var e=this,n=function t(n){var o=[];return Object.keys(n).forEach(function(i,a){var A=n[i],u=A;"object"==e.getType(A)?u=t(A):"array"==e.getType(A)&&(u=r(A));var l={name:i,type:e.getType(A)};"array"==l.type||"object"==l.type?(l.childParams=u,l.remark=null):(l.childParams=null,l.remark=u),o.push(l)}),o},r=function t(r){for(var o=[],i=0;i<r.length;++i){var a=r[i],A=a;"object"==e.getType(a)?A=n(a):"array"==e.getType(a)&&(A=t(a));var u={name:null,type:e.getType(a)};"array"==u.type||"object"==u.type?(u.childParams=A,u.remark=null):(u.childParams=null,u.remark=A),o.push(u)}return o};return n(t)},getType:function(t){switch(Object.prototype.toString.call(t)){case"[object Array]":return"array";case"[object Object]":return"object";case"[object Null]":case"[object Function]":case"[object Undefined]":return"string";default:return void 0===t?"undefined":o(t)}},makeJson:function(t){var e=function t(e){for(var r={},o=0;o<e.length;++o){var i,a=e[o],A=void 0;i=a.name,A="array"==a.type?n(a.childParams):"object"==a.type?t(a.childParams):a.remark,r[i]=A}return r},n=function t(n){for(var r=[],o=0;o<n.length;++o){var i=n[o],a=void 0;a="array"==i.type?t(i.childParams):"object"==i.type?e(i.childParams):i.remark,r.push(a)}return r};return e(t)}}}},function(t,e,n){"use strict";n.r(e);var r=n(4),o=n.n(r);for(var i in r)"default"!==i&&function(t){n.d(e,t,function(){return r[t]})}(i);e.default=o.a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r,o=n(16),i=(r=o)&&r.__esModule?r:{default:r};e.default={name:"JsonView",props:{parsedData:{}},data:function(){return{formats:["string","array","object","number","boolean"],flowData:this.parsedData,toAddItem:!1,hideMyBlock:{}}},created:function(){this.flowData=this.parsedData||{}},watch:{parsedData:{handler:function(t,e){this.flowData=this.parsedData}}},components:{"item-add-form":i.default,"array-view":function(){return Promise.resolve().then(n.bind(null,20))}},methods:{delItem:function(t,e,n){this.flowData.splice(n,1),this.hideMyBlock[n]&&(this.hideMyBlock[n]=!1),this.$emit("input",this.flowData)},closeBlock:function(t,e){this.$set(this.hideMyBlock,t,!this.hideMyBlock[t])},addItem:function(){this.toAddItem=!0},cancelNewItem:function(){this.toAddItem=!1},newItem:function(t){var e={name:t.key,type:t.type};"array"==t.type||"object"==t.type?(e.childParams=t.val,e.remark=null):(e.childParams=null,e.remark=t.val),e.name?(this.flowData.push(e),this.$emit("input",this.flowData),this.cancelNewItem()):alert("please must input a name!")},keyInputBlur:function(t,e){t.name.length<=0&&(alert("please must input a name!"),t.name="null",e.target.focus())},onDragEnd:function(){this.$emit("input",this.flowData)},itemTypeChange:function(t){"array"!==t.type&&"object"!==t.type||(t.childParams=[],t.remark=null),"boolean"===t.type&&(t.remark=!0),"string"===t.type&&(t.remark=""),"number"===t.type&&(t.remark=0)},numberInputChange:function(t){t.remark||(t.remark=0)}}}},function(t,e,n){"use strict";n.r(e);var r=n(6),o=n.n(r);for(var i in r)"default"!==i&&function(t){n.d(e,t,function(){return r[t]})}(i);e.default=o.a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"ItemAddForm",data:function(){return{formats:["string","array","object","number","boolean"],formatSelected:"string",keyName:"",valName:""}},props:{needName:{default:!0}},inject:["formBtnText"],methods:{confirm:function(){var t=null;t="array"===this.formatSelected||"object"===this.formatSelected?[]:this.valName;var e={key:this.needName?this.keyName:null,val:t,type:this.formatSelected};this.$emit("confirm",e),this.keyName="",this.valName="",this.formatSelected="string"},cancel:function(){this.$emit("cancel")},dealBoolean:function(){this.valName=Boolean(this.valName)},dealNumber:function(){this.valName=Number(this.valName)}}}},function(t,e,n){var r=n(24);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(18)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){var r=n(27);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(18)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){"use strict";n.r(e);var r=n(10),o=n.n(r);for(var i in r)"default"!==i&&function(t){n.d(e,t,function(){return r[t]})}(i);e.default=o.a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r,o=n(16),i=(r=o)&&r.__esModule?r:{default:r};e.default={name:"ArrayView",props:["parsedData"],data:function(){return{formats:["string","array","object","number","boolean"],flowData:this.parsedData,toAddItem:!1,hideMyItem:{}}},watch:{parsedData:{handler:function(t,e){this.flowData=this.parsedData||[]}}},components:{"item-add-form":i.default,"json-view":function(){return Promise.resolve().then(n.bind(null,11))}},methods:{delItem:function(t,e,n){this.flowData.splice(n,1),this.hideMyItem[n]&&(this.hideMyItem[n]=!1),this.$emit("input",this.flowData)},addItem:function(){this.toAddItem=!0},cancelNewItem:function(){this.toAddItem=!1},closeBlock:function(t,e){this.$set(this.hideMyItem,t,!this.hideMyItem[t])},newItem:function(t){this.toAddItem=!1;var e={name:t.key,type:t.type};"array"==t.type||"object"==t.type?(e.childParams=t.val,e.remark=null):(e.childParams=null,e.remark=t.val),this.flowData.push(e),this.$emit("input",this.flowData),this.cancelNewItem()},onDragEnd:function(){this.$emit("input",this.flowData)},itemTypeChange:function(t){"array"!==t.type&&"object"!==t.type||(t.childParams=[],t.remark=null),"boolean"===t.type&&(t.remark=!0),"string"===t.type&&(t.remark=""),"number"===t.type&&(t.remark=0)},numberInputChange:function(t){t.remark||(t.remark=0)}}}},function(t,e,n){"use strict";n.r(e);var r=n(13),o=n(3);for(var i in o)"default"!==i&&function(t){n.d(e,t,function(){return o[t]})}(i);var a=n(0),A=Object(a.a)(o.default,r.a,r.b,!1,null,null,null);A.options.__file="src/JsonView.vue",e.default=A.exports},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement;return(t._self._c||e)("json-view",{attrs:{parsedData:t.parsedData},model:{value:t.parsedData,callback:function(e){t.parsedData=e},expression:"parsedData"}})},o=[];r._withStripped=!0,n.d(e,"a",function(){return r}),n.d(e,"b",function(){return o})},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"block_content"},[n("draggable",{attrs:{handle:".dragbar"},on:{end:t.onDragEnd},model:{value:t.flowData,callback:function(e){t.flowData=e},expression:"flowData"}},t._l(t.flowData,function(e,r){return n("div",{key:""+e.type+r,class:["block","clearfix",{"hide-block":1==t.hideMyBlock[r]}]},[n("span",{staticClass:"json-key"},["string"==typeof e.name?n("input",{directives:[{name:"model",rawName:"v-model",value:e.name,expression:"item.name"}],staticClass:"key-input",attrs:{type:"text"},domProps:{value:e.name},on:{blur:function(n){return t.keyInputBlur(e,n)},input:function(n){n.target.composing||t.$set(e,"name",n.target.value)}}}):t._e(),t._v(" "),"object"==e.type||"array"==e.type?n("i",{staticClass:"collapse-down v-json-edit-icon-arrow_drop_down",on:{click:function(e){return t.closeBlock(r,e)}}}):t._e(),t._v(" "),"object"==e.type?n("i",{staticClass:"i-type"},[t._v(t._s("{"+e.childParams.length+"}"))]):t._e(),t._v(" "),"array"==e.type?n("i",{staticClass:"i-type"},[t._v(t._s("["+e.childParams.length+"]"))]):t._e()]),t._v(" "),n("span",{staticClass:"json-val"},["object"==e.type?[n("json-view",{attrs:{parsedData:e.childParams},model:{value:e.childParams,callback:function(n){t.$set(e,"childParams",n)},expression:"item.childParams"}})]:"array"==e.type?[n("array-view",{attrs:{parsedData:e.childParams},model:{value:e.childParams,callback:function(n){t.$set(e,"childParams",n)},expression:"item.childParams"}})]:[n("span",{staticClass:"val"},["string"==e.type?n("input",{directives:[{name:"model",rawName:"v-model",value:e.remark,expression:"item.remark"}],staticClass:"val-input",attrs:{type:"text"},domProps:{value:e.remark},on:{input:function(n){n.target.composing||t.$set(e,"remark",n.target.value)}}}):t._e(),t._v(" "),"number"==e.type?n("input",{directives:[{name:"model",rawName:"v-model.number",value:e.remark,expression:"item.remark",modifiers:{number:!0}}],staticClass:"val-input",attrs:{type:"number"},domProps:{value:e.remark},on:{input:[function(n){n.target.composing||t.$set(e,"remark",t._n(n.target.value))},function(e){return t.numberInputChange(t.member)}],blur:function(e){return t.$forceUpdate()}}}):t._e(),t._v(" "),"boolean"==e.type?n("select",{directives:[{name:"model",rawName:"v-model",value:e.remark,expression:"item.remark"}],staticClass:"val-input",attrs:{name:"value"},on:{change:function(n){var r=Array.prototype.filter.call(n.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.$set(e,"remark",n.target.multiple?r:r[0])}}},[n("option",{domProps:{value:!0}},[t._v("true")]),t._v(" "),n("option",{domProps:{value:!1}},[t._v("false")])]):t._e()])]],2),t._v(" "),n("div",{staticClass:"tools"},[n("select",{directives:[{name:"model",rawName:"v-model",value:e.type,expression:"item.type"}],staticClass:"tools-types",on:{change:[function(n){var r=Array.prototype.filter.call(n.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.$set(e,"type",n.target.multiple?r:r[0])},function(n){return t.itemTypeChange(e)}]}},t._l(t.formats,function(e,r){return n("option",{key:r,domProps:{value:e}},[t._v(t._s(e))])}),0),t._v(" "),n("i",{staticClass:"dragbar v-json-edit-icon-drag"}),t._v(" "),n("i",{staticClass:"del-btn",on:{click:function(n){return t.delItem(t.parsedData,e,r)}}},[n("i",{staticClass:"v-json-edit-icon-huishouzhan_huaban"})])])])}),0),t._v(" "),t.toAddItem?n("item-add-form",{on:{confirm:t.newItem,cancel:t.cancelNewItem}}):t._e(),t._v(" "),t.toAddItem?t._e():n("div",{staticClass:"block add-key",on:{click:t.addItem}},[n("i",{staticClass:"v-json-edit-icon-add"})])],1)},o=[];r._withStripped=!0,n.d(e,"a",function(){return r}),n.d(e,"b",function(){return o})},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"block_content array"},[n("ol",{staticClass:"array-ol"},[n("draggable",{attrs:{handle:".dragbar"},on:{end:t.onDragEnd},model:{value:t.flowData,callback:function(e){t.flowData=e},expression:"flowData"}},t._l(t.flowData,function(e,r){return n("li",{key:""+e.type+r,class:["array-item",{"hide-item":1==t.hideMyItem[r]}]},["object"!==e.type&&"array"!==e.type?n("p",["string"===e.type?n("input",{directives:[{name:"model",rawName:"v-model",value:e.remark,expression:"member.remark"}],staticClass:"val-input",attrs:{type:"text",placeholder:"string"},domProps:{value:e.remark},on:{input:function(n){n.target.composing||t.$set(e,"remark",n.target.value)}}}):t._e(),t._v(" "),"number"==e.type?n("input",{directives:[{name:"model",rawName:"v-model.number",value:e.remark,expression:"member.remark",modifiers:{number:!0}}],staticClass:"val-input",attrs:{type:"number",placeholder:"number"},domProps:{value:e.remark},on:{input:[function(n){n.target.composing||t.$set(e,"remark",t._n(n.target.value))},function(n){return t.numberInputChange(e)}],blur:function(e){return t.$forceUpdate()}}}):t._e(),t._v(" "),"boolean"==e.type?n("select",{directives:[{name:"model",rawName:"v-model",value:e.remark,expression:"member.remark"}],staticClass:"val-input",attrs:{name:"value"},on:{change:function(n){var r=Array.prototype.filter.call(n.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.$set(e,"remark",n.target.multiple?r:r[0])}}},[n("option",{domProps:{value:!0}},[t._v("true")]),t._v(" "),n("option",{domProps:{value:!1}},[t._v("false")])]):t._e()]):n("div",[n("span",{class:["json-key","json-desc"]},[t._v("\n            "+t._s(e.type.toUpperCase())+"\n            "),"object"==e.type||"array"==e.type?n("i",{staticClass:"collapse-down v-json-edit-icon-arrow_drop_down",on:{click:function(e){return t.closeBlock(r,e)}}}):t._e(),t._v(" "),"object"==e.type?n("i",[t._v(t._s("{"+e.childParams.length+"}"))]):t._e(),t._v(" "),"array"==e.type?n("i",[t._v(t._s("["+e.childParams.length+"]"))]):t._e()]),t._v(" "),n("span",{staticClass:"json-val"},["array"==e.type?[n("array-view",{attrs:{parsedData:e.childParams||[]},model:{value:e.childParams,callback:function(n){t.$set(e,"childParams",n)},expression:"member.childParams"}})]:t._e(),t._v(" "),"object"==e.type?[n("json-view",{attrs:{parsedData:e.childParams||{}},model:{value:e.childParams,callback:function(n){t.$set(e,"childParams",n)},expression:"member.childParams"}})]:t._e()],2)]),t._v(" "),n("div",{staticClass:"tools"},[n("select",{directives:[{name:"model",rawName:"v-model",value:e.type,expression:"member.type"}],staticClass:"tools-types",on:{change:[function(n){var r=Array.prototype.filter.call(n.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.$set(e,"type",n.target.multiple?r:r[0])},function(n){return t.itemTypeChange(e)}]}},t._l(t.formats,function(e,r){return n("option",{key:r,domProps:{value:e}},[t._v(t._s(e))])}),0),t._v(" "),n("i",{staticClass:"dragbar v-json-edit-icon-drag"}),t._v(" "),n("i",{staticClass:"del-btn",on:{click:function(n){return t.delItem(t.parsedData,e,r)}}},[n("i",{staticClass:"v-json-edit-icon-huishouzhan_huaban"})])])])}),0)],1),t._v(" "),t.toAddItem?n("item-add-form",{attrs:{needName:!1},on:{confirm:t.newItem,cancel:t.cancelNewItem}}):t._e(),t._v(" "),t.toAddItem?t._e():n("div",{staticClass:"block add-key",on:{click:t.addItem}},[n("i",{staticClass:"v-json-edit-icon-add"})])],1)},o=[];r._withStripped=!0,n.d(e,"a",function(){return r}),n.d(e,"b",function(){return o})},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"add-form pure-form"},[n("div",{staticClass:"f-input"},[t.needName?n("input",{directives:[{name:"model",rawName:"v-model",value:t.keyName,expression:"keyName"}],staticClass:"f-input-m",attrs:{type:"text",placeholder:"name"},domProps:{value:t.keyName},on:{input:function(e){e.target.composing||(t.keyName=e.target.value)}}}):t._e(),t._v(" "),n("select",{directives:[{name:"model",rawName:"v-model",value:t.formatSelected,expression:"formatSelected"}],staticClass:"f-input-m",on:{change:function(e){var n=Array.prototype.filter.call(e.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.formatSelected=e.target.multiple?n:n[0]}}},t._l(t.formats,function(e,r){return n("option",{key:r,domProps:{value:e}},[t._v("\n        "+t._s(e)+"\n      ")])}),0),t._v(" "),t._m(0),t._v(" "),"array"!=t.formatSelected&&"object"!=t.formatSelected?["string"==t.formatSelected?n("input",{directives:[{name:"model",rawName:"v-model",value:t.valName,expression:"valName"}],staticClass:"f-input-m",attrs:{type:"text",placeholder:"value"},domProps:{value:t.valName},on:{input:function(e){e.target.composing||(t.valName=e.target.value)}}}):t._e(),t._v(" "),"number"==t.formatSelected?n("input",{directives:[{name:"model",rawName:"v-model",value:t.valName,expression:"valName"}],staticClass:"f-input-m",attrs:{type:"number",placeholder:"value"},domProps:{value:t.valName},on:{change:t.dealNumber,input:function(e){e.target.composing||(t.valName=e.target.value)}}}):t._e(),t._v(" "),"boolean"==t.formatSelected?n("select",{directives:[{name:"model",rawName:"v-model",value:t.valName,expression:"valName"}],staticClass:"f-input-m",attrs:{name:"value"},on:{change:[function(e){var n=Array.prototype.filter.call(e.target.options,function(t){return t.selected}).map(function(t){return"_value"in t?t._value:t.value});t.valName=e.target.multiple?n:n[0]},t.dealBoolean]}},[n("option",{domProps:{value:!0}},[t._v("true")]),t._v(" "),n("option",{domProps:{value:!1}},[t._v("false")])]):t._e()]:t._e()],2),t._v(" "),n("div",{staticClass:"f-btns"},[n("button",{staticClass:"pure-button f-confirm",on:{click:t.confirm}},[t._v("\n      "+t._s(this.formBtnText.confirmText)+"\n    ")]),t._v(" "),n("button",{staticClass:"pure-button",on:{click:t.cancel}},[t._v("\n      "+t._s(this.formBtnText.cancelText)+"\n    ")])])])},o=[function(){var t=this.$createElement,e=this._self._c||t;return e("span",{staticClass:"f-input-m"},[e("b",[this._v(":")])])}];r._withStripped=!0,n.d(e,"a",function(){return r}),n.d(e,"b",function(){return o})},function(t,e,n){"use strict";n.r(e);var r=n(15),o=n(5);for(var i in o)"default"!==i&&function(t){n.d(e,t,function(){return o[t]})}(i);n(23);var a=n(0),A=Object(a.a)(o.default,r.a,r.b,!1,null,"01647a09",null);A.options.__file="src/ItemAddForm.vue",e.default=A.exports},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=r.sources.map(function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"});return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];null!=i&&(r[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];null!=a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){var r,o,i={},a=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),A=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var r=function(t,e){return e?e.querySelector(t):document.querySelector(t)}.call(this,t,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}}(),u=null,l=0,s=[],c=n(25);function p(t,e){for(var n=0;n<t.length;n++){var r=t[n],o=i[r.id];if(o){o.refs++;for(var a=0;a<o.parts.length;a++)o.parts[a](r.parts[a]);for(;a<r.parts.length;a++)o.parts.push(v(r.parts[a],e))}else{var A=[];for(a=0;a<r.parts.length;a++)A.push(v(r.parts[a],e));i[r.id]={id:r.id,refs:1,parts:A}}}}function d(t,e){for(var n=[],r={},o=0;o<t.length;o++){var i=t[o],a=e.base?i[0]+e.base:i[0],A={css:i[1],media:i[2],sourceMap:i[3]};r[a]?r[a].parts.push(A):n.push(r[a]={id:a,parts:[A]})}return n}function f(t,e){var n=A(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=s[s.length-1];if("top"===t.insertAt)r?r.nextSibling?n.insertBefore(e,r.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),s.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=A(t.insertAt.before,n);n.insertBefore(e,o)}}function h(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=s.indexOf(t);e>=0&&s.splice(e,1)}function m(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var r=function(){0;return n.nc}();r&&(t.attrs.nonce=r)}return g(e,t.attrs),f(t,e),e}function g(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function v(t,e){var n,r,o,i;if(e.transform&&t.css){if(!(i="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=i}if(e.singleton){var a=l++;n=u||(u=m(e)),r=M.bind(null,n,a,!1),o=M.bind(null,n,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",g(e,t.attrs),f(t,e),e}(e),r=function(t,e,n){var r=n.css,o=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&o;(e.convertToAbsoluteUrls||i)&&(r=c(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([r],{type:"text/css"}),A=t.href;t.href=URL.createObjectURL(a),A&&URL.revokeObjectURL(A)}.bind(null,n,e),o=function(){h(n),n.href&&URL.revokeObjectURL(n.href)}):(n=m(e),r=function(t,e){var n=e.css,r=e.media;r&&t.setAttribute("media",r);if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){h(n)});return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=a()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=d(t,e);return p(n,e),function(t){for(var r=[],o=0;o<n.length;o++){var a=n[o];(A=i[a.id]).refs--,r.push(A)}t&&p(d(t,e),e);for(o=0;o<r.length;o++){var A;if(0===(A=r[o]).refs){for(var u=0;u<A.parts.length;u++)A.parts[u]();delete i[A.id]}}}};var b,y=(b=[],function(t,e){return b[t]=e,b.filter(Boolean).join("\n")});function M(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=y(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}},function(t,e){t.exports="data:application/vnd.ms-fontobject;base64,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"},function(t,e,n){"use strict";n.r(e);var r=n(14),o=n(9);for(var i in o)"default"!==i&&function(t){n.d(e,t,function(){return o[t]})}(i);var a=n(0),A=Object(a.a)(o.default,r.a,r.b,!1,null,null,null);A.options.__file="src/ArrayView.vue",e.default=A.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.components=void 0;var r=A(n(22)),o=A(n(11)),i=A(n(20)),a=A(n(32));function A(t){return t&&t.__esModule?t:{default:t}}var u=A(n(34)).default.version;e.default=function t(e){t.installed||(e.component("draggable",a.default),e.component("JsonEditor",r.default),e.component("json-view",o.default),e.component("array-view",i.default))};e.components={JsonEditor:r.default,VERSION:u}},function(t,e,n){"use strict";n.r(e);var r=n(12),o=n(1);for(var i in o)"default"!==i&&function(t){n.d(e,t,function(){return o[t]})}(i);n(26);var a=n(0),A=Object(a.a)(o.default,r.a,r.b,!1,null,null,null);A.options.__file="src/JsonEditor.vue",e.default=A.exports},function(t,e,n){"use strict";var r=n(7);n.n(r).a},function(t,e,n){(t.exports=n(17)(!1)).push([t.i,".f-input[data-v-01647a09],\n.f-btns[data-v-01647a09] {\n  display: inline-block;\n}\n.f-btns[data-v-01647a09] {\n  display: inline-block;\n  margin-top: 0.5em;\n}\n.f-confirm[data-v-01647a09] {\n  color: #fff;\n  background: #05a5d1;\n}\n.add-form[data-v-01647a09] {\n  margin-bottom: 20px;\n  font-size: 0.6em;\n}\n",""])},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,r=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var o,i=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?t:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(t,e,n){"use strict";var r=n(8);n.n(r).a},function(t,e,n){e=t.exports=n(17)(!1);var r=n(28),o=r(n(19)),i=r(n(19)+"#iefix"),a=r(n(29)),A=r(n(30)),u=r(n(31)+"#iconfont");e.push([t.i,'/*!\nPure v1.0.0\nCopyright 2013 Yahoo!\nLicensed under the BSD License.\nhttps://github.com/yahoo/pure/blob/master/LICENSE.md\n*/\n/*!\nnormalize.css v^3.0 | MIT License | git.io/normalize\nCopyright (c) Nicolas Gallagher and Jonathan Neal\n*/\n/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\nimg,\nlegend {\n  border: 0;\n}\nlegend,\ntd,\nth {\n  padding: 0;\n}\nhtml {\n  font-family: sans-serif;\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n}\nbody {\n  margin: 0;\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n  vertical-align: baseline;\n}\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n[hidden],\ntemplate {\n  display: none;\n}\na {\n  background-color: transparent;\n}\na:active,\na:hover {\n  outline: 0;\n}\nabbr[title] {\n  border-bottom: 1px dotted;\n}\nb,\noptgroup,\nstrong {\n  font-weight: 700;\n}\ndfn {\n  font-style: italic;\n}\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\nmark {\n  background: #ff0;\n  color: #000;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsup {\n  top: -0.5em;\n}\nsub {\n  bottom: -0.25em;\n}\nsvg:not(:root) {\n  overflow: hidden;\n}\nfigure {\n  margin: 1em 40px;\n}\nhr {\n  box-sizing: content-box;\n  height: 0;\n}\npre,\ntextarea {\n  overflow: auto;\n}\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace,monospace;\n  font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  font: inherit;\n  margin: 0;\n}\nbutton {\n  overflow: visible;\n}\nbutton,\nselect {\n  text-transform: none;\n}\nbutton,\nhtml input[type=button],\ninput[type=reset],\ninput[type=submit] {\n  -webkit-appearance: button;\n  cursor: pointer;\n}\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\ninput {\n  line-height: normal;\n}\ninput[type=checkbox],\ninput[type=radio] {\n  box-sizing: border-box;\n  padding: 0;\n}\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\ninput[type=search] {\n  -webkit-appearance: textfield;\n  box-sizing: content-box;\n}\ninput[type=search]::-webkit-search-cancel-button,\ninput[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\nfieldset {\n  border: 1px solid silver;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.hidden,\n[hidden] {\n  display: none !important;\n}\n.pure-img {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n/*!\nPure v1.0.0\nCopyright 2013 Yahoo!\nLicensed under the BSD License.\nhttps://github.com/yahoo/pure/blob/master/LICENSE.md\n*/\n.pure-button {\n  display: inline-block;\n  zoom: 1;\n  line-height: normal;\n  white-space: nowrap;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  box-sizing: border-box;\n}\n.pure-button::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n.pure-button-group {\n  letter-spacing: -0.31em;\n  text-rendering: optimizespeed;\n}\n.opera-only :-o-prefocus,\n.pure-button-group {\n  word-spacing: -0.43em;\n}\n.pure-button {\n  font-family: inherit;\n  font-size: 100%;\n  padding: 0.5em 1em;\n  color: #444;\n  color: rgba(0, 0, 0, 0.8);\n  border: 1px solid #999;\n  border: transparent;\n  background-color: #E6E6E6;\n  text-decoration: none;\n  border-radius: 2px;\n}\n.pure-button-hover,\n.pure-button:focus,\n.pure-button:hover {\n  filter: alpha(opacity=90);\n  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));\n  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));\n}\n.pure-button:focus {\n  outline: 0;\n}\n.pure-button-active,\n.pure-button:active {\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;\n  border-color: #000 \\9;\n}\n.pure-button-disabled,\n.pure-button-disabled:active,\n.pure-button-disabled:focus,\n.pure-button-disabled:hover,\n.pure-button[disabled] {\n  border: none;\n  background-image: none;\n  filter: alpha(opacity=40);\n  opacity: 0.4;\n  cursor: not-allowed;\n  box-shadow: none;\n  pointer-events: none;\n}\n.pure-button-hidden {\n  display: none;\n}\n.pure-button-primary,\n.pure-button-selected,\na.pure-button-primary,\na.pure-button-selected {\n  background-color: #0078e7;\n  color: #fff;\n}\n.pure-button-group .pure-button {\n  letter-spacing: normal;\n  word-spacing: normal;\n  vertical-align: top;\n  text-rendering: auto;\n  margin: 0;\n  border-radius: 0;\n  border-right: 1px solid #111;\n  border-right: 1px solid rgba(0, 0, 0, 0.2);\n}\n.pure-button-group .pure-button:first-child {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n.pure-button-group .pure-button:last-child {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  border-right: none;\n}\n/*!\nPure v1.0.0\nCopyright 2013 Yahoo!\nLicensed under the BSD License.\nhttps://github.com/yahoo/pure/blob/master/LICENSE.md\n*/\n.pure-form input[type=text],\n.pure-form input[type=number],\n.pure-form input[type=search],\n.pure-form input[type=tel],\n.pure-form input[type=color],\n.pure-form input[type=password],\n.pure-form input[type=email],\n.pure-form input[type=url],\n.pure-form input[type=date],\n.pure-form input[type=month],\n.pure-form input[type=time],\n.pure-form input[type=datetime],\n.pure-form input[type=datetime-local],\n.pure-form input[type=week],\n.pure-form select,\n.pure-form textarea {\n  padding: 0.5em 0.6em;\n  display: inline-block;\n  border: 1px solid #ccc;\n  box-shadow: inset 0 1px 3px #ddd;\n  border-radius: 4px;\n  vertical-align: middle;\n  box-sizing: border-box;\n}\n.pure-form input:not([type]) {\n  padding: 0.5em 0.6em;\n  display: inline-block;\n  border: 1px solid #ccc;\n  box-shadow: inset 0 1px 3px #ddd;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n.pure-form input[type=color] {\n  padding: 0.2em 0.5em;\n}\n.pure-form input:not([type]):focus,\n.pure-form input[type=text]:focus,\n.pure-form input[type=number]:focus,\n.pure-form input[type=search]:focus,\n.pure-form input[type=tel]:focus,\n.pure-form input[type=color]:focus,\n.pure-form input[type=password]:focus,\n.pure-form input[type=email]:focus,\n.pure-form input[type=url]:focus,\n.pure-form input[type=date]:focus,\n.pure-form input[type=month]:focus,\n.pure-form input[type=time]:focus,\n.pure-form input[type=datetime]:focus,\n.pure-form input[type=datetime-local]:focus,\n.pure-form input[type=week]:focus,\n.pure-form select:focus,\n.pure-form textarea:focus {\n  outline: 0;\n  border-color: #129FEA;\n}\n.pure-form input[type=file]:focus,\n.pure-form input[type=radio]:focus,\n.pure-form input[type=checkbox]:focus {\n  outline: #129FEA auto 1px;\n}\n.pure-form .pure-checkbox,\n.pure-form .pure-radio {\n  margin: 0.5em 0;\n  display: block;\n}\n.pure-form input:not([type])[disabled],\n.pure-form input[type=text][disabled],\n.pure-form input[type=number][disabled],\n.pure-form input[type=search][disabled],\n.pure-form input[type=tel][disabled],\n.pure-form input[type=color][disabled],\n.pure-form input[type=password][disabled],\n.pure-form input[type=email][disabled],\n.pure-form input[type=url][disabled],\n.pure-form input[type=date][disabled],\n.pure-form input[type=month][disabled],\n.pure-form input[type=time][disabled],\n.pure-form input[type=datetime][disabled],\n.pure-form input[type=datetime-local][disabled],\n.pure-form input[type=week][disabled],\n.pure-form select[disabled],\n.pure-form textarea[disabled] {\n  cursor: not-allowed;\n  background-color: #eaeded;\n  color: #cad2d3;\n}\n.pure-form input[readonly],\n.pure-form select[readonly],\n.pure-form textarea[readonly] {\n  background-color: #eee;\n  color: #777;\n  border-color: #ccc;\n}\n.pure-form input:focus:invalid,\n.pure-form select:focus:invalid,\n.pure-form textarea:focus:invalid {\n  color: #b94a48;\n  border-color: #e9322d;\n}\n.pure-form input[type=file]:focus:invalid:focus,\n.pure-form input[type=radio]:focus:invalid:focus,\n.pure-form input[type=checkbox]:focus:invalid:focus {\n  outline-color: #e9322d;\n}\n.pure-form select {\n  height: 2.25em;\n  border: 1px solid #ccc;\n  background-color: #fff;\n}\n.pure-form select[multiple] {\n  height: auto;\n}\n.pure-form label {\n  margin: 0.5em 0 0.2em;\n}\n.pure-form fieldset {\n  margin: 0;\n  padding: 0.35em 0 0.75em;\n  border: 0;\n}\n.pure-form legend {\n  display: block;\n  width: 100%;\n  padding: 0.3em 0;\n  margin-bottom: 0.3em;\n  color: #333;\n  border-bottom: 1px solid #e5e5e5;\n}\n.pure-form-stacked input:not([type]),\n.pure-form-stacked input[type=text],\n.pure-form-stacked input[type=number],\n.pure-form-stacked input[type=search],\n.pure-form-stacked input[type=tel],\n.pure-form-stacked input[type=color],\n.pure-form-stacked input[type=file],\n.pure-form-stacked input[type=password],\n.pure-form-stacked input[type=email],\n.pure-form-stacked input[type=url],\n.pure-form-stacked input[type=date],\n.pure-form-stacked input[type=month],\n.pure-form-stacked input[type=time],\n.pure-form-stacked input[type=datetime],\n.pure-form-stacked input[type=datetime-local],\n.pure-form-stacked input[type=week],\n.pure-form-stacked label,\n.pure-form-stacked select,\n.pure-form-stacked textarea {\n  display: block;\n  margin: 0.25em 0;\n}\n.pure-form-aligned .pure-help-inline,\n.pure-form-aligned input,\n.pure-form-aligned select,\n.pure-form-aligned textarea,\n.pure-form-message-inline {\n  display: inline-block;\n  vertical-align: middle;\n}\n.pure-form-aligned textarea {\n  vertical-align: top;\n}\n.pure-form-aligned .pure-control-group {\n  margin-bottom: 0.5em;\n}\n.pure-form-aligned .pure-control-group label {\n  text-align: right;\n  display: inline-block;\n  vertical-align: middle;\n  width: 10em;\n  margin: 0 1em 0 0;\n}\n.pure-form-aligned .pure-controls {\n  margin: 1.5em 0 0 11em;\n}\n.pure-form .pure-input-rounded,\n.pure-form input.pure-input-rounded {\n  border-radius: 2em;\n  padding: 0.5em 1em;\n}\n.pure-form .pure-group fieldset {\n  margin-bottom: 10px;\n}\n.pure-form .pure-group input,\n.pure-form .pure-group textarea {\n  display: block;\n  padding: 10px;\n  margin: 0 0 -1px;\n  border-radius: 0;\n  position: relative;\n  top: -1px;\n}\n.pure-form .pure-group input:focus,\n.pure-form .pure-group textarea:focus {\n  z-index: 3;\n}\n.pure-form .pure-group input:first-child,\n.pure-form .pure-group textarea:first-child {\n  top: 1px;\n  border-radius: 4px 4px 0 0;\n  margin: 0;\n}\n.pure-form .pure-group input:first-child:last-child,\n.pure-form .pure-group textarea:first-child:last-child {\n  top: 1px;\n  border-radius: 4px;\n  margin: 0;\n}\n.pure-form .pure-group input:last-child,\n.pure-form .pure-group textarea:last-child {\n  top: -2px;\n  border-radius: 0 0 4px 4px;\n  margin: 0;\n}\n.pure-form .pure-group button {\n  margin: 0.35em 0;\n}\n.pure-form .pure-input-1 {\n  width: 100%;\n}\n.pure-form .pure-input-3-4 {\n  width: 75%;\n}\n.pure-form .pure-input-2-3 {\n  width: 66%;\n}\n.pure-form .pure-input-1-2 {\n  width: 50%;\n}\n.pure-form .pure-input-1-3 {\n  width: 33%;\n}\n.pure-form .pure-input-1-4 {\n  width: 25%;\n}\n.pure-form .pure-help-inline,\n.pure-form-message-inline {\n  display: inline-block;\n  padding-left: 0.3em;\n  color: #666;\n  vertical-align: middle;\n  font-size: 0.875em;\n}\n.pure-form-message {\n  display: block;\n  color: #666;\n  font-size: 0.875em;\n}\n@media only screen and (max-width: 480px) {\n.pure-form button[type=submit] {\n    margin: 0.7em 0 0;\n}\n.pure-form input:not([type]),\n  .pure-form input[type=text],\n  .pure-form input[type=number],\n  .pure-form input[type=search],\n  .pure-form input[type=tel],\n  .pure-form input[type=color],\n  .pure-form input[type=password],\n  .pure-form input[type=email],\n  .pure-form input[type=url],\n  .pure-form input[type=date],\n  .pure-form input[type=month],\n  .pure-form input[type=time],\n  .pure-form input[type=datetime],\n  .pure-form input[type=datetime-local],\n  .pure-form input[type=week],\n  .pure-form label {\n    margin-bottom: 0.3em;\n    display: block;\n}\n.pure-group input:not([type]),\n  .pure-group input[type=text],\n  .pure-group input[type=number],\n  .pure-group input[type=search],\n  .pure-group input[type=tel],\n  .pure-group input[type=color],\n  .pure-group input[type=password],\n  .pure-group input[type=email],\n  .pure-group input[type=url],\n  .pure-group input[type=date],\n  .pure-group input[type=month],\n  .pure-group input[type=time],\n  .pure-group input[type=datetime],\n  .pure-group input[type=datetime-local],\n  .pure-group input[type=week] {\n    margin-bottom: 0;\n}\n.pure-form-aligned .pure-control-group label {\n    margin-bottom: 0.3em;\n    text-align: left;\n    display: block;\n    width: 100%;\n}\n.pure-form-aligned .pure-controls {\n    margin: 1.5em 0 0;\n}\n.pure-form .pure-help-inline,\n  .pure-form-message,\n  .pure-form-message-inline {\n    display: block;\n    font-size: 0.75em;\n    padding: 0.2em 0 0.8em;\n}\n}\n@font-face {\n  font-family: "iconfont";\n  src: url('+o+");\n  /* IE9 */\n  src: url("+i+") format('embedded-opentype'),  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATkAAsAAAAACpQAAASWAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDVgqHRIYoATYCJAMcCxAABCAFhG0HgQcbHwnIHpIkSEABBQooMA8ucTz8t9//9pmZK1/UEO8e1SqLZJrwDlVLYnVKJ4slQno//57vuUmZPCOPGuhmc3mTOl0wsN3cTtan3M6fgPNv/P/gWPKX/1vl2duDvGJGLbJ5NBxQVFGU8AaSwjaF2NUu6JHAiwl0m1cJHevUYwDoFMpWgbjp4M2gC5mUHFxotXXKgQXiHai1aTZxFcBb+/PjH9QLHUiqDMqOp290tEGbn+TLItL/32+YaYFAew5wh5GxAyjEs1TXU6Sb2oHU/bmNynGgVyspP8lnyc8qntleFv2fEE+STHGEXhXV/w8eoVIrskTUAFUvjbmcrvlJ6gbxUSfBoII6GaJ8dQUMCtQ2cMj8KWokgcY8oB/zIHYDxCNQNAds1yByf5dIqtCrf3+cqjAuPotMiYmOYjQqF7VyZ2h3YFdwh8EdiaFl7js+JngTVJ/PNowN3UHqwO1hMepYGw0vltJ0aDlCBimwjKJIwSUAD/NiqSEcZslIZGD0vXsG4u7dAc4jN7OItbcaRh+/g8jA7UZRUlTK7kDH+juNo4/eyibW3GxAQU/p05PhMB89aDwbeciG5wy4O8Vw6x4divQ2LB3MSt5wYOD5SOhey3v+1MIgH9wBxItBClqz7TK4OwR3WCm06lwxteVMGlChhH8nTasMRWyWUU1PqdBSYAA/NXwaJXuVeqrT5ep0ak94M3Q3XG5dqPcF2JX4Apb8X2vzdXv+Llapd97gdOqv6svRRedUsGdsB2QcgrquRB2HjOiKNnRAI0I7b4AO10Z0QetXmuI1GzTxpg02vmRbaVx8a48NXVDye0DHqU7p2jjTSh9o32uQr7h//a5oyAjUYQPqahwCmf8vlgWN7zaaNYt1UVoTdnEZGpZzZdSp56/foaVYqpPqrkyvn+7e3n/QM+B32st8qp3+CoP6P4P1/2PiYxhdlWXaFuZ6fGyce/BCK7rDgTMHOtCtLiQp2hQU6aLMA6+h7LOoBUFsNAIDnlHuld4QOwA6Zz8JdORf2QNA+o4+pSEDBvI0eS/t11g8q55ojG3xVUerAL61G4bsUEeB+pr2VimjpvAVFZfsU75SxdwUuXN9U4HGaXHgpiq61TG8mr5hT9vTjJVOENqQmIOkMQdZaxVRMDug0uMA1FoHodt2nQ/vMUJEiqIHtplOQRi0H5J+XyEbdA1RME+gMu4t1AaDhG4XI/GEPdbDQbUXsVnGNsYylnFYBS+nWWXKqe6HecVtFoNSm85iUXJEmbrq2mi2M/ZisY1dpFF8PVnmGE4UPEwn6nLY7RYYnyg4sVWutsuyr1lNDZf2RNVWwQOUo0SYmQyzYViMxXCwEnhx5sIyKvbx/WA8hZuZmNPhh5uFiSSO5TPqVKstgeis8pbqcCz1JaPw6pFJgsPguEqBB6MTcWBuNSVg+NLXc8KsZNXsNRI+zdSQgbiyqur+NZ7jvAi6Ke/cBIFIpEJqpEFapINyXTTziWabzSiNVMwiNgqK7HZ4sU1vtStmL+8SlFizKAqjjTZR8Bl8p743WhIUSRGMeX6L2ZtgNXdIdkEZZzd7o0YAAA==') format('woff2'), url("+a+") format('woff'), url("+A+") format('truetype'),  url("+u+') format(\'svg\');\n  /* iOS 4.1- */\n}\n[class^="v-json-edit-icon-"]:before,\n[class*=" v-json-edit-icon-"]:before {\n  font-family: "iconfont" !important;\n  font-style: normal;\n  font-weight: normal;\n  speak: none;\n  display: inline-block;\n  text-decoration: inherit;\n  width: 1em;\n  margin-right: 0.2em;\n  text-align: center;\n  /* opacity: .8; */\n  /* For safety - reset parent styles, that can break glyph codes*/\n  font-variant: normal;\n  text-transform: none;\n  /* fix buttons height, for twitter bootstrap */\n  line-height: 1em;\n  /* Animation center compensation - margins should be symmetric */\n  /* remove if not needed */\n  margin-left: 0.2em;\n  /* you can be more comfortable with increased icons size */\n  /* font-size: 120%; */\n  /* Font smoothing. That was taken from TWBS */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  /* Uncomment for 3D effect */\n  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */\n}\n.iconfont {\n  font-family: "iconfont" !important;\n  font-size: 16px;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.v-json-edit-icon-drag:before {\n  content: "\\e603";\n}\n.v-json-edit-icon-add:before {\n  content: "\\e925";\n}\n.v-json-edit-icon-copy:before {\n  content: "\\e664";\n}\n.v-json-edit-icon-arrow_drop_down:before {\n  content: "\\e62b";\n}\n.v-json-edit-icon-sousuo_huaban:before {\n  content: "\\e614";\n}\n.v-json-edit-icon-huishouzhan_huaban:before {\n  content: "\\e615";\n}\np {\n  margin: 0;\n}\nol,\nul {\n  margin: 0;\n}\n.block {\n  position: relative;\n  display: block;\n  line-height: 30px;\n}\n.block.hide-block {\n  background: #f5f5f5;\n}\n.block.hide-block .json-val {\n  display: none;\n}\n.block.hide-block .collapse-down {\n  transform: rotate(-90deg);\n}\n.tools {\n  position: absolute;\n  right: 0;\n  top: 0;\n  height: 30px;\n}\n.tools-types {\n  position: relative;\n  right: 20px;\n}\n.del-btn {\n  cursor: pointer;\n  transition: opacity 0.4s ease;\n}\n.del-btn:hover {\n  opacity: 0.6;\n}\n.dragbar {\n  position: absolute;\n  top: 0;\n  right: 20px;\n  bottom: 0;\n  width: 5px;\n  font-size: 18px;\n  margin-right: 15px;\n  cursor: pointer;\n}\n.des {\n  position: absolute;\n  right: 14px;\n  font-size: 10px;\n  line-height: 30px;\n  color: #6190e8;\n  cursor: pointer;\n}\n.add-des {\n  color: #999;\n}\n.block_content {\n  text-align: left;\n  margin-left: 20px;\n  line-height: 1.5 !important;\n}\n.block_content .i-type {\n  color: #999;\n}\n.block_content .key-input,\n.block_content .val-input {\n  width: 140px;\n  border: none;\n  height: 25px;\n  padding: 0 5px;\n  font-weight: bold;\n  font-size: 14px;\n  background: rgba(0, 0, 0, 0);\n}\n.block_content .key-input:focus,\n.block_content .val-input:focus {\n  background: #ffffa0;\n  border: none;\n  outline: 0;\n}\n.block_content .val-input {\n  font-weight: normal;\n  color: #0b8e6b;\n}\n.block_content .json-key {\n  font-weight: bold;\n}\n.block_content .json-key.json-desc {\n  color: #999;\n  font-size: 0.8em;\n}\n.collopsed:before {\n  content: \'\';\n  display: inline-block;\n  height: 10px;\n  width: 10px;\n  background: #333;\n}\n.collapse-down {\n  float: left;\n  color: #000;\n  cursor: pointer;\n  transition: transform 0.2s ease;\n}\n.add-key {\n  display: inline-block;\n  padding-left: 2px;\n  padding-right: 2px;\n  margin-bottom: 10px;\n  font-size: 0.8em;\n  line-height: 1em;\n  cursor: pointer;\n}\n.array-ol {\n  padding-left: 20px !important;\n}\n.array-item {\n  position: relative;\n}\n.array-item.hide-item {\n  background: #f5f5f5;\n}\n.array-item.hide-item .json-val {\n  display: non