@bluevolt-tech/lumen 1.3.2

package/dist/components/bv-modal/bv-modal.js

@@ -0,0 +1,104 @@
+// css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-modal/bv-modal.css
+var bv_modal_default = '/* \u2500\u2500 Public theming API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Apps can override per-instance:\n\n   HTML:    <bv-modal style="--bv-modal-width: 600px;">\n   Angular: <bv-modal [style.--bv-modal-bg]="bgColor">\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n:host {\n  --bv-modal-width: 800px;\n  --bv-modal-bg: var(--bv-color-neutral-0);\n  --bv-modal-radius: var(--bv-radius-xl);\n  --bv-modal-title-color: #101828;\n  --bv-modal-backdrop: rgba(16, 24, 40, 0.6);\n  --bv-modal-body-max-height: none;\n}\n\ndialog {\n  padding: 0;\n  border: none;\n  border-radius: var(--bv-modal-radius);\n  background: transparent;\n  width: var(--bv-modal-width);\n  max-width: min(var(--bv-modal-width), calc(100vw - 32px));\n  outline: none;\n}\n\ndialog::backdrop {\n  background: var(--bv-modal-backdrop);\n}\n\n.panel {\n  display: flex;\n  width: 100%;\n  padding: 20px 16px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 20px;\n  border-radius: var(--bv-modal-radius);\n  background: var(--bv-modal-bg);\n  box-sizing: border-box;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.header {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.title {\n  margin: 0;\n  color: var(--bv-modal-title-color);\n  font-family: var(--bv-font-family-base);\n  font-size: 24px;\n  font-style: normal;\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 32px;\n}\n\n.close-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  background: none;\n  border: none;\n  border-radius: var(--bv-radius-md);\n  cursor: pointer;\n  color: var(--bv-color-neutral-500);\n  font-size: 18px;\n  line-height: 1;\n  flex-shrink: 0;\n  transition:\n    color var(--bv-transition-fast),\n    background var(--bv-transition-fast);\n}\n\n.close-btn:hover {\n  color: var(--bv-color-neutral-800);\n  background: var(--bv-color-neutral-100);\n}\n\n/* \u2500\u2500 Separator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.separator {\n  width: 100%;\n  border: none;\n  border-top: 1px solid var(--bv-color-neutral-200);\n  margin: 0;\n}\n\n/* \u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.body {\n  width: 100%;\n  max-height: var(--bv-modal-body-max-height);\n  overflow-y: auto;\n  color: var(--bv-color-neutral-600);\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-sm);\n  line-height: 20px;\n}\n\n/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500*/\n\n.footer {\n  width: 100%;\n}\n';
+
+// components/bv-modal/bv-modal.ts
+var BvModal = class extends HTMLElement {
+  static observedAttributes = ["title", "open"];
+  _dialog = null;
+  _titleEl = null;
+  _rendered = false;
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    if (typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype) {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(bv_modal_default);
+      this.shadowRoot.adoptedStyleSheets = [sheet];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._dialog) == null ? void 0 : _a.close();
+  }
+  attributeChangedCallback(name, _old, newVal) {
+    if (!this._rendered) return;
+    if (name === "title" && this._titleEl) {
+      this._titleEl.textContent = newVal ?? "";
+    }
+    if (name === "open") {
+      this._syncOpen();
+    }
+  }
+  _syncOpen() {
+    if (!this._dialog) return;
+    if (this.hasAttribute("open")) {
+      if (!this._dialog.open) this._dialog.showModal();
+    } else {
+      if (this._dialog.open) this._dialog.close();
+    }
+  }
+  _close() {
+    this.removeAttribute("open");
+    this.dispatchEvent(new CustomEvent("bv-close", { bubbles: true, composed: true }));
+  }
+  _render() {
+    if (this._rendered) return;
+    this._rendered = true;
+    const shadow = this.shadowRoot;
+    if (!shadow.adoptedStyleSheets.length) {
+      const style = document.createElement("style");
+      style.textContent = bv_modal_default;
+      shadow.appendChild(style);
+    }
+    const dialog = document.createElement("dialog");
+    this._dialog = dialog;
+    dialog.addEventListener("click", (e) => {
+      if (e.target === dialog) this._close();
+    });
+    dialog.addEventListener("cancel", (e) => {
+      e.preventDefault();
+      this._close();
+    });
+    const panel = document.createElement("div");
+    panel.className = "panel";
+    const header = document.createElement("div");
+    header.className = "header";
+    const titleEl = document.createElement("h2");
+    titleEl.className = "title";
+    titleEl.textContent = this.getAttribute("title") ?? "";
+    this._titleEl = titleEl;
+    const closeBtn = document.createElement("button");
+    closeBtn.className = "close-btn";
+    closeBtn.setAttribute("aria-label", "Close");
+    closeBtn.textContent = "\u2715";
+    closeBtn.addEventListener("click", () => this._close());
+    header.append(titleEl, closeBtn);
+    const separator = document.createElement("hr");
+    separator.className = "separator";
+    const body = document.createElement("div");
+    body.className = "body";
+    body.appendChild(document.createElement("slot"));
+    const footer = document.createElement("div");
+    footer.className = "footer";
+    footer.hidden = true;
+    const footerSlot = document.createElement("slot");
+    footerSlot.name = "footer";
+    footerSlot.addEventListener("slotchange", () => {
+      footer.hidden = footerSlot.assignedNodes().length === 0;
+    });
+    footer.appendChild(footerSlot);
+    panel.append(header, separator, body, footer);
+    dialog.appendChild(panel);
+    shadow.appendChild(dialog);
+    this._syncOpen();
+  }
+};
+if (!customElements.get("bv-modal")) {
+  customElements.define("bv-modal", BvModal);
+}
+export {
+  BvModal
+};

