@sankhyalabs/ezui 2.0.4 → 2.0.6

package/dist/esm/ez-grid-config.entry.js

@@ -1,432 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-7bc778b3.js';
-import { StringUtils } from '@sankhyalabs/core';
-import { A as ApplicationUtils } from './ApplicationUtils-205ac4bc.js';
-import { D as DialogType } from './DialogType-4059dc4d.js';
-
-const ezGridConfigCss = ".sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--ez-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--ez-grid-config__title--font-size:var(--title--large, 20px);--ez-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--ez-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-grid-config__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--ez-grid-config__title--font-size);font-family:var(--ez-grid-config__title--font-family);font-weight:var(--ez-grid-config__title--font-weight)}.subtitle.sc-ez-grid-config{color:var(--text--primary);font-size:var(--ez-grid-config__subtitle--font-size);font-family:var(--ez-grid-config__subtitle--font-family)}.grid-config__main.sc-ez-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-grid-config__scrollbar--background-color-primary) var(--ez-grid-config__scrollbar--background-color-secondary);padding-right:var(--ez-grid-config__main--padding-right)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color-primary);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width);background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}";
-
-let EzGridConfig = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.configFinish = createEvent(this, "configFinish", 7);
-    this.configCancel = createEvent(this, "configCancel", 7);
-    this._orderListItems = [];
-    this._orderPriorityList = [];
-    this._columListItems = [];
-    this._selectedIndex = -1;
-    this._dataChanged = false;
-    this._componenteInternalKey = Date.now();
-    this.selectedTab = "Colunas";
-  }
-  /* Creation Methods */
-  createOrderList() {
-    let newList = [];
-    this.columns.filter(col => { var _a; return StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get("sortable"), true); }).forEach(column => {
-      var _a;
-      let configItem = (_a = this.config) === null || _a === void 0 ? void 0 : _a.columns.find(item => item.name === column.name);
-      let item = { name: column.name, label: column.label };
-      if (configItem) {
-        item['orderIndex'] = configItem.orderIndex;
-        item['ascending'] = configItem.ascending;
-      }
-      if (!column.hidden) {
-        newList.push(item);
-      }
-    });
-    newList.sort((a, b) => {
-      //OS dois tem order index 0 e pelo menos um deles tem orientação de ordenação.
-      if (a.orderIndex == 0 && b.orderIndex == 0 && (a.ascending != undefined || b.ascending != undefined)) {
-        if (a.ascending != undefined)
-          return -1;
-        if (b.ascending != undefined)
-          return 1;
-        return 0;
-        //Pelo menos um deles tem order index diferente de 0 e os dois tem orientação de ordenação.
-      }
-      else if (a.ascending != undefined && b.ascending != undefined) {
-        return (a.orderIndex - b.orderIndex);
-        //Pelo menos um deles tem order index diferente de 0 e pelo menos um deles tem orientação de ordenação.
-      }
-      else if (a.ascending != undefined || b.ascending != undefined) {
-        if (a.ascending != undefined)
-          return -1;
-        if (b.ascending != undefined)
-          return 1;
-        return 0;
-      }
-      return (a.orderIndex - b.orderIndex);
-    });
-    this._orderListItems = newList;
-  }
-  createColumnList() {
-    let visibleGroup = {
-      group: 'Visíveis',
-      items: [],
-    };
-    let hiddenGroup = {
-      group: 'Ocultas',
-      items: [],
-      sort: 'ASC'
-    };
-    this.columns.forEach(column => {
-      let item = { label: column.label };
-      if (column.hidden) {
-        hiddenGroup.items.push(item);
-      }
-      else {
-        visibleGroup.items.push(item);
-      }
-    });
-    this._columListItems = [visibleGroup, hiddenGroup];
-  }
-  buildColumnListSlot(item, group) {
-    return (h("div", null, h("ez-check", { mode: 'switch', id: 'switch' + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === "Visíveis", onEzChange: (ev) => { this.switchColumnGroup(ev, item); } })));
-  }
-  buildOrderListSlot(item) {
-    let selectedOption = "na";
-    if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
-      selectedOption = item.ascending == true ? 'asc' : 'desc';
-    }
-    return (h("div", null, h("ez-select-box", { selectedOption: selectedOption, key: 'ez-select-box-' + this._componenteInternalKey + '-' + item, onEzChange: (ev) => { ev.stopPropagation(); this.updateOrder(ev.detail, item.label); } })));
-  }
-  updateOrder(sortOrder, updatedItemLabel) {
-    var _a;
-    this._dataChanged = true;
-    let newList = [...this.columns];
-    let newItem = newList.find(item => item.label === updatedItemLabel);
-    if (newItem) {
-      newItem.sort = sortOrder.value === "na" ? undefined : sortOrder.value;
-    }
-    let orderArray;
-    if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this._orderPriorityList.find(item => item.label === newItem.label).sort = sortOrder;
-      this._orderPriorityList.filter(item => item.sort).map((item, index) => {
-        if (item.label === newItem.label) {
-          newItem.sortIndex = index;
-        }
-      });
-    }
-    else {
-      orderArray = newList.filter(item => item.sort && item.hidden !== true).map((item, index) => {
-        return { label: item.label, orderIndex: index };
-      });
-      orderArray.forEach(element => {
-        newList.find(item => item.label === element.label).sortIndex = element.orderIndex;
-      });
-    }
-    this.columns = newList;
-  }
-  /* Actions Methods */
-  switchColumnGroup(ev, switchedItem) {
-    ev.stopPropagation();
-    let newList = [...this._columListItems];
-    this._dataChanged = true;
-    if (ev.detail === true) {
-      let hiddenGroup = newList.find(group => group.group === "Ocultas");
-      let index = hiddenGroup.items.findIndex(item => item.label === switchedItem.label);
-      if (index >= 0) {
-        hiddenGroup.items.splice(index, 1);
-      }
-      let visibleGroup = newList.find(group => group.group === "Visíveis");
-      visibleGroup.items.push(switchedItem);
-      this._columListItems = newList;
-      this.createOrderList();
-    }
-    else if (ev.detail === false) {
-      let visibleGroup = newList.find(group => group.group === "Visíveis");
-      let index = visibleGroup.items.findIndex(item => item.label === switchedItem.label);
-      if (index >= 0) {
-        visibleGroup.items.splice(index, 1);
-      }
-      let hiddenGroup = newList.find(group => group.group === "Ocultas");
-      hiddenGroup.items.push(switchedItem);
-      this._columListItems = newList;
-      this.createOrderList();
-    }
-  }
-  finish() {
-    let newColumnList = [];
-    this._columListItems.forEach(group => {
-      group.items.forEach(item => {
-        const baseColumn = this.columns.find(column => column.label === item.label);
-        let newColumnItem = Object.assign({}, baseColumn);
-        if (group.group === "Ocultas") {
-          newColumnItem.hidden = true;
-        }
-        else {
-          newColumnItem.hidden = false;
-        }
-        newColumnList.push(newColumnItem);
-      });
-    });
-    this.columns = newColumnList;
-    this._dataChanged = false;
-    this.closeConfig();
-    this.save();
-  }
-  save() {
-    var _a;
-    let _newConfig;
-    if (this.config) {
-      _newConfig = this.config;
-    }
-    else {
-      _newConfig = this.createConfigFromState(this.columns);
-    }
-    let _newColumnConfigList = [];
-    let orderArray;
-    if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      orderArray = this.columns.filter(item => item.sort && item.hidden !== true).map((item) => {
-        return { label: item.label, orderIndex: 0 };
-      });
-      let indexCount = 0;
-      let newOrderArray = [];
-      this._orderPriorityList.forEach((orderPriorityItem) => {
-        let item = orderArray.find(column => column.label === orderPriorityItem.label);
-        if (item) {
-          item.orderIndex = indexCount;
-          newOrderArray.push(item);
-          indexCount++;
-        }
-      });
-      if (newOrderArray.length > 0) {
-        orderArray = newOrderArray;
-      }
-    }
-    for (let i = 0; i < this.columns.length; i++) {
-      const column = this.columns[i];
-      let _newColumnConfig = _newConfig.columns.find(_newColumnConfig => column.name === _newColumnConfig.name);
-      if (column.hidden === true && _newColumnConfig) {
-        continue;
-      }
-      if (_newColumnConfig) {
-        _newColumnConfig.width = column.width;
-      }
-      else if (column.hidden === false) {
-        _newColumnConfig = { name: column.name, width: column.width, orderIndex: 0 };
-      }
-      if (_newColumnConfig) {
-        if (column.sort) {
-          _newColumnConfig.ascending = column.sort.toUpperCase() === "ASC" ? true : false;
-          if (orderArray) {
-            adjustPriorityOrder(column, _newColumnConfig);
-          }
-          else {
-            _newColumnConfig.orderIndex = column.sortIndex;
-          }
-        }
-        else {
-          delete _newColumnConfig.ascending;
-          _newColumnConfig.orderIndex = 0;
-        }
-        _newColumnConfigList.push(_newColumnConfig);
-      }
-    }
-    _newConfig.columns = _newColumnConfigList;
-    this.configFinish.emit(_newConfig);
-    this._orderList.clearHistory();
-    function adjustPriorityOrder(column, _newColumnConfig) {
-      if (orderArray) {
-        let orderItem = orderArray.find(item => item.label === column.label);
-        if (orderItem) {
-          _newColumnConfig.orderIndex = orderItem.orderIndex;
-        }
-      }
-    }
-  }
-  createConfigFromState(state) {
-    let newConfig = { columns: [] };
-    state.forEach(columnState => {
-      if (!columnState.hidden) {
-        let newConfigColumn = { name: columnState.name };
-        if (columnState.width) {
-          newConfigColumn['width'] = columnState.width;
-        }
-        if (columnState.sort) {
-          newConfigColumn['ascending'] = (columnState.sort.toUpperCase() === 'ASC');
-          newConfigColumn['orderIndex'] = columnState.sortIndex;
-        }
-        else {
-          newConfigColumn['orderIndex'] = 0;
-        }
-        if (newConfigColumn) {
-          newConfig.columns.push(newConfigColumn);
-        }
-      }
-    });
-    return newConfig;
-  }
-  async locateColumn(evt, searchingText) {
-    var _a;
-    const hitEnter = evt.key === "Enter";
-    if (!searchingText) {
-      searchingText = (_a = evt.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
-    }
-    let newSelected = -1;
-    if (this.selectedTab === "Ordenação das linhas") {
-      if (searchingText) {
-        const matchedIndexes = [];
-        let orderListDatasource;
-        await this._orderList.getList().then(listGroup => {
-          orderListDatasource = listGroup;
-          orderListDatasource.forEach((column, index) => {
-            if (this.compareWords(column, searchingText)) {
-              matchedIndexes.push(index);
-            }
-          });
-        });
-        if (matchedIndexes.length > 0) {
-          if (hitEnter) {
-            for (let j = 0; j < matchedIndexes.length; j++) {
-              if (matchedIndexes[j] > this._selectedIndex) {
-                newSelected = matchedIndexes[j];
-                break;
-              }
-            }
-          }
-          if (newSelected === -1) {
-            newSelected = matchedIndexes[0];
-          }
-        }
-        this._selectedIndex = newSelected;
-        let selectedColumn;
-        selectedColumn = orderListDatasource[newSelected];
-        if (selectedColumn) {
-          this._orderList.setSelection({ label: selectedColumn.label }, true);
-        }
-        else {
-          this._orderList.setSelection(undefined);
-        }
-      }
-      else {
-        this._orderList.setSelection(undefined);
-      }
-    }
-    else {
-      if (searchingText) {
-        const matchedIndexes = [];
-        this.columns.forEach((column, index) => {
-          if (this.compareWords(column, searchingText)) {
-            matchedIndexes.push(index);
-          }
-        });
-        if (matchedIndexes.length > 0) {
-          if (hitEnter) {
-            for (let j = 0; j < matchedIndexes.length; j++) {
-              if (matchedIndexes[j] > this._selectedIndex) {
-                newSelected = matchedIndexes[j];
-                break;
-              }
-            }
-          }
-          if (newSelected === -1) {
-            newSelected = matchedIndexes[0];
-          }
-        }
-        this._selectedIndex = newSelected;
-        let selectedColumn = this.columns[newSelected];
-        if (selectedColumn) {
-          this._columnList.setSelection({ label: selectedColumn.label }, true);
-        }
-        else {
-          this._columnList.setSelection(undefined);
-        }
-      }
-      else {
-        this._columnList.setSelection(undefined);
-      }
-    }
-  }
-  compareWords(column, searchingText) {
-    if (StringUtils.replaceAccentuatedChars(column.label).indexOf(StringUtils.replaceAccentuatedChars(searchingText)) > -1) {
-      return true;
-    }
-    return false;
-  }
-  closeConfig() {
-    this._orderList.scrollToTop();
-    this._columnList.scrollToTop();
-    this._searchElement.value = "";
-    if (this._dataChanged) {
-      let options = {
-        canClose: false,
-        labelCancel: "Descartar",
-        labelConfirm: "Salvar",
-        btnConfirmDanger: false
-      };
-      ApplicationUtils.confirm("Aviso", "As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?", null, DialogType.WARN, options)
-        .then(response => {
-        if (!response) {
-          this._dataChanged = false;
-          this.configCancel.emit();
-          this._orderList.clearHistory();
-          this._componenteInternalKey = Date.now();
-        }
-        else {
-          this.finish();
-        }
-      });
-    }
-    else {
-      this.configCancel.emit();
-      this._orderList.clearHistory();
-    }
-  }
-  /* Handlers */
-  handleTabChange(ev) {
-    var _a;
-    if ((_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.selectedTab) {
-      if (this.selectedTab !== ev.target.selectedTab) {
-        if (ev.target.selectedTab === "Colunas") {
-          this._orderList.scrollToTop();
-        }
-        else if (ev.target.selectedTab === "Ordenação das linhas") {
-          this._columnList.scrollToTop();
-        }
-        this._searchElement.value = "";
-      }
-      if (ev.target.selectedTab === "Ordenação das linhas") {
-        this.createOrderList();
-      }
-      this.selectedTab = ev.target.selectedTab;
-    }
-  }
-  handleColumnListChange(ev) {
-    var _a;
-    if (ev.detail) {
-      let visibleItems = (_a = ev.detail.find(group => group.group === "Visíveis")) === null || _a === void 0 ? void 0 : _a.items;
-      if (visibleItems) {
-        this._dataChanged = true;
-        this._orderListItems = visibleItems;
-      }
-    }
-  }
-  handleOrderListChange(ev) {
-    if (ev.detail) {
-      let orderPriorityList = ev.detail;
-      if (orderPriorityList) {
-        this._dataChanged = true;
-        this._orderPriorityList = orderPriorityList;
-      }
-    }
-  }
-  componentWillRender() {
-    var _a;
-    if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.createColumnList();
-    }
-  }
-  componentDidRender() {
-    var _a;
-    if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.locateColumn(new KeyboardEvent("arrow-right", { key: "ArrowRight" }), this._searchElement.value);
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "" }, h("label", { class: "title" }, "Configura\u00E7\u00E3o da Grade"), h("label", { class: "subtitle" }, "Defina visibilidade e ordem das colunas.")), h("div", { class: "button-close" }, h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), h("div", { class: "tabselector-container" }, h("ez-tabselector", { selectedTab: this.selectedTab, selectedIndex: 0, onEzChange: (ev) => { this.handleTabChange(ev); }, tabs: 'Colunas, Ordena\u00E7\u00E3o das linhas' })), h("div", null, h("ez-text-input", { ref: (el) => this._searchElement = el, label: "Localizar coluna", onKeyUp: evt => this.locateColumn(evt) }, h("ez-icon", { slot: "leftIcon", size: "medium", iconName: "search" })))), h("div", { class: "grid-config__main" }, h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedTab === "Colunas" ? "" : "hidden", dataSource: this._columListItems, onEzChange: ev => this.handleColumnListChange(ev), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true }), h("div", { class: this.selectedTab === "Ordenação das linhas" ? "group-name" : "hidden" }, "Sequ\u00EAncia da ordena\u00E7\u00E3o"), h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedTab === "Ordenação das linhas" ? "height-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: ev => this.handleOrderListChange(ev), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item) })), h("div", { class: "grid-config__footer" }, h("ez-button", { class: "padding-right--medium", label: "Cancelar", onClick: () => this.closeConfig() }), h("ez-button", { label: "Concluir", class: "ez-button--primary", onClick: () => this.finish() }))));
-  }
-  static get assetsDirs() { return ["../assets"]; }
-};
-EzGridConfig.style = ezGridConfigCss;
-
-export { EzGridConfig as ez_grid_config };

