@genesislcap/foundation-utils 15.5.0 → 15.6.1-ts7-migration.1

package/dist/foundation-utils.d.ts

@@ -136,8 +136,6 @@ export declare type ConstructableLifecycleHandler = Constructable<FASTElement &
  */
 export declare type ConstructablePendingState = Constructable<FASTElement & HTMLElement>;
 
-declare type Container = FoundationLayoutContainer | LayoutCacheContainer | DOMContainer;
-
 /**
  * Represents the possible types of value conversion for data synchronization.
  * @public
@@ -209,7 +207,7 @@ export declare namespace DatabaseAccessResult {
         id: string;
         success: boolean;
     }
-        {};
+    export {};
 }
 
 /**
@@ -225,7 +223,7 @@ export declare namespace DatabaseEvent {
     }
     export interface AfterUpdate<T> extends Update<T> {
     }
-        {};
+    export {};
 }
 
 /**
@@ -673,7 +671,7 @@ export declare class FoundationShortcutListener extends FASTElement {
 
 /** @public */
 export declare namespace Genesis {
-    const genesisFieldTypes: readonly ["STRING", "ENUM", "INT", "SHORT", "DOUBLE", "LONG", "BOOLEAN", "BIGDECIMAL", "DATE", "DATETIME", "RAW", "NANO_TIMESTAMP"];
+    const genesisFieldTypes: readonly ['STRING', 'ENUM', 'INT', 'SHORT', 'DOUBLE', 'LONG', 'BOOLEAN', 'BIGDECIMAL', 'DATE', 'DATETIME', 'RAW', 'NANO_TIMESTAMP'];
     export type GenesisFieldTypes = (typeof genesisFieldTypes)[number];
     export type JSONSchema7 = JSONSchema7 & {
         properties?: {
@@ -1026,245 +1024,271 @@ export declare const layoutCacheDocument: unique symbol;
  * @remarks These can be used to control what lifecycle functionality is ran when the elements
  * are part of a custom layout. The class itself handles all events
  * @privateRemarks
- * #_ syntax is used for a javascript private method/variable
- * we can't use private/protected from typescript in an anonymous class like this
+ * #_ syntax is used for a javascript private method/variable.
+ * The return type is annotated explicitly (rather than inferred) because TypeScript's
+ * declaration emit can't represent private members of an anonymous mixin class - the
+ * annotation limits the emitted public surface to {@link LifecycleMixinInstance}.
+ */
+export declare const LifecycleMixin: <T extends ConstructableLifecycleHandler>(Base: T) => T & Constructable<LifecycleMixinInstance>;
+
+/**
+ * The public surface added by {@link LifecycleMixin}.
+ * @public
+ */
+export declare type LifecycleMixinInstance = {
+    cloneNode(deep?: boolean): Node;
+    deepClone(): Node;
+    readonly shouldRunDisconnect: boolean;
+    readonly shouldRunConnect: boolean;
+    connectedCallback(): void;
+};
+
+/**
+ * Creates an observer that facilitates the subscription and publication of events.
+ * @public
+ */
+export declare type Listener<EventType> = (ev: EventType) => void;
+
+/**
+ * Loads font faces by inserting a style element with the specified font face rules into the document.
+ * @param fontFaceRules - The CSS rules for the font faces.
+ * @param styleElementId - The ID of the style element to insert into the document.
+ * @public
+ */
+export declare const loadFontFaces: (fontFaceRules: string, styleElementId: string) => void;
+
+/**
+ * A logger that extends the `Consola` logger.
+ *
+ * @remarks
+ * This logger is part of the package's API but may still be subject to changes and improvements.
+ *
+ * @public
+ */
+export declare interface Logger extends Logger_2 {
+    /**
+     * A logger method for deprecated symbols.
+     *
+     * @remarks
+     * Pair with a deprecated tag. See {@link https://tsdoc.org/pages/tags/deprecated/} for more information.
+     *
+     * @example
+     * ```ts
+     * logger.deprecated('someSymbol');
+     * ```
+     *
+     * @example With a custom instruction and target removal version.
+     * ```ts
+     * logger.deprecated('routeButtons', 'Use the default slot instead.', '20.0.0');
+     * ```
+     *
+     * @param symbol - The deprecated symbol.
+     * @param instruction - An optional alternative instruction. Defaults to `Consult docs for better alternative.`
+     * @param removalVersionTarget - An optional target removal version number.
+     */
+    deprecated(symbol: string, instruction?: string, removalVersionTarget?: string): void;
+}
+
+/**
+ * Logger for the foundation-utils package
+ * @public
+ */
+export declare const logger: Logger_2;
+
+/**
+ * Options for creating a logger.
+ * @public
+ */
+export declare interface LoggerOptions extends LoggerOptions_2 {
+}
+
+/**
+ * @public
+ */
+export declare let LOGIN_DETAILS_URL: string;
+
+/**
+ * @public
+ */
+export declare let LOGIN_REFRESH_URL: string;
+
+/**
+ * @public
+ */
+export declare let LOGIN_URL: string;
+
+export { LogLevel }
+
+/**
+ * @public
+ */
+export declare let LOGOUT_URL: string;
+
+/**
+ * @internal
+ */
+declare type LowercaseOperation = 'insert' | 'modify' | 'delete';
+
+/**
+ * Takes in a valid response from `connect.getJsonSchema(resourceName)` and maps it to
+ * a JsonSchema extended with the genesisType metadata for a field
+ *
+ * @public
+ */
+export declare function mapGenesisJsonSchema(jsonSchemResponse: {
+    OUTBOUND: JSONSchema7;
+}): Genesis.JSONSchema7;
+
+/**
+ * Maps fields contained in a JSON schema block enhanced with genesisType metadata
+ * to the field shape required by the expression builder component.
+ *
+ * Only sets the properties that are *required*. Optional properties, such as
+ * `defaultValue`, must be explicitly set by the user separately.
+ *
+ * @example
+ * ```ts
+ * import { mapGenesisJsonSchema, mapJsonSchemaFieldToExprBuilderField } from '@genesislcap/foundation-utils';
+ *
+ * const response = await connect.getJsonSchema("RESOURCE_NAME");
+ * // Assuming the response is valid, requires checking
+ * const schema = mapGenesisJsonSchema(response);
+ * const fields = Object.entries(schema.properties).map(mapJsonSchemaFieldToExprBuilderField);
+ * ```
+ * @public
+ */
+export declare function mapJsonSchemaFieldToExprBuilderField([name, schema]: [
+string,
+Genesis.FieldJsonSchema
+]): Types.Field | null;
+
+/**
+ * A no-operation function that executes an optional callback.
+ *
+ * This is a lower-level utility function. For preventing tree-shaking of custom elements,
+ * prefer using {@link avoidTreeShaking} which provides a more explicit API.
+ *
+ * @param callback - An optional function to execute for its side effects.
+ * @public
+ */
+export declare const noop: (fn?: () => void) => void;
+
+/**
+ * @public
+ */
+export declare class NumberParser {
+    /**
+     * reference: https://observablehq.com/\@mbostock/localized-number-parsing
+     * @internal
+     */
+    private _group;
+    private _decimal;
+    private _separator;
+    private _numeral;
+    private _index;
+    constructor(locale: string);
+    parse(localeNumber: string): number;
+    hasSeparator(localeNumber: string): boolean;
+}
+
+/**
+ * @privateRemarks
+ * Code borrowed from fast-element v2. We can remove post upgrade.
+ *
+ * @example
+ * Reactive visitor example.
+ * ```ts
+ * const makeObserverVisitor: ObjectVisitor<undefined> = {
+ *   visitObject: noop,
+ *   visitArray: noop,
+ *   visitProperty(object: any, propertyName: string, value: any): void {
+ *     Reflect.defineProperty(object, propertyName, {
+ *       enumerable: true,
+ *       get() {
+ *         Observable.track(object, propertyName);
+ *         return value;
+ *       },
+ *       set(newValue: any) {
+ *         if (value !== newValue) {
+ *           value = newValue;
+ *           Observable.notify(object, propertyName);
+ *         }
+ *       },
+ *     });
+ *   },
+ * };
+ * ```
+ *
+ * @beta
+ */
+export declare interface ObjectVisitor<TVisitorData> {
+    visitObject(object: any, data: TVisitorData): void;
+    visitArray(array: any[], data: TVisitorData): void;
+    visitProperty(object: any, key: PropertyKey, value: any, data: TVisitorData): void;
+}
+
+/**
+ * Represents an event observer that manages the subscription and publication of events.
+ * @public
+ */
+export declare interface Observer<EventType> {
+    subscribe: Subscribe<EventType>;
+    publish: Publish<EventType>;
+}
+
+/**
+ * Opens a new browser window with the specified URL, target, width, and height.
+ * @param urlNavigate - The URL to navigate to.
+ * @param target - The name of the new window.
+ * @param popUpWidth - The width of the new window (optional).
+ * @param popUpHeight - The height of the new window (optional).
+ * @returns A reference to the new window.
+ * @public
+ */
+export declare const openPopup: (urlNavigate: string, target: string, popUpWidth?: number, popUpHeight?: number) => Window;
+
+/**
+ * The `PendingState` mixin.
+ * @public
  */
-export declare const LifecycleMixin: <T extends ConstructableLifecycleHandler>(Base: T) => {
+export declare const PendingState: <TBase extends ConstructablePendingState>(Base: TBase) => {
     new (...args: any[]): {
-        /** @internal **/
-        #_container: Container;
-        /**
-         * If the token changes we suggest blocking the lifecycle methods
-         * @internal
-         **/
-        #_latestTokenCode: string;
-        /**
-         * Track first loaded to allow us to always run the connect lifecycle on the first load
-         * @internal
-         **/
-        #_hasFirstLoaded: boolean;
-        /**
-         * When you request to delete an item from the layout it will be removed from the DOM,
-         * but the lifecycle might be blocked due to the same mechanism that we block the other
-         * items.
-         * This would block cleanup of the item, so we need to force a disconnection after a timeout
-         * if this item hasn't reconnected within `CLEANUP_TIMEOUT_MS`.
-         * @internal
-         **/
-        #_cleanupTimeout: NodeJS.Timeout;
-        /**
-         * Used to force lifecycle to run even if the token has changed, such as in instances where
-         * we are forcing a disconnection due to this item being remove from the layout.
-         * @internal
-         **/
-        #_shouldForceLifecycle: boolean;
-        /**
-         * Set once a short grace period (`setTimeout`) has elapsed since a blocked ('reflow')
-         * disconnect. Some consumers run defensive cleanup after the block via schedulers that can
-         * outlast a microtask (e.g. FAST's `DOM.queueUpdate`), so a macrotask-scale grace period is
-         * needed - once it has passed, the paired reconnect must not stay blocked, or the consumer
-         * never re-initializes.
-         * @internal
-         **/
-        #_blockedDisconnectSurvivedGracePeriod: boolean;
         /**
-         * @privateRemarks
-         * Rather than using the basic implementation of cloning we run a copy constructor (deepClone)
-         * and then manually clone the children too so they can intercept with an overriden cloneNode
-         * if they want to
+         * The number of promises that are currently pending.
+         * @public
          */
-        cloneNode(deep?: boolean): Node;
+        pendingCount: number;
         /**
-         * @privateRemarks
-         * Basic implementation of a copy constructor which creates a new element of the same class
-         * and copies all attributes over.
-         * None-trivial elements will likely want to override this function, call it using super.deepClone(),
-         * and then perform extra setup such as copying properties, setting up event listeners
+         * The number of promises that have been resolved.
+         * @public
          */
-        deepClone(): Node;
+        resolvedCount: number;
         /**
-         * @beta
-         * @returns - boolean controlling whether to run all disconnectedCallback lifecycle functionality
+         * A boolean indicating whether there are any pending children.
+         * @public
          */
-        get shouldRunDisconnect(): boolean;
+        hasPendingChildren: boolean;
         /**
-         * @beta
-         * @returns - boolean controlling whether to run all connectedCallback lifecycle functionality
-         * @privateRemarks
-         * For now its just the same logic as shouldRunDisconnect
+         * Gets the progress of the pending promises as a percentage between 0 and 1.
+         * @public
          */
-        get shouldRunConnect(): boolean;
-        #_blockLifecycleDueToTokenChange(lifecycleType: Lifecycletype): boolean;
+        get progress(): number;
         /**
+         * Called when the element is connected to the DOM.
          * @internal
-         * Recursive function to try and find containing layout object
-         *
-         * @returns the layout object casted to the {@link @genesislcap/foundation-utils#FoundationLayoutContainer} interface if we are in a
-         * layout object, {@link @genesislcap/foundation-utils#LayoutCacheContainer} if the element is in the layout cache, else {@link @genesislcap/foundation-utils#DOMContainer}.
          */
-        #_tryFindContainingLayout(e: Element): Container;
         connectedCallback(): void;
-        readonly $fastController: Controller;
-        $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
+        /**
+         * Called when the element is disconnected from the DOM.
+         * @internal
+         */
         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);
-        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);
-        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;
+        /**
+         * Handles the `pending-state` event.
+         * @param event - The `pending-state` event.
+         * @internal
+         */
+        onPendingState({ detail }: PendingStateEvent): Promise<void>;
         ariaActiveDescendantElement: Element | null;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
@@ -1287,459 +1311,42 @@ export declare const LifecycleMixin: <T extends ConstructableLifecycleHandler>(B
         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);
-        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;
-    };
-} & T;
-
-declare type Lifecycletype = 'connect' | 'disconnect' | 'reconnect';
-
-/**
- * Creates an observer that facilitates the subscription and publication of events.
- * @public
- */
-export declare type Listener<EventType> = (ev: EventType) => void;
-
-/**
- * Loads font faces by inserting a style element with the specified font face rules into the document.
- * @param fontFaceRules - The CSS rules for the font faces.
- * @param styleElementId - The ID of the style element to insert into the document.
- * @public
- */
-export declare const loadFontFaces: (fontFaceRules: string, styleElementId: string) => void;
-
-/**
- * A logger that extends the `Consola` logger.
- *
- * @remarks
- * This logger is part of the package's API but may still be subject to changes and improvements.
- *
- * @public
- */
-export declare interface Logger extends Logger_2 {
-    /**
-     * A logger method for deprecated symbols.
-     *
-     * @remarks
-     * Pair with a deprecated tag. See {@link https://tsdoc.org/pages/tags/deprecated/} for more information.
-     *
-     * @example
-     * ```ts
-     * logger.deprecated('someSymbol');
-     * ```
-     *
-     * @example With a custom instruction and target removal version.
-     * ```ts
-     * logger.deprecated('routeButtons', 'Use the default slot instead.', '20.0.0');
-     * ```
-     *
-     * @param symbol - The deprecated symbol.
-     * @param instruction - An optional alternative instruction. Defaults to `Consult docs for better alternative.`
-     * @param removalVersionTarget - An optional target removal version number.
-     */
-    deprecated(symbol: string, instruction?: string, removalVersionTarget?: string): void;
-}
-
-/**
- * Logger for the foundation-utils package
- * @public
- */
-export declare const logger: Logger_2;
-
-/**
- * Options for creating a logger.
- * @public
- */
-export declare interface LoggerOptions extends LoggerOptions_2 {
-}
-
-/**
- * @public
- */
-export declare let LOGIN_DETAILS_URL: string;
-
-/**
- * @public
- */
-export declare let LOGIN_REFRESH_URL: string;
-
-/**
- * @public
- */
-export declare let LOGIN_URL: string;
-
-export { LogLevel }
-
-/**
- * @public
- */
-export declare let LOGOUT_URL: string;
-
-/**
- * @internal
- */
-declare type LowercaseOperation = 'insert' | 'modify' | 'delete';
-
-/**
- * Takes in a valid response from `connect.getJsonSchema(resourceName)` and maps it to
- * a JsonSchema extended with the genesisType metadata for a field
- *
- * @public
- */
-export declare function mapGenesisJsonSchema(jsonSchemResponse: {
-    OUTBOUND: JSONSchema7;
-}): Genesis.JSONSchema7;
-
-/**
- * Maps fields contained in a JSON schema block enhanced with genesisType metadata
- * to the field shape required by the expression builder component.
- *
- * Only sets the properties that are *required*. Optional properties, such as
- * `defaultValue`, must be explicitly set by the user separately.
- *
- * @example
- * ```ts
- * import { mapGenesisJsonSchema, mapJsonSchemaFieldToExprBuilderField } from '@genesislcap/foundation-utils';
- *
- * const response = await connect.getJsonSchema("RESOURCE_NAME");
- * // Assuming the response is valid, requires checking
- * const schema = mapGenesisJsonSchema(response);
- * const fields = Object.entries(schema.properties).map(mapJsonSchemaFieldToExprBuilderField);
- * ```
- * @public
- */
-export declare function mapJsonSchemaFieldToExprBuilderField([name, schema]: [
-string,
-Genesis.FieldJsonSchema
-]): Types.Field | null;
-
-/**
- * A no-operation function that executes an optional callback.
- *
- * This is a lower-level utility function. For preventing tree-shaking of custom elements,
- * prefer using {@link avoidTreeShaking} which provides a more explicit API.
- *
- * @param callback - An optional function to execute for its side effects.
- * @public
- */
-export declare const noop: (fn?: () => void) => void;
-
-/**
- * @public
- */
-export declare class NumberParser {
-    /**
-     * reference: https://observablehq.com/\@mbostock/localized-number-parsing
-     * @internal
-     */
-    private _group;
-    private _decimal;
-    private _separator;
-    private _numeral;
-    private _index;
-    constructor(locale: string);
-    parse(localeNumber: string): number;
-    hasSeparator(localeNumber: string): boolean;
-}
-
-/**
- * @privateRemarks
- * Code borrowed from fast-element v2. We can remove post upgrade.
- *
- * @example
- * Reactive visitor example.
- * ```ts
- * const makeObserverVisitor: ObjectVisitor<undefined> = {
- *   visitObject: noop,
- *   visitArray: noop,
- *   visitProperty(object: any, propertyName: string, value: any): void {
- *     Reflect.defineProperty(object, propertyName, {
- *       enumerable: true,
- *       get() {
- *         Observable.track(object, propertyName);
- *         return value;
- *       },
- *       set(newValue: any) {
- *         if (value !== newValue) {
- *           value = newValue;
- *           Observable.notify(object, propertyName);
- *         }
- *       },
- *     });
- *   },
- * };
- * ```
- *
- * @beta
- */
-export declare interface ObjectVisitor<TVisitorData> {
-    visitObject(object: any, data: TVisitorData): void;
-    visitArray(array: any[], data: TVisitorData): void;
-    visitProperty(object: any, key: PropertyKey, value: any, data: TVisitorData): void;
-}
-
-/**
- * Represents an event observer that manages the subscription and publication of events.
- * @public
- */
-export declare interface Observer<EventType> {
-    subscribe: Subscribe<EventType>;
-    publish: Publish<EventType>;
-}
-
-/**
- * Opens a new browser window with the specified URL, target, width, and height.
- * @param urlNavigate - The URL to navigate to.
- * @param target - The name of the new window.
- * @param popUpWidth - The width of the new window (optional).
- * @param popUpHeight - The height of the new window (optional).
- * @returns A reference to the new window.
- * @public
- */
-export declare const openPopup: (urlNavigate: string, target: string, popUpWidth?: number, popUpHeight?: number) => Window;
-
-/**
- * The `PendingState` mixin.
- * @public
- */
-export declare const PendingState: <TBase extends ConstructablePendingState>(Base: TBase) => {
-    new (...args: any[]): {
-        /**
-         * The number of promises that are currently pending.
-         * @public
-         */
-        pendingCount: number;
-        /**
-         * The number of promises that have been resolved.
-         * @public
-         */
-        resolvedCount: number;
-        /**
-         * A boolean indicating whether there are any pending children.
-         * @public
-         */
-        hasPendingChildren: boolean;
-        /**
-         * Gets the progress of the pending promises as a percentage between 0 and 1.
-         * @public
-         */
-        get progress(): number;
-        /**
-         * Called when the element is connected to the DOM.
-         * @internal
-         */
-        connectedCallback(): void;
-        /**
-         * Called when the element is disconnected from the DOM.
-         * @internal
-         */
-        disconnectedCallback(): void;
-        /**
-         * Handles the `pending-state` event.
-         * @param event - The `pending-state` event.
-         * @internal
-         */
-        onPendingState({ detail }: PendingStateEvent): Promise<void>;
-        readonly $fastController: Controller;
-        $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | 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;
+        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 attributes: NamedNodeMap;
         get classList(): DOMTokenList;
         set classList(value: string);
@@ -1749,6 +1356,7 @@ export declare const PendingState: <TBase extends ConstructablePendingState>(Bas
         readonly clientTop: number;
         readonly clientWidth: number;
         readonly currentCSSZoom: number;
+        readonly customElementRegistry: CustomElementRegistry | null;
         id: string;
         innerHTML: string;
         readonly localName: string;
@@ -1799,6 +1407,9 @@ export declare const PendingState: <TBase extends ConstructablePendingState>(Bas
         insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
         insertAdjacentHTML(position: InsertPosition, string: string): void;
         insertAdjacentText(where: InsertPosition, data: string): void;
+        matches<K extends keyof HTMLElementTagNameMap>(selectors: K): this is HTMLElementTagNameMap[K];
+        matches<K extends keyof SVGElementTagNameMap>(selectors: K): this is SVGElementTagNameMap[K];
+        matches<K extends keyof MathMLElementTagNameMap>(selectors: K): this is MathMLElementTagNameMap[K];
         matches(selectors: string): boolean;
         releasePointerCapture(pointerId: number): void;
         removeAttribute(qualifiedName: string): void;
@@ -1822,130 +1433,6 @@ export declare const PendingState: <TBase extends ConstructablePendingState>(Bas
         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 extends Node>(node: T): T;
-        cloneNode(subtree?: boolean): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T extends Node>(node: T, child: Node | null): T;
-        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 extends Node>(child: T): T;
-        replaceChild<T extends Node>(node: Node, child: T): T;
-        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);
@@ -1953,6 +1440,7 @@ export declare const PendingState: <TBase extends ConstructablePendingState>(Bas
         enterKeyHint: string;
         inputMode: string;
         readonly isContentEditable: boolean;
+        dispatchEvent(event: Event): boolean;
         onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
@@ -1969,6 +1457,7 @@ export declare const PendingState: <TBase extends ConstructablePendingState>(Bas
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncommand: ((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;
@@ -1990,7 +1479,7 @@ export declare const PendingState: <TBase extends ConstructablePendingState>(Bas
         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;
+        oninput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
         oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
         onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
@@ -2053,12 +1542,111 @@ export declare const PendingState: <TBase extends ConstructablePendingState>(Bas
         onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+        accessKey: string;
+        readonly accessKeyLabel: string;
+        autocapitalize: string;
+        autocorrect: boolean;
+        dir: string;
+        draggable: boolean;
+        hidden: boolean | "until-found";
+        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(options?: ShowPopoverOptions): void;
+        togglePopover(options?: TogglePopoverOptions | 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;
         autofocus: boolean;
         readonly dataset: DOMStringMap;
-        nonce?: string;
+        nonce: string;
         tabIndex: number;
         blur(): void;
         focus(options?: FocusOptions): void;
+        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 extends Node>(node: T): T;
+        cloneNode(subtree?: boolean): Node;
+        compareDocumentPosition(other: Node): number;
+        contains(other: Node | null): boolean;
+        getRootNode(options?: GetRootNodeOptions): Node;
+        hasChildNodes(): boolean;
+        insertBefore<T extends Node>(node: T, child: Node | null): T;
+        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 extends Node>(child: T): T;
+        replaceChild<T extends Node>(node: Node, child: T): T;
+        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;
+        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;
+        moveBefore(node: Node, child: Node | null): 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 $fastController: Controller;
+        $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
+        attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     };
 } & TBase;
 
@@ -2227,8 +1815,8 @@ export declare const resolveAfter: <T = any>(ms: number, valueCreator: () => T)
  * @public
  */
 export declare const ResourceType: {
-    readonly local: "local";
-    readonly remote: "remote";
+    readonly local: 'local';
+    readonly remote: 'remote';
 };
 
 /**