@sankhyalabs/sankhyablocks 1.1.24 → 1.1.25

package/dist/cjs/ez-grid.cjs.entry.js

@@ -0,0 +1,647 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-682c98b2.js');
+const agGridEnterprise = require('ag-grid-enterprise');
+const agGridCommunity = require('ag-grid-community');
+const core = require('@sankhyalabs/core');
+const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+
+const gridTerms = {
+  // for filter panel
+  page: "Página",
+  more: "mais",
+  to: "para",
+  of: "de",
+  next: "Próximo",
+  last: "Último",
+  first: "Primeiro",
+  previous: "Anterior",
+  loadingOoo: "Carregar",
+  // for set filter
+  selectAll: "Selecionar tudo",
+  searchOoo: "Procurar",
+  blanks: "Vazio",
+  // for number filter and text filter
+  filterOoo: "Filtrar",
+  applyFilter: "Aplicar filtro",
+  // for number filter
+  equals: "Igual",
+  lessThan: "Menor que",
+  greaterThan: "Maior que",
+  // for text filter
+  contains: "Contém",
+  startsWith: "Começa com",
+  endsWith: "Termina com",
+  // the header of the default group column
+  group: "Grupo",
+  // tool panel
+  columns: "Colunas",
+  rowGroupColumns: "Colunas do grupo de linhas",
+  rowGroupColumnsEmptyMessage: "Colunas do grupo de linhas vazias",
+  valueColumns: "Valores das colunas",
+  pivotMode: "Modo pivô",
+  groups: "Grupos",
+  values: "Valores",
+  pivots: "Pivôs",
+  valueColumnsEmptyMessage: "Valores de colunas vazias",
+  pivotColumnsEmptyMessage: "Pivôs de colunas vazias",
+  toolPanelButton: "Botão de painel de ferramentas",
+  // other
+  noRowsToShow: "Não há registros para mostrar.",
+  // enterprise menu
+  pinColumn: "Fixar coluna",
+  valueAggregation: "Agregar valor",
+  autosizeThiscolumn: "Redimensionar esta coluna",
+  autosizeAllColumns: "Redimensionar todas colunas",
+  groupBy: "Agrupar por",
+  ungroupBy: "Desagrupar por",
+  resetColumns: "Resetar colunas",
+  expandAll: "Expandir tudo",
+  collapseAll: "Contrair tudo",
+  toolPanel: "Painel de ferramentas",
+  export: "Exportar",
+  csvExport: "Exportar para CSV",
+  excelExport: "Exportar para Excel",
+  // enterprise menu pinning
+  pinLeft: "Fixar coluna",
+  pinRight: "Fixar a direita",
+  noPin: "Desfixar coluna",
+  // enterprise menu aggregation and status panel
+  sum: "Soma",
+  min: "Mínimo",
+  max: "Máximo",
+  none: "Nenhum",
+  count: "Contagem",
+  average: "Média",
+  // standard menu
+  copy: "Copiar",
+  copyWithHeaders: "Copiar com cabeçalho",
+  ctrlC: "Ctrl+C",
+  paste: "Colar",
+  ctrlV: "Ctrl+V"
+};
+
+const HeaderColumnTemplate = `<div class="ag-cell-label-container" role="presentation">
+    <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>
+    <div ref="eLabel" class="ag-header-cell-label" role="presentation" unselectable="on">
+        <span ref="eText" class="ag-header-cell-text" unselectable="on"></span>
+        <span ref="eFilter" class="ag-header-icon ag-header-label-icon ag-filter-icon" aria-hidden="true"></span>
+        <span ref="eSortAsc" class="ag-header-icon ag-header-label-icon ag-sort-ascending-icon" aria-hidden="true"></span>
+        <span ref="eSortDesc" class="ag-header-icon ag-header-label-icon ag-sort-descending-icon" aria-hidden="true"></span>
+        <span ref="eSortNone" class="ag-header-icon ag-header-label-icon ag-sort-none-icon" aria-hidden="true"></span>
+    </div>
+</div>`;
+
+class Server {
+  constructor(data) {
+    this._data = data;
+  }
+  getData(request) {
+    const finalArray = this.sort(this.filter(this._data, request), request);
+    return { rowData: finalArray.slice(request.startRow, request.endRow), rowCount: finalArray.length };
+  }
+  filter(data, _request) {
+    return data;
+  }
+  sort(data, _request) {
+    return data;
+  }
+}
+/*    alasql.options.cache = false;
+  
+    return {
+      getData: function (request) {
+        var results = executeQuery(request);
+  
+        return {
+          success: true,
+          rows: results,
+          lastRow: getLastRowIndex(request, results),
+        };
+      },
+    };
+  
+    function executeQuery(request) {
+      var sql = buildSql(request);
+  
+      console.log("[FakeServer] - about to execute query:", sql);
+  
+      return alasql(sql, [allData]);
+    }
+  
+    function buildSql(request) {
+      return "SELECT * FROM ?" + orderBySql(request) + limitSql(request);
+    }
+  
+    function orderBySql(request) {
+      var sortModel = request.sortModel;
+  
+      if (sortModel.length === 0) return "";
+  
+      var sorts = sortModel.map(function (s) {
+        return s.colId + " " + s.sort.toUpperCase();
+      });
+  
+      return " ORDER BY " + sorts.join(", ");
+    }
+  
+    function limitSql(request) {
+      var blockSize = request.endRow - request.startRow;
+  
+      return " LIMIT " + (blockSize + 1) + " OFFSET " + request.startRow;
+    }
+  
+    function getLastRowIndex(request, results) {
+      if (!results || results.length === 0) {
+        return null;
+      }
+  
+      var currentLastRow = request.startRow + results.length;
+  
+      return currentLastRow <= request.endRow ? currentLastRow : -1;
+    }
+  }*/
+
+class DataSource {
+  constructor(dataUnit, serverURL) {
+    this._dataUnit = dataUnit;
+    this._serverURL = serverURL;
+  }
+  getRows(params) {
+    if (this._useMockedServer) {
+      if (this._mockedServer === undefined) {
+        this.loadData()
+          .then(data => {
+          this._mockedServer = new Server(data.rowData);
+          params.success(this._mockedServer.getData(params.request));
+        })
+          .catch(() => params.fail());
+      }
+      else {
+        params.success(this._mockedServer.getData(params.request));
+      }
+    }
+    else {
+      this.loadData()
+        .then(data => params.success(data))
+        .catch(() => params.fail());
+    }
+  }
+  loadData() {
+    return new Promise((resolve, reject) => {
+      if (this._dataUnit) {
+        this._dataUnit.loadData().then(rowData => resolve({ rowData, rowCount: rowData.length }));
+      }
+      else {
+        fetch(this._serverURL)
+          .then(response => {
+          response.json().then(rowData => resolve({ rowData }));
+        })
+          .catch(() => reject());
+      }
+    });
+  }
+}
+
+class AgGridController {
+  constructor(enterprise) {
+    this._menuItems = [];
+    this._enterprise = enterprise;
+  }
+  getSort() {
+    const sortedColumns = [];
+    this._gridOptions.api.getSortModel().forEach(({ colId, sort }) => {
+      if (sort) {
+        const field = this._dataUnit.getField(colId);
+        const mode = sort === "asc" ? UnitMetadata.SortMode.ASC : UnitMetadata.SortMode.DESC;
+        const sortField = field ? { field: field.name, dataType: field.dataType, mode } : { field: colId, dataType: core.DataType.TEXT, mode };
+        sortedColumns.push(sortField);
+      }
+    });
+    return sortedColumns;
+  }
+  ;
+  initDatagrid(container, options) {
+    if (this._grid === undefined) {
+      this._columnStateChangeCallback = options.onColumnStateChange;
+      this._selectionChangeCallback = options.onSelectionChange;
+      this._paginationChangeCallback = options.onPaginationChange;
+      this._doubleClickCallBack = options.onDoubleClick;
+      this._multipleSelection = options.allowMultipleSelection;
+      this._pageSize = options.pageSize;
+      this._serverURL = options.serverURL;
+      this._dataUnit = options.dataUnit;
+      this._dataUnit.sortingProvider = this;
+      this._gridOptions = {
+        localeText: gridTerms,
+        rowModelType: "serverSide",
+        serverSideStoreType: "partial",
+        rowSelection: this._multipleSelection ? "multiple" : "single",
+        serverSideDatasource: new DataSource(this._dataUnit, this._serverURL),
+        getRowNodeId: (params) => params.__record__id__,
+        getMainMenuItems: (params) => {
+          const column = params.column;
+          const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
+          this._menuItems.forEach(m => items.push({
+            name: m.label,
+            action: () => m.action(column.getColId(), m.name)
+          }));
+          return items;
+        },
+        onViewportChanged: (evt) => {
+          if (this._gridOptions && this._gridOptions.api && evt && evt.api) {
+            if (this._dataUnit.getSelection()) {
+              this._dataUnit.getSelection().forEach(id => {
+                let node = evt.api.getRowNode(id);
+                node.setSelected(true);
+              });
+            }
+          }
+        }
+      };
+      this.setOptionsEvents(this._gridOptions);
+      this.setOptionsPagination(this._gridOptions);
+      this.setOptionsSupress(this._gridOptions);
+      if (this._enterprise) {
+        this._grid = new agGridEnterprise.Grid(container, this._gridOptions);
+      }
+      else {
+        this._grid = new agGridCommunity.Grid(container, this._gridOptions);
+      }
+    }
+  }
+  setOptionsEvents(opt) {
+    opt.onSortChanged = e => this.onCallStateChange("sort", e);
+    opt.onColumnResized = e => this.onCallStateChange("columnResize", e);
+    opt.onColumnPinned = e => this.onCallStateChange("columnPinned", e);
+    opt.onColumnMoved = e => this.onCallStateChange("columnMoved", e);
+    opt.onColumnVisible = e => this.onCallStateChange("visibleChange", e);
+    opt.onSelectionChanged = e => this.onSelectionChange(e);
+    opt.onPaginationChanged = () => this.onPaginationChange();
+    opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
+  }
+  setOptionsPagination(opt) {
+    opt.pagination = (this._pageSize > -1);
+    opt.paginationPageSize = this._pageSize;
+    opt.cacheBlockSize = this._pageSize;
+  }
+  setOptionsSupress(opt) {
+    opt.suppressDragLeaveHidesColumns = true;
+    opt.suppressPaginationPanel = true;
+    opt.suppressMenuHide = true;
+  }
+  setData(data) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.api.setRowData(data);
+  }
+  refresh() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.api.refreshServerSideStore({ purge: false });
+  }
+  setColumnsDef(cols, showCheckSelection) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    const colDefs = [];
+    if (showCheckSelection) {
+      colDefs.push({
+        headerName: "",
+        checkboxSelection: true,
+        headerCheckboxSelection: false,
+        width: 28,
+        suppressMovable: true,
+        suppressAutoSize: true,
+        suppressMenu: true,
+        lockPosition: true
+      });
+    }
+    cols.forEach(c => {
+      colDefs.push(this.buildColDef(c));
+    });
+    this._gridOptions.api.setColumnDefs(colDefs);
+  }
+  getColumnsDef() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    const colDef = this._gridOptions.columnApi.getAllColumns();
+    return colDef.map(c => {
+      const def = c.getColDef();
+      const colDef = { name: def.field, label: def.headerName };
+      this.conditionalSet(colDef, "sortable", def.sortable);
+      this.conditionalSet(colDef, "resizable", def.resizable);
+      this.conditionalSet(colDef, "sort", def.sort);
+      this.conditionalSet(colDef, "sortIndex", def.sortIndex);
+      this.conditionalSet(colDef, "width", def.width);
+      this.conditionalSet(colDef, "pinned", def.pinned !== null);
+      this.conditionalSet(colDef, "hidden", def.hide);
+      return colDef;
+    });
+  }
+  setColumnsState(state) {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    //TODO neste ponto estamos utilizando um método descontinuado, 
+    //pelo fato de que o applyColumnState não reordena as colunas conforme 
+    //o estado passado.
+    //https://stackoverflow.com/questions/51488241/ag-grid-how-to-save-and-reload-column-order
+    //Assim que for corrigido o applyColumnState devemos substituir o setColumnState por ele.
+    // this._gridOptions.columnApi.applyColumnState({ state: state.map(s => this.buildColState(s)) });
+    this._gridOptions.columnApi.setColumnState(state.map(s => this.buildColState(s)));
+  }
+  getColumnsState() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    const colState = this._gridOptions.columnApi.getColumnState();
+    return colState.map(s => {
+      const def = this._gridOptions.columnApi.getColumn(s.colId).getColDef();
+      const label = def.headerName;
+      const name = def.checkboxSelection ? "__SELECTION__" : s.colId;
+      const colState = { label, name };
+      this.conditionalSet(colState, "sort", s.sort);
+      this.conditionalSet(colState, "sortIndex", s.sortIndex);
+      this.conditionalSet(colState, "width", s.width);
+      this.conditionalSet(colState, "pinned", s.pinned !== null);
+      this.conditionalSet(colState, "hidden", s.hide);
+      return colState;
+    }).filter(c => c.name !== "__SELECTION__");
+  }
+  getSelection() {
+    return this._gridOptions.api.getSelectedRows();
+  }
+  addColumnMenuItem(item) {
+    this._menuItems.push(item);
+  }
+  nextPage() {
+    this._gridOptions.api.paginationGoToNextPage();
+  }
+  previousPage() {
+    this._gridOptions.api.paginationGoToPreviousPage();
+  }
+  buildColDef(source) {
+    return {
+      headerName: source.label,
+      field: source.name,
+      sortable: true,
+      resizable: true,
+      headerComponentParams: {
+        template: HeaderColumnTemplate
+      },
+      valueFormatter: params => {
+        return this.getFormatterByColumn(params, source);
+      }
+    };
+  }
+  getFormatterByColumn(params, source) {
+    var _a, _b;
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === "OPTIONSELECTOR" && source.options) {
+      const prop = source === null || source === void 0 ? void 0 : source.options;
+      let options;
+      if (typeof prop === "string") {
+        const parsed = JSON.parse(prop);
+        options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
+      }
+      else {
+        options = prop;
+      }
+      let optionSelected;
+      options.forEach((option) => {
+        if (option.value == params.value) {
+          optionSelected = option;
+        }
+      });
+      return optionSelected === null || optionSelected === void 0 ? void 0 : optionSelected.label;
+    }
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === "SWITCH") {
+      if ((params === null || params === void 0 ? void 0 : params.value) === "S" || (params === null || params === void 0 ? void 0 : params.value) === true) {
+        return "Sim";
+      }
+      else if ((params === null || params === void 0 ? void 0 : params.value) === "N" || (params === null || params === void 0 ? void 0 : params.value) === false) {
+        return "Não";
+      }
+    }
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === "SEARCH") {
+      if (params.value !== undefined) {
+        return ((_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.value) + " - " + ((_b = params === null || params === void 0 ? void 0 : params.value) === null || _b === void 0 ? void 0 : _b.label);
+      }
+    }
+    if ((source === null || source === void 0 ? void 0 : source.userInterface) === UnitMetadata.UserInterface.DATE || (source === null || source === void 0 ? void 0 : source.userInterface) === UnitMetadata.UserInterface.DATETIME) {
+      if (params.value !== undefined) {
+        return params.value.toLocaleDateString();
+      }
+    }
+  }
+  buildColState(source) {
+    return {
+      colId: source.name,
+      sort: source.sort,
+      sortIndex: source.sortIndex,
+      width: source.width,
+      pinned: source.pinned ? "left" : null,
+      hide: source.hidden
+    };
+  }
+  onCallStateChange(type, e) {
+    const finished = !("finished" in e) || e["finished"];
+    if (finished && this._columnStateChangeCallback) {
+      this._columnStateChangeCallback(type, this.getColumnsState());
+    }
+  }
+  onSelectionChange(e) {
+    if (this._selectionChangeCallback) {
+      this._selectionChangeCallback(e.api.getSelectedRows());
+    }
+  }
+  onPaginationChange() {
+    if (this._paginationChangeCallback) {
+      if (this._gridOptions.api) {
+        const api = this._gridOptions.api;
+        const currentPage = api.paginationGetCurrentPage();
+        const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
+        const pageSize = api.paginationGetPageSize();
+        const totalRows = api.paginationGetRowCount();
+        const pageStart = currentPage * pageSize + 1;
+        const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
+        this._paginationChangeCallback({
+          hasPrevious: currentPage > 0,
+          hasNext: !isLastPage,
+          currentPage: currentPage + 1,
+          pageStart,
+          pageEnd,
+          totalRows
+        });
+      }
+    }
+  }
+  onRowDoubleClick(evt) {
+    if (this._doubleClickCallBack) {
+      this._doubleClickCallBack(evt.data);
+    }
+  }
+  conditionalSet(host, attribute, value) {
+    if (value !== null && value !== undefined && value !== false) {
+      host[attribute] = value;
+    }
+  }
+}
+
+class DataUnitBridge {
+  constructor(gridController, dataUnit) {
+    this._gridController = gridController;
+    this._dataUnit = dataUnit;
+    this._dataUnit.subscribe(action => this.processAction(action));
+  }
+  processAction(action) {
+    switch (action.type) {
+      case core.Action.METADATA_LOADED:
+        this._gridController.setColumnsDef(this.buildColumnDefs(), true);
+        break;
+      case core.Action.RECORDS_REMOVED:
+      case core.Action.EDITION_CANCELED:
+      case core.Action.RECORDS_ADDED:
+      case core.Action.RECORDS_COPIED:
+      case core.Action.DATA_SAVED:
+        this._gridController.refresh();
+        break;
+    }
+  }
+  buildColumnDefs() {
+    const columnDefs = [];
+    if (this._dataUnit.metadata) {
+      this._dataUnit.metadata.fields.forEach(f => {
+        var _a;
+        if (f.visible !== false) {
+          columnDefs.push({ label: f.label, name: f.name, userInterface: f.userInterface, options: (_a = this._dataUnit.getField(f.name).properties) === null || _a === void 0 ? void 0 : _a.options });
+        }
+      });
+    }
+    return columnDefs;
+  }
+}
+
+const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ezgrid__header--background-color:var(--background--xlight, #FFF)}.grid-header.sc-ez-grid{display:flex;justify-content:space-between;align-items:center;background-color:var(--ezgrid__header--background-color, #FFF);z-index:var(--visible)}.grid__container.sc-ez-grid{box-shadow:0 0 16px 0 rgb(0 38 111 / 12%);padding-top:15px;margin-top:-12px;background-color:var(--ezgrid__header--background-color)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}";
+
+const EzGrid = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ezColumnStateChange = index.createEvent(this, "ezColumnStateChange", 7);
+    this.ezSelectionChange = index.createEvent(this, "ezSelectionChange", 7);
+    this.ezDoubleClick = index.createEvent(this, "ezDoubleClick", 7);
+    this._gridController = new AgGridController(false);
+    this._popUpVisible = false;
+    /**
+    * Determina o número de linhas de cada página. Caso informado o valor -1
+    * não haverá paginação.
+    */
+    this.pageSize = -1;
+  }
+  /**
+  * Método responsável por receber a definição das colunas
+  */
+  async setColumnsDef(cols) {
+    this._gridController.setColumnsDef(cols, this.multipleSelection);
+  }
+  /**
+  * Adiciona item de menu nas colunas.
+  */
+  async addColumnMenuItem(label, name, action) {
+    this._gridController.addColumnMenuItem({ label, name, action });
+  }
+  /**
+  * Método responsável por aplicar estado pré-existente nas colunas do grid.
+  */
+  async setColumnsState(state) {
+    this._gridController.setColumnsState(state);
+  }
+  /**
+  * Método de carga dos registros. Os objetos deste array devem conter atributos
+  * para as colunas desejadas.
+  */
+  async setData(data) {
+    this._gridController.setData(data);
+  }
+  /**
+  * Retorna as linhas selecionadas na grade.
+  */
+  async getSelection() {
+    return Promise.resolve(this._gridController.getSelection());
+  }
+  /**
+  * Método retornar o estado atual das colunas do grid.
+  */
+  async getColumnsState() {
+    return Promise.resolve(this._gridController.getColumnsState());
+  }
+  /**
+  * Método retornar o estado atual das colunas do grid.
+  */
+  async getColumns() {
+    return Promise.resolve(this._gridController.getColumnsDef());
+  }
+  componentWillLoad() {
+    if (this.dataUnit) {
+      this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
+      addEventListener("ezSelectionChange", (evt) => this.dataUnit.setSelection(evt.detail.map((r) => r.__record__id__)));
+    }
+  }
+  componentDidLoad() {
+    this._gridController.initDatagrid(this._container, {
+      onColumnStateChange: (type, state) => this.ezColumnStateChange.emit({ type, state }),
+      onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
+      onPaginationChange: (status) => {
+        this._navigationHasPrevious = status.hasPrevious;
+        this._navigationHasNext = status.hasNext;
+        this._navigationFirstRow = status.pageStart;
+        this._navigationLastRow = status.pageEnd;
+        this._navigationTotalRows = status.totalRows;
+      },
+      onDoubleClick: (row) => {
+        this.ezDoubleClick.emit(row);
+      },
+      allowMultipleSelection: this.multipleSelection,
+      pageSize: this.pageSize,
+      serverURL: this.serverUrl,
+      dataUnit: this.dataUnit
+    });
+    if (this._dataUnitBridge) {
+      this._gridController.setColumnsDef(this._dataUnitBridge.buildColumnDefs(), true);
+    }
+  }
+  getPaginationControl() {
+    if (this.pageSize === -1) {
+      return null;
+    }
+    return [
+      index.h("div", { class: "text text--primary text--medium margin-right--medium" }, index.h("strong", { class: "text text--primary text--medium" }, `${this._navigationFirstRow}-${this._navigationLastRow}`), ` de ${this._navigationTotalRows}`),
+      index.h("ez-button", { size: "small", iconName: "chevron-left", class: "margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this._gridController.previousPage(), label: "P\u00E1gina anterior" }),
+      index.h("ez-button", { size: "small", iconName: "chevron-right", class: "margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this._gridController.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
+    ];
+  }
+  applyConfig(cols) {
+    this._gridController.setColumnsState(cols);
+    this.closeConfig();
+  }
+  closeConfig() {
+    this._popUpVisible = false;
+  }
+  openConfig() {
+    this._gridConfig.columns = this._gridController.getColumnsState().filter(c => c.name);
+    this._gridConfig.selectedTab = "Colunas";
+    this._popUpVisible = true;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "box box--shadow padding--medium grid-header" }, index.h("div", { class: "grid-header__container" }, index.h("slot", { name: "leftButtons" })), index.h("div", { class: "grid-header__container" }, this.getPaginationControl(), index.h("ez-button", { size: "small", iconName: "settings", class: "button--secondary", mode: "icon", onClick: () => { this.openConfig(); } }))), index.h("div", { class: "grid__container ag-sankhya-theme", ref: elem => this._container = elem }), index.h("div", { class: "grid__footer" }), index.h("ez-modal", { modalSize: "small", closeEsc: true, closeOutsideClick: true, opened: this._popUpVisible, onEzCloseModal: () => this._popUpVisible = false }, index.h("grid-config", { ref: ref => this._gridConfig = ref, selectedTab: "Colunas", onConfigFinish: evt => this.applyConfig(evt.detail), onConfigCancel: _evt => this.closeConfig() }))));
+  }
+  static get assetsDirs() { return ["../assets"]; }
+};
+EzGrid.style = ezGridCss;
+
+exports.ez_grid = EzGrid;

