tungsten 0.2.7 → 0.2.8

package/dist/update/integrateUpdateVdom.js

@@ -393,7 +393,7 @@ async function updateHtmlElement(tungstenElement, instance, newNode, oldNode, do
   debug('updating html node', newNode[$type]);
   // !!!! update
   const domNode = oldNode.domNode;
-  updateAttributes(newNode, oldNode, domNode);
+  updateAttributes(tungstenElement, instance, newNode, oldNode, domNode);
   domPointer.increment();
   debug(`!!!!dom pointer index is`, domPointer.index, 'after updating html node');
   // !!! handle children
@@ -477,8 +477,9 @@ function moveDomNode(domNode, domPointer) {
   //console.log('moving domNode', domNode)
   if (domPointer.positionOf(domNode) !== domPointer.index) {
     //console.log('document.activeElement', document.activeElement, domNode ==  document.activeElement,  domNode ===  document.activeElement)
-    const hasFocus = domNode === document.activeElement;
-    const activeElement = document.activeElement;
+    const ownerDocument = domNode.ownerDocument;
+    const hasFocus = domNode === ownerDocument.activeElement;
+    const activeElement = ownerDocument.activeElement;
     if (domPointer.index >= domPointer.parent.childNodes.length) {
       //console.log('appending', domNode)
       domPointer.parent.appendChild(domNode);
@@ -493,7 +494,7 @@ function moveDomNode(domNode, domPointer) {
   }
   domPointer.increment();
 }
-function deleteNodeIfRendered(node) {
+export function deleteNodeIfRendered(node) {
   //console.log('-deleteNodeIfRendered', node)
   debug('-deleteNodeIfRendered', node);
   if (node !== $contentNull && !RenderedContentNodeIsNonRendered(node)) {
@@ -511,7 +512,10 @@ function deleteNodeIfRendered(node) {
       throwError('deleteNodeIfRendered', 'has been asked to remove the head node, this should not occur');
     } else if (RenderedContentNodeSingleIsHtml(node)) {
       debug('delete node html', node);
-      //node
+      deleteNodeIfRendered(node.renderedChildren);
+      if ('ref' in node[$props] && node[$props].ref?.current === node.domNode) {
+        node[$props].ref.current = null;
+      }
       node.domNode.remove();
     } else if (RenderedContentNodeSingleIsComponent(node)) {
       //console.log('***delete component', node.element.__currentContent)
@@ -578,7 +582,7 @@ function createComment({
 }) {
   debug('-createComment');
   //console.log('createComment', text)
-  const comment = document.createComment(text);
+  const comment = documentFromParent(domPointer.parent).createComment(text);
   if (domPointer.index >= domPointer.parent.childNodes.length) {
     domPointer.parent.appendChild(comment);
   } else {
@@ -727,7 +731,7 @@ function createLiteral(value, domPointer) {
   const text = String(value);
   debug('dom parent', domPointer.parent);
   debug('dom index', domPointer.index);
-  const textNode = document.createTextNode(text);
+  const textNode = documentFromParent(domPointer.parent).createTextNode(text);
   if (domPointer.parent.childNodes.length === domPointer.index) {
     domPointer.parent.appendChild(textNode);
   } else {
@@ -752,8 +756,8 @@ async function createHtmlElement(tungstenElement, instance, node, domPointer, pa
   //console.log('Process HTML El')
   processHtmlNode(node, parentNode);
   debug('-createHtmlElement', node);
-  const htmlEl = document.createElement(node[$type]);
-  addAttributes(node, htmlEl);
+  const htmlEl = documentFromParent(domPointer.parent).createElement(node[$type]);
+  addAttributes(tungstenElement, instance, node, htmlEl);
   if (node[$type] === 'head') {
     for (const el of instance.persistentHeadChildren) {
       htmlEl.appendChild(el.cloneNode(true));
@@ -801,7 +805,7 @@ async function createHtmlElement(tungstenElement, instance, node, domPointer, pa
 function removeAttribute(htmlElement, attr) {
   if (attr === 'checked') htmlElement.checked = false;else htmlElement.removeAttribute(attr);
 }
-function addAttributes(node, domNode) {
+function addAttributes(tungstenElement, instance, node, domNode) {
   //console.log('-addAttributes', node)
   const attributes = processAttributes(node);
   debug('attributes', attributes);
@@ -812,7 +816,7 @@ function addAttributes(node, domNode) {
       const eventName = htmlEvents[key];
       todo('addAttributes() warning - ensure type safety of event names');
       todo('addAttributes() warning - ensure type safety of event listener'); // we need to set all possible event listeners to take only EventListener funcs
-      const handler = attributes[key];
+      const handler = makeEventListener(tungstenElement, instance, eventName, attributes[key]);
       // // if its a button without type="submit", prevent default to stop it from submitting forms
       // const handler = (key === 'onClick' && node[$type] === 'button' && node[$props].type !== 'submit')
       //     ? (event: Event) => { event.preventDefault(); return (attributes[key] as EventListener)(event) } 
@@ -835,8 +839,7 @@ function addAttributes(node, domNode) {
   domNode.__tungsten_oldAttributes = attributes;
   return attributes;
 }
-const clickEvents = [['onClick', 'click']];
-function updateAttributes(node, oldNode, domNodeHTMLElement) {
+function updateAttributes(tungstenElement, instance, node, oldNode, domNodeHTMLElement) {
   //console.log('-updateAttributes node', node)
   //console.log('domNodeHTMLElement', domNodeHTMLElement)
   const domNode = domNodeHTMLElement;
@@ -853,8 +856,14 @@ function updateAttributes(node, oldNode, domNodeHTMLElement) {
   debug('oldAttributes', oldAttributes);
   for (const attr in oldAttributes) {
     if (!(attr in newAttributes)) {
-      debug('remove attr', attr);
-      removeAttribute(domNode, attr);
+      if (StringIsHtmlEvent(attr)) {
+        const eventName = htmlEvents[attr];
+        const listener = domNode[htmlEventHandlerKey(eventName)];
+        if (listener !== undefined) domNode.removeEventListener(eventName, listener);
+      } else {
+        debug('remove attr', attr);
+        removeAttribute(domNode, attr);
+      }
     }
   }
   // for (const attr of domNode.attributes) {
@@ -863,57 +872,48 @@ function updateAttributes(node, oldNode, domNodeHTMLElement) {
   //         removeAttribute(domNode, attr.name)
   //     }
   // }
-  //if (attributes.onClick !== undefined)
-  for (const [event, eventName] of clickEvents) {
-    if (newAttributes[event] === undefined) {
-      debug('remove event', eventName);
-      //!!
-      domNode.removeEventListener(eventName, domNode[htmlEventHandlerKey(eventName)]);
-    }
-  }
   for (const key in newAttributes) {
-    switch (key) {
-      case 'onClick':
-        {
-          debug('add onclick');
-          const clickHandlerKey = htmlEventHandlerKey('click');
-          debug('domNode.' + clickHandlerKey, domNode[clickHandlerKey]);
-          if ('clickHandlerKey' in domNode) {
-            domNode.removeEventListener('click', domNode[clickHandlerKey]);
-          }
-          // if its a button without type="submit", prevent default to stop it from submitting forms
-          const handler = newAttributes[key];
-          // const handler = (key === 'onClick' && node[$type] === 'button' && node[$props].type !== 'submit')
-          //     ? (event: Event) => { event.preventDefault(); return (attributes[key] as EventListener)(event) } 
-          //     : attributes[key] as EventListener
-          todo(`Ensure type safety on event listener`);
-          domNode.addEventListener('click', handler);
-          domNode[clickHandlerKey] = handler;
-          debug('added event handler', domNode[clickHandlerKey]);
-          break;
-        }
-      default:
-        {
-          //console.log('add/set attr', domNode, key, attributes[key], String(attributes[key]))
-          //if (domNode.tagName === 'input' || domNode.tagName === 'INPUT') continue
-          // try to set value directly for inputs that aren't updating with the below code
-          if (key === 'value') {
-            domNode.value = String(newAttributes[key]);
-          } else {
-            if (typeof newAttributes[key] === 'boolean') {
-              if (newAttributes[key]) domNode.setAttribute(key, '');else removeAttribute(domNode, key);
-            } else if (newAttributes[key] === undefined || newAttributes[key] === null) {
-              removeAttribute(domNode, key);
-            } else {
-              domNode.setAttribute(key, String(newAttributes[key]));
-            }
-          }
+    if (StringIsHtmlEvent(key)) {
+      const eventName = htmlEvents[key];
+      const listenerKey = htmlEventHandlerKey(eventName);
+      const oldHandler = oldAttributes?.[key];
+      if (oldHandler !== newAttributes[key]) {
+        const oldListener = domNode[listenerKey];
+        if (oldListener !== undefined) domNode.removeEventListener(eventName, oldListener);
+        const listener = makeEventListener(tungstenElement, instance, eventName, newAttributes[key]);
+        domNode.addEventListener(eventName, listener);
+        domNode[listenerKey] = listener;
+      }
+    } else {
+      //console.log('add/set attr', domNode, key, attributes[key], String(attributes[key]))
+      //if (domNode.tagName === 'input' || domNode.tagName === 'INPUT') continue
+      // try to set value directly for inputs that aren't updating with the below code
+      if (key === 'value') {
+        domNode.value = String(newAttributes[key]);
+      } else {
+        if (typeof newAttributes[key] === 'boolean') {
+          if (newAttributes[key]) domNode.setAttribute(key, '');else removeAttribute(domNode, key);
+        } else if (newAttributes[key] === undefined || newAttributes[key] === null) {
+          removeAttribute(domNode, key);
+        } else {
+          domNode.setAttribute(key, String(newAttributes[key]));
         }
+      }
     }
   }
   domNode.__tungsten_oldAttributes = newAttributes;
   return newAttributes;
 }
+function documentFromParent(parent) {
+  if (parent.nodeType === 9) return parent;
+  if (parent.ownerDocument === null) throw new Error('Tungsten DOM parent has no owner document.');
+  return parent.ownerDocument;
+}
+function makeEventListener(tungstenElement, instance, eventName, handler) {
+  return event => {
+    instance.trackWork(() => handler(event), `${tungstenElement.constructor.name} ${eventName} event handler`);
+  };
+}
 // const ignoreAttributes = {
 //     'ref': true,
 //     //'key': true
@@ -1001,6 +1001,64 @@ export async function createTungstenComponent({
   // need to set a domRegion
   // element.__domRegion = domRegion
 }
+export async function createTungstenRootComponent(RootComponent, props, routeParams, routeData, instance, container) {
+  const domPointer = new DomPointer(container, container.childNodes.length);
+  const domStartIndex = domPointer.index;
+  const component = new RootComponent({
+    props,
+    routeParams,
+    routeData,
+    instance,
+    parentElement: null
+  });
+  try {
+    await component.__init();
+    const content = await component.__initialContent();
+    const componentName = RootComponent.displayName ?? RootComponent.name;
+    const openingComment = createComment({
+      text: printComponentNamesInSource ? componentName : '',
+      domPointer
+    });
+    const renderedContent = await createNode({
+      tungstenElement: component,
+      instance,
+      newNode: content,
+      domPointer,
+      parentNode: null
+    });
+    const closingComment = createComment({
+      text: printComponentNamesInSource ? `/${componentName}` : '',
+      domPointer
+    });
+    component.__domRegion = new DomRegion(container, domStartIndex, domPointer.index - domStartIndex);
+    component.__currentContent = renderedContent;
+    component.__didMount();
+    return {
+      component,
+      openingComment,
+      closingComment
+    };
+  } catch (error) {
+    component.__delete();
+    while (container.childNodes.length > domStartIndex) {
+      container.removeChild(container.childNodes[domStartIndex]);
+    }
+    component.__deleted();
+    throw error;
+  }
+}
+export function deleteTungstenRoot(root) {
+  const {
+    component,
+    openingComment,
+    closingComment
+  } = root;
+  component.__delete();
+  deleteNodeIfRendered(component.__currentContent);
+  openingComment.remove();
+  closingComment.remove();
+  component.__deleted();
+}
 let cc = 0; // debugging aid
 async function createTungstenClassComponent(parent, instance, node, domPointer) {
   //console.log('creating tung class comp', node[$type].name)

package/dist/{react-zone.d.ts → zones/react.d.ts}

@@ -1,7 +1,7 @@
-import { TungstenSimpleComponent } from './Components.jsx';
-import { type TungstenElementRef } from './createRef.js';
-import type { CssNames } from './CssNames.js';
-import type { ContentNode } from './ContentNode.js';
+import { TungstenSimpleComponent } from '../Components.jsx';
+import { type TungstenElementRef } from '../createRef.js';
+import type { CssNames } from '../CssNames.js';
+import type { ContentNode } from '../ContentNode.js';
 export type ReactZoneComponent<Props extends object> = ((props: Props) => unknown) | (new (...args: any[]) => unknown);
 type ReactZoneRoot = {
     render(children: unknown): void;
@@ -50,4 +50,4 @@ export declare class ReactZone<Props extends object> extends TungstenSimpleCompo
     private reportError;
 }
 export {};
-//# sourceMappingURL=react-zone.d.ts.map
+//# sourceMappingURL=react.d.ts.map

package/dist/zones/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/zones/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAGpD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAC7C,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,GAC3B,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG;IACjB,MAAM,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/B,OAAO,IAAI,IAAI,CAAA;CAClB,CAAA;AAED,KAAK,kBAAkB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;AAE7F,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE;QACH,SAAS,EAAE,GAAG,CAAA;QACd,aAAa,EAAE,kBAAkB,CAAA;KACpC,CAAA;IACD,MAAM,EAAE;QACJ,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,aAAa,CAAA;QACxC,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,aAAa,CAAA;KAC/D,CAAA;IACD,MAAM,EAAE;QACJ,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAA;KAC5C,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,MAAM,IAAI;IAC/C,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpC,KAAK,EAAE,KAAK,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,EAAE,gBAAgB,CAAA;CAC5B,CAAA;AAED,qBAAa,SAAS,CAAC,KAAK,SAAS,MAAM,CAAE,SAAQ,uBAAuB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/F,OAAO,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAqC;IAChF,SAAS,EAAE,aAAa,GAAG,SAAS,CAAA;IACpC,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAA;IAClD,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,SAAS,UAAQ;IAEjB,OAAO,QAAa,OAAO,CAAC,WAAW,CAAC,CAsBvC;IAED,iBAAiB,QAAO,IAAI,CAG3B;IAED,kBAAkB,QAAO,IAAI,CAE5B;IAED,oBAAoB,QAAO,IAAI,CAM9B;IAED,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,WAAW;CAOtB"}

package/dist/{react-zone.js → zones/react.js}

@@ -1,9 +1,9 @@
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { TungstenSimpleComponent } from "./Components.js";
-import { createElementRef } from "./createRef.js";
-import { isServer } from "./isServer.js";
+import { TungstenSimpleComponent } from "../Components.js";
+import { createElementRef } from "../createRef.js";
+import { isServer } from "../isServer.js";
 import { jsx as _jsx } from "tungsten/jsxRuntime.js";
 export class ReactZone extends TungstenSimpleComponent {
   constructor(...args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tungsten",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "",
   "type": "module",
   "bin": {
@@ -9,7 +9,8 @@
   "main": "dist/index.js",
   "exports": {
     ".": "./dist/index.js",
-    "./react-zone": "./dist/react-zone.js",
+    "./react-zone": "./dist/zones/react.js",
+    "./testing": "./dist/testing/index.js",
     "./*": "./dist/*",
     "./types/*": "./types/*"
   },
@@ -123,6 +124,7 @@
     "eslint-import-resolver-typescript": "^2.7.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-no-type-assertion": "^1.3.0",
+    "happy-dom": "^20.10.6",
     "progress-webpack-plugin": "^1.0.16",
     "prop-types": "^15.8.1",
     "rimraf": "^5.0.10",

package/readme.md

@@ -2,6 +2,71 @@
 
 [Docs](https://robertsandiford.co.uk/tungsten)
 
+## Component testing
+
+Test-specific APIs are available from `tungsten/testing` and are not exported
+from Tungsten's main entry point. A test project supplies its own DOM
+implementation, such as happy-dom or jsdom:
+
+```tsx
+import { Window } from 'happy-dom'
+import { createTestApp } from 'tungsten/testing'
+
+describe('RootComponent', () => {
+    it('responds to a button click', async () => {
+        const window = new Window()
+        const testApp = await createTestApp(RootComponent, {
+            document: window.document as unknown as Document,
+            props: { initialName: 'Robert' },
+            location: '/',
+        })
+
+        try {
+            const button = testApp.container.querySelector('button')
+            expect(button).not.toBeNull()
+
+            button!.dispatchEvent(new window.Event('click') as unknown as Event)
+            await testApp.resolved()
+
+            expect(testApp.container.textContent).toContain('Robert')
+        } finally {
+            await testApp.unmount()
+        }
+    })
+})
+```
+
+The casts are only needed when a DOM package publishes types which are not
+structurally compatible with the TypeScript DOM library version used by the
+test project.
+
+`createTestApp()` completes the initial client render before returning.
+`resolved()` subsequently waits for Tungsten updates, DOM reconciliation,
+lifecycle-triggered updates, and promises returned by registered event
+handlers. It does not wait for unrelated timers, network requests, or promises
+which the application has not returned to Tungsten.
+
+An automatically created container is appended to the supplied document body
+and removed by `unmount()`. A caller-supplied container must be empty; it is
+emptied but retained during unmount.
+
+Registered stores are created independently for each test application. Use
+`testStore()` to initialize one before the root component starts:
+
+```ts
+import { createTestApp, testStore } from 'tungsten/testing'
+
+const testApp = await createTestApp(RootComponent, {
+    document,
+    stores: [testStore(userStore, store => {
+        store.user.set(mockUser)
+    })],
+})
+```
+
+Tests containing Tungsten JSX must be compiled through `tungsten compile` so
+they use Tungsten's JSX runtime and application transforms.
+
 ## Preparing code for tests
 
 Run a one-shot development compilation without starting a server:
@@ -58,3 +123,18 @@ per-file transformation messages while retaining errors and cycle status:
 tungsten compile --watch --output .tungsten/test \
   --ready-file .tungsten/test.ready --quiet
 ```
+
+## Preserving package imports in selected files
+
+Use `skipPackageCompilation` in `tungsten.config.js` for files that should be
+transformed and emitted without Tungsten traversing or copying their package
+dependencies. Bare package imports in matching files are left unchanged:
+
+```js
+export default {
+    skipPackageCompilation: '**/*.domTest.js'
+}
+```
+
+The option accepts one glob or an array of globs. Patterns match the actual
+JavaScript files received by Tungsten; extensions are not translated.

package/dist/react-zone.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-zone.d.ts","sourceRoot":"","sources":["../src/react-zone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAGnD,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,IAC7C,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,GAC3B,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG;IACjB,MAAM,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/B,OAAO,IAAI,IAAI,CAAA;CAClB,CAAA;AAED,KAAK,kBAAkB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;AAE7F,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE;QACH,SAAS,EAAE,GAAG,CAAA;QACd,aAAa,EAAE,kBAAkB,CAAA;KACpC,CAAA;IACD,MAAM,EAAE;QACJ,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,aAAa,CAAA;QACxC,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,aAAa,CAAA;KAC/D,CAAA;IACD,MAAM,EAAE;QACJ,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAA;KAC5C,CAAA;CACJ,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,MAAM,IAAI;IAC/C,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpC,KAAK,EAAE,KAAK,CAAA;IACZ,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,OAAO,EAAE,gBAAgB,CAAA;CAC5B,CAAA;AAED,qBAAa,SAAS,CAAC,KAAK,SAAS,MAAM,CAAE,SAAQ,uBAAuB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/F,OAAO,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAqC;IAChF,SAAS,EAAE,aAAa,GAAG,SAAS,CAAA;IACpC,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAA;IAClD,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,SAAS,UAAQ;IAEjB,OAAO,QAAa,OAAO,CAAC,WAAW,CAAC,CAsBvC;IAED,iBAAiB,QAAO,IAAI,CAG3B;IAED,kBAAkB,QAAO,IAAI,CAE5B;IAED,oBAAoB,QAAO,IAAI,CAM9B;IAED,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,WAAW;CAOtB"}