lit-ui-router 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# lit-ui-router
+
+A UI Router implementation for Lit.

package/dist/core.d.ts

@@ -0,0 +1,27 @@
+import { PathNode, StateObject, UIRouter, ViewConfig, _ViewDeclaration } from '@uirouter/core';
+import { RoutedLitElement, LitViewDeclaration, LitViewDeclarationTemplate, NormalizedLitViewDeclaration } from './interface.js';
+export declare class LitViewConfig implements ViewConfig {
+    path: PathNode[];
+    viewDecl: _ViewDeclaration;
+    $id: number;
+    loaded: boolean;
+    constructor(path: PathNode[], viewDecl: _ViewDeclaration);
+    load(): Promise<Awaited<this>>;
+}
+export declare function isLitViewDeclarationTemplate(config: LitViewDeclaration): config is LitViewDeclarationTemplate;
+export declare function isRoutedLitElement(component?: unknown): component is RoutedLitElement;
+/**
+ * This is a [[StateBuilder.builder]] function for lit `views`.
+ *
+ * When the [[StateBuilder]] builds a [[State]] object from a raw [[StateDeclaration]], this builder
+ * handles the `views` property with logic specific to lit-ui-router.
+ *
+ * If no `views: {}` property exists on the [[StateDeclaration]], then it creates the `views` object and
+ * applies the state-level configuration to a view named `$default`.
+ */
+export declare function litViewsBuilder(state: StateObject): Record<string, NormalizedLitViewDeclaration>;
+export declare class UIRouterLit extends UIRouter {
+    constructor();
+    private started;
+    start(): void;
+}

package/dist/core.js

@@ -0,0 +1,80 @@
+import { forEach, isFunction, pick, servicesPlugin, UIRouter, ViewService, } from '@uirouter/core';
+import { html, LitElement } from 'lit';
+/** @internal */
+let viewConfigIdCounter = 0;
+export class LitViewConfig {
+    constructor(path, viewDecl) {
+        this.path = path;
+        this.viewDecl = viewDecl;
+        this.$id = viewConfigIdCounter++;
+        this.loaded = true;
+    }
+    load() {
+        return Promise.resolve(this);
+    }
+}
+export function isLitViewDeclarationTemplate(config) {
+    return isFunction(config);
+}
+export function isRoutedLitElement(component) {
+    return component?.prototype instanceof LitElement;
+}
+/**
+ * This is a [[StateBuilder.builder]] function for lit `views`.
+ *
+ * When the [[StateBuilder]] builds a [[State]] object from a raw [[StateDeclaration]], this builder
+ * handles the `views` property with logic specific to lit-ui-router.
+ *
+ * If no `views: {}` property exists on the [[StateDeclaration]], then it creates the `views` object and
+ * applies the state-level configuration to a view named `$default`.
+ */
+export function litViewsBuilder(state) {
+    const views = {}, viewsObject = state.views || {
+        $default: pick(state, ['component']),
+    };
+    forEach(viewsObject, function (config, name) {
+        name = name || '$default'; // Account for views: { "": { template... } }
+        if (isLitViewDeclarationTemplate(config))
+            config = { component: config };
+        if (Object.keys(config || {}).length === 0)
+            return;
+        config.$type = 'lit';
+        config.$context = state;
+        config.$name = name;
+        const normalized = ViewService.normalizeUIViewTarget(config.$context, config.$name);
+        config.$uiViewName = normalized.uiViewName;
+        config.$uiViewContextAnchor = normalized.uiViewContextAnchor;
+        if (isRoutedLitElement(config.component)) {
+            const Component = config.component;
+            let component;
+            config.component = (props) => {
+                component = (Component.sticky && component) || new Component(props);
+                component._uiViewProps = props;
+                return html `${component}`;
+            };
+        }
+        views[name] = viewsObject[name] = config;
+    });
+    return views;
+}
+const viewConfigFactory = (path, config) => new LitViewConfig(path, config);
+export class UIRouterLit extends UIRouter {
+    constructor() {
+        super();
+        this.started = false;
+        this.plugin(servicesPlugin);
+        // Apply lit ui-view handling code
+        this.viewService._pluginapi._viewConfigFactory('lit', viewConfigFactory);
+        this.stateRegistry.decorator('views', litViewsBuilder);
+    }
+    start() {
+        if (this.started) {
+            throw new Error('start() called multiple times');
+        }
+        this.urlMatcherFactory.$get();
+        this.urlService.listen();
+        this.urlService.sync();
+        this.started = true;
+    }
+}
+//# sourceMappingURL=core.js.map

