agnosticui-core 2.0.0-alpha.2

package/dist/components/Pagination/core/_Pagination.d.ts

@@ -0,0 +1,109 @@
+import { LitElement } from 'lit';
+
+export type PaginationOffset = 1 | 2;
+export type PaginationJustify = 'start' | 'center' | 'end' | '';
+export type PaginationGap = '...';
+export type PageArrayItem = number | PaginationGap;
+/**
+ * Event detail for page-change event
+ */
+export interface PageChangeEventDetail {
+    page: number;
+    pages: PageArrayItem[];
+}
+/**
+ * Custom event dispatched when the page changes
+ */
+export type PageChangeEvent = CustomEvent<PageChangeEventDetail>;
+/**
+ * Navigation labels for first, previous, next, last buttons
+ */
+export interface NavigationLabels {
+    first: string;
+    previous: string;
+    next: string;
+    last: string;
+}
+/**
+ * Props interface for Pagination component including event handlers
+ */
+export interface PaginationProps {
+    /**
+     * Current active page (1-indexed)
+     */
+    current?: number;
+    /**
+     * Total number of pages
+     */
+    totalPages?: number;
+    /**
+     * Number of page buttons to show on each side of current page
+     */
+    offset?: PaginationOffset;
+    /**
+     * Horizontal alignment of pagination controls
+     */
+    justify?: PaginationJustify;
+    /**
+     * Alternative aria-label for the navigation
+     */
+    ariaLabel?: string;
+    /**
+     * Show bordered style (outline instead of solid background for active page)
+     */
+    bordered?: boolean;
+    /**
+     * Show first/last page navigation buttons
+     */
+    firstLastNavigation?: boolean;
+    /**
+     * Custom labels for navigation buttons
+     */
+    navigationLabels?: NavigationLabels;
+    /**
+     * Event callback fired when page changes
+     */
+    onPageChange?: (event: PageChangeEvent) => void;
+}
+/**
+ * Pagination component for navigating through pages of content
+ *
+ * @fires {PageChangeEvent} page-change - Fired when the active page changes
+ * @csspart ag-pagination-container - The outer container element
+ * @csspart ag-pagination - The pagination list element
+ * @csspart ag-pagination-item - Individual pagination item wrapper
+ * @csspart ag-pagination-button - Individual pagination button
+ *
+ * @example
+ * ```html
+ * <ag-pagination
+ *   current="5"
+ *   total-pages="20"
+ *   bordered
+ *   @page-change=${handlePageChange}
+ * ></ag-pagination>
+ * ```
+ */
+export declare class Pagination extends LitElement implements PaginationProps {
+    current: number;
+    totalPages: number;
+    offset: PaginationOffset;
+    justify: PaginationJustify;
+    ariaLabel: string;
+    bordered: boolean;
+    firstLastNavigation: boolean;
+    navigationLabels: NavigationLabels;
+    onPageChange?: (event: PageChangeEvent) => void;
+    constructor();
+    get _pages(): PageArrayItem[];
+    updated(changedProperties: Map<string, unknown>): void;
+    private _generatePages;
+    private _getPaddedArray;
+    private _generatePagingPaddedByOne;
+    private _generatePagingPaddedByTwo;
+    private _handlePageChange;
+    private _getJustifyClass;
+    static styles: import('lit').CSSResult;
+    render(): import('lit').TemplateResult<1>;
+}
+//# sourceMappingURL=_Pagination.d.ts.map

package/dist/components/Pagination/core/_Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/core/_Pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;AACrC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,EAAE,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC;AAClC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,UAAW,SAAQ,UAAW,YAAW,eAAe;IAE3D,OAAO,EAAE,MAAM,CAAC;IAGhB,UAAU,EAAE,MAAM,CAAC;IAGnB,MAAM,EAAE,gBAAgB,CAAC;IAGzB,OAAO,EAAE,iBAAiB,CAAC;IAG3B,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,mBAAmB,EAAE,OAAO,CAAC;IAG7B,gBAAgB,EAAE,gBAAgB,CAAC;IAGnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;;IAmBxD,IAAI,MAAM,IAAI,aAAa,EAAE,CAE5B;IAED,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkB/C,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,0BAA0B;IAkBlC,OAAO,CAAC,0BAA0B;IA4BlC,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,gBAAgB;IAaxB,MAAM,CAAC,MAAM,0BA6GX;IAEF,MAAM;CAsIP"}

