@genesislcap/grid-pro 14.405.0 → 14.406.0

package/dist/grid-pro.d.ts

@@ -820,6 +820,12 @@ export declare const defaultGridProConfig: {
     shadowOptions: any;
 };
 
+/** Class name used to hide elements with display:none */
+export declare const DISPLAY_NONE_CLASS = "dnone";
+
+/** The CSS variable to use for specifying the dropdown's width */
+export declare const dropdownWidthVar = "--dropdown-width";
+
 /**
  * The AG Editable Renderer element.
  * @public
@@ -1105,6 +1111,15 @@ export declare const foundationGridComponents: {
     styles: ElementStyles;
     template: ViewTemplate<StringEditor, any>;
     }, StringEditor>;
+    foundationMulticolumnDropdown: (overrideDefinition?: OverrideFoundationElementDefinition<    {
+    baseName: string;
+    template: ViewTemplate<MulticolumnDropdown, any>;
+    styles: ElementStyles;
+    }>) => FoundationElementRegistry<    {
+    baseName: string;
+    template: ViewTemplate<MulticolumnDropdown, any>;
+    styles: ElementStyles;
+    }, MulticolumnDropdown>;
     foundationStatusPillRenderer: (overrideDefinition?: OverrideFoundationElementDefinition<    {
     baseName: string;
     template: ViewTemplate<any, any>;
@@ -1184,6 +1199,23 @@ export declare const foundationGridProShadowOptions: ShadowRootInit;
  */
 export declare const foundationGridProStyles: ElementStyles;
 
+/**
+ * A function that returns a Multicolumn Dropdown registration for configuring the component with a DesignSystem.
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-multicolumn-dropdown\>
+ */
+export declare const foundationMulticolumnDropdown: (overrideDefinition?: OverrideFoundationElementDefinition<    {
+baseName: string;
+template: ViewTemplate<MulticolumnDropdown, any>;
+styles: ElementStyles;
+}>) => FoundationElementRegistry<    {
+baseName: string;
+template: ViewTemplate<MulticolumnDropdown, any>;
+styles: ElementStyles;
+}, typeof MulticolumnDropdown>;
+
 /**
  *
  * @public
@@ -1886,6 +1918,14 @@ export declare function getErrorHandlerDialogTemplate(prefix: string, gridErrorI
  */
 export declare const getGridProTemplate: (prefix?: string) => ViewTemplate<GridPro, any>;
 
