ooxml-ui 0.20.0 → 0.22.0

package/dist/chrome-controls.d.ts

@@ -1,52 +0,0 @@
-export type OfficeDialogFooterVariant = 'secondary' | 'primary' | 'warning' | 'danger';
-export interface OfficeDialogFooterAction {
-    /** Stable id echoed back in the request event. */
-    id: string;
-    /** Translated label and accessible name. */
-    label: string;
-    variant?: OfficeDialogFooterVariant;
-    /** A registered icon name (for example `trash`, `pencil`, `restore`, `print`, `check`). */
-    icon?: string;
-    disabled?: boolean;
-    /** Work in flight: disabled, `aria-busy` and a spinner. */
-    busy?: boolean;
-    title?: string;
-    /** `start` pins a tertiary action (Remove link, Reset all) to the left edge. */
-    align?: 'start' | 'end';
-    testId?: string;
-}
-export interface OfficeDialogFooterState {
-    actions: readonly OfficeDialogFooterAction[];
-}
-/**
- * `<office-ui-dialog-footer>`: a dialog's action row (Cancel, OK, Apply...). Not a dialog shell.
- * Set `state`; each button emits `office-dialog-footer-request` `{ id }`. Buttons are keyed by
- * action id and patched in place, so focus survives state changes. `focusAction(id)`.
- */
-export declare const defineDialogFooter: import("./registry.js").Definer;
-/** Toasts rendered before the rest collapse into a "+N" count. */
-export declare const OFFICE_TOAST_VISIBLE_LIMIT = 5;
-export interface OfficeToast {
-    readonly id: string;
-    /** Machine-readable code, mirrored to `data-code`. */
-    readonly code?: string;
-    readonly severity: 'info' | 'warning';
-    /** Translated message. */
-    readonly message: string;
-}
-export interface OfficeToastsState {
-    toasts: readonly OfficeToast[];
-    /** Extra toasts a host already trimmed off the list it passes. */
-    overflowCount?: number;
-    labels?: {
-        title?: string;
-        dismissAll?: string;
-        dismiss?: string;
-    };
-}
-/**
- * `<office-ui-toasts>`: a stack of load or compatibility notices. Toasts never auto-hide;
- * dismissal is the host's decision through `office-toasts-request` `{ id: 'dismissAll' }` or
- * `{ id: 'dismiss', toastId }`. The host positions the element. Hidden when empty.
- */
-export declare const defineToasts: import("./registry.js").Definer;

package/dist/chunk-24MMSCKW.js

@@ -1,119 +0,0 @@
-import { definer, attachStyles, controlCss, emit } from './chunk-UEJ4F33J.js';
-import { tok } from './chunk-G3LAGZEW.js';
-
-// src/presence.ts
-function participantsFromAwareness(states, selfId) {
-  const out = [];
-  for (const state of states) {
-    const user = state?.user;
-    const id = String(user?.id ?? state?.clientId ?? "");
-    if (!id || !user?.name) continue;
-    out.push({
-      id,
-      name: user.name,
-      ...user.color ? { color: user.color } : {},
-      ...user.status ? { status: user.status } : {},
-      ...id === selfId || user.self ? { self: true } : {}
-    });
-  }
-  return out;
-}
-var initialsOf = (name) => {
-  const parts = name.trim().split(/\s+/).filter(Boolean);
-  if (parts.length === 0) return "?";
-  const first = [...parts[0] ?? ""][0] ?? "?";
-  const last = parts.length > 1 ? [...parts[parts.length - 1] ?? ""][0] ?? "" : "";
-  return (first + last).toUpperCase();
-};
-var CSS = `
-:host { display: inline-flex; align-items: center; }
-ul { display: flex; margin: 0; padding: 0; list-style: none; }
-li { margin-inline-start: calc(-1 * ${tok("--office-space-1-5")}); }
-li:first-child { margin-inline-start: 0; }
-button, .more { box-sizing: border-box; display: inline-grid; place-items: center;
-	width: ${tok("--office-target-size")}; height: ${tok("--office-target-size")}; padding: 0; border-radius: 50%;
-	border: ${tok("--office-border-width-thick")} solid ${tok("--office-avatar-color")}; background: ${tok("--office-surface")};
-	color: ${tok("--office-foreground")}; font: 600 ${tok("--office-font-size-xs")} ${tok("--office-font")}; cursor: pointer; }
-.more { cursor: default; border-color: ${tok("--office-border")}; }
-button:focus-visible { outline: ${tok("--office-focus-width")} solid ${tok("--office-ring")}; outline-offset: calc(${tok("--office-focus-offset")} / 2); z-index: 1; }
-button[data-status="idle"] { opacity: .7; }
-button[data-status="away"] { opacity: .45; border-style: dashed; }
-@media (forced-colors: active) {
-	button, .more { border-color: CanvasText; background: Canvas; color: CanvasText; }
-	button:focus-visible { outline-color: Highlight; }
-}
-`;
-var definePresence = definer("office-ui-presence", () => {
-  class OfficeUiPresence extends HTMLElement {
-    static observedAttributes = ["max", "label"];
-    people = [];
-    list;
-    constructor() {
-      super();
-      const root = this.attachShadow({ mode: "open" });
-      attachStyles(root, controlCss(CSS));
-      this.list = this.ownerDocument.createElement("ul");
-      this.list.setAttribute("role", "list");
-      root.append(this.list);
-    }
-    connectedCallback() {
-      this.render();
-    }
-    attributeChangedCallback() {
-      this.render();
-    }
-    get participants() {
-      return this.people;
-    }
-    set participants(next) {
-      this.people = [...next].sort((a, b) => Number(Boolean(b.self)) - Number(Boolean(a.self)));
-      this.render();
-    }
-    get max() {
-      const n = Number(this.getAttribute("max") ?? 4);
-      return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 4;
-    }
-    render() {
-      const doc = this.ownerDocument;
-      this.setAttribute("role", "group");
-      this.setAttribute(
-        "aria-label",
-        this.getAttribute("label") ?? `${this.people.length} collaborators`
-      );
-      const shown = this.people.slice(0, this.max);
-      const items = shown.map((person) => {
-        const li = doc.createElement("li");
-        const button = doc.createElement("button");
-        button.type = "button";
-        button.textContent = initialsOf(person.name);
-        button.dataset.id = person.id;
-        button.dataset.status = person.status ?? "active";
-        if (person.color) button.style.setProperty("--office-avatar-color", person.color);
-        const status = person.status && person.status !== "active" ? `, ${person.status}` : "";
-        button.setAttribute("aria-label", `${person.name}${person.self ? " (you)" : ""}${status}`);
-        button.title = person.name;
-        button.addEventListener(
-          "click",
-          () => emit(this, "office-presence-select", { id: person.id })
-        );
-        li.append(button);
-        return li;
-      });
-      const hidden = this.people.length - shown.length;
-      if (hidden > 0) {
-        const li = doc.createElement("li");
-        const chip = doc.createElement("span");
-        chip.className = "more";
-        chip.textContent = `+${hidden}`;
-        chip.title = this.people.slice(shown.length).map((p) => p.name).join(", ");
-        chip.setAttribute("aria-label", `${hidden} more: ${chip.title}`);
-        li.append(chip);
-        items.push(li);
-      }
-      this.list.replaceChildren(...items);
-    }
-  }
-  return OfficeUiPresence;
-});
-
-export { definePresence, initialsOf, participantsFromAwareness };

