@sitecore-feaas/clientside 0.3.2 → 0.3.4

package/src/dom/html.ts

@@ -3,9 +3,9 @@
 import { DataScopes } from '../utils/settings.js'
 import { FEAASCustomizations, renderDOMElement } from './rendering.js'
 
-type HTMLAttribute = { name: string; value: string }
+export type HTMLAttribute = { name: string; value: string }
 
-class HTMLNode {
+export class HTMLNode {
   nodeName: string
   nodeType: number
   textContent?: string
@@ -324,7 +324,13 @@ export function serializeHTML(nodes: HTMLNode[]): string {
 }
 
 export function renderHTMLContent(template: string, data?: DataScopes, config?: FEAASCustomizations) {
+  return parseHTMLContent(template, data, config)[0].outerHTML
+}
+
+export function parseHTMLContent(template: string, data?: DataScopes, config?: FEAASCustomizations) {
   const newTemplate = config?.processTemplate?.(null, template, data) || template
   const nodes = parseHTML(newTemplate)
-  return renderDOMElement(nodes[0] as unknown as HTMLElement, data, config).outerHTML
+  return nodes.map((node) => {
+    return renderDOMElement(node as unknown as HTMLElement, data, config)
+  }) as unknown as HTMLNode[]
 }

package/src/dom/rendering.ts

@@ -128,8 +128,9 @@ export function setDOMAttribute(element: HTMLElement, attribute: string, value:
 
   if (value != null) {
     if (prop == 'innerHTML') {
-      if (target.innerHTML != value) {
-        target.innerHTML = value
+      var str = String(value)
+      if (target.innerHTML != str) {
+        target.innerHTML = str
       }
     } else {
       if (target.getAttribute(prop) != value) {
@@ -161,7 +162,7 @@ export function renderDOMElement(
     const datascope = element.getAttribute('data-path-scope')
     if (datascope) {
       const index = getDOMCollectionIndex(element)
-      const collection = queryScopes(datascopes, datascope, false) || []
+      const collection = queryScopes(datascopes, datascope, false)
       if (index == 0) {
         updateDOMClones(element, config?.shouldRepeat?.(element, collection) === false ? 1 : collection.length, config)
       }

package/src/ui/FEAASExternal.tsx

@@ -258,7 +258,5 @@ declare global {
 FEAASExternal.register('feaas-external')
 FEAASExternal.setRegistrationCallback()
 
-export const registerComponent = FEAASExternal.registerComponent
-export const linkComponents = FEAASExternal.linkComponents
-export const getComponent = FEAASExternal.getComponent
+export const { getComponent, linkComponents, registerComponent } = FEAASExternal
 export { FEAASExternal as External }

package/src/ui/FEAASPicker.tsx

@@ -6,6 +6,7 @@ export function FEAASPickerProps(element: FEAASElement<any, any>) {
     part: element?.getAttribute('part') || 'picker',
     slot: element?.getAttribute('part') || 'picker',
     mode: element?.getAttribute('mode') as FEAASPickerImports.PickerProps['mode'],
+    dialog: element?.getAttribute('dialog') as FEAASPickerImports.PickerProps['dialog'],
     placeholder: element?.getAttribute('placeholder') || 'No theme',
     frontend: element?.getContextAttribute('frontend') ?? 'https://components.sitecorecloud.io',
     src: element?.getAttribute('src') ?? '/picker.js',
@@ -20,7 +21,7 @@ export function FEAASPickerProps(element: FEAASElement<any, any>) {
 export type FEAASPickerProps = ReturnType<typeof FEAASPickerProps>
 
 export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPickerImports> {
-  static observedAttributes = ['library', 'mode', 'frontend', 'src', 'hidden', 'variant']
+  static observedAttributes = ['library', 'mode', 'frontend', 'src', 'hidden', 'variant', 'dialog']
 
   defaultProps = {
     hidden: false
@@ -38,12 +39,13 @@ export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPick
     super.connectedCallback()
   }
   render(
-    { placeholder, context, mode, children, variant }: React.PropsWithChildren<FEAASPickerProps>,
-    { Picker, React, useLibrary }: typeof FEAASPickerImports
+    { placeholder, context, mode, dialog, children, variant }: React.PropsWithChildren<FEAASPickerProps>,
+    { Picker, React, useLibrary, useSDK }: typeof FEAASPickerImports
   ) {
     const [renders, forceRender] = React.useReducer((c) => c + 1, 0)
     const collections = useLibrary('collections')
     const components = useLibrary('components')
+    const datasources = useSDK('datasources')
     const rules = useLibrary('stylesheet.styles')
     const component = components.find((c) => c.id == context?.getAttribute('component'))
     var settings = context?.getAttribute('data')
@@ -52,6 +54,7 @@ export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPick
         settings = JSON.parse(settings)
       } catch (e) {}
     }
+    const datasource = mode == 'datasources' ? datasources.find((d) => d.id == dialog) : null
     return (
       <Picker
         rules={rules}
@@ -59,6 +62,7 @@ export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPick
         themeContext={context}
         placeholder={placeholder}
         component={component}
+        datasource={datasource}
         data={settings}
         versionId={context?.getAttribute('version')}
         mode={mode || (component ? 'component' : null)}
@@ -69,8 +73,8 @@ export class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPick
         }}
         context={context}
         variant={variant}
-        onModeChange={(mode) => {
-          this.set({ mode })
+        onModeChange={(mode, dialog) => {
+          this.set({ mode, dialog })
         }}
       >
         {children}

package/src/ui/react.tsx

@@ -6,10 +6,10 @@ import {
   parseComponentSource
 } from './index.js'
 import React from 'react'
-import { renderHTMLContent } from '../dom/html.js'
+import { renderHTMLContent, HTMLNode, parseHTMLContent } from '../dom/html.js'
 import { DataSettings } from '../utils/settings.js'
-
 export { renderHTMLContent }
+import { getComponent } from './FEAASExternal.js'
 export { External, linkComponents, registerComponent, getComponent } from './FEAASExternal.js'
 export * from './index.js'
 export * from '../headless.js'
@@ -37,20 +37,20 @@ export const ServerComponent = async (props: FEAASComponentProps) => {
 export function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps) {
   let html = ''
   let preload = null
+  let children: null | React.ReactNode
 
   if ('template' in props && props.template) {
-    html = renderHTMLContent(props.template, data || {})
+    children = parseHTMLContent(props.template, data || {}).map((node) =>
+      HTMLNodeToReact(node, (node) => {
+        if (node.localName == 'feaas-external' && getComponent(node.getAttribute('data-external-id'))) {
+          return [FEAASReactExternal, {}]
+        }
+      })
+    )
   }
 
   if ('src' in props) {
     props = { ...parseComponentSource(props.src), ...props }
-  } else if (!('template' in props)) {
-    if (!props.version) {
-      props = {
-        ...props,
-        version: 'responsive'
-      }
-    }
   }
 
   return (
@@ -66,10 +66,42 @@ export function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps
         suppressHydrationWarning={true}
         template={null}
         data={typeof data == 'string' ? data : data ? JSON.stringify(data) : null}
-        dangerouslySetInnerHTML={{ __html: html || '' }}
-      />
+      >
+        {children}
+      </feaas-component>
     </>
   )
 }
 
+export function FEAASReactExternal(props: { 'data-external-id': string }) {
+  const Component = getComponent(props['data-external-id'])?.component
+  return (
+    <feaas-external {...props}>
+      <Component {...props} />
+    </feaas-external>
+  )
+}
+
+/** Turn HTMLNode into React tree. It accepts callback to customize the behavior */
+export function HTMLNodeToReact(
+  node: HTMLNode,
+  callback?: (node: HTMLNode) => [tagName: any, attributes: Record<string, any>]
+): React.ReactNode {
+  if (node.nodeType === 3) {
+    return node.textContent
+  }
+  const children = Array.from(node.childNodes).map((child) => HTMLNodeToReact(child, callback))
+
+  const attributes: { [key: string]: string } = {}
+  for (let i = 0; i < node.attributes.length; i++) {
+    const { name, value } = node.attributes[i]
+    attributes[name] = value
+  }
+
+  const reactNode = callback?.(node)
+  const reactName = reactNode?.[0] || node.nodeName.toLowerCase()
+  const reactAttributes = Object.assign(attributes, reactName?.[1] || {})
+  return React.createElement(reactName, reactAttributes, ['img', 'br', 'input'].includes(reactName) ? null : children)
+}
+
 export const Component = FEAASReactComponent

package/src/utils/data.ts

@@ -1,7 +1,7 @@
 import { JSONPath } from 'jsonpath-plus'
 
 export function queryObject(json: any, path: string) {
-  return JSONPath({ path, json })
+  return JSONPath<any[]>({ path, json })?.flat(Infinity) || []
 }
 
 export function queryScopes(scopes: any, datapath: string, singleValue = false, json: any = scopes) {
@@ -23,7 +23,7 @@ export function queryScopes(scopes: any, datapath: string, singleValue = false,
     }
   }
 
-  var collection = JSONPath({ path, json })
+  var collection = queryObject(json, path)
 
   // If regular path didn't match any data, try fallbacks
   // datasourceId.wrapper.$.path
@@ -49,7 +49,7 @@ export function queryScopes(scopes: any, datapath: string, singleValue = false,
     ]
       .filter((v, i, a) => a.indexOf(v) === i)
       .reduce((v, path) => {
-        return v.length > 0 ? v : JSONPath({ path, json })
+        return v.length > 0 ? v : queryObject(json, path)
       }, [] as any[])
   }
 

package/test/ServerComponent.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react'
+import React, { useContext } from 'react'
 import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest'
-import { ServerComponent } from '../src/ui/react.js'
+import { ServerComponent, registerComponent } from '../src/ui/react.js'
 import { FEAASComponent } from '../src/components/FEAASComponent.js'
 import { test } from './FEAASComponent.react.test.js'
 
@@ -41,4 +41,58 @@ describe('React Server', () => {
       `<feaas-component library="library" component="test" src="library/test" data="{&quot;data&quot;:&quot;2&quot;}">Test</feaas-component>`
     )
   })
+  it('pre-render data', async () => {
+    vi.spyOn(global, 'fetch').mockImplementation(
+      async (url: string, options: Parameters<typeof fetch>[1] = {}) =>
+        new Response('Hey: <var data-path="value"></var>!')
+    )
+
+    const Component = await ServerComponent({ src: 'library/test', data: { value: 0 } })
+    await test(
+      <>{Component}</>,
+      `<feaas-component library="library" component="test" src="library/test" data="{&quot;value&quot;:0}">Hey: <var data-path="value">0</var>!</feaas-component>`
+    )
+  })
+  it('render external component', async () => {
+    function MyComponent() {
+      return <h1>My Component</h1>
+    }
+    registerComponent(MyComponent, {
+      name: 'test-server-external'
+    })
+    vi.spyOn(global, 'fetch').mockImplementation(
+      async (url: string, options: Parameters<typeof fetch>[1] = {}) =>
+        new Response('<p>This?</p><feaas-external data-external-id="test-server-external"></feaas-external>')
+    )
+
+    const Component = await ServerComponent({ src: 'library/test', data: { value: 0 } })
+    await test(
+      <>{Component}</>,
+      `<feaas-component library="library" component="test" src="library/test" data="{&quot;value&quot;:0}"><p>This?</p><feaas-external data-external-id="test-server-external"><h1>My Component</h1></feaas-external></feaas-component>`
+    )
+  })
+  it('render external component with context', async () => {
+    const Context = React.createContext({
+      test: 'abc'
+    })
+    function MyComponent() {
+      const { test } = useContext(Context)
+      return <h1>My Component: {test}</h1>
+    }
+    registerComponent(MyComponent, {
+      name: 'test-server-external-context'
+    })
+    vi.spyOn(global, 'fetch').mockImplementation(
+      async (url: string, options: Parameters<typeof fetch>[1] = {}) =>
+        new Response('<p>This?</p><feaas-external data-external-id="test-server-external-context"></feaas-external>')
+    )
+
+    const Component = await ServerComponent({ src: 'library/test', data: { value: 0 } })
+    await test(
+      <Context.Provider value={{ test: 'cde' }}>
+        <>{Component}</>
+      </Context.Provider>,
+      `<feaas-component library="library" component="test" src="library/test" data="{&quot;value&quot;:0}"><p>This?</p><feaas-external data-external-id="test-server-external-context"><h1>My Component: cde</h1></feaas-external></feaas-component>`
+    )
+  })
 })

package/types/dom/html.d.ts

@@ -1,11 +1,11 @@
 /** Lightweight DOM parser and serializer to use in server environments */
 import { DataScopes } from '../utils/settings.js';
 import { FEAASCustomizations } from './rendering.js';
-type HTMLAttribute = {
+export type HTMLAttribute = {
     name: string;
     value: string;
 };
-declare class HTMLNode {
+export declare class HTMLNode {
     nodeName: string;
     nodeType: number;
     textContent?: string;
@@ -43,5 +43,5 @@ export declare function parseHTML(html: string): HTMLNode[];
 export declare function escapeHTML(input: string): string;
 export declare function serializeHTML(nodes: HTMLNode[]): string;
 export declare function renderHTMLContent(template: string, data?: DataScopes, config?: FEAASCustomizations): string;
-export {};
+export declare function parseHTMLContent(template: string, data?: DataScopes, config?: FEAASCustomizations): HTMLNode[];
 //# sourceMappingURL=html.d.ts.map

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,KAAK,aAAa,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAEpD,cAAM,QAAQ;IACZ,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,UAIlG"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/dom/rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,MAAM,CAAA;IACtF,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,GAAG,CAAA;IAC7D,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,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,GAAG,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,GAC7C,mBAAmB,CAAA;AAsDrB,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,mBAAmB,QAoEhH;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,eA0CnB;AAMD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,eAc9G;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,EAAE,OAAO,UAAQ,UAW7G"}
+{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/dom/rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,MAAM,CAAA;IACtF,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,GAAG,CAAA;IAC7D,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,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,GAAG,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,GAC7C,mBAAmB,CAAA;AAsDrB,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,mBAAmB,QAqEhH;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,eA0CnB;AAMD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,eAc9G;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,EAAE,OAAO,UAAQ,UAW7G"}