+/**
+ * Get a Design System prefixed Multicolumn Dropdown template.
+ * @param designSystem - The design system prefix to use. Defaults to 'foundation'.
+ * @returns A Multicolumn Dropdown component template prefixed with the correct design system.
+ * @public
+ */
+export declare const getMulticolumnDropdownTemplate: (designSystem?: string) => ViewTemplate<MulticolumnDropdown, any>;
+
 /**
  * Get a Design System prefixed Select template.
  * @param designSystem - The design system prefix to use. Defaults to 'foundation'.
@@ -5519,6 +5559,480 @@ export declare type MoreRowsDetail = {
     sourceRef: string;
 };
 
+/**
+ * @beta
+ * A dropdown component that displays its options in a multi-column AG Grid.
+ * Search triggers a reqrep and displays the results in the grid dropdown.
+ *
+ * @public
+ * @tagname %%prefix%%-multicolumn-dropdown
+ */
+export declare class MulticolumnDropdown extends MulticolumnDropdown_base {
+    optionsElement: HTMLElement;
+    private lastRequest;
+    private connectOverride;
+    private _connectDI;
+    /** The connect service - uses DI by default, but can be manually set for dynamic element creation */
+    get connect(): Connect;
+    set connect(value: Connect);
+    /** Whether to disable control of the component */
+    disabled: boolean;
+    /** The name of the reqrep to get the options from */
+    resourceName: string;
+    /** The key(s) to search by. Use comma-separated values for multiple keys (e.g. search-key="NAME,ID"). */
+    searchKey?: string | string[];
+    /**
+     * Tells whether a given request supports lookup by Groovy Expressions.
+     *
+     * @remarks Only set this to TRUE for GPAL ReqReps when you want to search on multiple fields.
+     * Custom ReqReps don't support groovy expressions for criteria match.
+     */
+    requestSupportsAdvancedSearch: boolean;
+    /** The key used as the value sent to the server */
+    valueKey: string;
+    /** The key used as the label displayed in the UI */
+    labelKey: string;
+    /**
+     * Position of the dropdown panel relative to the control.
+     * - `'bottom-right'` – default; opens below and aligns to the right edge of the control
+     * - `'bottom-left'` – opens below and extends to the left
+     * - `'top-right'`   – opens above and aligns to the right edge of the control
+     * - `'top-left'`    – opens above and extends to the left
+     */
+    dropdownPlacement: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /** Optionally specifies the width of the dropdown */
+    dropdownWidth: number;
+    /** A request object to pass in the reqrep */
+    request: object;
+    /** An array of AG Grid column definitions to use in the grid to display the data */
+    columnDefinitions: ColDef[];
+    /**
+     * Base criteria that is always applied to requests combined with search criteria via AND.
+     * Use this to pre-filter results.
+     */
+    baseCriteria?: string;
+    defaultSlottedNodes: Node[];
+    grid: GridPro;
+    private _value;
+    get value(): string;
+    set value(value: string);
+    /** The criteria to search by */
+    filterSearch: string;
+    /** Whether the dropdown is open or not */
+    open: boolean;
+    /** Data for the selected row */
+    selectedRow: object;
+    /** Value to display in the form field */
+    get displayValue(): any;
+    get hasSearchKey(): boolean;
+    get hasSlottedContent(): boolean;
+    connectedCallback(): void;
+    /**
+     * Sets row data on the grid in a version-safe way.
+     * AG Grid v32+ removed `setRowData` in favour of `updateGridOptions`.
+     */
+    private setGridRowData;
+    /**
+     * Sets column defs on the grid in a version-safe way.
+     * AG Grid v32+ removed `setColumnDefs` in favour of `updateGridOptions`.
+     */
+    private setGridColumnDefs;
+    /**
+     * Emits 'change' and 'input' events so that the `sync` directive and forms work correctly.
+     */
+    private emitValue;
+    toggle(): void;
+    private getAndSetRows;
+    private getAndSetRowsDebounce;
+    filterSearchChanged(): void;
+    requestChanged(): void;
+    columnDefinitionsChanged(): void;
+    private handleClickOutside;
+    openChanged(): void;
+    dropdownWidthChanged(): void;
+    disconnectedCallback(): void;
+    changeHandler(event: Event): void;
+}
+
+declare const MulticolumnDropdown_base: (new (...args: any[]) => {
+    #_container: FoundationLayoutContainer | LayoutCacheContainer | DOMContainer;
+    #_latestTokenCode: string;
+    #_hasFirstLoaded: boolean;
+    #_cleanupTimeout: NodeJS.Timeout;
+    #_shouldForceLifecycle: boolean;
+    cloneNode(deep?: boolean): Node;
+    deepClone(): Node;
+    get shouldRunDisconnect(): boolean;
+    get shouldRunConnect(): boolean;
+    #_blockLifecycleDueToTokenChange(lifecycleType: "connect" | "disconnect" | "reconnect"): boolean;
+    #_tryFindContainingLayout(e: Element): FoundationLayoutContainer | LayoutCacheContainer | DOMContainer;
+    connectedCallback(): void;
+    readonly $fastController: Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    accessKey: string;
+    readonly accessKeyLabel: string;
+    autocapitalize: string;
+    autocorrect: boolean;
+    dir: string;
+    draggable: boolean;
+    hidden: boolean;
+    inert: boolean;
+    innerText: string;
+    lang: string;
+    readonly offsetHeight: number;
+    readonly offsetLeft: number;
+    readonly offsetParent: Element | null;
+    readonly offsetTop: number;
+    readonly offsetWidth: number;
+    outerText: string;
+    popover: string | null;
+    spellcheck: boolean;
+    title: string;
+    translate: boolean;
+    writingSuggestions: string;
+    attachInternals(): ElementInternals;
+    click(): void;
+    hidePopover(): void;
+    showPopover(): void;
+    togglePopover(options?: boolean): boolean;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    readonly attributes: NamedNodeMap;
+    get classList(): DOMTokenList;
+    set classList(value: string): any;
+    className: string;
+    readonly clientHeight: number;
+    readonly clientLeft: number;
+    readonly clientTop: number;
+    readonly clientWidth: number;
+    readonly currentCSSZoom: number;
+    id: string;
+    innerHTML: string;
+    readonly localName: string;
+    readonly namespaceURI: string | null;
+    onfullscreenchange: (this: Element, ev: Event) => any;
+    onfullscreenerror: (this: Element, ev: Event) => any;
+    outerHTML: string;
+    readonly ownerDocument: Document;
+    get part(): DOMTokenList;
+    set part(value: string): any;
+    readonly prefix: string | null;
+    readonly scrollHeight: number;
+    scrollLeft: number;
+    scrollTop: number;
+    readonly scrollWidth: number;
+    readonly shadowRoot: ShadowRoot | null;
+    slot: string;
+    readonly tagName: string;
+    attachShadow(init: ShadowRootInit): ShadowRoot;
+    checkVisibility(options?: CheckVisibilityOptions): boolean;
+    closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K];
+    closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K];
+    closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K];
+    closest<E extends Element = Element>(selectors: string): E;
+    computedStyleMap(): StylePropertyMapReadOnly;
+    getAttribute(qualifiedName: string): string | null;
+    getAttributeNS(namespace: string | null, localName: string): string | null;
+    getAttributeNames(): string[];
+    getAttributeNode(qualifiedName: string): Attr | null;
+    getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
+    getBoundingClientRect(): DOMRect;
+    getClientRects(): DOMRectList;
+    getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
+    getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+    getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+    getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+    getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+    getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+    getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+    getHTML(options?: GetHTMLOptions): string;
+    hasAttribute(qualifiedName: string): boolean;
+    hasAttributeNS(namespace: string | null, localName: string): boolean;
+    hasAttributes(): boolean;
+    hasPointerCapture(pointerId: number): boolean;
+    insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+    insertAdjacentHTML(position: InsertPosition, string: string): void;
+    insertAdjacentText(where: InsertPosition, data: string): void;
+    matches(selectors: string): boolean;
+    releasePointerCapture(pointerId: number): void;
+    removeAttribute(qualifiedName: string): void;
+    removeAttributeNS(namespace: string | null, localName: string): void;
+    removeAttributeNode(attr: Attr): Attr;
+    requestFullscreen(options?: FullscreenOptions): Promise<void>;
+    requestPointerLock(options?: PointerLockOptions): Promise<void>;
+    scroll(options?: ScrollToOptions): void;
+    scroll(x: number, y: number): void;
+    scrollBy(options?: ScrollToOptions): void;
+    scrollBy(x: number, y: number): void;
+    scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+    scrollTo(options?: ScrollToOptions): void;
+    scrollTo(x: number, y: number): void;
+    setAttribute(qualifiedName: string, value: string): void;
+    setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+    setAttributeNode(attr: Attr): Attr | null;
+    setAttributeNodeNS(attr: Attr): Attr | null;
+    setHTMLUnsafe(html: string): void;
+    setPointerCapture(pointerId: number): void;
+    toggleAttribute(qualifiedName: string, force?: boolean): boolean;
+    webkitMatchesSelector(selectors: string): boolean;
+    textContent: string;
+    readonly baseURI: string;
+    readonly childNodes: NodeListOf<ChildNode>;
+    readonly firstChild: ChildNode | null;
+    readonly isConnected: boolean;
+    readonly lastChild: ChildNode | null;
+    readonly nextSibling: ChildNode | null;
+    readonly nodeName: string;
+    readonly nodeType: number;
+    nodeValue: string | null;
+    readonly parentElement: HTMLElement | null;
+    readonly parentNode: ParentNode | null;
+    readonly previousSibling: ChildNode | null;
+    appendChild<T_1 extends Node>(node: T_1): T_1;
+    compareDocumentPosition(other: Node): number;
+    contains(other: Node | null): boolean;
+    getRootNode(options?: GetRootNodeOptions): Node;
+    hasChildNodes(): boolean;
+    insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
+    isDefaultNamespace(namespace: string | null): boolean;
+    isEqualNode(otherNode: Node | null): boolean;
+    isSameNode(otherNode: Node | null): boolean;
+    lookupNamespaceURI(prefix: string | null): string | null;
+    lookupPrefix(namespace: string | null): string | null;
+    normalize(): void;
+    removeChild<T_1 extends Node>(child: T_1): T_1;
+    replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
+    readonly ELEMENT_NODE: 1;
+    readonly ATTRIBUTE_NODE: 2;
+    readonly TEXT_NODE: 3;
+    readonly CDATA_SECTION_NODE: 4;
+    readonly ENTITY_REFERENCE_NODE: 5;
+    readonly ENTITY_NODE: 6;
+    readonly PROCESSING_INSTRUCTION_NODE: 7;
+    readonly COMMENT_NODE: 8;
+    readonly DOCUMENT_NODE: 9;
+    readonly DOCUMENT_TYPE_NODE: 10;
+    readonly DOCUMENT_FRAGMENT_NODE: 11;
+    readonly NOTATION_NODE: 12;
+    readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+    readonly DOCUMENT_POSITION_PRECEDING: 2;
+    readonly DOCUMENT_POSITION_FOLLOWING: 4;
+    readonly DOCUMENT_POSITION_CONTAINS: 8;
+    readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+    dispatchEvent(event: Event): boolean;
+    ariaActiveDescendantElement: Element | null;
+    ariaAtomic: string | null;
+    ariaAutoComplete: string | null;
+    ariaBrailleLabel: string | null;
+    ariaBrailleRoleDescription: string | null;
+    ariaBusy: string | null;
+    ariaChecked: string | null;
+    ariaColCount: string | null;
+    ariaColIndex: string | null;
+    ariaColIndexText: string | null;
+    ariaColSpan: string | null;
+    ariaControlsElements: ReadonlyArray<Element> | null;
+    ariaCurrent: string | null;
+    ariaDescribedByElements: ReadonlyArray<Element> | null;
+    ariaDescription: string | null;
+    ariaDetailsElements: ReadonlyArray<Element> | null;
+    ariaDisabled: string | null;
+    ariaErrorMessageElements: ReadonlyArray<Element> | null;
+    ariaExpanded: string | null;
+    ariaFlowToElements: ReadonlyArray<Element> | null;
+    ariaHasPopup: string | null;
+    ariaHidden: string | null;
+    ariaInvalid: string | null;
+    ariaKeyShortcuts: string | null;
+    ariaLabel: string | null;
+    ariaLabelledByElements: ReadonlyArray<Element> | null;
+    ariaLevel: string | null;
+    ariaLive: string | null;
+    ariaModal: string | null;
+    ariaMultiLine: string | null;
+    ariaMultiSelectable: string | null;
+    ariaOrientation: string | null;
+    ariaOwnsElements: ReadonlyArray<Element> | null;
+    ariaPlaceholder: string | null;
+    ariaPosInSet: string | null;
+    ariaPressed: string | null;
+    ariaReadOnly: string | null;
+    ariaRelevant: string | null;
+    ariaRequired: string | null;
+    ariaRoleDescription: string | null;
+    ariaRowCount: string | null;
+    ariaRowIndex: string | null;
+    ariaRowIndexText: string | null;
+    ariaRowSpan: string | null;
+    ariaSelected: string | null;
+    ariaSetSize: string | null;
+    ariaSort: string | null;
+    ariaValueMax: string | null;
+    ariaValueMin: string | null;
+    ariaValueNow: string | null;
+    ariaValueText: string | null;
+    role: string | null;
+    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
+    getAnimations(options?: GetAnimationsOptions): Animation[];
+    after(...nodes: (Node | string)[]): void;
+    before(...nodes: (Node | string)[]): void;
+    remove(): void;
+    replaceWith(...nodes: (Node | string)[]): void;
+    readonly nextElementSibling: Element | null;
+    readonly previousElementSibling: Element | null;
+    readonly childElementCount: number;
+    readonly children: HTMLCollection;
+    readonly firstElementChild: Element | null;
+    readonly lastElementChild: Element | null;
+    append(...nodes: (Node | string)[]): void;
+    prepend(...nodes: (Node | string)[]): void;
+    querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+    querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+    querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+    querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+    querySelector<E extends Element = Element>(selectors: string): E | null;
+    querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+    querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+    querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+    querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+    querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+    replaceChildren(...nodes: (Node | string)[]): void;
+    readonly assignedSlot: HTMLSlotElement | null;
+    readonly attributeStyleMap: StylePropertyMap;
+    get style(): CSSStyleDeclaration;
+    set style(cssText: string): any;
+    contentEditable: string;
+    enterKeyHint: string;
+    inputMode: string;
+    readonly isContentEditable: boolean;
+    onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+    onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+    onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+    onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+    oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+    oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+    ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onerror: OnErrorEventHandler;
+    onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+    onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+    ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+    onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+    onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+    onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+    onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+    onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+    ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+    autofocus: boolean;
+    readonly dataset: DOMStringMap;
+    nonce?: string;
+    tabIndex: number;
+    blur(): void;
+    focus(options?: FocusOptions): void;
+}) & typeof FoundationElement;
+
+/**
+ * Multicolumn Dropdown styles.
+ * @public
+ */
+export declare const multicolumnDropdownStyles: ElementStyles;
+
+/**
+ * The default Multicolumn Dropdown template using the 'foundation' design system prefix.
+ * @public
+ */
+export declare const multicolumnDropdownTemplate: ViewTemplate<MulticolumnDropdown, any>;
+
 /**
  * The AG Multiselect Editor element.
  * @public
@@ -5601,6 +6115,9 @@ export declare enum OperationType {
     Remove = "remove"
 }
 
+/** The CSS class to use for the options element's class in the dropdown */
+export declare const optionsClass = "options";
+
 /**
  * Pagination Status Bar Component for AG Grid
  * Displays pagination controls and information about current page and total rows
@@ -5980,4 +6497,10 @@ declare type UntypeNonFunctions<T> = {
     [K in keyof T]: T[K] extends (...args: any[]) => any ? T[K] : never;
 };
 
+/**
+ * Checks if the given mouse event occurred outside the target element.
+ * @public
+ */
+export declare const wasClickOutsideElement: (event: MouseEvent, target: EventTarget) => boolean;
+
 export { }

