@nixweb/nixloc-ui 0.0.119 → 0.0.122

package/docs/src/store/modulos/relatorio.drawio

@@ -0,0 +1,37 @@
+<mxfile host="65bd71144e">
+    <diagram id="E48Z9MQLlxmhIpPkPNIA" name="Store">
+        <mxGraphModel dx="1123" dy="612" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1200" pageHeight="1920" background="#ffffff" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+                <mxCell id="4" value="" style="shape=curlyBracket;whiteSpace=wrap;html=1;rounded=1;fontFamily=Helvetica;fontSize=13;fontColor=#ffffff;fillColor=none;strokeColor=#E81313;strokeWidth=2;" vertex="1" parent="1">
+                    <mxGeometry x="138" y="25" width="20" height="202" as="geometry"/>
+                </mxCell>
+                <mxCell id="5" value="&lt;font style=&quot;font-size: 19px&quot;&gt;state&lt;/font&gt;" style="text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;fontFamily=Helvetica;fontColor=#000000;" vertex="1" parent="1">
+                    <mxGeometry x="25" y="103" width="100" height="40" as="geometry"/>
+                </mxCell>
+                <mxCell id="6" value="&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;relatorio:campo[ ]:&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;Campos que poderão conter no relatório, os campos são os mesmos da tabela, os parâmetros aceitos estão no component &amp;lt;tabela&amp;gt;.&lt;/font&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;relatorio:filtro[ ]:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;Campos que poderão conter no relatório, os campos são os mesmos da tabela.&lt;/font&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;campoSelecionado[ ]:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;Campos que foram selecionados no componente &amp;lt;Filtro&amp;gt; do &amp;lt;QueryBuilder&amp;gt;.&lt;/font&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;filtroSelecionado{ children [ } }:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;Filtros selecionados no componente &amp;lt;Filtro&amp;gt; do &amp;lt;QueryBuilder&amp;gt;, o próprio &amp;lt;QueryBuilder&amp;gt; retorna um v-model.&lt;/font&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;campoOrdenado{}:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;Campo que for ordenado no componente &amp;lt;Filtro&amp;gt; do &amp;lt;QueryBuilder&amp;gt;.&lt;/font&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;opcoes:valorInicial [ ]:&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;opcoes:opcoes[ ]:&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; color: rgb(232 , 19 , 19) ; font-weight: bold&quot;&gt;opcoesValorInicial [ ]:&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; font-weight: bold&quot;&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; font-weight: bold ; color: rgb(232 , 19 , 19)&quot;&gt;consulta [ ]:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;Array com a consulta no padrão oData para ser filtrado.&lt;/font&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; font-weight: bold ; color: rgb(232 , 19 , 19)&quot;&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; font-weight: bold ; color: rgb(232 , 19 , 19)&quot;&gt;resumo [ ]:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;Array com a resumo no padrão oData.&lt;/font&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-size: 13px ; font-style: normal ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; font-weight: bold ; color: rgb(232 , 19 , 19)&quot;&gt;tags [ ]:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-family: &amp;#34;helvetica&amp;#34;&quot;&gt;Array com as tags que são carregadas no componente &amp;lt;Tags/&amp;gt;&lt;/span&gt;" style="text;whiteSpace=wrap;html=1;fontSize=13;fontFamily=Helvetica;fontColor=#000000;" vertex="1" parent="1">
+                    <mxGeometry x="167" y="31" width="896" height="190" as="geometry"/>
+                </mxCell>
+                <mxCell id="7" value="" style="shape=curlyBracket;whiteSpace=wrap;html=1;rounded=1;fontFamily=Helvetica;fontSize=13;fontColor=#ffffff;fillColor=none;strokeColor=#006600;strokeWidth=2;" vertex="1" parent="1">
+                    <mxGeometry x="138" y="266" width="20" height="156" as="geometry"/>
+                </mxCell>
+                <mxCell id="8" value="&lt;font style=&quot;font-size: 19px&quot;&gt;mutations&lt;/font&gt;" style="text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;fontFamily=Helvetica;fontColor=#000000;" vertex="1" parent="1">
+                    <mxGeometry x="27" y="321" width="100" height="40" as="geometry"/>
+                </mxCell>
+                <mxCell id="9" value="&lt;p style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;&lt;span data-lucid-type=&quot;application/vnd.lucid.text&quot; data-lucid-content=&quot;{&amp;#34;t&amp;#34;:&amp;#34;insereRelatorio(): Insere o objeto contendo as informações dos campos e filtros.\natualizaCampoSelecionado(): Insere os campos selecionados que vem do componente &amp;lt;Campo&amp;gt; do &amp;lt;QueryBuilder&amp;gt;.\natualizaFiltroSelecionado(): Insere as informações dos filtros iniciais para carregar no componente &amp;lt;Filtro&amp;gt;, utilizado quando tem um relatório salvo.\natualizaCampoOrdenado(): Insere qual campo está ordenado para efetuar a busca.\natualizaOpcoesValorInicial(): Insere as informações dos campos iniciais para carregar no componente &amp;lt;Campo&amp;gt;, utilizado quando tem um relatório salvo.\nremoveFiltroSelecionado(): Remove o filtro selecionado, utilizado quando uma tag é removida, então precisa atualizar o array de filtro.\natualizaConsultaFiltro(): Monta o array convertendo os filtros no padrão &amp;lt;QueryBuilder&amp;gt; para o formato oData através da classe converteParaOData(), bem como adiciona no array resumo[ ] caso possua configurado nos parâmetros iniciais. Faz tambem as validações de os dados estão corretos. \n&amp;#34;,&amp;#34;m&amp;#34;:[{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:19},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:107},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:107},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:107},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:109},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:217},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:215},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:215},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:215},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:362},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:362},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:362},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:364},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;s&amp;#34;,&amp;#34;v&amp;#34;:19.999999999999996,&amp;#34;e&amp;#34;:992},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:446},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:446},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:446},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:448},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:593},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:593},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:593},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:595},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157}]}&quot;&gt;&lt;span style=&quot;font-weight: bold ; color: rgb(0 , 138 , 14)&quot;&gt;insereRelatorio()&lt;/span&gt;&lt;span style=&quot;color: rgb(0 , 138 , 14)&quot;&gt;:&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/font&gt;&lt;font color=&quot;#000000&quot;&gt;Insere o objeto contendo as informações dos campos e filtros.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;font-weight: bold ; color: rgb(0 , 138 , 14)&quot;&gt;atualizaCampoSelecionado()&lt;/span&gt;&lt;span style=&quot;color: rgb(0 , 138 , 14)&quot;&gt;:&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;Insere os campos selecionados que vem do componente &amp;lt;Campo&amp;gt; do &amp;lt;QueryBuilder&amp;gt;.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;font-weight: bold ; color: rgb(0 , 138 , 14)&quot;&gt;atualizaFiltroSelecionado()&lt;/span&gt;&lt;span style=&quot;color: rgb(0 , 138 , 14)&quot;&gt;:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Insere as informações dos filtros iniciais para carregar no componente &amp;lt;Filtro&amp;gt;, utilizado quando tem um relatório salvo.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;font-weight: bold ; color: rgb(0 , 138 , 14)&quot;&gt;atualizaCampoOrdenado()&lt;/span&gt;&lt;span style=&quot;color: rgb(0 , 138 , 14)&quot;&gt;:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Insere qual campo está ordenado para efetuar a busca.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;font-weight: bold ; color: rgb(0 , 138 , 14)&quot;&gt;atualizaOpcoesValorInicial()&lt;/span&gt;&lt;span style=&quot;color: rgb(0 , 138 , 14)&quot;&gt;:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Insere as informações dos campos iniciais para carregar no componente &amp;lt;Campo&amp;gt;, utilizado quando tem um relatório salvo.&lt;/font&gt;&lt;span style=&quot;font-weight: bold ; color: rgb(0 , 138 , 14)&quot;&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;font-weight: bold ; color: rgb(0 , 138 , 14)&quot;&gt;removeFiltroSelecionado()&lt;/span&gt;&lt;span style=&quot;color: rgb(0 , 138 , 14)&quot;&gt;:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Remove o filtro selecionado, utilizado quando uma tag é removida, então precisa atualizar o array de filtro.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(0 , 138 , 14) ; font-weight: bold&quot;&gt;atualizaConsultaFiltro():&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Monta o array convertendo os filtros no padrão &amp;lt;QueryBuilder&amp;gt; para o formato oData através da classe converteParaOData(),&amp;nbsp;&lt;/font&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(240 , 240 , 240) ; font-family: &amp;#34;helvetica&amp;#34; ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;&lt;span data-lucid-type=&quot;application/vnd.lucid.text&quot; data-lucid-content=&quot;{&amp;#34;t&amp;#34;:&amp;#34;insereRelatorio(): Insere o objeto contendo as informações dos campos e filtros.\natualizaCampoSelecionado(): Insere os campos selecionados que vem do componente &amp;lt;Campo&amp;gt; do &amp;lt;QueryBuilder&amp;gt;.\natualizaFiltroSelecionado(): Insere as informações dos filtros iniciais para carregar no componente &amp;lt;Filtro&amp;gt;, utilizado quando tem um relatório salvo.\natualizaCampoOrdenado(): Insere qual campo está ordenado para efetuar a busca.\natualizaOpcoesValorInicial(): Insere as informações dos campos iniciais para carregar no componente &amp;lt;Campo&amp;gt;, utilizado quando tem um relatório salvo.\nremoveFiltroSelecionado(): Remove o filtro selecionado, utilizado quando uma tag é removida, então precisa atualizar o array de filtro.\natualizaConsultaFiltro(): Monta o array convertendo os filtros no padrão &amp;lt;QueryBuilder&amp;gt; para o formato oData através da classe converteParaOData(), bem como adiciona no array resumo[ ] caso possua configurado nos parâmetros iniciais. Faz tambem as validações de os dados estão corretos. \n&amp;#34;,&amp;#34;m&amp;#34;:[{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:19},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:107},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:107},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:107},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:109},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:217},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:215},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:215},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:215},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:362},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:362},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:362},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:364},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;s&amp;#34;,&amp;#34;v&amp;#34;:19.999999999999996,&amp;#34;e&amp;#34;:992},{&amp;#34;s&amp;#34;:81,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:188,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:339,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:446},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:446},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:446},{&amp;#34;s&amp;#34;:418,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:448},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:567,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:568},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:593},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:593},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:593},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:595},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#008a0eff&amp;#34;,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:730},{&amp;#34;s&amp;#34;:568,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:704,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157}]}&quot;&gt;&lt;font color=&quot;#000000&quot;&gt;bem como adiciona no array resumo[ ] caso possua configurado nos parâmetros iniciais. Faz tambem as validações de os dados estão corretos.&amp;nbsp;&amp;nbsp;&lt;/font&gt;&lt;/span&gt;&lt;/p&gt;" style="text;whiteSpace=wrap;html=1;fontSize=19;fontFamily=Helvetica;fontColor=#E81313;" vertex="1" parent="1">
+                    <mxGeometry x="162" y="273" width="917" height="142" as="geometry"/>
+                </mxCell>
+                <mxCell id="10" value="" style="shape=curlyBracket;whiteSpace=wrap;html=1;rounded=1;fontFamily=Helvetica;fontSize=13;fontColor=#ffffff;fillColor=none;strokeColor=#000099;strokeWidth=2;" vertex="1" parent="1">
+                    <mxGeometry x="142" y="465" width="20" height="168" as="geometry"/>
+                </mxCell>
+                <mxCell id="11" value="&lt;font style=&quot;font-size: 19px&quot;&gt;getters&lt;/font&gt;" style="text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;fontFamily=Helvetica;fontColor=#000000;" vertex="1" parent="1">
+                    <mxGeometry x="31" y="520" width="100" height="40" as="geometry"/>
+                </mxCell>
+                <mxCell id="13" value="&lt;p style=&quot;font-family: &amp;#34;helvetica&amp;#34; ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: left ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; margin: 0px 0px 0px 8px ; font-size: 13px&quot;&gt;&lt;span data-lucid-type=&quot;application/vnd.lucid.text&quot; data-lucid-content=&quot;{&amp;#34;t&amp;#34;:&amp;#34;cabecalhoTabela:  Verifica os campos da tabela que está marcado como show=true e retorna para ser adicionado no componente &amp;lt;Tabela&amp;gt;.\nopcoes: Verifica os campos da tabela para montar as opções no componente &amp;lt;Filtro&amp;gt;, bem como tambem verifica quais estão marcados como show=true e deixar como check e carregar no valorInicial. \nfiltroObrigatorio:  Verifica se foi passado que o relatório tenha algum filtro que seja obrigatório e retorno um true ou false.\nfiltroSelecionado:  Verifica se tem algum filtro selecionado que seja válido e adiciona, ou seja se tive algum filtro sem conteúdo não será adicionado. \noDataOrderBy: Pega o objeto que foi carregado no campoOrdenado que vem do &amp;lt;Campo&amp;gt; e monta um pedaço da url oData.  \noDataSelect: Verifica os campos que estão selecionados e monta uma string para compor a url do oData..\noDataFilter: Verifica os filtros e monta uma string para compor a url do oData. \ntags: Verifica nos filtros selecionados os tipos de pesquisa para montar o array com as tags formatadas.&amp;#34;,&amp;#34;m&amp;#34;:[{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:18},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:17},{&amp;#34;s&amp;#34;:0,&amp;#34;n&amp;#34;:&amp;#34;s&amp;#34;,&amp;#34;v&amp;#34;:19.999999999999996,&amp;#34;e&amp;#34;:1017},{&amp;#34;s&amp;#34;:136,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:144},{&amp;#34;s&amp;#34;:136,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:144},{&amp;#34;s&amp;#34;:136,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:144},{&amp;#34;s&amp;#34;:136,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:144},{&amp;#34;s&amp;#34;:136,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:330,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:351},{&amp;#34;s&amp;#34;:330,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:351},{&amp;#34;s&amp;#34;:330,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:351},{&amp;#34;s&amp;#34;:330,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:352},{&amp;#34;s&amp;#34;:332,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:460,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:479},{&amp;#34;s&amp;#34;:460,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:479},{&amp;#34;s&amp;#34;:460,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:479},{&amp;#34;s&amp;#34;:460,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:480},{&amp;#34;s&amp;#34;:460,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:613,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:627},{&amp;#34;s&amp;#34;:613,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:627},{&amp;#34;s&amp;#34;:613,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:627},{&amp;#34;s&amp;#34;:613,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:627},{&amp;#34;s&amp;#34;:613,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:727,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:728},{&amp;#34;s&amp;#34;:729,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:742},{&amp;#34;s&amp;#34;:729,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:742},{&amp;#34;s&amp;#34;:729,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:742},{&amp;#34;s&amp;#34;:729,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:742},{&amp;#34;s&amp;#34;:729,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:832,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:844},{&amp;#34;s&amp;#34;:832,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:844},{&amp;#34;s&amp;#34;:832,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:844},{&amp;#34;s&amp;#34;:832,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:845},{&amp;#34;s&amp;#34;:832,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157},{&amp;#34;s&amp;#34;:913,&amp;#34;n&amp;#34;:&amp;#34;fc&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;Bold&amp;#34;,&amp;#34;e&amp;#34;:919},{&amp;#34;s&amp;#34;:913,&amp;#34;n&amp;#34;:&amp;#34;fid&amp;#34;,&amp;#34;v&amp;#34;:5,&amp;#34;e&amp;#34;:919},{&amp;#34;s&amp;#34;:913,&amp;#34;n&amp;#34;:&amp;#34;b&amp;#34;,&amp;#34;v&amp;#34;:true,&amp;#34;e&amp;#34;:919},{&amp;#34;s&amp;#34;:913,&amp;#34;n&amp;#34;:&amp;#34;c&amp;#34;,&amp;#34;v&amp;#34;:&amp;#34;#1071e5ff&amp;#34;,&amp;#34;e&amp;#34;:919},{&amp;#34;s&amp;#34;:913,&amp;#34;n&amp;#34;:&amp;#34;p&amp;#34;,&amp;#34;v&amp;#34;:1.127450980392157}]}&quot;&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;cabecalhoTabela: &lt;/span&gt; &lt;font color=&quot;#000000&quot;&gt;Verifica os campos da tabela que está marcado como show=true e retorna para ser adicionado no componente &amp;lt;Tabela&amp;gt;.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;opcoes: &lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Verifica os campos da tabela para montar as opções no componente &amp;lt;Filtro&amp;gt;, bem como tambem verifica quais estão marcados como show=true e deixar como check e carregar no valorInicial.&lt;/font&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt; &lt;br&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;filtroObrigatorio: &lt;/span&gt; &lt;font color=&quot;#000000&quot;&gt;Verifica se foi passado que o relatório tenha algum filtro que seja obrigatório e retorno um true ou false.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;filtroSelecionado:&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;&lt;span style=&quot;font-weight: bold&quot;&gt; &lt;/span&gt; Verifica se tem algum filtro selecionado que seja válido e adiciona, ou seja se tive algum filtro sem conteúdo não será adicionado. &lt;/font&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;oDataOrderBy: &lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Pega o objeto que foi carregado no campoOrdenado que vem do &amp;lt;Campo&amp;gt; e monta um pedaço da url oData. &lt;/font&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229)&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: rgb(240 , 240 , 240)&quot;&gt;&lt;br&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;oDataSelect: &lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Verifica os campos que estão selecionados e monta uma string para compor a url do oData.&lt;/font&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;oDataFilter:&lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt; Verifica os filtros e monta uma string para compor a url do oData. &lt;/font&gt;&lt;br&gt;&lt;span style=&quot;color: rgb(16 , 113 , 229) ; font-weight: bold&quot;&gt;tags: &lt;/span&gt;&lt;font color=&quot;#000000&quot;&gt;Verifica nos filtros selecionados os tipos de pesquisa para montar o array com as tags formatadas.&lt;/font&gt;&lt;/span&gt;&lt;br&gt;&lt;/p&gt;" style="text;whiteSpace=wrap;html=1;fontSize=19;fontFamily=Helvetica;fontColor=#E81313;" vertex="1" parent="1">
+                    <mxGeometry x="166" y="472" width="998" height="152" as="geometry"/>
+                </mxCell>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>