package/dist/chunk-UEJ4F33J.js

@@ -1,78 +0,0 @@
-import { TOUCH, tok } from './chunk-G3LAGZEW.js';
-
-// src/registry.ts
-var CONTRACT_REVISION = 1;
-var CONTRACT_KEY = /* @__PURE__ */ Symbol.for("office-ui.web-control-contract");
-function assertContract(registry, tag) {
-  const revision = registry.get(tag)?.[CONTRACT_KEY];
-  if (revision !== void 0 && revision !== CONTRACT_REVISION) {
-    throw new Error(
-      `Incompatible ${tag} contract (${revision}; expected ${CONTRACT_REVISION}). Load one version of ooxml-ui per window.`
-    );
-  }
-}
-function defineOnce(registry, tag, make) {
-  assertContract(registry, tag);
-  if (registry.get(tag)) return;
-  const ctor = make();
-  Object.defineProperty(ctor, CONTRACT_KEY, { value: CONTRACT_REVISION });
-  registry.define(tag, ctor);
-}
-function browserRegistry() {
-  return typeof window === "undefined" ? void 0 : window.customElements;
-}
-function definer(tag, make) {
-  const define = (registry = browserRegistry()) => {
-    if (registry) defineOnce(registry, tag, make);
-  };
-  return Object.assign(define, { tag });
-}
-function emit(host, type, detail, cancelable = false) {
-  return host.dispatchEvent(
-    new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable })
-  );
-}
-function present(value) {
-  return value === "" || Boolean(value);
-}
-
-// src/styles.ts
-var sheetsByDocument = /* @__PURE__ */ new WeakMap();
-function attachStyles(root, css) {
-  const doc = root.host.ownerDocument;
-  const Sheet = doc.defaultView?.CSSStyleSheet;
-  if (Sheet && "adoptedStyleSheets" in root && "replaceSync" in Sheet.prototype) {
-    try {
-      let sheets = sheetsByDocument.get(doc);
-      if (!sheets) {
-        sheets = /* @__PURE__ */ new Map();
-        sheetsByDocument.set(doc, sheets);
-      }
-      let sheet = sheets.get(css);
-      if (!sheet) {
-        sheet = new Sheet();
-        sheet.replaceSync(css);
-        sheets.set(css, sheet);
-      }
-      root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
-      return;
-    } catch {
-    }
-  }
-  const style = doc.createElement("style");
-  style.textContent = css;
-  root.append(style);
-}
-var COMMON_CONTROL_CSS = `
-:host([hidden]) { display: none !important; }
-@media ${TOUCH} {
-	:host { --office-target-size: ${tok("--office-target-size-touch")}; }
-}
-@media (forced-colors: active) {
-	:host(:focus-visible), :focus-visible { outline: ${tok("--office-focus-width")} solid Highlight; outline-offset: ${tok("--office-focus-offset")}; }
-}
-`;
-var controlCss = (css) => `${COMMON_CONTROL_CSS}
-${css}`;
-
-export { CONTRACT_REVISION, attachStyles, controlCss, definer, emit, present };