package/dist/components/bv-page-title/bv-page-title.d.ts

@@ -0,0 +1,4 @@
+export declare class BvPageTitle extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+}

package/dist/components/bv-page-title/bv-page-title.js

@@ -0,0 +1,33 @@
+// css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-page-title/bv-page-title.css
+var bv_page_title_default = ":host {\n  display: block;\n}\n\nh1 {\n  margin: 0;\n  font-family: var(--bv-font-family-base);\n  font-size: var(--bv-font-size-2xl);\n  font-weight: var(--bv-font-weight-medium);\n  line-height: 1.2;\n  color: var(--bv-color-neutral-900);\n}\n";
+
+// components/bv-page-title/bv-page-title.ts
+var BvPageTitle = class extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    if ("replaceSync" in CSSStyleSheet.prototype) {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(bv_page_title_default);
+      this.shadowRoot.adoptedStyleSheets = [sheet];
+    }
+  }
+  connectedCallback() {
+    if (this.shadowRoot.childElementCount > (this.shadowRoot.adoptedStyleSheets.length ? 0 : 1))
+      return;
+    if (!this.shadowRoot.adoptedStyleSheets.length) {
+      const s = document.createElement("style");
+      s.textContent = bv_page_title_default;
+      this.shadowRoot.appendChild(s);
+    }
+    const h1 = document.createElement("h1");
+    h1.appendChild(document.createElement("slot"));
+    this.shadowRoot.appendChild(h1);
+  }
+};
+if (!customElements.get("bv-page-title")) {
+  customElements.define("bv-page-title", BvPageTitle);
+}
+export {
+  BvPageTitle
+};

package/dist/components/bv-pagination/bv-pagination.d.ts

@@ -0,0 +1,20 @@
+export declare class BvPagination extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    private _pagesEl;
+    private _prevBtn;
+    private _nextBtn;
+    private _rangeEl;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    get page(): number;
+    get totalPages(): number;
+    get total(): number;
+    get pageSize(): number;
+    get siblings(): number;
+    private _go;
+    private _render;
+    private _update;
+    private _pageRange;
+}

package/dist/components/bv-pagination/bv-pagination.js