package/package.json

@@ -1,75 +1,77 @@
-{
-  "name": "@nixweb/nixloc-ui",
-  "version": "0.0.119",
-  "description": "Componentes UI",
-  "author": "Fábio Ávila <fabio@nixweb.com.br>",
-  "private": false,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "@babel/polyfill": "^7.2.5",
-    "@ckeditor/ckeditor5-vue2": "^2.0.0",
-    "bootstrap-vue": "^2.0.0-rc.11",
-    "sass-loader": "^12.4.0",
-    "v-runtime-template": "^1.10.0",
-    "vodal": "^2.4.0",
-    "vue-color": "^2.7.0",
-    "vue-currency-filter": "^3.3.0",
-    "vue-html2pdf": "^1.8.0",
-    "vue-js-toggle-button": "^1.3.0",
-    "vue-json-excel": "^0.3.0",
-    "vue-loading-template": "^1.3.0",
-    "vue-moment": "^4.0.0",
-    "vue-multiselect": "^2.1.0",
-    "vue-numeric": "^2.4.1",
-    "vue-print-nb": "^1.7.5",
-    "vue-simple-progress": "^1.1.1",
-    "vue-the-mask": "^0.11.1",
-    "vue-toasted": "^1.1.28",
-    "vue-toggles": "^1.1.4",
-    "vue-upload-file": "^1.1.0",
-    "vue2-datepicker": "^2.13.0",
-    "vue2-editor": "^2.6.6",
-    "vuejs-ace-editor": "^1.0.1"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "script-loader": "^0.7.2",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
-  "engines": {
-    "node": ">= 6.0.0",
-    "npm": ">= 3.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "main": "babel.config.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/nixweb-sistemas/nixloc-ui.git"
-  }
-}
+{
+  "name": "@nixweb/nixloc-ui",
+  "version": "0.0.122",
+  "description": "Componentes UI",
+  "author": "Fábio Ávila <fabio@nixweb.com.br>",
+  "private": false,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@babel/polyfill": "^7.12.1",
+    "@ckeditor/ckeditor5-vue2": "^2.0.0",
+    "axios": "^0.24.0",
+    "bootstrap-vue": "^2.0.0-rc.11",
+    "core-js": "^3.6.5",
+    "sass-loader": "^10.1.1",
+    "v-runtime-template": "^1.10.0",
+    "vodal": "^2.4.0",
+    "vue": "^2.6.11",
+    "vue-color": "^2.7.0",
+    "vue-currency-filter": "^3.3.0",
+    "vue-html2pdf": "^1.8.0",
+    "vue-js-toggle-button": "^1.3.0",
+    "vue-json-excel": "^0.3.0",
+    "vue-loading-template": "^1.3.0",
+    "vue-moment": "^4.0.0",
+    "vue-multiselect": "^2.1.0",
+    "vue-numeric": "^2.4.1",
+    "vue-print-nb": "^1.7.5",
+    "vue-router": "^3.0.1",
+    "vue-simple-progress": "^1.1.1",
+    "vue-the-mask": "^0.11.1",
+    "vue-toasted": "^1.1.28",
+    "vue-toggles": "^1.1.4",
+    "vue-upload-file": "^1.1.0",
+    "vue2-datepicker": "^2.13.0",
+    "vue2-editor": "^2.6.6",
+    "vuejs-ace-editor": "^1.0.1",
+    "vuex": "^3.6.2",
+    "vuex-persistedstate": "^4.0.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "script-loader": "^0.7.2",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "engines": {
+    "node": "16.14.2",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ],
+  "main": "babel.config.js"
+}

