ooxml-ui 0.20.0 → 0.22.0

package/dist/teams/call-controls.d.ts

@@ -0,0 +1,61 @@
+import { type PropertyValues } from 'lit';
+import { TeamsElement } from './base.js';
+export type CallAction = 'chat' | 'people' | 'hand' | 'camera' | 'mic' | 'screen' | 'leave';
+export declare const formatElapsed: (ms: number) => string;
+/**
+ * The meeting bar: elapsed time on the left, the controls in the middle (Chat, People, Raise
+ * hand, Camera, Mic, Share, Leave). Properties: `title`, `startedAt` (epoch ms), `mic`, `camera`,
+ * `screen`, `hand`, `panel` (`'chat' | 'people' | ''`), `shareUnavailable`. Emits
+ * `office-call-action` `{ action }`.
+ */
+export declare class OfficeUiCallControls extends TeamsElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        heading: {
+            type: StringConstructor;
+        };
+        startedAt: {
+            type: NumberConstructor;
+            attribute: string;
+        };
+        mic: {
+            type: BooleanConstructor;
+        };
+        camera: {
+            type: BooleanConstructor;
+        };
+        screen: {
+            type: BooleanConstructor;
+        };
+        hand: {
+            type: BooleanConstructor;
+        };
+        panel: {
+            type: StringConstructor;
+        };
+        shareUnavailable: {
+            type: BooleanConstructor;
+            attribute: string;
+        };
+        now: {
+            state: boolean;
+        };
+    };
+    heading: string;
+    startedAt: number;
+    mic: boolean;
+    camera: boolean;
+    screen: boolean;
+    hand: boolean;
+    panel: string;
+    shareUnavailable: boolean;
+    now: number;
+    private timer;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(_changed: PropertyValues<this>): void;
+    private button;
+    protected render(): import("lit").TemplateResult<1>;
+}
+export declare const defineCallControls: import("../registry.js").Definer;

package/dist/teams/call-grid.d.ts

@@ -0,0 +1,33 @@
+import { TeamsElement } from './base.js';
+export interface CallTile {
+    id: string;
+    name: string;
+    self?: boolean;
+    stream?: MediaStream | null;
+    audio?: boolean;
+    video?: boolean;
+    screen?: boolean;
+    hand?: boolean;
+    /** `connecting` and `failed` show a status chip; anything else is treated as connected. */
+    connection?: string;
+}
+/**
+ * The meeting stage. Property `participants` (`CallTile[]`). Someone sharing their screen is
+ * spotlighted with everyone else in a side strip. Your own tile is muted (no echo) and mirrored
+ * unless it shows a screen; tiles without video show the avatar. The grid only attaches the
+ * streams it is handed; capture and connections belong to the host.
+ */
+export declare class OfficeUiCallGrid extends TeamsElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        participants: {
+            attribute: boolean;
+        };
+    };
+    participants: CallTile[];
+    constructor();
+    connectedCallback(): void;
+    protected render(): import("lit").TemplateResult<1>;
+    private tile;
+}
+export declare const defineCallGrid: import("../registry.js").Definer;

package/dist/teams/channel-list.d.ts

@@ -0,0 +1,40 @@
+import { TeamsElement } from './base.js';
+export interface ChannelRow {
+    id: string;
+    name: string;
+    topic?: string;
+    kind?: 'channel' | 'direct';
+    unread?: number;
+    /** Someone is in a call in this channel. */
+    live?: boolean;
+}
+/**
+ * The team and its channels, like the Teams navigation tree. Properties: `heading` (the team
+ * name), `channels`, `selectedId`. Emits `office-channel-select` `{ id }` and
+ * `office-channel-create` `{}` (the host asks for a name). Unread channels are bold with a count.
+ */
+export declare class OfficeUiChannelList extends TeamsElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        heading: {
+            type: StringConstructor;
+        };
+        channels: {
+            attribute: boolean;
+        };
+        selectedId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        collapsed: {
+            state: boolean;
+        };
+    };
+    heading: string;
+    channels: ChannelRow[];
+    selectedId: string;
+    collapsed: boolean;
+    constructor();
+    protected render(): import("lit").TemplateResult<1>;
+}
+export declare const defineChannelList: import("../registry.js").Definer;

package/dist/teams/chat-composer.d.ts

@@ -0,0 +1,60 @@
+import { type PropertyValues } from 'lit';
+import { TeamsElement } from './base.js';
+export declare const EMOJI: readonly ['😀', '😄', '😂', '🙂', '😉', '😍', '🤔', '😮', '😢', '😡', '👍', '👎', '👏', '🙏', '💪', '🎉', '🔥', '❤️', '✅', '👀'];
+/**
+ * The compose box: a growing text area, attach and emoji buttons, reply or edit banner and a
+ * typing line. Enter sends, Shift+Enter adds a line. Properties: `typing` (names), `replyingTo`
+ * (a label or null), `editing` (true while editing), `disabled`, `placeholder`, and `value`.
+ * Events: `office-chat-send` `{ text, files }`, `office-chat-typing` `{}` (throttled) and
+ * `office-chat-cancel` `{}` (the banner's close button or Escape). File bytes are never read here:
+ * the host stores them wherever its server says and posts a link.
+ */
+export declare class OfficeUiChatComposer extends TeamsElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        typing: {
+            attribute: boolean;
+        };
+        replyingTo: {
+            attribute: boolean;
+        };
+        editing: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+        files: {
+            state: boolean;
+        };
+        emojiOpen: {
+            state: boolean;
+        };
+    };
+    typing: string[];
+    replyingTo: string | null;
+    editing: boolean;
+    disabled: boolean;
+    placeholder: string;
+    value: string;
+    files: File[];
+    emojiOpen: boolean;
+    private lastTyping;
+    constructor();
+    protected updated(changed: PropertyValues<this>): void;
+    private get canSend();
+    private submit;
+    private onInput;
+    private onKeydown;
+    private pick;
+    private typingLine;
+    protected render(): import("lit").TemplateResult<1>;
+}
+export declare const defineChatComposer: import("../registry.js").Definer;