package/docs/api/grid-pro.display_none_class.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/grid-pro](./grid-pro.md) &gt; [DISPLAY\_NONE\_CLASS](./grid-pro.display_none_class.md)
+
+## DISPLAY\_NONE\_CLASS variable
+
+Class name used to hide elements with display:none
+
+**Signature:**
+
+```typescript
+DISPLAY_NONE_CLASS = "dnone"
+```

package/docs/api/grid-pro.dropdownwidthvar.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/grid-pro](./grid-pro.md) &gt; [dropdownWidthVar](./grid-pro.dropdownwidthvar.md)
+
+## dropdownWidthVar variable
+
+The CSS variable to use for specifying the dropdown's width
+
+**Signature:**
+
+```typescript
+dropdownWidthVar = "--dropdown-width"
+```

package/docs/api/grid-pro.foundationgridcomponents.md

@@ -127,6 +127,15 @@ foundationGridComponents: {
         styles: import("@microsoft/fast-element").ElementStyles;
         template: import("@microsoft/fast-element").ViewTemplate<import("./cell-editors").StringEditor, any>;
     }, typeof import("./cell-editors").StringEditor>;
+    foundationMulticolumnDropdown: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./multicolumn-dropdown").MulticolumnDropdown, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+    }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./multicolumn-dropdown").MulticolumnDropdown, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+    }, typeof import("./multicolumn-dropdown").MulticolumnDropdown>;
     foundationStatusPillRenderer: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
         template: import("@microsoft/fast-element").ViewTemplate<any, any>;