package/public/index.html

@@ -6,13 +6,11 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="shortcut icon" type="image/png" href="/favicon.ico" />
   <title>
-    Nixloc - Component
+    Nixloc Componentes UI
   </title>
 
   <link rel="stylesheet" type="text/css" href="/styles/app.css">
-  <link rel="stylesheet" type="text/css" href="/styles/menu.css">
-
-  <script src="/js/menu.js"></script>
+ 
 </head>
 
 <body>

package/public/styles/app.css

@@ -13,7 +13,6 @@ textarea:focus, input:focus, select:focus {
   outline: 0 !important;
 }
 
-
 .form-control {
   font-size: 14px !important;
   border-left: 0px !important;
@@ -49,6 +48,6 @@ textarea:focus, input:focus, select:focus {
 }
 
 
-.requerido {
+.required {
   color: red;
 }

package/src/component/forms/{Botao.vue → Button.vue}

@@ -1,30 +1,26 @@
 <template>
-  <div class="c-div-botao">
+  <div class="c-div-button">
     <button
-      class="botao"
+      class="button"
       :class="{
-        pequeno: tamanho === 'pequeno',
-        medio: tamanho === 'medio',
-        grande: tamanho === 'grande',
-        primario: tipo === 'primario',
-        sucesso: tipo === 'sucesso',
-        alerta: tipo === 'alerta',
-        info: tipo === 'info',
-        editar: tipo === 'editar',
-        perigo: tipo === 'perigo',
-        desabilitado: desabilitado,
+        small: size === 'small',
+        medium: size === 'medium',
+        large: size === 'large',
+        primary: type === 'primary',
+        success: type === 'success',
+        warning: type === 'warning',
+        info: type === 'info',
+        edit: type === 'edit',
+        danger: type === 'danger',
+        disabled: disabled,
       }"
-      :disabled="desabilitado"
-      @click="executar()"
+      :disabled="disabled"
+      @click="execute()"
     >
-      <i
-        class="titulo"
-        :class="classeIcone"
-        v-if="!carregando(this.chave) && classeIcone"
-      ></i>
-      <span v-if="!carregando(this.chave)">{{ titulo }}</span>
+      <i class="title" :class="classIcon" v-if="!isLoading(this.key) && classIcon"></i>
+      <span v-if="!isLoading(this.key)">{{ title }}</span>
       <vue-loading
-        v-if="carregando(this.chave)"
+        v-if="isLoading(this.key)"
         type="bubbles"
         color="#fff"
         :size="{ width: '26px', height: '26px' }"
@@ -37,46 +33,46 @@
 import { mapGetters, mapMutations } from "vuex";
 
 export default {
-  name: "Botao",
+  name: "Button",
   props: {
-    chave: String,
-    titulo: String,
-    tipo: String,
-    tamanho: String,
-    nomeEvento: String,
-    dadosEvento: Object,
-    classeIcone: String,
-    desabilitado: Boolean,
-    clique: Function,
+    key: String,
+    title: String,
+    type: String,
+    size: String,
+    eventName: String,
+    eventData: Object,
+    classIcon: String,
+    disabled: Boolean,
+    clicked: Function,
   },
   computed: {
-    ...mapGetters("generic", ["carregando"]),
+    ...mapGetters("generic", ["isLoading"]),
   },
   methods: {
-    ...mapMutations("generic", ["insereCarregando", "insereEvento"]),
-    executar() {
-      if (this.nomeEvento)
-        this.insereEvento({
-          nome: this.nomeEvento,
-          dados: this.dadosEvento,
+    ...mapMutations("generic", ["addLoading", "addEvent"]),
+    execute() {
+      if (this.eventName)
+        this.addEvent({
+          name: this.eventName,
+          data: this.eventData,
         });
-      this.insereCarregando(this.chave);
-      if (this.clique) this.clique();
+      this.addLoading(this.key);
+      if (this.clicked) this.clicked();
     },
   },
 };
 </script>
 <style scoped>
-.c-div-botao {
+.c-div-button {
   display: inline-block;
   margin-left: 5px;
 }
 
-.titulo {
+.title {
   margin: 2px;
 }
 
-.botao {
+.button {
   padding: 8px 12px;
   cursor: pointer;
   border: none;
@@ -90,44 +86,44 @@ export default {
   box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
 }
 
-.pequeno {
+.small {
   padding: 4px 8px;
   font-size: 13px;
 }
 
-.medio {
+.medium {
   padding: 7px 12px;
   font-size: 13px;
 }
 
-.grande {
+.large {
   padding: 10px 15px;
   font-size: 14px;
 }
 
-.desabilitado {
+.disabled {
   background: #bbbbbb !important;
   border-color: #bbbbbb !important;
   color: #fff;
 }
 
-.primario {
+.primary {
   background: #577696;
   border-color: #577696;
   color: #fff;
 }
 
-.primario:hover {
+.primary:hover {
   background: #355472;
 }
 
-.sucesso {
+.success {
   color: #fff;
   background: #94aa2a;
   border-color: #94aa2a;
 }
 
-.sucesso:hover {
+.success:hover {
   background: #6d7e1c;
 }
 
@@ -141,33 +137,33 @@ export default {
   background: #3e90b3;
 }
 
-.editar {
+.edit {
   color: #fff;
   border-color: #7b7f83;
   background: #7b7f83;
 }
 
-.editar:hover {
+.edit:hover {
   background: #595c5f;
 }
 
-.alerta {
+.warning {
   color: #fff;
   border-color: #f1bc31;
   background: #f1bc31;
 }
 
-.alerta:hover {
+.warning:hover {
   background: #a37d1b;
 }
 
-.perigo {
+.danger {
   color: #fff;
   border-color: #f0134d;
   background: #f0134d;
 }
 
-.perigo:hover {
+.danger:hover {
   background: #c70f40;
 }
 </style>

package/src/component/forms/CheckboxGroup.vue

@@ -0,0 +1,63 @@
+<template>
+  <div>
+    <b-form-group :label="title">
+      <b-form-checkbox-group
+        v-model="selected"
+        :options="options"
+        :stacked="stacked"
+        @click.native="execute"
+      ></b-form-checkbox-group>
+    </b-form-group>
+  </div>
+</template>
+
+<script>
+import { mapMutations } from "vuex";
+
+export default {
+  name: "CheckboxGroup",
+  props: {
+    title: String,
+    options: Array,
+    params: Object,
+    changed: Function,
+    clicked: Function,
+    initialValue: Array,
+    value: Array,
+    stacked: {
+      type: Boolean,
+      default: false,
+    },
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      selected: [],
+    };
+  },
+  mounted() {
+    this.selected = this.initialValue;
+  },
+  methods: {
+    ...mapMutations("validation", ["addFormDirty"]),
+    execute(event) {
+      if (this.markFormDirty) this.addFormDirty(true);
+      this.$emit("input", this.selected);
+      let self = this;
+      setTimeout(function () {
+        // adicionado o pointerId para prevenir que não seja executado em duplicidade
+        if (self.clicked && event.pointerId === 1) self.clicked(self.params);
+      }, 100);
+    },
+  },
+  watch: {
+    selected() {
+      this.$emit("input", this.selected);
+      if (this.changed) this.changed(this.params);
+    },
+  },
+};
+</script>

package/src/component/forms/{CheckboxUnico.vue → CheckboxSimple.vue}

@@ -1,8 +1,8 @@
 <template>
   <div>
     <b-form-checkbox v-model="value" :value="true" :unchecked-value="false">
-      {{ titulo }}
-      <Dica :campo="campo" :formNome="formNome" />
+      {{ title }}
+      <Dica :field="field" :formName="formName" />
     </b-form-checkbox>
   </div>
 </template>
@@ -11,11 +11,11 @@
 import Dica from "../shared/Dica.vue";
 export default {
   components: { Dica },
-  name: "CheckboxUnico",
+  name: "CheckboxSimple",
   props: {
-    titulo: String,
-    formNome: String,
-    campo: String,
+    title: String,
+    formName: String,
+    field: String,
     value: Boolean,
   },
   watch: {