@sitecore-feaas/clientside 0.5.7 → 0.5.10

package/src/components/FEAASElement.tsx

@@ -339,7 +339,7 @@ export class FEAASElement<Props = any, Payload = any> extends WebComponent {
     const { React, ReactDOM, ReactDOMClient } = (this.payload as ReactPayload) || {}
     if (!React) throw new Error(`${this.tagName}: React is not present in payload`)
     if (!ReactDOM) throw new Error(`${this.tagName}: ReactDOM is not present in payload`)
-    if (this.getAttribute('hydrate') == 'false') return
+    if (this.getAttribute('hydrate') == 'false' && this.firstElementChild) return
     if (!this.refs.topReact && !this.forceUpdateReact) {
       if (ReactDOMClient) {
         this.reactRoot ||= ReactDOMClient.createRoot(this.getReactRootElement())

package/src/dom/html.ts

@@ -185,6 +185,9 @@ export class HTMLNode {
   ownerDocument = {
     createElement(name: string): HTMLNode {
       return new HTMLNode(name)
+    },
+    createDocumentFragment(): HTMLNode {
+      return new HTMLNode(null, 11)
     }
   }
 }

package/src/ui/FEAASExternal.tsx

@@ -5,39 +5,61 @@ import { FEAASElement } from '../components/FEAASElement.js'
 import { ReactJSX, ReactModules } from '../components/FEAASReactElement.js'
 import { Component, FEAASComponentProps } from './react.js'
 
-export const FEAASExternalPropsObject = BYOC.getComponentProperties
+export const FEAASExternalPropsObject = BYOC.getMergedComponentProperties
 
-export function FEAASExternalProps(element: FEAASElement): any {
+export function FEAASExternalProps(element: FEAASElement): FEAASExternalProps {
   const props = BYOC.objectKeysToCamelCase(
     Array.from(element.attributes).reduce((prev, { name, value }) => {
+      if (name == 'data-external-id') name = 'component-name'
       return Object.assign(prev, { [name]: value })
     }, {} as any)
-  )
-  return FEAASExternalPropsObject(props.dataExternalId, props)
+  ) as FEAASExternalProps
+  return FEAASExternalPropsObject(props).merged
 }
 
-export type FEAASExternalProps = ReturnType<typeof FEAASExternalProps> & { dataExternalId: string }
+export type FEAASExternalProps = { componentName: string; [key: string]: any }
 
 export default class FEAASExternal extends FEAASElement<FEAASExternalProps, ReactModules> {
   load() {
     return Promise.resolve({ React, ReactDOM })
   }
 
+  connectedCallback() {
+    // Set up the observer
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === 'attributes') {
+          this.attributeChangedCallback(
+            mutation.attributeName,
+            mutation.oldValue,
+            this.getAttribute(mutation.attributeName)
+          )
+        }
+      })
+    })
+
+    // Start observing
+    observer.observe(this, { attributes: true, attributeOldValue: true })
+
+    super.connectedCallback()
+  }
+
   update() {
-    const { dataExternalId: id } = this.props
-    const Component = BYOC.getComponent(id)?.component
+    const Component = BYOC.getComponent(this.getComponentName())?.component
     if (!Component && this.getAttribute('hydrate') == 'false') return
     return super.update()
   }
 
   render(props: FEAASExternalProps, { React }: ReactModules): ReactJSX {
-    const { dataExternalId: id } = props
-    console.log(props)
-    const Component = BYOC.getComponent(id)?.component
+    const Component = BYOC.getComponent(this.getComponentName())?.component
     if (!Component) {
-      console.warn(`FEAASExternal: \`${id}\` is not registered`)
+      console.warn(`FEAASExternal: \`${this.getComponentName()}\` is not registered`)
     }
-    return <>{Component && <Component {...props} />}</>
+    return <>{Component && <Component componentName={this.getComponentName()} {...props} />}</>
+  }
+
+  getComponentName() {
+    return this.getAttribute('data-external-id')
   }
 
   getProps() {

package/src/ui/react.tsx

@@ -114,7 +114,7 @@ export function FEAASReactComponent({
     props = { ...parseComponentSource(props.src), ...props }
   }
   const fetch = normalizeFetchAttribute(props.fetch)
-  const embeddedData = fetch.includes('data') ? data : fetch.includes('template') ? fetchedData : null
+  const embeddedData = fetch.includes('data') ? data : fetch.includes('template') ? fetchedData || data : null
   return (
     <>
       {'preload' in props && preload === true && 'src' in props && (

package/test/FEAASComponent.react.test.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react'
 import ReactDOM from 'react-dom'
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, spy } from 'vitest'
 import { Component, registerComponent, ExternalComponent } from '../src/ui/react.js'
 
 function Hello(props: { firstName: string; telephone: string }) {
@@ -80,6 +80,11 @@ export async function validate(react: any, html: string) {
 const DataContext = React.createContext('DEFAULT')
 
 describe('React', () => {
+  beforeEach(() => {
+    document.open()
+    document.write('<html><head></head><body></body></html>')
+    document.close()
+  })
   it('render react component', async () => {
     await validate(
       <section>
@@ -232,6 +237,64 @@ Typeof superobject object, {"a":1,"b":2})</div></feaas-external></feaas-componen
         'And context value is INHERITED</div></feaas-external></feaas-component></section>'
     )
   })
+  it('render wrapped external component with context provider and data mapping asyncronously', async () => {
+    registerComponent(Hello, helloSchema)
+    validate(
+      <DataContext.Provider value='INHERITED'>
+        <section>
+          <Component
+            template={
+              '<feaas-external data-path-attributes="$" first-name="Yarik" data-path-attributes="$" data-external-id="MyTestComponent"></feaas-external>'
+            }
+            data={{ telephone: 321 }}
+          ></Component>
+        </section>
+      </DataContext.Provider>,
+      '<section><feaas-component class="-feaas" data="{&quot;telephone&quot;:321}"><feaas-external data-external-id="MyTestComponent" telephone="321" data-path-attributes="$" first-name="Yarik" data-attributes-keys="telephone" datasources="{&quot;_&quot;:{&quot;telephone&quot;:321}}" hydrate="false"><div>\n' +
+        'Hello my name is Yarik (string) and my tel is 321 (number).\n' +
+        'And context value is INHERITED</div></feaas-external></feaas-component></section>'
+    )
+  })
+  it('render external component after resetting of a template', async () => {
+    registerComponent(HelloData, helloDataSchema)
+    const now = new Date()
+    const spy = vi.spyOn(global, 'fetch')
+    spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
+      return new Response(
+        '<feaas-external data-external-id="MyTestDataComponent" first-name="Yarik" data-path-attributes="_"></feaas-external>',
+        {
+          headers: {
+            date: now.toUTCString(),
+            'last-modified': now.toUTCString()
+          }
+        }
+      )
+    })
+    validate(
+      <DataContext.Provider value='INHERITED'>
+        <section>
+          <Component
+            src='a/b'
+            data={{ _: { telephone: 321, superobject: { '1': 2 } } }}
+            fetch={['template']}
+          ></Component>
+        </section>
+      </DataContext.Provider>,
+      '<section><feaas-component class="-feaas" library="a" component="b" src="a/b" fetch="template" data="{&quot;_&quot;:{&quot;telephone&quot;:321,&quot;superobject&quot;:{&quot;1&quot;:2}}}"></feaas-component></section>'
+    )
+
+    await document.querySelector('feaas-component')?.whenRendered
+    await new Promise(requestAnimationFrame)
+    await new Promise(requestAnimationFrame)
+
+    expect(document.querySelector('feaas-component').outerHTML).toEqual(
+      '<feaas-component class="-feaas" library="a" component="b" src="a/b" fetch="template" data="{&quot;_&quot;:{&quot;telephone&quot;:321,&quot;superobject&quot;:{&quot;1&quot;:2}}}"><feaas-external data-external-id="MyTestDataComponent" first-name="Yarik" data-path-attributes="_" telephone="321" superobject="{&quot;1&quot;:2}" data-attributes-keys="telephone,superobject" datasources="{&quot;_&quot;:{&quot;telephone&quot;:321,&quot;superobject&quot;:{&quot;1&quot;:2}}}"><div>\n' +
+        'Hello my name is Yarik (string) and my tel is 321 (number).\n' +
+        'And context value is DEFAULT.\n' +
+        'Typeof datasources: object with keys _)\n' +
+        'Typeof superobject object, {"1":2})</div></feaas-external></feaas-component>'
+    )
+  })
   it('render not map attributes of external component with given array', async () => {
     registerComponent(Hello, helloSchema)
     validate(

package/test/FEAASExternal.test.tsx

@@ -63,6 +63,8 @@ describe('External', () => {
     Clientside.External.registerComponent(Hello, helloSchema)
     document.body.innerHTML =
       '<feaas-external id="external-component" class="-component" data-attributes-keys="first-name,telephone" first-name="Chuck" telephone="45657890875643" data-attributes="{&quot;first-name&quot;:&quot;Chuck&quot;,&quot;telephone&quot;:&quot;45657890875643&quot;}" data-external-id="MyTestComponent" contenteditable="false"></feaas-external>'
+    debugger
+
     const component = document.getElementById('external-component') as FEAASExternal
     await expect(component.whenRendered).resolves.toEqual(component)
     expect(component.innerHTML).toEqual('<div>Hello my name is Chuck and my tel is 45657890875643</div>')
@@ -96,4 +98,14 @@ describe('External', () => {
       '<div>Text: this is a string, Number + 1: 6, Boolean: it is true, Array (joined): 1, 2, 3, 4, 5, Object: object value</div>'
     )
   })
+  it('can spread data', async () => {
+    Clientside.External.registerComponent(TypesComponent, typesComponentSchema)
+    document.body.innerHTML = `<feaas-external id="types-component" class="-component" datasources='{"my": {"arrayProp": [1,2,3], "objectProp": {"value": 333}, "numberProp": 1, "booleanProp": false, "stringProp": "Hey"}}' data-external-id="TypesComponent" contenteditable="false"></feaas-external>`
+    const typesComponent = document.getElementById('types-component') as FEAASExternal
+
+    await expect(typesComponent.whenRendered).resolves.toEqual(typesComponent)
+    expect(typesComponent.innerHTML).toEqual(
+      '<div>Text: Hey, Number + 1: 2, Boolean: error, Array (joined): 1, 2, 3, Object: 333</div>'
+    )
+  })
 })

package/types/dom/html.d.ts

@@ -37,6 +37,7 @@ export declare class HTMLNode {
     get parentElement(): HTMLNode;
     ownerDocument: {
         createElement(name: string): HTMLNode;
+        createDocumentFragment(): HTMLNode;
     };
 }
 export declare function parseHTML(html: string): HTMLNode[];

package/types/dom/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../src/dom/html.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAoB,MAAM,gBAAgB,CAAA;AAEtE,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE3D,qBAAa,QAAQ;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAA;gBAET,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAU,EAAE,WAAW,CAAC,EAAE,MAAM;IAQxE,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IASxC,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAK9C,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,GAAG,IAAI;IAY9D,eAAe,CAAC,QAAQ,EAAE,MAAM;IAOhC,WAAW,CAAC,OAAO,EAAE,QAAQ;IAK7B,IAAI,OAAO,WAEV;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,SAAS,IAGO,MAAM,CADzB;IACD,IAAI,SAAS,CAAC,IAAI,EAAE,MAAM,EAEzB;IACD,IAAI,SAAS,WAEZ;IACD,IAAI,QAAQ,eAEX;IAED,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI;IAc1C,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,EAAE;IAwB9C,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ;IAIzC,OAAO,CAAC,WAAW;IAgBnB,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,QAAQ;IAQtC,IAAI,eAAe,IAAI,QAAQ,GAAG,IAAI,CAErC;IAED,IAAI,WAAW,IAAI,QAAQ,GAAG,IAAI,CAEjC;IAED,IAAI,sBAAsB,IAAI,QAAQ,GAAG,IAAI,CAE5C;IAED,IAAI,kBAAkB,IAAI,QAAQ,GAAG,IAAI,CAExC;IACD,SAAS,CAAC,IAAI,GAAE,OAAe,GAAG,QAAQ;IAiB1C,IAAI,aAAa,aAEhB;IAED,aAAa;4BACS,MAAM,GAAG,QAAQ;MAGtC;CACF;AA+CD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CAgDlD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOhD;AAWD,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAmBvD;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,mBAAmB,UAElG;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,mBAAmB,cAMjG"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../src/dom/html.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAoB,MAAM,gBAAgB,CAAA;AAEtE,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE3D,qBAAa,QAAQ;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,aAAa,EAAE,CAAA;IAC3B,UAAU,EAAE,QAAQ,EAAE,CAAA;IACtB,UAAU,CAAC,EAAE,QAAQ,CAAA;gBAET,QAAQ,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAU,EAAE,WAAW,CAAC,EAAE,MAAM;IAQxE,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IASxC,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAK9C,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,GAAG,IAAI;IAY9D,eAAe,CAAC,QAAQ,EAAE,MAAM;IAOhC,WAAW,CAAC,OAAO,EAAE,QAAQ;IAK7B,IAAI,OAAO,WAEV;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,SAAS,IAGO,MAAM,CADzB;IACD,IAAI,SAAS,CAAC,IAAI,EAAE,MAAM,EAEzB;IACD,IAAI,SAAS,WAEZ;IACD,IAAI,QAAQ,eAEX;IAED,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI;IAc1C,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,EAAE;IAwB9C,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ;IAIzC,OAAO,CAAC,WAAW;IAgBnB,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,QAAQ;IAQtC,IAAI,eAAe,IAAI,QAAQ,GAAG,IAAI,CAErC;IAED,IAAI,WAAW,IAAI,QAAQ,GAAG,IAAI,CAEjC;IAED,IAAI,sBAAsB,IAAI,QAAQ,GAAG,IAAI,CAE5C;IAED,IAAI,kBAAkB,IAAI,QAAQ,GAAG,IAAI,CAExC;IACD,SAAS,CAAC,IAAI,GAAE,OAAe,GAAG,QAAQ;IAiB1C,IAAI,aAAa,aAEhB;IAED,aAAa;4BACS,MAAM,GAAG,QAAQ;kCAGX,QAAQ;MAGnC;CACF;AA+CD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CAgDlD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOhD;AAWD,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAmBvD;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,mBAAmB,UAElG;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,mBAAmB,cAMjG"}

package/types/ui/FEAASContext.d.ts

@@ -53,7 +53,7 @@ export declare class FEAASContext extends FEAASElement<FEAASContextProps, typeof
     clientside: typeof FEAAS;
     onStatusChange: FEAASContextImports.SDKStatusCallback;
     whenSDKReady: ControlledPromise<FEAASContextImports.SDK>;
-    getPortalRoot(): HTMLElement | ShadowRoot | FEAASElement<any, any>;
+    getPortalRoot(): HTMLElement | FEAASElement<any, any> | ShadowRoot;
     render({ children, library }: React.PropsWithChildren<FEAASContextProps>, { AppContext, Chakra: { Button, Tooltip }, React }: typeof this.payload): JSX.Element;
 }
 declare global {

package/types/ui/FEAASExternal.d.ts

@@ -4,19 +4,22 @@ import ReactDOM from 'react-dom';
 import { FEAASElement } from '../components/FEAASElement.js';
 import { ReactJSX, ReactModules } from '../components/FEAASReactElement.js';
 import { FEAASComponentProps } from './react.js';
-export declare const FEAASExternalPropsObject: typeof BYOC.getComponentProperties;
-export declare function FEAASExternalProps(element: FEAASElement): any;
-export type FEAASExternalProps = ReturnType<typeof FEAASExternalProps> & {
-    dataExternalId: string;
+export declare const FEAASExternalPropsObject: typeof BYOC.getMergedComponentProperties;
+export declare function FEAASExternalProps(element: FEAASElement): FEAASExternalProps;
+export type FEAASExternalProps = {
+    componentName: string;
+    [key: string]: any;
 };
 export default class FEAASExternal extends FEAASElement<FEAASExternalProps, ReactModules> {
     load(): Promise<{
         React: typeof React;
         ReactDOM: typeof ReactDOM;
     }>;
+    connectedCallback(): void;
     update(): any;
     render(props: FEAASExternalProps, { React }: ReactModules): ReactJSX;
-    getProps(): any;
+    getComponentName(): string;
+    getProps(): FEAASExternalProps;
     static Preview(props: Partial<FEAASComponentProps<any>> & {
         src: string;
     }): JSX.Element;

package/types/ui/FEAASExternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASExternal.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAC3E,OAAO,EAAa,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAE3D,eAAO,MAAM,wBAAwB,oCAA8B,CAAA;AAEnE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAO7D;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAAE,cAAc,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnG,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC;IACvF,IAAI;;;;IAIJ,MAAM;IAON,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;IAUpE,QAAQ;IAIR,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;IAMzE,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,GAAG;IAI5D,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,oBAAoB,CAAkB;IAC9D,MAAM,CAAC,iBAAiB,gCAAyB;IACjD,MAAM,CAAC,uBAAuB,sCAA+B;IAC7D,MAAM,CAAC,YAAY,2BAAoB;CACxC;AAID,eAAO,MAAQ,YAAY,4BAAE,cAAc,uCAAE,iBAAiB,+BAAkB,CAAA;AAChF,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"FEAASExternal.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAC3E,OAAO,EAAa,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAE3D,eAAO,MAAM,wBAAwB,0CAAoC,CAAA;AAEzE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,GAAG,kBAAkB,CAQ5E;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAE9E,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC;IACvF,IAAI;;;;IAIJ,iBAAiB;IAoBjB,MAAM;IAMN,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;IAQpE,gBAAgB;IAIhB,QAAQ;IAIR,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;IAMzE,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,GAAG;IAI5D,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,oBAAoB,CAAkB;IAC9D,MAAM,CAAC,iBAAiB,gCAAyB;IACjD,MAAM,CAAC,uBAAuB,sCAA+B;IAC7D,MAAM,CAAC,YAAY,2BAAoB;CACxC;AAID,eAAO,MAAQ,YAAY,4BAAE,cAAc,uCAAE,iBAAiB,+BAAkB,CAAA;AAChF,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAA"}