@sankhyalabs/ezui 7.2.0 → 7.3.0

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

@@ -1,516 +0,0 @@
-import { Host, h } from '@stencil/core';
-import initI18n from '../../utils/i18n';
-import { Action, ElementIDUtils } from '@sankhyalabs/core';
-import { ASK_CANCEL_PAGINATION_EVENT, } from './ez-grid-pagination.model';
-export class EzGridPagination {
-  constructor() {
-    this._dataUnitInitialized = false;
-    this._pendingResolve = null;
-    this._collapseTimeout = null;
-    this._suppressedUntilNextAsk = false;
-    this._hoverEnabled = false;
-    this.handleLoadAllChange = (event) => {
-      const target = event.target;
-      this.loadAll = target.checked;
-    };
-    this.handleAskCancelPagination = (event) => {
-      const detail = event.detail;
-      if (!detail || !this.dataUnit)
-        return;
-      if (detail.dataUnitName !== this.dataUnit.name)
-        return;
-      this.resolvePending('CONTINUE');
-      this._pendingResolve = detail.resolve;
-      this._suppressedUntilNextAsk = false;
-      this._hoverEnabled = true;
-      this.loadAll = false;
-      const popover = this._cancelPaginationPopoverElement;
-      if (popover && !popover.opened && typeof popover.showAbove === 'function') {
-        popover.showAbove({ bottom: '4px', right: '4px' });
-      }
-    };
-    this.paginationInfo = undefined;
-    this.leftButtonDisabled = undefined;
-    this.rightButtonDisabled = undefined;
-    this.expanded = false;
-    this.loadAll = false;
-    this.paginationCounterMode = 'auto';
-    this.dataUnit = undefined;
-    this.paginationTextPosition = 'left';
-    this.buttonsSize = 'large';
-  }
-  /**
-   * Navega para a página anterior.
-   */
-  async previousPage() {
-    if (!this.dataUnit) {
-      return;
-    }
-    await this.dataUnit.previousPage();
-    this.handlePageChange('previous');
-  }
-  /**
-   * Navega para a próxima página.
-   */
-  async nextPage() {
-    if (!this.dataUnit) {
-      return;
-    }
-    await this.dataUnit.nextPage();
-    this.handlePageChange('next');
-  }
-  /**
-   * Navega para a primeira página.
-   */
-  async firstPage() {
-    if (!this.dataUnit) {
-      return;
-    }
-    await this.dataUnit.gotoPage(0);
-    this.handlePageChange('previous');
-  }
-  /**
-   * Navega para a primeira página.
-   */
-  async lastPage() {
-    if (!this.dataUnit) {
-      return;
-    }
-    await this.dataUnit.gotoPage(this.getTotalPages() - 1);
-    this.handlePageChange('next');
-  }
-  onDataUnitChange() {
-    this.initializeDataUnit();
-  }
-  shouldPresentPaginationLabel() {
-    return this.paginationCounterMode !== 'hidden';
-  }
-  getRemainingPageLabel() {
-    var _a;
-    if (!this.paginationInfo)
-      return '';
-    return `${this.paginationInfo.total == undefined
-      ? this.i18n('ez-grid-pagination.remainingPageLabel', { count: ((_a = this.paginationInfo.count) !== null && _a !== void 0 ? _a : 0) + 1 })
-      : this.i18n('ez-grid-pagination.remainingTotalLabel', { total: this.paginationInfo.total, count: this.paginationInfo.count })}`;
-  }
-  getActualPageLabel() {
-    var _a, _b;
-    if (!this.paginationInfo)
-      return '0-0';
-    return `${(_a = this.paginationInfo.firstRecord) !== null && _a !== void 0 ? _a : 0} - ${(_b = this.paginationInfo.lastRecord) !== null && _b !== void 0 ? _b : 0}`;
-  }
-  getPaginationCount() {
-    var _a;
-    if (!this.paginationInfo || !this.dataUnit)
-      return '0-0';
-    const currentPage = ((_a = this.paginationInfo.currentPage) !== null && _a !== void 0 ? _a : 0) + 1;
-    let totalPages = this.getTotalPages();
-    return this.i18n('ez-grid-pagination.pageCounter', { currentPage, totalPages });
-  }
-  getTotalPages() {
-    var _a;
-    if (this.paginationInfo.total !== undefined) {
-      return Math.ceil(this.paginationInfo.total / this.dataUnit.pageSize);
-    }
-    else {
-      return Math.ceil(((_a = this.paginationInfo.count) !== null && _a !== void 0 ? _a : 0) / this.dataUnit.pageSize);
-    }
-  }
-  handlePageChange(direction) {
-    this.setPaginationInfo();
-    this.setStatusButtonPagination();
-    this.pageChange.emit(direction);
-  }
-  resolvePending(response) {
-    if (!this._pendingResolve)
-      return;
-    const resolve = this._pendingResolve;
-    this._pendingResolve = null;
-    resolve(response);
-  }
-  async handleCancelAction() {
-    if (!this.dataUnit)
-      return;
-    this.dataUnit.cancelPagination = true;
-    this.resolvePending('CANCEL');
-    this._suppressedUntilNextAsk = true;
-    this.collapse();
-    const popover = this._cancelPaginationPopoverElement;
-    if (popover && typeof popover.hide === 'function') {
-      await popover.hide();
-    }
-  }
-  async handleContinueAction() {
-    const response = this.loadAll ? 'LOAD_ALL' : 'CONTINUE';
-    this.resolvePending(response);
-    this._suppressedUntilNextAsk = true;
-    this.loadAll = false;
-    this.collapse();
-    const popover = this._cancelPaginationPopoverElement;
-    if (popover && typeof popover.hide === 'function') {
-      await popover.hide();
-    }
-  }
-  handleShowCancelPagination() {
-    const popover = this._cancelPaginationPopoverElement;
-    if (!this.hasToShowCancelPagination()) {
-      if (this._pendingResolve)
-        return;
-      if (popover && typeof popover.hide === 'function')
-        popover.hide();
-      this._hoverEnabled = false;
-      this.collapse();
-      return;
-    }
-    if (this._suppressedUntilNextAsk)
-      return;
-    if (popover === null || popover === void 0 ? void 0 : popover.opened)
-      return;
-    if (popover && typeof popover.showAbove === 'function') {
-      popover.showAbove({ bottom: '4px', right: '4px' });
-    }
-  }
-  hasToShowCancelPagination() {
-    if (!this.dataUnit || !this.paginationInfo)
-      return false;
-    const hasMore = this.paginationInfo.total === undefined;
-    return !this.dataUnit.cancelPagination && hasMore && this.paginationInfo.count > this.dataUnit.pageSize;
-  }
-  expand() {
-    if (!this._hoverEnabled)
-      return;
-    if (this._collapseTimeout) {
-      clearTimeout(this._collapseTimeout);
-      this._collapseTimeout = null;
-    }
-    this.expanded = true;
-  }
-  collapse() {
-    if (this._collapseTimeout) {
-      clearTimeout(this._collapseTimeout);
-      this._collapseTimeout = null;
-    }
-    this.expanded = false;
-  }
-  scheduleCollapse() {
-    if (this._collapseTimeout)
-      clearTimeout(this._collapseTimeout);
-    this._collapseTimeout = setTimeout(() => {
-      this._collapseTimeout = null;
-      this.expanded = false;
-    }, 120);
-  }
-  setPaginationInfo() {
-    if (!this.dataUnit) {
-      this.paginationInfo = null;
-      return;
-    }
-    this.paginationInfo = this.dataUnit.getPaginationInfo() || null;
-  }
-  dataUnitObserver(action) {
-    switch (action.type) {
-      case Action.PAGINATION_UPDATED:
-        this.setPaginationInfo();
-        this.setStatusButtonPagination();
-        this.handleShowCancelPagination();
-        break;
-      case Action.DATA_LOADED:
-        this.setPaginationInfo();
-        break;
-      default:
-        break;
-    }
-  }
-  getLeftButtonDisabledStatus() {
-    var _a, _b;
-    if (!this.dataUnit)
-      return true;
-    return ((_b = (_a = this.paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) !== null && _b !== void 0 ? _b : 0) <= 0;
-  }
-  getRightButtonDisabledStatus() {
-    var _a;
-    if (!this.dataUnit)
-      return true;
-    return !((_a = this.paginationInfo) === null || _a === void 0 ? void 0 : _a.hasMore);
-  }
-  setStatusButtonPagination() {
-    this.leftButtonDisabled = this.getLeftButtonDisabledStatus();
-    this.rightButtonDisabled = this.getRightButtonDisabledStatus();
-  }
-  initializeDataUnit() {
-    if (!this.dataUnit || this._dataUnitInitialized) {
-      return;
-    }
-    this.setPaginationInfo();
-    this.setStatusButtonPagination();
-    this._dataUnitObserverBound = this.dataUnitObserver.bind(this);
-    this.dataUnit.subscribe(this._dataUnitObserverBound);
-    this._dataUnitInitialized = true;
-  }
-  addInfoId() {
-    if (this._element) {
-      ElementIDUtils.addIDInfo(this._element);
-    }
-  }
-  renderCollapsedTrigger() {
-    return (h("div", { class: "cancel-pagination__trigger" }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { class: "cancel-pagination__label" }, this.i18n('ez-grid-pagination.paginationLabel'))));
-  }
-  renderExpandedContent() {
-    return (h("div", { class: "cancel-pagination__expanded", role: "group", "aria-label": this.i18n('ez-grid-pagination.paginationLabel') }, h("div", { class: "cancel-pagination__trigger cancel-pagination__trigger--expanded" }, h("ez-icon", { iconName: "ellipsis-circle", size: "large", class: "spin" }), h("span", { class: "cancel-pagination__label" }, this.i18n('ez-grid-pagination.paginationLabel'))), h("hr", { class: "cancel-pagination__divider", "aria-hidden": "true" }), h("p", { class: "cancel-pagination__message" }, this.i18n('ez-grid-pagination.largeLoad.line1')), h("p", { class: "cancel-pagination__message" }, this.i18n('ez-grid-pagination.largeLoad.line2')), h("p", { class: "cancel-pagination__question" }, this.i18n('ez-grid-pagination.largeLoad.line3')), h("label", { class: "cancel-pagination__checkbox" }, h("input", { type: "checkbox", checked: this.loadAll, onChange: this.handleLoadAllChange }), h("span", null, this.i18n('ez-grid-pagination.largeLoad.loadAll'))), h("div", { class: "cancel-pagination__actions" }, h("ez-button", { class: "cancel-pagination__continue-btn", label: this.i18n('ez-grid-pagination.largeLoad.continue'), size: "small", onClick: () => this.handleContinueAction() }), h("ez-button", { class: "cancel-pagination__cancel-btn ez-button--primary", label: this.i18n('ez-grid-pagination.largeLoad.cancel'), size: "small", onClick: () => this.handleCancelAction() }))));
-  }
-  renderCancelPagination() {
-    return (h("ez-popover", { class: "cancel-pagination__popover", ref: (element) => (this._cancelPaginationPopoverElement = element), "overlay-type": "none", autoClose: false }, h("div", { class: {
-        'cancel-pagination': true,
-        'cancel-pagination--expanded': this.expanded,
-      }, onMouseEnter: () => this.expand(), onMouseLeave: () => this.scheduleCollapse() }, this.expanded ? this.renderExpandedContent() : this.renderCollapsedTrigger())));
-  }
-  async connectedCallback() {
-    this._askCancelListenerBound = this.handleAskCancelPagination.bind(this);
-    document.addEventListener(ASK_CANCEL_PAGINATION_EVENT, this._askCancelListenerBound);
-    this.i18n = await initI18n();
-    this.initializeDataUnit();
-  }
-  componentDidLoad() {
-    this.addInfoId();
-  }
-  disconnectedCallback() {
-    if (this._askCancelListenerBound) {
-      document.removeEventListener(ASK_CANCEL_PAGINATION_EVENT, this._askCancelListenerBound);
-      this._askCancelListenerBound = undefined;
-    }
-    if (this._collapseTimeout) {
-      clearTimeout(this._collapseTimeout);
-      this._collapseTimeout = null;
-    }
-    this.resolvePending('CONTINUE');
-    if (this.dataUnit && this._dataUnitInitialized && this._dataUnitObserverBound) {
-      this.dataUnit.unsubscribe(this._dataUnitObserverBound);
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", { id: 'grid-pagination--container', class: {
-        'pagination__container': true,
-        'pagination-expanded': this.paginationCounterMode !== 'hidden',
-        'pagination-contracted': this.paginationCounterMode === 'hidden',
-        'pagination-text-right': this.paginationTextPosition === 'right',
-      } }, h("div", { id: "grid-pagination--page-navigator", class: "pagination__page-navigator" }, h("div", { id: 'grid-pagination--row-summary-panel', class: "pagination__row-summary-panel" }, h("span", { class: "pagination__label", "aria-live": "polite", "aria-atomic": "true", title: `${this.getActualPageLabel()} ${this.getRemainingPageLabel()}` }, this.shouldPresentPaginationLabel() && this.getActualPageLabel(), this.shouldPresentPaginationLabel() && this.getRemainingPageLabel())), this.renderCancelPagination(), h("div", { id: 'grid-pagination--page-summary-panel', class: {
-        'pagination__page-summary-panel': true,
-        'pagination__container': true,
-        'pagination-expanded': this.paginationCounterMode !== 'hidden',
-        'pagination-contracted': this.paginationCounterMode === 'hidden',
-        'pagination-text-right': this.paginationTextPosition === 'right',
-      } }, h("div", { id: 'grid-pagination--first-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.leftButtonDisabled
-      } }, h("ez-tooltip", { message: this.i18n('ez-grid-pagination.firstPage') }, h("ez-icon", { size: this.buttonsSize, iconName: "dual-chevron-left", onClick: () => !this.leftButtonDisabled && this.firstPage() }))), h("div", { id: 'grid-pagination--previous-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.leftButtonDisabled
-      } }, h("ez-tooltip", { message: this.i18n('ez-grid-pagination.previousPage') }, h("ez-icon", { size: this.buttonsSize, iconName: "chevron-left", onClick: () => !this.leftButtonDisabled && this.previousPage() }))), h("div", { class: "pagination__container-label" }, h("span", { class: "pagination__label", "aria-live": "polite", "aria-atomic": "true", title: `${this.getActualPageLabel()} ${this.getRemainingPageLabel()}` }, this.shouldPresentPaginationLabel() && this.getPaginationCount())), h("div", { id: 'grid-pagination--next-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.rightButtonDisabled
-      } }, h("ez-tooltip", { message: this.i18n('ez-grid-pagination.nextPage') }, h("ez-icon", { size: this.buttonsSize, iconName: "chevron-right", onClick: () => !this.rightButtonDisabled && this.nextPage() }))), h("div", { id: 'grid-pagination--last-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.rightButtonDisabled
-      } }, h("ez-tooltip", { message: this.i18n('ez-grid-pagination.lastPage') }, h("ez-icon", { size: this.buttonsSize, iconName: "dual-chevron-right", onClick: () => !this.rightButtonDisabled && this.lastPage() }))))))));
-  }
-  static get is() { return "ez-grid-pagination"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ez-grid-pagination.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ez-grid-pagination.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "paginationCounterMode": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'show' | 'hidden' | 'auto'",
-          "resolved": "\"auto\" | \"hidden\" | \"show\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "default",
-              "text": "'auto'"
-            }],
-          "text": "Define a visibilidade do contador de pagina\u00E7\u00E3o.\n- `show`: Sempre exibe o contador (ex: \"1-10 de 100\")\n- `hidden`: Oculta o contador (exibe apenas os bot\u00F5es)\n- `auto`: Exibe/oculta baseado no espa\u00E7o dispon\u00EDvel (responsivo)"
-        },
-        "attribute": "pagination-counter-mode",
-        "reflect": false,
-        "defaultValue": "'auto'"
-      },
-      "dataUnit": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "DataUnit",
-          "resolved": "DataUnit",
-          "references": {
-            "DataUnit": {
-              "location": "import",
-              "path": "@sankhyalabs/core"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "DataUnit associada \u00E0 grid."
-        }
-      },
-      "paginationTextPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'left' | 'right'",
-          "resolved": "\"left\" | \"right\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define o texto da pagina\u00E7\u00E3o \u00E0 esquerda ou \u00E0 direita."
-        },
-        "attribute": "pagination-text-position",
-        "reflect": false,
-        "defaultValue": "'left'"
-      },
-      "buttonsSize": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'x-small' | 'small' | 'medium' | 'large'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-small\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define o modo de visualiza\u00E7\u00E3o atual da grid."
-        },
-        "attribute": "buttons-size",
-        "reflect": false,
-        "defaultValue": "'large'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "paginationInfo": {},
-      "leftButtonDisabled": {},
-      "rightButtonDisabled": {},
-      "expanded": {},
-      "loadAll": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "pageChange",
-        "name": "pageChange",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Evento disparado quando a p\u00E1gina \u00E9 alterada."
-        },
-        "complexType": {
-          "original": "PageChangeDirection",
-          "resolved": "\"next\" | \"previous\"",
-          "references": {
-            "PageChangeDirection": {
-              "location": "import",
-              "path": "./ez-grid-pagination.model"
-            }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "previousPage": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Navega para a p\u00E1gina anterior.",
-          "tags": []
-        }
-      },
-      "nextPage": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Navega para a pr\u00F3xima p\u00E1gina.",
-          "tags": []
-        }
-      },
-      "firstPage": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Navega para a primeira p\u00E1gina.",
-          "tags": []
-        }
-      },
-      "lastPage": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Navega para a primeira p\u00E1gina.",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "_element"; }
-  static get watchers() {
-    return [{
-        "propName": "dataUnit",
-        "methodName": "onDataUnitChange"
-      }];
-  }
-}

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

@@ -1 +0,0 @@
-export const ASK_CANCEL_PAGINATION_EVENT = 'ez-grid-pagination:ask-cancel';