@sankhyalabs/ezui 6.5.0-dev.1 → 6.5.0-dev.3

package/dist/collection/components/ez-pagination/ez-pagination.css

@@ -0,0 +1,102 @@
+:host {
+    /* @doc Define a cor do label de informação dfa paginação. */
+    --ez-pagination__info--color: var(--color--petroleum-500);
+
+    /* @doc Define o espaçamento entre o texto de informação e os botões de controle. */
+    --ez-pagination__info--margin-right: var(--space--sm);
+
+    /* @doc Define o peso da fonte do texto de informação . */
+    --ez-pagination__info--text-weight: var(--text-weight--medium);
+
+    /* @doc Define o tamanho da fonte do texto de informação . */
+    --ez-pagination__info--font-size: var(--text--medium);
+
+    /* @doc Define o peso da fonte do texto de intervalo da informação . */
+    --ez-pagination__info-range--font-weight: var(--font-weight--bold);
+
+    /* @doc Define o espaçamento lateral entre as opções de páginas do modo numérico . */
+    --ez-pagination__pages-option-padding: var(--space--nano);
+
+    /* @doc Define a cor de texto das opções de páginas do modo numérico . */
+    --ez-pagination__pages-option-color: var(--color--petroleum-500);
+
+    /* @doc Define a o peso da fonte do texto das opções de páginas do modo numérico . */
+    --ez-pagination__pages-option-weight: var(--text-weight--medium);
+
+    /* @doc Define a o tamanho da fonte do texto das opções de páginas do modo numérico . */
+    --ez-pagination__pages-option-size: var(--text--medium);
+
+}
+
+.pagination-container {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    overflow: hidden;
+}
+
+.info {
+    color: var(--ez-pagination__info--color);
+    margin-right: var(--ez-pagination__info--margin-right);
+    font-weight: var(--ez-pagination__info--text-weight);
+    font-size: var(--ez-pagination__info--font-size);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 0;
+}
+
+.info-range {
+    font-weight: var(--ez-pagination__info-range--font-weight);
+}
+
+.controls {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+}
+
+.controls-compact {
+    gap: var(--space--2xs);
+}
+
+.pages-options {
+    display: flex;
+    align-items: center;
+    padding: 0 var(--ez-pagination__pages-option-padding);
+}
+
+.page-button {
+    color: var(--ez-pagination__pages-option-color);
+    font-weight: var(--ez-pagination__pages-option-weight);
+    font-size: var(--ez-pagination__pages-option-size);
+    background-color: transparent;
+    padding: 0;
+    border: none;
+    cursor: pointer;
+    min-width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+
+.current-page {
+    color: var(--color--primary);
+}
+
+.page-info {
+    margin: 0 8px;
+}
+
+.ellipsis {
+    color: var(--ez-pagination__pages-option-color);
+    font-weight: var(--ez-pagination__pages-option-weight);
+    font-size: var(--ez-pagination__pages-option-size);
+    min-width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/dist/collection/components/ez-pagination/ez-pagination.js

@@ -0,0 +1,246 @@
+import { h } from '@stencil/core';
+import initI18n from '../../utils/i18n';
+export class EzPagination {
+  constructor() {
+    this.handlePreviousPage = () => {
+      if (this.currentPage > 1) {
+        this.currentPage--;
+        this.ezPageChange.emit(this.currentPage);
+      }
+    };
+    this.handleNextPage = () => {
+      if (this.currentPage < this.getTotalPages()) {
+        this.currentPage++;
+        this.ezPageChange.emit(this.currentPage);
+      }
+    };
+    this.handlePageClick = (page) => {
+      this.currentPage = page;
+      this.ezPageChange.emit(this.currentPage);
+    };
+    this.type = 'default';
+    this.currentPage = 1;
+    this.totalItems = 0;
+    this.pageSize = 10;
+    this.hideInfoLabel = false;
+    this.pageLimit = 10;
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  getTotalPages() {
+    return Math.ceil(this.totalItems / this.pageSize);
+  }
+  renderNextBtn() {
+    return h("ez-button", { "aria-label": this.i18n('ez-pagination.nextPage'), label: this.i18n('ez-pagination.nextPage'), "data-element-id": "pagination-next-button", size: "small", iconName: "arrow-right", class: "ez-button--primary", mode: "icon", enabled: this.currentPage < this.getTotalPages(), onClick: () => this.handleNextPage() });
+  }
+  renderPreviousBtn() {
+    return h("ez-button", { label: this.i18n('ez-pagination.previousPage'), "aria-label": this.i18n('ez-pagination.previousPage'), "data-element-id": "pagination-previous-button", size: "small", iconName: "arrow-left", mode: "icon", enabled: this.currentPage > 1, onClick: () => this.handlePreviousPage() });
+  }
+  renderPageButton(page) {
+    return (h("button", { "aria-label": `page-${page}`, class: { 'page-button': true, 'current-page': this.currentPage === page }, onClick: () => this.handlePageClick(page) }, page));
+  }
+  renderEllipsis() {
+    return h("span", { "aria-label": 'page-ellipsis', class: "ellipsis" }, "...");
+  }
+  renderPageButtons(pages) {
+    return pages.map(page => (page === '...' ? this.renderEllipsis() : this.renderPageButton(page)));
+  }
+  renderInfoLabel(firstItem, lastItem) {
+    return !this.hideInfoLabel && (h("div", { class: "info" }, h("span", { class: 'info-range' }, firstItem, " at\u00E9 ", lastItem), " de ", this.totalItems));
+  }
+  renderDefault() {
+    const firstItem = (this.currentPage - 1) * this.pageSize + 1;
+    const lastItem = Math.min(this.currentPage * this.pageSize, this.totalItems);
+    return (h("div", { class: "pagination-container" }, this.renderInfoLabel(firstItem, lastItem), h("div", { class: "controls controls-compact" }, this.renderPreviousBtn(), this.renderNextBtn())));
+  }
+  renderNumber() {
+    const totalPages = this.getTotalPages();
+    const { currentPage, pageLimit } = this;
+    const pages = [];
+    if (totalPages <= pageLimit) {
+      for (let i = 1; i <= totalPages; i++) {
+        pages.push(i);
+      }
+    }
+    else {
+      const range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
+      const mainPagesCount = pageLimit - 2;
+      const showLeftEllipsis = currentPage > mainPagesCount;
+      const showRightEllipsis = currentPage < totalPages - mainPagesCount + 1;
+      if (!showLeftEllipsis) {
+        // Exibe o início da paginação sem elipse à esquerda
+        // Ex: 1 2 3 4 5 6 ... 10 (pageLimit = 8)
+        pages.push(...range(1, pageLimit - 2));
+        pages.push('...');
+        pages.push(totalPages);
+      }
+      else if (!showRightEllipsis) {
+        // Exibe o final da paginação sem elipse à direita
+        // Ex: 1 ... 5 6 7 8 9 10 (pageLimit = 8)
+        pages.push(1);
+        pages.push('...');
+        pages.push(...range(totalPages - (pageLimit - 3), totalPages));
+      }
+      else {
+        // Exibe elipses em ambos os lados
+        // Ex: 1 ... 4 5 6 7 ... 10 (pageLimit = 8)
+        const innerPagesCount = pageLimit - 4; // Contabiliza 1, ..., ..., totalPages
+        const aroundCount = Math.floor((innerPagesCount - 1) / 2);
+        const startPage = currentPage - aroundCount;
+        const endPage = currentPage + (innerPagesCount - 1 - aroundCount);
+        pages.push(1);
+        pages.push('...');
+        pages.push(...range(startPage, endPage));
+        pages.push('...');
+        pages.push(totalPages);
+      }
+    }
+    return (h("div", { class: "pagination-container" }, h("div", { class: "controls" }, this.renderPreviousBtn(), h("div", { class: "pages-options" }, this.renderPageButtons(pages)), this.renderNextBtn())));
+  }
+  render() {
+    return this.type === 'number' ? this.renderNumber() : this.renderDefault();
+  }
+  static get is() { return "ez-pagination"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-pagination.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-pagination.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'number'",
+          "resolved": "\"default\" | \"number\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "O tipo de pagina\u00E7\u00E3o a ser renderizada.\nPode ser 'default' ou 'number'."
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "'default'"
+      },
+      "currentPage": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "O n\u00FAmero da p\u00E1gina atual."
+        },
+        "attribute": "current-page",
+        "reflect": false,
+        "defaultValue": "1"
+      },
+      "totalItems": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "O n\u00FAmero total de itens."
+        },
+        "attribute": "total-items",
+        "reflect": false,
+        "defaultValue": "0"
+      },
+      "pageSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "O n\u00FAmero de itens por p\u00E1gina."
+        },
+        "attribute": "page-size",
+        "reflect": false,
+        "defaultValue": "10"
+      },
+      "hideInfoLabel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Esconde as o texto de informa\u00E7\u00E3o da pagina\u00E7\u00E3o no tipo default."
+        },
+        "attribute": "hide-info-label",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "pageLimit": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "O n\u00FAmero de p\u00E1ginas a serem exibidas na pagina\u00E7\u00E3o."
+        },
+        "attribute": "page-limit",
+        "reflect": false,
+        "defaultValue": "10"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezPageChange",
+        "name": "ezPageChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento emitido quando a p\u00E1gina \u00E9 alterada."
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/collection/utils/i18n/locales/en-us.js

