@sankhyalabs/ezui 7.2.1-rc.1 → 7.3.0

package/dist/cjs/ez-classic-time-input.cjs.entry.js

@@ -1,198 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a7b0c73d.js');
-const core = require('@sankhyalabs/core');
-const CSSVarsUtils = require('./CSSVarsUtils-f20973d1.js');
-const index$1 = require('./index-d4a1cad8.js');
-
-const ezClassicTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}.time__input{height:100%}";
-
-const EzClassicTimeInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezChange = index.createEvent(this, "ezChange", 7);
-    this.ezStartChange = index.createEvent(this, "ezStartChange", 7);
-    this.ezCancelWaitingChange = index.createEvent(this, "ezCancelWaitingChange", 7);
-    this.label = undefined;
-    this.value = undefined;
-    this.enabled = true;
-    this.errorMessage = undefined;
-    this.showSeconds = false;
-    this.mode = "regular";
-    this.size = "default";
-    this.required = false;
-    this.canShowError = true;
-    this.autoFocus = false;
-    this.alternativePlaceholder = undefined;
-  }
-  observeErrorMessage() {
-    var _a;
-    if (this._textInput) {
-      this._textInput.errorMessage = this.errorMessage;
-      if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim())) {
-        this.prepareValue(this._viewValue);
-        if ((this._textInput.value || '') !== this._viewValue) {
-          this._textInput.value = this._viewValue;
-        }
-      }
-    }
-  }
-  observeShowSeconds() {
-    if (this.showSeconds) {
-      this.prepareMask("##:##:##");
-    }
-    else {
-      this.prepareMask("##:##");
-    }
-  }
-  observeValue(newValue, oldValue) {
-    if (this._textInput && newValue != oldValue) {
-      let newValueValidated = this.validateValue(newValue);
-      const oldValueValidated = this.validateValue(oldValue);
-      if (newValueValidated != oldValueValidated) {
-        this._viewValue = newValueValidated == undefined ? "" : newValueValidated.toString();
-        this.prepareValue(this._viewValue);
-        if (this._viewValue && !core.TimeFormatter.validateTime(this._viewValue, this.showSeconds)) {
-          this.setError(this.i18n("ez-classic-time-input.invalidTime"));
-          newValueValidated = undefined;
-        }
-        else {
-          this.setError("");
-        }
-        const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
-        this.ezChange.emit(valueEmitted);
-      }
-    }
-  }
-  //---------------------------------------------
-  // Private methods
-  //---------------------------------------------
-  prepareMask(mask) {
-    if (this._maskFormatter == undefined) {
-      this._maskFormatter = new core.MaskFormatter(mask);
-    }
-    else {
-      this._maskFormatter.mask = mask;
-    }
-  }
-  validateValue(value) {
-    return isNaN(value) || value === undefined ? null : value;
-  }
-  setError(msg) {
-    this.errorMessage = msg;
-    if (this._textInput && (msg === null || msg === void 0 ? void 0 : msg.trim())) {
-      this.ezCancelWaitingChange.emit();
-    }
-  }
-  //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  getViewValue() {
-    return this._viewValue;
-  }
-  prepareValue(value) {
-    try {
-      this._viewValue = core.TimeFormatter.prepareValue(value, this.showSeconds);
-      if (this._textInput && this._textInput.value !== this._viewValue) {
-        this._textInput.value = this._viewValue;
-      }
-    }
-    catch (e) {
-      this.setError(e.message);
-    }
-  }
-  /**
-   * Aplica o foco no campo.
-   */
-  async setFocus({ selectText }) {
-    this._textInput.setFocus({ selectText });
-  }
-  /**
-   * Remove o foco do campo.
-   */
-  async setBlur() {
-    this._textInput.setBlur();
-  }
-  /**
-   * Retorna se o conteúdo é inválido.
-   */
-  async isInvalid() {
-    return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  handleBlur() {
-    if (this._textInput) {
-      this._viewValue = this._textInput.value;
-      this.prepareValue(this._viewValue);
-      const value = core.NumberUtils.stringToNumber(this._viewValue.replace(/\D/g, ""));
-      this.value = ['string', 'number'].includes(typeof value) ? value : null;
-    }
-  }
-  handleInput() {
-    const textInputValue = this._textInput.value;
-    if (!['string', 'number'].includes(typeof textInputValue))
-      return;
-    const parsedNumber = core.NumberUtils.stringToNumber(textInputValue.replace(/\D/g, ""));
-    if (parsedNumber !== this.value) {
-      this.ezStartChange.emit({ waitmessage: "", blocking: false });
-    }
-  }
-  //---------------------------------------------
-  // Lifecycle web component
-  //---------------------------------------------
-  async componentWillLoad() {
-    this.i18n = await index$1.initI18n();
-    this.observeShowSeconds();
-    if (this.value) {
-      this.prepareValue(this.value.toString());
-    }
-    else if (this._viewValue) {
-      this.prepareValue(this._viewValue);
-    }
-  }
-  componentDidLoad() {
-    CSSVarsUtils.CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus({ selectText: true });
-      });
-    }
-  }
-  render() {
-    core.ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    const inputProps = {
-      class: "time__input",
-      "data-element-id": core.ElementIDUtils.getInternalIDInfo("textInput"),
-      ref: (el) => this._textInput = el,
-      "data-slave-mode": "true",
-      value: this._viewValue,
-      enabled: this.enabled,
-      label: this.label,
-      mask: this.showSeconds ? "##:##:##" : "##:##",
-      onBlur: () => this.handleBlur(),
-      onInput: () => this.handleInput(),
-      errorMessage: this.errorMessage,
-      mode: this.mode,
-      size: this.size,
-      canShowError: this.canShowError,
-      alternativePlaceholder: this.alternativePlaceholder,
-      required: this.required,
-      onEzChange: (event) => event.stopPropagation()
-    };
-    return (index.h(index.Host, null, index.h("ez-classic-input", Object.assign({}, inputProps, { leftIconName: "timer-outline" }))));
-  }
-  static get assetsDirs() { return ["../assets"]; }
-  get _elem() { return index.getElement(this); }
-  static get watchers() { return {
-    "errorMessage": ["observeErrorMessage"],
-    "showSeconds": ["observeShowSeconds"],
-    "value": ["observeValue"]
-  }; }
-};
-EzClassicTimeInput.style = ezClassicTimeInputCss;
-
-exports.ez_classic_time_input = EzClassicTimeInput;

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