@@ -0,0 +1,139 @@
+// css-inline:/home/runner/work/BV_lumen/BV_lumen/components/bv-pagination/bv-pagination.css
+var bv_pagination_default = ":host {\n  display: block;\n}\n\n.wrap {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  font-family: var(--bv-font-family-base);\n}\n\n/* Shared button base */\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: var(--bv-radius-lg);\n  background: transparent;\n  font-family: inherit;\n  font-size: var(--bv-font-size-sm);\n  cursor: pointer;\n  transition:\n    background var(--bv-transition-fast),\n    color var(--bv-transition-fast);\n}\n\n/* Prev / Next buttons */\n.nav-btn {\n  gap: var(--bv-spacing-xs);\n  height: 36px;\n  padding: 0 var(--bv-spacing-sm);\n  border-color: var(--bv-color-neutral-300);\n  background: var(--bv-color-neutral-0);\n  color: var(--bv-color-neutral-700);\n  font-weight: var(--bv-font-weight-semibold);\n  box-shadow: var(--bv-shadow-sm);\n  white-space: nowrap;\n}\n\n.nav-btn:hover:not(:disabled) {\n  background: var(--bv-color-neutral-100);\n}\n\n.nav-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.nav-icon {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n}\n\n/* Page number buttons */\n.pages {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.page-btn {\n  width: 40px;\n  height: 40px;\n  color: var(--bv-color-neutral-600);\n  font-weight: var(--bv-font-weight-medium);\n}\n\n.page-btn:hover:not(.active) {\n  background: var(--bv-color-neutral-100);\n}\n\n.page-btn.active {\n  background: var(--bv-color-neutral-100);\n  color: var(--bv-color-neutral-900);\n  cursor: default;\n}\n\n.ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  font-size: var(--bv-font-size-sm);\n  color: var(--bv-color-neutral-400);\n}\n\n/* Right section */\n.right-section {\n  display: flex;\n  align-items: center;\n  gap: var(--bv-spacing-md);\n}\n\n.range-label {\n  font-size: var(--bv-font-size-sm);\n  font-weight: var(--bv-font-weight-medium);\n  color: var(--bv-color-neutral-600);\n  white-space: nowrap;\n}\n";
+
+// components/bv-pagination/bv-pagination.ts
+var PREV_ICON = `<svg class="nav-icon" viewBox="0 0 20 20" fill="none"><path d="M12.5 15l-5-5 5-5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+var NEXT_ICON = `<svg class="nav-icon" viewBox="0 0 20 20" fill="none"><path d="M7.5 5l5 5-5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+var BvPagination = class extends HTMLElement {
+  static observedAttributes = ["page", "total-pages", "total", "page-size", "siblings"];
+  _rendered = false;
+  _pagesEl = null;
+  _prevBtn = null;
+  _nextBtn = null;
+  _rangeEl = null;
+  constructor() {
+    super();
+    this.attachShadow({ mode: "open" });
+    if ("replaceSync" in CSSStyleSheet.prototype) {
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(bv_pagination_default);
+      this.shadowRoot.adoptedStyleSheets = [sheet];
+    }
+  }
+  connectedCallback() {
+    this._render();
+  }
+  attributeChangedCallback() {
+    if (this._rendered) this._update();
+  }
+  get page() {
+    return parseInt(this.getAttribute("page") ?? "1", 10);
+  }
+  get totalPages() {
+    return parseInt(this.getAttribute("total-pages") ?? "1", 10);
+  }
+  get total() {
+    return parseInt(this.getAttribute("total") ?? "0", 10);
+  }
+  get pageSize() {
+    return parseInt(this.getAttribute("page-size") ?? "20", 10);
+  }
+  get siblings() {
+    return parseInt(this.getAttribute("siblings") ?? "1", 10);
+  }
+  _go(p) {
+    const { page, totalPages } = this;
+    if (p < 1 || p > totalPages || p === page) return;
+    this.setAttribute("page", String(p));
+    this.dispatchEvent(
+      new CustomEvent("bv-page-change", {
+        bubbles: true,
+        composed: true,
+        detail: { page: p }
+      })
+    );
+  }
+  _render() {
+    if (this._rendered) return;
+    this._rendered = true;
+    const shadow = this.shadowRoot;
+    if (!shadow.adoptedStyleSheets.length) {
+      const s = document.createElement("style");
+      s.textContent = bv_pagination_default;
+      shadow.appendChild(s);
+    }
+    const wrap = document.createElement("div");
+    wrap.className = "wrap";
+    const prevBtn = document.createElement("button");
+    prevBtn.className = "btn nav-btn";
+    prevBtn.setAttribute("aria-label", "Previous");
+    prevBtn.innerHTML = `${PREV_ICON}<span class="nav-label">Previous</span>`;
+    prevBtn.addEventListener("click", () => this._go(this.page - 1));
+    this._prevBtn = prevBtn;
+    const pagesEl = document.createElement("div");
+    pagesEl.className = "pages";
+    this._pagesEl = pagesEl;
+    const rightSection = document.createElement("div");
+    rightSection.className = "right-section";
+    const rangeEl = document.createElement("span");
+    rangeEl.className = "range-label";
+    this._rangeEl = rangeEl;
+    const nextBtn = document.createElement("button");
+    nextBtn.className = "btn nav-btn";
+    nextBtn.setAttribute("aria-label", "Next");
+    nextBtn.innerHTML = `<span class="nav-label">Next</span>${NEXT_ICON}`;
+    nextBtn.addEventListener("click", () => this._go(this.page + 1));
+    this._nextBtn = nextBtn;
+    rightSection.append(rangeEl, nextBtn);
+    wrap.append(prevBtn, pagesEl, rightSection);
+    shadow.appendChild(wrap);
+    this._update();
+  }
+  _update() {
+    const { page, totalPages, total, pageSize, siblings } = this;
+    if (this._prevBtn) this._prevBtn.disabled = page <= 1;
+    if (this._nextBtn) this._nextBtn.disabled = page >= totalPages;
+    if (this._rangeEl) {
+      if (total > 0) {
+        const start = (page - 1) * pageSize + 1;
+        const end = Math.min(page * pageSize, total);
+        this._rangeEl.textContent = `${start} - ${end} of ${total}`;
+        this._rangeEl.hidden = false;
+      } else {
+        this._rangeEl.hidden = true;
+      }
+    }
+    if (!this._pagesEl) return;
+    this._pagesEl.innerHTML = "";
+    const pages = this._pageRange(page, totalPages, siblings);
+    let lastPage = 0;
+    for (const p of pages) {
+      if (p - lastPage > 1) {
+        const el = document.createElement("span");
+        el.className = "ellipsis";
+        el.textContent = "\u2026";
+        this._pagesEl.appendChild(el);
+      }
+      const btn = document.createElement("button");
+      btn.className = "btn page-btn" + (p === page ? " active" : "");
+      btn.textContent = String(p);
+      btn.addEventListener("click", () => this._go(p));
+      this._pagesEl.appendChild(btn);
+      lastPage = p;
+    }
+  }
+  _pageRange(current, total, siblings) {
+    const left = Math.max(2, current - siblings);
+    const right = Math.min(total - 1, current + siblings);
+    const pages = [1];
+    for (let i = left; i <= right; i++) pages.push(i);
+    if (total > 1) pages.push(total);
+    return [...new Set(pages)].sort((a, b) => a - b);
+  }
+};
+if (!customElements.get("bv-pagination")) {
+  customElements.define("bv-pagination", BvPagination);
+}
+export {
+  BvPagination
+};

package/dist/components/bv-portal-header/bv-portal-header.d.ts

@@ -0,0 +1,12 @@
+import '../bv-user-row/bv-user-row.ts';
+import '../bv-promo-banner/bv-promo-banner.ts';
+import '../bv-searchbox/bv-searchbox.ts';
+export declare class BvPortalHeader extends HTMLElement {
+    static readonly observedAttributes: string[];
+    private _rendered;
+    private _els;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, _old: string | null, val: string | null): void;
+    private _render;
+}