package/docs/api/grid-pro.foundationmulticolumndropdown.md

@@ -0,0 +1,66 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/grid-pro](./grid-pro.md) &gt; [foundationMulticolumnDropdown](./grid-pro.foundationmulticolumndropdown.md)
+
+## foundationMulticolumnDropdown() function
+
+A function that returns a Multicolumn Dropdown registration for configuring the component with a DesignSystem.
+
+**Signature:**
+
+```typescript
+foundationMulticolumnDropdown: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<MulticolumnDropdown, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<MulticolumnDropdown, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+}, typeof MulticolumnDropdown>
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+overrideDefinition
+
+
+</td><td>
+
+import("@microsoft/fast-foundation").OverrideFoundationElementDefinition&lt;{ baseName: string; template: import("@microsoft/fast-element").ViewTemplate&lt;[MulticolumnDropdown](./grid-pro.multicolumndropdown.md)<!-- -->, any&gt;; styles: import("@microsoft/fast-element").ElementStyles; }&gt;
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+import("@microsoft/fast-foundation").FoundationElementRegistry&lt;{ baseName: string; template: import("@microsoft/fast-element").ViewTemplate&lt;[MulticolumnDropdown](./grid-pro.multicolumndropdown.md)<!-- -->, any&gt;; styles: import("@microsoft/fast-element").ElementStyles; }, typeof [MulticolumnDropdown](./grid-pro.multicolumndropdown.md)<!-- -->&gt;
+
+## Remarks
+
+HTML Element: &lt;<!-- -->foundation-multicolumn-dropdown<!-- -->&gt;
+