package/dist/teams/chat-list.d.ts

@@ -0,0 +1,51 @@
+import { type TemplateResult } from 'lit';
+import { TeamsElement } from './base.js';
+export interface ChatAttachment {
+    name: string;
+    kind: 'docx' | 'xlsx' | 'pptx' | 'vsdx' | 'other';
+    size?: number;
+    url?: string;
+}
+export interface ChatMessage {
+    id: string;
+    authorId: string;
+    authorName: string;
+    text: string;
+    ts: number;
+    editedAt?: number;
+    deleted?: boolean;
+    replyTo?: string;
+    attachments?: ChatAttachment[];
+    reactions?: Record<string, string[]>;
+}
+export declare const QUICK_REACTIONS: readonly ['👍', '❤️', '😂', '😮', '😢', '🎉'];
+/**
+ * The conversation: messages as Teams-style bubbles with day separators, quoted replies,
+ * reaction pills, Office file cards and a hover toolbar. Properties: `messages`, `selfId`.
+ * Events (bubbling, composed): `office-chat-react` `{ messageId, emoji }` (toggle),
+ * `office-chat-reply` / `office-chat-edit` / `office-chat-delete` `{ messageId }` and
+ * `office-chat-open-file` `{ attachment }`. Message text is always rendered as text.
+ */
+export declare class OfficeUiChatList extends TeamsElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        messages: {
+            attribute: boolean;
+        };
+        selfId: {
+            type: StringConstructor;
+            attribute: string;
+        };
+    };
+    messages: ChatMessage[];
+    selfId: string;
+    private stickToBottom;
+    constructor();
+    connectedCallback(): void;
+    protected updated(): void;
+    protected render(): TemplateResult<1>;
+    private message;
+    private toolbar;
+    private files;
+}
+export declare const defineChatList: import("../registry.js").Definer;

package/dist/teams/icons.d.ts

@@ -0,0 +1,3 @@
+import { type TemplateResult } from 'lit';
+/** An inline 20x20 icon by registry name (built-in or registered above); empty when unknown. */
+export declare function icon(name: string): TemplateResult | '';

package/dist/teams/index.d.ts

@@ -0,0 +1,14 @@
+export * from './app-rail.js';
+export * from './avatar.js';
+export * from './base.js';
+export * from './call-controls.js';
+export * from './call-grid.js';
+export * from './channel-list.js';
+export * from './chat-composer.js';
+export * from './chat-list.js';
+export * from './icons.js';
+export * from './prejoin.js';
+/** Every tag the team-workspace elements define. */
+export declare const TEAMS_TAGS: readonly ['office-ui-avatar', 'office-ui-app-rail', 'office-ui-channel-list', 'office-ui-chat-list', 'office-ui-chat-composer', 'office-ui-prejoin', 'office-ui-call-grid', 'office-ui-call-controls'];
+/** Define the team-workspace elements. Idempotent; a no-op without a DOM. */
+export declare function registerTeams(): void;

package/dist/teams/prejoin.d.ts

@@ -0,0 +1,40 @@
+import { TeamsElement } from './base.js';
+/**
+ * The pre-join screen: a camera preview and the audio/video switches, then "Join now".
+ * Properties: `heading`, `name` (you), `preview` (a `MediaStream` or null), `audio`, `video`,
+ * `busy` (joining). Events: `office-prejoin-change` `{ audio?, video? }`, `office-prejoin-join`
+ * and `office-prejoin-cancel`.
+ */
+export declare class OfficeUiPrejoin extends TeamsElement {
+    static styles: import("lit").CSSResult[];
+    static properties: {
+        heading: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        preview: {
+            attribute: boolean;
+        };
+        audio: {
+            type: BooleanConstructor;
+        };
+        video: {
+            type: BooleanConstructor;
+        };
+        busy: {
+            type: BooleanConstructor;
+        };
+    };
+    heading: string;
+    name: string;
+    preview: MediaStream | null;
+    audio: boolean;
+    video: boolean;
+    busy: boolean;
+    constructor();
+    private toggle;
+    protected render(): import("lit").TemplateResult<1>;
+}
+export declare const definePrejoin: import("../registry.js").Definer;

package/dist/teams.js

@@ -0,0 +1,5 @@
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsElement, colorFor, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, formatElapsed, formatSize, formatTime, icon, registerTeams, withStyles } from './chunk-HNGJI5EZ.js';
+import './chunk-HZ422LTR.js';
+import './chunk-E47762NY.js';
+import './chunk-5A4REH6T.js';
+import './chunk-HSJH6SUW.js';

package/dist/theme.js

@@ -1,2 +1,2 @@
-export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme } from './chunk-7XBKSYGM.js';
-export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-G3LAGZEW.js';
+export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme } from './chunk-2X6QYQ3Q.js';
+export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-HSJH6SUW.js';