@@ -1,331 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a7b0c73d.js');
-const index$1 = require('./index-d4a1cad8.js');
-const core = require('@sankhyalabs/core');
-
-const ASK_CANCEL_PAGINATION_EVENT = 'ez-grid-pagination:ask-cancel';
-
-const ezGridPaginationCss = ":host{display:block}.pagination__container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;justify-content:flex-end;position:relative}ez-popover.cancel-pagination__popover{position:absolute;right:0;bottom:100%;width:0;height:0}.pagination__buttons-container{display:flex;border-radius:50%;background-color:var(--color--ocean-green-90, #E1E2E5);cursor:pointer}.pagination__buttons-container ez-icon{--ez-icon--color:var(--color--ocean-green-600, #008561)}.pagination__buttons-container.disabled{background-color:#DEDEDE;cursor:not-allowed;pointer-events:auto}.pagination__buttons-container.disabled ez-icon{--ez-icon--color:var(--color--petroleum-300, #848D9C);pointer-events:none}.pagination__page-navigator{display:flex;align-items:center}.pagination__row-summary-panel{font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);padding:var(--space--8, 8px) var(--space--16, 16px)}.pagination__page-summary-panel{display:flex;align-items:center;padding:var(--space--8, 8px) var(--space--16, 16px);gap:var(--space--4, 4px)}.pagination__container-label{margin:0 var(--space--8, 8px)}.pagination-contracted{width:100px}.pagination-expanded{min-width:150px}.pagination__label{font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);width:100%;white-space:nowrap}.cancel-pagination{display:flex;flex-direction:column;padding:var(--space--12, 12px);gap:var(--space--16, 16px);min-width:304px;max-width:180px;transition:min-width 220ms cubic-bezier(0.4, 0, 0.2, 1),\n              max-width 220ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.cancel-pagination--expanded{min-width:304px}.cancel-pagination__expanded{animation:cancel-pagination-fade-in 220ms cubic-bezier(0.4, 0, 0.2, 1) 60ms both}@keyframes cancel-pagination-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cancel-pagination__trigger{display:flex;flex-direction:row;align-items:center;gap:var(--space--16, 16px);padding:var(--space--4, 4px);border-radius:var(--border-radius--small, 4px);cursor:pointer;outline:none}.cancel-pagination__trigger:focus-visible{box-shadow:0 0 0 2px var(--color--ocean-green-600, #008561)}.cancel-pagination__trigger--expanded{cursor:default;padding-bottom:var(--space--4, 4px)}.cancel-pagination__divider{border:0;border-top:1px solid var(--color--petroleum-100, #C8CCD3);width:100%}.cancel-pagination__label{color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--medium, 16px);font-weight:var(--font-weight--semi-bold, 600);font-family:var(--font--pattern, 'Roboto');white-space:nowrap}.cancel-pagination__expanded{display:flex;flex-direction:column;gap:var(--space--8, 8px)}.cancel-pagination__message{color:var(--color--petroleum-500, #4A5567);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');font-weight:var(--font-weight--regular, 400);margin:0;line-height:1.4}.cancel-pagination__question{color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');font-weight:var(--font-weight--semi-bold, 600);margin-top:16px;margin-bottom:8px}.cancel-pagination__checkbox{display:flex;flex-direction:row;align-items:center;gap:var(--space--8, 8px);color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');cursor:pointer}.cancel-pagination__checkbox input[type=\"checkbox\"]{cursor:pointer;accent-color:var(--color--ocean-green-600, #008561)}.cancel-pagination__actions{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space--8, 8px);padding-top:var(--space--4, 4px)}.spin{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear;--ez-icon--color:var(--color--ocean-green-600, #008561)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination-text-right{flex-direction:row-reverse}";
-
-const EzGridPagination = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.pageChange = index.createEvent(this, "pageChange", 7);
-    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 core.Action.PAGINATION_UPDATED:
-        this.setPaginationInfo();
-        this.setStatusButtonPagination();
-        this.handleShowCancelPagination();
-        break;
-      case core.Action.DATA_LOADED:
-        this.setPaginationInfo();
-        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) {
-      core.ElementIDUtils.addIDInfo(this._element);
-    }
-  }
-  renderCollapsedTrigger() {
-    return (index.h("div", { class: "cancel-pagination__trigger" }, index.h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), index.h("span", { class: "cancel-pagination__label" }, this.i18n('ez-grid-pagination.paginationLabel'))));
-  }
-  renderExpandedContent() {
-    return (index.h("div", { class: "cancel-pagination__expanded", role: "group", "aria-label": this.i18n('ez-grid-pagination.paginationLabel') }, index.h("div", { class: "cancel-pagination__trigger cancel-pagination__trigger--expanded" }, index.h("ez-icon", { iconName: "ellipsis-circle", size: "large", class: "spin" }), index.h("span", { class: "cancel-pagination__label" }, this.i18n('ez-grid-pagination.paginationLabel'))), index.h("hr", { class: "cancel-pagination__divider", "aria-hidden": "true" }), index.h("p", { class: "cancel-pagination__message" }, this.i18n('ez-grid-pagination.largeLoad.line1')), index.h("p", { class: "cancel-pagination__message" }, this.i18n('ez-grid-pagination.largeLoad.line2')), index.h("p", { class: "cancel-pagination__question" }, this.i18n('ez-grid-pagination.largeLoad.line3')), index.h("label", { class: "cancel-pagination__checkbox" }, index.h("input", { type: "checkbox", checked: this.loadAll, onChange: this.handleLoadAllChange }), index.h("span", null, this.i18n('ez-grid-pagination.largeLoad.loadAll'))), index.h("div", { class: "cancel-pagination__actions" }, index.h("ez-button", { class: "cancel-pagination__continue-btn", label: this.i18n('ez-grid-pagination.largeLoad.continue'), size: "small", onClick: () => this.handleContinueAction() }), index.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 (index.h("ez-popover", { class: "cancel-pagination__popover", ref: (element) => (this._cancelPaginationPopoverElement = element), "overlay-type": "none", autoClose: false }, index.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 index$1.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 (index.h(index.Host, null, index.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',
-      } }, index.h("div", { id: "grid-pagination--page-navigator", class: "pagination__page-navigator" }, index.h("div", { id: 'grid-pagination--row-summary-panel', class: "pagination__row-summary-panel" }, index.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(), index.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',
-      } }, index.h("div", { id: 'grid-pagination--first-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.leftButtonDisabled
-      } }, index.h("ez-tooltip", { message: this.i18n('ez-grid-pagination.firstPage') }, index.h("ez-icon", { size: this.buttonsSize, iconName: "dual-chevron-left", onClick: () => !this.leftButtonDisabled && this.firstPage() }))), index.h("div", { id: 'grid-pagination--previous-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.leftButtonDisabled
-      } }, index.h("ez-tooltip", { message: this.i18n('ez-grid-pagination.previousPage') }, index.h("ez-icon", { size: this.buttonsSize, iconName: "chevron-left", onClick: () => !this.leftButtonDisabled && this.previousPage() }))), index.h("div", { class: "pagination__container-label" }, index.h("span", { class: "pagination__label", "aria-live": "polite", "aria-atomic": "true", title: `${this.getActualPageLabel()} ${this.getRemainingPageLabel()}` }, this.shouldPresentPaginationLabel() && this.getPaginationCount())), index.h("div", { id: 'grid-pagination--next-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.rightButtonDisabled
-      } }, index.h("ez-tooltip", { message: this.i18n('ez-grid-pagination.nextPage') }, index.h("ez-icon", { size: this.buttonsSize, iconName: "chevron-right", onClick: () => !this.rightButtonDisabled && this.nextPage() }))), index.h("div", { id: 'grid-pagination--last-tooltip', class: {
-        'pagination__buttons-container': true,
-        'disabled': this.rightButtonDisabled
-      } }, index.h("ez-tooltip", { message: this.i18n('ez-grid-pagination.lastPage') }, index.h("ez-icon", { size: this.buttonsSize, iconName: "dual-chevron-right", onClick: () => !this.rightButtonDisabled && this.lastPage() }))))))));
-  }
-  get _element() { return index.getElement(this); }
-  static get watchers() { return {
-    "dataUnit": ["onDataUnitChange"]
-  }; }
-};
-EzGridPagination.style = ezGridPaginationCss;
-
-exports.ez_grid_pagination = EzGridPagination;

