@kritzel/editor 0.4.31

package/dist/types/components/kritzel-active-users/kritzel-active-users.d.ts

@@ -0,0 +1,21 @@
+import { IKritzelUser } from '@kritzel/engine';
+export declare class KritzelActiveUsers {
+    /**
+     * Array of active users to display
+     */
+    users: IKritzelUser[];
+    /**
+     * Avatar size in pixels
+     */
+    avatarSize: number;
+    /**
+     * Maximum number of avatars to show before overflow text
+     */
+    maxVisible: number;
+    /**
+     * Overlap offset in pixels (negative margin between avatars)
+     */
+    overlap: number;
+    private getDisplayName;
+    render(): any;
+}

package/dist/types/components/kritzel-avatar/kritzel-avatar.d.ts

@@ -0,0 +1,27 @@
+import { IKritzelUser } from '@kritzel/engine';
+export declare class KritzelAvatar {
+    /** Full user object. If provided, individual props are ignored. */
+    user?: IKritzelUser;
+    /** Direct prop: user's display name (used for initials fallback) */
+    name?: string;
+    /** Avatar diameter in pixels */
+    size: number;
+    /** Background color for initials fallback */
+    color?: string;
+    /** Tracks whether the image failed to load */
+    imageError: boolean;
+    private retryCount;
+    private maxRetries;
+    private retryTimer;
+    userChanged(): void;
+    profileImageUrlChanged(): void;
+    private resetImageState;
+    disconnectedCallback(): void;
+    private getImageUrl;
+    private getDisplayName;
+    private getInitials;
+    private getBackgroundColor;
+    private generateColorFromName;
+    private handleImageError;
+    render(): any;
+}

package/dist/types/components/kritzel-back-to-content/kritzel-back-to-content.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class KritzelBackToContent {
+    /**
+     * Whether the button is visible
+     */
+    visible: boolean;
+    /**
+     * The text to display on the button
+     */
+    text: string;
+    /**
+     * Emitted when the button is clicked
+     */
+    backToContent: EventEmitter<void>;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/kritzel-brush-style/kritzel-brush-style.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DropdownOption } from '../kritzel-dropdown/kritzel-dropdown';
+export interface BrushStyleOption extends DropdownOption {
+}
+export declare class KritzelBrushStyle {
+    type: 'pen' | 'highlighter';
+    brushOptions: BrushStyleOption[];
+    typeChange: EventEmitter<'pen' | 'highlighter'>;
+    handleDropdownValueChange(event: CustomEvent<string>): void;
+    render(): any;
+}

package/dist/types/components/kritzel-button/kritzel-button.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class KritzelButton {
+    /** The visual variant of the button */
+    variant: 'primary' | 'secondary' | 'text';
+    /** Whether the button is disabled */
+    disabled: boolean;
+    /** The type attribute for the native button element */
+    type: 'button' | 'submit' | 'reset';
+    /** Emitted when the button is clicked */
+    buttonClick: EventEmitter<void>;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/kritzel-color/kritzel-color.d.ts

@@ -0,0 +1,10 @@
+import { ThemeAwareColor } from '@kritzel/engine';
+import { ThemeName } from '@kritzel/engine';
+export declare class KritzelColorComponent {
+    value: string | ThemeAwareColor;
+    theme: ThemeName;
+    size: number;
+    private resolveColor;
+    private isLightColor;
+    render(): any;
+}

package/dist/types/components/kritzel-color-palette/kritzel-color-palette.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ThemeAwareColor } from '@kritzel/engine';
+import { ThemeName } from '@kritzel/engine';
+export declare class KritzelColorPalette {
+    colors: ThemeAwareColor[];
+    selectedColor: ThemeAwareColor | null;
+    isExpanded: boolean;
+    isOpaque: boolean;
+    opacity: number;
+    theme: ThemeName;
+    colorChange: EventEmitter<ThemeAwareColor>;
+    private handleColorClick;
+    private handleKeyDown;
+    private calculateHeight;
+    private areColorsEqual;
+    render(): any;
+}

package/dist/types/components/kritzel-context-menu/kritzel-context-menu.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ContextMenuItem } from '@kritzel/engine';
+import { KritzelBaseObject } from '@kritzel/engine';
+export declare class KritzelContextMenu {
+    host: HTMLElement;
+    items: ContextMenuItem[];
+    onItemsChanged(): void;
+    objects: KritzelBaseObject[];
+    actionSelected: EventEmitter<ContextMenuItem>;
+    close: EventEmitter<void>;
+    private processedItems;
+    /** Current open submenu path (e.g. '0.2.1'). Empty if none. */
+    private openSubmenuPath;
+    private submenuPositions;
+    private submenuTimer;
+    private submenuRefs;
+    private menuItemWrapperRefs;
+    handleOutsideClick(event: MouseEvent): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    private adjustPositionToViewport;
+    private adjustSubmenuPositions;
+    private getOpenSubmenuPaths;
+    private isSubmenuOpen;
+    private getParentPath;
+    private getMenuDepth;
+    private pruneStaleRefs;
+    private handleItemClick;
+    private handleItemMouseEnter;
+    private handleSubmenuMouseEnter;
+    private handleSubmenuMouseLeave;
+    private updateMenuItems;
+    private processItems;
+    private evaluateProperty;
+    private renderItems;
+    private renderSubmenu;
+    render(): any;
+}

package/dist/types/components/kritzel-current-user/kritzel-current-user.d.ts