package/dist/cjs/ez-icon.cjs.entry.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-682c98b2.js');
+const core = require('@sankhyalabs/core');
+
+const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-account-outline:before{content:\"\\ea01\"}.ez-icon-account:before{content:\"\\ea02\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea03\"}.ez-icon-alert-circle:before{content:\"\\ea04\"}.ez-icon-alert-mail:before{content:\"\\ea05\"}.ez-icon-alert-outline:before{content:\"\\ea06\"}.ez-icon-alert-popup:before{content:\"\\ea07\"}.ez-icon-apps:before{content:\"\\ea08\"}.ez-icon-arrow_back:before{content:\"\\ea09\"}.ez-icon-bell-inverted:before{content:\"\\ea0a\"}.ez-icon-bell:before{content:\"\\ea0b\"}.ez-icon-business-center:before{content:\"\\ea0c\"}.ez-icon-calendar-text:before{content:\"\\ea0d\"}.ez-icon-calendar:before{content:\"\\ea0e\"}.ez-icon-check-circle-inverted:before{content:\"\\ea0f\"}.ez-icon-check-circle:before{content:\"\\ea10\"}.ez-icon-check:before{content:\"\\ea11\"}.ez-icon-chevron-down:before{content:\"\\ea12\"}.ez-icon-chevron-left:before{content:\"\\ea13\"}.ez-icon-chevron-right:before{content:\"\\ea14\"}.ez-icon-chevron-up:before{content:\"\\ea15\"}.ez-icon-circle--medium:before{content:\"\\ea16\"}.ez-icon-circle:before{content:\"\\ea17\"}.ez-icon-clipboard:before{content:\"\\ea18\"}.ez-icon-close-circle-inverted:before{content:\"\\ea19\"}.ez-icon-close-circle:before{content:\"\\ea1a\"}.ez-icon-close:before{content:\"\\ea1b\"}.ez-icon-comment-inverted:before{content:\"\\ea1c\"}.ez-icon-comment:before{content:\"\\ea1d\"}.ez-icon-configuration:before{content:\"\\ea1e\"}.ez-icon-copy:before{content:\"\\ea1f\"}.ez-icon-crop:before{content:\"\\ea20\"}.ez-icon-delete:before{content:\"\\ea21\"}.ez-icon-description:before{content:\"\\ea22\"}.ez-icon-dot-notification:before{content:\"\\ea23\"}.ez-icon-dots-horizontal:before{content:\"\\ea24\"}.ez-icon-dots-vertical:before{content:\"\\ea25\"}.ez-icon-drag-indicator:before{content:\"\\ea26\"}.ez-icon-edit-file:before{content:\"\\ea27\"}.ez-icon-edit-table:before{content:\"\\ea28\"}.ez-icon-edit-time:before{content:\"\\ea29\"}.ez-icon-edit:before{content:\"\\ea2a\"}.ez-icon-email-inverted:before{content:\"\\ea2b\"}.ez-icon-email:before{content:\"\\ea2c\"}.ez-icon-error-octagon:before{content:\"\\ea2d\"}.ez-icon-expand:before{content:\"\\ea2e\"}.ez-icon-eye-off:before{content:\"\\ea2f\"}.ez-icon-eye:before{content:\"\\ea30\"}.ez-icon-favorite:before{content:\"\\ea31\"}.ez-icon-file-download:before{content:\"\\ea32\"}.ez-icon-file-upload:before{content:\"\\ea33\"}.ez-icon-filter:before{content:\"\\ea34\"}.ez-icon-find-file:before{content:\"\\ea35\"}.ez-icon-find-page:before{content:\"\\ea36\"}.ez-icon-format-color-fill:before{content:\"\\ea37\"}.ez-icon-help-circle-outline:before{content:\"\\ea38\"}.ez-icon-help-inverted:before{content:\"\\ea39\"}.ez-icon-help:before{content:\"\\ea3a\"}.ez-icon-home:before{content:\"\\ea3b\"}.ez-icon-language:before{content:\"\\ea3c\"}.ez-icon-launch:before{content:\"\\ea3d\"}.ez-icon-lightbulb:before{content:\"\\ea3e\"}.ez-icon-list:before{content:\"\\ea3f\"}.ez-icon-loading:before{content:\"\\ea40\"}.ez-icon-lock-outline:before{content:\"\\ea41\"}.ez-icon-lock:before{content:\"\\ea42\"}.ez-icon-menu:before{content:\"\\ea43\"}.ez-icon-minus-circle-inverted:before{content:\"\\ea44\"}.ez-icon-minus:before{content:\"\\ea45\"}.ez-icon-money-off:before{content:\"\\ea46\"}.ez-icon-money:before{content:\"\\ea47\"}.ez-icon-north-west:before{content:\"\\ea48\"}.ez-icon-pause:before{content:\"\\ea49\"}.ez-icon-payments:before{content:\"\\ea4a\"}.ez-icon-play:before{content:\"\\ea4b\"}.ez-icon-plus-circle-inverted:before{content:\"\\ea4c\"}.ez-icon-plus-circle:before{content:\"\\ea4d\"}.ez-icon-plus:before{content:\"\\ea4e\"}.ez-icon-power:before{content:\"\\ea4f\"}.ez-icon-push-pin:before{content:\"\\ea50\"}.ez-icon-restore:before{content:\"\\ea51\"}.ez-icon-return:before{content:\"\\ea52\"}.ez-icon-rotate:before{content:\"\\ea53\"}.ez-icon-save:before{content:\"\\ea54\"}.ez-icon-search:before{content:\"\\ea55\"}.ez-icon-settings-inverted:before{content:\"\\ea56\"}.ez-icon-settings:before{content:\"\\ea57\"}.ez-icon-share:before{content:\"\\ea58\"}.ez-icon-shield:before{content:\"\\ea59\"}.ez-icon-south-east:before{content:\"\\ea5a\"}.ez-icon-success-circle:before{content:\"\\ea5b\"}.ez-icon-sync:before{content:\"\\ea5c\"}.ez-icon-table:before{content:\"\\ea5d\"}.ez-icon-timer-outline:before{content:\"\\ea5e\"}.ez-icon-user-circle:before{content:\"\\ea5f\"}.ez-icon-warning-minus:before{content:\"\\ea60\"}.ez-icon-warning-triangle:before{content:\"\\ea61\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";
+
+const EzIcon = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Tamanho do ícone
+     */
+    this.size = 'medium';
+  }
+  isSprite() {
+    return this.href && this.href.indexOf('#') > -1;
+  }
+  getIconClassName() {
+    return `ez-icon-${this.iconName}`;
+  }
+  getIconContent() {
+    if (this.isSprite()) {
+      return index.h("svg", { class: this.size, role: "img" }, index.h("use", { xlinkHref: this.href }));
+    }
+    else if (!core.StringUtils.isEmpty(this.iconName)) {
+      return index.h("span", { class: `icon-content ${this.getIconClassName()}  ${this.size}--font` });
+    }
+    else {
+      return index.h("img", { class: this.size, src: this.href });
+    }
+  }
+  render() {
+    return (index.h(index.Host, null, this.getIconContent()));
+  }
+};
+EzIcon.style = ezIconCss;
+
+exports.ez_icon = EzIcon;