package/dist/components/Pagination/core/_Pagination.js

@@ -0,0 +1,337 @@
+import { LitElement as b, css as f, html as l } from "lit";
+import { n as s } from "../../../property-CemaeiRl.js";
+var m = Object.defineProperty, r = (d, t, i, e) => {
+  for (var a = void 0, o = d.length - 1, g; o >= 0; o--)
+    (g = d[o]) && (a = g(t, i, a) || a);
+  return a && m(t, i, a), a;
+};
+const u = class u extends b {
+  constructor() {
+    super(), this.current = 1, this.totalPages = 1, this.offset = 2, this.justify = "", this.ariaLabel = "pagination", this.bordered = !1, this.firstLastNavigation = !1, this.navigationLabels = {
+      first: "First",
+      previous: "Previous",
+      next: "Next",
+      last: "Last"
+    };
+  }
+  get _pages() {
+    return this._generatePages();
+  }
+  updated(t) {
+    (t.has("current") || t.has("totalPages") || t.has("offset")) && this.updateComplete.then(() => {
+      const i = this.shadowRoot?.querySelector(
+        `button[data-page="${this.current}"]`
+      );
+      i && i.focus();
+    });
+  }
+  _generatePages() {
+    return this.totalPages <= 1 ? [1] : this.offset === 1 ? this._generatePagingPaddedByOne(this.current, this.totalPages) : this._generatePagingPaddedByTwo(this.current, this.totalPages);
+  }
+  _getPaddedArray(t, i, e, a) {
+    return i && t.unshift("..."), e && t.push("..."), a <= 1 ? [1] : [1, ...t, a];
+  }
+  _generatePagingPaddedByOne(t, i) {
+    const a = [t - 1, t, t + 1].filter(
+      (p) => p > 1 && p < i
+    ), o = t > 3, g = t < i - 2;
+    return this._getPaddedArray(
+      a,
+      o,
+      g,
+      i
+    );
+  }
+  _generatePagingPaddedByTwo(t, i) {
+    const a = [t - 2, t - 1, t, t + 1, t + 2].filter(
+      (c) => c > 1 && c < i
+    ), o = t === 5, g = t === i - 4, p = t > 5, h = t < i - 4;
+    return o && a.unshift(2), g && a.push(i - 1), this._getPaddedArray(
+      a,
+      p,
+      h,
+      i
+    );
+  }
+  _handlePageChange(t) {
+    if (t < 1 || t > this.totalPages || t === this.current)
+      return;
+    const i = this._pages;
+    this.current = t;
+    const e = new CustomEvent("page-change", {
+      detail: {
+        page: t,
+        pages: i
+      },
+      bubbles: !0,
+      composed: !0
+    });
+    this.dispatchEvent(e), this.onPageChange && this.onPageChange(e);
+  }
+  _getJustifyClass() {
+    switch (this.justify) {
+      case "start":
+        return "pagination-start";
+      case "center":
+        return "pagination-center";
+      case "end":
+        return "pagination-end";
+      default:
+        return "";
+    }
+  }
+  render() {
+    const t = this._getJustifyClass(), i = this._pages.length > 0 ? this._pages : [1], e = this.navigationLabels || {
+      first: "First",
+      previous: "Previous",
+      next: "Next",
+      last: "Last"
+    };
+    return l`
+      <nav
+        class="pagination-container ${t}"
+        part="ag-pagination-container"
+        aria-label=${this.ariaLabel}
+      >
+        <ul class="pagination" part="ag-pagination">
+          ${this.firstLastNavigation ? l`
+                <li
+                  class="pagination-item ${this.current === 1 ? "pagination-item-disabled" : ""}"
+                  part="ag-pagination-item"
+                >
+                  <button
+                    class="pagination-button pagination-button-first"
+                    part="ag-pagination-button"
+                    type="button"
+                    @click=${() => this._handlePageChange(1)}
+                    ?disabled=${this.current === 1}
+                    aria-disabled=${this.current === 1 ? "true" : "false"}
+                    aria-label="Goto page 1"
+                  >
+                    ${"«"} ${e.first}
+                  </button>
+                </li>
+              ` : ""}
+          <li
+            class="pagination-item ${this.current === 1 ? "pagination-item-disabled" : ""}"
+            part="ag-pagination-item"
+          >
+            <button
+              class="pagination-button pagination-button-previous"
+              part="ag-pagination-button"
+              type="button"
+              @click=${() => this._handlePageChange(this.current - 1)}
+              ?disabled=${this.current === 1}
+              aria-disabled=${this.current === 1 ? "true" : "false"}
+              aria-label="Goto previous page"
+            >
+              ${"‹"} ${e.previous}
+            </button>
+          </li>
+          ${i.map(
+      (a) => a !== "..." ? l`
+                  <li
+                    class="pagination-item ${this.current === a ? "pagination-item-active" : ""}"
+                    part="ag-pagination-item"
+                  >
+                    <button
+                      data-page="${a}"
+                      @click=${() => this._handlePageChange(a)}
+                      type="button"
+                      class="pagination-button"
+                      part="ag-pagination-button"
+                      aria-current=${this.current === a ? "page" : "false"}
+                      aria-label=${this.current === a ? `Page ${a}, current page` : `Goto page ${a}`}
+                    >
+                      ${a}
+                    </button>
+                  </li>
+                ` : l`
+                  <li
+                    class="pagination-item pagination-item-gap"
+                    part="ag-pagination-item"
+                  >
+                    <span>${a}</span>
+                  </li>
+                `
+    )}
+          <li
+            class="pagination-item ${this.current === this.totalPages ? "pagination-item-disabled" : ""}"
+            part="ag-pagination-item"
+          >
+            <button
+              class="pagination-button pagination-button-next"
+              part="ag-pagination-button"
+              type="button"
+              @click=${() => this._handlePageChange(this.current + 1)}
+              ?disabled=${this.current === this.totalPages}
+              aria-disabled=${this.current === this.totalPages ? "true" : "false"}
+              aria-label="Goto next page"
+            >
+              ${e.next} ${"›"}
+            </button>
+          </li>
+          ${this.firstLastNavigation ? l`
+                <li
+                  class="pagination-item pagination-item-last ${this.current === this.totalPages ? "pagination-item-disabled" : ""}"
+                  part="ag-pagination-item"
+                >
+                  <button
+                    type="button"
+                    class="pagination-button pagination-button-last"
+                    part="ag-pagination-button"
+                    @click=${() => this._handlePageChange(this.totalPages)}
+                    ?disabled=${this.current === this.totalPages}
+                    aria-disabled=${this.current === this.totalPages ? "true" : "false"}
+                    aria-label="Goto last page"
+                  >
+                    ${e.last} ${"»"}
+                  </button>
+                </li>
+              ` : ""}
+        </ul>
+      </nav>
+    `;
+  }
+};
+u.styles = f`
+    :host {
+      display: block;
+    }
+
+    .pagination-container {
+      display: flex;
+      font-size: var(--ag-font-size-sm);
+    }
+    
+    :host([justify="start"]),
+    :host([justify="center"]),
+    :host([justify="end"]) {
+      width: 100%;
+    }
+
+    .pagination-center {
+      justify-content: center;
+    }
+
+    .pagination-start {
+      justify-content: flex-start;
+    }
+
+    .pagination-end {
+      justify-content: flex-end;
+    }
+
+    .pagination {
+      display: flex;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+
+    .pagination-item {
+      margin-inline-start: 0.125rem;
+      margin-inline-end: 0.125rem;
+    }
+
+    /* The first previous next last buttons are slightly tighter */
+    .pagination-button-first,
+    .pagination-button-previous,
+    .pagination-button-next,
+    .pagination-button-last {
+      padding-inline-start: var(--ag-space-1);
+      padding-inline-end: var(--ag-space-1);
+    }
+
+    .pagination-button {
+      color: var(--ag-primary-text);
+      display: inline-block;
+      line-height: var(--ag-line-height-4);
+      padding-inline-start: var(--ag-space-2);
+      padding-inline-end: var(--ag-space-2);
+      border-radius: var(--ag-radius-md);
+      border: var(--ag-border-width-1) solid transparent;
+      background-color: transparent;
+      cursor: pointer;
+      font: inherit;
+    }
+
+    .pagination-button:focus-visible {
+      outline: var(--ag-focus-width) solid rgba(var(--ag-focus), 0.5);
+      outline-offset: var(--ag-focus-offset);
+    }
+
+    @media (prefers-reduced-motion), (update: slow) {
+      .pagination-button:focus-visible {
+        transition-duration: 0.001ms !important;
+      }
+    }
+
+    .pagination-item-disabled {
+      cursor: not-allowed;
+    }
+
+    .pagination-button:disabled,
+    .pagination-item-disabled .pagination-button {
+      color: var(--ag-text-disabled);
+      opacity: 0.8;
+      pointer-events: none;
+    }
+
+    .pagination-item-active .pagination-button {
+      background-color: var(--ag-background-tertiary);
+      color: var(--ag-primary-text);
+    }
+
+    :host([bordered]) .pagination-item-active .pagination-button {
+      background-color: transparent;
+      border: var(--ag-border-width-1) solid var(--ag-primary-text);
+      color: var(--ag-primary-text);
+    }
+
+    .pagination-item:hover .pagination-button {
+      text-decoration: none;
+    }
+
+    .pagination-item:not(.pagination-item-active):not(.pagination-item-disabled):hover
+      .pagination-button {
+      background-color: var(--ag-background-secondary);
+    }
+
+    .pagination-item-gap {
+      display: flex;
+      align-items: center;
+      transform: translateY(var(--ag-space-1));
+    }
+  `;
+let n = u;
+r([
+  s({ type: Number })
+], n.prototype, "current");
+r([
+  s({ type: Number, attribute: "total-pages" })
+], n.prototype, "totalPages");
+r([
+  s({ type: Number })
+], n.prototype, "offset");
+r([
+  s({ type: String, reflect: !0 })
+], n.prototype, "justify");
+r([
+  s({ type: String, attribute: "aria-label" })
+], n.prototype, "ariaLabel");
+r([
+  s({ type: Boolean, reflect: !0 })
+], n.prototype, "bordered");
+r([
+  s({ type: Boolean, reflect: !0, attribute: "first-last-navigation" })
+], n.prototype, "firstLastNavigation");
+r([
+  s({ type: Object, attribute: !1 })
+], n.prototype, "navigationLabels");
+r([
+  s({ attribute: !1 })
+], n.prototype, "onPageChange");
+export {
+  n as Pagination
+};

