@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.AHQ6QX3J.js

@@ -0,0 +1,716 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  SelectComponent
+} from "./chunk.CGHKW6S6.js";
+import {
+  IconButtonComponent
+} from "./chunk.7Y4NHCJH.js";
+import {
+  tylIconFirstPage,
+  tylIconKeyboardArrowLeft,
+  tylIconKeyboardArrowRight,
+  tylIconLastPage
+} from "./chunk.GS2AXUCN.js";
+import {
+  IconComponent,
+  IconRegistry
+} from "./chunk.P43Z3YAS.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  BaseComponent
+} from "./chunk.VK6LIH3B.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement,
+  toggleElementPlaceholder
+} from "./chunk.K2PCTUVN.js";
+import {
+  addClass,
+  removeAllChildren,
+  removeClass,
+  toggleClass
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  coerceNumber,
+  isArray,
+  isDefined
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/paginator/paginator-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}paginator`;
+var classes = {
+  LABEL: "forge-paginator__label",
+  PAGE_SIZE_OPTIONS: "forge-paginator__page-size-options",
+  RANGE_LABEL: "forge-paginator__range-label",
+  RANGE_LABEL_ALTERNATIVE: "forge-paginator__range-label--alternative",
+  FIRST_PAGE_BUTTON: "forge-paginator__first-page",
+  PREVIOUS_PAGE_BUTTON: "forge-paginator__previous-page",
+  NEXT_PAGE_BUTTON: "forge-paginator__next-page",
+  LAST_PAGE_BUTTON: "forge-paginator__last-page",
+  ROOT: "forge-paginator",
+  ALTERNATIVE: "forge-paginator--alternative",
+  ALIGNMENT_START: "forge-paginator--alignment-start",
+  ALIGNMENT_SPACE_BETWEEN: "forge-paginator--alignment-center",
+  ALIGNMENT_END: "forge-paginator--alignment-end"
+};
+var selectors = {
+  LABEL: `.${classes.LABEL}`,
+  PAGE_SIZE_SELECT: `.${classes.PAGE_SIZE_OPTIONS}`,
+  RANGE_LABEL: `.${classes.RANGE_LABEL}`,
+  FIRST_PAGE_BUTTON: `.${classes.FIRST_PAGE_BUTTON} > button`,
+  FIRST_PAGE_ICON_BUTTON: `.${classes.FIRST_PAGE_BUTTON}`,
+  PREVIOUS_PAGE_BUTTON: `.${classes.PREVIOUS_PAGE_BUTTON} > button`,
+  NEXT_PAGE_BUTTON: `.${classes.NEXT_PAGE_BUTTON} > button`,
+  LAST_PAGE_BUTTON: `.${classes.LAST_PAGE_BUTTON} > button`,
+  LAST_PAGE_ICON_BUTTON: `.${classes.LAST_PAGE_BUTTON}`,
+  ROOT: `.${classes.ROOT}`,
+  RANGE_LABEL_ALTERNATIVE: `.${classes.RANGE_LABEL_ALTERNATIVE}`
+};
+var attributes = {
+  PAGE_INDEX: "page-index",
+  PAGE_SIZE: "page-size",
+  OFFSET: "offset",
+  PAGE_SIZE_OPTIONS: "page-size-options",
+  TOTAL: "total",
+  LABEL: "label",
+  FIRST_LAST: "first-last",
+  FIRST: "first",
+  DISABLED: "disabled",
+  ALTERNATIVE: "alternative",
+  ALIGNMENT: "alignment"
+};
+var events = {
+  CHANGE: `${elementName}-change`
+};
+var numbers = {
+  DEFAULT_PAGE_INDEX: 0,
+  DEFAULT_TOTAL: 0,
+  DEFAULT_PAGE_SIZE: 25,
+  DEFAULT_PAGE_SIZE_OPTIONS: [5, 15, 25, 50, 100]
+};
+var strings = {
+  DEFAULT_LABEL: "Rows per page:",
+  RANGE_SEPARATOR_LABEL: "of",
+  FIRST_PAGE: "first-page",
+  PREVIOUS_PAGE: "previous-page",
+  NEXT_PAGE: "next-page",
+  LAST_PAGE: "last-page",
+  PAGE_SIZE: "page-size"
+};
+var PAGINATOR_CONSTANTS = {
+  elementName,
+  classes,
+  selectors,
+  attributes,
+  events,
+  numbers,
+  strings
+};
+
+// dist/build/lib/staging/src/paginator/paginator-foundation.ts
+var PaginatorFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._pageIndex = PAGINATOR_CONSTANTS.numbers.DEFAULT_PAGE_INDEX;
+    this._pageSize = PAGINATOR_CONSTANTS.numbers.DEFAULT_PAGE_SIZE;
+    this._total = PAGINATOR_CONSTANTS.numbers.DEFAULT_TOTAL;
+    this._pageSizeOptions = [];
+    this._label = PAGINATOR_CONSTANTS.strings.DEFAULT_LABEL;
+    this._firstLast = false;
+    this._first = false;
+    this._disabled = false;
+    this._alignment = "space-between";
+    this._pageSizeListener = (evt) => this._onPageSizeChanged(evt);
+    this._firstPageListener = (evt) => this._onFirstPage(evt);
+    this._previousPageListener = (evt) => this._onPreviousPage(evt);
+    this._nextPageListener = (evt) => this._onNextPage(evt);
+    this._lastPageListener = (evt) => this._onLastPage(evt);
+    this._pageSizeOptions = PAGINATOR_CONSTANTS.numbers.DEFAULT_PAGE_SIZE_OPTIONS.map((o) => ({ label: o.toString(), value: o.toString() }));
+  }
+  set pageIndex(value) {
+    if (this._pageIndex !== value) {
+      if (isDefined(value)) {
+        this._pageIndex = value;
+        this._update();
+        this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.PAGE_INDEX, this._pageIndex.toString());
+      } else {
+        this._adapter.removeHostAttribute(PAGINATOR_CONSTANTS.attributes.PAGE_INDEX);
+      }
+    }
+  }
+  get pageIndex() {
+    return this._pageIndex;
+  }
+  set pageSize(value) {
+    if (this._pageSize !== value) {
+      this._pageSize = value;
+      this._adapter.setPageSize(this._pageSize);
+      this._update();
+      this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.PAGE_SIZE, this._pageSize.toString());
+    }
+  }
+  get pageSize() {
+    return this._pageSize;
+  }
+  set offset(value) {
+    if (value >= this._total) {
+      if (this._total >= this._pageSize) {
+        value = this._total - this._pageSize;
+      } else {
+        value = 0;
+      }
+    }
+    const clampedValue = Math.min(Math.max(value, 0), this._total);
+    this.pageIndex = Math.floor(clampedValue / this._pageSize);
+  }
+  get offset() {
+    return this._pageIndex * this._pageSize;
+  }
+  set total(value) {
+    if (this._total !== value) {
+      this._total = value;
+      this._update();
+      this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.TOTAL, this._total.toString());
+    }
+  }
+  get total() {
+    return this._total;
+  }
+  set pageSizeOptions(options) {
+    if (isArray(options)) {
+      this._pageSizeOptions = options.map((o) => ({ label: o.toString(), value: o.toString() })).sort((a, b) => coerceNumber(a.value) - coerceNumber(b.value));
+      this._adapter.setPageSizeOptions(this._pageSizeOptions);
+      this._adapter.attachPageSizeChangeListener(this._pageSizeListener);
+      this._adapter.setPageSizeVisibility(true);
+      if (isDefined(this._pageSize) && this._pageSizeOptions.length && !this._pageSizeOptions.find((o) => coerceNumber(o.value) === this._pageSize)) {
+        this.pageSize = coerceNumber(this._pageSizeOptions[0].value);
+      }
+    } else if (options.toString().toLowerCase() === "false") {
+      this._adapter.detachPageSizeChangeListener(this._pageSizeListener);
+      this._adapter.setPageSizeVisibility(false);
+    }
+  }
+  get pageSizeOptions() {
+    return this._pageSizeOptions.map((o) => Number(o.value));
+  }
+  set label(value) {
+    if (this._label !== value) {
+      this._label = value;
+      this._adapter.setLabel(this._label);
+      this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.LABEL, isDefined(this._label) ? this._label.toString() : "");
+    }
+  }
+  get label() {
+    return this._label;
+  }
+  set firstLast(value) {
+    if (this._firstLast !== value) {
+      this._firstLast = value;
+      this._toggleFirstLastButtons();
+      if (this._firstLast) {
+        this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.FIRST_LAST);
+      } else {
+        this._adapter.removeHostAttribute(PAGINATOR_CONSTANTS.attributes.FIRST_LAST);
+      }
+    }
+  }
+  get firstLast() {
+    return this._firstLast;
+  }
+  set first(value) {
+    if (this._first !== value) {
+      this._first = value;
+      this._toggleFirstButton();
+      if (this._first) {
+        this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.FIRST);
+      } else {
+        this._adapter.removeHostAttribute(PAGINATOR_CONSTANTS.attributes.FIRST);
+      }
+    }
+  }
+  get first() {
+    return this._first;
+  }
+  set disabled(value) {
+    if (this._disabled !== value) {
+      this._disabled = value;
+      this._update();
+      if (this._disabled) {
+        this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.DISABLED);
+      } else {
+        this._adapter.removeHostAttribute(PAGINATOR_CONSTANTS.attributes.DISABLED);
+      }
+    }
+  }
+  get disabled() {
+    return this._disabled;
+  }
+  get alternative() {
+    return this._alternative;
+  }
+  set alternative(value) {
+    if (value !== this._alternative) {
+      this._alternative = value;
+      this._applyAlternative();
+    }
+  }
+  get alignment() {
+    return this._alignment;
+  }
+  set alignment(value) {
+    if (value !== this._alignment) {
+      this._alignment = value;
+      this._applyAlternativeAlignment();
+    }
+  }
+  _applyAlternativeAlignment() {
+    this._adapter.setHostAttribute(PAGINATOR_CONSTANTS.attributes.ALIGNMENT, this._alignment);
+    this._adapter.setAlignment(this._alignment);
+  }
+  _applyAlternative() {
+    this._adapter.toggleHostAttribute(PAGINATOR_CONSTANTS.attributes.ALTERNATIVE, this._alternative);
+    this._adapter.setAlternative(this._alternative);
+    this._applyAlternativeAlignment();
+  }
+  initialize() {
+    this._update();
+    this._adapter.setLabel(this._label);
+    this._adapter.setPageSizeOptions(this._pageSizeOptions);
+    this._adapter.setPageSize(this._pageSize);
+    this._attachListeners();
+    this._toggleFirstLastButtons();
+  }
+  disconnect() {
+    this._detachListeners();
+  }
+  _attachListeners() {
+    this._adapter.attachPageSizeChangeListener(this._pageSizeListener);
+    this._adapter.attachFirstPageListener(this._firstPageListener);
+    this._adapter.attachPreviousPageListener(this._previousPageListener);
+    this._adapter.attachNextPageListener(this._nextPageListener);
+    this._adapter.attachLastPageListener(this._lastPageListener);
+  }
+  _detachListeners() {
+    this._adapter.detachPageSizeChangeListener(this._pageSizeListener);
+    this._adapter.detachFirstPageListener(this._firstPageListener);
+    this._adapter.detachPreviousPageListener(this._previousPageListener);
+    this._adapter.detachNextPageListener(this._nextPageListener);
+    this._adapter.detachLastPageListener(this._lastPageListener);
+  }
+  _onFirstPage(evt) {
+    evt.stopPropagation();
+    if (!this._hasFirstPage()) {
+      return;
+    }
+    this.pageIndex = 0;
+    this._emitChangeEvent(PAGINATOR_CONSTANTS.strings.FIRST_PAGE);
+  }
+  _onPreviousPage(evt) {
+    evt.stopPropagation();
+    if (!this._hasPreviousPage()) {
+      return;
+    }
+    this.pageIndex--;
+    this._emitChangeEvent(PAGINATOR_CONSTANTS.strings.PREVIOUS_PAGE);
+  }
+  _onNextPage(evt) {
+    evt.stopPropagation();
+    if (!this._hasNextPage()) {
+      return;
+    }
+    this.pageIndex++;
+    this._emitChangeEvent(PAGINATOR_CONSTANTS.strings.NEXT_PAGE);
+  }
+  _onLastPage(evt) {
+    evt.stopPropagation();
+    if (!this._hasLastPage()) {
+      return;
+    }
+    this.pageIndex = this._getMaxPages();
+    this._emitChangeEvent(PAGINATOR_CONSTANTS.strings.LAST_PAGE);
+  }
+  _onPageSizeChanged(evt) {
+    evt.stopPropagation();
+    this.pageIndex = 0;
+    this.pageSize = Number(evt.target.value);
+    this._emitChangeEvent(PAGINATOR_CONSTANTS.strings.PAGE_SIZE);
+  }
+  _emitChangeEvent(type) {
+    const detail = {
+      type,
+      pageSize: this._pageSize,
+      pageIndex: this._pageIndex,
+      offset: this._pageIndex * this._pageSize
+    };
+    this._adapter.emitHostEvent(PAGINATOR_CONSTANTS.events.CHANGE, detail);
+  }
+  _getMaxPages() {
+    return Math.ceil(this._total / this._pageSize) - 1;
+  }
+  _update() {
+    if (this.pageSize > 1) {
+      const startIndex = this._pageIndex * this._pageSize;
+      const indexStart = Math.floor(startIndex / this._pageSize) || 0;
+      const pageStart = indexStart * this._pageSize + 1;
+      const pageEnd = startIndex < this._total ? Math.min(startIndex + this._pageSize, this._total) : startIndex + this._pageSize;
+      this._rangeLabel = `${pageStart}-${pageEnd} ${PAGINATOR_CONSTANTS.strings.RANGE_SEPARATOR_LABEL} ${this._total}`;
+    } else {
+      this._rangeLabel = `${this._pageIndex + 1} ${PAGINATOR_CONSTANTS.strings.RANGE_SEPARATOR_LABEL} ${this._total}`;
+    }
+    this._adapter.setRangeLabel(this._rangeLabel);
+    if (this.disabled) {
+      this._adapter.disablePageSizeSelect();
+      this._adapter.disableFirstPageButton();
+      this._adapter.disablePreviousPageButton();
+      this._adapter.disableNextPageButton();
+      this._adapter.disableLastPageButton();
+    } else {
+      this._adapter.enablePageSizeSelect();
+      if (this._hasFirstPage()) {
+        this._adapter.enableFirstPageButton();
+      } else {
+        this._adapter.disableFirstPageButton();
+      }
+      if (this._hasPreviousPage()) {
+        this._adapter.enablePreviousPageButton();
+      } else {
+        this._adapter.disablePreviousPageButton();
+      }
+      if (this._hasNextPage()) {
+        this._adapter.enableNextPageButton();
+      } else {
+        this._adapter.disableNextPageButton();
+      }
+      if (this._hasLastPage()) {
+        this._adapter.enableLastPageButton();
+      } else {
+        this._adapter.disableLastPageButton();
+      }
+    }
+  }
+  _toggleFirstLastButtons() {
+    this._toggleFirstButton();
+    if (this._firstLast) {
+      if (!this._adapter.hasLastPageButton()) {
+        this._adapter.showLastPageButton();
+      }
+    } else {
+      if (this._adapter.hasLastPageButton()) {
+        this._adapter.hideLastPageButton();
+      }
+    }
+  }
+  _toggleFirstButton() {
+    if (this._first || this._firstLast) {
+      if (!this._adapter.hasFirstPageButton()) {
+        this._adapter.showFirstPageButton();
+      }
+    } else {
+      if (this._adapter.hasFirstPageButton()) {
+        this._adapter.hideFirstPageButton();
+      }
+    }
+  }
+  _hasFirstPage() {
+    return this._hasPreviousPage();
+  }
+  _hasPreviousPage() {
+    return this._pageIndex >= 1 && this._pageSize !== 0;
+  }
+  _hasNextPage() {
+    const maxPages = this._getMaxPages();
+    return this._pageIndex < maxPages && this._pageSize !== 0;
+  }
+  _hasLastPage() {
+    return this._hasNextPage();
+  }
+};
+
+// dist/build/lib/staging/src/paginator/paginator-adapter.ts
+var PaginatorAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this._labelElement = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.LABEL);
+    this._root = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.ROOT);
+    this._pageSizeSelect = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.PAGE_SIZE_SELECT);
+    this._rangeLabel = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.RANGE_LABEL);
+    this._rangeLabelAlternative = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.RANGE_LABEL_ALTERNATIVE);
+    this._firstPageButton = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.FIRST_PAGE_BUTTON);
+    this._firstPageIconButton = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.FIRST_PAGE_ICON_BUTTON);
+    this._previousPageButton = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.PREVIOUS_PAGE_BUTTON);
+    this._nextPageButton = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.NEXT_PAGE_BUTTON);
+    this._lastPageButton = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.LAST_PAGE_BUTTON);
+    this._lastPageIconButton = getShadowElement(component, PAGINATOR_CONSTANTS.selectors.LAST_PAGE_ICON_BUTTON);
+  }
+  setLabel(value) {
+    this._labelElement.textContent = value;
+  }
+  setPageSizeOptions(options) {
+    removeAllChildren(this._pageSizeSelect);
+    this._pageSizeSelect.options = options;
+  }
+  setPageSize(value) {
+    this._pageSizeSelect.value = value.toString();
+  }
+  setRangeLabel(value) {
+    this._rangeLabel.innerText = value;
+    this._rangeLabelAlternative.innerText = value;
+  }
+  hasFirstPageButton() {
+    return !!getShadowElement(this._component, PAGINATOR_CONSTANTS.selectors.FIRST_PAGE_ICON_BUTTON);
+  }
+  showFirstPageButton() {
+    this._firstPagePlaceholder = toggleElementPlaceholder(this._component, true, PAGINATOR_CONSTANTS.elementName, PAGINATOR_CONSTANTS.selectors.FIRST_PAGE_ICON_BUTTON, this._firstPageIconButton, this._firstPagePlaceholder);
+  }
+  hideFirstPageButton() {
+    this._firstPagePlaceholder = toggleElementPlaceholder(this._component, false, PAGINATOR_CONSTANTS.elementName, PAGINATOR_CONSTANTS.selectors.FIRST_PAGE_ICON_BUTTON, this._firstPageIconButton, this._firstPagePlaceholder);
+  }
+  hasLastPageButton() {
+    return !!getShadowElement(this._component, PAGINATOR_CONSTANTS.selectors.LAST_PAGE_ICON_BUTTON);
+  }
+  showLastPageButton() {
+    this._lastPagePlaceholder = toggleElementPlaceholder(this._component, true, PAGINATOR_CONSTANTS.elementName, PAGINATOR_CONSTANTS.selectors.LAST_PAGE_ICON_BUTTON, this._lastPageIconButton, this._lastPagePlaceholder);
+  }
+  hideLastPageButton() {
+    this._lastPagePlaceholder = toggleElementPlaceholder(this._component, false, PAGINATOR_CONSTANTS.elementName, PAGINATOR_CONSTANTS.selectors.LAST_PAGE_ICON_BUTTON, this._lastPageIconButton, this._lastPagePlaceholder);
+  }
+  attachPageSizeChangeListener(listener) {
+    this._pageSizeSelect.addEventListener("change", listener);
+  }
+  attachFirstPageListener(listener) {
+    this._firstPageButton.addEventListener("click", listener);
+  }
+  attachPreviousPageListener(listener) {
+    this._previousPageButton.addEventListener("click", listener);
+  }
+  attachNextPageListener(listener) {
+    this._nextPageButton.addEventListener("click", listener);
+  }
+  attachLastPageListener(listener) {
+    this._lastPageButton.addEventListener("click", listener);
+  }
+  detachPageSizeChangeListener(listener) {
+    this._pageSizeSelect.removeEventListener("change", listener);
+  }
+  detachFirstPageListener(listener) {
+    this._firstPageButton.removeEventListener("click", listener);
+  }
+  detachPreviousPageListener(listener) {
+    this._previousPageButton.removeEventListener("click", listener);
+  }
+  detachNextPageListener(listener) {
+    this._nextPageButton.removeEventListener("click", listener);
+  }
+  detachLastPageListener(listener) {
+    this._lastPageButton.removeEventListener("click", listener);
+  }
+  disableFirstPageButton() {
+    this._firstPageButton.setAttribute("disabled", "disabled");
+  }
+  enableFirstPageButton() {
+    this._firstPageButton.removeAttribute("disabled");
+  }
+  disablePreviousPageButton() {
+    this._previousPageButton.setAttribute("disabled", "disabled");
+  }
+  enablePreviousPageButton() {
+    this._previousPageButton.removeAttribute("disabled");
+  }
+  disableNextPageButton() {
+    this._nextPageButton.setAttribute("disabled", "disabled");
+  }
+  enableNextPageButton() {
+    this._nextPageButton.removeAttribute("disabled");
+  }
+  disablePageSizeSelect() {
+    this._pageSizeSelect.setAttribute("disabled", "disabled");
+  }
+  enablePageSizeSelect() {
+    this._pageSizeSelect.removeAttribute("disabled");
+  }
+  setPageSizeVisibility(visible) {
+    if (visible) {
+      this._pageSizeSelect.style.removeProperty("display");
+    } else {
+      this._pageSizeSelect.style.display = "none";
+    }
+  }
+  disableLastPageButton() {
+    this._lastPageButton.setAttribute("disabled", "disabled");
+  }
+  enableLastPageButton() {
+    this._lastPageButton.removeAttribute("disabled");
+  }
+  setAlternative(alternative) {
+    toggleClass(this._root, alternative, PAGINATOR_CONSTANTS.classes.ALTERNATIVE);
+  }
+  setAlignment(alignment) {
+    removeClass([
+      PAGINATOR_CONSTANTS.classes.ALIGNMENT_SPACE_BETWEEN,
+      PAGINATOR_CONSTANTS.classes.ALIGNMENT_START,
+      PAGINATOR_CONSTANTS.classes.ALIGNMENT_END
+    ], this._root);
+    switch (alignment) {
+      case "start":
+        addClass(PAGINATOR_CONSTANTS.classes.ALIGNMENT_START, this._root);
+        break;
+      case "end":
+        addClass(PAGINATOR_CONSTANTS.classes.ALIGNMENT_END, this._root);
+        break;
+      case "space-between":
+      default:
+        addClass(PAGINATOR_CONSTANTS.classes.ALIGNMENT_SPACE_BETWEEN, this._root);
+        break;
+    }
+  }
+};
+
+// dist/build/lib/staging/src/paginator/paginator.ts
+var template = '<template><div class="forge-paginator" part="root"><div class="forge-paginator__container" part="container"><div class="forge-paginator__label" part="label"></div><forge-select class="forge-paginator__page-size-options" aria-label="Choose page size" density="dense" part="page-size-options"></forge-select><div class="forge-paginator__range-label" part="range-label"></div><forge-icon-button class="forge-paginator__first-page" part="first-page-button"><button aria-label="First Page" part="first-page-button-element"><forge-icon name="first_page" part="first-page-icon"></forge-icon></button></forge-icon-button><forge-icon-button class="forge-paginator__previous-page" part="previous-page-button"><button aria-label="Previous Page" part="previous-page-button-element"><forge-icon name="keyboard_arrow_left" part="previous-page-button-icon"></forge-icon></button></forge-icon-button><div class="forge-paginator__range-label--alternative" part="range-label-alternative"></div><forge-icon-button class="forge-paginator__next-page" part="next-page-button"><button aria-label="Next Page" part="next-page-button-element"><forge-icon name="keyboard_arrow_right" part="next-page-icon"></forge-icon></button></forge-icon-button><forge-icon-button class="forge-paginator__last-page" part="last-page-button"><button aria-label="Last Page" part="last-page-button-element"><forge-icon name="last_page" part="last-page-icon"></forge-icon></button></forge-icon-button></div></div></template>';
+var styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}.forge-paginator{display:inline-block}.forge-paginator--alternative{display:-webkit-box;display:flex}.forge-paginator--alternative .forge-paginator__label,.forge-paginator--alternative .forge-paginator__page-size-options,.forge-paginator--alternative .forge-paginator__range-label{display:none}.forge-paginator--alternative .forge-paginator__range-label--alternative{display:inline-block;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);margin:0 12px}.forge-paginator__range-label--alternative{display:none}.forge-paginator__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.forge-paginator__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);margin-right:16px}.forge-paginator__page-size-options{margin-right:16px}.forge-paginator__range-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);margin-right:8px}.forge-paginator__first-page,.forge-paginator__last-page,.forge-paginator__next-page,.forge-paginator__previous-page{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}:host{display:inline-block}:host([hidden]){display:none}:host([alternative]) .forge-paginator--alignment-center .forge-paginator__container{-webkit-box-pack:center;justify-content:center}:host([alternative]) .forge-paginator--alignment-center .forge-paginator__range-label--alternative{margin:0 auto}:host([alternative]) .forge-paginator--alignment-start .forge-paginator__container{-webkit-box-pack:start;justify-content:flex-start}:host([alternative]) .forge-paginator--alignment-end .forge-paginator__container{-webkit-box-pack:end;justify-content:flex-end}:host([alternative]) .forge-paginator .forge-paginator__container{-webkit-box-flex:1;flex:1}';
+var PaginatorComponent = class extends BaseComponent {
+  constructor() {
+    super();
+    IconRegistry.define([
+      tylIconFirstPage,
+      tylIconKeyboardArrowLeft,
+      tylIconKeyboardArrowRight,
+      tylIconLastPage
+    ]);
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new PaginatorFoundation(new PaginatorAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      PAGINATOR_CONSTANTS.attributes.PAGE_INDEX,
+      PAGINATOR_CONSTANTS.attributes.PAGE_SIZE,
+      PAGINATOR_CONSTANTS.attributes.OFFSET,
+      PAGINATOR_CONSTANTS.attributes.TOTAL,
+      PAGINATOR_CONSTANTS.attributes.PAGE_SIZE_OPTIONS,
+      PAGINATOR_CONSTANTS.attributes.LABEL,
+      PAGINATOR_CONSTANTS.attributes.FIRST_LAST,
+      PAGINATOR_CONSTANTS.attributes.FIRST,
+      PAGINATOR_CONSTANTS.attributes.DISABLED,
+      PAGINATOR_CONSTANTS.attributes.ALTERNATIVE,
+      PAGINATOR_CONSTANTS.attributes.ALIGNMENT
+    ];
+  }
+  connectedCallback() {
+    this._foundation.initialize();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case PAGINATOR_CONSTANTS.attributes.PAGE_INDEX:
+        this.pageIndex = Number(newValue) || PAGINATOR_CONSTANTS.numbers.DEFAULT_PAGE_INDEX;
+        break;
+      case PAGINATOR_CONSTANTS.attributes.PAGE_SIZE:
+        this.pageSize = Number(newValue) || PAGINATOR_CONSTANTS.numbers.DEFAULT_PAGE_SIZE;
+        break;
+      case PAGINATOR_CONSTANTS.attributes.OFFSET:
+        this.offset = Number(newValue);
+        break;
+      case PAGINATOR_CONSTANTS.attributes.TOTAL:
+        this.total = Number(newValue) || PAGINATOR_CONSTANTS.numbers.DEFAULT_TOTAL;
+        break;
+      case PAGINATOR_CONSTANTS.attributes.PAGE_SIZE_OPTIONS:
+        this.pageSizeOptions = newValue;
+        break;
+      case PAGINATOR_CONSTANTS.attributes.LABEL:
+        this.label = newValue;
+        break;
+      case PAGINATOR_CONSTANTS.attributes.FIRST_LAST:
+        this.firstLast = coerceBoolean(newValue);
+        break;
+      case PAGINATOR_CONSTANTS.attributes.FIRST:
+        this.first = coerceBoolean(newValue);
+        break;
+      case PAGINATOR_CONSTANTS.attributes.DISABLED:
+        this.disabled = coerceBoolean(newValue);
+        break;
+      case PAGINATOR_CONSTANTS.attributes.ALTERNATIVE:
+        this.alternative = coerceBoolean(newValue);
+        break;
+      case PAGINATOR_CONSTANTS.attributes.ALIGNMENT:
+        this.alignment = newValue;
+        break;
+    }
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "pageIndex", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "pageSize", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "offset", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "total", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "pageSizeOptions", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "label", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "firstLast", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "first", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "disabled", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "alternative", 2);
+__decorateClass([
+  FoundationProperty()
+], PaginatorComponent.prototype, "alignment", 2);
+PaginatorComponent = __decorateClass([
+  CustomElement({
+    name: PAGINATOR_CONSTANTS.elementName,
+    dependencies: [
+      IconButtonComponent,
+      SelectComponent,
+      IconComponent
+    ]
+  })
+], PaginatorComponent);
+
+// dist/build/lib/staging/src/paginator/index.ts
+function definePaginatorComponent() {
+  defineCustomElement(PaginatorComponent);
+}
+
+export {
+  PAGINATOR_CONSTANTS,
+  PaginatorFoundation,
+  PaginatorAdapter,
+  PaginatorComponent,
+  definePaginatorComponent
+};
+//# sourceMappingURL=chunk.AHQ6QX3J.js.map