package/dist/esm/ez-select-box.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-7bc778b3.js';
-
-const ezSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
-
-let SelectBox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChange = createEvent(this, "ezChange", 7);
-    this.selectedOption = { value: "na", label: "N/A" };
-  }
-  render() {
-    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, h("option", { value: "na" }, "N/A"), h("option", { value: "asc" }, "A-Z"), h("option", { value: "desc" }, "Z-A")));
-  }
-  static get assetsDirs() { return ["../assets"]; }
-};
-SelectBox.style = ezSelectBoxCss;
-
-export { SelectBox as ez_select_box };

package/dist/ezui/p-2c6398b3.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,h as t,H as r}from"./p-3c7ea91b.js";import{StringUtils as o}from"@sankhyalabs/core";import{A as s}from"./p-0b44cf1c.js";import{D as a}from"./p-e1148f5c.js";let l=class{constructor(t){i(this,t),this.configFinish=e(this,"configFinish",7),this.configCancel=e(this,"configCancel",7),this._orderListItems=[],this._orderPriorityList=[],this._columListItems=[],this._selectedIndex=-1,this._dataChanged=!1,this._componenteInternalKey=Date.now(),this.selectedTab="Colunas"}createOrderList(){let i=[];this.columns.filter((i=>{var e;return o.getBooleanValue(null===(e=null==i?void 0:i.props)||void 0===e?void 0:e.get("sortable"),!0)})).forEach((e=>{var t;let r=null===(t=this.config)||void 0===t?void 0:t.columns.find((i=>i.name===e.name)),o={name:e.name,label:e.label};r&&(o.orderIndex=r.orderIndex,o.ascending=r.ascending),e.hidden||i.push(o)})),i.sort(((i,e)=>0!=i.orderIndex||0!=e.orderIndex||null==i.ascending&&null==e.ascending?null!=i.ascending&&null!=e.ascending?i.orderIndex-e.orderIndex:null!=i.ascending||null!=e.ascending?null!=i.ascending?-1:null!=e.ascending?1:0:i.orderIndex-e.orderIndex:null!=i.ascending?-1:null!=e.ascending?1:0)),this._orderListItems=i}createColumnList(){let i={group:"Visíveis",items:[]},e={group:"Ocultas",items:[],sort:"ASC"};this.columns.forEach((t=>{let r={label:t.label};t.hidden?e.items.push(r):i.items.push(r)})),this._columListItems=[i,e]}buildColumnListSlot(i,e){return t("div",null,t("ez-check",{mode:"switch",id:"switch"+((null==i?void 0:i.label)||"")+((null==e?void 0:e.group)||""),value:"Visíveis"===e.group,onEzChange:e=>{this.switchColumnGroup(e,i)}}))}buildOrderListSlot(i){let e="na";return null!=(null==i?void 0:i.ascending)&&(e=1==i.ascending?"asc":"desc"),t("div",null,t("ez-select-box",{selectedOption:e,key:"ez-select-box-"+this._componenteInternalKey+"-"+i,onEzChange:e=>{e.stopPropagation(),this.updateOrder(e.detail,i.label)}}))}updateOrder(i,e){var t;this._dataChanged=!0;let r,o=[...this.columns],s=o.find((i=>i.label===e));s&&(s.sort="na"===i.value?void 0:i.value),(null===(t=this._orderPriorityList)||void 0===t?void 0:t.length)>0?(this._orderPriorityList.find((i=>i.label===s.label)).sort=i,this._orderPriorityList.filter((i=>i.sort)).map(((i,e)=>{i.label===s.label&&(s.sortIndex=e)}))):(r=o.filter((i=>i.sort&&!0!==i.hidden)).map(((i,e)=>({label:i.label,orderIndex:e}))),r.forEach((i=>{o.find((e=>e.label===i.label)).sortIndex=i.orderIndex}))),this.columns=o}switchColumnGroup(i,e){i.stopPropagation();let t=[...this._columListItems];if(this._dataChanged=!0,!0===i.detail){let i=t.find((i=>"Ocultas"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Visíveis"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}else if(!1===i.detail){let i=t.find((i=>"Visíveis"===i.group)),r=i.items.findIndex((i=>i.label===e.label));r>=0&&i.items.splice(r,1),t.find((i=>"Ocultas"===i.group)).items.push(e),this._columListItems=t,this.createOrderList()}}finish(){let i=[];this._columListItems.forEach((e=>{e.items.forEach((t=>{const r=this.columns.find((i=>i.label===t.label));let o=Object.assign({},r);o.hidden="Ocultas"===e.group,i.push(o)}))})),this.columns=i,this._dataChanged=!1,this.closeConfig(),this.save()}save(){var i;let e;e=this.config?this.config:this.createConfigFromState(this.columns);let t,r=[];if((null===(i=this._orderPriorityList)||void 0===i?void 0:i.length)>0){t=this.columns.filter((i=>i.sort&&!0!==i.hidden)).map((i=>({label:i.label,orderIndex:0})));let i=0,e=[];this._orderPriorityList.forEach((r=>{let o=t.find((i=>i.label===r.label));o&&(o.orderIndex=i,e.push(o),i++)})),e.length>0&&(t=e)}for(let i=0;i<this.columns.length;i++){const s=this.columns[i];let a=e.columns.find((i=>s.name===i.name));!0===s.hidden&&a||(a?a.width=s.width:!1===s.hidden&&(a={name:s.name,width:s.width,orderIndex:0}),a&&(s.sort?(a.ascending="ASC"===s.sort.toUpperCase(),t?o(s,a):a.orderIndex=s.sortIndex):(delete a.ascending,a.orderIndex=0),r.push(a)))}function o(i,e){if(t){let r=t.find((e=>e.label===i.label));r&&(e.orderIndex=r.orderIndex)}}e.columns=r,this.configFinish.emit(e),this._orderList.clearHistory()}createConfigFromState(i){let e={columns:[]};return i.forEach((i=>{if(!i.hidden){let t={name:i.name};i.width&&(t.width=i.width),i.sort?(t.ascending="ASC"===i.sort.toUpperCase(),t.orderIndex=i.sortIndex):t.orderIndex=0,t&&e.columns.push(t)}})),e}async locateColumn(i,e){var t;const r="Enter"===i.key;e||(e=null===(t=i.currentTarget)||void 0===t?void 0:t.value);let o=-1;if("Ordenação das linhas"===this.selectedTab)if(e){const i=[];let t,s;if(await this._orderList.getList().then((r=>{t=r,t.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)}))})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o,s=t[o],s?this._orderList.setSelection({label:s.label},!0):this._orderList.setSelection(void 0)}else this._orderList.setSelection(void 0);else if(e){const i=[];if(this.columns.forEach(((t,r)=>{this.compareWords(t,e)&&i.push(r)})),i.length>0){if(r)for(let e=0;e<i.length;e++)if(i[e]>this._selectedIndex){o=i[e];break}-1===o&&(o=i[0])}this._selectedIndex=o;let t=this.columns[o];t?this._columnList.setSelection({label:t.label},!0):this._columnList.setSelection(void 0)}else this._columnList.setSelection(void 0)}compareWords(i,e){return o.replaceAccentuatedChars(i.label).indexOf(o.replaceAccentuatedChars(e))>-1}closeConfig(){this._orderList.scrollToTop(),this._columnList.scrollToTop(),this._searchElement.value="",this._dataChanged?s.confirm("Aviso","As alterações realizadas serão descartadas. Gostaria de salvar antes de sair?",null,a.WARN,{canClose:!1,labelCancel:"Descartar",labelConfirm:"Salvar",btnConfirmDanger:!1}).then((i=>{i?this.finish():(this._dataChanged=!1,this.configCancel.emit(),this._orderList.clearHistory(),this._componenteInternalKey=Date.now())})):(this.configCancel.emit(),this._orderList.clearHistory())}handleTabChange(i){var e;(null===(e=null==i?void 0:i.target)||void 0===e?void 0:e.selectedTab)&&(this.selectedTab!==i.target.selectedTab&&("Colunas"===i.target.selectedTab?this._orderList.scrollToTop():"Ordenação das linhas"===i.target.selectedTab&&this._columnList.scrollToTop(),this._searchElement.value=""),"Ordenação das linhas"===i.target.selectedTab&&this.createOrderList(),this.selectedTab=i.target.selectedTab)}handleColumnListChange(i){var e;if(i.detail){let t=null===(e=i.detail.find((i=>"Visíveis"===i.group)))||void 0===e?void 0:e.items;t&&(this._dataChanged=!0,this._orderListItems=t)}}handleOrderListChange(i){if(i.detail){let e=i.detail;e&&(this._dataChanged=!0,this._orderPriorityList=e)}}componentWillRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.createColumnList()}componentDidRender(){var i;(null===(i=this.columns)||void 0===i?void 0:i.length)>0&&this.locateColumn(new KeyboardEvent("arrow-right",{key:"ArrowRight"}),this._searchElement.value)}render(){return t(r,null,t("div",{class:"grid-config__header"},t("div",{class:"title-container"},t("div",{class:""},t("label",{class:"title"},"Configuração da Grade"),t("label",{class:"subtitle"},"Defina visibilidade e ordem das colunas.")),t("div",{class:"button-close"},t("ez-button",{mode:"icon",iconName:"close",size:"medium",onClick:()=>this.closeConfig()}))),t("div",{class:"tabselector-container"},t("ez-tabselector",{selectedTab:this.selectedTab,selectedIndex:0,onEzChange:i=>{this.handleTabChange(i)},tabs:"Colunas, Ordenação das linhas"})),t("div",null,t("ez-text-input",{ref:i=>this._searchElement=i,label:"Localizar coluna",onKeyUp:i=>this.locateColumn(i)},t("ez-icon",{slot:"leftIcon",size:"medium",iconName:"search"})))),t("div",{class:"grid-config__main"},t("ez-list",{ref:i=>this._columnList=i,class:"Colunas"===this.selectedTab?"":"hidden",dataSource:this._columListItems,onEzChange:i=>this.handleColumnListChange(i),ezDraggable:!0,ezSelectable:!0,itemSlotBuilder:(i,e)=>this.buildColumnListSlot(i,e),useGroups:!0}),t("div",{class:"Ordenação das linhas"===this.selectedTab?"group-name":"hidden"},"Sequência da ordenação"),t("ez-list",{ref:i=>this._orderList=i,class:"Ordenação das linhas"===this.selectedTab?"height-calc":"hidden",dataSource:this._orderListItems,ezSelectable:!0,onEzChange:i=>this.handleOrderListChange(i),ezDraggable:!0,itemSlotBuilder:i=>this.buildOrderListSlot(i)})),t("div",{class:"grid-config__footer"},t("ez-button",{class:"padding-right--medium",label:"Cancelar",onClick:()=>this.closeConfig()}),t("ez-button",{label:"Concluir",class:"ez-button--primary",onClick:()=>this.finish()})))}static get assetsDirs(){return["../assets"]}};l.style='.sc-ez-grid-config-h{--ez-grid-config__footer--padding-top:var(--space--medium, 12px);--ez-grid-config__main--padding-right:var(--space--medium, 12px);--ez-grid-config__tabselector-container--padding:var(--space--medium, 12px);--ez-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--ez-grid-config__title--font-family:var(--font-pattern, "Roboto");--ez-grid-config__title--font-size:var(--title--large, 20px);--ez-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--ez-grid-config__subtitle--font-family:var(--font-pattern, "Roboto");--ez-grid-config__subtitle--font-size:var(--text--medium, 14px);--ez-grid-config__scrollbar--width:var(--space--medium, 12px);--ez-grid-config__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-grid-config__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-grid-config__group--font-family:var(--font-pattern, "Roboto");--ez-grid-config__group--font-size:var(--text--medium, 14px);--ez-grid-config__group--font-weight:var(--text-weight--large, 600);--ez-grid-config__group--padding-bottom:var(--space-small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-ez-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-ez-grid-config{padding-right:var(--space--medium)}ez-list.sc-ez-grid-config{height:100%}.height-calc.sc-ez-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-ez-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--ez-grid-config__footer--padding-top)}.hidden.sc-ez-grid-config{display:none}.tabselector-container.sc-ez-grid-config{padding:var(--ez-grid-config__tabselector-container--padding) 0}.button-close.sc-ez-grid-config{padding-left:var(--ez-grid-config__button-close--padding-left)}.title-container.sc-ez-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-ez-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--ez-grid-config__title--font-size);font-family:var(--ez-grid-config__title--font-family);font-weight:var(--ez-grid-config__title--font-weight)}.subtitle.sc-ez-grid-config{color:var(--text--primary);font-size:var(--ez-grid-config__subtitle--font-size);font-family:var(--ez-grid-config__subtitle--font-family)}.grid-config__main.sc-ez-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-grid-config__scrollbar--background-color-primary) var(--ez-grid-config__scrollbar--background-color-secondary);padding-right:var(--ez-grid-config__main--padding-right)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-track{background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar-thumb{background-color:var(--ez-grid-config__scrollbar--background-color-primary);border-radius:var(--ez-grid-config__scrollbar--border-radius)}.grid-config__main.sc-ez-grid-config::-webkit-scrollbar{width:var(--ez-grid-config__scrollbar--width);max-width:var(--ez-grid-config__scrollbar--width);min-width:var(--ez-grid-config__scrollbar--width);background-color:var(--ez-grid-config__scrollbar--background-color-secondary)}.group-name.sc-ez-grid-config{font-family:var(--ez-grid-config__group--font-family);font-size:var(--ez-grid-config__group--font-size);font-weight:var(--ez-grid-config__group--font-weight);padding-bottom:var(--ez-grid-config__group--padding-bottom)}';export{l as ez_grid_config}

package/dist/ezui/p-9b1700f7.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as o}from"./p-3c7ea91b.js";let s=class{constructor(o){e(this,o),this.ezChange=t(this,"ezChange",7),this.selectedOption={value:"na",label:"N/A"}}render(){return o("ez-combo-box",{class:"grid-config-combo ez-input--inverted",label:"",suppressSearch:!0,value:this.selectedOption,enabled:!0,canShowError:!1,suppressEmptyOption:!0},o("option",{value:"na"},"N/A"),o("option",{value:"asc"},"A-Z"),o("option",{value:"desc"},"Z-A"))}static get assetsDirs(){return["../assets"]}};s.style="ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";export{s as ez_select_box}

package/dist/ezui/p-be06251d.entry.js

@@ -1 +0,0 @@
-import{r as o,c as r,h as a,H as e,g as i}from"./p-3c7ea91b.js";let t=class{constructor(a){o(this,a),this.ezChange=r(this,"ezChange",7),this.options=[],this.enabled=!0,this.direction="vertical"}componentWillLoad(){this._options=this.options;const o=this.hostElement.querySelectorAll("ez-radio-button-option");o&&o.forEach((o=>{let r=o.getAttribute("label"),a=o.getAttribute("value");this._options.push({label:r,value:a})}))}handleInputChange(o){this.value=o.target.value,this.ezChange.emit(this.value)}render(){return a(e,null,this.label&&a("label",{class:"label"},this.label),a("div",{class:"form form--"+this.direction},this._options.map(((o,r)=>a("div",{class:"form__group"},a("input",{id:"rad"+r,class:"form__radio",name:"theradio",type:"radio",value:o.value,onChange:o=>{this.handleInputChange(o)},disabled:!this.enabled,checked:o.value===this.value}),a("label",{htmlFor:"rad"+r,class:"form__label"},o.label))))))}get hostElement(){return i(this)}};t.style=":host{--ez-radio-button--font-family:var(--font-pattern, Arial);--ez-radio-button--font-size:var(--text--medium, 14px);--ez-radio-button--font-weight:var(--text-weight--large);--ez-radio-button--font-color:var(--title--primary, #2B3A54);--ez-radio-button--padding-vertical:var(--space--medium, 12px);--ez-radio-button--padding-horizontal:var(--space--small, 6px);--ez-radio-button__form-label--font-family:var(--font-pattern, Arial);--ez-radio-button__form-label--font-weight:var(--text-weight--medium, 400);--ez-radio-button__form-label--title-primary:var(--title--primary, #2B3A54);--ez-radio-button__form-label--font-size:var(--text--medium, 14px);--ez-radio-button__form-label--padding-horizontal:var(--space--medium, 12px);--ez-radio-button__form-radio--border-color:var(--title--primary, #2B3A54);--ez-radio-button__form-radio--checked--color:var(--color--primary, #008561);--ez-radio-button__form-radio--disabled--border-color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--disabled--background-color:var(--background--medium, #f0f3f7);--ez-radio-button__form-radio--disabled--color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--disabled--before--background-color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--focus--background-color:var(--color--inverted, #fff);--ez-radio-button__form-radio--checked--box-shadow-color:var(--background--strong, #e4eaf1);--ez-radio-button__form-radio--checked--focus--background-color:var(--color--inverted, #fff);--ez-radio-button__form-radio--checked--focus--box-shadow-color:var(--color--primary-300, #e2f4ef);--ez-radio-button__form-radio--checked--hover--background-color:var(--color--inverted, #fff);--ez-radio-button__form-radio--checked--hover--box-shadow-color:#daece7;--ez-radio-button__form-radio--hover--box-shadow-color:var(--color--strokes, #dce0e8);--ez-radio-button__form-radio--checked--disabled--hover--background-color:var(--background--medium, #f0f3f7);display:flex;width:100%;flex-direction:column;align-items:flex-start;box-sizing:border-box}.form{padding:var(--ez-radio-button--padding-vertical) var(--ez-radio-button--padding-horizontal);gap:var(--ez-radio-button__form-label--padding-horizontal)}.form--vertical{display:flex;flex-direction:column}.form--horizontal{display:flex;flex-direction:row}.form__group{display:flex;align-items:center}.label{font-family:var(--ez-radio-button--font-family);font-size:var(--ez-radio-button--font-size);font-weight:var(--ez-radio-button--font-weight);color:var(--ez-radio-button--font-color)}.form__label{cursor:pointer;font-weight:var(--ez-radio-button__form-label--font-weight);color:var(--ez-radio-button__form-label--title-primary);font-family:var(--ez-radio-button__form-label--font-family);font-size:var(--ez-radio-button__form-label--font-size);padding-left:var(--ez-radio-button__form-label--padding-horizontal);padding-right:var(--ez-radio-button__form-label--padding-horizontal)}.form__radio{cursor:pointer;appearance:none;outline:none;position:relative;display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:18px;height:18px;border-radius:50%;border:2px solid var(--ez-radio-button__form-radio--border-color)}.form__radio::before{content:'';display:block;position:absolute;opacity:0;transition:all 300ms ease-in-out;height:calc(18px/2);width:calc(18px/2);border-radius:50%;background:var(--ez-radio-button__form-radio--checked--color)}.form__radio:checked:before{opacity:1}.form__radio:checked{border:2px solid var(--ez-radio-button__form-radio--checked--color)}.form__radio:disabled{cursor:default;border:2px solid var(--ez-radio-button__form-radio--disabled--border-color);background-color:var(--ez-radio-button__form-radio--disabled--background-color)}.form__radio:disabled:hover{box-shadow:inherit}input[type=radio]:disabled~label{cursor:default;color:var(--ez-radio-button__form-radio--disabled--color)}.form__radio:disabled:before{background:var(--ez-radio-button__form-radio--disabled--before--background-color)}.form__radio:focus{transition:0.25s linear;background-color:var(--ez-radio-button__form-radio--focus--background-color);box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--checked--box-shadow-color)}.form__radio:checked:focus{transition:0.25s linear;background-color:var(--ez-radio-button__form-radio--checked--focus--background-color);box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--checked--focus--box-shadow-color)}.form__radio:checked:hover{transition:0.25s linear;background-color:var(--ez-radio-button__form-radio--checked--hover--background-color);box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--checked--hover--box-shadow-color)}.form__radio:hover{transition:0.25s linear;box-shadow:0px 0px 0px 6px var(--ez-radio-button__form-radio--hover--box-shadow-color)}.form__radio:checked:disabled:hover{box-shadow:none;background-color:var(--ez-radio-button__form-radio--checked--disabled--hover--background-color)}";export{t as ez_radio_button}

package/dist/types/components/ez-grid/subcomponents/ez-grid-config/ez-grid-config.d.ts

@@ -1,38 +0,0 @@
-import { EventEmitter } from '../../../../stencil-public-runtime';
-import { IGridConfig, EzGridColumn } from '../../controller/EzGridController';
-export declare class EzGridConfig {
-  private _columnList;
-  private _orderList;
-  private _searchElement;
-  private _orderListItems;
-  private _orderPriorityList;
-  private _columListItems;
-  private _selectedIndex;
-  private _dataChanged;
-  private _componenteInternalKey;
-  selectedTab: string;
-  columns: Array<EzGridColumn>;
-  config: IGridConfig;
-  configFinish: EventEmitter<IGridConfig>;
-  configCancel: EventEmitter<void>;
-  private createOrderList;
-  private createColumnList;
-  private buildColumnListSlot;
-  private buildOrderListSlot;
-  private updateOrder;
-  switchColumnGroup(ev: any, switchedItem: any): void;
-  finish(): void;
-  private save;
-  createConfigFromState(state: any): {
-    columns: any[];
-  };
-  locateColumn(evt: KeyboardEvent, searchingText?: string): Promise<void>;
-  private compareWords;
-  closeConfig(): void;
-  handleTabChange(ev: any): void;
-  handleColumnListChange(ev: any): void;
-  handleOrderListChange(ev: any): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-}

package/dist/types/components/ez-grid/subcomponents/ez-select-box/ez-select-box.d.ts

@@ -1,7 +0,0 @@
-import { EventEmitter } from '../../../../stencil-public-runtime';
-import { IOption } from '../../../ez-combo-box/ez-combo-box';
-export declare class SelectBox {
-  ezChange: EventEmitter<string>;
-  selectedOption: IOption | string;
-  render(): any;
-}