@@ -191,6 +191,10 @@ export default {
     "ez-number-input": {
       invalidNumber: "The entered value is not a valid number",
     },
+    "ez-pagination": {
+      previousPage: "Previous page",
+      nextPage: "Next page",
+    },
     "ez-rich-text": {
       listShortcut: "Applies list style to the selected text.",
       linkShortcut: "Opens link popup.",

package/dist/collection/utils/i18n/locales/es-es.js

@@ -191,6 +191,10 @@ export default {
     "ez-number-input": {
       invalidNumber: "El valor ingresado no es un número válido",
     },
+    "ez-pagination": {
+      previousPage: "Página anterior",
+      nextPage: "Página siguiente",
+    },
     "ez-rich-text": {
       listShortcut: "Aplica estilo de lista al texto seleccionado.",
       linkShortcut: "Abre popup de enlace.",

package/dist/collection/utils/i18n/locales/pt-br.js

@@ -191,6 +191,10 @@ export default {
     "ez-number-input": {
       invalidNumber: "O valor digitado não é um número válido",
     },
+    "ez-pagination": {
+      previousPage: "Página anterior",
+      nextPage: "Próxima página",
+    },
     "ez-rich-text": {
       listShortcut: "Aplica estilo de lista ao texto selecionado.",
       linkShortcut: "Abre popup de link.",

package/dist/custom-elements/index.d.ts

@@ -248,6 +248,12 @@ export const EzNumberInput: {
   new (): EzNumberInput;
 };
 
+interface EzPagination extends Components.EzPagination, HTMLElement {}
+export const EzPagination: {
+  prototype: EzPagination;
+  new (): EzPagination;
+};
+
 interface EzPopover extends Components.EzPopover, HTMLElement {}
 export const EzPopover: {
   prototype: EzPopover;

package/dist/custom-elements/index.js

@@ -2981,6 +2981,10 @@ const ptBrTranslations = {
     "ez-number-input": {
       invalidNumber: "O valor digitado não é um número válido",
     },
+    "ez-pagination": {
+      previousPage: "Página anterior",
+      nextPage: "Próxima página",
+    },
     "ez-rich-text": {
       listShortcut: "Aplica estilo de lista ao texto selecionado.",
       linkShortcut: "Abre popup de link.",
@@ -3269,6 +3273,10 @@ const enUsTranslations = {
     "ez-number-input": {
       invalidNumber: "The entered value is not a valid number",
     },
+    "ez-pagination": {
+      previousPage: "Previous page",
+      nextPage: "Next page",
+    },
     "ez-rich-text": {
       listShortcut: "Applies list style to the selected text.",
       linkShortcut: "Opens link popup.",
@@ -3557,6 +3565,10 @@ const esEsTranslations = {
     "ez-number-input": {
       invalidNumber: "El valor ingresado no es un número válido",
     },
+    "ez-pagination": {
+      previousPage: "Página anterior",
+      nextPage: "Página siguiente",
+    },
     "ez-rich-text": {
       listShortcut: "Aplica estilo de lista al texto seleccionado.",
       linkShortcut: "Abre popup de enlace.",
@@ -80795,6 +80807,115 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
   static get style() { return ezNumberInputCss; }
 };
 
+const ezPaginationCss = ".sc-ez-pagination-h{--ez-pagination__info--color:var(--color--petroleum-500);--ez-pagination__info--margin-right:var(--space--sm);--ez-pagination__info--text-weight:var(--text-weight--medium);--ez-pagination__info--font-size:var(--text--medium);--ez-pagination__info-range--font-weight:var(--font-weight--bold);--ez-pagination__pages-option-padding:var(--space--nano);--ez-pagination__pages-option-color:var(--color--petroleum-500);--ez-pagination__pages-option-weight:var(--text-weight--medium);--ez-pagination__pages-option-size:var(--text--medium)}.pagination-container.sc-ez-pagination{display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.info.sc-ez-pagination{color:var(--ez-pagination__info--color);margin-right:var(--ez-pagination__info--margin-right);font-weight:var(--ez-pagination__info--text-weight);font-size:var(--ez-pagination__info--font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.info-range.sc-ez-pagination{font-weight:var(--ez-pagination__info-range--font-weight)}.controls.sc-ez-pagination{display:flex;align-items:center;flex-shrink:0}.controls-compact.sc-ez-pagination{gap:var(--space--2xs)}.pages-options.sc-ez-pagination{display:flex;align-items:center;padding:0 var(--ez-pagination__pages-option-padding)}.page-button.sc-ez-pagination{color:var(--ez-pagination__pages-option-color);font-weight:var(--ez-pagination__pages-option-weight);font-size:var(--ez-pagination__pages-option-size);background-color:transparent;padding:0;border:none;cursor:pointer;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.current-page.sc-ez-pagination{color:var(--color--primary)}.page-info.sc-ez-pagination{margin:0 8px}.ellipsis.sc-ez-pagination{color:var(--ez-pagination__pages-option-color);font-weight:var(--ez-pagination__pages-option-weight);font-size:var(--ez-pagination__pages-option-size);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}";
+
+const EzPagination$1 = class extends HTMLElement$1 {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezPageChange = createEvent(this, "ezPageChange", 7);
+    this.handlePreviousPage = () => {
+      if (this.currentPage > 1) {
+        this.currentPage--;
+        this.ezPageChange.emit(this.currentPage);
+      }
+    };
+    this.handleNextPage = () => {
+      if (this.currentPage < this.getTotalPages()) {
+        this.currentPage++;
+        this.ezPageChange.emit(this.currentPage);
+      }
+    };
+    this.handlePageClick = (page) => {
+      this.currentPage = page;
+      this.ezPageChange.emit(this.currentPage);
+    };
+    this.type = 'default';
+    this.currentPage = 1;
+    this.totalItems = 0;
+    this.pageSize = 10;
+    this.hideInfoLabel = false;
+    this.pageLimit = 10;
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  getTotalPages() {
+    return Math.ceil(this.totalItems / this.pageSize);
+  }
+  renderNextBtn() {
+    return h("ez-button", { "aria-label": this.i18n('ez-pagination.nextPage'), label: this.i18n('ez-pagination.nextPage'), "data-element-id": "pagination-next-button", size: "small", iconName: "arrow-right", class: "ez-button--primary", mode: "icon", enabled: this.currentPage < this.getTotalPages(), onClick: () => this.handleNextPage() });
+  }
+  renderPreviousBtn() {
+    return h("ez-button", { label: this.i18n('ez-pagination.previousPage'), "aria-label": this.i18n('ez-pagination.previousPage'), "data-element-id": "pagination-previous-button", size: "small", iconName: "arrow-left", mode: "icon", enabled: this.currentPage > 1, onClick: () => this.handlePreviousPage() });
+  }
+  renderPageButton(page) {
+    return (h("button", { "aria-label": `page-${page}`, class: { 'page-button': true, 'current-page': this.currentPage === page }, onClick: () => this.handlePageClick(page) }, page));
+  }
+  renderEllipsis() {
+    return h("span", { "aria-label": 'page-ellipsis', class: "ellipsis" }, "...");
+  }
+  renderPageButtons(pages) {
+    return pages.map(page => (page === '...' ? this.renderEllipsis() : this.renderPageButton(page)));
+  }
+  renderInfoLabel(firstItem, lastItem) {
+    return !this.hideInfoLabel && (h("div", { class: "info" }, h("span", { class: 'info-range' }, firstItem, " at\u00E9 ", lastItem), " de ", this.totalItems));
+  }
+  renderDefault() {
+    const firstItem = (this.currentPage - 1) * this.pageSize + 1;
+    const lastItem = Math.min(this.currentPage * this.pageSize, this.totalItems);
+    return (h("div", { class: "pagination-container" }, this.renderInfoLabel(firstItem, lastItem), h("div", { class: "controls controls-compact" }, this.renderPreviousBtn(), this.renderNextBtn())));
+  }
+  renderNumber() {
+    const totalPages = this.getTotalPages();
+    const { currentPage, pageLimit } = this;
+    const pages = [];
+    if (totalPages <= pageLimit) {
+      for (let i = 1; i <= totalPages; i++) {
+        pages.push(i);
+      }
+    }
+    else {
+      const range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
+      const mainPagesCount = pageLimit - 2;
+      const showLeftEllipsis = currentPage > mainPagesCount;
+      const showRightEllipsis = currentPage < totalPages - mainPagesCount + 1;
+      if (!showLeftEllipsis) {
+        // Exibe o início da paginação sem elipse à esquerda
+        // Ex: 1 2 3 4 5 6 ... 10 (pageLimit = 8)
+        pages.push(...range(1, pageLimit - 2));
+        pages.push('...');
+        pages.push(totalPages);
+      }
+      else if (!showRightEllipsis) {
+        // Exibe o final da paginação sem elipse à direita
+        // Ex: 1 ... 5 6 7 8 9 10 (pageLimit = 8)
+        pages.push(1);
+        pages.push('...');
+        pages.push(...range(totalPages - (pageLimit - 3), totalPages));
+      }
+      else {
+        // Exibe elipses em ambos os lados
+        // Ex: 1 ... 4 5 6 7 ... 10 (pageLimit = 8)
+        const innerPagesCount = pageLimit - 4; // Contabiliza 1, ..., ..., totalPages
+        const aroundCount = Math.floor((innerPagesCount - 1) / 2);
+        const startPage = currentPage - aroundCount;
+        const endPage = currentPage + (innerPagesCount - 1 - aroundCount);
+        pages.push(1);
+        pages.push('...');
+        pages.push(...range(startPage, endPage));
+        pages.push('...');
+        pages.push(totalPages);
+      }
+    }
+    return (h("div", { class: "pagination-container" }, h("div", { class: "controls" }, this.renderPreviousBtn(), h("div", { class: "pages-options" }, this.renderPageButtons(pages)), this.renderNextBtn())));
+  }
+  render() {
+    return this.type === 'number' ? this.renderNumber() : this.renderDefault();
+  }
+  static get style() { return ezPaginationCss; }
+};
+
 const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 3);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
 
 const EzPopover$1 = class extends HTMLElement$1 {
@@ -92577,6 +92698,7 @@ const EzModal = /*@__PURE__*/proxyCustomElement(EzModal$1, [1,"ez-modal",{"modal
 const EzModalContainer = /*@__PURE__*/proxyCustomElement(EzModalContainer$1, [6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"],"showCloseButton":[4,"show-close-button"]},[[4,"ezCloseModal","handleEzModalAction"]]]);
 const EzMultiSelectionList = /*@__PURE__*/proxyCustomElement(EzMuiltiSelectionList, [2,"ez-multi-selection-list",{"columnName":[1,"column-name"],"dataSource":[16],"useOptions":[1028,"use-options"],"options":[1040],"isTextSearch":[4,"is-text-search"],"filteredOptions":[32],"displayOptions":[32],"viewScenario":[32],"displayOptionToCheckAllItems":[32]}]);
 const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"canShowError":[516,"can-show-error"],"errorMessage":[1537,"error-message"],"allowNegative":[4,"allow-negative"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"autoFocus":[4,"auto-focus"],"alternativePlaceholder":[1,"alternative-placeholder"],"_value":[32]}]);
+const EzPagination = /*@__PURE__*/proxyCustomElement(EzPagination$1, [2,"ez-pagination",{"type":[1],"currentPage":[1026,"current-page"],"totalItems":[2,"total-items"],"pageSize":[2,"page-size"],"hideInfoLabel":[4,"hide-info-label"],"pageLimit":[2,"page-limit"]}]);
 const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"]}]);
 const EzPopoverCore = /*@__PURE__*/proxyCustomElement(EzPopoverCore$1, [1,"ez-popover-core",{"autoClose":[516,"auto-close"],"boxWidth":[513,"box-width"],"opened":[1540],"overlayType":[513,"overlay-type"],"anchorElement":[1537,"anchor-element"],"options":[1040],"useAnchorSize":[516,"use-anchor-size"],"minWidth":[514,"min-width"]}]);
 const EzPopoverPlus = /*@__PURE__*/proxyCustomElement(EzPopoverPlus$1, [1,"ez-popover-plus",{"autoClose":[516,"auto-close"],"boxWidth":[513,"box-width"],"opened":[1540],"overlayType":[513,"overlay-type"],"anchorElement":[1537,"anchor-element"],"options":[1040],"useAnchorSize":[516,"use-anchor-size"],"minWidth":[514,"min-width"]}]);
@@ -92663,6 +92785,7 @@ const defineCustomElements = (opts) => {
   EzModalContainer,
   EzMultiSelectionList,
   EzNumberInput,
+  EzPagination,
   EzPopover,
   EzPopoverCore,
   EzPopoverPlus,
@@ -92713,4 +92836,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { EzActionsButton, EzAlert, EzAlertList, EzApplication, EzAvatar, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzChart, EzCheck, EzChip, EzClassicComboBox, EzClassicInput, EzClassicTextArea, EzCollapsibleBox, EzComboBox, EzComboBoxList, EzCustomFormInput, EzDateInput, EzDateTimeInput, EzDialog, EzDoubleList, EzDropdown, EzEmptyCard, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGuideNavigator, EzIcon, EzLinkBuilder, EzList, EzListItem, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPopover, EzPopoverCore, EzPopoverPlus, EzPopup, EzProgressBar, EzRadioButton, EzRichText, EzRichToolbar, EzRichToolbarArrows, EzRichToolbarConfigs, EzRichToolbarItem, EzRichToolbarLetters, EzScroller, EzSearch, EzSearchPlus, EzSearchResultList, EzSidebarButton, EzSidebarNavigator, EzSimpleImageUploader, EzSkeleton, EzSortableList, EzSpinner, EzSplitButton, EzSplitItem, EzSplitPanel, EzTabselector, EzTag, EzTextArea, EzTextEdit, EzTextInput, EzTile, EzTileMedium, EzTimeInput, EzToast, EzTooltip, EzTree, EzUnderface, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, SearchList, defineCustomElements };
+export { EzActionsButton, EzAlert, EzAlertList, EzApplication, EzAvatar, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzChart, EzCheck, EzChip, EzClassicComboBox, EzClassicInput, EzClassicTextArea, EzCollapsibleBox, EzComboBox, EzComboBoxList, EzCustomFormInput, EzDateInput, EzDateTimeInput, EzDialog, EzDoubleList, EzDropdown, EzEmptyCard, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGuideNavigator, EzIcon, EzLinkBuilder, EzList, EzListItem, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPagination, EzPopover, EzPopoverCore, EzPopoverPlus, EzPopup, EzProgressBar, EzRadioButton, EzRichText, EzRichToolbar, EzRichToolbarArrows, EzRichToolbarConfigs, EzRichToolbarItem, EzRichToolbarLetters, EzScroller, EzSearch, EzSearchPlus, EzSearchResultList, EzSidebarButton, EzSidebarNavigator, EzSimpleImageUploader, EzSkeleton, EzSortableList, EzSpinner, EzSplitButton, EzSplitItem, EzSplitPanel, EzTabselector, EzTag, EzTextArea, EzTextEdit, EzTextInput, EzTile, EzTileMedium, EzTimeInput, EzToast, EzTooltip, EzTree, EzUnderface, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, SearchList, defineCustomElements };

package/dist/esm/{ApplicationUtils-bda1789e.js → ApplicationUtils-0fd22faf.js}

@@ -1,5 +1,5 @@
 import { D as DialogType } from './DialogType-54a62731.js';
-import { i as initI18n } from './index-d5042cb2.js';
+import { i as initI18n } from './index-6517a082.js';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number

package/dist/esm/{app-globals-bbd79783.js → app-globals-9a422cb4.js}

@@ -1,4 +1,4 @@
-import { i as initI18n } from './index-d5042cb2.js';
+import { i as initI18n } from './index-6517a082.js';
 
 async function initializeApp() {
   await initI18n();

package/dist/esm/ez-actions-button.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-baa5e267.js';
 import { FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
-import './ApplicationUtils-bda1789e.js';
+import './ApplicationUtils-0fd22faf.js';
 import { C as CSSVarsUtils } from './CSSVarsUtils-acba92d7.js';
 import './DialogType-54a62731.js';
 import './CheckMode-bdb2ec19.js';
-import './index-d5042cb2.js';
+import './index-6517a082.js';
 import './FormLayout-071d324c.js';
 
 const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px);--ez-button--border:none}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none;--ez-button--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}.ez-actions-button--bottom-padding{padding-bottom:var(--space--small, 6px)}";

package/dist/esm/ez-alert-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-baa5e267.js';
 import { FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
-import { i as initI18n } from './index-d5042cb2.js';
+import { i as initI18n } from './index-6517a082.js';
 
 const ezAlertListCss = ":host {\n  display: flex;\n\n  /* Alert List */\n  \n  /*@doc Define a largura da lista minimizado */\n  --ez-alert-list__container--width: 680px;\n  /*@doc Define a altura da lista minimizado */\n  --ez-alert-list__container--height: 220px;\n  \n  /*@doc Define a largura da lista maximizada */\n  --ez-alert-list__container--width--expanded: 920px;\n  /*@doc Define a altura da lista maximizada */\n  --ez-alert-list__container--height--expanded: 540px;\n\n  /* Title */\n  /*@doc Define a fonte do título do componente */\n  --ez-alert-list__title--font-family: var(--font-pattern, \"Roboto\");\n  /*@doc Define o tamanho da fonte do título do popup.*/\n  --ez-alert-list__title--font-size: var(--title--large, 20px);\n  /*@doc Define a cor da fonte do título do popup.*/\n  --ez-alert-list__title--color: var(--title--primary, #2b3a54);\n  /*@doc Define o peso da fonte do título do popup.*/\n  --ez-alert-list__title--font-weight: var(--text-weight--extra-large, 700);\n\n  /* @doc Define a borda inferior do item da lista. */\n  --ez-list__item--border-bottom: var(--border--small, 1px solid);\n\n  /* @doc Define a cor da borda inferior do item da lista. */\n  --ez-list__item--border-bottom-color: var(--color--strokes, #DCE0E8);\n\n  /* @doc Define o tipo da quebra de linha do item da lista. */\n  --ez-list__item--white-space: break-space;\n}\n\n.alert-list__content {\n  display: flex;\n  flex-direction: column;\n  \n  gap: var(--space--xs);\n  margin: var(--space--large, 24px);\n  width: 100%;\n}\n\n.alert-list__container {\n  z-index: var(--ez-elevation--8, 8);\n  display: flex;\n  height: var(--ez-alert-list__container--height);\n  width: var(--ez-alert-list__container--width);\n  border-radius: var(--border--radius-medium);\n  background-color: var(--background--xlight);\n  box-shadow: var(--shadow--medium);\n\n  &.expanded {\n    height: var(--ez-alert-list__container--height--expanded);\n    width: var(--ez-alert-list__container--width--expanded);\n  }\n\n  @media (max-height: 640px) {\n    max-height: calc(100vh - var(--space--3xl));\n  }  \n}\n\n.alert-list__header {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.alert-list__title {\n  font-family: var(--ez-alert-list__title--font-family);\n  font-size: var(--ez-alert-list__title--font-size);\n  font-weight: var(--ez-alert-list__title--font-weight);\n  color: var(--ez-alert-list__title--color);\n}\n\n.alert-list__header__buttons {\n  display: flex;\n  gap: var(--space--xs);\n}\n\n.alert-list__expandable-content {\n  overflow-y: auto;\n  scrollbar-width: thin;\n}\n\n";
 

package/dist/esm/ez-avatar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-baa5e267.js';
-import { i as initI18n } from './index-d5042cb2.js';
+import { i as initI18n } from './index-6517a082.js';
 import '@sankhyalabs/core';
 
 const ezAvatarCss = ":host{--ez-avatar--background-color:var(--color--ocean-green-600, #008561);--ez-avatar--color:var(--color--gray-70, #fff);--ez-avatar--border-radius-circle:50%;--ez-avatar--border-radius-square:25%;--ez-avatar--background-color-hover:var(--color--ocean-green-700, #00684C)}button,figure{display:flex;align-items:center;justify-content:center;border:var(--ez-avatar--border);background-color:var(--ez-avatar--background-color);color:var(--ez-avatar--color);font-weight:var(--font-weight--medium, 500);font-family:var(--font-pattern, 'Roboto');transition:background-color 0.2s linear, color 0.2s linear;margin:0;padding:0}button:hover{cursor:pointer;background-color:var(--ez-avatar--background-color-hover)}.avatar--320{--avatar-size:320px;width:20rem;height:20rem}.avatar--300{--avatar-size:300px;width:18.75rem;height:18.75rem}.avatar--280{--avatar-size:280px;width:17.5rem;height:17.5rem}.avatar--260{--avatar-size:260px;width:16.25rem;height:16.25rem}.avatar--240{--avatar-size:240px;width:15rem;height:15rem}.avatar--220{--avatar-size:220px;width:13.75rem;height:13.75rem}.avatar--200{--avatar-size:200px;width:12.5rem;height:12.5rem}.avatar--180{--avatar-size:180px;width:11.25rem;height:11.25rem}.avatar--160{--avatar-size:160px;width:10rem;height:10rem}.avatar--140{--avatar-size:140px;width:8.75rem;height:8.75rem}.avatar--120{--avatar-size:120px;width:7.5rem;height:7.5rem}.avatar--100{--avatar-size:100px;width:6.25rem;height:6.25rem}.avatar--80{--avatar-size:80px;width:5rem;height:5rem}.avatar--60{--avatar-size:60px;width:3.75rem;height:3.75rem}.avatar-initial{font-size:calc(0.375 * var(--avatar-size));}.avatar--circle{border-radius:var(--ez-avatar--border-radius-circle)}.avatar--square{border-radius:var(--ez-avatar--border-radius-square)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar--has-image{background-color:transparent}ez-icon{--ez-icon--color:var(--color--gray-70, #fff);font-weight:var(--font-weight--medium, 500)}";

package/dist/esm/ez-calendar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-baa5e267.js';
 import { FloatingManager } from '@sankhyalabs/core';
-import { i as initI18n } from './index-d5042cb2.js';
+import { i as initI18n } from './index-6517a082.js';
 
 const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__time--background-color:var(--background--xlight, #FAFAFA);--ez-calendar__body--padding:var(--space--medium, 12px) var(--space--small, 6px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-container--z-index:var(--more-visible, 2);--ez-calendar__header-line--stroke:1px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px 1.5px;--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:1.5px 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--primary, #E2F4EF);--ez-calendar__cell--over--color:var(--color--primary-300, #008561);--ez-calendar__cell--outset--color:var(--color--disable-primary, #E5EAF0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--primary-300, #E2F4EF);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar__container{display:flex;z-index:var(--more-visible, 2)}.calendar{display:flex;flex-direction:column;z-index:var(--more-visible, 2);background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--extra-small, 10px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color);color:var(--ez-calendar__cell--over--color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset;color:var(--ez-calendar--color)}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;padding:0px;font-weight:var(--text-weight--large, 600);font-size:var(--title--extra-small, 12px);font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}section{display:flex}.calendar-time{margin-left:-10px;display:flex;flex-direction:column;padding:12px 0px 0px 10px;background-color:var(--ez-calendar__time--background-color);border-top-right-radius:var(--ez-calendar__body--border-radius);border-bottom-right-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__column{height:136px;padding:0px;margin:0px;overflow:auto;scrollbar-width:none}.calendar__column::-webkit-scrollbar{width:0px;max-width:0px;min-width:0px}.calendar-time__header{display:flex;justify-content:space-between;padding-left:var(--space--small, 6px);padding-right:var(--space--small, 6px);padding-bottom:var(--space--small, 6px);margin:0px var(--space--, 12px) var(--space--small, 6px) var(--space--, 12px);font-weight:var(--text-weight--extra-large, 700);font-size:var(--title--small, 14px);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.separatorTime{color:#A2ABB9;padding:0px 1px;line-height:16px;font-size:17px;font-weight:normal}.endHidden{-webkit-mask-image:linear-gradient(180deg, #000 calc(100% - 48px), transparent 100%)}.calendar__column .calendar__cell{margin:0px;padding:1.5px 1.5px}";