openproject-primer_view_components 0.89.1 → 0.89.2

data/app/assets/javascripts/components/primer/focus_group.d.ts

@@ -1,19 +0,0 @@
-import '@oddbird/popover-polyfill';
-export default class FocusGroupElement extends HTMLElement {
-    #private;
-    get nowrap(): boolean;
-    set nowrap(value: boolean);
-    get direction(): 'horizontal' | 'vertical' | 'both';
-    set direction(value: 'horizontal' | 'vertical' | 'both');
-    get retain(): boolean;
-    set retain(value: boolean);
-    get mnemonics(): boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleEvent(event: Event): void;
-}
-declare global {
-    interface Window {
-        FocusGroupElement: typeof FocusGroupElement;
-    }
-}

data/app/assets/javascripts/components/primer/open_project/avatar_fallback.d.ts

@@ -1,28 +0,0 @@
-/**
- * AvatarFallbackElement implements "fallback first" loading pattern:
- * 1. Fallback SVG is rendered immediately as <img> src
- * 2. Real avatar URL is test-loaded in background using new Image()
- * 3. On success, swaps to real image; on failure, fallback stays visible
- *
- * This approach prevents flicker by never showing a broken image state.
- * Inspired by OpenProject's Angular PrincipalRendererService.
- *
- * Note: We read attributes directly via getAttribute() instead of using @attr
- * due to a Catalyst bug where @attr accessors aren't properly initialized
- * when elements have pre-existing attribute values.
- */
-export declare class AvatarFallbackElement extends HTMLElement {
-    private img;
-    private testImage;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Test-loads the real avatar URL in background.
-     * On success, swaps the visible img to the real URL.
-     * On failure, does nothing - fallback stays visible.
-     */
-    private testLoadImage;
-    private applyColor;
-    private valueHash;
-    private updateSvgColor;
-}

data/app/assets/javascripts/components/primer/open_project/border_box/collapsible_header.d.ts

@@ -1,11 +0,0 @@
-import { CollapsibleElement } from '../collapsible';
-declare class CollapsibleHeaderElement extends CollapsibleElement {
-    connectedCallback(): void;
-    get baseClass(): string;
-}
-declare global {
-    interface Window {
-        CollapsibleHeaderElement: typeof CollapsibleHeaderElement;
-    }
-}
-export {};

data/app/assets/javascripts/components/primer/open_project/collapsible.d.ts

@@ -1,13 +0,0 @@
-export declare abstract class CollapsibleElement extends HTMLElement {
-    arrowDown: Element;
-    arrowUp: Element;
-    triggerElement: HTMLElement;
-    collapsibleElements: HTMLElement[];
-    collapsed: boolean;
-    toggleViaKeyboard(event: KeyboardEvent): void;
-    toggle(): void;
-    attributeChangedCallback(name: string): void;
-    hideAll(): void;
-    expandAll(): void;
-    abstract get baseClass(): string;
-}

data/app/assets/javascripts/components/primer/open_project/collapsible_section.d.ts

@@ -1,10 +0,0 @@
-import { CollapsibleElement } from './collapsible';
-declare class CollapsibleSectionElement extends CollapsibleElement {
-    get baseClass(): string;
-}
-declare global {
-    interface Window {
-        CollapsibleSectionElement: typeof CollapsibleSectionElement;
-    }
-}
-export {};

data/app/assets/javascripts/components/primer/open_project/danger_dialog_form_helper.d.ts

@@ -1,18 +0,0 @@
-import type { LiveRegionElement } from '@primer/live-region-element';
-declare class DangerDialogFormHelperElement extends HTMLElement {
-    #private;
-    checkbox: HTMLInputElement | undefined;
-    liveRegion: LiveRegionElement;
-    confirmationLiveMessageChecked: string;
-    confirmationLiveMessageUnchecked: string;
-    get form(): HTMLFormElement | null;
-    get submitButton(): HTMLButtonElement | HTMLInputElement;
-    connectedCallback(): void;
-    toggle(): void;
-}
-declare global {
-    interface Window {
-        DangerDialogFormHelperElement: typeof DangerDialogFormHelperElement;
-    }
-}
-export {};

data/app/assets/javascripts/components/primer/open_project/filterable_tree_view.d.ts

