@gravitee/ui-components 3.25.3-typescript-8a53edf → 3.25.3-typescript-e7256ca

package/src/organisms/gv-newsletter-subscription.js

@@ -1,271 +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 { css, html, LitElement } from 'lit';
-import { dispatchCustomEvent } from '../lib/events';
-
-/**
- * The newsletter subscription page
- *
- * @fires gv-newsletter-subscription:subscribe - Custom event when link click
- * @fires gv-newsletter-subscription:skip - Custom event when link click
- *
- * @attr {String} title - The title of newsletter subscription container
- * @attr {String} header - The header of newsletter subscription container
- * @attr {String} placeholder - The placeholder used for the email input
- * @attr {String} subscribeLabel - The text of the subscribe button
- * @attr {String} skipLabel - The text of the skip button
- * @attr {Array} taglines - The taglines to promote the newsletter subscription
- * @attr {String} email - The email value
- * @attr {Boolean} disabled - The disabled state of email input
- * @attr {String} githubUrl - The url to github page
- * @attr {String} twitterUrl - The url to twitter page
- * @attr {String} linkedinUrl - The url to linkedin page
- *
- */
-export class GvNewsletterSubscription extends LitElement {
-  static get properties() {
-    return {
-      title: { type: String },
-      header: { type: String },
-      placeholder: { type: String },
-      subscribeLabel: { type: String, attribute: 'subscribe-label' },
-      skipLabel: { type: String, attribute: 'skip-label' },
-      taglines: { type: Array },
-      email: { type: String },
-      disabled: { type: Boolean },
-      githubUrl: { type: String, attribute: 'github-url' },
-      twitterUrl: { type: String, attribute: 'twitter-url' },
-      linkedinUrl: { type: String, attribute: 'linkedin-url' },
-      _invalid: { type: Boolean, attribute: false },
-    };
-  }
-
-  static get styles() {
-    return [
-      // language=css
-      css`
-        :host {
-          box-sizing: border-box;
-          margin: 0.2rem;
-        }
-
-        .newsletter-container {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: space-between;
-          max-width: 680px;
-          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
-          padding: 25px 20px 5px 20px;
-        }
-
-        .newsletter__header {
-          text-transform: uppercase;
-          font-style: oblique;
-          text-align: center;
-          font-size: 16px;
-          font-weight: bold;
-          padding: 5px 35px;
-          color: var(--gv-theme-neutral-color-lightest, #ffffff);
-          background-color: var(--gv-theme-color-light, #86c3d0);
-        }
-
-        .newsletter__title {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          font-size: 20px;
-          text-transform: uppercase;
-          padding: 20px;
-          color: var(--gv-theme-color-light, #86c3d0);
-        }
-
-        .newsletter__title-highlight {
-          font-size: 30px;
-        }
-
-        .newsletter__email {
-          display: flex;
-          flex-direction: column;
-          width: 50%;
-        }
-
-        .newsletter__taglines {
-          display: flex;
-          flex-direction: row;
-          justify-content: space-between;
-          align-items: center;
-          text-align: center;
-          text-transform: uppercase;
-          font-size: 14px;
-          height: 20%;
-          margin-top: 20px;
-          padding: 10px 0;
-          color: var(--gv-theme-color-darker, #383e3f);
-          border-bottom: solid 1px var(--gv-theme-color-darker, #383e3f);
-        }
-
-        .newsletter__tagline {
-          display: flex;
-          flex-basis: 100%;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-          height: 100%;
-          font-weight: bold;
-          padding: 0 15px;
-          border-right: solid 1px var(--gv-theme-color-darker, #383e3f);
-        }
-
-        .newsletter__tagline.last {
-          border-right: none;
-        }
-
-        .newsletter__tagline-text {
-          width: 100%;
-        }
-
-        .newsletter__skip {
-          margin-top: 20px;
-        }
-
-        .social {
-          width: 100%;
-          display: flex;
-          flex-direction: row;
-          justify-content: flex-end;
-        }
-
-        .social-link {
-          --gv-icon--c: var(--gv-theme-color-light, #86c3d0);
-          --gv-icon--s: 32px;
-        }
-      `,
-    ];
-  }
-
-  constructor() {
-    super();
-    this.header = 'Customers process over 1 billion requests through the gravitee.io gateway in just one week';
-    this.title = 'Community of api masters';
-    this.placeholder = 'Enter your email';
-    this.subscribeLabel = 'Become an API master now';
-    this.taglines = ['New release monthly updates', 'Free trial of Gravitee.IO enterprise', 'Share your experiences with other members'];
-    this.skipLabel = 'Skip';
-    this.email = '';
-    this.disabled = false;
-    this._invalid = true;
-    this.githubUrl = 'https://github.com/gravitee-io';
-    this.twitterUrl = 'https://twitter.com/GraviteeIO';
-    this.linkedinUrl = 'https://www.linkedin.com/company/gravitee-io/';
-  }
-
-  render() {
-    return html`
-        <div class="newsletter-container">
-          <div class="newsletter__header">
-            ${this.header}
-          </div>
-          <div class="newsletter__title">
-            <span>Join the</span>
-            <span class="newsletter__title-highlight">${this.title}</span>
-            <span>Today</span>
-          </div>
-          <div class="newsletter__email">
-            <gv-input
-              id="email"
-              name="email"
-              @gv-input:submit="${this._onSubscribe}"
-              @gv-input:input="${this._onInputChange}"
-              type="email"
-              required
-              .value="${this.email}"
-              .disabled=${this.disabled}
-              placeholder="${this.placeholder}"
-            ></gv-input>
-            <gv-button @click="${this._onSubscribe}"
-                       id="email-submit"
-                       provider="graviteeio_am"
-                       icon-right="navigation:angle-right"
-                       .disabled=${!this.disabled && this._invalid}>
-              ${this.subscribeLabel}
-            </gv-button>
-          </div>
-          ${
-            this.taglines.length > 0
-              ? html` <div class="newsletter__taglines">
-                  ${this.taglines.map(
-                    (item, i, arr) => html`
-                      <div class="newsletter__tagline ${i === arr.length - 1 ? 'last' : ''}">
-                        <div class="newsletter__tagline-text">${item}</div>
-                      </div>
-                    `,
-                  )}
-                </div>`
-              : ''
-          }
-          <div class="newsletter__skip">
-            <gv-button @click="${this._onSkip}"
-                       provider="graviteeio_am"
-                       icon-right="navigation:angle-right"
-                       small
-                       outlined>
-              ${this.skipLabel}
-            </gv-button>
-          </div>
-          <div class="social">
-            <gv-button class="social-link"
-                       link
-                       icon="thirdparty:github"
-                       .href="${this.githubUrl}"
-                       @gv-button:click="${this._navigateSocial.bind(this, this.githubUrl)}">
-            </gv-button>
-            <gv-button class="social-link"
-                       link icon="thirdparty:twitter"
-                       .href="${this.twitterUrl}"
-                       @gv-button:click="${this._navigateSocial.bind(this, this.twitterUrl)}">
-            </gv-button>
-            <gv-button class="social-link"
-                       link
-                       icon="thirdparty:linkedin"
-                       .href="${this.linkedinUrl}"
-                       @gv-button:click="${this._navigateSocial.bind(this, this.linkedinUrl)}">
-            </gv-button>
-            </gv-link>
-          </div>
-        </div>
-    `;
-  }
-
-  _onSubscribe() {
-    dispatchCustomEvent(this, 'subscribe', this.email);
-  }
-
-  _onSkip() {
-    dispatchCustomEvent(this, 'skip');
-  }
-
-  _navigateSocial(url) {
-    window.open(url, '_blank');
-  }
-
-  _onInputChange(e) {
-    this._invalid = e.target.invalid;
-    this.email = e.detail;
-  }
-}
-
-window.customElements.define('gv-newsletter-subscription', GvNewsletterSubscription);
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.GvNewsletterSubscription=void 0;const t=require("lit"),e=require("../lib/events");class i extends t.LitElement{static get properties(){return{title:{type:String},header:{type:String},placeholder:{type:String},subscribeLabel:{type:String,attribute:"subscribe-label"},skipLabel:{type:String,attribute:"skip-label"},taglines:{type:Array},email:{type:String},disabled:{type:Boolean},githubUrl:{type:String,attribute:"github-url"},twitterUrl:{type:String,attribute:"twitter-url"},linkedinUrl:{type:String,attribute:"linkedin-url"},_invalid:{type:Boolean,attribute:!1}}}static get styles(){return[t.css`:host{box-sizing:border-box;margin:.2rem}.newsletter-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:680px;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);padding:25px 20px 5px 20px}.newsletter__header{text-transform:uppercase;font-style:oblique;text-align:center;font-size:16px;font-weight:700;padding:5px 35px;color:var(--gv-theme-neutral-color-lightest,#fff);background-color:var(--gv-theme-color-light,#86c3d0)}.newsletter__title{display:flex;flex-direction:column;align-items:center;font-size:20px;text-transform:uppercase;padding:20px;color:var(--gv-theme-color-light,#86c3d0)}.newsletter__title-highlight{font-size:30px}.newsletter__email{display:flex;flex-direction:column;width:50%}.newsletter__taglines{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;text-transform:uppercase;font-size:14px;height:20%;margin-top:20px;padding:10px 0;color:var(--gv-theme-color-darker,#383e3f);border-bottom:solid 1px var(--gv-theme-color-darker,#383e3f)}.newsletter__tagline{display:flex;flex-basis:100%;flex-direction:column;justify-content:center;align-items:center;height:100%;font-weight:700;padding:0 15px;border-right:solid 1px var(--gv-theme-color-darker,#383e3f)}.newsletter__tagline.last{border-right:none}.newsletter__tagline-text{width:100%}.newsletter__skip{margin-top:20px}.social{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.social-link{--gv-icon--c:var(--gv-theme-color-light, #86c3d0);--gv-icon--s:32px}`]}constructor(){super(),this.header="Customers process over 1 billion requests through the gravitee.io gateway in just one week",this.title="Community of api masters",this.placeholder="Enter your email",this.subscribeLabel="Become an API master now",this.taglines=["New release monthly updates","Free trial of Gravitee.IO enterprise","Share your experiences with other members"],this.skipLabel="Skip",this.email="",this.disabled=!1,this._invalid=!0,this.githubUrl="https://github.com/gravitee-io",this.twitterUrl="https://twitter.com/GraviteeIO",this.linkedinUrl="https://www.linkedin.com/company/gravitee-io/"}render(){return t.html`<div class="newsletter-container"><div class="newsletter__header">${this.header}</div><div class="newsletter__title"><span>Join the</span> <span class="newsletter__title-highlight">${this.title}</span> <span>Today</span></div><div class="newsletter__email"><gv-input id="email" name="email" @gv-input:submit="${this._onSubscribe}" @gv-input:input="${this._onInputChange}" type="email" required .value="${this.email}" .disabled="${this.disabled}" placeholder="${this.placeholder}"></gv-input><gv-button @click="${this._onSubscribe}" id="email-submit" provider="graviteeio_am" icon-right="navigation:angle-right" .disabled="${!this.disabled&&this._invalid}">${this.subscribeLabel}</gv-button></div>${this.taglines.length>0?t.html`<div class="newsletter__taglines">${this.taglines.map(((e,i,s)=>t.html`<div class="newsletter__tagline ${i===s.length-1?"last":""}"><div class="newsletter__tagline-text">${e}</div></div>`))}</div>`:""}<div class="newsletter__skip"><gv-button @click="${this._onSkip}" provider="graviteeio_am" icon-right="navigation:angle-right" small outlined>${this.skipLabel}</gv-button></div><div class="social"><gv-button class="social-link" link icon="thirdparty:github" .href="${this.githubUrl}" @gv-button:click="${this._navigateSocial.bind(this,this.githubUrl)}"></gv-button><gv-button class="social-link" link icon="thirdparty:twitter" .href="${this.twitterUrl}" @gv-button:click="${this._navigateSocial.bind(this,this.twitterUrl)}"></gv-button><gv-button class="social-link" link icon="thirdparty:linkedin" .href="${this.linkedinUrl}" @gv-button:click="${this._navigateSocial.bind(this,this.linkedinUrl)}"></gv-button></div></div>`}_onSubscribe(){(0,e.dispatchCustomEvent)(this,"subscribe",this.email)}_onSkip(){(0,e.dispatchCustomEvent)(this,"skip")}_navigateSocial(t){window.open(t,"_blank")}_onInputChange(t){this._invalid=t.target.invalid,this.email=t.detail}}exports.GvNewsletterSubscription=i,window.customElements.define("gv-newsletter-subscription",i);

package/src/organisms/gv-pagination.d.ts

@@ -0,0 +1,63 @@
+/**
+ * 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(): {
+        data: {
+            type: ObjectConstructor;
+        };
+        hideEmpty: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        widget: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        _first: {
+            type: NumberConstructor;
+        };
+        _last: {
+            type: NumberConstructor;
+        };
+        _current: {
+            type: NumberConstructor;
+        };
+        _total: {
+            type: NumberConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    hideEmpty: boolean;
+    hasInput: boolean;
+    max: number;
+    center: number;
+    sizes: any[];
+    links: {};
+    set data(arg: any);
+    _last: any;
+    _current: number | undefined;
+    _pages: any;
+    _goToPage(page: any): void;
+    _onSubmit(e: any): void;
+    _onClickToSearch(): void;
+    _renderPagination(): import("lit-html").TemplateResult<1>;
+    _hasData(): any;
+    _hideEmpty(): any;
+}
+import { LitElement } from "lit-element/lit-element";

package/src/organisms/gv-pagination.js

@@ -1,198 +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);
+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);