package/dist/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../src/core.ts"],"names":[],"mappings":"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"}

package/dist/custom-elements.json

@@ -0,0 +1,319 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/ui-view.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UiView",
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "uiRouter",
+              "type": {
+                "text": "UIRouterLit"
+              },
+              "description": "<code>&lt;ui-view&gt;</code> can be used without <code>&lt;ui-router&gt;</code>\nby providing the <code>uiRouter</code> property directly."
+            },
+            {
+              "kind": "field",
+              "name": "viewAddress",
+              "type": {
+                "text": "UiViewAddress"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "component",
+              "type": {
+                "text": "RoutedLitTemplate | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "inner",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "viewId",
+              "privacy": "private",
+              "default": "viewIdCounter++"
+            },
+            {
+              "kind": "field",
+              "name": "_uiViewData",
+              "type": {
+                "text": "ActiveUIView"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "resolveContext",
+              "type": {
+                "text": "ResolveContext"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_viewConfigUpdated",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "ViewConfig"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_applyUpdatedConfig",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "LitViewConfig"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "parentView",
+              "type": {
+                "text": "UiView"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onUiViewContextEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "uiViewContextEventName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "'ui-view-context'"
+            },
+            {
+              "kind": "method",
+              "name": "uiViewContextEvent",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "UiViewContextEvent"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "seekParentView",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "onUiRouterContextEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "seekRouter",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "captureContent",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "disconnectedHandlers",
+              "type": {
+                "text": "deregisterFn[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "method",
+              "name": "setupUiView",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_invokeUiCanExitHook",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "trans",
+                  "type": {
+                    "text": "Transition"
+                  }
+                }
+              ],
+              "description": "For each transition, checks the component loaded in the ui-view for:\n\n- has a uiCanExit() component hook\n- is being exited\n\nIf both are true, adds the uiCanExit component function as a hook to that singular Transition."
+            },
+            {
+              "kind": "method",
+              "name": "_invokeUiOnParamsChangedHook",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "$transition$",
+                  "type": {
+                    "text": "Transition"
+                  }
+                }
+              ],
+              "description": "For each transition, checks if any param values changed and notify component"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "This event is fired to obtain the <code>uiRouter</code> instance, when not directly provided. Once obtained, the <code>&lt;ui-view&gt;</code> listens and provides the <code>uiRouter</code> to descendants.",
+              "name": "ui-router-context"
+            },
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "This event is fired to obtain the parent <code>&lt;ui-view&gt;</code>.",
+              "name": "ui-view-context"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "name"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "summary": "This is the <code>&lt;ui-view&gt;</code> component.\n\nThe <code>&lt;ui-view&gt;</code> component is a viewport for routed components.\nRouted components will be rendered inside the <code>&lt;ui-view&gt;</code> viewport.",
+          "tagName": "ui-view",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UiView",
+          "declaration": {
+            "name": "UiView",
+            "module": "src/ui-view.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui-view",
+          "declaration": {
+            "name": "UiView",
+            "module": "src/ui-view.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ui-router.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UIRouterLitElement",
+          "slots": [
+            {
+              "description": "<code>&lt;ui-router&gt;</code> renders slotted content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "uiRouter",
+              "type": {
+                "text": "UIRouterLit | undefined"
+              },
+              "description": "Root <code>uiRouter</code> singleton.\nIf not provided, the element creates and assigns a new instance."
+            },
+            {
+              "kind": "field",
+              "name": "onUiRouterContextEvent",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "<code>&lt;ui-router&gt;</code> listens to the <code>ui-router-context</code> event and provides the <code>uiRouter</code> instance.",
+              "name": "ui-router-context"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "summary": "This is the root ui-router component.",
+          "tagName": "ui-router",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UIRouterLitElement",
+          "declaration": {
+            "name": "UIRouterLitElement",
+            "module": "src/ui-router.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui-router",
+          "declaration": {
+            "name": "UIRouterLitElement",
+            "module": "src/ui-router.ts"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './interface.js';
+export * from './core.js';
+export * from './ui-router.js';
+export * from './ui-view.js';
+export * from './ui-sref.js';
+export * from './ui-sref-active.js';

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from './interface.js';
+export * from './core.js';
+export * from './ui-router.js';
+export * from './ui-view.js';
+export * from './ui-sref.js';
+export * from './ui-sref-active.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/interface.d.ts

@@ -0,0 +1,81 @@
+import { Transition, HookResult, _ViewDeclaration, StateDeclaration, TypedMap, UIRouter } from '@uirouter/core';
+import { TemplateResult, LitElement } from 'lit';
+export interface UiOnParamsChanged {
+    /**
+     * A UI-Router view has an Lit `Component` (see [[LitViewDeclaration.component]]).
+     * The `Component` may define component-level hooks which UI-Router will call at the appropriate times.
+     * These callbacks are similar to Transition Hooks ([[IHookRegistry]]), but are only called if the view/component is currently active.
+     *
+     * The uiOnParamsChanged callback is called when parameter values change.
+     *
+     * This callback is used to respond dynamic parameter values changing.
+     * It is called when a transition changed one or more dynamic parameter values,
+     * and the routed component was not destroyed.
+     *
+     * It receives two parameters:
+     *
+     * - An object with (only) changed parameter values.
+     *   The keys are the parameter names and the values are the new parameter values.
+     * - The [[Transition]] which changed the parameter values.
+     *
+     */
+    uiOnParamsChanged(newParams: {
+        [paramName: string]: any;
+    }, trans?: Transition): void;
+}
+export interface UiOnExit {
+    /**
+     * A UI-Router view has an Lit `Component` (see [[LitViewDeclaration.component]]).
+     * The `Component` may define component-level hooks which UI-Router will call at the appropriate times.
+     * These callbacks are similar to Transition Hooks ([[IHookRegistry]]), but are only called if the view/component is currently active.
+     *
+     * The uiCanExit callback is called when the routed component's state is about to be exited.
+     *
+     * The callback can be used to cancel or alter the new Transition that would otherwise exit the component's state.
+     *
+     * This callback is used to inform a view that it is about to be exited, due to a new [[Transition]].
+     * The callback can ask for user confirmation, and cancel or alter the new Transition.  The callback should
+     * return a value, or a promise for a value.  If a promise is returned, the new Transition waits until the
+     * promise settles.
+     *
+     * Called when:
+     * - The component is still active inside a `ui-view`
+     * - A new Transition is about to run
+     * - The new Transition will exit the view's state
+     *
+     * Called with:
+     * - The `Transition` that is about to exit the component's state
+     *
+     * @return a hook result which may cancel or alter the pending Transition (see [[HookResult]])
+     */
+    uiCanExit(newTransition?: Transition): HookResult;
+}
+export type UIViewResolves = TypedMap<any>;
+export interface UIViewInjectedProps {
+    transition?: Transition;
+    resolves?: UIViewResolves;
+    router: UIRouter;
+}
+export type RoutedLitTemplate = ((props?: UIViewInjectedProps) => TemplateResult) | ((props: UIViewInjectedProps) => TemplateResult);
+export interface LitViewDeclarationTemplate extends _ViewDeclaration {
+    (props?: UIViewInjectedProps): TemplateResult;
+}
+export interface RoutedLitElement {
+    new (props?: UIViewInjectedProps): LitElement & {
+        _uiViewProps?: UIViewInjectedProps;
+    };
+    sticky?: boolean;
+}
+export type RoutedLitComponent = RoutedLitTemplate | RoutedLitElement;
+export interface LitViewDeclarationElement extends RoutedLitElement, _ViewDeclaration {
+}
+export interface LitViewDeclarationObject extends _ViewDeclaration {
+    component: RoutedLitComponent;
+}
+export type LitViewDeclaration = LitViewDeclarationObject | LitViewDeclarationElement | LitViewDeclarationTemplate;
+export interface LitStateDeclaration extends StateDeclaration {
+    component?: LitViewDeclaration;
+}
+export interface NormalizedLitViewDeclaration extends _ViewDeclaration {
+    component: RoutedLitTemplate;
+}

package/dist/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

package/dist/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../src/interface.ts"],"names":[],"mappings":""}

package/dist/ui-router.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { UIRouterLit } from './core.js';
+interface UiRouterContextEventDetail {
+    uiRouter?: UIRouterLit;
+}
+export type UiRouterContextEvent = CustomEvent<UiRouterContextEventDetail>;
+/**
+ * @summary
+ *
+ * This is the root ui-router component.
+ *
+ *
+ * @slot - <code>&lt;ui-router&gt;</code> renders slotted content.
+ *
+ * @event {CustomEvent} ui-router-context
+ *
+ * <code>&lt;ui-router&gt;</code> listens to the
+ * <code>ui-router-context</code> event
+ * and provides the <code>uiRouter</code> instance.
+ */
+export declare class UIRouterLitElement extends LitElement {
+    /**
+     * Root <code>uiRouter</code> singleton.
+     * If not provided, the element creates and assigns a new instance.
+     */
+    uiRouter: UIRouterLit | undefined;
+    /** @internal */
+    static uiRouterContextEventName: string;
+    /** @internal */
+    static uiRouterContextEvent(uiRouter?: UIRouterLit): UiRouterContextEvent;
+    /** @internal */
+    static seekRouter(candidate: Element): UIRouterLit | undefined;
+    /** @internal */
+    static onUiRouterContextEvent(uiRouter?: UIRouterLit): (event: UiRouterContextEvent) => void;
+    private onUiRouterContextEvent;
+    connectedCallback(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+}
+export interface UIRouterLitElement {
+    constructor: typeof UIRouterLitElement;
+}
+export {};

package/dist/ui-router.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { UIRouterLit } from './core.js';
+/**
+ * @summary
+ *
+ * This is the root ui-router component.
+ *
+ *
+ * @slot - <code>&lt;ui-router&gt;</code> renders slotted content.
+ *
+ * @event {CustomEvent} ui-router-context
+ *
+ * <code>&lt;ui-router&gt;</code> listens to the
+ * <code>ui-router-context</code> event
+ * and provides the <code>uiRouter</code> instance.
+ */
+let UIRouterLitElement = class UIRouterLitElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.onUiRouterContextEvent = (event) => {
+            this.constructor.onUiRouterContextEvent(this.uiRouter)(event);
+        };
+    }
+    /** @internal */
+    static { this.uiRouterContextEventName = 'ui-router-context'; }
+    /** @internal */
+    static uiRouterContextEvent(uiRouter) {
+        return new CustomEvent(this.uiRouterContextEventName, {
+            bubbles: true,
+            composed: true,
+            detail: {
+                uiRouter,
+            },
+        });
+    }
+    /** @internal */
+    static seekRouter(candidate) {
+        const uiRouterContextEvent = this.uiRouterContextEvent();
+        candidate.dispatchEvent(uiRouterContextEvent);
+        return uiRouterContextEvent.detail.uiRouter;
+    }
+    /** @internal */
+    static onUiRouterContextEvent(uiRouter) {
+        return (event) => {
+            event.stopPropagation();
+            event.detail.uiRouter = uiRouter;
+        };
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.uiRouter = this.uiRouter || new UIRouterLit();
+        this.addEventListener(this.constructor.uiRouterContextEventName, this.onUiRouterContextEvent);
+        this.dispatchEvent(this.constructor.uiRouterContextEvent(this.uiRouter));
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], UIRouterLitElement.prototype, "uiRouter", void 0);
+UIRouterLitElement = __decorate([
+    customElement('ui-router')
+], UIRouterLitElement);
+export { UIRouterLitElement };
+//# sourceMappingURL=ui-router.js.map

package/dist/ui-router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-router.js","sourceRoot":"","sources":["../src/ui-router.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQxC;;;;;;;;;;;;;GAaG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAqCG,2BAAsB,GAAG,CAAC,KAA2B,EAAE,EAAE;YAC/D,IAAI,CAAC,WAAW,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC;IAiBJ,CAAC;IAhDC,gBAAgB;aACT,6BAAwB,GAAG,mBAAmB,AAAtB,CAAuB;IAEtD,gBAAgB;IAChB,MAAM,CAAC,oBAAoB,CAAC,QAAsB;QAChD,OAAO,IAAI,WAAW,CAAC,IAAI,CAAC,wBAAwB,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,QAAQ;aACT;SACF,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IAChB,MAAM,CAAC,UAAU,CAAC,SAAkB;QAClC,MAAM,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACzD,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAC9C,OAAO,oBAAoB,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC9C,CAAC;IAED,gBAAgB;IAChB,MAAM,CAAC,sBAAsB,CAAC,QAAsB;QAClD,OAAO,CAAC,KAA2B,EAAE,EAAE;YACrC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACnC,CAAC,CAAC;IACJ,CAAC;IAMD,KAAK,CAAC,iBAAiB;QACrB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,WAAW,EAAE,CAAC;QAEnD,IAAI,CAAC,gBAAgB,CACnB,IAAI,CAAC,WAAW,CAAC,wBAAwB,EACzC,IAAI,CAAC,sBAAuC,CAC7C,CAAC;QAEF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAjDD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACG;AANvB,kBAAkB;IAD9B,aAAa,CAAC,WAAW,CAAC;GACd,kBAAkB,CAwD9B"}