@@ -1,29 +0,0 @@
-import { SegmentedControlElement } from '../alpha/segmented_control';
-import { TreeViewElement } from '../alpha/tree_view/tree_view';
-import { TreeViewSubTreeNodeElement } from '../alpha/tree_view/tree_view_sub_tree_node_element';
-export type FilterFn = (node: HTMLElement, query: string, filterMode?: string) => Range[] | null;
-export declare class FilterableTreeViewElement extends HTMLElement {
-    #private;
-    filterInput: HTMLInputElement;
-    filterModeControlList: HTMLElement;
-    treeViewList: HTMLElement;
-    noResultsMessage: HTMLElement;
-    includeSubItemsCheckBox: HTMLInputElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleEvent(event: Event): void;
-    get filterModeControl(): SegmentedControlElement | null;
-    get treeView(): TreeViewElement | null;
-    set filterFn(newFn: FilterFn);
-    get filterFn(): FilterFn;
-    defaultFilterFn(node: HTMLElement, query: string, filterMode?: string): Range[] | null;
-    get filterMode(): string | null;
-    get queryString(): string;
-    eachDescendantDepthFirst(node: HTMLElement, level: number, ancestry: TreeViewSubTreeNodeElement[]): Generator<[NodeListOf<HTMLElement>, TreeViewSubTreeNodeElement[]]>;
-    eachShallowestCheckedSubTree(root: TreeViewSubTreeNodeElement): Generator<TreeViewSubTreeNodeElement>;
-}
-declare global {
-    interface Window {
-        FilterableTreeViewElement: typeof FilterableTreeViewElement;
-    }
-}

data/app/assets/javascripts/components/primer/open_project/page_header_element.d.ts

@@ -1,9 +0,0 @@
-declare class PageHeaderElement extends HTMLElement {
-    menuItemClick(event: Event): void;
-}
-declare global {
-    interface Window {
-        PageHeaderElement: typeof PageHeaderElement;
-    }
-}
-export {};

data/app/assets/javascripts/components/primer/open_project/sub_header_element.d.ts

@@ -1,17 +0,0 @@
-declare class SubHeaderElement extends HTMLElement {
-    filterInput: HTMLInputElement;
-    shownItemsOnExpandedFilter: HTMLElement[];
-    filterExpandButton: HTMLElement[];
-    connectedCallback(): void;
-    setupFilterInputClearButton(): void;
-    toggleFilterInputClearButton(): void;
-    expandFilterInput(): void;
-    collapseFilterInput(): void;
-    private waitForCondition;
-}
-declare global {
-    interface Window {
-        SubHeaderElement: typeof SubHeaderElement;
-    }
-}
-export {};

data/app/assets/javascripts/components/primer/open_project/zen_mode_button.d.ts

@@ -1,18 +0,0 @@
-declare class ZenModeButtonElement extends HTMLElement {
-    button: HTMLElement;
-    inZenMode: boolean;
-    constructor();
-    disconnectedCallback(): void;
-    fullscreenChangeEventHandler(): void;
-    dispatchZenModeStatus(): void;
-    private deactivateZenMode;
-    private activateZenMode;
-    changeButtonState(inZenMode: boolean): void;
-    performAction(): void;
-}
-declare global {
-    interface Window {
-        ZenModeButtonElement: typeof ZenModeButtonElement;
-    }
-}
-export {};

data/app/assets/javascripts/components/primer/primer.d.ts

@@ -1,42 +0,0 @@
-import '@github/include-fragment-element';
-import '@github/remote-input-element';
-import './alpha/action_list';
-import './alpha/action_bar_element';
-import './alpha/dropdown';
-import './anchored_position';
-import './dialog_helper';
-import './focus_group';
-import './scrollable_region';
-import './shared_events';
-import './utils';
-import './alpha/modal_dialog';
-import './beta/nav_list';
-import './beta/nav_list_group_element';
-import './alpha/segmented_control';
-import './alpha/toggle_switch';
-import './alpha/tool_tip';
-import './alpha/x_banner';
-import './beta/auto_complete/auto_complete';
-import './beta/clipboard_copy';
-import './beta/relative_time';
-import './alpha/tab_container';
-import '../../lib/primer/forms/primer_multi_input';
-import '../../lib/primer/forms/primer_text_field';
-import '../../lib/primer/forms/primer_text_area';
-import '../../lib/primer/forms/toggle_switch_input';
-import './alpha/action_menu/action_menu_element';
-import './alpha/select_panel_element';
-import './beta/details_toggle_element';
-import './alpha/tree_view/tree_view';
-import './alpha/tree_view/tree_view_icon_pair_element';
-import './alpha/tree_view/tree_view_sub_tree_node_element';
-import './alpha/tree_view/tree_view_include_fragment_element';
-import './open_project/avatar_fallback';
-import './open_project/page_header_element';
-import './open_project/zen_mode_button';
-import './open_project/sub_header_element';
-import './open_project/danger_dialog_form_helper';
-import './open_project/collapsible';
-import './open_project/border_box/collapsible_header';
-import './open_project/collapsible_section';
-import './open_project/filterable_tree_view';

data/app/assets/javascripts/components/primer/scrollable_region.d.ts

@@ -1,13 +0,0 @@
-export declare class ScrollableRegionElement extends HTMLElement {
-    hasOverflow: boolean;
-    labelledBy: string;
-    observer: ResizeObserver;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string): void;
-}
-declare global {
-    interface Window {
-        ScrollableRegionElement: typeof ScrollableRegionElement;
-    }
-}

data/app/assets/javascripts/components/primer/shared_events.d.ts

