q2-tecton-elements 1.51.0 → 1.52.0

package/dist/q2-tecton-elements/q2-pagination.entry.js

@@ -0,0 +1,377 @@
+import { r as t, c as e, h as i, g as n } from "./index-7a5365e2.js";
+
+import { n as a, o as s, i as o, l as r } from "./index-d18e2a20.js";
+
+const c = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";
+
+const h = c;
+
+const l = class {
+  constructor(i) {
+    t(this, i);
+    this.change = e(this, "change", 7);
+    this.checkSize = () => {
+      const {hostElement: t, containerElement: e} = this;
+      const i = this.containerWidth > t.clientWidth;
+      this.isSmall = i;
+      if (i) return;
+      a((() => {
+        const t = this.containerWidth === e.clientWidth;
+        if (t) return;
+        this.containerWidth = e.clientWidth;
+        this.checkSize();
+      }));
+    };
+    this.handlePageChange = t => {
+      const {totalPages: e, inputField: i} = this;
+      t = parseInt(`${t}`);
+      if (t < 1) {
+        t = 1;
+      } else if (t > e) {
+        t = e;
+      }
+      if (i.value !== `${t}`) i.value = `${t}`;
+      if (!this.hostElement.onchange) {
+        this.page = t;
+      }
+      this.change.emit({
+        page: t
+      });
+    };
+    this.handlePerPageChange = t => {
+      this.perPage = t.detail.value * 1;
+    };
+    this.isSmall = undefined;
+    this.alignment = undefined;
+    this.autoSize = true;
+    this.page = undefined;
+    this.pages = undefined;
+    this.pagesOnly = undefined;
+    this.perPage = undefined;
+    this.perPageIncrements = undefined;
+    this.recordsOnly = undefined;
+    this.recordType = undefined;
+    this.total = undefined;
+  }
+  // #endregion
+  // #region Component Lifecycle Events
+  disconnectedCallback() {
+    this.removeResizeObserver();
+  }
+  componentWillLoad() {
+    this.manageResizeObserver();
+  }
+  componentDidLoad() {
+    this.containerWidth = this.containerElement.clientWidth;
+    s(this.hostElement);
+  }
+  // #endregion
+  // #region Listeners
+  onHostElementFocus(t) {
+    var e;
+    if (!o(t, this.hostElement)) return;
+    const {isFullViewHidden: i, containerElement: n, inputField: a} = this;
+    if (i) {
+      (e = n.querySelector("q2-btn:not([disabled])")) === null || e === void 0 ? void 0 : e.focus();
+    } else {
+      a.focus();
+    }
+  }
+  // #endregion
+  // #region Public Methods API
+  /**
+     * Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.
+     *
+     * If the `<button>` is disabled, this method does nothing.
+     * @testOnly
+     */
+  async clickFirstPage() {
+    const t = this.firstPageBtn;
+    if (t === null || t === void 0 ? void 0 : t.disabled) return;
+    t.click();
+  }
+  /**
+     * Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.
+     *
+     * If the `<button>` is disabled, this method does nothing.
+     * @testOnly
+     */  async clickLastPage() {
+    const t = this.lastPageBtn;
+    if (t === null || t === void 0 ? void 0 : t.disabled) return;
+    t.click();
+  }
+  /**
+     * Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.
+     *
+     * If the `<button>` is disabled, this method does nothing.
+     * @testOnly
+     */  async clickNextPage() {
+    const t = this.nextPageBtn;
+    if (t === null || t === void 0 ? void 0 : t.disabled) return;
+    t.click();
+  }
+  /**
+     * Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.
+     *
+     * If the `<button>` is disabled, this method does nothing.
+     * @testOnly
+     */  async clickPreviousPage() {
+    const t = this.prevPageBtn;
+    if (t === null || t === void 0 ? void 0 : t.disabled) return;
+    t.click();
+  }
+  /**
+     * Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,
+     * and updates the value of the `perPage` property.
+     *
+     * If `value` is not in the `perPageIncrements` array, this method does nothing.
+     * @testOnly
+     */  async selectPerPageIncrementValue(t) {
+    var e;
+    if (isNaN(t) || !this.showPerPageSelect || !this.perPageIncrements.includes(t)) return;
+    this.perPageSelect.focus();
+    this.perPageSelect.click();
+    const i = Array.from(this.perPageSelect.querySelectorAll("q2-option"));
+    (e = i.find((e => e.value === `${t}`))) === null || e === void 0 ? void 0 : e.click();
+  }
+  /**
+     * Emulates setting the page value in the `<input>` field,
+     * and emitting a change event with the updated page number.
+     *
+     * If `value` is invalid, this method does nothing.
+     * @testOnly
+     */  async setPageValue(t) {
+    var e, i;
+    if (!this.inputField || isNaN(t) || t < 1 || t > this.totalPages) return;
+    (e = this.inputField) === null || e === void 0 ? void 0 : e.focus();
+    this.inputField.value = `${t}`;
+    (i = this.inputField) === null || i === void 0 ? void 0 : i.blur();
+  }
+  // #endregion
+  // #region Watchers
+  manageResizeObserver() {
+    if (this.autoSize && !this.recordsOnly && !this.pagesOnly) {
+      if (this.resizeObserver) return;
+      this.resizeObserver = new ResizeObserver((() => this.checkSize()));
+      this.resizeObserver.observe(this.hostElement);
+      window.addEventListener("resize", this.checkSize);
+    } else {
+      this.isSmall = false;
+      this.removeResizeObserver();
+    }
+  }
+  // #endregion
+  // #region Local Methods
+  get currentRange() {
+    const {perPageWithDefault: t, totalWithDefault: e, pageWithDefault: i} = this;
+    const n = e > 0 ? (i - 1) * t + 1 : 0;
+    const a = Math.min(i * t, e);
+    return `${n} - ${a}`;
+  }
+  get isFullViewHidden() {
+    return this.isSmall || this.recordsOnly || this.pagesOnly;
+  }
+  get nextRange() {
+    const {perPageWithDefault: t, totalWithDefault: e, pageWithDefault: i} = this;
+    const n = i * t + 1;
+    const a = Math.min((i + 1) * t, e);
+    return `${n} - ${a}`;
+  }
+  get pageWithDefault() {
+    return this.total > 0 ? this.page || 1 : 0;
+  }
+  get perPageWithDefault() {
+    return this.perPage || 10;
+  }
+  get prevRange() {
+    const {perPageWithDefault: t, pageWithDefault: e} = this;
+    const i = Math.max(1, (e - 2) * t + 1);
+    const n = (e - 1) * t;
+    return `${i} - ${n}`;
+  }
+  get recordTypeWithDefault() {
+    return this.recordType || r("tecton.element.pagination.defaultRecordType");
+  }
+  get showPerPageSelect() {
+    var t;
+    return ((t = this.perPageIncrements) === null || t === void 0 ? void 0 : t.length) > 1;
+  }
+  get totalPages() {
+    const {pagesOnly: t, totalWithDefault: e, perPageWithDefault: i, pages: n} = this;
+    if (t && n && !isNaN(parseInt(`${n}`))) return n;
+    return Math.ceil(e / i);
+  }
+  get totalWithDefault() {
+    return this.total || 0;
+  }
+  removeResizeObserver() {
+    var t;
+    if (this.resizeObserver) {
+      (t = this.resizeObserver) === null || t === void 0 ? void 0 : t.unobserve(this.hostElement);
+      this.resizeObserver = null;
+      window.removeEventListener("resize", this.checkSize);
+    }
+  }
+  // #endregion
+  // #region Render Methods
+  renderPerPage() {
+    this.perPageIncrements = this.perPageIncrements.filter((t => !isNaN(t))).map((t => t * 1)).sort(((t, e) => t - e));
+    if (this.perPage === undefined) this.perPage = this.perPageIncrements[0];
+    return i("q2-select", {
+      ref: t => this.perPageSelect = t,
+      onChange: this.handlePerPageChange,
+      value: this.perPageIncrements.includes(this.perPage) ? `${this.perPage}` : undefined
+    }, this.perPageIncrements.map((t => i("q2-option", {
+      value: `${t}`,
+      display: `${r("tecton.element.pagination.view")} ${t}`
+    }, `${r("tecton.element.pagination.view")} ${t}`))));
+  }
+  render() {
+    var t;
+    const {pagesOnly: e, recordsOnly: n, isFullViewHidden: a, recordTypeWithDefault: s, totalPages: o, totalWithDefault: c, pageWithDefault: h, currentRange: l, nextRange: d, prevRange: p, showPerPageSelect: g} = this;
+    const u = h < 2;
+    const f = h === o;
+    let b = r("tecton.element.pagination.goToNext");
+    let v = r("tecton.element.pagination.goToPrevious");
+    if (e) {
+      v = r("tecton.element.pagination.goToPages", {
+        next: h - 1,
+        total: o
+      });
+      b = r("tecton.element.pagination.goToPages", {
+        next: h + 1,
+        total: o
+      });
+    } else if (n) {
+      v = r("tecton.element.pagination.goToRecords", {
+        range: p,
+        recordType: s.toLowerCase(),
+        total: c
+      });
+      b = r("tecton.element.pagination.goToRecords", {
+        range: d,
+        recordType: s.toLowerCase(),
+        total: c
+      });
+    }
+    return i("nav", {
+      key: "8a2e727916a9f0c54fc640102cde35c60db473a3",
+      class: "container",
+      ref: t => this.containerElement = t,
+      "aria-label": r("tecton.element.pagination.title")
+    }, i("div", {
+      key: "55ec9b43e1e2a79b941832fdfb3d6bb210406517",
+      class: "description",
+      "test-id": "description"
+    }, e ? r("tecton.element.pagination.pages", {
+      current: h,
+      total: o
+    }) : r("tecton.element.pagination.description", {
+      range: l,
+      recordType: s.toLowerCase(),
+      total: c.toLocaleString()
+    })), i("div", {
+      key: "ad29852acbfbfae252360365c02f9923479a7c86",
+      class: "btn-group"
+    }, i("q2-btn", {
+      key: "12b4ab1d5b571b5b1e9245ef2d1c5d44f710e02f",
+      ref: t => this.firstPageBtn = t,
+      label: r("tecton.element.pagination.goToFirstPage"),
+      disabled: u,
+      hidden: a,
+      onClick: () => this.handlePageChange(1),
+      "test-id": "firstPageBtn",
+      "hide-label": true
+    }, i("q2-icon", {
+      key: "296af593f598921c4e56fd7be4b8b8b1135e3536",
+      type: "chevron-double-left"
+    })), i("q2-btn", {
+      key: "40eab0d80b0b2bdc1f8c5bd7d99b04b9dcb735e0",
+      ref: t => this.prevPageBtn = t,
+      label: v,
+      disabled: u,
+      onClick: () => this.handlePageChange(h - 1),
+      "test-id": "prevPageBtn",
+      "hide-label": true
+    }, i("q2-icon", {
+      key: "6b8e035c7cc586402d994c63ad51491bc7e19772",
+      type: "chevron-left"
+    }))), i("div", {
+      key: "62beac888b094f0b37ee48e7e4ee4781bc050bd5",
+      class: "controls",
+      hidden: a,
+      "test-id": "controls"
+    }, i("span", {
+      key: "6e225fad678da3ecf42ed7ae8aa76e4ca979b65e",
+      "aria-hidden": "true"
+    }, r("tecton.element.pagination.page")), i("div", {
+      key: "84290986cf2c3f9a143024a90e874c5c07ad4e6c",
+      class: "input-wrapper",
+      onClick: () => this.inputField.dispatchEvent(new FocusEvent("focus"))
+    }, i("q2-input", {
+      key: "967423114bf9a5854114c125d942f5273fde5af4",
+      ref: t => this.inputField = t,
+      type: "number",
+      value: `${h}`,
+      min: 1,
+      max: this.totalPages,
+      hideLabel: true,
+      optional: true,
+      label: `${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages", [ o.toLocaleString() ])})`,
+      onChange: t => {
+        t.stopPropagation();
+        this.handlePageChange(t.detail.value);
+      },
+      "test-id": "pageInput",
+      current: "page"
+    })), i("span", {
+      key: "52467f0a14e0a507bda83ba1b72b3bd4497cadfd",
+      "aria-hidden": "true"
+    }, r("tecton.element.pagination.ofPages", [ o.toLocaleString() ]))), i("div", {
+      key: "8b021224f60e3592a79b563eda8ad98cdb249656",
+      class: "btn-group"
+    }, i("q2-btn", {
+      key: "82e8053bf38f73809a596fc1b210891b655c1196",
+      ref: t => this.nextPageBtn = t,
+      label: b,
+      disabled: f,
+      onClick: () => this.handlePageChange(h + 1),
+      "test-id": "nextPageBtn",
+      "hide-label": true
+    }, i("q2-icon", {
+      key: "df57f2118875655de3cb982efb599b69e7055262",
+      type: "chevron-right"
+    })), i("q2-btn", {
+      key: "079c89d787894f7ee0df567c4353f8128a262ffe",
+      ref: t => this.lastPageBtn = t,
+      label: "tecton.element.pagination.goToLastPage",
+      disabled: f,
+      hidden: a,
+      onClick: () => this.handlePageChange(o),
+      "test-id": "lastPageBtn",
+      "hide-label": true
+    }, i("q2-icon", {
+      key: "471978bc526011e24176b82b04bee53608b06994",
+      type: "chevron-double-right"
+    }))), i("div", {
+      key: "2a990aa01103daf8d47cdf35a506596a3d1f4453",
+      class: "per-page",
+      hidden: a || !((t = this.perPageIncrements) === null || t === void 0 ? void 0 : t.length)
+    }, g && this.renderPerPage()));
+  }
+  get hostElement() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      recordsOnly: [ "manageResizeObserver" ],
+      pagesOnly: [ "manageResizeObserver" ],
+      autoSize: [ "manageResizeObserver" ]
+    };
+  }
+};
+
+l.style = h;
+
+export { l as q2_pagination };
+//# sourceMappingURL=q2-pagination.entry.js.map

