@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/development/paginator/compact-paginator.js

@@ -1,96 +1,5 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { css, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import { SbbPaginatorCommonElementMixin } from "./common.js";
-import "../divider.js";
-const style = css`*,
-::before,
-::after {
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-  --sbb-compact-paginator-height: var(--sbb-size-element-m);
-  --sbb-compact-paginator-color: var(--sbb-color-metal);
-  --sbb-paginator-compact-justify-content: start;
-}
-
-:host([size=s]) {
-  --sbb-compact-paginator-height: var(--sbb-size-element-xs);
-}
-
-:host([negative]) {
-  --sbb-compact-paginator-color: var(--sbb-color-storm);
-}
-
-:host([pager-position=end]) {
-  --sbb-paginator-compact-justify-content: end;
-}
-
-.sbb-compact-paginator {
-  display: flex;
-  gap: var(--sbb-spacing-fixed-5x);
-  justify-content: var(--sbb-paginator-compact-justify-content);
-  min-height: var(--sbb-compact-paginator-height);
-}
-
-.sbb-paginator__pages {
-  --sbb-text-font-size: var(--sbb-font-size-text-m);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-body-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
-  font-size: var(--sbb-text-font-size);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--sbb-spacing-fixed-2x);
-  color: var(--sbb-compact-paginator-color);
-}
-
-.sbb-compact-paginator__divider {
-  height: 1rem;
-}`;
-let SbbCompactPaginatorElement = (() => {
-  var _a;
-  let _classDecorators = [customElement("sbb-compact-paginator")];
-  let _classDescriptor;
-  let _classExtraInitializers = [];
-  let _classThis;
-  let _classSuper = SbbPaginatorCommonElementMixin(LitElement);
-  _a = class extends _classSuper {
-    _renderPageNumbers() {
-      return html`
-      <span class="sbb-paginator__pages"
-        >${this.pageIndex + 1}<sbb-divider
-          aria-hidden="true"
-          orientation="vertical"
-          class="sbb-compact-paginator__divider"
-          ?negative=${this.negative}
-        ></sbb-divider
-        >${this.numberOfPages()}</span
-      >
-    `;
-    }
-    renderPaginator() {
-      return html`
-      <div class="sbb-compact-paginator">
-        ${this.pagerPosition === "start" ? html`${this.renderPrevNextButtons()} ${this._renderPageNumbers()}` : html`${this._renderPageNumbers()} ${this.renderPrevNextButtons()}`}
-      </div>
-    `;
-    }
-  }, _classThis = _a, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-    _classThis = _classDescriptor.value;
-    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), _a.styles = style, _a.events = {
-    page: "page"
-  }, __runInitializers(_classThis, _classExtraInitializers), _a;
-  return _classThis;
-})();
+import { SbbCompactPaginatorElement } from "./compact-paginator/compact-paginator.js";
 export {
   SbbCompactPaginatorElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1wYWdpbmF0b3IuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9wYWdpbmF0b3IvY29tcGFjdC1wYWdpbmF0b3IvY29tcGFjdC1wYWdpbmF0b3IudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBTYmJQYWdpbmF0b3JDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuaW1wb3J0ICcuLi8uLi9kaXZpZGVyLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY29tcGFjdC1wYWdpbmF0b3Iuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHBhZ2luYXRvciBjb21wb25lbnQgaW4gY29tcGFjdCBtb2RlLlxuICpcbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiUGFnaW5hdG9yUGFnZUV2ZW50RGV0YWlscz59IHBhZ2UgLSBFbWl0cyB3aGVuIHRoZSBwYWdlSW5kZXggY2hhbmdlcy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNvbXBhY3QtcGFnaW5hdG9yJylcbmNsYXNzIFNiYkNvbXBhY3RQYWdpbmF0b3JFbGVtZW50IGV4dGVuZHMgU2JiUGFnaW5hdG9yQ29tbW9uRWxlbWVudE1peGluKExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgIHBhZ2U6ICdwYWdlJyxcbiAgfSBhcyBjb25zdDtcblxuICBwcml2YXRlIF9yZW5kZXJQYWdlTnVtYmVycygpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1wYWdpbmF0b3JfX3BhZ2VzXCJcbiAgICAgICAgPiR7dGhpcy5wYWdlSW5kZXggKyAxfTxzYmItZGl2aWRlclxuICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICAgY2xhc3M9XCJzYmItY29tcGFjdC1wYWdpbmF0b3JfX2RpdmlkZXJcIlxuICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgID48L3NiYi1kaXZpZGVyXG4gICAgICAgID4ke3RoaXMubnVtYmVyT2ZQYWdlcygpfTwvc3BhblxuICAgICAgPlxuICAgIGA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyUGFnaW5hdG9yKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY29tcGFjdC1wYWdpbmF0b3JcIj5cbiAgICAgICAgJHt0aGlzLnBhZ2VyUG9zaXRpb24gPT09ICdzdGFydCdcbiAgICAgICAgICA/IGh0bWxgJHt0aGlzLnJlbmRlclByZXZOZXh0QnV0dG9ucygpfSAke3RoaXMuX3JlbmRlclBhZ2VOdW1iZXJzKCl9YFxuICAgICAgICAgIDogaHRtbGAke3RoaXMuX3JlbmRlclBhZ2VOdW1iZXJzKCl9ICR7dGhpcy5yZW5kZXJQcmV2TmV4dEJ1dHRvbnMoKX1gfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWNvbXBhY3QtcGFnaW5hdG9yJzogU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFnQk0sOEJBQTBCLE1BQUE7OzBCQUQvQixjQUFjLHVCQUF1QixDQUFDOzs7O29CQUNFLCtCQUErQixVQUFVO0FBQWpELEVBQUEsbUJBQVEsWUFBMEM7QUFBQSxJQU16RSxxQkFBa0I7QUFDakIsYUFBQTtBQUFBO0FBQUEsV0FFQSxLQUFLLFlBQVksQ0FBQztBQUFBO0FBQUE7QUFBQTtBQUFBLHNCQUlQLEtBQUssUUFBUTtBQUFBO0FBQUEsV0FFeEIsS0FBSyxlQUFlO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQSxJQUtWLGtCQUFlO0FBQ3pCLGFBQUE7QUFBQTtBQUFBLFVBRUQsS0FBSyxrQkFBa0IsVUFDckIsT0FBTyxLQUFLLHVCQUF1QixJQUFJLEtBQUssbUJBQUEsQ0FBb0IsS0FDaEUsT0FBTyxLQUFLLG1CQUFvQixDQUFBLElBQUksS0FBSyxzQkFBQSxDQUF1QixFQUFFO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQTs7QUF6QjlFLGlCQTZCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBNUJ3QixHQUFNLFNBQW1CLE9BQ3pCLEdBQUEsU0FBaUM7QUFBQSxJQUN0RCxNQUFNO0FBQUEsRUFDRSxHQUpOLGtCQUEwQixZQUFBLHVCQUFBLEdBQUM7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1wYWdpbmF0b3IuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9

package/development/paginator/paginator/paginator.js

@@ -0,0 +1,452 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+import { __runInitializers, __esDecorate } from "tslib";
+import { css, LitElement, nothing, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { sbbInputModalityDetector } from "../../core/a11y.js";
+import { i18nItemsPerPage, i18nPage } from "../../core/i18n.js";
+import { SbbPaginatorCommonElementMixin } from "../common.js";
+import "../../form-field.js";
+import "../../select.js";
+import "../../option.js";
+import "../../screen-reader-only.js";
+const style = css`*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+:host {
+  display: block;
+  --sbb-paginator-height: var(--sbb-size-element-m);
+  --sbb-paginator-page-color: var(--sbb-color-metal);
+  --sbb-paginator-page-background-color: transparent;
+  --sbb-paginator-page-border-width: 0;
+  --sbb-paginator-page-border-style: none;
+  --sbb-paginator-page-border-color: none;
+  --sbb-paginator-page-cursor: pointer;
+  --sbb-paginator-page-inset: 0;
+  --sbb-paginator-animation-easing: var(--sbb-animation-easing);
+  --sbb-paginator-animation-duration: var(
+    --sbb-disable-animation-duration,
+    var(--sbb-animation-duration-2x)
+  );
+  --sbb-paginator-justify-content: start;
+  --sbb-paginator-wrapping-group-wrap: wrap-reverse;
+  --sbb-paginator-wrap: wrap;
+}
+
+:host([size=s]) {
+  --sbb-paginator-height: var(--sbb-size-element-xs);
+}
+
+:host([negative]) {
+  --sbb-paginator-page-color: var(--sbb-color-smoke);
+  --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
+}
+
+:host([pager-position=end]) {
+  --sbb-paginator-justify-content: end;
+  --sbb-paginator-wrapping-group-wrap: wrap;
+  --sbb-paginator-wrap: wrap-reverse;
+}
+
+.sbb-paginator,
+.sbb-paginator__wrapping-group {
+  display: flex;
+  gap: var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);
+  justify-content: var(--sbb-paginator-justify-content);
+}
+
+.sbb-paginator {
+  flex-wrap: var(--sbb-paginator-wrap);
+  min-height: var(--sbb-paginator-height);
+}
+
+.sbb-paginator__wrapping-group {
+  flex-wrap: var(--sbb-paginator-wrapping-group-wrap);
+}
+
+.sbb-paginator__page-size-options {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  display: flex;
+  align-items: center;
+  gap: var(--sbb-spacing-fixed-2x);
+  white-space: nowrap;
+  color: var(--sbb-paginator-page-color);
+}
+.sbb-paginator__page-size-options sbb-select {
+  --sbb-text-font-size: var(--sbb-font-size-text-m);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  color: var(--sbb-form-field-text-color);
+  font-size: var(--sbb-form-field-input-text-size);
+  padding-inline-end: var(--sbb-form-field-select-inline-padding-end);
+}
+
+.sbb-paginator__pages {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  font-size: inherit;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--sbb-spacing-fixed-1x);
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.sbb-paginator__page--ellipsis,
+.sbb-paginator__page--number {
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  position: relative;
+  color: var(--sbb-paginator-page-color);
+}
+
+.sbb-paginator__page--ellipsis-item,
+.sbb-paginator__page--number-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--sbb-size-element-xxs);
+  height: var(--sbb-size-element-xxs);
+}
+
+.sbb-paginator__page--number-item {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  box-sizing: border-box;
+  margin: 0;
+  outline: none;
+  border: none;
+  border-radius: 0;
+  padding: 0;
+  background: none;
+  -webkit-tap-highlight-color: transparent;
+  color: inherit;
+  --sbb-text-font-size: var(--sbb-font-size-text-s);
+  font-family: var(--sbb-typo-font-family);
+  font-weight: normal;
+  line-height: var(--sbb-typo-line-height-body-text);
+  letter-spacing: var(--sbb-typo-letter-spacing-body-text);
+  font-size: var(--sbb-text-font-size);
+  position: relative;
+  cursor: var(--sbb-paginator-page-cursor);
+  outline: none !important;
+  color: var(--sbb-paginator-page-color);
+  transition: color var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);
+}
+.sbb-paginator__page--number-item::before {
+  content: "";
+  position: absolute;
+  background-color: var(--sbb-paginator-page-background-color);
+  border: var(--sbb-paginator-page-border-width) var(--sbb-paginator-page-border-style) var(--sbb-paginator-page-border-color);
+  border-radius: var(--sbb-border-radius-infinity);
+  inset: var(--sbb-paginator-page-inset);
+  transition-property: background-color, border, inset;
+  transition-duration: var(--sbb-paginator-animation-duration);
+  transition-timing-function: var(--sbb-paginator-animation-easing);
+}
+.sbb-paginator__page--number-item:focus-visible::before {
+  outline-offset: var(--sbb-focus-outline-offset);
+  outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);
+  outline-offset: var(--sbb-border-width-2x);
+}
+.sbb-paginator__page--number-item[data-selected] {
+  font-weight: bold;
+  --sbb-paginator-page-color: var(--sbb-color-charcoal);
+  --sbb-paginator-page-border-width: var(--sbb-border-width-2x);
+  --sbb-paginator-page-border-style: solid;
+  --sbb-paginator-page-border-color: var(--sbb-color-charcoal);
+}
+:host([negative]) .sbb-paginator__page--number-item[data-selected] {
+  --sbb-paginator-page-color: var(--sbb-color-milk);
+  --sbb-paginator-page-border-color: var(--sbb-color-white);
+}
+@media (forced-colors: active) {
+  .sbb-paginator__page--number-item[data-selected] {
+    --sbb-paginator-page-border-color: Highlight !important;
+  }
+}
+.sbb-paginator__page--number-item:disabled {
+  --sbb-paginator-page-color: var(--sbb-color-smoke);
+  --sbb-paginator-page-border-style: dashed;
+  --sbb-paginator-page-border-color: var(--sbb-color-smoke);
+  --sbb-paginator-page-background-color: var(--sbb-color-milk);
+  --sbb-paginator-page-cursor: default;
+}
+.sbb-paginator__page--number-item:disabled:not([data-selected]) {
+  --sbb-paginator-page-border-width: var(--sbb-border-width-1x);
+}
+:host([negative]) .sbb-paginator__page--number-item:disabled {
+  --sbb-paginator-page-color: var(--sbb-color-aluminium);
+  --sbb-paginator-page-background-color: var(--sbb-color-charcoal);
+}
+@media (forced-colors: active) {
+  .sbb-paginator__page--number-item:disabled {
+    --sbb-paginator-page-border-color: GrayText;
+    --sbb-paginator-page-color: GrayText;
+    --sbb-paginator-page-background-color: Canvas;
+  }
+}
+@media (any-hover: hover) {
+  .sbb-paginator__page--number-item:not(:disabled):hover {
+    --sbb-paginator-page-background-color: var(--sbb-color-milk);
+    --sbb-paginator-page-inset: calc(var(--sbb-border-width-2x) * -1);
+    --sbb-paginator-translate-y-content-hover: -0.0625rem;
+  }
+  :host([negative]) .sbb-paginator__page--number-item:not(:disabled):hover {
+    --sbb-paginator-page-background-color: var(--sbb-color-charcoal);
+  }
+}
+@media (any-hover: hover) and (forced-colors: active) {
+  .sbb-paginator__page--number-item:not(:disabled):hover {
+    --sbb-paginator-page-background-color: Highlight !important;
+  }
+}
+.sbb-paginator__page--number-item:not(:disabled):active {
+  --sbb-paginator-page-color: var(--sbb-color-charcoal);
+  --sbb-paginator-page-background-color: var(--sbb-color-cloud);
+  --sbb-paginator-page-inset: 0;
+  --sbb-paginator-translate-y-content-hover: 0;
+}
+:host([negative]) .sbb-paginator__page--number-item:not(:disabled):active {
+  --sbb-paginator-page-color: var(--sbb-color-milk);
+  --sbb-paginator-page-background-color: var(--sbb-color-iron);
+}
+@media (forced-colors: active) {
+  .sbb-paginator__page--number-item:not(:disabled):active {
+    --sbb-paginator-page-background-color: Highlight !important;
+  }
+}
+
+.sbb-paginator__page--number-item-label {
+  transition: transform var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);
+  transform: translateY(var(--sbb-paginator-translate-y-content-hover, 0rem));
+}
+
+.sbb-screen-reader-only {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}`;
+const MAX_PAGE_NUMBERS_DISPLAYED = 3;
+let SbbPaginatorElement = (() => {
+  var _pageSizeOptions_accessor_storage, _pagerPosition_accessor_storage, _a;
+  let _classDecorators = [customElement("sbb-paginator")];
+  let _classDescriptor;
+  let _classExtraInitializers = [];
+  let _classThis;
+  let _classSuper = SbbPaginatorCommonElementMixin(LitElement);
+  let _pageSizeOptions_decorators;
+  let _pageSizeOptions_initializers = [];
+  let _pageSizeOptions_extraInitializers = [];
+  let _pagerPosition_decorators;
+  let _pagerPosition_initializers = [];
+  let _pagerPosition_extraInitializers = [];
+  _a = class extends _classSuper {
+    constructor() {
+      super(...arguments);
+      __privateAdd(this, _pageSizeOptions_accessor_storage);
+      __privateAdd(this, _pagerPosition_accessor_storage);
+      __privateSet(this, _pageSizeOptions_accessor_storage, __runInitializers(this, _pageSizeOptions_initializers, []));
+      __privateSet(this, _pagerPosition_accessor_storage, (__runInitializers(this, _pageSizeOptions_extraInitializers), __runInitializers(this, _pagerPosition_initializers, "start")));
+      this._markForFocus = (__runInitializers(this, _pagerPosition_extraInitializers), null);
+    }
+    /** The available `pageSize` choices. */
+    get pageSizeOptions() {
+      return __privateGet(this, _pageSizeOptions_accessor_storage);
+    }
+    set pageSizeOptions(value) {
+      __privateSet(this, _pageSizeOptions_accessor_storage, value);
+    }
+    /**
+     * Position of the prev/next buttons: if `pageSizeOptions` is set,
+     * the sbb-select for the pageSize change will be positioned oppositely, with the page numbers always in the center.
+     */
+    get pagerPosition() {
+      return __privateGet(this, _pagerPosition_accessor_storage);
+    }
+    set pagerPosition(value) {
+      __privateSet(this, _pagerPosition_accessor_storage, value);
+    }
+    updated(changedProperties) {
+      super.updated(changedProperties);
+      if (this._markForFocus && sbbInputModalityDetector.mostRecentModality === "keyboard") {
+        const focusElement = this._getVisiblePages().find((e) => this.pageIndex === +e.getAttribute("data-index"));
+        if (focusElement) {
+          focusElement.focus();
+        }
+        this._markForFocus = null;
+      }
+    }
+    /**
+     * If the `pageSize` changes due to user interaction with the `pageSizeOptions` select,
+     * emit the `page` event and then update the `pageSize` value.
+     */
+    _pageSizeChanged(value) {
+      const previousPageSize = this.pageSize;
+      const previousPageIndex = this.pageIndex;
+      this.pageSize = value;
+      if (previousPageSize !== this.pageSize) {
+        this.emitPageEvent(previousPageIndex);
+      }
+    }
+    /** Returns the displayed page elements. */
+    _getVisiblePages() {
+      return Array.from(this.shadowRoot.querySelectorAll(".sbb-paginator__page--number-item"));
+    }
+    /**
+     * Calculate the pages set based on the following rules:
+     *  - the first page must always be visible;
+     *  - the last page must always be visible;
+     *  - if there are more than `MAX_PAGE_NUMBERS_DISPLAYED` other pages, ellipsis button must be used.
+     */
+    _getVisiblePagesIndex() {
+      const totalPages = this.numberOfPages();
+      const currentPageIndex = this.pageIndex;
+      if (totalPages <= MAX_PAGE_NUMBERS_DISPLAYED + 2) {
+        return this._range(totalPages);
+      } else if (currentPageIndex < MAX_PAGE_NUMBERS_DISPLAYED) {
+        return [...this._range(MAX_PAGE_NUMBERS_DISPLAYED + 1), "ellipsis", totalPages - 1];
+      } else if (currentPageIndex >= totalPages - MAX_PAGE_NUMBERS_DISPLAYED) {
+        return [
+          0,
+          "ellipsis",
+          ...this._range(MAX_PAGE_NUMBERS_DISPLAYED + 1, totalPages - 1 - MAX_PAGE_NUMBERS_DISPLAYED)
+        ];
+      } else {
+        return [
+          0,
+          "ellipsis",
+          currentPageIndex - 1,
+          currentPageIndex,
+          currentPageIndex + 1,
+          "ellipsis",
+          totalPages - 1
+        ];
+      }
+    }
+    /** Creates an array of consecutive numbers given the length and the starting value. */
+    _range(length, offset = 0) {
+      return Array.from({ length }, (_, k) => k + offset);
+    }
+    _handleKeyUp(event) {
+      if (event.key !== " " && event.key !== "Enter") {
+        return;
+      }
+      const current = this._getVisiblePages().find((e) => e === event.target);
+      if (current) {
+        this._markForFocus = this.pageIndex;
+      }
+    }
+    _renderItemPerPageTemplate() {
+      var _a2;
+      return this.pageSizeOptions && this.pageSizeOptions.length > 0 ? html`
+          <div class="sbb-paginator__page-size-options">
+            <label for="select">${i18nItemsPerPage[this.language.current]}</label>
+            <sbb-form-field
+              borderless
+              width="collapse"
+              ?negative=${this.negative}
+              size=${this.size}
+            >
+              <sbb-select
+                id="select"
+                ?disabled=${this.disabled}
+                value=${((_a2 = this.pageSizeOptions) == null ? void 0 : _a2.find((e) => e === this.pageSize)) ?? this.pageSizeOptions[0]}
+                @change=${(e) => this._pageSizeChanged(+e.target.value)}
+              >
+                ${repeat(this.pageSizeOptions, (element) => html`<sbb-option value=${element}>${element}</sbb-option>`)}
+              </sbb-select>
+            </sbb-form-field>
+          </div>
+        ` : nothing;
+    }
+    _renderPageNumbers() {
+      return html`
+      <ul class="sbb-paginator__pages">
+        ${repeat(this._getVisiblePagesIndex(), (item) => item === "ellipsis" ? html`
+                  <li class="sbb-paginator__page--ellipsis">
+                    <span class="sbb-paginator__page--ellipsis-item">…</span>
+                  </li>
+                ` : html`
+                  <li class="sbb-paginator__page--number">
+                    <button
+                      ?data-selected=${this.pageIndex === item}
+                      ?disabled=${this.disabled}
+                      class="sbb-paginator__page--number-item"
+                      data-index=${item}
+                      aria-label="${i18nPage[this.language.current]} ${item + 1}"
+                      aria-current=${this.pageIndex === item ? "true" : nothing}
+                      @click=${() => this.pageIndexChanged(item)}
+                      @keyup=${this._handleKeyUp}
+                    >
+                      <span class="sbb-paginator__page--number-item-label">${item + 1}</span>
+                    </button>
+                  </li>
+                `)}
+      </ul>
+    `;
+    }
+    renderPaginator() {
+      return html`
+      <div class="sbb-paginator">
+        ${this.pagerPosition === "start" ? html`<span class="sbb-paginator__wrapping-group">
+                  ${this.renderPrevNextButtons()} ${this._renderPageNumbers()}
+                </span>
+                ${this._renderItemPerPageTemplate()}` : html`${this._renderItemPerPageTemplate()}
+                <span class="sbb-paginator__wrapping-group">
+                  ${this._renderPageNumbers()} ${this.renderPrevNextButtons()}
+                </span>`}</span>
+      </div>
+    `;
+    }
+  }, _pageSizeOptions_accessor_storage = new WeakMap(), _pagerPosition_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+    const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+    _pageSizeOptions_decorators = [property({ attribute: "page-size-options", type: Array })];
+    _pagerPosition_decorators = [property({ attribute: "pager-position", reflect: true })];
+    __esDecorate(_a, null, _pageSizeOptions_decorators, { kind: "accessor", name: "pageSizeOptions", static: false, private: false, access: { has: (obj) => "pageSizeOptions" in obj, get: (obj) => obj.pageSizeOptions, set: (obj, value) => {
+      obj.pageSizeOptions = value;
+    } }, metadata: _metadata }, _pageSizeOptions_initializers, _pageSizeOptions_extraInitializers);
+    __esDecorate(_a, null, _pagerPosition_decorators, { kind: "accessor", name: "pagerPosition", static: false, private: false, access: { has: (obj) => "pagerPosition" in obj, get: (obj) => obj.pagerPosition, set: (obj, value) => {
+      obj.pagerPosition = value;
+    } }, metadata: _metadata }, _pagerPosition_initializers, _pagerPosition_extraInitializers);
+    __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+    _classThis = _classDescriptor.value;
+    if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+  })(), _a.styles = style, _a.events = {
+    page: "page"
+  }, __runInitializers(_classThis, _classExtraInitializers), _a;
+  return _classThis;
+})();
+export {
+  SbbPaginatorElement
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvcGFnaW5hdG9yL3BhZ2luYXRvci9wYWdpbmF0b3IudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgTGl0RWxlbWVudCxcbiAgbm90aGluZyxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVwZWF0IH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVwZWF0LmpzJztcblxuaW1wb3J0IHsgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yIH0gZnJvbSAnLi4vLi4vY29yZS9hMTF5LmpzJztcbmltcG9ydCB7IGkxOG5JdGVtc1BlclBhZ2UsIGkxOG5QYWdlIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiU2VsZWN0RWxlbWVudCB9IGZyb20gJy4uLy4uL3NlbGVjdC5qcyc7XG5pbXBvcnQgeyBTYmJQYWdpbmF0b3JDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9wYWdpbmF0b3Iuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9mb3JtLWZpZWxkLmpzJztcbmltcG9ydCAnLi4vLi4vc2VsZWN0LmpzJztcbmltcG9ydCAnLi4vLi4vb3B0aW9uLmpzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuY29uc3QgTUFYX1BBR0VfTlVNQkVSU19ESVNQTEFZRUQgPSAzO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgcGFnaW5hdG9yIGNvbXBvbmVudC5cbiAqXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PFNiYlBhZ2luYXRvclBhZ2VFdmVudERldGFpbHM+fSBwYWdlIC0gRW1pdHMgd2hlbiB0aGUgcGFnZUluZGV4IGNoYW5nZXMuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1wYWdpbmF0b3InKVxuY2xhc3MgU2JiUGFnaW5hdG9yRWxlbWVudCBleHRlbmRzIFNiYlBhZ2luYXRvckNvbW1vbkVsZW1lbnRNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50czogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBwYWdlOiAncGFnZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgLyoqIFRoZSBhdmFpbGFibGUgYHBhZ2VTaXplYCBjaG9pY2VzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdwYWdlLXNpemUtb3B0aW9ucycsIHR5cGU6IEFycmF5IH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gW107XG5cbiAgLyoqXG4gICAqIFBvc2l0aW9uIG9mIHRoZSBwcmV2L25leHQgYnV0dG9uczogaWYgYHBhZ2VTaXplT3B0aW9uc2AgaXMgc2V0LFxuICAgKiB0aGUgc2JiLXNlbGVjdCBmb3IgdGhlIHBhZ2VTaXplIGNoYW5nZSB3aWxsIGJlIHBvc2l0aW9uZWQgb3Bwb3NpdGVseSwgd2l0aCB0aGUgcGFnZSBudW1iZXJzIGFsd2F5cyBpbiB0aGUgY2VudGVyLlxuICAgKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncGFnZXItcG9zaXRpb24nLCByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBvdmVycmlkZSBhY2Nlc3NvciBwYWdlclBvc2l0aW9uOlxuICAgIHwgJ3N0YXJ0J1xuICAgIHwgJ2VuZCcgPSAnc3RhcnQnO1xuXG4gIHByaXZhdGUgX21hcmtGb3JGb2N1czogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIudXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICAvKiogVGFiIG5hdmlnYXRpb24gY2FuIGZvcmNlIGEgcmVyZW5kZXIgd2hlbiBlbGxpcHNpcyBlbGVtZW50cyBuZWVkIHRvIGJlIGRpc3BsYXllZDsgdGhlIGZvY3VzIG11c3Qgc3RheSBvbiB0aGUgY29ycmVjdCBlbGVtZW50LiAqL1xuICAgIGlmICh0aGlzLl9tYXJrRm9yRm9jdXMgJiYgc2JiSW5wdXRNb2RhbGl0eURldGVjdG9yLm1vc3RSZWNlbnRNb2RhbGl0eSA9PT0gJ2tleWJvYXJkJykge1xuICAgICAgY29uc3QgZm9jdXNFbGVtZW50ID0gdGhpcy5fZ2V0VmlzaWJsZVBhZ2VzKCkuZmluZChcbiAgICAgICAgKGUpID0+IHRoaXMucGFnZUluZGV4ID09PSArZS5nZXRBdHRyaWJ1dGUoJ2RhdGEtaW5kZXgnKSEsXG4gICAgICApO1xuICAgICAgaWYgKGZvY3VzRWxlbWVudCkge1xuICAgICAgICAoZm9jdXNFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5mb2N1cygpO1xuICAgICAgfVxuICAgICAgLy8gUmVzZXQgbWFyayBmb3IgZm9jdXNcbiAgICAgIHRoaXMuX21hcmtGb3JGb2N1cyA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIElmIHRoZSBgcGFnZVNpemVgIGNoYW5nZXMgZHVlIHRvIHVzZXIgaW50ZXJhY3Rpb24gd2l0aCB0aGUgYHBhZ2VTaXplT3B0aW9uc2Agc2VsZWN0LFxuICAgKiBlbWl0IHRoZSBgcGFnZWAgZXZlbnQgYW5kIHRoZW4gdXBkYXRlIHRoZSBgcGFnZVNpemVgIHZhbHVlLlxuICAgKi9cbiAgcHJpdmF0ZSBfcGFnZVNpemVDaGFuZ2VkKHZhbHVlOiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCBwcmV2aW91c1BhZ2VTaXplID0gdGhpcy5wYWdlU2l6ZTtcbiAgICBjb25zdCBwcmV2aW91c1BhZ2VJbmRleCA9IHRoaXMucGFnZUluZGV4O1xuICAgIHRoaXMucGFnZVNpemUgPSB2YWx1ZTtcblxuICAgIGlmIChwcmV2aW91c1BhZ2VTaXplICE9PSB0aGlzLnBhZ2VTaXplKSB7XG4gICAgICB0aGlzLmVtaXRQYWdlRXZlbnQocHJldmlvdXNQYWdlSW5kZXgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBSZXR1cm5zIHRoZSBkaXNwbGF5ZWQgcGFnZSBlbGVtZW50cy4gKi9cbiAgcHJpdmF0ZSBfZ2V0VmlzaWJsZVBhZ2VzKCk6IEVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5zaGFkb3dSb290IS5xdWVyeVNlbGVjdG9yQWxsKCcuc2JiLXBhZ2luYXRvcl9fcGFnZS0tbnVtYmVyLWl0ZW0nKSk7XG4gIH1cblxuICAvKipcbiAgICogQ2FsY3VsYXRlIHRoZSBwYWdlcyBzZXQgYmFzZWQgb24gdGhlIGZvbGxvd2luZyBydWxlczpcbiAgICogIC0gdGhlIGZpcnN0IHBhZ2UgbXVzdCBhbHdheXMgYmUgdmlzaWJsZTtcbiAgICogIC0gdGhlIGxhc3QgcGFnZSBtdXN0IGFsd2F5cyBiZSB2aXNpYmxlO1xuICAgKiAgLSBpZiB0aGVyZSBhcmUgbW9yZSB0aGFuIGBNQVhfUEFHRV9OVU1CRVJTX0RJU1BMQVlFRGAgb3RoZXIgcGFnZXMsIGVsbGlwc2lzIGJ1dHRvbiBtdXN0IGJlIHVzZWQuXG4gICAqL1xuICBwcml2YXRlIF9nZXRWaXNpYmxlUGFnZXNJbmRleCgpOiAobnVtYmVyIHwgJ2VsbGlwc2lzJylbXSB7XG4gICAgY29uc3QgdG90YWxQYWdlczogbnVtYmVyID0gdGhpcy5udW1iZXJPZlBhZ2VzKCk7XG4gICAgY29uc3QgY3VycmVudFBhZ2VJbmRleDogbnVtYmVyID0gdGhpcy5wYWdlSW5kZXg7XG5cbiAgICBpZiAodG90YWxQYWdlcyA8PSBNQVhfUEFHRV9OVU1CRVJTX0RJU1BMQVlFRCArIDIpIHtcbiAgICAgIHJldHVybiB0aGlzLl9yYW5nZSh0b3RhbFBhZ2VzKTtcbiAgICB9IGVsc2UgaWYgKGN1cnJlbnRQYWdlSW5kZXggPCBNQVhfUEFHRV9OVU1CRVJTX0RJU1BMQVlFRCkge1xuICAgICAgcmV0dXJuIFsuLi50aGlzLl9yYW5nZShNQVhfUEFHRV9OVU1CRVJTX0RJU1BMQVlFRCArIDEpLCAnZWxsaXBzaXMnLCB0b3RhbFBhZ2VzIC0gMV07XG4gICAgfSBlbHNlIGlmIChjdXJyZW50UGFnZUluZGV4ID49IHRvdGFsUGFnZXMgLSBNQVhfUEFHRV9OVU1CRVJTX0RJU1BMQVlFRCkge1xuICAgICAgcmV0dXJuIFtcbiAgICAgICAgMCxcbiAgICAgICAgJ2VsbGlwc2lzJyxcbiAgICAgICAgLi4udGhpcy5fcmFuZ2UoTUFYX1BBR0VfTlVNQkVSU19ESVNQTEFZRUQgKyAxLCB0b3RhbFBhZ2VzIC0gMSAtIE1BWF9QQUdFX05VTUJFUlNfRElTUExBWUVEKSxcbiAgICAgIF07XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIDAsXG4gICAgICAgICdlbGxpcHNpcycsXG4gICAgICAgIGN1cnJlbnRQYWdlSW5kZXggLSAxLFxuICAgICAgICBjdXJyZW50UGFnZUluZGV4LFxuICAgICAgICBjdXJyZW50UGFnZUluZGV4ICsgMSxcbiAgICAgICAgJ2VsbGlwc2lzJyxcbiAgICAgICAgdG90YWxQYWdlcyAtIDEsXG4gICAgICBdO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBDcmVhdGVzIGFuIGFycmF5IG9mIGNvbnNlY3V0aXZlIG51bWJlcnMgZ2l2ZW4gdGhlIGxlbmd0aCBhbmQgdGhlIHN0YXJ0aW5nIHZhbHVlLiAqL1xuICBwcml2YXRlIF9yYW5nZShsZW5ndGg6IG51bWJlciwgb2Zmc2V0OiBudW1iZXIgPSAwKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBrKSA9PiBrICsgb2Zmc2V0KTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUtleVVwKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKGV2ZW50LmtleSAhPT0gJyAnICYmIGV2ZW50LmtleSAhPT0gJ0VudGVyJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGN1cnJlbnQgPSB0aGlzLl9nZXRWaXNpYmxlUGFnZXMoKS5maW5kKChlOiBFbGVtZW50KSA9PiBlID09PSBldmVudC50YXJnZXQpO1xuICAgIGlmIChjdXJyZW50KSB7XG4gICAgICB0aGlzLl9tYXJrRm9yRm9jdXMgPSB0aGlzLnBhZ2VJbmRleDtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9yZW5kZXJJdGVtUGVyUGFnZVRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHwgdHlwZW9mIG5vdGhpbmcge1xuICAgIHJldHVybiB0aGlzLnBhZ2VTaXplT3B0aW9ucyAmJiB0aGlzLnBhZ2VTaXplT3B0aW9ucy5sZW5ndGggPiAwXG4gICAgICA/IGh0bWxgXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1wYWdpbmF0b3JfX3BhZ2Utc2l6ZS1vcHRpb25zXCI+XG4gICAgICAgICAgICA8bGFiZWwgZm9yPVwic2VsZWN0XCI+JHtpMThuSXRlbXNQZXJQYWdlW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19PC9sYWJlbD5cbiAgICAgICAgICAgIDxzYmItZm9ybS1maWVsZFxuICAgICAgICAgICAgICBib3JkZXJsZXNzXG4gICAgICAgICAgICAgIHdpZHRoPVwiY29sbGFwc2VcIlxuICAgICAgICAgICAgICA/bmVnYXRpdmU9JHt0aGlzLm5lZ2F0aXZlfVxuICAgICAgICAgICAgICBzaXplPSR7dGhpcy5zaXplfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8c2JiLXNlbGVjdFxuICAgICAgICAgICAgICAgIGlkPVwic2VsZWN0XCJcbiAgICAgICAgICAgICAgICA/ZGlzYWJsZWQ9JHt0aGlzLmRpc2FibGVkfVxuICAgICAgICAgICAgICAgIHZhbHVlPSR7dGhpcy5wYWdlU2l6ZU9wdGlvbnM/LmZpbmQoKGUpID0+IGUgPT09IHRoaXMucGFnZVNpemUpID8/XG4gICAgICAgICAgICAgICAgdGhpcy5wYWdlU2l6ZU9wdGlvbnMhWzBdfVxuICAgICAgICAgICAgICAgIEBjaGFuZ2U9JHsoZTogQ3VzdG9tRXZlbnQpID0+XG4gICAgICAgICAgICAgICAgICB0aGlzLl9wYWdlU2l6ZUNoYW5nZWQoKygoZS50YXJnZXQgYXMgU2JiU2VsZWN0RWxlbWVudCkudmFsdWUgYXMgc3RyaW5nKSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAke3JlcGVhdChcbiAgICAgICAgICAgICAgICAgIHRoaXMucGFnZVNpemVPcHRpb25zISxcbiAgICAgICAgICAgICAgICAgIChlbGVtZW50KSA9PiBodG1sYDxzYmItb3B0aW9uIHZhbHVlPSR7ZWxlbWVudH0+JHtlbGVtZW50fTwvc2JiLW9wdGlvbj5gLFxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvc2JiLXNlbGVjdD5cbiAgICAgICAgICAgIDwvc2JiLWZvcm0tZmllbGQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIGBcbiAgICAgIDogbm90aGluZztcbiAgfVxuXG4gIHByaXZhdGUgX3JlbmRlclBhZ2VOdW1iZXJzKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDx1bCBjbGFzcz1cInNiYi1wYWdpbmF0b3JfX3BhZ2VzXCI+XG4gICAgICAgICR7cmVwZWF0KFxuICAgICAgICAgIHRoaXMuX2dldFZpc2libGVQYWdlc0luZGV4KCksXG4gICAgICAgICAgKGl0ZW06IG51bWJlciB8ICdlbGxpcHNpcycpOiBUZW1wbGF0ZVJlc3VsdCA9PlxuICAgICAgICAgICAgaXRlbSA9PT0gJ2VsbGlwc2lzJ1xuICAgICAgICAgICAgICA/IGh0bWxgXG4gICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJzYmItcGFnaW5hdG9yX19wYWdlLS1lbGxpcHNpc1wiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1wYWdpbmF0b3JfX3BhZ2UtLWVsbGlwc2lzLWl0ZW1cIj7igKY8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgOiBodG1sYFxuICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwic2JiLXBhZ2luYXRvcl9fcGFnZS0tbnVtYmVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICA/ZGF0YS1zZWxlY3RlZD0ke3RoaXMucGFnZUluZGV4ID09PSBpdGVtfVxuICAgICAgICAgICAgICAgICAgICAgID9kaXNhYmxlZD0ke3RoaXMuZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItcGFnaW5hdG9yX19wYWdlLS1udW1iZXItaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgZGF0YS1pbmRleD0ke2l0ZW19XG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIiR7aTE4blBhZ2VbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX0gJHtpdGVtICsgMX1cIlxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD0ke3RoaXMucGFnZUluZGV4ID09PSBpdGVtID8gJ3RydWUnIDogbm90aGluZ31cbiAgICAgICAgICAgICAgICAgICAgICBAY2xpY2s9JHsoKSA9PiB0aGlzLnBhZ2VJbmRleENoYW5nZWQoaXRlbSl9XG4gICAgICAgICAgICAgICAgICAgICAgQGtleXVwPSR7dGhpcy5faGFuZGxlS2V5VXB9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1wYWdpbmF0b3JfX3BhZ2UtLW51bWJlci1pdGVtLWxhYmVsXCI+JHtpdGVtICsgMX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgICBgLFxuICAgICAgICApfVxuICAgICAgPC91bD5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclBhZ2luYXRvcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXBhZ2luYXRvclwiPlxuICAgICAgICAke1xuICAgICAgICAgIHRoaXMucGFnZXJQb3NpdGlvbiA9PT0gJ3N0YXJ0J1xuICAgICAgICAgICAgPyBodG1sYDxzcGFuIGNsYXNzPVwic2JiLXBhZ2luYXRvcl9fd3JhcHBpbmctZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICR7dGhpcy5yZW5kZXJQcmV2TmV4dEJ1dHRvbnMoKX0gJHt0aGlzLl9yZW5kZXJQYWdlTnVtYmVycygpfVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAke3RoaXMuX3JlbmRlckl0ZW1QZXJQYWdlVGVtcGxhdGUoKX1gXG4gICAgICAgICAgICA6IGh0bWxgJHt0aGlzLl9yZW5kZXJJdGVtUGVyUGFnZVRlbXBsYXRlKCl9XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItcGFnaW5hdG9yX193cmFwcGluZy1ncm91cFwiPlxuICAgICAgICAgICAgICAgICAgJHt0aGlzLl9yZW5kZXJQYWdlTnVtYmVycygpfSAke3RoaXMucmVuZGVyUHJldk5leHRCdXR0b25zKCl9XG4gICAgICAgICAgICAgICAgPC9zcGFuPmBcbiAgICAgICAgfTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1wYWdpbmF0b3InOiBTYmJQYWdpbmF0b3JFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXVCQSxNQUFNLDZCQUE2QjtJQVM3Qix1QkFBbUIsTUFBQTs7MEJBRHhCLGNBQWMsZUFBZSxDQUFDOzs7O29CQUNHLCtCQUErQixVQUFVOzs7Ozs7O0FBQWpELEVBQUEsbUJBQVEsWUFBMEM7QUFBQTs7QUFRMUU7QUFNMEQ7QUFOMUMseUJBQUEsbUNBQUEsa0JBQUEsTUFBQSwrQkFBNEIsQ0FBQSxDQUFFO0FBTXFDLHlCQUFBLGtDQUFBLGtCQUFBLE1BQUEsa0NBQUEsR0FBQSxrQkFBQSxNQUFBLDZCQUV2RSxPQUFPO0FBRVgsV0FBYSxpQkFBQSxrQkFBQSxNQUFBLGdDQUFBLEdBQWtCO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFWdkMsSUFBZ0Isa0JBQStCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUEvQyxJQUFnQixnQkFBK0IsT0FBQTtBQUFBLHlCQUFBLG1DQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFNVyxJQUF5QixnQkFFL0Q7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBRnNDLElBQXlCLGNBRS9ELE9BQUE7QUFBQSx5QkFBQSxpQ0FBQTtBQUFBLElBQUE7QUFBQSxJQUlELFFBQVEsbUJBQXVDO0FBQ2hFLFlBQU0sUUFBUSxpQkFBaUI7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

package/development/paginator/paginator.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './paginator/paginator.js';
 //# sourceMappingURL=paginator.d.ts.map

package/development/paginator/paginator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/paginator.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/paginator.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0BAA0B,CAAC"}