@sitecore-feaas/clientside 0.1.19 → 0.1.21

package/src/ui/FEAASPicker.tsx

@@ -4,18 +4,23 @@ import { FEAASBase } from '../components/FEAASBase.js'
 export function FEAASPickerProps(element: FEAASBase<any, any> = this) {
   return {
     part: element?.getAttribute('part') || 'picker',
-    slot: element?.getAttribute('part') || 'slot',
-    mode: element?.getAttribute('mode') as 'library' | 'stylesheet',
+    slot: element?.getAttribute('part') || 'picker',
+    mode: element?.getAttribute('mode') as 'library' | 'element' | 'themes',
+    placeholder: element?.getAttribute('placeholder') || 'No theme',
     frontend: element?.getContextAttribute('frontend') ?? 'https://components.sitecorecloud.io',
-    src: element?.getAttribute('src') ?? '/assets/picker.js',
+    src: element?.getAttribute('src') ?? '/picker.js',
     hidden: element?.getAttribute('hidden') != null,
+    variant: element?.getAttribute('variant') as 'internal' | 'pages',
     context: undefined as FEAASPickerImports.PickerProps['context'],
-    onClose: undefined as (...args: any[]) => {}
+    onClose: undefined as (...args: any[]) => void,
+    onContextAttributeSet: undefined as (context: any, attribute: string, value: string) => void
   }
 }
 type FEAASPickerProps = ReturnType<typeof FEAASPickerProps>
 
 export class FEAASPicker extends FEAASBase<FEAASPickerProps, typeof FEAASPickerImports> {
+  static observedAttributes = ['library', 'mode', 'frontend', 'src', 'hidden', 'variant']
+
   getProps() {
     return FEAASPickerProps(this)
   }
@@ -24,12 +29,19 @@ export class FEAASPicker extends FEAASBase<FEAASPickerProps, typeof FEAASPickerI
     return import(/* @vite-ignore */ /* webpackIgnore: true */ this.formatURL(this.props.src, this.props.frontend))
   }
 