package/dist/cjs/ez-record-navigation.cjs.entry.js

@@ -1,121 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a7b0c73d.js');
-const core = require('@sankhyalabs/core');
-const index$1 = require('./index-d4a1cad8.js');
-
-const ezRecordNavigationCss = ":host{display:block}.record-navigation__container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;justify-content:flex-end;flex-wrap:nowrap}.record-navigation__buttons-container{display:flex;gap:var(--space--8, 8px)}.record-navigation__container-label{font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--gray-600, #1C1D22);text-shadow:0 0 var(--color--gray-500, #494A4E), 0 0 1px transparent;margin-right:var(--space--12, 12px);display:flex;align-items:center}.record-navigation-contracted{width:100px}.record-navigation-expanded{min-width:150px}.record-navigation__label{width:100%;white-space:nowrap}.record-navigation__divider{width:3px;height:15px;background-color:var(--color--gray-300, #C1C2C6);margin-inline:var(--space--8, 8px)}.record-navigation-text-right{flex-direction:row-reverse}";
-
-const EzRecordNavigation = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this._dataUnitInitialized = false;
-    this.leftButtonDisabled = undefined;
-    this.rightButtonDisabled = undefined;
-    this.dataUnit = undefined;
-    this.primaryKeys = undefined;
-    this.textPosition = 'right';
-    this.disabled = false;
-  }
-  /**
-   * Navega para a página anterior.
-   */
-  async previousRecord() {
-    if (!this.dataUnit) {
-      return;
-    }
-    await this.dataUnit.previousRecord();
-  }
-  /**
-   * Navega para a próxima página.
-   */
-  async nextRecord() {
-    if (!this.dataUnit) {
-      return;
-    }
-    await this.dataUnit.nextRecord();
-  }
-  onDataUnitChange() {
-    this.initializeDataUnit();
-  }
-  onDisabledChange() {
-    this.setStatusButtonPagination();
-  }
-  renderPageTitle() {
-    if (!this.primaryKeys) {
-      return null;
-    }
-    return this.primaryKeys.map((key, index$1) => {
-      var _a;
-      const fieldValue = this.dataUnit.getFieldValue(key);
-      const fieldLabel = (_a = this.dataUnit.getField(key)) === null || _a === void 0 ? void 0 : _a.label;
-      const isLast = index$1 === this.primaryKeys.length - 1;
-      return (index.h(index.Fragment, null, index.h("ez-tooltip", { message: fieldLabel !== null && fieldLabel !== void 0 ? fieldLabel : fieldValue }, index.h("span", { class: "record-navigation__label", "aria-live": "polite", "aria-atomic": "true" }, fieldValue !== null && fieldValue !== void 0 ? fieldValue : '-')), !isLast && index.h("span", { class: "record-navigation__divider" })));
-    });
-  }
-  dataUnitObserver(action) {
-    switch (action.type) {
-      case core.Action.SELECTION_CHANGED:
-      case core.Action.PREVIOUS_SELECTED:
-      case core.Action.NEXT_SELECTED:
-        this.setStatusButtonPagination();
-        break;
-    }
-  }
-  getLeftButtonDisabledStatus() {
-    if (!this.dataUnit || this.disabled)
-      return true;
-    return !this.dataUnit.hasPrevious();
-  }
-  getRightButtonDisabledStatus() {
-    if (!this.dataUnit || this.disabled)
-      return true;
-    return !this.dataUnit.hasNext();
-  }
-  setStatusButtonPagination() {
-    this.leftButtonDisabled = this.getLeftButtonDisabledStatus();
-    this.rightButtonDisabled = this.getRightButtonDisabledStatus();
-  }
-  initializeDataUnit() {
-    if (!this.dataUnit || this._dataUnitInitialized) {
-      return;
-    }
-    this.setStatusButtonPagination();
-    this._dataUnitObserverBound = this.dataUnitObserver.bind(this);
-    this.dataUnit.subscribe(this._dataUnitObserverBound);
-    this._dataUnitInitialized = true;
-  }
-  addInfoId() {
-    if (this._element) {
-      core.ElementIDUtils.addIDInfo(this._element);
-    }
-  }
-  async connectedCallback() {
-    this.i18n = await index$1.initI18n();
-    this.initializeDataUnit();
-  }
-  componentDidLoad() {
-    this.addInfoId();
-  }
-  disconnectedCallback() {
-    if (this.dataUnit && this._dataUnitInitialized && this._dataUnitObserverBound) {
-      this.dataUnit.unsubscribe(this._dataUnitObserverBound);
-    }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: {
-        "record-navigation__container": true,
-        "record-navigation-text-right": this.textPosition === 'right'
-      } }, index.h("div", { class: "record-navigation__container-label" }, this.renderPageTitle()), index.h("div", { id: "grid-record-navigation-tooltip", class: "record-navigation__buttons-container" }, index.h("ez-tooltip", { message: this.i18n("ez-record-navigation.previousRecord") }, index.h("ez-button", { iconName: "chevron-left", mode: "icon", isDisabled: this.leftButtonDisabled, onClick: () => this.previousRecord(), label: this.i18n("ez-record-navigation.previousRecord") })), index.h("ez-tooltip", { message: this.i18n("ez-record-navigation.nextRecord") }, index.h("ez-button", { iconName: "chevron-right", mode: "icon", isDisabled: this.rightButtonDisabled, onClick: () => this.nextRecord(), label: this.i18n("ez-record-navigation.nextRecord") }))))));
-  }
-  get _element() { return index.getElement(this); }
-  static get watchers() { return {
-    "dataUnit": ["onDataUnitChange"],
-    "disabled": ["onDisabledChange"]
-  }; }
-};
-EzRecordNavigation.style = ezRecordNavigationCss;
-
-exports.ez_record_navigation = EzRecordNavigation;