@sitecore-feaas/clientside 0.2.0 → 0.2.2

package/types/components/FEAASElement.d.ts

@@ -1,30 +1,307 @@
-import type { ReactNode, ReactElement, JSXElementConstructor } from 'react';
-import { FEAASBase } from './FEAASBase.js';
-export type ReactModules = {
+import type { ReactElement, ReactNode } from 'react';
+import type ReactDOMClient from 'react-dom/client';
+import type ReactDOM from 'react-dom';
+import type React from 'react';
+import { ControlledPromise } from '../utils/promise.js';
+export type OptionalExcept<T, K extends keyof T> = Pick<T, K> & Partial<Omit<T, K>>;
+declare var WebComponent: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+export interface ReactPayload {
     React: typeof React;
     ReactDOM: typeof ReactDOM;
-};
-export type ReactJSX = ReactNode | ReactElement<any, string | JSXElementConstructor<any>>;
-export type FEAASReactRender<P> = {
-    (this: FEAASElement<P>, props: P, payload: ReactModules): ReactJSX;
-};
-export default class FEAASElement<P> extends FEAASBase<P, ReactModules> {
-    load(): Promise<{
-        React: any;
-        ReactDOM: any;
-    }>;
-    render({}: P, { React }: ReactModules): ReactJSX;
+    ReactDOMClient: typeof ReactDOMClient;
 }
-interface MyComponentProps {
-    counter: string;
+declare global {
+    interface DocumentEventMap {
+        feaasMount: Event;
+        feaasUnmount: Event;
+        feaasLoad: Event;
+        feaasError: CustomEvent<Error>;
+    }
 }
-export declare class MyComponent extends FEAASElement<MyComponentProps> {
+/**
+ * FEAASElement is a superclass for FEAAS components with optional react support.
+ *
+ * Initialization lifecycle:
+ *
+ * - `set(props)`
+ * - `scheduleRender()` - any attribute change causes render to schedule to next frame
+ * - `whenRendered.restart()` - rendering promise is reset and will resolve after render
+ * - `advance()` - called on next frame
+ * - `if (isReadyToLoad()) => boolean` - check if component has all necessary properties to load
+ * - `load() => payload` => component is loaded
+ * - `onLoad?(payload)` => invoke loaded callback
+ * - `advance()` => going further in state machine
+ * - `flush()` => flushes all react changes if needed
+ * - `update()` => component-specific method (or react) to render changes to dom
+ * - `render(payload, props)` => render means react
+ * - `whenRendered.resolve()` - rendering promise is resolved after rendering
+ * - `whenLoaded.resolved()` - resolved after loading and rendering
+ */
+export declare class FEAASElement<Props = any, Payload = any> extends WebComponent {
     static observedAttributes: string[];
-    useShadowRoot: boolean;
-    getProps(): {
-        counter: number;
+    defaultProps: Partial<Props>;
+    /** Return attributes as parsed values */
+    getProps(context?: HTMLElement): any;
+    /** Properties parsed in current tick */
+    props: Props;
+    overrides: Props;
+    /** Timer until next tick */
+    nextRender: number;
+    /** Is/was component in the dom? */
+    connected: boolean;
+    refs: Record<string, FEAASElement>;
+    descendants: FEAASElement[];
+    /** Result of lazy loading */
+    payload: Payload;
+    whenLoaded: ControlledPromise<Payload>;
+    constructor();
+    /** Attaches shadow root if getShadowRootOptions any settings, or uses element itself */
+    getRoot(): FEAASElement | HTMLElement | ShadowRoot;
+    /** Attribute changes trigger props parsing and schedules re-rendering */
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /** Components parses its attributes when connected, and schedules rendeirng */
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Web components are initialized depth-first, making child elements render before its parents. This could here
+     * attempts to avoid this and inverts the initialization logic, so that children are initialized in the context of its
+     * already-initialized parents.
+     *
+     * FEAAS components dispatch `feaasMount` event that allows components to store references to each other. In addition
+     * it allows external scripts to listen for initialization of FEAAS components
+     */
+    mount(): void;
+    log(...args: any): void;
+    /** Nothing special happens on unmount, except setting a flag */
+    unmount(): void;
+    getParent(onlyFeaas?: boolean): Element;
+    getElements(root?: HTMLElement | ShadowRoot, onlyFeaas?: boolean): HTMLElement[];
+    /** Catch-all event handler that dispatches events to callback */
+    handleEvent(event: Event): void;
+    /** Act on children element being removed */
+    unnestedCallback(target: FEAASElement): void;
+    /** Act on children element being added */
+    nestedCallback(target: FEAASElement): boolean | void;
+    getComponentName(): string;
+    /**
+     * Check if lazy component is ready to be loaded. For example a component may stay unloaded unless certain attributes
+     * are set
+     */
+    isReadyToLoad(): boolean;
+    /** Generic error handler */
+    onError(error: Error, where?: string, handled?: boolean): boolean;
+    shouldUpdateOnLoad(): boolean;
+    onLoad: (payload: Payload) => void;
+    /** Load lazy component & render */
+    advance(): Promise<void>;
+    flush(): void;
+    /** Invoke preloading logic that needs to finish before component can render */
+    load(): Promise<any>;
+    /**
+     * Component-specific logic that updates the DOM. Default render implementation assume react rendering, in that case
+     * the component needs to provide React & ReactDOM references in its payload. Web component redefine its render to not
+     * use react at all
+     */
+    update(): any;
+    invokeReactRendering(): ReactNode;
+    reactWrapper: React.FunctionComponent;
+    reactErrorBoundary: new (...args: any) => React.Component<{
+        children: any;
+        slot: string;
+    }, {
+        error: Error;
+    }>;
+    reactRoot: ReactDOMClient.Root;
+    getReactErrorBoundary(target?: FEAASElement, displayName?: string): (new (...args: any) => React.Component<{
+        children: any;
+        slot: string;
+    }, {
+        error: Error;
+    }, any>) | {
+        new (props: {
+            children: any;
+            slot: string;
+        } | Readonly<{
+            children: any;
+            slot: string;
+        }>): {
+            state: {
+                error: Error;
+            };
+            componentDidCatch(error: Error, errorInfo: any): void;
+            render(): any;
+            context: unknown;
+            setState<K extends "error">(state: {
+                error: Error;
+            } | ((prevState: Readonly<{
+                error: Error;
+            }>, props: Readonly<{
+                children: any;
+                slot: string;
+            }>) => {
+                error: Error;
+            } | Pick<{
+                error: Error;
+            }, K>) | Pick<{
+                error: Error;
+            }, K>, callback?: () => void): void;
+            forceUpdate(callback?: () => void): void;
+            readonly props: Readonly<{
+                children: any;
+                slot: string;
+            }>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextState: Readonly<{
+                error: Error;
+            }>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, prevState: Readonly<{
+                error: Error;
+            }>): any;
+            componentDidUpdate?(prevProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, prevState: Readonly<{
+                error: Error;
+            }>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextState: Readonly<{
+                error: Error;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextState: Readonly<{
+                error: Error;
+            }>, nextContext: any): void;
+        };
+        new (props: {
+            children: any;
+            slot: string;
+        }, context: any): {
+            state: {
+                error: Error;
+            };
+            componentDidCatch(error: Error, errorInfo: any): void;
+            render(): any;
+            context: unknown;
+            setState<K extends "error">(state: {
+                error: Error;
+            } | ((prevState: Readonly<{
+                error: Error;
+            }>, props: Readonly<{
+                children: any;
+                slot: string;
+            }>) => {
+                error: Error;
+            } | Pick<{
+                error: Error;
+            }, K>) | Pick<{
+                error: Error;
+            }, K>, callback?: () => void): void;
+            forceUpdate(callback?: () => void): void;
+            readonly props: Readonly<{
+                children: any;
+                slot: string;
+            }>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextState: Readonly<{
+                error: Error;
+            }>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, prevState: Readonly<{
+                error: Error;
+            }>): any;
+            componentDidUpdate?(prevProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, prevState: Readonly<{
+                error: Error;
+            }>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextState: Readonly<{
+                error: Error;
+            }>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<{
+                children: any;
+                slot: string;
+            }>, nextState: Readonly<{
+                error: Error;
+            }>, nextContext: any): void;
+        };
+        getDerivedStateFromError(error: Error): {
+            error: Error;
+        };
+        contextType?: React.Context<any>;
     };
-    render({ counter }: MyComponentProps, { React }: ReactModules): ReactJSX;
+    getReactElement(target?: FEAASElement, props?: any): JSX.Element;
+    getReactWrapper(target?: FEAASElement, displayName?: string): React.FunctionComponent<{}>;
+    uid: string;
+    getUID(): string;
+    forceUpdateReact: (node?: ReactNode) => void;
+    /**
+     * Render method that is pretty much the same as React Functional component, but with extra second argument for
+     * payload (usually result of import, it is expected to have React in scope).
+     */
+    render?(props: React.PropsWithChildren<Props>, payload: Payload): ReactNode | ReactElement;
+    useShadowRoot: boolean;
+    getShadowRoot(): ShadowRoot;
+    getReactRootElement(): HTMLElement | ShadowRoot;
+    /** Set props and return values on new next tick */
+    set(overrides?: Partial<Props>): this;
+    import(path: string): Promise<Payload>;
+    /** Schedule rendering on next tick, to batch multiple attribute changes */
+    initialized: boolean;
+    whenRendered: ControlledPromise<this>;
+    scheduleRender(): void;
+    formatURL(src: string, hostname: string): string;
+    getContextAttribute(name: string, element?: this): string;
+    static register(tagName: string, win?: Window): void;
 }
-export {};
+export { FEAASElement as Element };
 //# sourceMappingURL=FEAASElement.d.ts.map

package/types/components/FEAASElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASElement.d.ts","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAqB,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B,CAAA;AACD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;AACzF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,GAAG,QAAQ,CAAA;CACnE,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,YAAY,CAAC,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC;IACrE,IAAI;;;;IAWJ,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;CAGjD;AAED,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,WAAY,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAE7D,MAAM,CAAC,kBAAkB,WAAc;IAEvC,aAAa,UAAO;IAGpB,QAAQ;;;IAQR,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;CAYzE"}
+{"version":3,"file":"FEAASElement.d.ts","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"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"}

package/types/components/FEAASLoader.d.ts

@@ -1,10 +1,10 @@
-import { FEAASBase } from './FEAASBase.js';
+import { FEAASElement } from './FEAASElement.js';
 export declare function FEAASLoaderProps(element: HTMLElement): {
     opacity: number;
     hidden: boolean;
 };
 type FEAASLoaderProps = ReturnType<typeof FEAASLoaderProps>;
-export declare class FEAASLoader extends FEAASBase<FEAASLoaderProps, string> {
+export declare class FEAASLoader extends FEAASElement<FEAASLoaderProps, string> {
     stylesheet: HTMLStyleElement;
     loader: HTMLDivElement;
     getProps(): {

package/types/components/FEAASLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASLoader.d.ts","sourceRoot":"","sources":["../../src/components/FEAASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW;;;EAKpD;AACD,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE3D,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClE,UAAU,EAAE,gBAAgB,CAAA;IAC5B,MAAM,EAAE,cAAc,CAAA;IAEtB,QAAQ;;;;IAIR,YAAY;;;OAEkB;IAE9B,MAAM,CAAC,kBAAkB,WAAwB;IAEjD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAgBhF,iBAAiB;IA6EjB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAA;SACpB;KACF;CACF;AAGD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,CAAA"}
+{"version":3,"file":"FEAASLoader.d.ts","sourceRoot":"","sources":["../../src/components/FEAASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW;;;EAKpD;AACD,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE3D,qBAAa,WAAY,SAAQ,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACrE,UAAU,EAAE,gBAAgB,CAAA;IAC5B,MAAM,EAAE,cAAc,CAAA;IAEtB,QAAQ;;;;IAIR,YAAY;;;OAEkB;IAE9B,MAAM,CAAC,kBAAkB,WAAwB;IAEjD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAgBhF,iBAAiB;IA6EjB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAA;SACpB;KACF;CACF;AAGD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,CAAA"}

package/types/components/FEAASReactElement.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode, ReactElement, JSXElementConstructor } from 'react';
+import { FEAASElement } from './FEAASElement.js';
+export type ReactModules = {
+    React: typeof React;
+    ReactDOM: typeof ReactDOM;
+};
+export type ReactJSX = ReactNode | ReactElement<any, string | JSXElementConstructor<any>>;
+export type FEAASReactRender<P> = {
+    (this: FEAASReactElement<P>, props: P, payload: ReactModules): ReactJSX;
+};
+export default class FEAASReactElement<P> extends FEAASElement<P, ReactModules> {
+    load(): Promise<{
+        React: any;
+        ReactDOM: any;
+    }>;
+    render({}: P, { React }: ReactModules): ReactJSX;
+}
+interface MyComponentProps {
+    counter: string;
+}
+export declare class MyComponent extends FEAASReactElement<MyComponentProps> {
+    static observedAttributes: string[];
+    useShadowRoot: boolean;
+    getProps(): {
+        counter: number;
+    };
+    render({ counter }: MyComponentProps, { React }: ReactModules): ReactJSX;
+}
+export {};
+//# sourceMappingURL=FEAASReactElement.d.ts.map

package/types/components/FEAASReactElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FEAASReactElement.d.ts","sourceRoot":"","sources":["../../src/components/FEAASReactElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAqB,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B,CAAA;AACD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;AACzF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,GAAG,QAAQ,CAAA;CACxE,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,iBAAiB,CAAC,CAAC,CAAE,SAAQ,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC;IAC7E,IAAI;;;;IAWJ,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;CAGjD;AAED,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,WAAY,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IAElE,MAAM,CAAC,kBAAkB,WAAc;IAEvC,aAAa,UAAO;IAGpB,QAAQ;;;IAQR,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;CAYzE"}

package/types/components/FEAASStylesheet.d.ts

@@ -1,8 +1,8 @@
 import { FEAASCDNStylesheetParams } from '../cdn.js';
-import { FEAASBase } from './FEAASBase.js';
-export declare function FEAASStylesheetProps(element: FEAASBase): FEAASCDNStylesheetParams;
+import { FEAASElement } from './FEAASElement.js';
+export declare function FEAASStylesheetProps(element: FEAASElement): FEAASCDNStylesheetParams;
 export type FEAASStylesheetProps = ReturnType<typeof FEAASStylesheetProps>;
-export declare class FEAASStylesheet extends FEAASBase<FEAASStylesheetProps, string> {
+export declare class FEAASStylesheet extends FEAASElement<FEAASStylesheetProps, string> {
     getProps(): FEAASCDNStylesheetParams;
     isReadyToLoad(): boolean;
     onLoad: (html: string) => void;

package/types/components/FEAASStylesheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASStylesheet.d.ts","sourceRoot":"","sources":["../../src/components/FEAASStylesheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,wBAAwB,EAAyB,MAAM,WAAW,CAAA;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,SAAS,4BAUtD;AACD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE1E,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC1E,QAAQ;IAIR,aAAa,IAAI,OAAO;IAIxB,MAAM,SAAU,MAAM,UAGrB;IAED,IAAI;CAGL;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,kBAAkB,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG;gBAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;aAAE,CAAA;SACvE;KACF;CACF;AAED,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,CAAA"}
+{"version":3,"file":"FEAASStylesheet.d.ts","sourceRoot":"","sources":["../../src/components/FEAASStylesheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,wBAAwB,EAAyB,MAAM,WAAW,CAAA;AAE5F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,4BAUzD;AACD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE1E,qBAAa,eAAgB,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC7E,QAAQ;IAIR,aAAa,IAAI,OAAO;IAIxB,MAAM,SAAU,MAAM,UAGrB;IAED,IAAI;CAGL;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,kBAAkB,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG;gBAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;aAAE,CAAA;SACvE;KACF;CACF;AAED,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,CAAA"}

package/types/headless.d.ts

@@ -2,16 +2,17 @@
  * Simplified build of clientside that does not rely on any Frontend UI (like pickers). It refered from Frontend app to
  * avoid circular dependency. Regular clientside build entry point is in ui/index.ts
  */
-import FEAASElement from './components/FEAASElement.js';
+import FEAASReactElement from './components/FEAASReactElement.js';
 export * from './dom/rendering.js';
 export * from './dom/data.js';
 export * from './dom/scripts.js';
 export * from './dom/stylesheet.js';
 export * from './dom/component.js';
 export * from './fetch.js';
+export * from './utils/promise.js';
 export * from './cdn.js';
-export * from './components/FEAASBase.js';
 export * from './components/FEAASElement.js';
+export * from './components/FEAASReactElement.js';
 export * from './components/FEAASComponent.js';
 export * from './components/FEAASLoader.js';
 export * from './components/FEAASStylesheet.js';
@@ -20,7 +21,7 @@ export * as Thumbnail from './dom/thumbnail.js';
 declare global {
     interface Window {
         FEAASLoading: Promise<any>;
-        FEAASElement: typeof FEAASElement;
+        FEAASReactElement: typeof FEAASReactElement;
     }
 }
 //# sourceMappingURL=headless.d.ts.map

package/types/headless.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headless.d.ts","sourceRoot":"","sources":["../src/headless.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,YAAY,MAAM,8BAA8B,CAAA;AAEvD,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AACnC,OAAO,KAAK,SAAS,MAAM,oBAAoB,CAAA;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;QAC1B,YAAY,EAAE,OAAO,YAAY,CAAA;KAClC;CACF"}
+{"version":3,"file":"headless.d.ts","sourceRoot":"","sources":["../src/headless.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AAEjE,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AACnC,OAAO,KAAK,SAAS,MAAM,oBAAoB,CAAA;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;QAC1B,iBAAiB,EAAE,OAAO,iBAAiB,CAAA;KAC5C;CACF"}