-  renderReact(
-    { context, mode, children }: React.PropsWithChildren<FEAASPickerProps>,
+  render(
+    { placeholder, context, mode, children, variant }: React.PropsWithChildren<FEAASPickerProps>,
     { Picker, React, ReactDOM }: typeof FEAASPickerImports
   ) {
     return (
-      <Picker mode={mode || undefined} onClose={this.props.onClose} context={context}>
+      <Picker
+        placeholder={placeholder}
+        mode={mode || undefined}
+        onClose={this.props.onClose}
+        onContextAttributeSet={this.props.onContextAttributeSet}
+        context={context}
+        variant={variant}
+      >
         {children}
       </Picker>
     )
@@ -39,67 +51,8 @@ declare global {
   namespace JSX {
     interface IntrinsicElements {
       'feaas-picker': Partial<typeof FEAASPickerImports>
-      'feaas-picker-lazy': Partial<typeof FEAASPickerImports>
     }
   }
 }
 
 FEAASPicker.register('feaas-picker')
-
-export function FEAASPickerLazyProps(element: FEAASBase<any, any> = this) {
-  return {
-    library: element?.getAttribute('library') || 'library',
-    mode: element?.getAttribute('mode') as 'library' | 'stylesheet',
-    frontend: element?.getContextAttribute('frontend') ?? 'https://components.sitecorecloud.io',
-    src: element?.getAttribute('src') ?? '/assets/picker.js',
-    hidden: element?.getAttribute('hidden') != null,
-    context: null as FEAASPickerImports.PickerProps['context'],
-    getToken: null as (options: any) => Promise<string>
-  }
-}
-type FEAASPickerLazyProps = ReturnType<typeof FEAASPickerLazyProps>
-
-export class FEAASPickerLazy extends FEAASBase<FEAASPickerLazyProps, typeof FEAASPickerImports> {
-  static observedAttributes = ['library', 'mode', 'frontend', 'src', 'context']
-
-  payload = null as any
-  getProps() {
-    return FEAASPickerLazyProps(this)
-  }
-
-  onClose = () => {
-    this.removeAttribute('mode')
-  }
-
-  render() {
-    const { frontend, library, getToken, src, mode, context } = this.props
-
-    if (this.getAttribute('mode') == null) {
-      this.setAttribute('hidden', 'hidden')
-    } else {
-      this.removeAttribute('hidden')
-    }
-
-    if (this.children.length == 0)
-      this.innerHTML = `
-        <feaas-context library='${library}'>
-          <feaas-picker mode='${mode}'> 
-          <feaas-loader />
-        </feaas-context>
-      `
-
-    this.refs.context.set({
-      frontend: frontend,
-      library: library,
-      getToken: getToken
-    })
-    this.refs.picker.set({
-      frontend: frontend,
-      context: context,
-      src: src,
-      mode: mode,
-      onClose: this.onClose
-    })
-  }
-}
-FEAASPickerLazy.register('feaas-picker-lazy')

package/test/components.ts

@@ -1,5 +1,7 @@
 import { expect } from 'vitest'
 import { describe, it, assert, beforeAll } from 'vitest'
+import { renderDOMContent } from '../src/dom.js'
+import { FEAASComponent } from '../src/components/FEAASComponent.js'
 
 describe('Components', () => {
   describe('<feaas-context>', () => {
@@ -9,4 +11,21 @@ describe('Components', () => {
       expect('').toEqual('')
     })
   })
+  describe('<feaas-component>', () => {
+    it('render without data', () => {
+      const component = new FEAASComponent()
+      const div = document.createElement('div')
+      div.appendChild(component)
+      document.body.appendChild(div)
+      renderDOMContent(component, `<section class="-theme--abc test"></section><section class="-theme--cde"></section>`)
+      expect(div.innerHTML).toEqual(
+        `<feaas-component class="-feaas"><section class="-theme--abc test"></section><section class="-theme--cde"></section></feaas-component>`
+      )
+      component.className = '-theme--override test2'
+      renderDOMContent(component, `<section class="-theme--abc test"></section><section class="-theme--cde"></section>`)
+      expect(div.innerHTML).toEqual(
+        `<feaas-component class="-theme--override test2 -feaas"><section class="test"></section><section class=""></section></feaas-component>`
+      )
+    })
+  })
 })

package/types/basic.d.ts

@@ -1,12 +1,15 @@
+import FEAASElement from './components/FEAASElement.js';
 export * from './dom.js';
 export * from './fetch.js';
 export * from './components/FEAASBase.js';
+export * from './components/FEAASElement.js';
 export * from './components/FEAASComponent.js';
 export * from './components/FEAASLoader.js';
 export * from './components/FEAASStylesheet.js';
 declare global {
     interface Window {
         FEAASLoading: Promise<any>;
+        FEAASElement: typeof FEAASElement;
     }
 }
 //# sourceMappingURL=basic.d.ts.map

package/types/basic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../src/basic.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;KAC3B;CACF"}
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../src/basic.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAA;AAEvD,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,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"}

package/types/cloud.d.ts

@@ -5,6 +5,7 @@ export interface CloudTemplate {
     component: string;
     version: string;
     revision?: string;
+    instance?: string;
 }
 export interface CloudStylesheet {
     cdn?: string;
@@ -14,6 +15,12 @@ export interface CloudStylesheet {
 }
 export declare function getComponentURL({ cdn, hostname, library, component, version, revision }: CloudTemplate): string;
 export declare function getStylesheetURL({ cdn, hostname, library, revision }: CloudStylesheet): string;
-export declare function fetchComponent(props: CloudTemplate, callback: (html: string) => void): Promise<Response>;
+export declare function fetchComponent(props: CloudTemplate, callback: (html: string) => void): Promise<{
+    url: RequestInfo | URL;
+    options: RequestInit;
+    isCached: boolean;
+    response: Response;
+    validator: (resposne: Response) => boolean;
+} | (import("./fetch.js").ValidatableRequest & Required<Pick<import("./fetch.js").ValidatableRequest, "response">>)>;
 export declare function fetchStylesheet(props: CloudStylesheet, callback: (css: string) => void): Promise<Response>;
 //# sourceMappingURL=cloud.d.ts.map

package/types/cloud.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cloud.d.ts","sourceRoot":"","sources":["../src/cloud.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;CACtD;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAsB,EACvB,EAAE,aAAa,UAEf;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,QAAsB,EACvB,EAAE,eAAe,UAEjB;AAED,wBAAsB,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,qBAe1F;AAED,wBAAsB,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,qBAe5F"}
+{"version":3,"file":"cloud.d.ts","sourceRoot":"","sources":["../src/cloud.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;CACtD;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAsB,EACvB,EAAE,aAAa,UAEf;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,GAA2D,EAC3D,QAAQ,EACR,OAAO,EACP,QAAsB,EACvB,EAAE,eAAe,UAEjB;AAED,wBAAsB,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;;;;;;qHA4C1F;AAED,wBAAsB,eAAe,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,qBAe5F"}

package/types/components/FEAASBase.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
+import type ReactDOMClient from 'react-dom/client';
 import type React from 'react';
 export declare type OptionalExcept<T, K extends keyof T> = Pick<T, K> & Partial<Omit<T, K>>;
 declare var WebComponent: {
@@ -15,25 +16,37 @@ export declare class FEAASBase<Props = any, Payload = any> extends WebComponent
     /** Timer until next tick */
     nextRender: number;
     /** Is/was component in the dom? */
-    connected: Event;
+    connected: boolean;
     /** Result of lazy loading */
     payload: Payload;
     refs: Record<string, FEAASBase>;
     descendants: FEAASBase[];
+    constructor();
     /** Attaches shadow root if getShadowRootOptions any settings, or uses element itself */
     getRoot(): FEAASBase | 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;
+    /**
+     * 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 `feaasConnected` event that allows components to store references to each other. In
+     * addition it allows external scripts to listen for initialization of FEAAS components
+     */
+    initialize(): boolean;
+    getParent(onlyFeaas?: boolean): HTMLElement;
+    getElements(root?: HTMLElement | ShadowRoot, onlyFeaas?: boolean): HTMLElement[];
     /** Nothing special happens on disconnect, except setting a flag */
     disconnectedCallback(): void;
     /** Catch-all event handler that dispatches events to callback */
     handleEvent(event: Event): void;
     /** Act on children element being removed */
-    unnestedCallback(event: Event): void;
+    unnestedCallback(target: FEAASBase): void;
     /** Act on children element being added */
-    nestedCallback(event: Event): boolean | void;
+    nestedCallback(target: FEAASBase): boolean | void;
     getComponentName(): string;
     /**
      * Check if lazy component is ready to be loaded. For example a component may stay unloaded unless certain attributes
@@ -51,9 +64,10 @@ export declare class FEAASBase<Props = any, Payload = any> extends WebComponent
      * the component needs to provide React & ReactDOM references in its payload. Web component redefine its render to not
      * use react at all
      */
-    render(nested?: boolean): any;
+    update(nested?: boolean): any;
     invokeReactRendering(): ReactNode;
     reactWrapper: (props?: any) => ReactNode;
+    reactRoot: ReactDOMClient.Root;
     getReactWrapper(target?: FEAASBase, displayName?: string): (props?: any) => any;
     uid: string;
     getUID(): string;
@@ -62,8 +76,8 @@ export declare class FEAASBase<Props = any, Payload = any> extends WebComponent
      * 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).
      */
-    renderReact?(props: React.PropsWithChildren<typeof this.props>, payload: typeof this.payload): ReactNode | ReactElement;
-    getReactRoot(): HTMLElement | ShadowRoot;
+    render?(props: React.PropsWithChildren<typeof this.props>, payload: typeof this.payload): ReactNode | ReactElement;
+    getReactRootElement(): HTMLElement | ShadowRoot;
     /** Set props and return values on new next tick */
     set(overrides?: Partial<Props>): void;
     /** Schedule rendering on next tick, to batch multiple attribute changes */

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

@@ -1 +1 @@
-{"version":3,"file":"FEAASBase.d.ts","sourceRoot":"","sources":["../../src/components/FEAASBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,oBAAY,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAGnF,QAAA,IAAI,YAAY;;;CAAgG,CAAA;AAMhH,qBAAa,SAAS,CAAC,KAAK,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG,CAAE,SAAQ,YAAY;IACrE,MAAM,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAEnC,yCAAyC;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,GAAG,GAAG;IAIpC,wCAAwC;IACxC,KAAK,EAAE,KAAK,CAAA;IACZ,SAAS,EAAE,KAAK,CAAA;IAEhB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAA;IAElB,mCAAmC;IACnC,SAAS,QAAgB;IAEzB,6BAA6B;IAC7B,OAAO,EAAE,OAAO,CAAA;IAEhB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAK;IACpC,WAAW,EAAE,SAAS,EAAE,CAAK;IAE7B,wFAAwF;IACxF,OAAO,IAAI,SAAS,GAAG,WAAW,GAAG,UAAU;IAI/C,yEAAyE;IACzE,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIzE,+EAA+E;IAC/E,iBAAiB;IASjB,mEAAmE;IACnE,oBAAoB;IAQpB,iEAAiE;IACjE,WAAW,CAAC,KAAK,EAAE,KAAK;IAWxB,4CAA4C;IAC5C,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAa7B,0CAA0C;IAC1C,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,IAAI;IAmB5C,gBAAgB;IAIhB;;;OAGG;IACH,aAAa;IAIb,mCAAmC;IAC7B,KAAK;IASX,+EAA+E;IAC/E,IAAI;IAIJ,qHAAqH;IACrH,MAAM,YAAa,OAAO,UAKzB;IAED;;;;OAIG;IACH,MAAM,CAAC,MAAM,UAAQ,GAAG,GAAG;IAgB3B,oBAAoB,IAAI,SAAS;IAejC,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,SAAS,CAAA;IACxC,eAAe,CAAC,MAAM,GAAE,SAAgB,EAAE,WAAW,SAAiB,YAClB,GAAG;IAgBvD,GAAG,EAAE,MAAM,CAAA;IACX,MAAM;IAGN,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IAE5C;;;OAGG;IACH,WAAW,CAAC,CACV,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,EACjD,OAAO,EAAE,OAAO,IAAI,CAAC,OAAO,GAC3B,SAAS,GAAG,YAAY;IAE3B,YAAY,IAAI,WAAW,GAAG,UAAU;IAIxC,mDAAmD;IACnD,GAAG,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC;IAoB9B,2EAA2E;IAC3E,cAAc;IAOd,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAQvC,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,OAAO;IAIhD,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM;CAKhC;AAED,OAAO,EAAE,SAAS,IAAI,IAAI,EAAE,CAAA"}
+{"version":3,"file":"FEAASBase.d.ts","sourceRoot":"","sources":["../../src/components/FEAASBase.tsx"],"names":[],"mappings":"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"}

package/types/components/FEAASComponent.d.ts

@@ -8,6 +8,8 @@ export declare function FEAASComponentsProps(element?: FEAASBase): {
     hostname: string;
     cdn: string;
     template: string;
+    instance: string;
+    editable: boolean;
     suspended: boolean;
 };
 export declare type FEAASComponentsProps = ReturnType<typeof FEAASComponentsProps>;
@@ -24,13 +26,18 @@ export declare class FEAASComponent extends FEAASBase<FEAASComponentsProps, stri
         hostname: string;
         cdn: string;
         template: string;
+        instance: string;
+        editable: boolean;
         suspended: boolean;
     };
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    getEditor(): any;
+    constructor();
+    edit(): boolean;
     getOriginal(): FEAASComponent;
     isReadyToLoad(): boolean;
     load(): Promise<void>;
-    render(): void;
+    update(): void;
 }
 declare global {
     namespace JSX {

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

@@ -1 +1 @@
-{"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE1D,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;EAmB7D;AACD,oBAAY,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAC1E,qBAAa,cAAe,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACzE,MAAM,CAAC,kBAAkB,WAAyF;IAElH,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,IAAI,EAAE,GAAG;IAIjB,QAAQ;;;;;;;;;;;IAIR,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOhF,WAAW;IAaX,aAAa;IAMP,IAAI;IAcV,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,cAAc,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;gBAC9F,QAAQ,CAAC,EAAE,GAAG,CAAA;aACf,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,CAAA"}
+{"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAG1D,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;EAqB7D;AACD,oBAAY,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAC1E,qBAAa,cAAe,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACzE,MAAM,CAAC,kBAAkB,WAWxB;IAED,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,IAAI,EAAE,GAAG;IAIjB,QAAQ;;;;;;;;;;;;;IAIR,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOhF,SAAS,IAAI,GAAG;;IAahB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMP,IAAI;IAcV,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,cAAc,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;gBAC9F,QAAQ,CAAC,EAAE,GAAG,CAAA;aACf,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,CAAA"}

package/types/components/FEAASElement.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode, ReactElement, JSXElementConstructor } from 'react';
+import type ReactDOMClient from 'react-dom/client';
+import { FEAASBase } from './FEAASBase.js';
+export declare type ReactModules = {
+    React: typeof React;
+    ReactDOM: typeof ReactDOM;
+    ReactDOMClient: typeof ReactDOMClient;
+};
+export declare type ReactJSX = ReactNode | ReactElement<any, string | JSXElementConstructor<any>>;
+export declare 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;
+        ReactDOMClient: any;
+    }>;
+    render({}: P, { React }: ReactModules): ReactJSX;
+}
+//# sourceMappingURL=FEAASElement.d.ts.map

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

@@ -0,0 +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,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AACD,oBAAY,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;AACzF,oBAAY,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;;;;;IAaJ,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;CAGjD"}

package/types/components/FEAASLoader.d.ts

@@ -1,14 +1,20 @@
 import { FEAASBase } from './FEAASBase.js';
 export declare function FEAASLoaderProps(element?: HTMLElement): {
+    opacity: number;
     hidden: boolean;
 };
 declare type FEAASLoaderProps = ReturnType<typeof FEAASLoaderProps>;
 export declare class FEAASLoader extends FEAASBase<FEAASLoaderProps, string> {
     stylesheet: HTMLStyleElement;
     loader: HTMLDivElement;
+    getProps(): {
+        opacity: number;
+        hidden: boolean;
+    };
     static observedAttributes: string[];
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     connectedCallback(): void;
+    update(): void;
 }
 declare global {
     namespace JSX {

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

@@ -1 +1 @@
-{"version":3,"file":"FEAASLoader.d.ts","sourceRoot":"","sources":["../../src/components/FEAASLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,WAAkB;;EAI3D;AACD,aAAK,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,MAAM,CAAC,kBAAkB,WAAa;IAEtC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAchF,iBAAiB;CA0ElB;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,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,WAAkB;;;EAK3D;AACD,aAAK,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,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/FEAASStylesheet.d.ts

@@ -1,7 +1,7 @@
 import { FEAASBase } from './FEAASBase.js';
 export declare function FEAASStylesheetProps(element?: FEAASBase): {
     library: string;
-    revision: number | "published" | "staging" | "saved";
+    revision: number | "staging" | "published" | "saved";
     cdn: string;
 };
 export declare type FEAASStylesheetProps = ReturnType<typeof FEAASStylesheetProps>;
@@ -9,12 +9,12 @@ export declare class FEAASStylesheet extends FEAASBase<FEAASStylesheetProps, str
     stylesheet: HTMLStyleElement;
     getProps(): {
         library: string;
-        revision: number | "published" | "staging" | "saved";
+        revision: number | "staging" | "published" | "saved";
         cdn: string;
     };
     isReadyToLoad(): boolean;
     load(): Promise<void>;
-    render(): void;
+    update(): void;
 }
 declare global {
     namespace JSX {

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

@@ -1 +1 @@
-{"version":3,"file":"FEAASStylesheet.d.ts","sourceRoot":"","sources":["../../src/components/FEAASStylesheet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;EAM7D;AACD,oBAAY,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE1E,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC1E,UAAU,EAAE,gBAAgB,CAAA;IAC5B,QAAQ;;;;;IAIR,aAAa,IAAI,OAAO;IAIlB,IAAI;IAIV,MAAM;CAOP;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":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;EAM7D;AACD,oBAAY,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE1E,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC1E,UAAU,EAAE,gBAAgB,CAAA;IAC5B,QAAQ;;;;;IAIR,aAAa,IAAI,OAAO;IAIlB,IAAI;IAIV,MAAM;CAOP;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/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAmC,MAAM,YAAY,CAAA;AAE5F,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,MAAM,CAAA;IAC/E,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,GAAG,CAAA;IACtD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1E,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAA;IAC5D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,oBAAY,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAE5C,oBAAY,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,GAAG,CAAC,gBAAgB,GAAG,aAAa,CAAC,GACpC,mBAAmB,CAAA;AAErB,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,UAAU,kBAS/E;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAE9C;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,UAEpD;AAsDD,wBAAgB,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,UAAQ,EAAE,IAAI,GAAE,GAAY,OAoDjG;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,mBAAmB,QA+DhH;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,oBAkBrD;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,UAAO,oBAOnE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,WAiB3D;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,eAwCnB;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,mBAAmB,eAKpH;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,EAAE,gBAAgB,oBAGhF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,EAAE,gBAAgB,6BAKvF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,WAAW,eAG7E;AAED,wBAAsB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,WAAW,wBAc1F;AAED,oBAAY,OAAO,GACf;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B,GACD,OAAO,EAAE,CAAA;AAQb,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAqCtF;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}

package/types/fetch.d.ts

@@ -1,2 +1,43 @@
-export declare function fetchAndRevalidate(url: Parameters<typeof fetch>[0], options: Parameters<typeof fetch>[1], validator: (resposne: Response) => boolean, callback: (response: Response, status: 'cached' | 'valid') => void): Promise<Response>;
+/**
+ * Utility to cache-bust static files. It relies on reading Date header to detect cached response, so it requires CORS
+ * settings to be set.
+ *
+ * It accepts validator function that determines if response is usable. If response was pulled from cache and is valid,
+ * the optional callback function is fired right away. Then HEAD request is made bypassing the cache, to see if the
+ * response has an newer Last-Modified header. In case it does and it passes validation, third request is fired that
+ * actually fetches the new content and callback is invoked the second time.
+ *
+ * It works as promise, but also accepts callback to use cached blobs mid-flight and have access to headers. Any network
+ * errors will not be caught. Function throws when unable to fetch valid response.
+ */
+export interface ValidatableRequest {
+    url: Parameters<typeof fetch>[0];
+    options?: Parameters<typeof fetch>[1];
+    validator?: (resposne: Response) => boolean;
+    callback?: (response: Response, status: 'initial' | 'updated' | 'check') => void;
+    isCached?: boolean;
+    response?: Response;
+}
+export declare function fetchAndRevalidate(url: ValidatableRequest['url'], options?: ValidatableRequest['options'], validator?: ValidatableRequest['validator'], callback?: ValidatableRequest['callback']): Promise<Response>;
+export declare function fetchAndValidate({ url, options, validator, callback }: ValidatableRequest, phase?: 'initial' | 'updated' | 'check'): Promise<{
+    url: RequestInfo | URL;
+    options: RequestInit;
+    isCached: boolean;
+    response: Response;
+    validator: (resposne: Response) => boolean;
+}>;
+export declare function refetchAndValidate(request: ValidatableRequest & Required<Pick<ValidatableRequest, 'response'>>): Promise<{
+    url: RequestInfo | URL;
+    options: RequestInit;
+    isCached: boolean;
+    response: Response;
+    validator: (resposne: Response) => boolean;
+} | (ValidatableRequest & Required<Pick<ValidatableRequest, "response">>)>;
+export declare function invalidateRequest(request: ValidatableRequest): Promise<{
+    url: RequestInfo | URL;
+    options: RequestInit;
+    isCached: boolean;
+    response: Response;
+    validator: (resposne: Response) => boolean;
+}>;
 //# sourceMappingURL=fetch.d.ts.map

package/types/fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAgBA,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAChC,OAAO,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EACpC,SAAS,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,EAC1C,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,qBA2CnE"}
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,KAAK,IAAI,CAAA;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,qBAM1C;AAED,wBAAsB,gBAAgB,CACpC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EACzD,KAAK,GAAE,SAAS,GAAG,SAAS,GAAG,OAAmB;;;;;;GAiBnD;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;;;;;;2EAwBpH;AAED,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB;;;;;;GAclE"}