@@ -0,0 +1,15 @@
+import { IKritzelUser } from '@kritzel/engine';
+import { KritzelTermKey } from '@kritzel/engine';
+export declare class KritzelCurrentUser {
+    /**
+     * The current user to display
+     */
+    user?: IKritzelUser;
+    /**
+     * Avatar size in pixels
+     */
+    avatarSize: number;
+    /** Resolved localized strings keyed by term key, supplied by the editor. */
+    terms: Partial<Record<KritzelTermKey, string>>;
+    render(): any;
+}

package/dist/types/components/kritzel-current-user-dialog/kritzel-current-user-dialog.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IKritzelUser } from '@kritzel/engine';
+import { KritzelTermKey } from '@kritzel/engine';
+export declare class KritzelCurrentUserDialog {
+    host: HTMLElement;
+    user?: IKritzelUser;
+    /** Resolved localized strings keyed by term key, supplied by the editor. */
+    terms: Partial<Record<KritzelTermKey, string>>;
+    isDialogOpen: boolean;
+    /** Emitted when the user clicks the logout action. */
+    logoutRequest: EventEmitter<void>;
+    open(): Promise<void>;
+    close(): Promise<void>;
+    private closeDialog;
+    private handleLogout;
+    private getDisplayName;
+    render(): any;
+}

package/dist/types/components/kritzel-dialog/kritzel-dialog.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IKritzelDialogCloseEvent, KritzelDialogCloseReason } from '@kritzel/engine';
+export declare class KritzelDialog {
+    host: HTMLElement;
+    /** Whether the dialog is open */
+    isOpen: boolean;
+    /** Optional title displayed in the header */
+    dialogTitle?: string;
+    /** Whether to show the close button in the header */
+    closable: boolean;
+    /** Whether clicking the backdrop closes the dialog */
+    closeOnBackdrop: boolean;
+    /** Whether pressing Escape closes the dialog */
+    closeOnEscape: boolean;
+    /** Whether to auto-focus the first focusable element when opened */
+    autoFocus: boolean;
+    /** Whether to trap focus within the dialog */
+    trapFocus: boolean;
+    /** Size of the dialog */
+    size: 'small' | 'medium' | 'large' | 'fullscreen';
+    /** Whether to automatically go fullscreen on mobile viewports */
+    fullscreenOnMobile: boolean;
+    /** Constrain the dialog to its nearest editor/container ancestor instead of the viewport. */
+    contained: boolean;
+    isAnimating: boolean;
+    mobileLockedHeight: string | null;
+    containerRect: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    } | null;
+    containerBorderRadius: string | null;
+    /** Emitted when the dialog opens */
+    dialogOpen: EventEmitter<void>;
+    /** Emitted when the dialog closes */
+    dialogClose: EventEmitter<IKritzelDialogCloseEvent>;
+    private previousOverflow;
+    private previousActiveElement;
+    private visualViewportListenersAttached;
+    private containerElement;
+    private containerResizeObserver;
+    private containerTrackingFrame;
+    handleIsOpenChange(newValue: boolean): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleWindowResize(): void;
+    handleOrientationChange(): void;
+    open(): Promise<void>;
+    close(reason?: KritzelDialogCloseReason): Promise<void>;
+    focusFirstElement(): Promise<void>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private openDialog;
+    private closeDialog;
+    private findContainerElement;
+    private startContainerTracking;
+    private stopContainerTracking;
+    private handleContainerTrackingEvent;
+    private updateContainerRect;
+    private findVisualBorderRadius;
+    private emitClose;
+    private lockBodyScroll;
+    private lockMobileViewportHeight;
+    private getViewportWidth;
+    private getViewportHeight;
+    private addVisualViewportListeners;
+    private removeVisualViewportListeners;
+    private handleVisualViewportChange;
+    private restoreBodyScroll;
+    private returnFocusToPreviousElement;
+    private focusFirst;
+    private getSlottedFocusableElements;
+    private handleTabKey;
+    private getDeepActiveElement;
+    private handleBackdropClick;
+    private handleCloseButtonClick;
+    private handleContentClick;
+    private renderCloseButton;
+    private renderHeader;
+    private renderFooter;
+    private getBackdropStyle;
+    private getDialogContentStyle;
+    private isContainerMobile;
+    render(): any;
+}

package/dist/types/components/kritzel-dropdown/kritzel-dropdown.d.ts

@@ -0,0 +1,48 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface DropdownOption {
+    value: string;
+    label: string;
+    style?: Record<string, string>;
+}
+export declare class KritzelDropdown {
+    el: HTMLElement;
+    options: DropdownOption[];
+    optionsChanged(): void;
+    value: string;
+    externalValueChanged(newValue: string): void;
+    width?: string;
+    selectStyles?: Record<string, string>;
+    /** Force the dropdown to open in a specific direction instead of auto-detecting */
+    forceOpenDirection?: 'down' | 'up';
+    internalValue: string;
+    hasSuffixContent: boolean;
+    hasPrefixContent: boolean;
+    isOpen: boolean;
+    focusedIndex: number;
+    openDirection: 'down' | 'up';
+    valueChanged: EventEmitter<string>;
+    private suffixSlotElement?;
+    private prefixSlotElement?;
+    private triggerElement?;
+    private menuElement?;
+    private wrapperElement?;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    handleDocumentClick(event: MouseEvent): void;
+    handleDocumentKeydown(event: KeyboardEvent): void;
+    private updateInternalValue;
+    private toggleMenu;
+    private openMenu;
+    private calculateMenuDirection;
+    private closeMenu;
+    private selectOption;
+    private handleTriggerKeyDown;
+    private handleMenuKeyDown;
+    private scrollFocusedOptionIntoView;
+    private handleOptionMouseEnter;
+    private evaluateSuffixContent;
+    private evaluatePrefixContent;
+    private getSelectedLabel;
+    private getSelectedStyle;
+    render(): any;
+}