@editora/ui-core 0.1.9 → 0.1.10

package/dist/overlayManager-86454af7.mjs

@@ -0,0 +1,58 @@
+import { a as i, r as c } from "./scroll-lock-9de6d328.mjs";
+const r = {
+  // Keep manager-driven overlays above dialog/drawer defaults (1200/1201).
+  baseZ: 1300,
+  stack: [],
+  _lockCount: 0,
+  register(t) {
+    if (!t)
+      return;
+    const s = this.stack.indexOf(t);
+    s !== -1 && this.stack.splice(s, 1), this.stack.push(t), this.reassignZ();
+  },
+  unregister(t) {
+    const s = this.stack.indexOf(t);
+    s !== -1 && (this.stack.splice(s, 1), this.reassignZ());
+  },
+  bringToFront(t) {
+    this.register(t);
+  },
+  top() {
+    return this.stack.length ? this.stack[this.stack.length - 1] : null;
+  },
+  /*
+    Lock-count API
+    - acquireLock(): increments a lock counter and applies scroll-lock when transitioning 0->1
+    - releaseLock(): decrements (never below 0) and removes scroll-lock when reaching 0
+    - lockCount(): returns current count
+    - lockScroll()/unlockScroll() remain for backwards compat and delegate to the lock-count methods
+  */
+  acquireLock() {
+    this._lockCount = Math.max(0, (this._lockCount || 0) + 1), i();
+  },
+  releaseLock() {
+    this._lockCount = Math.max(0, (this._lockCount || 0) - 1), c();
+  },
+  lockCount() {
+    return this._lockCount || 0;
+  },
+  // backwards-compatible aliases
+  lockScroll() {
+    this.acquireLock();
+  },
+  unlockScroll() {
+    this.releaseLock();
+  },
+  reassignZ() {
+    for (let t = 0; t < this.stack.length; t++) {
+      const s = this.stack[t];
+      try {
+        s.style.zIndex = String(this.baseZ + t + 1);
+      } catch {
+      }
+    }
+  }
+};
+export {
+  r as O
+};

package/dist/overlayManager-ece06517.js

@@ -0,0 +1 @@
+"use strict";const c=require("./scroll-lock-48793569.js"),i={baseZ:1300,stack:[],_lockCount:0,register(t){if(!t)return;const s=this.stack.indexOf(t);s!==-1&&this.stack.splice(s,1),this.stack.push(t),this.reassignZ()},unregister(t){const s=this.stack.indexOf(t);s!==-1&&(this.stack.splice(s,1),this.reassignZ())},bringToFront(t){this.register(t)},top(){return this.stack.length?this.stack[this.stack.length-1]:null},acquireLock(){this._lockCount=Math.max(0,(this._lockCount||0)+1),c.acquireBodyScrollLock()},releaseLock(){this._lockCount=Math.max(0,(this._lockCount||0)-1),c.releaseBodyScrollLock()},lockCount(){return this._lockCount||0},lockScroll(){this.acquireLock()},unlockScroll(){this.releaseLock()},reassignZ(){for(let t=0;t<this.stack.length;t++){const s=this.stack[t];try{s.style.zIndex=String(this.baseZ+t+1)}catch{}}}};exports.OverlayManager=i;

package/dist/pagination.cjs.js