package/dist/components/Pagination/react/ReactContentPagination.d.ts

@@ -0,0 +1,17 @@
+import { EventName } from '@lit/react';
+import { ContentPagination, ContentPaginationProps, NavigateEvent } from '../core/ContentPagination';
+import * as React from 'react';
+/**
+ * React-specific props interface for ContentPagination component
+ * Extends core ContentPaginationProps with React-specific additions
+ */
+export interface ReactContentPaginationProps extends ContentPaginationProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactContentPagination: import('@lit/react').ReactWebComponent<ContentPagination, {
+    onNavigate: EventName<NavigateEvent>;
+}>;
+export type { NavigateEvent, NavigateEventDetail, ContentNavigationItem, } from '../core/ContentPagination';
+//# sourceMappingURL=ReactContentPagination.d.ts.map

package/dist/components/Pagination/react/ReactContentPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactContentPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/react/ReactContentPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,aAAa,EACnB,MAAM,2BAA2B,CAAC;AAEnC;;;GAGG;AACH,MAAM,WAAW,2BAA4B,SAAQ,sBAAsB;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAGD,eAAO,MAAM,sBAAsB;gBAKL,SAAS,CAAC,aAAa,CAAC;EAEpD,CAAC;AAGH,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC"}

package/dist/components/Pagination/react/ReactContentPagination.js