@@ -1,26 +0,0 @@
-export type ItemActivatedEvent = {
-    item: Element;
-    checked: boolean;
-    value: string | null;
-};
-export type TreeViewNodeType = 'leaf' | 'sub-tree';
-export type TreeViewCheckedValue = 'true' | 'false' | 'mixed';
-export type TreeViewNodeInfo = {
-    node: Element;
-    type: TreeViewNodeType;
-    path: string[];
-    checkedValue: TreeViewCheckedValue;
-    previousCheckedValue: TreeViewCheckedValue;
-};
-declare global {
-    interface HTMLElementEventMap {
-        itemActivated: CustomEvent<ItemActivatedEvent>;
-        beforeItemActivated: CustomEvent<ItemActivatedEvent>;
-        treeViewNodeActivated: CustomEvent<TreeViewNodeInfo>;
-        treeViewBeforeNodeActivated: CustomEvent<TreeViewNodeInfo>;
-        treeViewNodeExpanded: CustomEvent<TreeViewNodeInfo>;
-        treeViewNodeCollapsed: CustomEvent<TreeViewNodeInfo>;
-        treeViewNodeChecked: CustomEvent<TreeViewNodeInfo[]>;
-        treeViewBeforeNodeChecked: CustomEvent<TreeViewNodeInfo[]>;
-    }
-}

data/app/assets/javascripts/components/primer/utils.d.ts

@@ -1 +0,0 @@
-export declare const observeMutationsUntilConditionMet: (element: Element, condition: () => boolean, body: () => void) => void;

data/app/assets/javascripts/lib/primer/forms/character_counter.d.ts

@@ -1,41 +0,0 @@
-/**
- * Shared character counting functionality for text inputs with character limits.
- * Handles real-time character count updates, validation, and aria-live announcements.
- */
-export declare class CharacterCounter {
-    private inputElement;
-    private characterLimitElement;
-    private characterLimitSrElement;
-    private SCREEN_READER_DELAY;
-    private announceTimeout;
-    private isInitialLoad;
-    constructor(inputElement: HTMLInputElement | HTMLTextAreaElement, characterLimitElement: HTMLElement, characterLimitSrElement: HTMLElement);
-    /**
-     * Initialize character counting by setting up event listener and initial count
-     */
-    initialize(signal?: AbortSignal): void;
-    /**
-     * Clean up any pending timeouts
-     */
-    cleanup(): void;
-    /**
-     * Pluralizes a word based on the count
-     */
-    private pluralize;
-    /**
-     * Update the character count display and validation state
-     */
-    private updateCharacterCount;
-    /**
-     * Announce character count to screen readers with debouncing
-     */
-    private announceToScreenReader;
-    /**
-     * Set error when character limit is exceeded
-     */
-    private setError;
-    /**
-     * Clear error when back under character limit
-     */
-    private clearError;
-}

data/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts

@@ -1,10 +0,0 @@
-export declare class PrimerMultiInputElement extends HTMLElement {
-    fields: HTMLInputElement[];
-    activateField(name: string): void;
-    private findField;
-}
-declare global {
-    interface Window {
-        PrimerMultiInputElement: typeof PrimerMultiInputElement;
-    }
-}

data/app/assets/javascripts/lib/primer/forms/primer_text_area.d.ts

@@ -1,13 +0,0 @@
-export declare class PrimerTextAreaElement extends HTMLElement {
-    #private;
-    inputElement: HTMLTextAreaElement;
-    characterLimitElement: HTMLElement;
-    characterLimitSrElement: HTMLElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}
-declare global {
-    interface Window {
-        PrimerTextAreaElement: typeof PrimerTextAreaElement;
-    }
-}

data/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts

@@ -1,30 +0,0 @@
-import '@github/auto-check-element';
-import type { AutoCheckErrorEvent, AutoCheckSuccessEvent } from '@github/auto-check-element';
-declare global {
-    interface HTMLElementEventMap {
-        'auto-check-success': AutoCheckSuccessEvent;
-        'auto-check-error': AutoCheckErrorEvent;
-    }
-}
-export declare class PrimerTextFieldElement extends HTMLElement {
-    #private;
-    inputElement: HTMLInputElement;
-    validationElement: HTMLElement;
-    validationMessageElement: HTMLElement;
-    validationSuccessIcon: HTMLElement;
-    validationErrorIcon: HTMLElement;
-    leadingVisual: HTMLElement;
-    leadingSpinner: HTMLElement;
-    characterLimitElement: HTMLElement;
-    characterLimitSrElement: HTMLElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    clearContents(): void;
-    clearError(): void;
-    setValidationMessage(message: string): void;
-    toggleValidationStyling(isError: boolean): void;
-    setSuccess(message: string): void;
-    setError(message: string): void;
-    showLeadingSpinner(): void;
-    hideLeadingSpinner(): void;
-}

data/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts

@@ -1,5 +0,0 @@
-export declare class ToggleSwitchInputElement extends HTMLElement {
-    validationElement: HTMLElement;
-    validationMessageElement: HTMLElement;
-    connectedCallback(): void;
-}