package/dist/q2-tecton-elements/q2-pagination.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["q2PaginationCss","Q2PaginationStyle0","Q2Pagination","this","checkSize","hostElement","containerElement","isOverflowing","containerWidth","clientWidth","isSmall","nextPaint","containerWidthHasNotChanged","handlePageChange","page","totalPages","inputField","parseInt","value","onchange","change","emit","handlePerPageChange","event","perPage","detail","disconnectedCallback","removeResizeObserver","componentWillLoad","manageResizeObserver","componentDidLoad","overrideFocus","onHostElementFocus","isEventFromElement","isFullViewHidden","_a","querySelector","focus","clickFirstPage","button","firstPageBtn","disabled","click","clickLastPage","lastPageBtn","clickNextPage","nextPageBtn","clickPreviousPage","prevPageBtn","selectPerPageIncrementValue","isNaN","showPerPageSelect","perPageIncrements","includes","perPageSelect","options","Array","from","querySelectorAll","find","option","setPageValue","_b","blur","autoSize","recordsOnly","pagesOnly","resizeObserver","ResizeObserver","observe","window","addEventListener","currentRange","perPageWithDefault","totalWithDefault","total","pageWithDefault","start","end","Math","min","nextRange","prevRange","max","recordTypeWithDefault","recordType","loc","length","pages","ceil","unobserve","removeEventListener","renderPerPage","filter","map","sort","a","b","undefined","h","ref","el","onChange","display","render","onFirstPage","onLastPage","nextButtonLabel","prevButtonLabel","next","range","toLowerCase","key","class","current","toLocaleString","label","hidden","onClick","type","dispatchEvent","FocusEvent","hideLabel","optional","stopPropagation"],"sources":["src/components/q2-pagination/q2-pagination.scss?tag=q2-pagination&encapsulation=shadow","src/components/q2-pagination/q2-pagination.tsx"],"sourcesContent":["@import '../../styles/host';\n@import '../../styles/functions';\n\n:host {\n    display: flex;\n    width: 100%;\n    justify-content: flex-end;\n}\n\n:host([alignment=\"center\"]) {\n    justify-content: center;\n}\n\n:host([alignment=\"left\"]) {\n    justify-content: flex-start;\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n.container {\n    display: inline-flex;\n    column-gap: var-list(var-prefixer(pagination-column-gap), --app-scale-2x, 10px);\n    align-items: center;\n    height: var-list(var-prefixer(pagination-height), 44px);\n}\n\n.btn-group {\n    display: flex;\n    gap: var-list(var-prefixer(pagination-btn-gap), 0);\n}\n\n.description,\n.controls {\n    white-space: nowrap;\n}\n\n.controls {\n    display: grid;\n    grid-template-columns: auto 50px auto;\n    align-items: center;\n    gap: var-list(var-prefixer(pagination-controls-gap), --app-scale-1x, 5px);\n\n    &[hidden] {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    height: var-list(var-prefixer(pagination-height), 44px);\n    display: flex;\n    align-items: center;\n}\n\nq2-btn {\n    --tct-btn-border-radius: #{var-list(var-prefixer(pagination-btn-border-radius))};\n    --tct-btn-border: #{var-list(var-prefixer(pagination-btn-border))};\n}\n\nq2-icon {\n    --tct-icon-size: #{var-list(var-prefixer(pagination-icon-size), 12px)};\n    color: var-list(var-prefixer(pagination-icon-color), --t-text, #4d4d4d);\n}\n\nq2-input {\n    --tct-input-margin-top: 0;\n    --tct-input-margin-bottom: 0;\n    --tct-input-height: #{var-list(var-prefixer(pagination-input-height), 30px)};\n    --tct-input-min-height: var(--tct-input-height);\n    --tct-input-align: center;\n}\n\nq2-select {\n    --tct-select-input-min-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    --tct-select-input-max-height: #{var-list(var-prefixer(pagination-select-height), 30px)};\n    width: #{var-list(var-prefixer(pagination-perpage-width), 100%)};\n    min-width: #{var-list(var-prefixer(pagination-perpage-min-width), 110px)};\n}\n\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Watch,\n    Listen,\n    Element,\n    Method,\n    Event,\n    EventEmitter,\n} from '@stencil/core';\nimport { isEventFromElement, loc, nextPaint, overrideFocus } from 'src/utils';\n\n@Component({ tag: 'q2-pagination', shadow: true, styleUrl: 'q2-pagination.scss' })\nexport class Q2Pagination implements ComponentInterface {\n    // #region Own Properties\n\n    containerElement: HTMLElement;\n    containerWidth: number;\n    firstPageBtn: HTMLQ2BtnElement;\n    inputField: HTMLQ2InputElement;\n    lastPageBtn: HTMLQ2BtnElement;\n    nextPageBtn: HTMLQ2BtnElement;\n    perPageSelect: HTMLQ2SelectElement;\n    prevPageBtn: HTMLQ2BtnElement;\n    resizeObserver: ResizeObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    isSmall: boolean;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Indicates the horizontal alignment of children elements */\n    @Prop()\n    alignment: string;\n\n    /** Determines whether the component uses the dynamic resizing behavior. */\n    @Prop({ reflect: true, mutable: true })\n    autoSize: boolean = true;\n\n    /** The current page that is being displayed. */\n    @Prop({ reflect: true, mutable: true })\n    page: number;\n\n    /**\n     * The number of pages that can be displayed.\n     * @info\n     * Only referenced when `pagesOnly` is true.\n     */\n    @Prop({ reflect: true, mutable: true })\n    pages: number;\n\n    /** Indicates to display only the current and total pages. */\n    @Prop({ reflect: true, mutable: true })\n    pagesOnly: boolean;\n\n    /** The total number of records displayed on each page. */\n    @Prop({ reflect: true, mutable: true })\n    perPage: number;\n\n    /**\n     * A list of perPage values.\n     * This generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value.\n     *\n     * **Example:**\n     * @snippet\n     * this.perPageIncrements = [10, 25, 50];\n     */\n    @Prop()\n    perPageIncrements: number[];\n\n    /** Indicates to display only the current and total records. */\n    @Prop({ reflect: true, mutable: true })\n    recordsOnly: boolean;\n\n    /** Description of the record type to be displayed alongside the record count. */\n    @Prop()\n    recordType: string;\n\n    /** The total number of records to paginate. */\n    @Prop({ reflect: true })\n    total: number;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the page is changed.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ page: number }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.removeResizeObserver();\n    }\n\n    componentWillLoad(): void {\n        this.manageResizeObserver();\n    }\n\n    componentDidLoad(): void {\n        this.containerWidth = this.containerElement.clientWidth;\n\n        overrideFocus(this.hostElement);\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    onHostElementFocus(event) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        const { isFullViewHidden, containerElement, inputField } = this;\n        if (isFullViewHidden) {\n            containerElement.querySelector<HTMLElement>('q2-btn:not([disabled])')?.focus();\n        } else {\n            inputField.focus();\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickFirstPage() {\n        const button = this.firstPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickLastPage() {\n        const button = this.lastPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickNextPage() {\n        const button = this.nextPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.\n     *\n     * If the `<button>` is disabled, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async clickPreviousPage() {\n        const button = this.prevPageBtn;\n        if (button?.disabled) return;\n        button.click();\n    }\n\n    /**\n     * Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,\n     * and updates the value of the `perPage` property.\n     *\n     * If `value` is not in the `perPageIncrements` array, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async selectPerPageIncrementValue(value: number) {\n        if (isNaN(value) || !this.showPerPageSelect || !this.perPageIncrements.includes(value)) return;\n        this.perPageSelect.focus();\n        this.perPageSelect.click();\n        const options = Array.from(this.perPageSelect.querySelectorAll('q2-option'));\n        options.find(option => option.value === `${value}`)?.click();\n    }\n\n    /**\n     * Emulates setting the page value in the `<input>` field,\n     * and emitting a change event with the updated page number.\n     *\n     * If `value` is invalid, this method does nothing.\n     * @testOnly\n     */\n    @Method()\n    async setPageValue(value: number) {\n        if (!this.inputField || isNaN(value) || value < 1 || value > this.totalPages) return;\n        this.inputField?.focus();\n        this.inputField.value = `${value}`;\n        this.inputField?.blur();\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('recordsOnly')\n    @Watch('pagesOnly')\n    @Watch('autoSize')\n    manageResizeObserver() {\n        if (this.autoSize && !this.recordsOnly && !this.pagesOnly) {\n            if (this.resizeObserver) return;\n            this.resizeObserver = new ResizeObserver(() => this.checkSize());\n            this.resizeObserver.observe(this.hostElement);\n            window.addEventListener('resize', this.checkSize);\n        } else {\n            this.isSmall = false;\n            this.removeResizeObserver();\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get currentRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = total > 0 ? (page - 1) * perPage + 1 : 0;\n        const end = Math.min(page * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get isFullViewHidden() {\n        return this.isSmall || this.recordsOnly || this.pagesOnly;\n    }\n\n    get nextRange() {\n        const { perPageWithDefault: perPage, totalWithDefault: total, pageWithDefault: page } = this;\n        const start = page * perPage + 1;\n        const end = Math.min((page + 1) * perPage, total);\n        return `${start} - ${end}`;\n    }\n\n    get pageWithDefault() {\n        return this.total > 0 ? this.page || 1 : 0;\n    }\n\n    get perPageWithDefault() {\n        return this.perPage || 10;\n    }\n\n    get prevRange() {\n        const { perPageWithDefault: perPage, pageWithDefault: page } = this;\n        const start = Math.max(1, (page - 2) * perPage + 1);\n        const end = (page - 1) * perPage;\n        return `${start} - ${end}`;\n    }\n\n    get recordTypeWithDefault() {\n        return this.recordType || loc('tecton.element.pagination.defaultRecordType');\n    }\n\n    get showPerPageSelect() {\n        return this.perPageIncrements?.length > 1;\n    }\n\n    get totalPages() {\n        const { pagesOnly, totalWithDefault: total, perPageWithDefault: perPage, pages } = this;\n\n        if (pagesOnly && pages && !isNaN(parseInt(`${pages}`))) return pages;\n\n        return Math.ceil(total / perPage);\n    }\n\n    get totalWithDefault() {\n        return this.total || 0;\n    }\n\n    checkSize = () => {\n        const { hostElement, containerElement } = this;\n        const isOverflowing = this.containerWidth > hostElement.clientWidth;\n        this.isSmall = isOverflowing;\n        if (isOverflowing) return;\n\n        nextPaint(() => {\n            const containerWidthHasNotChanged = this.containerWidth === containerElement.clientWidth;\n            if (containerWidthHasNotChanged) return;\n            this.containerWidth = containerElement.clientWidth;\n            this.checkSize();\n        });\n    };\n\n    handlePageChange = (page: number) => {\n        const { totalPages, inputField } = this;\n        page = parseInt(`${page}`);\n        if (page < 1) {\n            page = 1;\n        } else if (page > totalPages) {\n            page = totalPages;\n        }\n\n        if (inputField.value !== `${page}`) inputField.value = `${page}`;\n\n        if (!this.hostElement.onchange) {\n            this.page = page;\n        }\n\n        this.change.emit({ page });\n    };\n\n    handlePerPageChange = (event: CustomEvent) => {\n        this.perPage = event.detail.value * 1;\n    };\n\n    removeResizeObserver() {\n        if (this.resizeObserver) {\n            this.resizeObserver?.unobserve(this.hostElement);\n            this.resizeObserver = null;\n            window.removeEventListener('resize', this.checkSize);\n        }\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    renderPerPage() {\n        this.perPageIncrements = this.perPageIncrements\n            .filter(perPage => !isNaN(perPage))\n            .map(perPage => perPage * 1)\n            .sort((a, b) => a - b);\n        if (this.perPage === undefined) this.perPage = this.perPageIncrements[0];\n        return (\n            <q2-select\n                ref={el => (this.perPageSelect = el)}\n                onChange={this.handlePerPageChange}\n                value={this.perPageIncrements.includes(this.perPage) ? `${this.perPage}` : undefined}\n            >\n                {this.perPageIncrements.map(perPage => (\n                    <q2-option\n                        value={`${perPage}`}\n                        display={`${loc('tecton.element.pagination.view')} ${perPage}`}\n                    >{`${loc('tecton.element.pagination.view')} ${perPage}`}</q2-option>\n                ))}\n            </q2-select>\n        );\n    }\n\n    render() {\n        const {\n            pagesOnly,\n            recordsOnly,\n            isFullViewHidden,\n            recordTypeWithDefault: recordType,\n            totalPages,\n            totalWithDefault: total,\n            pageWithDefault: page,\n            currentRange,\n            nextRange,\n            prevRange,\n            showPerPageSelect,\n        } = this;\n        const onFirstPage = page < 2;\n        const onLastPage = page === totalPages;\n\n        let nextButtonLabel: string = loc('tecton.element.pagination.goToNext');\n        let prevButtonLabel: string = loc('tecton.element.pagination.goToPrevious');\n        if (pagesOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToPages', { next: page - 1, total: totalPages });\n            nextButtonLabel = loc('tecton.element.pagination.goToPages', { next: page + 1, total: totalPages });\n        } else if (recordsOnly) {\n            prevButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: prevRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n            nextButtonLabel = loc('tecton.element.pagination.goToRecords', {\n                range: nextRange,\n                recordType: recordType.toLowerCase(),\n                total,\n            });\n        }\n\n        return (\n            <nav\n                class=\"container\"\n                ref={el => (this.containerElement = el)}\n                aria-label={loc('tecton.element.pagination.title')}\n            >\n                <div\n                    class=\"description\"\n                    test-id=\"description\"\n                >\n                    {pagesOnly\n                        ? loc('tecton.element.pagination.pages', {\n                              current: page,\n                              total: totalPages,\n                          })\n                        : loc('tecton.element.pagination.description', {\n                              range: currentRange,\n                              recordType: recordType.toLowerCase(),\n                              total: total.toLocaleString(),\n                          })}\n                </div>\n                <div class=\"btn-group\">\n                    <q2-btn\n                        ref={el => (this.firstPageBtn = el)}\n                        label={loc('tecton.element.pagination.goToFirstPage')}\n                        disabled={onFirstPage}\n                        hidden={isFullViewHidden}\n                        onClick={() => this.handlePageChange(1)}\n                        test-id=\"firstPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-double-left\" />\n                    </q2-btn>\n                    <q2-btn\n                        ref={el => (this.prevPageBtn = el)}\n                        label={prevButtonLabel}\n                        disabled={onFirstPage}\n                        onClick={() => this.handlePageChange(page - 1)}\n                        test-id=\"prevPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-left\" />\n                    </q2-btn>\n                </div>\n                <div\n                    class=\"controls\"\n                    hidden={isFullViewHidden}\n                    test-id=\"controls\"\n                >\n                    <span aria-hidden=\"true\">{loc('tecton.element.pagination.page')}</span>\n                    <div\n                        class=\"input-wrapper\"\n                        onClick={() => this.inputField.dispatchEvent(new FocusEvent('focus'))}\n                    >\n                        <q2-input\n                            ref={el => (this.inputField = el)}\n                            type=\"number\"\n                            value={`${page}`}\n                            min={1}\n                            max={this.totalPages}\n                            hideLabel\n                            optional\n                            label={`${loc('tecton.element.pagination.page')} (${loc(\n                                'tecton.element.pagination.ofPages',\n                                [totalPages.toLocaleString()]\n                            )})`}\n                            onChange={event => {\n                                event.stopPropagation();\n                                this.handlePageChange(event.detail.value);\n                            }}\n                            test-id=\"pageInput\"\n                            current=\"page\"\n                        ></q2-input>\n                    </div>\n                    <span aria-hidden=\"true\">\n                        {loc('tecton.element.pagination.ofPages', [totalPages.toLocaleString()])}\n                    </span>\n                </div>\n                <div class=\"btn-group\">\n                    <q2-btn\n                        ref={el => (this.nextPageBtn = el)}\n                        label={nextButtonLabel}\n                        disabled={onLastPage}\n                        onClick={() => this.handlePageChange(page + 1)}\n                        test-id=\"nextPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-right\" />\n                    </q2-btn>\n                    <q2-btn\n                        ref={el => (this.lastPageBtn = el)}\n                        label=\"tecton.element.pagination.goToLastPage\"\n                        disabled={onLastPage}\n                        hidden={isFullViewHidden}\n                        onClick={() => this.handlePageChange(totalPages)}\n                        test-id=\"lastPageBtn\"\n                        hide-label\n                    >\n                        <q2-icon type=\"chevron-double-right\" />\n                    </q2-btn>\n                </div>\n                <div\n                    class=\"per-page\"\n                    hidden={isFullViewHidden || !this.perPageIncrements?.length}\n                >\n                    {showPerPageSelect && this.renderPerPage()}\n                </div>\n            </nav>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"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"}