@@ -0,0 +1,201 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-1b301e7f.js"),s=`
+  :host {
+    display: inline-flex;
+    max-width: 100%;
+    --ui-pagination-gap: 6px;
+    --ui-pagination-radius: 10px;
+    --ui-pagination-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    --ui-pagination-item-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
+    --ui-pagination-item-bg-hover: color-mix(in srgb, var(--ui-color-primary, #2563eb) 12%, transparent);
+    --ui-pagination-active-bg: var(--ui-color-primary, #2563eb);
+    --ui-pagination-active-color: #ffffff;
+    --ui-pagination-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
+    --ui-pagination-color: var(--ui-color-text, #0f172a);
+    --ui-pagination-muted: var(--ui-color-muted, #64748b);
+    --ui-pagination-padding: 6px 11px;
+    --ui-pagination-font-size: 13px;
+    --ui-pagination-shadow: none;
+    color-scheme: light dark;
+  }
+
+  .pagination {
+    max-width: 100%;
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--ui-pagination-gap);
+    padding: 6px;
+    border: 1px solid var(--ui-pagination-border);
+    border-radius: calc(var(--ui-pagination-radius) + 2px);
+    background: var(--ui-pagination-bg);
+    box-shadow: var(--ui-pagination-shadow);
+  }
+
+  .ellipsis {
+    color: var(--ui-pagination-muted);
+    font-size: var(--ui-pagination-font-size);
+    line-height: 1;
+    padding: 0 3px;
+  }
+
+  button {
+    padding: var(--ui-pagination-padding);
+    border-radius: var(--ui-pagination-radius);
+    border: 1px solid var(--ui-pagination-border);
+    background: var(--ui-pagination-item-bg);
+    color: var(--ui-pagination-color);
+    font-size: var(--ui-pagination-font-size);
+    font-weight: 600;
+    line-height: 1.2;
+    box-sizing: border-box;
+    min-width: 34px;
+    cursor: pointer;
+    transition: border-color 130ms ease, background-color 130ms ease, color 130ms ease, transform 130ms ease;
+  }
+
+  button:hover:not(:disabled) {
+    background: var(--ui-pagination-item-bg-hover);
+    border-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 34%, var(--ui-pagination-border));
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--ui-color-focus-ring, #2563eb);
+    outline-offset: 1px;
+  }
+
+  button[aria-current="page"] {
+    background: var(--ui-pagination-active-bg);
+    color: var(--ui-pagination-active-color);
+    border-color: var(--ui-pagination-active-bg);
+  }
+
+  button:disabled {
+    opacity: 0.46;
+    cursor: not-allowed;
+  }
+
+  :host([size="sm"]) {
+    --ui-pagination-gap: 4px;
+    --ui-pagination-radius: 8px;
+    --ui-pagination-padding: 4px 8px;
+    --ui-pagination-font-size: 12px;
+  }
+
+  :host([size="lg"]) {
+    --ui-pagination-gap: 8px;
+    --ui-pagination-radius: 12px;
+    --ui-pagination-padding: 7px 13px;
+    --ui-pagination-font-size: 14px;
+  }
+
+  :host([variant="classic"]) .pagination {
+    background: var(--ui-pagination-bg);
+  }
+
+  :host([variant="flat"]) .pagination,
+  :host([variant="minimal"]) .pagination {
+    border-color: transparent;
+    background: transparent;
+    box-shadow: none;
+    padding: 0;
+  }
+
+  :host([variant="flat"]) button,
+  :host([variant="minimal"]) button {
+    border-color: transparent;
+    background: transparent;
+    box-shadow: none;
+    min-width: 30px;
+  }
+
+  :host([variant="flat"]) button:hover:not(:disabled),
+  :host([variant="minimal"]) button:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--ui-color-primary, #2563eb) 10%, transparent);
+    border-color: transparent;
+  }
+
+  :host([variant="flat"]) button[aria-current="page"],
+  :host([variant="minimal"]) button[aria-current="page"] {
+    background: color-mix(in srgb, var(--ui-color-primary, #2563eb) 16%, transparent);
+    color: var(--ui-color-primary, #2563eb);
+    border-color: transparent;
+  }
+
+  :host([variant="outline"]) .pagination {
+    background: transparent;
+    border-color: var(--ui-pagination-border);
+    box-shadow: none;
+  }
+
+  :host([variant="outline"]) button {
+    background: var(--ui-color-surface, #ffffff);
+    border-color: var(--ui-pagination-border);
+  }
+
+  :host([variant="outline"]) button[aria-current="page"] {
+    background: color-mix(in srgb, var(--ui-color-primary, #2563eb) 10%, var(--ui-color-surface, #ffffff));
+    color: var(--ui-color-primary, #2563eb);
+    border-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 45%, var(--ui-pagination-border));
+  }
+
+  :host([variant="solid"]),
+  :host([variant="contrast"]) {
+    --ui-pagination-bg: #0f172a;
+    --ui-pagination-item-bg: #111827;
+    --ui-pagination-item-bg-hover: #1f2937;
+    --ui-pagination-border: #334155;
+    --ui-pagination-color: #e2e8f0;
+    --ui-pagination-muted: #93a4bd;
+    --ui-pagination-active-bg: #93c5fd;
+    --ui-pagination-active-color: #0f172a;
+    --ui-pagination-shadow: none;
+  }
+
+  :host([variant="solid"]) .pagination,
+  :host([variant="contrast"]) .pagination {
+    padding: 8px;
+  }
+
+  :host([variant="solid"]) button,
+  :host([variant="contrast"]) button {
+    border-color: transparent;
+  }
+
+  :host([headless]) .pagination { display: none; }
+
+  @media (prefers-reduced-motion: reduce) {
+    button {
+      transition: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    .pagination {
+      border-width: 2px;
+      box-shadow: none;
+    }
+
+    button {
+      border-width: 2px;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-pagination-bg: Canvas;
+      --ui-pagination-item-bg: Canvas;
+      --ui-pagination-item-bg-hover: Highlight;
+      --ui-pagination-border: CanvasText;
+      --ui-pagination-color: CanvasText;
+      --ui-pagination-muted: CanvasText;
+      --ui-pagination-active-bg: Highlight;
+      --ui-pagination-active-color: HighlightText;
+      --ui-pagination-shadow: none;
+    }
+  }
+`;class e extends r.ElementBase{constructor(){super(),this._page=1,this._count=1,this._headless=!1,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["page","count","headless","variant","size","aria-label"]}get page(){return this._page}set page(t){this.goToPage(t)}get count(){return this._count}set count(t){const a=Math.max(1,Number(t)||1);this.setAttribute("count",String(a)),this._page>a&&this.setAttribute("page",String(a))}attributeChangedCallback(t,a,i){(t==="page"||t==="count"||t==="headless")&&(this._page=Math.max(1,Number(this.getAttribute("page"))||1),this._count=Math.max(1,Number(this.getAttribute("count"))||1),this._headless=this.hasAttribute("headless"),this._page>this._count&&(this._page=this._count)),this.requestRender()}render(){if(this._headless){this.setContent("");return}let t="";t+=`<button type="button" data-page="1" aria-label="First" ${this._page===1?"disabled":""}>&laquo;</button>`,t+=`<button type="button" data-page="${this._page-1}" aria-label="Previous" ${this._page===1?"disabled":""}>&lsaquo;</button>`;const a=this._getPageRange(this._page,this._count);a[0]>1&&(t+='<button type="button" data-page="1">1</button>',a[0]>2&&(t+='<span class="ellipsis" aria-hidden="true">…</span>'));for(let n=a[0];n<=a[1];n++)t+=`<button type="button" data-page="${n}" ${n===this._page?'aria-current="page"':""}>${n}</button>`;a[1]<this._count&&(a[1]<this._count-1&&(t+='<span class="ellipsis" aria-hidden="true">…</span>'),t+=`<button type="button" data-page="${this._count}">${this._count}</button>`),t+=`<button type="button" data-page="${this._page+1}" aria-label="Next" ${this._page===this._count?"disabled":""}>&rsaquo;</button>`,t+=`<button type="button" data-page="${this._count}" aria-label="Last" ${this._page===this._count?"disabled":""}>&raquo;</button>`,this.setContent(`
+      <style>${s}</style>
+      <nav class="pagination" role="navigation" aria-label="${this.getAttribute("aria-label")||"Pagination"}" tabindex="0">
+        ${t}
+      </nav>
+    `);const i=this.root.querySelector(".pagination");i&&(i.removeEventListener("click",this._onClick),i.addEventListener("click",this._onClick),i.removeEventListener("keydown",this._onKeyDown),i.addEventListener("keydown",this._onKeyDown))}goToPage(t){const a=Math.max(1,Math.min(this._count,Number(t)||1));a!==this._page&&this._applyPageChange(a)}nextPage(){this.goToPage(this._page+1)}prevPage(){this.goToPage(this._page-1)}firstPage(){this.goToPage(1)}lastPage(){this.goToPage(this._count)}focusCurrent(){const t=this.root.querySelector('button[aria-current="page"]');t==null||t.focus()}_getPageRange(t,a){return a<=5?[1,a]:t<=3?[1,5]:t>=a-2?[a-4,a]:[t-2,t+2]}_onClick(t){const a=t.target.closest("button[data-page]");if(!a||a.hasAttribute("disabled"))return;const i=Number(a.getAttribute("data-page"));isNaN(i)||i<1||i>this._count||i===this._page||this._applyPageChange(i)}_onKeyDown(t){const a=this.root.querySelector(".pagination");if(!a)return;const i=Array.from(a.querySelectorAll("button:not(:disabled)")),n=this.root.activeElement;let o=i.indexOf(n);t.key==="ArrowRight"||t.key==="ArrowDown"?(o=(o+1)%i.length,i[o].focus(),t.preventDefault()):t.key==="ArrowLeft"||t.key==="ArrowUp"?(o=(o-1+i.length)%i.length,i[o].focus(),t.preventDefault()):t.key==="Home"?(i[0].focus(),t.preventDefault()):t.key==="End"&&(i[i.length-1].focus(),t.preventDefault())}_applyPageChange(t){const a=this._page,i=Math.max(1,Math.min(this._count,Number(t)||1));if(i===a)return;const n=i===1&&a!==1?"first":i===this._count&&a!==this._count?"last":i===a-1?"prev":i===a+1?"next":"change";this.setAttribute("page",String(i));const o={page:i,previousPage:a,count:this._count,reason:n};this.dispatchEvent(new CustomEvent(n,{detail:o,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0}))}}typeof customElements<"u"&&!customElements.get("ui-pagination")&&customElements.define("ui-pagination",e);exports.UIPagination=e;

package/dist/pagination.esm.js

@@ -0,0 +1,297 @@
+import { E as e } from "./ElementBase-909688f3.mjs";
+const r = `
+  :host {
+    display: inline-flex;
+    max-width: 100%;
+    --ui-pagination-gap: 6px;
+    --ui-pagination-radius: 10px;
+    --ui-pagination-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
+    --ui-pagination-item-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
+    --ui-pagination-item-bg-hover: color-mix(in srgb, var(--ui-color-primary, #2563eb) 12%, transparent);
+    --ui-pagination-active-bg: var(--ui-color-primary, #2563eb);
+    --ui-pagination-active-color: #ffffff;
+    --ui-pagination-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
+    --ui-pagination-color: var(--ui-color-text, #0f172a);
+    --ui-pagination-muted: var(--ui-color-muted, #64748b);
+    --ui-pagination-padding: 6px 11px;
+    --ui-pagination-font-size: 13px;
+    --ui-pagination-shadow: none;
+    color-scheme: light dark;
+  }
+
+  .pagination {
+    max-width: 100%;
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--ui-pagination-gap);
+    padding: 6px;
+    border: 1px solid var(--ui-pagination-border);
+    border-radius: calc(var(--ui-pagination-radius) + 2px);
+    background: var(--ui-pagination-bg);
+    box-shadow: var(--ui-pagination-shadow);
+  }
+
+  .ellipsis {
+    color: var(--ui-pagination-muted);
+    font-size: var(--ui-pagination-font-size);
+    line-height: 1;
+    padding: 0 3px;
+  }
+
+  button {
+    padding: var(--ui-pagination-padding);
+    border-radius: var(--ui-pagination-radius);
+    border: 1px solid var(--ui-pagination-border);
+    background: var(--ui-pagination-item-bg);
+    color: var(--ui-pagination-color);
+    font-size: var(--ui-pagination-font-size);
+    font-weight: 600;
+    line-height: 1.2;
+    box-sizing: border-box;
+    min-width: 34px;
+    cursor: pointer;
+    transition: border-color 130ms ease, background-color 130ms ease, color 130ms ease, transform 130ms ease;
+  }
+
+  button:hover:not(:disabled) {
+    background: var(--ui-pagination-item-bg-hover);
+    border-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 34%, var(--ui-pagination-border));
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--ui-color-focus-ring, #2563eb);
+    outline-offset: 1px;
+  }
+
+  button[aria-current="page"] {
+    background: var(--ui-pagination-active-bg);
+    color: var(--ui-pagination-active-color);
+    border-color: var(--ui-pagination-active-bg);
+  }
+
+  button:disabled {
+    opacity: 0.46;
+    cursor: not-allowed;
+  }
+
+  :host([size="sm"]) {
+    --ui-pagination-gap: 4px;
+    --ui-pagination-radius: 8px;
+    --ui-pagination-padding: 4px 8px;
+    --ui-pagination-font-size: 12px;
+  }
+
+  :host([size="lg"]) {
+    --ui-pagination-gap: 8px;
+    --ui-pagination-radius: 12px;
+    --ui-pagination-padding: 7px 13px;
+    --ui-pagination-font-size: 14px;
+  }
+
+  :host([variant="classic"]) .pagination {
+    background: var(--ui-pagination-bg);
+  }
+
+  :host([variant="flat"]) .pagination,
+  :host([variant="minimal"]) .pagination {
+    border-color: transparent;
+    background: transparent;
+    box-shadow: none;
+    padding: 0;
+  }
+
+  :host([variant="flat"]) button,
+  :host([variant="minimal"]) button {
+    border-color: transparent;
+    background: transparent;
+    box-shadow: none;
+    min-width: 30px;
+  }
+
+  :host([variant="flat"]) button:hover:not(:disabled),
+  :host([variant="minimal"]) button:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--ui-color-primary, #2563eb) 10%, transparent);
+    border-color: transparent;
+  }
+
+  :host([variant="flat"]) button[aria-current="page"],
+  :host([variant="minimal"]) button[aria-current="page"] {
+    background: color-mix(in srgb, var(--ui-color-primary, #2563eb) 16%, transparent);
+    color: var(--ui-color-primary, #2563eb);
+    border-color: transparent;
+  }
+
+  :host([variant="outline"]) .pagination {
+    background: transparent;
+    border-color: var(--ui-pagination-border);
+    box-shadow: none;
+  }
+
+  :host([variant="outline"]) button {
+    background: var(--ui-color-surface, #ffffff);
+    border-color: var(--ui-pagination-border);
+  }
+
+  :host([variant="outline"]) button[aria-current="page"] {
+    background: color-mix(in srgb, var(--ui-color-primary, #2563eb) 10%, var(--ui-color-surface, #ffffff));
+    color: var(--ui-color-primary, #2563eb);
+    border-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 45%, var(--ui-pagination-border));
+  }
+
+  :host([variant="solid"]),
+  :host([variant="contrast"]) {
+    --ui-pagination-bg: #0f172a;
+    --ui-pagination-item-bg: #111827;
+    --ui-pagination-item-bg-hover: #1f2937;
+    --ui-pagination-border: #334155;
+    --ui-pagination-color: #e2e8f0;
+    --ui-pagination-muted: #93a4bd;
+    --ui-pagination-active-bg: #93c5fd;
+    --ui-pagination-active-color: #0f172a;
+    --ui-pagination-shadow: none;
+  }
+
+  :host([variant="solid"]) .pagination,
+  :host([variant="contrast"]) .pagination {
+    padding: 8px;
+  }
+
+  :host([variant="solid"]) button,
+  :host([variant="contrast"]) button {
+    border-color: transparent;
+  }
+
+  :host([headless]) .pagination { display: none; }
+
+  @media (prefers-reduced-motion: reduce) {
+    button {
+      transition: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    .pagination {
+      border-width: 2px;
+      box-shadow: none;
+    }
+
+    button {
+      border-width: 2px;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-pagination-bg: Canvas;
+      --ui-pagination-item-bg: Canvas;
+      --ui-pagination-item-bg-hover: Highlight;
+      --ui-pagination-border: CanvasText;
+      --ui-pagination-color: CanvasText;
+      --ui-pagination-muted: CanvasText;
+      --ui-pagination-active-bg: Highlight;
+      --ui-pagination-active-color: HighlightText;
+      --ui-pagination-shadow: none;
+    }
+  }
+`;
+class s extends e {
+  constructor() {
+    super(), this._page = 1, this._count = 1, this._headless = !1, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this);
+  }
+  static get observedAttributes() {
+    return ["page", "count", "headless", "variant", "size", "aria-label"];
+  }
+  get page() {
+    return this._page;
+  }
+  set page(t) {
+    this.goToPage(t);
+  }
+  get count() {
+    return this._count;
+  }
+  set count(t) {
+    const a = Math.max(1, Number(t) || 1);
+    this.setAttribute("count", String(a)), this._page > a && this.setAttribute("page", String(a));
+  }
+  attributeChangedCallback(t, a, i) {
+    (t === "page" || t === "count" || t === "headless") && (this._page = Math.max(1, Number(this.getAttribute("page")) || 1), this._count = Math.max(1, Number(this.getAttribute("count")) || 1), this._headless = this.hasAttribute("headless"), this._page > this._count && (this._page = this._count)), this.requestRender();
+  }
+  render() {
+    if (this._headless) {
+      this.setContent("");
+      return;
+    }
+    let t = "";
+    t += `<button type="button" data-page="1" aria-label="First" ${this._page === 1 ? "disabled" : ""}>&laquo;</button>`, t += `<button type="button" data-page="${this._page - 1}" aria-label="Previous" ${this._page === 1 ? "disabled" : ""}>&lsaquo;</button>`;
+    const a = this._getPageRange(this._page, this._count);
+    a[0] > 1 && (t += '<button type="button" data-page="1">1</button>', a[0] > 2 && (t += '<span class="ellipsis" aria-hidden="true">…</span>'));
+    for (let o = a[0]; o <= a[1]; o++)
+      t += `<button type="button" data-page="${o}" ${o === this._page ? 'aria-current="page"' : ""}>${o}</button>`;
+    a[1] < this._count && (a[1] < this._count - 1 && (t += '<span class="ellipsis" aria-hidden="true">…</span>'), t += `<button type="button" data-page="${this._count}">${this._count}</button>`), t += `<button type="button" data-page="${this._page + 1}" aria-label="Next" ${this._page === this._count ? "disabled" : ""}>&rsaquo;</button>`, t += `<button type="button" data-page="${this._count}" aria-label="Last" ${this._page === this._count ? "disabled" : ""}>&raquo;</button>`, this.setContent(`
+      <style>${r}</style>
+      <nav class="pagination" role="navigation" aria-label="${this.getAttribute("aria-label") || "Pagination"}" tabindex="0">
+        ${t}
+      </nav>
+    `);
+    const i = this.root.querySelector(".pagination");
+    i && (i.removeEventListener("click", this._onClick), i.addEventListener("click", this._onClick), i.removeEventListener("keydown", this._onKeyDown), i.addEventListener("keydown", this._onKeyDown));
+  }
+  goToPage(t) {
+    const a = Math.max(1, Math.min(this._count, Number(t) || 1));
+    a !== this._page && this._applyPageChange(a);
+  }
+  nextPage() {
+    this.goToPage(this._page + 1);
+  }
+  prevPage() {
+    this.goToPage(this._page - 1);
+  }
+  firstPage() {
+    this.goToPage(1);
+  }
+  lastPage() {
+    this.goToPage(this._count);
+  }
+  focusCurrent() {
+    const t = this.root.querySelector('button[aria-current="page"]');
+    t == null || t.focus();
+  }
+  _getPageRange(t, a) {
+    return a <= 5 ? [1, a] : t <= 3 ? [1, 5] : t >= a - 2 ? [a - 4, a] : [t - 2, t + 2];
+  }
+  _onClick(t) {
+    const a = t.target.closest("button[data-page]");
+    if (!a || a.hasAttribute("disabled"))
+      return;
+    const i = Number(a.getAttribute("data-page"));
+    isNaN(i) || i < 1 || i > this._count || i === this._page || this._applyPageChange(i);
+  }
+  _onKeyDown(t) {
+    const a = this.root.querySelector(".pagination");
+    if (!a)
+      return;
+    const i = Array.from(a.querySelectorAll("button:not(:disabled)")), o = this.root.activeElement;
+    let n = i.indexOf(o);
+    t.key === "ArrowRight" || t.key === "ArrowDown" ? (n = (n + 1) % i.length, i[n].focus(), t.preventDefault()) : t.key === "ArrowLeft" || t.key === "ArrowUp" ? (n = (n - 1 + i.length) % i.length, i[n].focus(), t.preventDefault()) : t.key === "Home" ? (i[0].focus(), t.preventDefault()) : t.key === "End" && (i[i.length - 1].focus(), t.preventDefault());
+  }
+  _applyPageChange(t) {
+    const a = this._page, i = Math.max(1, Math.min(this._count, Number(t) || 1));
+    if (i === a)
+      return;
+    const o = i === 1 && a !== 1 ? "first" : i === this._count && a !== this._count ? "last" : i === a - 1 ? "prev" : i === a + 1 ? "next" : "change";
+    this.setAttribute("page", String(i));
+    const n = {
+      page: i,
+      previousPage: a,
+      count: this._count,
+      reason: o
+    };
+    this.dispatchEvent(new CustomEvent(o, { detail: n, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: n, bubbles: !0, composed: !0 }));
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-pagination") && customElements.define("ui-pagination", s);
+export {
+  s as UIPagination
+};

package/dist/panel-group-40254cdd.js

@@ -0,0 +1,36 @@
+"use strict";const P=require("./ElementBase-1b301e7f.js"),y=require("./panel.cjs.js"),b=require("./splitter.cjs.js");function f(o,e,t){return Math.min(t,Math.max(e,o))}function x(o){return Math.round(o*1e3)/1e3}function v(o){if(o.collapsed){const i=f(o.collapsedSize,0,100);return{min:i,max:i}}const e=f(o.min,0,100),t=f(Math.max(e,o.max),e,100);return{min:e,max:t}}function p(o,e=[]){if(!o.length)return[];const t=o.map((l,c)=>{const d=e[c],{min:h,max:_}=v(l);return Number.isFinite(d)?f(Number(d),h,_):l.collapsed?h:NaN}),i=t.reduce((l,c,d)=>(Number.isFinite(c)||l.push(d),l),[]),n=t.reduce((l,c)=>l+(Number.isFinite(c)?c:0),0),s=Math.max(0,100-n),r=i.length?s/i.length:0;i.forEach(l=>{const{min:c,max:d}=v(o[l]);t[l]=f(r,c,d)});let a=t.reduce((l,c)=>l+c,0),u=x(100-a),m=0;for(;Math.abs(u)>.001&&m<30;){const l=o.reduce((h,_,g)=>{const{min:w,max:S}=v(_);return u>0&&t[g]<S-.001&&h.push(g),u<0&&t[g]>w+.001&&h.push(g),h},[]);if(!l.length)break;const c=u/l.length;let d=0;if(l.forEach(h=>{const{min:_,max:g}=v(o[h]),w=t[h],S=f(w+c,_,g);t[h]=x(S),d+=t[h]-w}),a=t.reduce((h,_)=>h+_,0),u=x(100-a),Math.abs(d)<.001)break;m+=1}return t.map(l=>x(l))}function L(o,e,t,i){const n=t,s=t+1;if(n<0||s>=o.length)return[...o];const r=[...o],a=r[n],u=r[s],m=v(e[n]),l=v(e[s]),c=Math.max(m.min-a,u-l.max),d=Math.min(m.max-a,u-l.min),h=f(i,c,d);return r[n]=x(a+h),r[s]=x(u-h),r}const E=`
+  :host {
+    display: block;
+    min-inline-size: 0;
+    min-block-size: 0;
+    --ui-panel-group-gap: 0px;
+  }
+
+  .group {
+    inline-size: 100%;
+    block-size: 100%;
+    min-inline-size: 0;
+    min-block-size: 0;
+    display: flex;
+    gap: var(--ui-panel-group-gap);
+  }
+
+  :host([orientation="vertical"]) .group {
+    flex-direction: column;
+  }
+
+  slot {
+    display: contents;
+  }
+
+  ::slotted(ui-panel) {
+    min-inline-size: 0;
+    min-block-size: 0;
+    overflow: hidden;
+  }
+`;function z(o,e){const t=Number(o);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):e}class A extends P.ElementBase{constructor(){super(),this._observer=null,this._panels=[],this._splitters=[],this._layout=[],this._initialLayout=[],this._dragState=null,this._isMutatingChildren=!1,this._onMutation=this._onMutation.bind(this),this._onPointerMove=this._onPointerMove.bind(this),this._onPointerUp=this._onPointerUp.bind(this),this._onPointerDown=this._onPointerDown.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["orientation","storage-key","auto-save"]}connectedCallback(){super.connectedCallback(),this.addEventListener("pointerdown",this._onPointerDown),this.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(this._onMutation),this._observer.observe(this,{childList:!0,attributes:!0,subtree:!0}),queueMicrotask(()=>this._syncStructure({restore:!0}))}disconnectedCallback(){var e;this.removeEventListener("pointerdown",this._onPointerDown),this.removeEventListener("keydown",this._onKeyDown),(e=this._observer)==null||e.disconnect(),this._observer=null,this._teardownDrag(),super.disconnectedCallback()}getLayout(){return[...this._layout]}setLayout(e){const t=p(this._constraints(),e);this._applyLayout(t,{persist:!0,emit:!0})}resetLayout(){const e=this._initialLayout.length?this._initialLayout:p(this._constraints(),[]);this._applyLayout(e,{persist:!0,emit:!0})}collapsePanel(e){const t=this._panels.indexOf(e);if(t<0)return;const i=this._constraints(),n=[...this._layout],s=n[t]-i[t].collapsedSize;n[t]=i[t].collapsedSize,this._distributeRemainder(n,t,s),e.setAttribute("collapsed",""),this._applyLayout(p(this._constraints(),n),{persist:!0,emit:!0})}expandPanel(e){const t=this._panels.indexOf(e);if(t<0)return;e.removeAttribute("collapsed");const i=this._constraints(),n=this._layout[t]<=i[t].collapsedSize+.001?p(i,this._initialLayout)[t]:this._layout[t],s=[...this._layout],r=n-s[t];s[t]=n,this._distributeRemainder(s,t,-r),this._applyLayout(p(this._constraints(),s),{persist:!0,emit:!0})}attributeChangedCallback(e,t,i){if(t!==i){if(e==="orientation"){this._syncOrientation(),this._applyLayout(this._layout.length?this._layout:p(this._constraints(),[]),{persist:!1,emit:!1});return}e==="storage-key"||e==="auto-save"||super.attributeChangedCallback(e,t,i)}}_onMutation(e){if(this._isMutatingChildren)return;e.some(i=>i.type==="childList"?!0:i.target instanceof y.UIPanel&&(i.attributeName==="size"||i.attributeName==="min-size"||i.attributeName==="max-size"||i.attributeName==="collapsed-size"||i.attributeName==="collapsed"))&&this._syncStructure({restore:!1})}_orientation(){return this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}_constraints(){return this._panels.map(e=>{const t=e.hasAttribute("collapsed"),i=z(Number(e.getAttribute("collapsed-size")||0),0),n=z(Number(e.getAttribute("min-size")||(t?i:10)),t?i:10),s=z(Number(e.getAttribute("max-size")||100),100);return{min:t?i:Math.min(n,s),max:t?i:Math.max(n,s),collapsedSize:i,collapsed:t}})}_desiredLayout(){const e=this._loadPersistedLayout();return(e==null?void 0:e.length)===this._panels.length?e:this._panels.map(t=>{const i=t.getAttribute("size");if(i==null||i.trim()==="")return NaN;const n=Number(i);return Number.isFinite(n)?n:NaN})}_syncStructure(e){this._syncGeneratedSplitters(),this._panels=Array.from(this.children).filter(n=>n instanceof y.UIPanel),this._splitters=Array.from(this.children).filter(n=>n instanceof b.UISplitter),this._syncOrientation();const t=this._desiredLayout(),i=p(this._constraints(),t);(!this._initialLayout.length||e.restore)&&(this._initialLayout=[...i]),this._applyLayout(i,{persist:!1,emit:!1})}_syncGeneratedSplitters(){const e=Array.from(this.children).filter(t=>t instanceof y.UIPanel);if(!(e.length<=1)){this._isMutatingChildren=!0;try{Array.from(this.children).filter(t=>t instanceof b.UISplitter&&t.hasAttribute("data-generated")).forEach(t=>{const i=t.previousElementSibling,n=t.nextElementSibling;(!(i instanceof y.UIPanel)||!(n instanceof y.UIPanel))&&t.remove()});for(let t=1;t<e.length;t+=1){const i=e[t];let n=i.previousElementSibling;for(;n&&!(n instanceof y.UIPanel||n instanceof b.UISplitter);)n=n.previousElementSibling;if(n instanceof b.UISplitter)continue;const s=document.createElement("ui-splitter");s.setAttribute("data-generated",""),i.before(s)}}finally{this._isMutatingChildren=!1}}}_syncOrientation(){const e=this._orientation();this._splitters.forEach((t,i)=>{t.setAttribute("orientation",e),t.setAttribute("data-index",String(i))})}_applyLayout(e,t){this._layout=[...e];const i=this._orientation(),n=this._constraints();this._panels.forEach((s,r)=>{const a=this._layout[r]??0,u=n[r];s.style.flex=`${a} 1 0px`,i==="horizontal"?(s.style.minWidth=`${u.min}%`,s.style.maxWidth=`${u.max}%`,s.style.minHeight="0",s.style.maxHeight=""):(s.style.minHeight=`${u.min}%`,s.style.maxHeight=`${u.max}%`,s.style.minWidth="0",s.style.maxWidth=""),s.setAttribute("data-panel-size",String(a))}),this._splitters.forEach((s,r)=>{const a=this._layout[r]??0;s.setAttribute("aria-valuemin",String(Math.round(n[r].min))),s.setAttribute("aria-valuemax",String(Math.round(n[r].max))),s.setAttribute("aria-valuenow",String(Math.round(a)))}),t.persist&&this._persistLayout(),t.emit&&this.dispatchEvent(new CustomEvent("layout-change",{detail:{sizes:[...this._layout]},bubbles:!0,composed:!0}))}_availableSize(){const e=this.getBoundingClientRect(),t=this._orientation()==="horizontal"?e.width:e.height,i=this._splitters.reduce((n,s)=>{const r=s.getBoundingClientRect();return n+(this._orientation()==="horizontal"?r.width:r.height)},0);return Math.max(1,t-i)}_persistLayout(){const e=this.getAttribute("storage-key");if(!(!e||!M(this,"auto-save")))try{window.localStorage.setItem(`ui-panel-group:${e}`,JSON.stringify(this._layout))}catch{}}_loadPersistedLayout(){const e=this.getAttribute("storage-key");if(!e)return null;try{const t=window.localStorage.getItem(`ui-panel-group:${e}`);if(!t)return null;const i=JSON.parse(t);return Array.isArray(i)?i.map(n=>Number(n)).filter(Number.isFinite):null}catch{return null}}_distributeRemainder(e,t,i){if(Math.abs(i)<.001)return;const n=e.map((r,a)=>a).filter(r=>r!==t);if(!n.length)return;const s=i/n.length;n.forEach(r=>{e[r]+=s})}_onPointerDown(e){const t=e.composedPath().find(n=>n instanceof b.UISplitter);if(!t||t.hasAttribute("disabled"))return;const i=Number(t.getAttribute("data-index"));Number.isFinite(i)&&(e.preventDefault(),t.setAttribute("data-dragging","true"),this._dragState={splitterIndex:i,pointerId:e.pointerId,origin:this._orientation()==="horizontal"?e.clientX:e.clientY,startLayout:[...this._layout]},window.addEventListener("pointermove",this._onPointerMove),window.addEventListener("pointerup",this._onPointerUp),this.dispatchEvent(new CustomEvent("resize-start",{detail:{index:i},bubbles:!0,composed:!0})))}_onPointerMove(e){if(!this._dragState||e.pointerId!==this._dragState.pointerId)return;const n=((this._orientation()==="horizontal"?e.clientX:e.clientY)-this._dragState.origin)/this._availableSize()*100,s=L(this._dragState.startLayout,this._constraints(),this._dragState.splitterIndex,n);this._applyLayout(s,{persist:!1,emit:!0}),this.dispatchEvent(new CustomEvent("resize",{detail:{index:this._dragState.splitterIndex,sizes:[...this._layout]},bubbles:!0,composed:!0}))}_onPointerUp(e){if(!this._dragState||e.pointerId!==this._dragState.pointerId)return;const t=this._splitters[this._dragState.splitterIndex];t==null||t.removeAttribute("data-dragging"),this._persistLayout(),this.dispatchEvent(new CustomEvent("resize-end",{detail:{index:this._dragState.splitterIndex,sizes:[...this._layout]},bubbles:!0,composed:!0})),this._teardownDrag()}_teardownDrag(){window.removeEventListener("pointermove",this._onPointerMove),window.removeEventListener("pointerup",this._onPointerUp),this._splitters.forEach(e=>e.removeAttribute("data-dragging")),this._dragState=null}_onKeyDown(e){const t=e.composedPath().find(m=>m instanceof b.UISplitter);if(!t||t.hasAttribute("disabled"))return;const i=Number(t.getAttribute("data-index"));if(!Number.isFinite(i))return;const s=this._orientation()==="horizontal",r=e.shiftKey?10:2;let a=0;if((s&&e.key==="ArrowRight"||!s&&e.key==="ArrowDown")&&(a=r),(s&&e.key==="ArrowLeft"||!s&&e.key==="ArrowUp")&&(a=-r),e.key==="Home"&&(a=-100),e.key==="End"&&(a=100),!a)return;e.preventDefault();const u=L(this._layout,this._constraints(),i,a);this._applyLayout(u,{persist:!0,emit:!0}),this.dispatchEvent(new CustomEvent("resize",{detail:{index:i,sizes:[...this._layout]},bubbles:!0,composed:!0}))}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
+      <style>${E}</style>
+      <div class="group" part="group">
+        <slot></slot>
+      </div>
+    `)}}function M(o,e){const t=o.getAttribute(e);if(t==null)return!1;const i=String(t).trim().toLowerCase();return i!=="false"&&i!=="0"}typeof customElements<"u"&&!customElements.get("ui-panel-group")&&customElements.define("ui-panel-group",A);exports.UIPanelGroup=A;exports.normalizePanelLayout=p;exports.resizePanelPair=L;