@sankhyalabs/sankhyablocks 1.3.31-beta.17 → 1.3.31-beta.18

package/dist/cjs/snk-application.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$2 = require('./index-b0b676c5.js');
 const index$1 = require('./index-02201bc9.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-cb132e6d.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-02c2ca02.js');
 const filterItemType_enum = require('./filter-item-type.enum-e2e1bc5b.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -7523,261 +7523,10 @@ class FilterBarConfigFetcher extends ResourceFetcher {
   getConfig(resourceID) {
     return new Promise((resolve) => {
       if (resourceID === "br.com.sankhya.fin.cad.movimentacaoFinanceira") {
-        resolve([{
-            id: "RECDESP",
-            visible: true,
-            label: "Receitas + Despesas",
-            detailTitle: "Selecione o que deseja ver",
-            type: filterItemType_enum.FilterItemType.BINARY_SELECT,
-            hardFixed: true,
-            props: {
-              options: [
-                { name: "RECEITA", expression: "this.RECDESP = 1", label: "Receitas" },
-                { name: "DESPESA", expression: "this.RECDESP = -1", label: "Despesas" }
-              ]
-            }
-          },
-          {
-            id: "PROVISAO",
-            visible: true,
-            label: "Real + Provisão",
-            detailTitle: "Selecione o que deseja ver",
-            type: filterItemType_enum.FilterItemType.BINARY_SELECT,
-            hardFixed: true,
-            props: {
-              options: [
-                { name: "REAL", expression: "nullvalue(this.PROVISAO, 'N') = 'N'", label: "Real" },
-                { name: "PROVISAO", expression: "nullvalue(this.PROVISAO, 'N') = 'S'", label: "Provisão" }
-              ]
-            }
-          },
-          {
-            id: "BAIXADO",
-            visible: true,
-            label: "Pendentes + Baixados",
-            detailTitle: "Selecione o que deseja ver",
-            type: filterItemType_enum.FilterItemType.BINARY_SELECT,
-            hardFixed: true,
-            props: {
-              options: [
-                { name: "PENDENTE", expression: "this.DHBAIXA IS NULL", label: "Pendentes" },
-                { name: "BAIXADO", expression: "this.DHBAIXA IS NOT NULL", label: "Baixados" }
-              ]
-            }
-          },
-          {
-            id: "DTVENC",
-            visible: true,
-            type: filterItemType_enum.FilterItemType.PERIOD,
-            label: "Dt. Vencimento",
-            detailTitle: "Informe a data ou período",
-            props: {
-              expression: {
-                fullfill: "onlydate(this.DTVENC) >= :DTVENC.START AND onlydate(this.DTVENC) <= :DTVENC.END",
-                onlystart: "onlydate(this.DTVENC) >= :DTVENC",
-                onlyend: "onlydate(this.DTVENC) <= :DTVENC"
-              }
-            }
-          },
-          {
-            id: "CODPARC",
-            visible: true,
-            type: filterItemType_enum.FilterItemType.SEARCH,
-            label: "Parceiro",
-            detailTitle: "Informe o parceiro",
-            props: {
-              expression: "this.CODPARC = :CODPARC",
-              searchContext: {
-                entity: "Parceiro",
-                entityDescription: "Parceiro",
-                searchOptions: {
-                  rootEntity: "Financeiro",
-                  descriptionFieldName: "NOMEPARC",
-                  codeFieldName: "CODPARC",
-                  showInactives: false
-                }
-              }
-            }
-          },
-          {
-            id: "NUFIN",
-            type: filterItemType_enum.FilterItemType.NUMBER,
-            visible: true,
-            label: "Nr. único",
-            detailTitle: "Informe o número único",
-            props: {
-              expression: "this.NUFIN = :NUFIN"
-            }
-          },
-          {
-            id: "NUMNOTA",
-            visible: true,
-            type: filterItemType_enum.FilterItemType.NUMBER,
-            label: "Nr. Nota",
-            detailTitle: "Informe o número da nota",
-            props: {
-              expression: "this.NUMNOTA = :NUMNOTA"
-            }
-          },
-          {
-            id: "DHBAIXA",
-            visible: true,
-            type: filterItemType_enum.FilterItemType.PERIOD,
-            label: "Data da Baixa",
-            detailTitle: "Informe a data ou período",
-            props: {
-              expression: {
-                fullfill: "onlydate(this.DHBAIXA) >= :DHBAIXA.START AND onlydate(this.DHBAIXA) <= :DHBAIXA.END",
-                onlystart: "onlydate(this.DHBAIXA) >= :DHBAIXA",
-                onlyend: "onlydate(this.DHBAIXA) <= :DHBAIXA"
-              }
-            }
-          },
-          {
-            id: "CODEMP",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.SEARCH,
-            label: "Empresa",
-            detailTitle: "Informe a empresa",
-            props: {
-              expression: "this.CODEMP = :CODEMP",
-              searchContext: {
-                entity: "Empresa",
-                entityDescription: "Empresa",
-                searchOptions: {
-                  rootEntity: "Financeiro",
-                  descriptionFieldName: "NOMEFANTASIA",
-                  codeFieldName: "CODEMP",
-                  showInactives: false
-                }
-              }
-            }
-          },
-          {
-            id: "CODNAT",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.SEARCH,
-            label: "Natureza",
-            detailTitle: "Informe a natureza",
-            props: {
-              expression: "this.CODNAT = :CODNAT",
-              searchContext: {
-                entity: "Natureza",
-                entityDescription: "Natureza",
-                searchOptions: {
-                  rootEntity: "Financeiro",
-                  descriptionFieldName: "DESCRNAT",
-                  codeFieldName: "CODNAT",
-                  showInactives: false
-                }
-              }
-            }
-          },
-          {
-            id: "DTNEG",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.PERIOD,
-            label: "Dt. Negociação",
-            detailTitle: "Informe a data ou período",
-            props: {
-              expression: {
-                fullfill: "onlydate(this.DTNEG) >= :DTNEG.START AND onlydate(this.DTNEG) <= :DTNEG.END",
-                onlystart: "onlydate(this.DTNEG) >= :DTNEG",
-                onlyend: "onlydate(this.DTNEG) <= :DTNEG"
-              }
-            }
-          },
-          {
-            id: "NUNOTA",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.NUMBER,
-            label: "Nro Único do Pedido",
-            detailTitle: "Informe o número único do pedido",
-            props: {
-              expression: "this.NUNOTA = :NUNOTA"
-            }
-          },
-          {
-            id: "CODCENCUS",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.SEARCH,
-            label: "Centro de resultado",
-            detailTitle: "Informe o centro de resultado",
-            props: {
-              expression: "this.CODCENCUS = :CODCENCUS",
-              searchContext: {
-                entity: "CentroResultado",
-                entityDescription: "Centro de resultado",
-                searchOptions: {
-                  rootEntity: "Financeiro",
-                  descriptionFieldName: "DESCRCENCUS",
-                  codeFieldName: "CODCENCUS",
-                  showInactives: false
-                }
-              }
-            }
-          },
-          {
-            id: "CODCTABCOINT",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.SEARCH,
-            label: "Conta bancária",
-            detailTitle: "Informe a conta bancária",
-            props: {
-              expression: "this.CODCTABCOINT = :CODCTABCOINT",
-              searchContext: {
-                entity: "ContaBancaria",
-                entityDescription: "Conta bancária",
-                searchOptions: {
-                  rootEntity: "Financeiro",
-                  descriptionFieldName: "DESCRICAO",
-                  codeFieldName: "CODCTABCOINT",
-                  showInactives: false
-                }
-              }
-            }
-          },
-          {
-            id: "CODBCO",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.SEARCH,
-            label: "Banco",
-            detailTitle: "Informe o banco",
-            props: {
-              expression: "this.CODBCO = :CODBCO",
-              searchContext: {
-                entity: "Banco",
-                entityDescription: "Banco",
-                searchOptions: {
-                  rootEntity: "Financeiro",
-                  descriptionFieldName: "NOMEBCO",
-                  codeFieldName: "CODBCO",
-                  showInactives: false
-                }
-              }
-            }
-          },
-          {
-            id: "CODPROJ",
-            visible: false,
-            type: filterItemType_enum.FilterItemType.SEARCH,
-            label: "Projeto",
-            detailTitle: "Informe o projeto",
-            props: {
-              expression: "this.CODPROJ = :CODPROJ",
-              searchContext: {
-                entity: "Projeto",
-                entityDescription: "Projeto",
-                searchOptions: {
-                  rootEntity: "Financeiro",
-                  descriptionFieldName: "IDENTIFICACAO",
-                  codeFieldName: "CODPROJ",
-                  showInactives: false
-                }
-              }
-            }
-          }
-        ]);
+        resolve(getFiltrosMovFin());
+      }
+      else if (resourceID === "br.com.sankhya.fin.cad.movimentacaoBancaria") {
+        resolve(getFiltrosMovBan());
       }
       else {
         resolve(undefined);
@@ -7785,6 +7534,377 @@ class FilterBarConfigFetcher extends ResourceFetcher {
     });
   }
 }
+function getFiltrosMovBan() {
+  return [{
+      "id": "DTLANC",
+      "visible": true,
+      "type": filterItemType_enum.FilterItemType.PERIOD,
+      "label": "Dt Lançamento",
+      "detailTitle": "Informe a data ou período",
+      "props": {
+        "expression": {
+          "fullfill": "onlydate(this.DTLANC) >= :DTLANC.START AND onlydate(this.DTLANC) <= :DTLANC.END",
+          "onlystart": "onlydate(this.DTLANC) >= :DTLANC",
+          "onlyend": "onlydate(this.DTLANC) <= :DTLANC"
+        }
+      }
+    },
+    {
+      "id": "CODCTABCOINT",
+      "visible": true,
+      "type": filterItemType_enum.FilterItemType.SEARCH,
+      "label": "Conta origem",
+      "detailTitle": "Informe a conta de origem",
+      "props": {
+        "expression": "this.CODCTABCOINT = :CODCTABCOINT",
+        "searchContext": {
+          "entity": "ImplantacaoSaldoConta",
+          "entityDescription": "Conta origem",
+          "searchOptions": {
+            "rootEntity": "MovimentoBancario",
+            "descriptionFieldName": "DESCRICAO",
+            "codeFieldName": "CODCTABCOINT",
+            "showInactives": false
+          }
+        }
+      }
+    },
+    {
+      "id": "CODTIPOPER",
+      "visible": false,
+      "type": filterItemType_enum.FilterItemType.SEARCH,
+      "label": "Tipo de operação",
+      "detailTitle": "Informe o tipo de operação",
+      "props": {
+        "expression": "this.CODTIPOPER = :CODTIPOPER",
+        "searchContext": {
+          "entity": "TipoOperacao",
+          "entityDescription": "Tipo de operação",
+          "searchOptions": {
+            "rootEntity": "MovimentoBancario",
+            "descriptionFieldName": "DESCROPER",
+            "codeFieldName": "CODTIPOPER",
+            "showInactives": false
+          }
+        }
+      }
+    },
+    {
+      "id": "ORIGMOV",
+      "visible": false,
+      "type": filterItemType_enum.FilterItemType.MULTI_SELECT,
+      "label": "Tipo de movimento",
+      "detailTitle": "Escolha um tipo de movimento",
+      "props": {
+        "expression": "this.ORIGMOV = :ORIGMOV",
+        "options": [
+          { "value": "A", "label": "Aplicação" },
+          { "value": "R", "label": "Resgate" },
+          { "value": "S", "label": "Saque" },
+          { "value": "D", "label": "Depósito" },
+          { "value": "T", "label": "Transferência" }
+        ]
+      }
+    },
+    {
+      "id": "NUBCO",
+      "type": filterItemType_enum.FilterItemType.NUMBER,
+      "visible": false,
+      "label": "Nr. único",
+      "detailTitle": "Informe o número único",
+      "props": {
+        "expression": "this.NUBCO = :NUBCO"
+      }
+    },
+    {
+      "id": "VLRLANC",
+      "type": filterItemType_enum.FilterItemType.NUMBER,
+      "visible": false,
+      "label": "Vlr. Lançamento",
+      "detailTitle": "Informe o valor do lançamento",
+      "props": {
+        "expression": "this.VLRLANC = :VLRLANC",
+        "precision": 2
+      }
+    },
+    {
+      "id": "CODLANC",
+      "visible": false,
+      "type": filterItemType_enum.FilterItemType.SEARCH,
+      "label": "Lançamento origem",
+      "detailTitle": "Informe o lançamento de origem",
+      "props": {
+        "expression": "this.CODLANC = :CODLANC",
+        "searchContext": {
+          "entity": "HistoricoBancario",
+          "entityDescription": "Lançamento origem",
+          "searchOptions": {
+            "rootEntity": "MovimentoBancario",
+            "descriptionFieldName": "DESCRLANCBCO",
+            "codeFieldName": "CODLANC",
+            "showInactives": false
+          }
+        }
+      }
+    }];
+}
+function getFiltrosMovFin() {
+  return [{
+      id: "RECDESP",
+      visible: true,
+      label: "Receitas + Despesas",
+      detailTitle: "Selecione o que deseja ver",
+      type: filterItemType_enum.FilterItemType.BINARY_SELECT,
+      hardFixed: true,
+      props: {
+        options: [
+          { name: "RECEITA", expression: "this.RECDESP = 1", label: "Receitas" },
+          { name: "DESPESA", expression: "this.RECDESP = -1", label: "Despesas" }
+        ]
+      }
+    },
+    {
+      id: "PROVISAO",
+      visible: true,
+      label: "Real + Provisão",
+      detailTitle: "Selecione o que deseja ver",
+      type: filterItemType_enum.FilterItemType.BINARY_SELECT,
+      hardFixed: true,
+      props: {
+        options: [
+          { name: "REAL", expression: "nullvalue(this.PROVISAO, 'N') = 'N'", label: "Real" },
+          { name: "PROVISAO", expression: "nullvalue(this.PROVISAO, 'N') = 'S'", label: "Provisão" }
+        ]
+      }
+    },
+    {
+      id: "BAIXADO",
+      visible: true,
+      label: "Pendentes + Baixados",
+      detailTitle: "Selecione o que deseja ver",
+      type: filterItemType_enum.FilterItemType.BINARY_SELECT,
+      hardFixed: true,
+      props: {
+        options: [
+          { name: "PENDENTE", expression: "this.DHBAIXA IS NULL", label: "Pendentes" },
+          { name: "BAIXADO", expression: "this.DHBAIXA IS NOT NULL", label: "Baixados" }
+        ]
+      }
+    },
+    {
+      id: "DTVENC",
+      visible: true,
+      type: filterItemType_enum.FilterItemType.PERIOD,
+      label: "Dt. Vencimento",
+      detailTitle: "Informe a data ou período",
+      props: {
+        expression: {
+          fullfill: "onlydate(this.DTVENC) >= :DTVENC.START AND onlydate(this.DTVENC) <= :DTVENC.END",
+          onlystart: "onlydate(this.DTVENC) >= :DTVENC",
+          onlyend: "onlydate(this.DTVENC) <= :DTVENC"
+        }
+      }
+    },
+    {
+      id: "CODPARC",
+      visible: true,
+      type: filterItemType_enum.FilterItemType.SEARCH,
+      label: "Parceiro",
+      detailTitle: "Informe o parceiro",
+      props: {
+        expression: "this.CODPARC = :CODPARC",
+        searchContext: {
+          entity: "Parceiro",
+          entityDescription: "Parceiro",
+          searchOptions: {
+            rootEntity: "Financeiro",
+            descriptionFieldName: "NOMEPARC",
+            codeFieldName: "CODPARC",
+            showInactives: false
+          }
+        }
+      }
+    },
+    {
+      id: "NUFIN",
+      type: filterItemType_enum.FilterItemType.NUMBER,
+      visible: true,
+      label: "Nr. único",
+      detailTitle: "Informe o número único",
+      props: {
+        expression: "this.NUFIN = :NUFIN"
+      }
+    },
+    {
+      id: "NUMNOTA",
+      visible: true,
+      type: filterItemType_enum.FilterItemType.NUMBER,
+      label: "Nr. Nota",
+      detailTitle: "Informe o número da nota",
+      props: {
+        expression: "this.NUMNOTA = :NUMNOTA"
+      }
+    },
+    {
+      id: "DHBAIXA",
+      visible: true,
+      type: filterItemType_enum.FilterItemType.PERIOD,
+      label: "Data da Baixa",
+      detailTitle: "Informe a data ou período",
+      props: {
+        expression: {
+          fullfill: "onlydate(this.DHBAIXA) >= :DHBAIXA.START AND onlydate(this.DHBAIXA) <= :DHBAIXA.END",
+          onlystart: "onlydate(this.DHBAIXA) >= :DHBAIXA",
+          onlyend: "onlydate(this.DHBAIXA) <= :DHBAIXA"
+        }
+      }
+    },
+    {
+      id: "CODEMP",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.SEARCH,
+      label: "Empresa",
+      detailTitle: "Informe a empresa",
+      props: {
+        expression: "this.CODEMP = :CODEMP",
+        searchContext: {
+          entity: "Empresa",
+          entityDescription: "Empresa",
+          searchOptions: {
+            rootEntity: "Financeiro",
+            descriptionFieldName: "NOMEFANTASIA",
+            codeFieldName: "CODEMP",
+            showInactives: false
+          }
+        }
+      }
+    },
+    {
+      id: "CODNAT",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.SEARCH,
+      label: "Natureza",
+      detailTitle: "Informe a natureza",
+      props: {
+        expression: "this.CODNAT = :CODNAT",
+        searchContext: {
+          entity: "Natureza",
+          entityDescription: "Natureza",
+          searchOptions: {
+            rootEntity: "Financeiro",
+            descriptionFieldName: "DESCRNAT",
+            codeFieldName: "CODNAT",
+            showInactives: false
+          }
+        }
+      }
+    },
+    {
+      id: "DTNEG",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.PERIOD,
+      label: "Dt. Negociação",
+      detailTitle: "Informe a data ou período",
+      props: {
+        expression: {
+          fullfill: "onlydate(this.DTNEG) >= :DTNEG.START AND onlydate(this.DTNEG) <= :DTNEG.END",
+          onlystart: "onlydate(this.DTNEG) >= :DTNEG",
+          onlyend: "onlydate(this.DTNEG) <= :DTNEG"
+        }
+      }
+    },
+    {
+      id: "NUNOTA",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.NUMBER,
+      label: "Nro Único do Pedido",
+      detailTitle: "Informe o número único do pedido",
+      props: {
+        expression: "this.NUNOTA = :NUNOTA"
+      }
+    },
+    {
+      id: "CODCENCUS",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.SEARCH,
+      label: "Centro de resultado",
+      detailTitle: "Informe o centro de resultado",
+      props: {
+        expression: "this.CODCENCUS = :CODCENCUS",
+        searchContext: {
+          entity: "CentroResultado",
+          entityDescription: "Centro de resultado",
+          searchOptions: {
+            rootEntity: "Financeiro",
+            descriptionFieldName: "DESCRCENCUS",
+            codeFieldName: "CODCENCUS",
+            showInactives: false
+          }
+        }
+      }
+    },
+    {
+      id: "CODCTABCOINT",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.SEARCH,
+      label: "Conta bancária",
+      detailTitle: "Informe a conta bancária",
+      props: {
+        expression: "this.CODCTABCOINT = :CODCTABCOINT",
+        searchContext: {
+          entity: "ContaBancaria",
+          entityDescription: "Conta bancária",
+          searchOptions: {
+            rootEntity: "Financeiro",
+            descriptionFieldName: "DESCRICAO",
+            codeFieldName: "CODCTABCOINT",
+            showInactives: false
+          }
+        }
+      }
+    },
+    {
+      id: "CODBCO",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.SEARCH,
+      label: "Banco",
+      detailTitle: "Informe o banco",
+      props: {
+        expression: "this.CODBCO = :CODBCO",
+        searchContext: {
+          entity: "Banco",
+          entityDescription: "Banco",
+          searchOptions: {
+            rootEntity: "Financeiro",
+            descriptionFieldName: "NOMEBCO",
+            codeFieldName: "CODBCO",
+            showInactives: false
+          }
+        }
+      }
+    },
+    {
+      id: "CODPROJ",
+      visible: false,
+      type: filterItemType_enum.FilterItemType.SEARCH,
+      label: "Projeto",
+      detailTitle: "Informe o projeto",
+      props: {
+        expression: "this.CODPROJ = :CODPROJ",
+        searchContext: {
+          entity: "Projeto",
+          entityDescription: "Projeto",
+          searchOptions: {
+            rootEntity: "Financeiro",
+            descriptionFieldName: "IDENTIFICACAO",
+            codeFieldName: "CODPROJ",
+            showInactives: false
+          }
+        }
+      }
+    }
+  ];
+}
 
 const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}";
 

package/dist/cjs/snk-crud.cjs.entry.js

@@ -11,6 +11,7 @@ const FORM_MODE = 1;
 const SnkCrud = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
   }
   async gridToForm(keepFormMode = false) {
     this._backToGrid = !keepFormMode && await this._viewStack.getSelectedIndex() === GRID_MODE;
@@ -55,7 +56,7 @@ const SnkCrud = class {
     }
   }
   render() {
-    return (index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref }, index.h("stack-item", null, index.h("snk-grid", { configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList }, index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }))), index.h("stack-item", null, index.h("snk-form", { configName: this.configName, actionsList: this.actionsList, onExit: () => this._viewStack.show(GRID_MODE), recordsValidator: this.recordsValidator, onActionClick: evt => this.executeAction(evt.detail) }))));
+    return (index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref }, index.h("stack-item", null, index.h("snk-grid", { configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList }, index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }), index.h("slot", { name: "SnkGridTaskBar" }))), index.h("stack-item", null, index.h("snk-form", { configName: this.configName, actionsList: this.actionsList, onExit: () => this._viewStack.show(GRID_MODE), recordsValidator: this.recordsValidator, taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail) }, index.h("slot", { name: "SnkFormTaskBar" })))));
   }
   get _element() { return index.getElement(this); }
 };

package/dist/cjs/snk-data-unit.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0b676c5.js');
 const index$1 = require('./index-02201bc9.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-cb132e6d.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-02c2ca02.js');
 
 const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%}";