@gravitee/ui-components 3.25.2 → 3.25.3-typescript-5a46c7d

package/src/organisms/gv-pagination.js

@@ -1,170 +1 @@
-/*
- * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { LitElement, html, css } from 'lit';
-import { dispatchCustomEvent } from '../lib/events';
-import '../atoms/gv-button';
-import { i18n } from '../lib/i18n';
-/**
- * A pagination
- *
- * ## Details
- * * has @theme facet
- *
- * @fires gv-pagination:paginate - Custom event with pagination link
- *
- * @attr {Object} data - Pagination information {first, last, total, current_page}
- * @attr {Boolean} hide-empty - hide component if no page or no data.
- * @attr {Boolean} widget - display widget pagination (with arrows).
- * @attr {Boolean} disabled - same as native button element `disabled` attribute
- *
- * @cssprop {Length} [--gv-pagination--fz=var(--gv-theme-font-size-s, 12px)] - Font size
- * @cssprop {Length} [--gv-pagination-icon--s=18px] - Height and icon width
- */
-
-export class GvPagination extends LitElement {
-  static get properties() {
-    return {
-      data: {
-        type: Object
-      },
-      hideEmpty: {
-        type: Boolean,
-        attribute: 'hide-empty'
-      },
-      widget: {
-        type: Boolean
-      },
-      disabled: {
-        type: Boolean
-      },
-      _first: {
-        type: Number
-      },
-      _last: {
-        type: Number
-      },
-      _current: {
-        type: Number
-      },
-      _total: {
-        type: Number
-      }
-    };
-  }
-
-  static get styles() {
-    return [// language=css
-    css`.pagination{--font-size:var(--gv-pagination--fz, var(--gv-theme-font-size-s, 12px));font-size:var(--fz);--gv-button--fz:var(--fz);display:flex;align-items:center}gv-button{--gv-icon--s:var(--gv-pagination-icon--s, 18px);min-width:29px}gv-input{width:50px}`];
-  }
-
-  constructor() {
-    super();
-    this.hideEmpty = false;
-    this.hasInput = false;
-    this.max = 10;
-    this.center = this.max / 2 - 1;
-    this.sizes = [];
-    this.links = {};
-  }
-
-  set data(data) {
-    if (data) {
-      this._last = data.last;
-      this._current = parseInt(data.current_page);
-      this._pages = data.total_pages;
-
-      if (this._pages < this.max) {
-        this.max = this._pages;
-      }
-    }
-  }
-
-  _goToPage(page) {
-    this._current = parseInt(page);
-    dispatchCustomEvent(this, 'paginate', {
-      page: page
-    });
-  }
-
-  _onSubmit(e) {
-    const page = e.target.value;
-
-    this._goToPage(page);
-  }
-
-  _onClickToSearch() {
-    const page = this.shadowRoot.querySelector('gv-input').value;
-
-    if (page) {
-      this._goToPage(page);
-    }
-  }
-
-  _renderPagination() {
-    const pagination = [];
-
-    for (let i = 0; i < this._pages; i++) {
-      pagination.push(i + 1);
-    }
-
-    let left = pagination.slice(0, this._current - 1);
-    let right = pagination.slice(this._current);
-
-    if (pagination.length > this.max) {
-      const dL = left.length;
-      let removeL = dL - this.center - 1;
-      let addRight = this.max - this._current > this.center ? this.max - this._current : this.center;
-
-      if (removeL > 0) {
-        addRight = this.center;
-        const diff = this._last - this._current - addRight;
-
-        if (diff < 0) {
-          removeL += diff;
-        }
-
-        left = left.slice(removeL);
-      }
-
-      right = right.slice(0, addRight);
-    }
-
-    const leftP = left.map(i => html`<gv-button small outlined @click="${this._goToPage.bind(this, i)}">${i}</gv-button>`);
-    const rightP = right.map(i => html`<gv-button small outlined @click="${this._goToPage.bind(this, i)}">${i}</gv-button>`);
-    leftP.unshift(html`<gv-button small .disabled="${this.disabled || leftP.length === 0}" .icon="${this.widget ? 'navigation:angle-left' : null}" .title="${i18n('gv-pagination.previous')}" outlined @click="${leftP.length === 0 ? () => {} : this._goToPage.bind(this, this._current - 1)}">${this.widget ? '' : i18n('gv-pagination.previous')}</gv-button>`);
-    rightP.push(html`<gv-button small .disabled="${this.disabled || rightP.length === 0}" .icon="${this.widget ? 'navigation:angle-right' : null}" .title="${i18n('gv-pagination.next')}" outlined @click="${rightP.length === 0 ? () => {} : this._goToPage.bind(this, this._current + 1)}">${this.widget ? '' : i18n('gv-pagination.next')}</gv-button>`);
-    return html`${this.widget ? leftP.slice(0, 1) : leftP} ${html`<gv-button .disabled="${this.disabled}" small primary>${this.widget ? this._current + ' / ' + pagination.length : this._current}</gv-button>`} ${this.widget ? rightP.slice(rightP.length - 1, rightP.length) : rightP}`;
-  }
-
-  _hasData() {
-    return this._pages && this._last && this._current;
-  }
-
-  _hideEmpty() {
-    return this._hasData() && this.hideEmpty && this._pages < 2;
-  }
-
-  render() {
-    if (this._hasData() && !this._hideEmpty()) {
-      return html`<div class="pagination"> ${this.hasInput ? html`<gv-input class="goto" @gv-input:submit="${this._onSubmit}" type="number" min="1" max="${this._pages}" placeholder="Page" small></gv-input> <gv-button small outlined @click="${this._onClickToSearch}" icon="general:search"></gv-button>` : ''} ${this._renderPagination()} </div> `;
-    }
-
-    return html``;
-  }
-
-}
-window.customElements.define('gv-pagination', GvPagination);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbm9kZV9tb2R1bGVzL0BncmF2aXRlZS91aS1jb21wb25lbnRzL29yZ2FuaXNtcy9ndi1wYWdpbmF0aW9uLmpzIl0sIm5hbWVzIjpbIkxpdEVsZW1lbnQiLCJodG1sIiwiY3NzIiwiZGlzcGF0Y2hDdXN0b21FdmVudCIsImkxOG4iLCJHdlBhZ2luYXRpb24iLCJwcm9wZXJ0aWVzIiwiZGF0YSIsInR5cGUiLCJPYmplY3QiLCJoaWRlRW1wdHkiLCJCb29sZWFuIiwiYXR0cmlidXRlIiwid2lkZ2V0IiwiZGlzYWJsZWQiLCJfZmlyc3QiLCJOdW1iZXIiLCJfbGFzdCIsIl9jdXJyZW50IiwiX3RvdGFsIiwic3R5bGVzIiwiY29uc3RydWN0b3IiLCJoYXNJbnB1dCIsIm1heCIsImNlbnRlciIsInNpemVzIiwibGlua3MiLCJsYXN0IiwicGFyc2VJbnQiLCJjdXJyZW50X3BhZ2UiLCJfcGFnZXMiLCJ0b3RhbF9wYWdlcyIsIl9nb1RvUGFnZSIsInBhZ2UiLCJfb25TdWJtaXQiLCJlIiwidGFyZ2V0IiwidmFsdWUiLCJfb25DbGlja1RvU2VhcmNoIiwic2hhZG93Um9vdCIsInF1ZXJ5U2VsZWN0b3IiLCJfcmVuZGVyUGFnaW5hdGlvbiIsInBhZ2luYXRpb24iLCJpIiwicHVzaCIsImxlZnQiLCJzbGljZSIsInJpZ2h0IiwibGVuZ3RoIiwiZEwiLCJyZW1vdmVMIiwiYWRkUmlnaHQiLCJkaWZmIiwibGVmdFAiLCJtYXAiLCJiaW5kIiwicmlnaHRQIiwidW5zaGlmdCIsIl9oYXNEYXRhIiwiX2hpZGVFbXB0eSIsInJlbmRlciIsIndpbmRvdyIsImN1c3RvbUVsZW1lbnRzIiwiZGVmaW5lIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxTQUFTQSxVQUFULEVBQXFCQyxJQUFyQixFQUEyQkMsR0FBM0IsUUFBc0MsS0FBdEM7QUFDQSxTQUFTQyxt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LE1BQXRCLENBQTZCLGVBQTdCLEVBQThDMUQsWUFBOUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChDKSAyMDE1IFRoZSBHcmF2aXRlZSB0ZWFtIChodHRwOi8vZ3Jhdml0ZWUuaW8pXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuaW1wb3J0IHsgTGl0RWxlbWVudCwgaHRtbCwgY3NzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGRpc3BhdGNoQ3VzdG9tRXZlbnQgfSBmcm9tICcuLi9saWIvZXZlbnRzJztcbmltcG9ydCAnLi4vYXRvbXMvZ3YtYnV0dG9uJztcbmltcG9ydCB7IGkxOG4gfSBmcm9tICcuLi9saWIvaTE4bic7XG5cbi8qKlxuICogQSBwYWdpbmF0aW9uXG4gKlxuICogIyMgRGV0YWlsc1xuICogKiBoYXMgQHRoZW1lIGZhY2V0XG4gKlxuICogQGZpcmVzIGd2LXBhZ2luYXRpb246cGFnaW5hdGUgLSBDdXN0b20gZXZlbnQgd2l0aCBwYWdpbmF0aW9uIGxpbmtcbiAqXG4gKiBAYXR0ciB7T2JqZWN0fSBkYXRhIC0gUGFnaW5hdGlvbiBpbmZvcm1hdGlvbiB7Zmlyc3QsIGxhc3QsIHRvdGFsLCBjdXJyZW50X3BhZ2V9XG4gKiBAYXR0ciB7Qm9vbGVhbn0gaGlkZS1lbXB0eSAtIGhpZGUgY29tcG9uZW50IGlmIG5vIHBhZ2Ugb3Igbm8gZGF0YS5cbiAqIEBhdHRyIHtCb29sZWFufSB3aWRnZXQgLSBkaXNwbGF5IHdpZGdldCBwYWdpbmF0aW9uICh3aXRoIGFycm93cykuXG4gKiBAYXR0ciB7Qm9vbGVhbn0gZGlzYWJsZWQgLSBzYW1lIGFzIG5hdGl2ZSBidXR0b24gZWxlbWVudCBgZGlzYWJsZWRgIGF0dHJpYnV0ZVxuICpcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXBhZ2luYXRpb24tLWZ6PXZhcigtLWd2LXRoZW1lLWZvbnQtc2l6ZS1zLCAxMnB4KV0gLSBGb250IHNpemVcbiAqIEBjc3Nwcm9wIHtMZW5ndGh9IFstLWd2LXBhZ2luYXRpb24taWNvbi0tcz0xOHB4XSAtIEhlaWdodCBhbmQgaWNvbiB3aWR0aFxuICovXG5leHBvcnQgY2xhc3MgR3ZQYWdpbmF0aW9uIGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHN0YXRpYyBnZXQgcHJvcGVydGllcygpIHtcbiAgICByZXR1cm4ge1xuICAgICAgZGF0YTogeyB0eXBlOiBPYmplY3QgfSxcbiAgICAgIGhpZGVFbXB0eTogeyB0eXBlOiBCb29sZWFuLCBhdHRyaWJ1dGU6ICdoaWRlLWVtcHR5JyB9LFxuICAgICAgd2lkZ2V0OiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIGRpc2FibGVkOiB7IHR5cGU6IEJvb2xlYW4gfSxcbiAgICAgIF9maXJzdDogeyB0eXBlOiBOdW1iZXIgfSxcbiAgICAgIF9sYXN0OiB7IHR5cGU6IE51bWJlciB9LFxuICAgICAgX2N1cnJlbnQ6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgICBfdG90YWw6IHsgdHlwZTogTnVtYmVyIH0sXG4gICAgfTtcbiAgfVxuXG4gIHN0YXRpYyBnZXQgc3R5bGVzKCkge1xuICAgIHJldHVybiBbXG4gICAgICAvLyBsYW5ndWFnZT1jc3NcbiAgICAgIGNzc2BcbiAgICAgICAgLnBhZ2luYXRpb24ge1xuICAgICAgICAgIC0tZm9udC1zaXplOiB2YXIoLS1ndi1wYWdpbmF0aW9uLS1meiwgdmFyKC0tZ3YtdGhlbWUtZm9udC1zaXplLXMsIDEycHgpKTtcbiAgICAgICAgICBmb250LXNpemU6IHZhcigtLWZ6KTtcbiAgICAgICAgICAtLWd2LWJ1dHRvbi0tZno6IHZhcigtLWZ6KTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICBndi1idXR0b24ge1xuICAgICAgICAgIC0tZ3YtaWNvbi0tczogdmFyKC0tZ3YtcGFnaW5hdGlvbi1pY29uLS1zLCAxOHB4KTtcbiAgICAgICAgICBtaW4td2lkdGg6IDI5cHg7XG4gICAgICAgIH1cblxuICAgICAgICBndi1pbnB1dCB7XG4gICAgICAgICAgd2lkdGg6IDUwcHg7XG4gICAgICAgIH1cbiAgICAgIGAsXG4gICAgXTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5oaWRlRW1wdHkgPSBmYWxzZTtcbiAgICB0aGlzLmhhc0lucHV0ID0gZmFsc2U7XG4gICAgdGhpcy5tYXggPSAxMDtcbiAgICB0aGlzLmNlbnRlciA9IHRoaXMubWF4IC8gMiAtIDE7XG4gICAgdGhpcy5zaXplcyA9IFtdO1xuICAgIHRoaXMubGlua3MgPSB7fTtcbiAgfVxuXG4gIHNldCBkYXRhKGRhdGEpIHtcbiAgICBpZiAoZGF0YSkge1xuICAgICAgdGhpcy5fbGFzdCA9IGRhdGEubGFzdDtcbiAgICAgIHRoaXMuX2N1cnJlbnQgPSBwYXJzZUludChkYXRhLmN1cnJlbnRfcGFnZSk7XG4gICAgICB0aGlzLl9wYWdlcyA9IGRhdGEudG90YWxfcGFnZXM7XG4gICAgICBpZiAodGhpcy5fcGFnZXMgPCB0aGlzLm1heCkge1xuICAgICAgICB0aGlzLm1heCA9IHRoaXMuX3BhZ2VzO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIF9nb1RvUGFnZShwYWdlKSB7XG4gICAgdGhpcy5fY3VycmVudCA9IHBhcnNlSW50KHBhZ2UpO1xuICAgIGRpc3BhdGNoQ3VzdG9tRXZlbnQodGhpcywgJ3BhZ2luYXRlJywgeyBwYWdlOiBwYWdlIH0pO1xuICB9XG5cbiAgX29uU3VibWl0KGUpIHtcbiAgICBjb25zdCBwYWdlID0gZS50YXJnZXQudmFsdWU7XG4gICAgdGhpcy5fZ29Ub1BhZ2UocGFnZSk7XG4gIH1cblxuICBfb25DbGlja1RvU2VhcmNoKCkge1xuICAgIGNvbnN0IHBhZ2UgPSB0aGlzLnNoYWRvd1Jvb3QucXVlcnlTZWxlY3RvcignZ3YtaW5wdXQnKS52YWx1ZTtcbiAgICBpZiAocGFnZSkge1xuICAgICAgdGhpcy5fZ29Ub1BhZ2UocGFnZSk7XG4gICAgfVxuICB9XG5cbiAgX3JlbmRlclBhZ2luYXRpb24oKSB7XG4gICAgY29uc3QgcGFnaW5hdGlvbiA9IFtdO1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5fcGFnZXM7IGkrKykge1xuICAgICAgcGFnaW5hdGlvbi5wdXNoKGkgKyAxKTtcbiAgICB9XG5cbiAgICBsZXQgbGVmdCA9IHBhZ2luYXRpb24uc2xpY2UoMCwgdGhpcy5fY3VycmVudCAtIDEpO1xuICAgIGxldCByaWdodCA9IHBhZ2luYXRpb24uc2xpY2UodGhpcy5fY3VycmVudCk7XG5cbiAgICBpZiAocGFnaW5hdGlvbi5sZW5ndGggPiB0aGlzLm1heCkge1xuICAgICAgY29uc3QgZEwgPSBsZWZ0Lmxlbmd0aDtcbiAgICAgIGxldCByZW1vdmVMID0gZEwgLSB0aGlzLmNlbnRlciAtIDE7XG4gICAgICBsZXQgYWRkUmlnaHQgPSB0aGlzLm1heCAtIHRoaXMuX2N1cnJlbnQgPiB0aGlzLmNlbnRlciA/IHRoaXMubWF4IC0gdGhpcy5fY3VycmVudCA6IHRoaXMuY2VudGVyO1xuICAgICAgaWYgKHJlbW92ZUwgPiAwKSB7XG4gICAgICAgIGFkZFJpZ2h0ID0gdGhpcy5jZW50ZXI7XG4gICAgICAgIGNvbnN0IGRpZmYgPSB0aGlzLl9sYXN0IC0gdGhpcy5fY3VycmVudCAtIGFkZFJpZ2h0O1xuICAgICAgICBpZiAoZGlmZiA8IDApIHtcbiAgICAgICAgICByZW1vdmVMICs9IGRpZmY7XG4gICAgICAgIH1cbiAgICAgICAgbGVmdCA9IGxlZnQuc2xpY2UocmVtb3ZlTCk7XG4gICAgICB9XG4gICAgICByaWdodCA9IHJpZ2h0LnNsaWNlKDAsIGFkZFJpZ2h0KTtcbiAgICB9XG4gICAgY29uc3QgbGVmdFAgPSBsZWZ0Lm1hcCgoaSkgPT4gaHRtbGA8Z3YtYnV0dG9uIHNtYWxsIG91dGxpbmVkIEBjbGljaz1cIiR7dGhpcy5fZ29Ub1BhZ2UuYmluZCh0aGlzLCBpKX1cIj4ke2l9PC9ndi1idXR0b24+YCk7XG4gICAgY29uc3QgcmlnaHRQID0gcmlnaHQubWFwKChpKSA9PiBodG1sYDxndi1idXR0b24gc21hbGwgb3V0bGluZWQgQGNsaWNrPVwiJHt0aGlzLl9nb1RvUGFnZS5iaW5kKHRoaXMsIGkpfVwiPiR7aX08L2d2LWJ1dHRvbj5gKTtcblxuICAgIGxlZnRQLnVuc2hpZnQoXG4gICAgICBodG1sYDxndi1idXR0b25cbiAgICAgICAgc21hbGxcbiAgICAgICAgLmRpc2FibGVkPVwiJHt0aGlzLmRpc2FibGVkIHx8IGxlZnRQLmxlbmd0aCA9PT0gMH1cIlxuICAgICAgICAuaWNvbj1cIiR7dGhpcy53aWRnZXQgPyAnbmF2aWdhdGlvbjphbmdsZS1sZWZ0JyA6IG51bGx9XCJcbiAgICAgICAgLnRpdGxlPVwiJHtpMThuKCdndi1wYWdpbmF0aW9uLnByZXZpb3VzJyl9XCJcbiAgICAgICAgb3V0bGluZWRcbiAgICAgICAgQGNsaWNrPVwiJHtsZWZ0UC5sZW5ndGggPT09IDAgPyAoKSA9PiB7fSA6IHRoaXMuX2dvVG9QYWdlLmJpbmQodGhpcywgdGhpcy5fY3VycmVudCAtIDEpfVwiXG4gICAgICAgID4ke3RoaXMud2lkZ2V0ID8gJycgOiBpMThuKCdndi1wYWdpbmF0aW9uLnByZXZpb3VzJyl9PC9ndi1idXR0b25cbiAgICAgID5gLFxuICAgICk7XG4gICAgcmlnaHRQLnB1c2goXG4gICAgICBodG1sYDxndi1idXR0b25cbiAgICAgICAgc21hbGxcbiAgICAgICAgLmRpc2FibGVkPVwiJHt0aGlzLmRpc2FibGVkIHx8IHJpZ2h0UC5sZW5ndGggPT09IDB9XCJcbiAgICAgICAgLmljb249XCIke3RoaXMud2lkZ2V0ID8gJ25hdmlnYXRpb246YW5nbGUtcmlnaHQnIDogbnVsbH1cIlxuICAgICAgICAudGl0bGU9XCIke2kxOG4oJ2d2LXBhZ2luYXRpb24ubmV4dCcpfVwiXG4gICAgICAgIG91dGxpbmVkXG4gICAgICAgIEBjbGljaz1cIiR7cmlnaHRQLmxlbmd0aCA9PT0gMCA/ICgpID0+IHt9IDogdGhpcy5fZ29Ub1BhZ2UuYmluZCh0aGlzLCB0aGlzLl9jdXJyZW50ICsgMSl9XCJcbiAgICAgICAgPiR7dGhpcy53aWRnZXQgPyAnJyA6IGkxOG4oJ2d2LXBhZ2luYXRpb24ubmV4dCcpfTwvZ3YtYnV0dG9uXG4gICAgICA+YCxcbiAgICApO1xuICAgIHJldHVybiBodG1sYCR7dGhpcy53aWRnZXQgPyBsZWZ0UC5zbGljZSgwLCAxKSA6IGxlZnRQfVxuICAgICR7aHRtbGA8Z3YtYnV0dG9uIC5kaXNhYmxlZD1cIiR7dGhpcy5kaXNhYmxlZH1cIiBzbWFsbCBwcmltYXJ5XG4gICAgICA+JHt0aGlzLndpZGdldCA/IHRoaXMuX2N1cnJlbnQgKyAnIC8gJyArIHBhZ2luYXRpb24ubGVuZ3RoIDogdGhpcy5fY3VycmVudH08L2d2LWJ1dHRvblxuICAgID5gfVxuICAgICR7dGhpcy53aWRnZXQgPyByaWdodFAuc2xpY2UocmlnaHRQLmxlbmd0aCAtIDEsIHJpZ2h0UC5sZW5ndGgpIDogcmlnaHRQfWA7XG4gIH1cblxuICBfaGFzRGF0YSgpIHtcbiAgICByZXR1cm4gdGhpcy5fcGFnZXMgJiYgdGhpcy5fbGFzdCAmJiB0aGlzLl9jdXJyZW50O1xuICB9XG5cbiAgX2hpZGVFbXB0eSgpIHtcbiAgICByZXR1cm4gdGhpcy5faGFzRGF0YSgpICYmIHRoaXMuaGlkZUVtcHR5ICYmIHRoaXMuX3BhZ2VzIDwgMjtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBpZiAodGhpcy5faGFzRGF0YSgpICYmICF0aGlzLl9oaWRlRW1wdHkoKSkge1xuICAgICAgcmV0dXJuIGh0bWxgPGRpdiBjbGFzcz1cInBhZ2luYXRpb25cIj5cbiAgICAgICAgJHt0aGlzLmhhc0lucHV0XG4gICAgICAgICAgPyBodG1sYDxndi1pbnB1dFxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZ290b1wiXG4gICAgICAgICAgICAgICAgQGd2LWlucHV0OnN1Ym1pdD1cIiR7dGhpcy5fb25TdWJtaXR9XCJcbiAgICAgICAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICAgICAgICBtaW49XCIxXCJcbiAgICAgICAgICAgICAgICBtYXg9XCIke3RoaXMuX3BhZ2VzfVwiXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJQYWdlXCJcbiAgICAgICAgICAgICAgICBzbWFsbFxuICAgICAgICAgICAgICA+PC9ndi1pbnB1dD5cbiAgICAgICAgICAgICAgPGd2LWJ1dHRvbiBzbWFsbCBvdXRsaW5lZCBAY2xpY2s9XCIke3RoaXMuX29uQ2xpY2tUb1NlYXJjaH1cIiBpY29uPVwiZ2VuZXJhbDpzZWFyY2hcIj48L2d2LWJ1dHRvbj5gXG4gICAgICAgICAgOiAnJ31cbiAgICAgICAgJHt0aGlzLl9yZW5kZXJQYWdpbmF0aW9uKCl9XG4gICAgICA8L2Rpdj4gYDtcbiAgICB9XG4gICAgcmV0dXJuIGh0bWxgYDtcbiAgfVxufVxuXG53aW5kb3cuY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdndi1wYWdpbmF0aW9uJywgR3ZQYWdpbmF0aW9uKTtcbiJdfQ==
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvPagination=void 0;const t=require("lit"),i=require("../lib/events");require("../atoms/gv-button");const e=require("../lib/i18n");class s extends t.LitElement{static get properties(){return{data:{type:Object},hideEmpty:{type:Boolean,attribute:"hide-empty"},widget:{type:Boolean},disabled:{type:Boolean},_first:{type:Number},_last:{type:Number},_current:{type:Number},_total:{type:Number}}}static get styles(){return[t.css`.pagination{--font-size:var(--gv-pagination--fz, var(--gv-theme-font-size-s, 12px));font-size:var(--fz);--gv-button--fz:var(--fz);display:flex;align-items:center}gv-button{--gv-icon--s:var(--gv-pagination-icon--s, 18px);min-width:29px}gv-input{width:50px}`]}constructor(){super(),this.hideEmpty=!1,this.hasInput=!1,this.max=10,this.center=this.max/2-1,this.sizes=[],this.links={}}set data(t){t&&(this._last=t.last,this._current=parseInt(t.current_page),this._pages=t.total_pages,this._pages<this.max&&(this.max=this._pages))}_goToPage(t){this._current=parseInt(t),(0,i.dispatchCustomEvent)(this,"paginate",{page:t})}_onSubmit(t){const i=t.target.value;this._goToPage(i)}_onClickToSearch(){const t=this.shadowRoot.querySelector("gv-input").value;t&&this._goToPage(t)}_renderPagination(){const i=[];for(let t=0;t<this._pages;t++)i.push(t+1);let s=i.slice(0,this._current-1),n=i.slice(this._current);if(i.length>this.max){let t=s.length-this.center-1,i=this.max-this._current>this.center?this.max-this._current:this.center;if(t>0){i=this.center;const e=this._last-this._current-i;e<0&&(t+=e),s=s.slice(t)}n=n.slice(0,i)}const a=s.map((i=>t.html`<gv-button small outlined @click="${this._goToPage.bind(this,i)}">${i}</gv-button>`)),h=n.map((i=>t.html`<gv-button small outlined @click="${this._goToPage.bind(this,i)}">${i}</gv-button>`));return a.unshift(t.html`<gv-button small .disabled="${this.disabled||0===a.length}" .icon="${this.widget?"navigation:angle-left":null}" .title="${(0,e.i18n)("gv-pagination.previous")}" outlined @click="${0===a.length?()=>{}:this._goToPage.bind(this,this._current-1)}">${this.widget?"":(0,e.i18n)("gv-pagination.previous")}</gv-button>`),h.push(t.html`<gv-button small .disabled="${this.disabled||0===h.length}" .icon="${this.widget?"navigation:angle-right":null}" .title="${(0,e.i18n)("gv-pagination.next")}" outlined @click="${0===h.length?()=>{}:this._goToPage.bind(this,this._current+1)}">${this.widget?"":(0,e.i18n)("gv-pagination.next")}</gv-button>`),t.html`${this.widget?a.slice(0,1):a} ${t.html`<gv-button .disabled="${this.disabled}" small primary>${this.widget?this._current+" / "+i.length:this._current}</gv-button>`} ${this.widget?h.slice(h.length-1,h.length):h}`}_hasData(){return this._pages&&this._last&&this._current}_hideEmpty(){return this._hasData()&&this.hideEmpty&&this._pages<2}render(){return this._hasData()&&!this._hideEmpty()?t.html`<div class="pagination">${this.hasInput?t.html`<gv-input class="goto" @gv-input:submit="${this._onSubmit}" type="number" min="1" max="${this._pages}" placeholder="Page" small></gv-input><gv-button small outlined @click="${this._onClickToSearch}" icon="general:search"></gv-button>`:""} ${this._renderPagination()}</div>`:t.html``}}exports.GvPagination=s,window.customElements.define("gv-pagination",s);