import { LitElement } from "lit"; /** * `` — fetches and displays webmentions for a given page. * * @attr {string} post-url - Canonical URL of the page to fetch mentions for. * @attr {string} endpoint - POST endpoint for submitting new webmentions. * @attr {string} fetch-endpoint - GET endpoint for fetching mentions (JF2 format). Defaults to webmention.io. * @attr {number} per-page - Number of replies to show per page. Default: 10. * @attr {string} heading - Text for the section heading. Default: "Webmentions". * @attr {string} loading-text - Text shown while fetching. Default: "Loading mentions…". * @attr {string} empty-text - Text shown when there are no mentions. Default: "No mentions yet." * @attr {string} send-description - Prompt text above the webmention form. Default: "Written a response? Send a webmention:". * @attr {string} submit-label - Submit button text. Default: "Send". * @attr {string} source-label - Accessible label for the URL input. Default: "Your post URL". * @attr {string} anonymous-label - Display name when author name is missing. Default: "Anonymous". * @attr {string} date-locale - BCP 47 locale for formatting reply dates. Default: navigator.language. * * @fires {CustomEvent<{ mentions: Mention[], likeCount: number, repostCount: number, replyCount: number }>} wm-load - Fired when mentions finish loading. * @fires {CustomEvent} wm-error - Fired when the fetch fails. * @fires {CustomEvent<{ page: number, totalPages: number }>} wm-page-change - Fired when the user navigates to a different page. * * @slot like-icon - Icon before the like count. Default: ♥ * @slot repost-icon - Icon before the repost count. Default: ↩ * @slot prev-label - Label for the previous page button. Default: ← Prev * @slot next-label - Label for the next page button. Default: Next → * * @cssvar --wm-accent-color * @cssvar --wm-text-color * @cssvar --wm-border-color * @cssvar --wm-reply-bg * @cssvar --wm-reply-border-color * @cssvar --wm-input-bg * @cssvar --wm-input-border-color * @cssvar --wm-avatar-bg * @cssvar --wm-button-text-color * * @csspart base * @csspart heading * @csspart send-form * @csspart input-label * @csspart input * @csspart button * @csspart list * @csspart reactions * @csspart stat * @csspart replies * @csspart reply * @csspart reply-meta * @csspart avatar * @csspart reply-author * @csspart reply-author-link * @csspart reply-date * @csspart reply-link * @csspart reply-content * @csspart status * @csspart pagination * @csspart page-button * @csspart page-button--prev * @csspart page-button--next * @csspart page-button--disabled * @csspart page-info */ export declare class WebmentionFeed extends LitElement { postUrl: string; endpoint: string; fetchEndpoint: string; perPage: number; heading: string; loadingText: string; emptyText: string; sendDescription: string; submitLabel: string; sourceLabel: string; anonymousLabel: string; dateLocale: string; private mentions; private loading; private error; private currentPage; connectedCallback(): void; updated(changed: Map): void; private fetchMentions; private get likes(); private get reposts(); private get replies(); private get totalPages(); private get pagedReplies(); private renderReply; private renderPagination; render(): import("lit-html").TemplateResult<1>; static styles: import("lit").CSSResult; } declare global { interface HTMLElementTagNameMap { "webmention-feed": WebmentionFeed; } } //# sourceMappingURL=webmention-feed.d.ts.map