jobbsontable/distDemo/js/app.c978d6f5.js

O jobbs on table é uma lib vue desenvolvido pela unity para montar tabelas html dinamicamente, voce passa os parametros em json e automagicamente voce recebe o código html simples, rápido e facil.

(function(e){function t(t){for(var l,i,s=t[0],r=t[1],u=t[2],d=0,v=[];d<s.length;d++)i=s[d],n[i]&&v.push(n[i][0]),n[i]=0;for(l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);c&&c(t);while(v.length)v.shift()();return o.push.apply(o,u||[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],l=!0,s=1;s<a.length;s++){var r=a[s];0!==n[r]&&(l=!1)}l&&(o.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={app:0},o=[];function i(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(a,l,function(t){return e[t]}.bind(null,l));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],r=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var c=r;o.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"022e":function(e,t,a){"use strict";var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("li",{staticClass:"context-menu-item"},[e._t("default")],2)},n=[],o={},i=o,s=(a("e0fa"),a("2877")),r=Object(s["a"])(i,l,n,!1,null,"47918ea0",null);t["a"]=r.exports},"56d7":function(e,t,a){"use strict";a.r(t);var l=a("2b0e"),n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"container-fluid"},[e._m(0),a("div",{staticClass:"row justify-content-start"},[a("div",{staticClass:"col-10 mt-3 h-25 d-inline-block "},[a("div",{staticClass:"card border-info shadow"},[a("h5",{staticClass:"card-header bg-info text-white "},[e._v("DEMO")]),a("div",{staticClass:"card-body"},[a("jobbs-on-table",{ref:"jobbsontableMain",attrs:{rightClick:e.rightClickEventsJobbsontable},model:{value:e.arrData,callback:function(t){e.arrData=t},expression:"arrData"}}),a("br"),a("div",{staticClass:"row"},[a("input",{directives:[{name:"model",rawName:"v-model",value:e.campoValor,expression:"campoValor"}],staticClass:"form-control col-2",attrs:{placeholder:"Valor"},domProps:{value:e.campoValor},on:{input:function(t){t.target.composing||(e.campoValor=t.target.value)}}}),a("button",{staticClass:"btn btn-success ml-2 col-2",on:{click:e.setarValorNaCelula}},[e._v("Setar valor na célula")])])],1)])])]),a("div",{staticClass:"row justify-content-end"},[a("div",{staticClass:"col-10 mt-3 "},[a("div",{staticClass:"card border-warning text-white shadow"},[a("h5",{staticClass:"card-header bg-warning"},[e._v("DATA")]),a("div",{staticClass:"card-body"},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.textData,expression:"textData"}],staticClass:"form-control border-0",attrs:{rows:"5"},domProps:{value:e.textData},on:{input:function(t){t.target.composing||(e.textData=t.target.value)}}})])])])]),e._m(1),a("div",{staticClass:"row justify-content-start"},[a("div",{staticClass:"col-10 mt-3 h-25 d-inline-block "},[a("div",{staticClass:"card border-info shadow"},[a("h5",{staticClass:"card-header bg-info text-white "},[e._v("DEMO")]),a("div",{staticClass:"card-body"},[a("jobbs-on-table",{model:{value:e.arrDataBasico,callback:function(t){e.arrDataBasico=t},expression:"arrDataBasico"}})],1)])])]),a("div",{staticClass:"row justify-content-end"},[a("div",{staticClass:"col-10 mt-3 "},[a("div",{staticClass:"card border-warning text-white shadow"},[a("h5",{staticClass:"card-header bg-warning"},[e._v("DATA")]),a("div",{staticClass:"card-body"},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.textDataBasico,expression:"textDataBasico"}],staticClass:"form-control border-0",attrs:{rows:"5"},domProps:{value:e.textDataBasico},on:{input:function(t){t.target.composing||(e.textDataBasico=t.target.value)}}})])])])]),e._m(2),a("div",{staticClass:"row justify-content-start"},[a("div",{staticClass:"col-10 mt-3 h-25 d-inline-block "},[a("div",{staticClass:"card border-info shadow"},[a("h5",{staticClass:"card-header bg-info text-white "},[e._v("DEMO")]),a("div",{staticClass:"card-body"},[a("jobbs-on-table",{model:{value:e.arrDataAtributo,callback:function(t){e.arrDataAtributo=t},expression:"arrDataAtributo"}})],1)])])]),a("div",{staticClass:"row justify-content-end"},[a("div",{staticClass:"col-10 mt-3 "},[a("div",{staticClass:"card border-warning text-white shadow"},[a("h5",{staticClass:"card-header bg-warning"},[e._v("DATA")]),a("div",{staticClass:"card-body"},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.textDataAtributo,expression:"textDataAtributo"}],staticClass:"form-control border-0",attrs:{rows:"5"},domProps:{value:e.textDataAtributo},on:{input:function(t){t.target.composing||(e.textDataAtributo=t.target.value)}}})])])])]),e._m(3),a("div",{staticClass:"row justify-content-start"},[a("div",{staticClass:"col-10 mt-3 h-25 d-inline-block "},[a("div",{staticClass:"card border-info shadow"},[a("h5",{staticClass:"card-header bg-info text-white "},[e._v("DEMO")]),a("div",{staticClass:"card-body"},[a("jobbs-on-table",{model:{value:e.arrDataEstilo,callback:function(t){e.arrDataEstilo=t},expression:"arrDataEstilo"}})],1)])])]),a("div",{staticClass:"row justify-content-end"},[a("div",{staticClass:"col-10 mt-3 "},[a("div",{staticClass:"card border-warning text-white shadow"},[a("h5",{staticClass:"card-header bg-warning"},[e._v("DATA")]),a("div",{staticClass:"card-body"},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.textDataEstilo,expression:"textDataEstilo"}],staticClass:"form-control border-0",attrs:{rows:"5"},domProps:{value:e.textDataEstilo},on:{input:function(t){t.target.composing||(e.textDataEstilo=t.target.value)}}})])])])]),e._m(4),a("div",{staticClass:"row justify-content-start"},[a("div",{staticClass:"col-10 mt-3 h-25 d-inline-block "},[a("div",{staticClass:"card border-info shadow"},[a("h5",{staticClass:"card-header bg-info text-white "},[e._v(" DEMO ")]),a("div",{staticClass:"card-body"},[a("jobbs-on-table",{model:{value:e.arrDataEvento,callback:function(t){e.arrDataEvento=t},expression:"arrDataEvento"}})],1)])])]),a("div",{staticClass:"row justify-content-end"},[a("div",{staticClass:"col-10 mt-3 "},[a("div",{staticClass:"card border-warning text-white shadow"},[a("h5",{staticClass:"card-header bg-warning"},[e._v("DATA")]),a("div",{staticClass:"card-body"},[a("textarea",{directives:[{name:"model",rawName:"v-model",value:e.textDataEvento,expression:"textDataEvento"}],staticClass:"form-control border-0",attrs:{rows:"5"},domProps:{value:e.textDataEvento},on:{input:function(t){t.target.composing||(e.textDataEvento=t.target.value)}}})])])])])])},o=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"row justify-content-center"},[a("div",{staticClass:"col-3 mt-3 mr-5 "},[a("p",{staticClass:"text-light bg-info col-12 p-2 m-0"},[e._v("JOBBSONTABLE")]),a("p",{staticClass:"text-light bg-warning col-12 ml-4 p-2 mt-2"},[e._v("DEMO")])])])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"row justify-content-center"},[a("div",{staticClass:"col-11 mt-3"},[a("div",{staticClass:"card shadow"},[a("div",{staticClass:"card-body"},[a("p",{staticClass:"text-justify text-break h3"},[e._v("DOCUMENTAÇÃO")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" O jobbsontable é um package que vai facilitar a sua vida, com ele voce vai poder criar tabelas com um array bidimensional, voce pode colocar eventos, personalizar o estilo de cada célula e muito mais. ")]),a("br"),a("p",{staticClass:"text-break h5"},[e._v(" SOBRE O COMPONENTE ")]),a("hr"),a("p",{staticClass:"text-justify text-justify"},[e._v(" O componente ele é feito em vue.js para montar a tabela do jobbsontable voce precisa passar o seu json array no atributo data no padrão exigido pelo componente, voce pode consultar mais detalhes nas linhas abaixo, o componente também possui alguns métodos o onkeydown e onkeyup, voce pode navegar pelas células utilizando os direcionais do teclado ( o movimento só ocorre para inputs e selects) quando o usuário pressionar a tecla para baixo (down) ou para cima (up) ele dispara a sua função retornando o um objeto com dois atributos o lineBefore e o lineAfter, ambos também são objetos contendo todos os valores da linha anterior (lineBefore) ao click para cima ou para baixo e a linha atual (lineAfter) que está no foco. ")]),a("br"),a("p",{staticClass:"text-break h5"},[e._v(" INSTALAÇÃO ")]),a("hr"),a("p",{staticClass:"text-justify text-justify"},[e._v(" A unica forma de instalação é pelo npm, por isso insira esse package no seu projeto. ")]),a("div",{staticClass:"border-left border-dark bg-light"},[a("pre",[a("code",[e._v(" > npm i jobbsontable ")])])]),a("br"),a("p",{staticClass:"text-break h5"},[e._v(" USO BÁSICO ")]),a("hr"),a("div",{staticClass:"border-left border-dark bg-light"},[a("pre",[e._v("                                "),a("code",[e._v(" \n    <template>\n        <div class=\"row\">\n            <jobbs-on-table v-model=\"arrData\"></jobbs-on-table>\n        </div>\n    </template>\n\n    <script type=\"text/javascript\">\n        import jobbsOnTable from 'jobbsontable'\n        export default {\n            components: {\n                jobbsOnTable\n            },\n            data() {\n                return {\n                    arrData: [ \n                        ['col1 line1', 'col2 line1'],\n                        ['col1 line2', 'col2 line2']\n                    ]\n                }\n            }\n        }\n    <\/script>\n                                ")]),e._v("\n                            ")])])])])])])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"row justify-content-center"},[a("div",{staticClass:"col-11 mt-3"},[a("div",{staticClass:"card shadow"},[a("div",{staticClass:"card-body"},[a("p",{staticClass:"text-break h5"},[e._v(" ATRIBUTOS BÁSICOS ")]),a("hr"),a("div",{staticClass:"col-6"}),a("p",{staticClass:"text-justify"},[e._v(" São os atributos da célula, define a sua estrutura de exibição da célula. os tipos de atributos são.: ")]),a("br"),a("table",{staticClass:"table table-striped"},[a("thead",[a("tr",[a("th",{attrs:{scope:"col"}},[e._v("nome atributo")]),a("th",{attrs:{scope:"col"}},[e._v("tipo")]),a("th",{attrs:{scope:"col"}},[e._v("descrição")]),a("th",{attrs:{scope:"col"}},[e._v("default")])])]),a("tbody",[a("tr",[a("th",{attrs:{scope:"row"}},[e._v("type")]),a("td",[e._v("String")]),a("td",[e._v("tipo da célula, ex.: text, input, select, money, autocomplete, etc.")]),a("td",[e._v("text")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("length")]),a("td",[e._v("Integer")]),a("td",[e._v("Tamanho do valor da célula")]),a("td",[e._v("200")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("mask")]),a("td",[e._v("String")]),a("td",[e._v("Máscara do campo, ex.: ##/##/####")]),a("td",[e._v("null")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("options")]),a("td",[e._v("Array")]),a("td",[e._v("opções de escolha, "),a("b",[e._v("Apenas para type marcado como select")])]),a("td",[e._v("null")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("autoCompleteData")]),a("td",[e._v("Array")]),a("td",[e._v("opções de escolha, "),a("b",[e._v("Apenas para type marcado como autocomplete")])]),a("td",[e._v("[]")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("disabled")]),a("td",[e._v("Boolean")]),a("td",[e._v(" Desabilita o input ou select ")]),a("td")]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("name")]),a("td",[e._v("String")]),a("td",[e._v(" Atributo name da input ou select ")]),a("td")])])]),a("br"),a("p",{staticClass:"text-break h5"},[e._v(" USO DOS ATRIBUTOS ")]),a("hr"),a("div",{staticClass:"border-left border-dark bg-light"},[a("pre",[e._v("                                "),a("code",[e._v(' \n    <template>\n        <div class="row">\n            <jobbs-on-table v-model="arrData"></jobbs-on-table>\n        </div>\n    </template>\n\n    <script type="text/javascript">\n        import jobbsOnTable from \'jobbsontable\'\n        export default {\n            components: {\n                jobbsOnTable\n            },\n            data() {\n                return {\n                    arrData: [ \n                        [\n                            {\n                                "value": "col-1 line-1",\n                                "atribute": {\n                                    "type": "input",\n                                    "name": "campo1"\n                                }\n                            },\n                            {\n                                "value": "col-2 line-1",\n                                "atribute": {\n                                    "type": "select",\n                                    "options": [\n                                        {\n                                            "label": "OPTION 01",\n                                            "value": "01"\n                                        },\n                                        {\n                                            "label": "OPTION 02",\n                                            "value": "02"\n                                        }\n                                    ],\n                                    "name": "campo2"\n                                }\n                            },\n                            {\n                                value: \'\',\n                                atribute: {\n                                    type: \'autocomplete\',\n                                    autoCompleteData: [\'joao\', \'ricardo\', \'paulo\']\n                                }\n                            }\n                        ],\n                        [\n                            {\n                                "value": "col-1 line-2",\n                                "atribute": {\n                                    "type": "input",\n                                    "name": "campo3",\n                                    "disabled": true\n                                }\n                            },\n                            {\n                                "value": "",\n                                "atribute": {\n                                    "type": "input",\n                                    "name": "campo4",\n                                    "mask": "##/##/####"\n                                }\n                            },\n                            {\n                                value: \'2\',\n                                atribute: {\n                                    type: \'autocomplete\',\n                                    autoCompleteData: [\n                                        { value: \'1\', label: \'joao\'},\n                                        { value: \'2\', label: \'ricardo\'},\n                                        { value: \'3\', label: \'pedro\'}\n                                    ]\n                                }\n                            }\n                        ]\n                    ]\n                }\n            }\n        }\n    <\/script>\n                                ')]),e._v("\n                            ")])])])])])])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"row justify-content-center"},[a("div",{staticClass:"col-11 mt-3"},[a("div",{staticClass:"card shadow"},[a("div",{staticClass:"card-body"},[a("p",{staticClass:"text-break h5"},[e._v(" ESTILIZANDO A CÉLULA ")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" Define um estilo css para a célula. ")]),a("p",{staticClass:"text-justify"},[a("b",[e._v("obs.: voce também pode definir um nome de classe para a sua célula acresentando o campo className no objeto JSON da célula.")])]),a("br"),a("table",{staticClass:"table table-striped"},[a("thead",[a("tr",[a("th",{attrs:{scope:"col"}},[e._v("nome atributo")]),a("th",{attrs:{scope:"col"}},[e._v("descrição")])])]),a("tbody",[a("tr",[a("th",{attrs:{scope:"row"}},[e._v("backgroundColor")]),a("td",[e._v("Cor de fundo da célula")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("color")]),a("td",[e._v("Cor do texto da célula")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("fontSize")]),a("td",[e._v("Tamanho da fonte da célula")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("fontFamily")]),a("td",[e._v("estilo de fonte da célula")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("border")]),a("td",[e._v("borda da célula, ex.: 4px solid black")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("size")]),a("td",[e._v("Tamanho da célula, ex.: 10px, 10%")])])])]),a("br"),a("p",{staticClass:"text-break h5"},[e._v(" USO DO ESTILO ")]),a("hr"),a("div",{staticClass:"border-left border-dark bg-light"},[a("pre",[e._v("                                "),a("code",[e._v(" \n    <template>\n        <div class=\"row\">\n            <jobbs-on-table v-model=\"arrData\"></jobbs-on-table>\n        </div>\n    </template>\n\n    <script type=\"text/javascript\">\n        import jobbsOnTable from 'jobbsontable'\n        export default {\n            components: {\n                jobbsOnTable\n            },\n            data() {\n                return {\n                    arrData: [\n                        [\n                            {\n                                value: \"Meu estilo 01\",\n                                style: {\n                                    backgroundColor: 'yellow',\n                                    color: 'red',\n                                    fontSize: '25',\n                                    fontFamily: '',\n                                    border: '4px solid blue',\n                                    size: '100px',\n                                    fontWeight: '900',\n                                }\n                            },\n                            {\n                                value: \"Meu estilo 02\",\n                                style: {\n                                    backgroundColor: 'yellow',\n                                    color: 'red',\n                                    fontSize: '25',\n                                    fontFamily: '',\n                                    border: '4px solid blue',\n                                    size: '300px',\n                                    fontWeight: '100',\n                                }\n                            },\n                        ]                        \n                    ]\n                }\n            }\n        }\n    <\/script>\n                                ")]),e._v("\n                            ")])])])])])])},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"row justify-content-center"},[a("div",{staticClass:"col-11 mt-3"},[a("div",{staticClass:"card shadow"},[a("div",{staticClass:"card-body"},[a("p",{staticClass:"text-break h5"},[e._v(" EVENTOS ")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" Os eventos são as ações que irão ocorrer a partir de alguma interação com o componente ou com a célula do jobbsontable. ")]),a("p",{staticClass:"text-break h6"},[e._v(" EVENTOS DO COMPONENTE ")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" CONTEÚDO ")]),a("p",{staticClass:"text-break h6"},[e._v(" EVENTOS DA CÉLULA ")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" Os eventos são as ações que irão ocorrer quando o usuário interagir com as células da tabela, em cada célula voce deve passar um novo argumento chamado 'event' que é um objeto que recebe as seguintes propriedades válidas. ")]),a("table",{staticClass:"table table-striped"},[a("thead",[a("tr",[a("th",{attrs:{scope:"col"}},[e._v("Nome Evento")]),a("th",{attrs:{scope:"col"}},[e._v("Descrição")])])]),a("tbody",[a("tr",[a("th",{attrs:{scope:"row"}},[e._v("onClick")]),a("td",[e._v("Evento disparado quando clicar na célula")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("onChange")]),a("td",[e._v("Evento disparado ao modificar o valor da célula, estes eventos só são disparados para celulas com o tipo de atributo input ou select")])]),a("tr",[a("th",{attrs:{scope:"row"}},[e._v("onFocusDown")]),a("td",[e._v("Dispara o evento quando o mouse tirar o foco da célula")])])])]),a("p",{staticClass:"text-break h5"},[e._v(" onClick ")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" \n                            Evento disparado ao clicar na célula, essa propriedade deve ser uma função, o primeiro argumento será a propriedade da célula, o segundo argumento é o indice da coluna e o terceiro é o indice da linha. Veja o código da célula a seguir.:\n                        ")]),a("div",{staticClass:"border-left border-dark bg-light"},[a("pre",[e._v("                                "),a("code",[e._v("\n    {\n        value: 'event click',\n        atribute: {\n            type: 'input'\n        },\n        event: { // meu objeto de eventos que irão insidir sobre a célula\n            onClick: function(campo, indexLine, indexColumn){\n                console.log(campo); // retorna o próprio objeto da célula\n                alert('Voce clicou!');\n            }\n        }\n    }\n                                ")]),e._v("\n                            ")])]),a("p",{staticClass:"text-break h5"},[e._v(" onChange ")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" Evento disparado ao modificar o valor da célula, estes eventos só são disparados para celulas com o tipo de atributo input ou select. Veja o código da célula a seguir.: ")]),a("div",{staticClass:"border-left border-dark bg-light"},[a("pre",[e._v("                                "),a("code",[e._v("\n    {\n        value: 'Event Change',\n        atribute: {\n            type: 'input'\n        },\n        event: {\n            onChange: function(campo, indexLine, indexColumn, line){\n                alert(campo.value); // novo valor do campo\n            }\n        }\n    }\n                                ")]),e._v("\n                            ")])]),a("p",{staticClass:"text-break h5"},[e._v(" onFocusDown ")]),a("hr"),a("p",{staticClass:"text-justify"},[e._v(" Dispara o evento quando tirar o foco da célula. Veja o código da célula a seguir.: ")]),a("div",{staticClass:"border-left border-dark bg-light"},[a("pre",[e._v("                                "),a("code",[e._v("\n    {\n        value: 'Leave focus',\n        atribute: {\n            type: 'input'\n        },\n        event: {\n            onFocusDown: function(campo, indexLine, indexColumn, line){\n                alert('Leave focus');\n            }\n        }\n    }\n                                ")]),e._v("\n                            ")])])])])])])}],i=a("be8f"),s=i["a"],r=(a("e00d"),a("2877")),u=Object(r["a"])(s,n,o,!1,null,null,null),c=u.exports,d=a("b6d0");l["a"].use(d["b"]),new l["a"]({el:"#app",render:e=>e(c)})},"58c5":function(e,t,a){"use strict";var l=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"row"},[a("table",{class:"col-12 jobbsOnTable tableId"+e.idJobbsOnTable,attrs:{border:"1",bordercolor:"#eaeaea"}},[a("draggable",e._b({attrs:{tag:"tbody"},on:{start:e.dragEventMethod,end:e.dropEventMethod},model:{value:e.dataWatch,callback:function(t){e.dataWatch=t},expression:"dataWatch"}},"draggable",e.dragOptions,!1),e._l(e.dataWatch,function(t,l){return a("tr",{key:l,attrs:{id:l}},e._l(t,function(n,o){return a("td",{key:n.id,ref:"tdl"+l+"c"+o,refInFor:!0,class:"object"==typeof n?n.className:"",style:n.style,attrs:{id:o,colspan:e.maiorTr-t.length+1},domProps:{innerHTML:e._s("string"==typeof n?n:n.label?n.label:n.value)},on:{click:function(t){return e.onCellFocus(t,n,l,o)},contextmenu:function(t){return t.preventDefault(),e.$refs.menu.open(t,{indexLine:l,indexColumn:o})}}})}),0)}),0),a("ContextMenu",{ref:"menu",scopedSlots:e._u([{key:"default",fn:function(t){var l=t.contextData;return e._l(e.rightClick,function(t,n){return a("ContextMenuItem",{key:n,nativeOn:{click:function(a){e.$refs.menu.close(),t.eventCallback(l.indexLine,l.indexColumn)}}},[e._v("\n                    "+e._s(t.label)+"\n                ")])})}}])})],1),a("input",{directives:[{name:"mask",rawName:"v-mask",value:e.mascaraInput,expression:"mascaraInput"},{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],class:e.enterIsPress?"cellPressed":"",style:e.styleFocus,attrs:{type:"text",id:"inputCellFocus"+e.idJobbsOnTable,list:""},domProps:{value:e.inputValue},on:{keyup:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?null:"button"in t&&0!==t.button?null:e.moveCell("left")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:e.moveCell("up")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:e.moveCell("down")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?null:"button"in t&&2!==t.button?null:e.moveCell("right")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.onInputEnterPressed(t)}],dblclick:function(t){e.enterIsPress=!0,t.target.setSelectionRange(t.target.value.length,t.target.value.length)},click:e.clickOnInput,change:function(t){return e.triggerFocusDownEvent(e.cellActived.dataInput,e.cellActived.indexLine,e.cellActived.indexColumn)},contextmenu:function(t){return t.preventDefault(),e.$refs.menu.open(t,{indexLine:e.cellActived.indexLine,indexColumn:e.cellActived.indexColumn})},input:[function(t){t.target.composing||(e.inputValue=t.target.value)},e.onInput]}}),a("datalist",{attrs:{id:"datalist"+e.idJobbsOnTable}}),a("select",{directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],style:e.styleFocus,attrs:{name:"",id:"selectCellFocus"+e.idJobbsOnTable},on:{keyup:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])?null:"button"in t&&0!==t.button?null:e.moveCell("left")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"up",38,t.key,["Up","ArrowUp"])?null:e.moveCell("up")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"down",40,t.key,["Down","ArrowDown"])?null:e.moveCell("down")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])?null:"button"in t&&2!==t.button?null:e.moveCell("right")},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.moveCell("down")}],click:e.clickOnInput,change:[function(t){var a=Array.prototype.filter.call(t.target.options,function(e){return e.selected}).map(function(e){var t="_value"in e?e._value:e.value;return t});e.inputValue=t.target.multiple?a:a[0]},function(t){return e.triggerFocusDownEvent(e.cellActived.dataInput,e.cellActived.indexLine,e.cellActived.indexColumn)}],contextmenu:function(t){return t.preventDefault(),e.$refs.menu.open(t,{indexLine:e.cellActived.indexLine,indexColumn:e.cellActived.indexColumn})},input:e.onInput}})])},n=[],o=a("ab06"),i=o["a"],s=(a("fe29"),a("2877")),r=Object(s["a"])(i,l,n,!1,null,"4af84eee",null);t["a"]=r.exports},"60ad":function(e,t,a){"use strict";var l=a("fc73"),n=a.n(l);n.a},ab06:function(module,__webpack_exports__,__webpack_require__){"use strict";var vuedraggable__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("310e"),vuedraggable__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(vuedraggable__WEBPACK_IMPORTED_MODULE_0__),v_mask__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("b6d0"),_components_ContextMenu_ContextMenu__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("cc56"),_components_ContextMenu_ContextMenuItem__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("022e");__webpack_exports__["a"]={props:{value:{type:[Array,Object],required:!0},dragAndDrop:{type:Boolean,required:!1,default:!1},noDragAndDropByClassName:{type:String,required:!1,default:""},dragEvent:{type:Function,required:!1,default:()=>{}},dropEvent:{type:Function,required:!1,default:()=>{}},idJobbsOnTable:{type:String,default:function(){return Math.random().toString().substr(3-Math.random().toString())}},styleFocus:{type:String,default:"box-sizing:border-box; display:none; position:absolute;"},rightClick:{type:Array,required:!1}},directives:{mask:v_mask__WEBPACK_IMPORTED_MODULE_1__["a"]},components:{draggable:vuedraggable__WEBPACK_IMPORTED_MODULE_0___default(),ContextMenu:_components_ContextMenu_ContextMenu__WEBPACK_IMPORTED_MODULE_2__["a"],ContextMenuItem:_components_ContextMenu_ContextMenuItem__WEBPACK_IMPORTED_MODULE_3__["a"]},computed:{dragOptions(){return{animation:200,ghostClass:"ghost",easing:"cubic-bezier(0.19, 1, 0.22, 1)",filter:this.noDragAndDropByClassName,disabled:!this.dragAndDrop}}},data(){return{inputValue:"",mascaraInput:"",dataWatch:[],maiorTr:0,enterIsPress:!1,areAmoviment:!1,triggerInput:!1,lineBefore:null,changedValue:!1,cellActived:{indexColumn:null,indexLine:null,eventInput:null,dataInput:null,lastMoviment:null}}},methods:{onCellFocus(e,t,a,l){try{this.emitChangeComponent();let o=this;switch(this.enterIsPress=!1,this.cellActived.eventInput=e.target,this.cellActived.indexColumn=l,this.cellActived.indexLine=a,this.cellActived.dataInput=t,this.triggerInput=!1,this.inputValue=null,this.areAmoviment||("object"==typeof this.cellActived.dataInput.event&&"function"==typeof this.cellActived.dataInput.event.onClick&&this.cellActived.dataInput.event.onClick(t,a,l),this.$emit("onClick",t.value,a,l)),this.areAmoviment=!1,this.adjustField(),setTimeout(function(){o.adjustField()},30),t.atribute.type){case"input":this.inputValue=e.target.innerHTML,setTimeout(function(){o.inputValue=e.target.innerHTML},30);break;case"select":let n="",i=document.getElementById("selectCellFocus"+this.idJobbsOnTable);t.atribute.options.forEach(function(e){n+='<option value="'+e.value+'" >'+e.label+"</option>"}),i.innerHTML=n,this.inputValue=t.value,document.getElementById("selectCellFocus"+this.idJobbsOnTable).value=t.value;break;case"money":this.inputValue=e.target.innerHTML;break;case"autocomplete":this.inputValue=e.target.innerHTML;break}}catch(n){null!=this.cellActived.lastMoviment&&(this.moveCell(this.cellActived.lastMoviment),this.cellActived.lastMoviment=null)}},adjustField(){const e=document.getElementsByClassName("tableId"+this.idJobbsOnTable)[0],t=document.getElementById("inputCellFocus"+this.idJobbsOnTable),a=document.getElementById("datalist"+this.idJobbsOnTable),l=document.getElementById("selectCellFocus"+this.idJobbsOnTable);t.setAttribute("list",""),a.innerHTML="",t.setAttribute("style",this.styleFocus),l.setAttribute("style",this.styleFocus);try{if(!this.cellActived.dataInput.atribute.disabled)throw!0;t.classList.add("hiddenCellFocus"),l.classList.add("hiddenCellFocus")}catch(r){t.classList.remove("hiddenCellFocus"),l.classList.remove("hiddenCellFocus")}try{if(!(this.cellActived.dataInput.atribute.mask.length>0))throw!0;this.mascaraInput=this.cellActived.dataInput.atribute.mask}catch(r){this.mascaraInput=""}var n=this.cellActived.eventInput.getBoundingClientRect(),o=e.offsetLeft+this.cellActived.eventInput.offsetLeft,i=e.offsetTop+this.cellActived.eventInput.offsetTop;let s="box-sizing: border-box; display: inline-block; position: absolute; top: "+i+"px; left:"+o+"px; width: "+n.width+"px; height:"+n.height+"px;"+this.cellActived.dataInput.style;switch(this.cellActived.dataInput.atribute.type){case"input":t.setAttribute("style",s),t.focus();break;case"select":l.setAttribute("style",s),l.focus();break;case"money":t.setAttribute("style",s),t.focus();break;case"autocomplete":let e="";this.cellActived.dataInput.atribute.autoCompleteData.every(function(t,a){return 10!=a&&(e+="string"==typeof t?'<option data-value="'+t+'" value="'+t+'"> </option> ':'<option data-value="'+t.value+'" value="'+t.label+'"> </option> ',!0)}),a.innerHTML=e,t.setAttribute("list","datalist"+this.idJobbsOnTable),t.setAttribute("style",s),t.focus();break}},handleData(e){try{let a=this,l=[];return l=e.map(function(e){return a.maiorTr<e.length&&(a.maiorTr=e.length),e.map(function(e){try{"money"==e.atribute.type&&(e.value=a.maskMoney(e.value))}catch(l){}try{e.label=e.atribute.options.find(t=>{return t.value==e.value}).label}catch(l){}try{let t="string"==typeof e.atribute.autoCompleteData[0],a=e.atribute.autoCompleteData.find(a=>{return t?a==e.value:a.value==e.value});e.label=t?a:a.label}catch(l){}if("object"==typeof e){var t=" ";try{e.style.backgroundColor&&(t+=" background-color: "+e.style.backgroundColor+"; ")}catch(l){}try{e.style.color&&(t+=" color: "+e.style.color+"; ")}catch(l){}try{e.style.fontSize&&(t+=" font-size: "+e.style.fontSize+"px; ")}catch(l){}try{e.style.fontFamily&&(t+=' font-family: "'+e.style.fontFamily+'"; ')}catch(l){}try{e.style.border&&(t+=" border: "+e.style.border+"; ")}catch(l){}try{e.style.size&&(t+=" min-width: "+e.style.size+"; ")}catch(l){}try{e.style.fontWeight&&(t+=" font-weight: "+e.style.fontWeight+"; ")}catch(l){}try{"hidden"==e.atribute.type&&(t+=" display: none; ",a.maiorTr-=1)}catch(l){}try{e.atribute.disabled&&(t+=" color: #8c8c8c; ")}catch(l){}e.style=t}return e}),e}),l}catch(t){}return[]},onInput(){let e=this.cellActived.dataInput,t=this.cellActived.indexLine,a=this.cellActived.indexColumn;if(!this.triggerInput)return this.triggerInput=!0,!1;if(e.atribute&&e.atribute.disabled)return this.inputValue=this.inputValue.substring(0,this.inputValue.length-1),!1;if("select"==e.atribute.type){let t=this,a=document.getElementById("selectCellFocus"+this.idJobbsOnTable).value;e.value=a,this.inputValue=a,setTimeout(function(){t.cellActived.eventInput.innerHTML=e.atribute.options.find(e=>{return e.value==a}).label},10)}else if(this.cellActived.eventInput.innerHTML==this.inputValue||this.enterIsPress||"autocomplete"==e.atribute.type)"money"==e.atribute.type&&(this.inputValue=this.maskMoney(this.inputValue)),this.value[t][a].value=this.inputValue;else{let n=this.inputValue.length>this.cellActived.eventInput.innerHTML.length;var l=n?this.inputValue.substring(this.inputValue.length-1):"";this.cellActived.eventInput.innerHTML=l,this.value[t][a].value=l,this.inputValue=l,"money"==e.atribute.type&&(this.inputValue=this.maskMoney(l)),this.enterIsPress=!0}return this.adjustField(),this.changedValue=!0,"object"==typeof e.event&&"function"==typeof e.event.onChange?e.event.onChange(e,t,a,this.emitOnkey(t,void 0,"lineBefore")):()=>{}},onInputEnterPressed(){try{"autocomplete"==this.cellActived.dataInput.atribute.type&&this.moveCell("down")}catch(e){}this.enterIsPress?(this.enterIsPress=!1,this.moveCell("down")):this.enterIsPress=!0},dragEventMethod(e){document.getElementById("inputCellFocus"+this.idJobbsOnTable).style.display="none",document.getElementById("selectCellFocus"+this.idJobbsOnTable).style.display="none",this.dragEvent(e)},dropEventMethod(e){document.getElementById("inputCellFocus"+this.idJobbsOnTable).style.display="none",document.getElementById("selectCellFocus"+this.idJobbsOnTable).style.display="none",this.dropEvent(e)},moveCell(e){this.cellActived.lastMoviment=e;let t=this.cellActived.dataInput,a=this.cellActived.indexLine,l=this.cellActived.indexColumn;switch(this.areAmoviment=!0,e.toUpperCase()){case"UP":this.moveCellToUp();break;case"DOWN":this.moveCellToDown();break;case"LEFT":this.moveCellToLeft();break;case"RIGHT":this.moveCellToRight();break}this.triggerFocusDownEvent(t,a,l)},moveCellToUp(){try{var e=this.cellActived.eventInput.parentElement,t=e.previousElementSibling,a=[].indexOf.call(e.children,this.cellActived.eventInput);t&&t.children[a].click()}catch(l){}},moveCellToDown(){try{if("autocomplete"!=this.cellActived.dataInput.atribute.type){var e=this.cellActived.eventInput.parentElement,t=[].indexOf.call(e.children,this.cellActived.eventInput),a=e.nextElementSibling;a&&a.children[t].click()}}catch(l){}},moveCellToLeft(){try{if(this.enterIsPress)0==document.getElementById("inputCellFocus"+this.idJobbsOnTable).selectionStart&&(this.enterIsPress=!1,this.moveCell("left"));else{const e=this.cellActived.eventInput.previousElementSibling,t="none"==e.style.display&&"TD"==e.tagName;null==e||t||e.click()}}catch(e){}},moveCellToRight(){try{if(this.enterIsPress)document.getElementById("inputCellFocus"+this.idJobbsOnTable).selectionStart==this.cellActived.dataInput.value.length&&(this.enterIsPress=!1,this.moveCell("right"));else{const e=this.cellActived.eventInput.nextElementSibling,t="none"==e.style.display&&"TD"==e.tagName;null==e||t||e.click()}}catch(e){}},emitOnkey(e,t,a=null){var l=[],n=[];try{for(var o=0;void 0!=this.value[e][o]||void 0!=this.value[e][o+1];o++)try{let t=this.value[e][o].value;"money"==this.value[e][o].atribute.type&&(t=t.replace(".","").replace(",",".")),l.push({key:this.value[e][o].atribute.name,value:t,indexLine:e,indexColumn:o})}catch(s){}}catch(s){}try{for(o=0;void 0!=this.value[t][o]||void 0!=this.value[t][o+1];o++)try{let e=this.value[t][o].value;"money"==this.value[t][o].atribute.type&&(e=e.replace(".","").replace(",",".")),n.push({key:this.value[t][o].atribute.name,value:e,indexLine:t,indexColumn:o})}catch(s){}}catch(s){}switch(a){case"up":var i={lineBefore:l,lineAfter:n};return this.$emit("onkeyup",i),i;case"down":i={lineBefore:l,lineAfter:n};return this.$emit("onFocusDown",i),i;case"click":i={lineBefore:l,lineAfter:n};return this.$emit("onClickLineChange",i),i;case"lineBefore":return{lineBefore:l};default:return{lineBefore:l,lineAfter:n}}},clickOnInput(e,t){this.enterIsPress=!1,this.lineBefore!=e&&(null!=this.lineBefore&&this.emitOnkey(this.lineBefore,e,"click"),this.lineBefore=e)},triggerFocusDownEvent(e,t,a){return"object"==typeof e.event&&"function"==typeof e.event.onFocusDown?e.event.onFocusDown(e,t,a,this.emitOnkey(t,void 0,"lineBefore")):()=>{}},setValueOnCell(indexLine,indexColumn,value){try{let td;eval("td = this.$refs.tdl"+indexLine+"c"+indexColumn+"[0];");try{"money"==this.value[indexLine][indexColumn].atribute.type&&(value=this.maskMoney(value.toFixed(2)))}catch(err){}"string"==typeof this.value[indexLine][indexColumn]?this.value[indexLine][indexColumn]=value:this.value[indexLine][indexColumn].value=value,td.innerHTML=value}catch(err){}},maskMoney(e){try{var t=String(e).replace(/\D/g,"");return t=(t/100).toFixed(2)+"",t=t.replace(".",","),t=t.replace(/(\d)(\d{3})(\d{3}),/g,"$1.$2.$3,"),t=t.replace(/(\d)(\d{3}),/g,"$1.$2,"),t}catch(a){return e}},emitChangeComponent(){if(this.changedValue){let e=this.cellActived.dataInput,t=this.cellActived.indexLine,a=this.cellActived.indexColumn;this.$emit("onChange",this.inputValue,t,a,e,this.emitOnkey(t,void 0,"lineBefore").lineBefore),this.changedValue=!1}}},watch:{value:function(){this.dataWatch=this.handleData(this.value)}},mounted(){this.dataWatch=this.handleData(this.value)}}},b894:function(e,t,a){},be8f:function(module,__webpack_exports__,__webpack_require__){"use strict";var _jobbsontable_vue__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("58c5");__webpack_exports__["a"]={components:{jobbsOnTable:_jobbsontable_vue__WEBPACK_IMPORTED_MODULE_0__["a"]},data(){return{campoValor:"",rightClickEventsJobbsontable:[{label:"Deletar",eventCallback:(e,t)=>{console.log("we are here!",e,t)}}],arrData:[[{value:"<div class='row grupoSuperior 2343 '><div class='col-5 mt-2'><b class='ml-2'>1 - DESENVOLVIMENTO DE PROJETO  </b></div> <div class='col-7 mb-1'><div class='row justify-content-end'><div class='col-6 pr-4'>   <span style='font-size: 11px;'>Total Trabalho: R$    <span class='valor_total_trabalho'> 55649</span> x Executado: R$    <span class='valor_total_executado'> 0</span> </span>   <span class='graficoTrabalhoExecutado'> <div class='progress progress-bar-striped heightprogressbar'>     <div class='progress-bar bg-warning'             role='progressbar'             style='width: 0%'             aria-valuenow='0'             aria-valuemin='0'              aria-valuemax='100'>100%     </div>INF </div>  </span> </div></div></div></div>",style:{backgroundColor:"#212529",color:"white",fontSize:14,fontWeight:"bold"}}],[{value:"<div class='grupoInferior 2344 ' style='margin:10px'>1.1 - Roteiro - ( TOTAL ORC. R$ <span class='valor_total_orcado'></span> X TOTAL EXEC. R$ <span class='valor_total_executado'>0</span> ) </div>",style:{backgroundColor:"#dee2e6",color:"#495057",fontSize:13,fontWeight:"bold"}}],[{value:"Item",className:"text-center menuItem",style:{size:"150px",fontSize:12}},{value:"Descrição",className:"text-center menuItem",style:{size:"150px",fontSize:12}},{value:"Fornecedor",className:"text-center menuItem",style:{fontSize:12}},{value:"Grande item",className:"text-center menuItem",style:{size:"100px",fontSize:12}},{value:"Unid.",className:"col_blue menuItem",style:{size:"100px",fontSize:12}},{value:"QTD U.",className:"col_green menuItem",style:{fontSize:12}},{value:"QTD",className:"col_green menuItem",style:{fontSize:12}},{value:"Valor U.",className:"col_green menuItem",style:{size:"50px",fontSize:12}},{value:"V. Total",className:"col_green menuItem",style:{size:"50px",fontSize:12}},{value:"Total Exec.",className:"col_orange menuItem",style:{size:"50px",fontSize:12}},{value:"Saldo",className:"col_orange menuItem",style:{size:"50px",fontSize:12}},{value:"Pago",className:"col_paid",style:{size:"50px",fontSize:12}}],[{value:"9916",atribute:{type:"hidden",name:"id_orca_item"}},{value:"2344",atribute:{type:"hidden",name:"id_orca_grupo"}},{value:"2343",atribute:{type:"hidden",name:"id_orca_grupo_superior"}},{value:"1.1.1 - ROTEIRISTA",atribute:{type:"autocomplete",autoCompleteData:[{label:"",value:""},{value:"1",label:"DIRETOR"},{value:"2",label:"DIRETOR FOTOGRAFIA"},{value:"3",label:"MONTADOR"},{value:"4",label:"COORDENADOR PRODUÇÃO"},{value:"5",label:"ASSISTENTE DIREÇÃO"},{value:"6",label:"CINEGRAFISTA"},{value:"7",label:"ASSISTENTE CÂMERA"},{value:"8",label:"SOM DIRETO"}],name:"produto"},className:"item grupo2344",style:{fontSize:11}},{value:"ARTHUR TUOTO Nova porcentagem 3%",atribute:{type:"input",name:"descricao"},style:{fontSize:11}},{value:'<center> <i class="fas fa-users" style="cursor:pointer; width:100%"></i> </center>',style:{size:"5px",fontSize:11},event:{onClick:function(e,t,a){alert("clicou")}}},{value:null,atribute:{type:"select",options:[{label:"",value:""},{value:"31",label:"Roteiro"},{value:"32",label:"Cessão de Direitos"},{value:"33",label:"Pesquisa"},{value:"34",label:"Despesas de Criação e Desenvolvimento"},{value:"35",label:"Diretor"},{value:"36",label:"Equipe de Direção"},{value:"37",label:"Elenco Principal"},{value:"38",label:"Elenco Secundário/Figuração"},{value:"39",label:"Diretor de Arte"},{value:"40",label:"Equipe de Arte"},{value:"41",label:"Despesas de Arte"},{value:"42",label:"Diretor de Fotografia"},{value:"43",label:"Equipe Técnica"},{value:"44",label:"Equipe de Edição/Finalização"},{value:"45",label:"Equipamentos"},{value:"46",label:"Despesas de Edição / Finalização"},{value:"47",label:"Material de Arquivo"},{value:"48",label:"Música"},{value:"49",label:"Produtor"},{value:"50",label:"Equipe de Produção"},{value:"51",label:"Set"},{value:"52",label:"Transporte"},{value:"53",label:"Alimentação"},{value:"54",label:"Viagens"},{value:"55",label:"Despesas de Produção"},{value:"56",label:"Infra-estrutura"},{value:"57",label:"Seguros"},{value:"58",label:"Serviços Jurídicos"},{value:"59",label:"Serviços Contábeis"},{value:"60",label:"Tributos e taxas"},{value:"61",label:"despesas de promoção"},{value:"62",label:"gerenciamento"}],name:"id_grande_item"},style:{fontSize:11}},{value:"5",atribute:{type:"select",options:[{label:"",value:""},{label:"CACHE",value:"4"},{label:"CENA",value:"8"},{label:"DIÁRIA",value:"3"},{label:"Hora",value:"10"},{label:"KG",value:"2"},{label:"MENSAL",value:"6"},{label:"SEMANA",value:"7"},{label:"TAXA",value:"9"},{label:"UNIDADE",value:"1"},{label:"VERBA",value:"5"}],name:"id_unidade"},style:{fontSize:11}},{value:1,atribute:{type:"input",mask:"#######",name:"qtd_unidade_trabalho"},style:{fontSize:11},event:{onFocusDown:(e,t,a,l)=>{this.onFocusDownEvent(e,t,a,l)}}},{value:1,atribute:{type:"input",mask:"#######",name:"qtd_trabalho"},style:{fontSize:11},event:{onFocusDown:(e,t,a,l)=>{this.onFocusDownEvent(e,t,a,l)}}},{value:"41649.00",atribute:{type:"money",name:"valor_trabalho"},style:{fontSize:11},event:{onFocusDown:(e,t,a,l)=>{this.onFocusDownEvent(e,t,a,l)}}},{value:"41649.00",atribute:{type:"money",name:"valor_total_trabalho",disabled:!0},style:{fontSize:11}},{value:"0.00",atribute:{type:"money",name:"valor_total_executado",disabled:!0},style:{fontSize:11}},{value:"41649.00",atribute:{type:"money",name:"saldo",disabled:!0},style:{fontSize:11}},{value:"0.00",atribute:{type:"money",name:"pago",disabled:!0},style:{fontSize:11}}],[{value:"",atribute:{type:"hidden",name:"id_orca_item"}},{value:"",atribute:{type:"hidden",name:"id_orca_grupo"}},{value:"",atribute:{type:"hidden",name:"id_orca_grupo_superior"}},{value:"",atribute:{type:"autocomplete",autoCompleteData:[{label:"",value:""},{value:"1",label:"DIRETOR"},{value:"2",label:"DIRETOR FOTOGRAFIA"},{value:"3",label:"MONTADOR"}],name:"produto"},className:"item grupo2344",style:{fontSize:11}},{value:"",atribute:{type:"input",name:"descricao"},style:{fontSize:11}},{value:'<center> <i class="fas fa-users" style="cursor:pointer; width:100%"></i> </center>',style:{size:"5px",fontSize:11},event:{onClick:function(e,t,a){alert("clicou")}}},{value:"",atribute:{type:"select",options:[{label:"",value:""},{value:"31",label:"Roteiro"},{value:"32",label:"Cessão de Direitos"},{value:"33",label:"Pesquisa"},{value:"34",label:"Despesas de Criação e Desenvolvimento"},{value:"35",label:"Diretor"},{value:"36",label:"Equipe de Direção"},{value:"37",label:"Elenco Principal"},{value:"38",label:"Elenco Secundário/Figuração"},{value:"39",label:"Diretor de Arte"},{value:"40",label:"Equipe de Arte"},{value:"41",label:"Despesas de Arte"},{value:"42",label:"Diretor de Fotografia"},{value:"43",label:"Equipe Técnica"},{value:"44",label:"Equipe de Edição/Finalização"},{value:"45",label:"Equipamentos"},{value:"46",label:"Despesas de Edição / Finalização"},{value:"47",label:"Material de Arquivo"},{value:"48",label:"Música"},{value:"49",label:"Produtor"},{value:"50",label:"Equipe de Produção"},{value:"51",label:"Set"},{value:"52",label:"Transporte"},{value:"53",label:"Alimentação"},{value:"54",label:"Viagens"},{value:"55",label:"Despesas de Produção"},{value:"56",label:"Infra-estrutura"},{value:"57",label:"Seguros"},{value:"58",label:"Serviços Jurídicos"},{value:"59",label:"Serviços Contábeis"},{value:"60",label:"Tributos e taxas"},{value:"61",label:"despesas de promoção"},{value:"62",label:"gerenciamento"}],name:"id_grande_item"},style:{fontSize:11}},{value:"",atribute:{type:"select",options:[{label:"",value:""},{label:"CACHE",value:"4"},{label:"CENA",value:"8"},{label:"DIÁRIA",value:"3"},{label:"Hora",value:"10"},{label:"KG",value:"2"},{label:"MENSAL",value:"6"},{label:"SEMANA",value:"7"},{label:"TAXA",value:"9"},{label:"UNIDADE",value:"1"},{label:"VERBA",value:"5"}],name:"id_unidade"},style:{fontSize:11}},{value:"",atribute:{type:"input",mask:"#######",name:"qtd_unidade_trabalho"},style:{fontSize:11},event:{onFocusDown:(e,t,a,l)=>{this.onFocusDownEvent(e,t,a,l)}}},{value:"",atribute:{type:"input",mask:"#######",name:"qtd_trabalho"},style:{fontSize:11},event:{onFocusDown:(e,t,a,l)=>{this.onFocusDownEvent(e,t,a,l)}}},{value:"",atribute:{type:"money",name:"valor_trabalho"},style:{fontSize:11},event:{onFocusDown:(e,t,a,l)=>{this.onFocusDownEvent(e,t,a,l)}}},{value:"",atribute:{type:"money",name:"valor_total_trabalho",disabled:!0},style:{fontSize:11}},{value:"",atribute:{type:"money",name:"valor_total_executado",disabled:!0},style:{fontSize:11}},{value:"",atribute:{type:"money",name:"saldo",disabled:!0},style:{fontSize:11}},{value:"",atribute:{type:"money",name:"pago",disabled:!0},style:{fontSize:11}}]],arrDataBasico:[["col1 line1","col2 line1"],["col1 line2","col2 line2"]],arrDataAtributo:[[{value:"col-1 line-1",atribute:{type:"input",name:"campo1"}},{value:"col-2 line-1",atribute:{type:"select",options:[{label:"OPTION 01",value:"01"},{label:"OPTION 02",value:"02"}],name:"campo2"}},{value:"",atribute:{type:"autocomplete",autoCompleteData:["joao","ricardo","paulo"]},style:{size:"100px"}}],[{value:"col-1 line-2",atribute:{type:"input",name:"campo3",disabled:!0}},{value:"",atribute:{type:"input",name:"campo4",mask:"##/##/####"}},{value:"2",atribute:{type:"autocomplete",autoCompleteData:[{value:"1",label:"joao"},{value:"2",label:"ricardo"},{value:"3",label:"pedro"}]},style:{size:"100px"}}]],arrDataEstilo:[[{value:"Meu estilo 01",style:{backgroundColor:"yellow",color:"red",fontSize:"25",fontFamily:"times new roman",border:"0px solid blue",size:"100px",fontWeight:"900"}},{value:"Meu estilo 02",style:{backgroundColor:"yellow",color:"red",fontSize:"25",fontFamily:"",border:"8px solid blue",size:"300px",fontWeight:"100"}}]],arrDataEvento:[[{value:"Event Click",atribute:{type:"input"},event:{onClick:function(e,t,a){console.log(e,t,a),alert("Voce clicou!")}}},{value:"Event Change",atribute:{type:"input"},event:{onChange:function(e,t,a,l){alert(e.value)}}},{value:"Leave focus",atribute:{type:"input"},event:{onFocusDown:function(e,t,a,l){alert("Leave focus")}}}]]}},computed:{textData:{get:function(){return JSON.stringify(this.arrData,void 0,2)},set:function(e){this.arrData=JSON.parse(e)}},textDataBasico:{get:function(){return JSON.stringify(this.arrDataBasico,void 0,2)},set:function(e){this.arrDataBasico=JSON.parse(e)}},textDataAtributo:{get:function(){return JSON.stringify(this.arrDataAtributo,void 0,2)},set:function(e){this.ar