@@ -0,0 +1,15 @@
+import * as t from "react";
+import { o as a } from "../../../create-component-BPMDMe-q.js";
+import "../core/ContentPagination.js";
+import { ContentPagination as n } from "../core/_ContentPagination.js";
+const m = a({
+  tagName: "ag-content-pagination",
+  elementClass: n,
+  react: t,
+  events: {
+    onNavigate: "navigate"
+  }
+});
+export {
+  m as ReactContentPagination
+};

package/dist/components/Pagination/react/ReactPagination.d.ts

@@ -0,0 +1,17 @@
+import { EventName } from '@lit/react';
+import { Pagination, PaginationProps, PageChangeEvent } from '../core/Pagination';
+import * as React from 'react';
+/**
+ * React-specific props interface for Pagination component
+ * Extends core PaginationProps with React-specific additions
+ */
+export interface ReactPaginationProps extends PaginationProps {
+    children?: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const ReactPagination: import('@lit/react').ReactWebComponent<Pagination, {
+    onPageChange: EventName<PageChangeEvent>;
+}>;
+export type { PageChangeEvent, PageChangeEventDetail } from '../core/Pagination';
+//# sourceMappingURL=ReactPagination.d.ts.map

package/dist/components/Pagination/react/ReactPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/react/ReactPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAE5B;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAGD,eAAO,MAAM,eAAe;kBAKO,SAAS,CAAC,eAAe,CAAC;EAE3D,CAAC;AAGH,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/Pagination/react/ReactPagination.js

@@ -0,0 +1,15 @@
+import * as a from "react";
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import "../core/Pagination.js";
+import { Pagination as e } from "../core/_Pagination.js";
+const g = t({
+  tagName: "ag-pagination",
+  elementClass: e,
+  react: a,
+  events: {
+    onPageChange: "page-change"
+  }
+});
+export {
+  g as ReactPagination
+};

package/dist/components/Pagination/react/index.d.ts

@@ -0,0 +1,7 @@
+export { ReactPagination } from './ReactPagination';
+export type { ReactPaginationProps } from './ReactPagination';
+export type { PageChangeEventDetail, PageChangeEvent } from '../core/Pagination';
+export { ReactContentPagination } from './ReactContentPagination';
+export type { ReactContentPaginationProps } from './ReactContentPagination';
+export type { NavigateEventDetail, NavigateEvent, ContentNavigationItem, } from '../core/ContentPagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Pagination/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG9D,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAG5E,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,qBAAqB,GACtB,MAAM,2BAA2B,CAAC"}

package/dist/components/Pagination/react/index.js

@@ -0,0 +1,6 @@
+import { ReactPagination as a } from "./ReactPagination.js";
+import { ReactContentPagination as e } from "./ReactContentPagination.js";
+export {
+  e as ReactContentPagination,
+  a as ReactPagination
+};

package/dist/components/Pagination/vue/VueContentPagination.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueContentPagination.vue_vue_type_script_setup_true_lang-DSQQBA4M.js";
+export {
+  f as default
+};

package/dist/components/Pagination/vue/VueContentPagination.vue.d.ts

@@ -0,0 +1,53 @@
+import { ContentPaginationProps, NavigateEventDetail, ContentNavigationItem } from '../core/ContentPagination';
+
+export type { NavigateEvent, NavigateEventDetail, ContentNavigationItem, } from '../core/ContentPagination';
+export interface VueContentPaginationProps extends Omit<ContentPaginationProps, "onNavigate"> {
+    previous?: ContentNavigationItem;
+    next?: ContentNavigationItem;
+    parent?: ContentNavigationItem;
+    bordered?: boolean;
+}
+declare function __VLS_template(): {
+    "previous-icon"?(_: {}): any;
+    "next-icon"?(_: {}): any;
+    "parent-icon"?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueContentPaginationProps>, {
+    ariaLabel: string;
+    bordered: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    navigate: (detail: NavigateEventDetail) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueContentPaginationProps>, {
+    ariaLabel: string;
+    bordered: boolean;
+}>>> & Readonly<{
+    onNavigate?: ((detail: NavigateEventDetail) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueContentPagination.vue.d.ts.map

package/dist/components/Pagination/vue/VueContentPagination.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueContentPagination.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/vue/VueContentPagination.vue"],"names":[],"mappings":"AAoCA;AAGA,OAAO,2BAA2B,CAAC;AACnC,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAKnC,YAAY,EACV,aAAa,EACb,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,YAAY,CAAC;IAClD,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6CD,iBAAS,cAAc;6BAqGe,GAAG;yBACP,GAAG;2BACD,GAAG;EAGtC;AAYD,QAAA,MAAM,eAAe;;;;;;;;;;;;cApKR,OAAO;4EA2KlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Pagination/vue/VuePagination.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VuePagination.vue_vue_type_script_setup_true_lang-Bbf1X690.js";
+export {
+  f as default
+};