lit-ui-router 0.0.1

package/dist/ui-sref-active.d.ts

@@ -0,0 +1,88 @@
+import { TargetState, Transition, TransitionOptions } from '@uirouter/core';
+import { ElementPart } from 'lit';
+import { PartInfo } from 'lit/directive.js';
+import { AsyncDirective } from 'lit/async-directive.js';
+import { UIRouterLit } from './core.js';
+import { UiSrefElement, UiSrefTargetEvent } from './ui-sref.js';
+import { UiView } from './ui-view.js';
+/** @internal */
+interface TransEvt {
+    evt: string;
+    trans: Transition;
+    status?: SrefStatus;
+}
+export declare const TRANSITION_STATE_CHANGE_EVENT = "transitionStateChange";
+export declare enum TransitionStateChange {
+    start = "start",
+    success = "success",
+    error = "error"
+}
+/**
+ * UISref status emitted from [[UISrefStatus]]
+ */
+export interface SrefStatus {
+    /** The sref's target state (or one of its children) is currently active */
+    active: boolean;
+    /** The sref's target state is currently active */
+    exact: boolean;
+    /** A transition is entering the sref's target state */
+    entering: boolean;
+    /** A transition is exiting the sref's target state */
+    exiting: boolean;
+    /** The enclosed sref(s) target state(s) */
+    targetStates: TargetState[];
+}
+export interface UiSrefActiveParams {
+    activeClasses: string[];
+    exactClasses: string[];
+    state: string;
+    params: any;
+    options: TransitionOptions;
+    targetStates: TargetState[];
+}
+type deregisterFn = () => void;
+export declare class UiSrefActiveDirective extends AsyncDirective {
+    element: Element | null;
+    uiRouter: UIRouterLit | undefined;
+    seekRouter(): void;
+    parentView: UiView | null;
+    seekParentView(): void;
+    activeClasses: string[];
+    exactClasses: string[];
+    state: string | undefined;
+    params: any;
+    options: TransitionOptions;
+    active: boolean | undefined;
+    exact: boolean | undefined;
+    entering: boolean | undefined;
+    exiting: boolean | undefined;
+    targetStates: Set<TargetState>;
+    uiSrefs: WeakMap<TargetState, UiSrefElement>;
+    _deregisterOnStart: deregisterFn | undefined;
+    _deregisterOnStatesChanged: deregisterFn | undefined;
+    constructor(partInfo: PartInfo);
+    render({ activeClasses, exactClasses }: Partial<UiSrefActiveParams>): symbol;
+    getOptions(): TransitionOptions;
+    /**
+     * Given a TransEvt (Transition event: started, success, error)
+     * and a UISref Target State, return a SrefStatus object
+     * which represents the current status of that Sref:
+     * active, activeEq (exact match), entering, exiting
+     *
+     * @internal
+     */
+    getSrefStatus(event: TransEvt | undefined, srefTarget: TargetState): SrefStatus;
+    update(part: ElementPart, [{ activeClasses, exactClasses, state, params, options, targetStates, },]: [UiSrefActiveParams]): Promise<void>;
+    doRender: () => symbol;
+    _firstUpdated: boolean;
+    firstUpdated({ targetStates }: Partial<UiSrefActiveParams>): Promise<void>;
+    disconnected(): void;
+    createTransitionStateChangeEvent(evt: TransitionStateChange, trans: Transition): CustomEvent<TransEvt>;
+    onUiSrefTargetEvent: (event: UiSrefTargetEvent) => void;
+    onTransitionStateChange: (e: Event) => Promise<void>;
+    getStatus(transEvt?: TransEvt): SrefStatus | undefined;
+    onTransitionStart: (trans: Transition) => void;
+    onStatesChanged: () => void;
+}
+export declare const uiSrefActive: (values_0: Partial<UiSrefActiveParams>) => import("lit/directive.js").DirectiveResult<typeof UiSrefActiveDirective>;
+export {};

package/dist/ui-sref-active.js

@@ -0,0 +1,273 @@
+import { anyTrueR, extend, Param, PathUtils, tail, unnestR, } from '@uirouter/core';
+import { noChange } from 'lit';
+import { directive, PartType } from 'lit/directive.js';
+import { AsyncDirective } from 'lit/async-directive.js';
+import { UIRouterLitElement } from './ui-router.js';
+import { UI_SREF_TARGET_EVENT, } from './ui-sref.js';
+import { UiView } from './ui-view.js';
+export const TRANSITION_STATE_CHANGE_EVENT = 'transitionStateChange';
+export var TransitionStateChange;
+(function (TransitionStateChange) {
+    TransitionStateChange["start"] = "start";
+    TransitionStateChange["success"] = "success";
+    TransitionStateChange["error"] = "error";
+})(TransitionStateChange || (TransitionStateChange = {}));
+/**
+ * Returns a Predicate<PathNode[]>
+ *
+ * The predicate returns true when the target state (and param values)
+ * match the (tail of) the path, and the path's param values
+ *
+ * @internal
+ */
+const pathMatches = (target) => {
+    if (!target.exists())
+        return () => false;
+    const state = target.$state();
+    const targetParamVals = target.params();
+    const targetPath = PathUtils.buildPath(target);
+    const paramSchema = targetPath
+        .map((node) => node.paramSchema)
+        .reduce(unnestR, [])
+        .filter((param) => Object.prototype.hasOwnProperty.call(targetParamVals, param.id));
+    return (path = []) => {
+        const tailNode = tail(path);
+        if (!tailNode || tailNode.state !== state)
+            return false;
+        const paramValues = PathUtils.paramValues(path);
+        return Param.equals(paramSchema, paramValues, targetParamVals);
+    };
+};
+/**
+ * Given basePath: [a, b], appendPath: [c, d]),
+ * Expands the path to [c], [c, d]
+ * Then appends each to [a,b,] and returns: [a, b, c], [a, b, c, d]
+ *
+ * @internal
+ */
+function spreadToSubPaths(basePath, appendPath) {
+    return appendPath.map((node) => basePath.concat(PathUtils.subPath(appendPath, (n) => n.state === node.state)));
+}
+/** @internal */
+function mergeSrefStatus(left, right) {
+    return {
+        active: left.active || right.active,
+        exact: left.exact || right.exact,
+        entering: left.entering || right.entering,
+        exiting: left.exiting || right.exiting,
+        targetStates: [...left.targetStates, ...right.targetStates],
+    };
+}
+let _first = null;
+export class UiSrefActiveDirective extends AsyncDirective {
+    seekRouter() {
+        this.uiRouter = UIRouterLitElement.seekRouter(this.element);
+    }
+    seekParentView() {
+        this.parentView = UiView.seekParentView(this.element);
+    }
+    constructor(partInfo) {
+        super(partInfo);
+        this.element = null;
+        this.parentView = null;
+        this.activeClasses = [];
+        this.exactClasses = [];
+        this.params = {};
+        this.options = {};
+        this.targetStates = new Set();
+        this.uiSrefs = new WeakMap();
+        this.doRender = () => {
+            return this.render({
+                activeClasses: this.activeClasses,
+                exactClasses: this.exactClasses,
+            });
+        };
+        this._firstUpdated = false;
+        this.onUiSrefTargetEvent = (event) => {
+            const { targetState } = event.detail;
+            this.targetStates.add(targetState);
+            this.uiSrefs.set(targetState, event.target);
+        };
+        this.onTransitionStateChange = async (e) => {
+            const event = e;
+            const status = this.getStatus(event.detail);
+            if (!status) {
+                return;
+            }
+            const { active, exact, entering, exiting } = status;
+            this.active = active;
+            this.exact = exact;
+            this.entering = entering;
+            this.exiting = exiting;
+            this.doRender();
+        };
+        this.onTransitionStart = (trans) => {
+            this.element.dispatchEvent(this.createTransitionStateChangeEvent(TransitionStateChange.start, trans));
+            trans.promise.then(() => {
+                this.element.dispatchEvent(this.createTransitionStateChangeEvent(TransitionStateChange.success, trans));
+            }, () => {
+                this.element.dispatchEvent(this.createTransitionStateChangeEvent(TransitionStateChange.error, trans));
+            });
+        };
+        this.onStatesChanged = () => {
+            const { active, exact } = this.getStatus() || {};
+            this.active = active;
+            this.exact = exact;
+            this.doRender();
+        };
+        if (partInfo.type !== PartType.ELEMENT) {
+            throw new Error('The `uiSrefActive` directive must be used as an element');
+        }
+        _first = _first || this;
+    }
+    render({ activeClasses, exactClasses }) {
+        if (!this._firstUpdated) {
+            return noChange;
+        }
+        activeClasses?.forEach((className) => {
+            if (this.active) {
+                this.element.classList.add(className);
+            }
+            else {
+                this.element.classList.remove(className);
+            }
+        });
+        exactClasses?.forEach((className) => {
+            if (this.exact) {
+                this.element.classList.add(className);
+            }
+            else {
+                this.element.classList.remove(className);
+            }
+        });
+        return noChange;
+    }
+    getOptions() {
+        const defaultOpts = {
+            relative: this.parentView?.viewContext?.name,
+        };
+        return extend(defaultOpts, this.options || {});
+    }
+    /**
+     * Given a TransEvt (Transition event: started, success, error)
+     * and a UISref Target State, return a SrefStatus object
+     * which represents the current status of that Sref:
+     * active, activeEq (exact match), entering, exiting
+     *
+     * @internal
+     */
+    getSrefStatus(event, srefTarget) {
+        const pathMatchesTarget = pathMatches(srefTarget);
+        const tc = event?.trans.treeChanges();
+        const isStartEvent = event?.evt === 'start';
+        const isSuccessEvent = event?.evt === 'success';
+        const activePath = isSuccessEvent
+            ? tc?.to
+            : tc?.from;
+        const isActive = () => activePath
+            ? spreadToSubPaths([], activePath)
+                .map(pathMatchesTarget)
+                .reduce(anyTrueR, false)
+            : this.uiRouter.stateService.includes(srefTarget.name(), srefTarget.params());
+        const isExact = () => activePath
+            ? pathMatchesTarget(activePath)
+            : this.uiRouter.stateService.is(srefTarget.name(), srefTarget.params());
+        const isEntering = () => spreadToSubPaths(tc.retained, tc.entering)
+            .map(pathMatchesTarget)
+            .reduce(anyTrueR, false);
+        const isExiting = () => spreadToSubPaths(tc.retained, tc.exiting)
+            .map(pathMatchesTarget)
+            .reduce(anyTrueR, false);
+        const result = {
+            active: isActive(),
+            exact: isExact(),
+            entering: isStartEvent ? isEntering() : false,
+            exiting: isStartEvent ? isExiting() : false,
+            targetStates: [srefTarget],
+        };
+        return result;
+    }
+    async update(part, [{ activeClasses, exactClasses, state, params = {}, options = {}, targetStates, },]) {
+        this.activeClasses = activeClasses;
+        this.exactClasses = exactClasses;
+        this.state = state;
+        this.params = params;
+        this.options = options;
+        const { element } = part;
+        if (this.element !== element) {
+            this.element = element;
+            this._firstUpdated = false;
+            await 0;
+            this.firstUpdated({ targetStates });
+        }
+        if (this.uiRouter && this._firstUpdated) {
+            this.doRender();
+        }
+    }
+    async firstUpdated({ targetStates }) {
+        if (this._firstUpdated || !this.isConnected) {
+            return;
+        }
+        this.seekRouter();
+        this.seekParentView();
+        this.targetStates.clear();
+        if (targetStates) {
+            Array.prototype.forEach.call(targetStates, (targetState) => {
+                this.targetStates.add(targetState);
+            });
+        }
+        else if (this.state) {
+            this.targetStates.add(this.uiRouter.stateService.target(this.state, this.params, this.getOptions()));
+        }
+        else {
+            this.element.addEventListener(UI_SREF_TARGET_EVENT, this.onUiSrefTargetEvent);
+        }
+        this.element.addEventListener(TRANSITION_STATE_CHANGE_EVENT, this.onTransitionStateChange);
+        this._deregisterOnStart = this.uiRouter.transitionService.onStart({}, this.onTransitionStart);
+        this._deregisterOnStatesChanged =
+            this.uiRouter.stateRegistry.onStatesChanged(this.onStatesChanged);
+        setTimeout(() => {
+            if (this.targetStates.size) {
+                const { active, exact } = this.getStatus() || {};
+                this.active = active;
+                this.exact = exact;
+                this.doRender();
+            }
+        }, 0);
+        this._firstUpdated = true;
+    }
+    disconnected() {
+        if (!this.element) {
+            return;
+        }
+        this.element.removeEventListener(UI_SREF_TARGET_EVENT, this.onUiSrefTargetEvent);
+        this.element.removeEventListener(TRANSITION_STATE_CHANGE_EVENT, this.onTransitionStateChange);
+        this.element = null;
+        this._deregisterOnStart?.();
+        this._deregisterOnStatesChanged?.();
+    }
+    createTransitionStateChangeEvent(evt, trans) {
+        const detail = {
+            evt,
+            trans,
+            status: undefined,
+        };
+        detail.status = this.getStatus(detail);
+        return new CustomEvent(TRANSITION_STATE_CHANGE_EVENT, {
+            detail,
+        });
+    }
+    getStatus(transEvt) {
+        const { targetStates } = this;
+        if (!targetStates.size) {
+            return;
+        }
+        const statuses = [];
+        for (const target of targetStates) {
+            statuses.push(this.getSrefStatus(transEvt, target));
+        }
+        return statuses.reduce(mergeSrefStatus);
+    }
+}
+export const uiSrefActive = directive(UiSrefActiveDirective);
+//# sourceMappingURL=ui-sref-active.js.map

package/dist/ui-sref-active.js.map

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

package/dist/ui-sref.d.ts

@@ -0,0 +1,40 @@
+import { RawParams, TransitionOptions, TargetState } from '@uirouter/core';
+import { ElementPart } from 'lit';
+import { PartInfo } from 'lit/directive.js';
+import { AsyncDirective } from 'lit/async-directive.js';
+import { UIRouterLit } from './core.js';
+import { UiView } from './ui-view.js';
+export declare const UI_SREF_TARGET_EVENT = "uiSrefTarget";
+export interface UiSrefElement extends Element {
+    href: string;
+    targetState: TargetState;
+}
+export interface UiSrefTargetEvent extends CustomEvent<{
+    targetState: TargetState;
+}> {
+    target: UiSrefElement;
+}
+export declare function uiSrefTargetEvent(targetState: TargetState): UiSrefTargetEvent;
+export declare class UiSrefDirective extends AsyncDirective {
+    state: string | null;
+    params: RawParams;
+    options: TransitionOptions;
+    element: UiSrefElement | null;
+    uiRouter: UIRouterLit | undefined;
+    parentView: UiView | null;
+    href: string | null;
+    targetState: TargetState | null;
+    unsubscribe: (() => void) | undefined;
+    constructor(partInfo: PartInfo);
+    getOptions(opts?: TransitionOptions): TransitionOptions;
+    render(state: string, params?: RawParams, options?: TransitionOptions): symbol;
+    seekRouter(): void;
+    seekParentView(): void;
+    disconnected(): void;
+    onClick: (event: MouseEvent) => void;
+    update(part: ElementPart, [state, params, options]: [string, RawParams, TransitionOptions]): symbol;
+    doRender: () => symbol;
+    _firstUpdated: boolean;
+    firstUpdated(): void;
+}
+export declare const uiSref: (state: string, params?: RawParams | undefined, options?: TransitionOptions | undefined) => import("lit/directive.js").DirectiveResult<typeof UiSrefDirective>;

package/dist/ui-sref.js

@@ -0,0 +1,126 @@
+import { extend, isNumber, } from '@uirouter/core';
+import { noChange } from 'lit';
+import { directive, PartType } from 'lit/directive.js';
+import { AsyncDirective } from 'lit/async-directive.js';
+import { UIRouterLitElement } from './ui-router.js';
+import { UiView } from './ui-view.js';
+export const UI_SREF_TARGET_EVENT = 'uiSrefTarget';
+export function uiSrefTargetEvent(targetState) {
+    return new CustomEvent(UI_SREF_TARGET_EVENT, {
+        bubbles: true,
+        composed: true,
+        detail: { targetState },
+    });
+}
+export class UiSrefDirective extends AsyncDirective {
+    constructor(partInfo) {
+        super(partInfo);
+        this.state = null;
+        this.params = {};
+        this.options = {};
+        this.element = null;
+        this.parentView = null;
+        this.href = null;
+        this.targetState = null;
+        this.onClick = (event) => {
+            const { uiRouter: router, state, params } = this;
+            const options = this.getOptions();
+            const $state = router?.stateService;
+            if (!$state) {
+                return;
+            }
+            const { button, ctrlKey, metaKey, target } = event;
+            const openInNewTab = target.getAttribute('target') === '_blank';
+            const isExternal = target.getAttribute('rel') === 'external';
+            if (openInNewTab ||
+                isExternal ||
+                button ||
+                !isNumber(button) ||
+                ctrlKey ||
+                metaKey ||
+                !state) {
+                return;
+            }
+            $state.go(state, params, options);
+            event.preventDefault();
+        };
+        this.doRender = () => {
+            return this.render(this.state, this.params, this.options);
+        };
+        this._firstUpdated = false;
+        if (partInfo.type !== PartType.ELEMENT) {
+            throw new Error('The `uiSref` directive must be used as an element');
+        }
+    }
+    getOptions(opts = this.options) {
+        const defaultOpts = {
+            relative: this.parentView?.viewContext?.name,
+            inherit: true,
+            source: 'sref',
+        };
+        return extend(defaultOpts, opts || {});
+    }
+    render(state, params, options) {
+        if (!this.element) {
+            return noChange;
+        }
+        const { uiRouter: router } = this;
+        const $state = router?.stateService;
+        if (!$state) {
+            return noChange;
+        }
+        this.element.targetState = this.targetState = $state.target(state, params, this.getOptions(options));
+        this.href = $state.href(state, params, this.getOptions(options));
+        if (this.href === this.element.getAttribute('href')) {
+            return noChange;
+        }
+        if (this.href) {
+            this.element.setAttribute('href', this.href);
+        }
+        else {
+            this.element.removeAttribute('href');
+        }
+        this.element.dispatchEvent(uiSrefTargetEvent(this.targetState));
+        return noChange;
+    }
+    seekRouter() {
+        this.uiRouter = UIRouterLitElement.seekRouter(this.element);
+    }
+    seekParentView() {
+        this.parentView = UiView.seekParentView(this.element);
+    }
+    disconnected() {
+        this.element?.removeEventListener('click', this.onClick);
+        this.element = null;
+        this.targetState = null;
+        this.href = null;
+        this.unsubscribe?.();
+    }
+    update(part, [state, params = {}, options = {}]) {
+        this.state = state;
+        this.params = params;
+        this.options = options;
+        const uiSrefElement = part.element;
+        if (this.element !== uiSrefElement) {
+            this.element = uiSrefElement;
+            this._firstUpdated = false;
+            setTimeout(() => {
+                this.firstUpdated();
+            }, 0);
+        }
+        return this.doRender();
+    }
+    firstUpdated() {
+        if (this._firstUpdated || !this.isConnected) {
+            return;
+        }
+        this.seekRouter();
+        this.seekParentView();
+        this.element.addEventListener('click', this.onClick);
+        this.unsubscribe = this.uiRouter.stateRegistry.onStatesChanged(this.doRender);
+        this.doRender();
+        this._firstUpdated = true;
+    }
+}
+export const uiSref = directive(UiSrefDirective);
+//# sourceMappingURL=ui-sref.js.map

package/dist/ui-sref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-sref.js","sourceRoot":"","sources":["../src/ui-sref.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAGN,QAAQ,GAET,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAe,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAY,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAYnD,MAAM,UAAU,iBAAiB,CAAC,WAAwB;IACxD,OAAO,IAAI,WAAW,CAAC,oBAAoB,EAAE;QAC3C,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,WAAW,EAAE;KACxB,CAAsB,CAAC;AAC1B,CAAC;AAED,MAAM,OAAO,eAAgB,SAAQ,cAAc;IAejD,YAAY,QAAkB;QAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAflB,UAAK,GAAkB,IAAI,CAAC;QAC5B,WAAM,GAAc,EAAE,CAAC;QACvB,YAAO,GAAsB,EAAE,CAAC;QAEhC,YAAO,GAAyB,IAAI,CAAC;QAGrC,eAAU,GAAkB,IAAI,CAAC;QAEjC,SAAI,GAAkB,IAAI,CAAC;QAC3B,gBAAW,GAAuB,IAAI,CAAC;QAqEvC,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC9B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YACjD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC;YACpC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,OAAO;YACT,CAAC;YACD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;YACnD,MAAM,YAAY,GACf,MAAkB,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,QAAQ,CAAC;YAC1D,MAAM,UAAU,GAAI,MAAkB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC;YAC1E,IACE,YAAY;gBACZ,UAAU;gBACV,MAAM;gBACN,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACjB,OAAO;gBACP,OAAO;gBACP,CAAC,KAAK,EACN,CAAC;gBACD,OAAO;YACT,CAAC;YACD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;YAClC,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;QAqBF,aAAQ,GAAG,GAAG,EAAE;YACd,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC,CAAC;QAEF,kBAAa,GAAG,KAAK,CAAC;QAhHpB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACvC,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;IAED,UAAU,CAAC,OAA0B,IAAI,CAAC,OAAO;QAC/C,MAAM,WAAW,GAAsB;YACrC,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI;YAC5C,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,MAAM;SACf,CAAC;QACF,OAAO,MAAM,CAAC,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,CAAC,KAAa,EAAE,MAAkB,EAAE,OAA2B;QACnE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,MAAM,GAAG,MAAM,EAAE,YAAY,CAAC;QACpC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CACzD,KAAK,EACL,MAAM,EACN,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CACzB,CAAC;QAEF,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAEjE,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;YACpD,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACvC,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAChE,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,QAAQ,GAAG,kBAAkB,CAAC,UAAU,CAAC,IAAI,CAAC,OAAQ,CAAC,CAAC;IAC/D,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,OAAQ,CAAC,CAAC;IACzD,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAwB,CAAC,CAAC;QAC1E,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;IACvB,CAAC;IA4BD,MAAM,CACJ,IAAiB,EACjB,CAAC,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,CAAyC;QAE1E,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,MAAM,aAAa,GAAG,IAAI,CAAC,OAAmC,CAAC;QAC/D,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;YACnC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;QAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAOD,YAAY;QACV,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,OAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAwB,CAAC,CAAC;QACvE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAS,CAAC,aAAa,CAAC,eAAe,CAC7D,IAAI,CAAC,QAAQ,CACd,CAAC;QACF,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;CACF;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC"}

package/dist/ui-view.d.ts

@@ -0,0 +1,80 @@
+import { LitElement } from 'lit';
+import { StateDeclaration, ViewContext, StateObject } from '@uirouter/core';
+import { UIRouterLit } from './core.js';
+export interface UiViewAddress {
+    context: ViewContext | StateObject;
+    fqn: string;
+}
+/**
+ * @summary
+ *
+ * This is the <code>&lt;ui-view&gt;</code> component.
+ *
+ * The <code>&lt;ui-view&gt;</code> component is a viewport for routed components.
+ * Routed components will be rendered inside the <code>&lt;ui-view&gt;</code> viewport.
+ *
+ * @event {CustomEvent} ui-router-context
+ *
+ * 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.
+ *
+ * @event {CustomEvent} ui-view-context
+ *
+ * This event is fired to obtain the parent <code>&lt;ui-view&gt;</code>.
+ */
+export declare class UiView extends LitElement {
+    name: string;
+    /**
+     * <code>&lt;ui-view&gt;</code> can be used without <code>&lt;ui-router&gt;</code>
+     * by providing the <code>uiRouter</code> property directly.
+     */
+    uiRouter: UIRouterLit;
+    private viewAddress;
+    private component;
+    private inner;
+    /** @internal */
+    createRenderRoot(): this;
+    private viewId;
+    private _uiViewData;
+    private resolveContext;
+    private _viewConfigUpdated;
+    private _applyUpdatedConfig;
+    private parentView;
+    private onUiViewContextEvent;
+    connectedCallback(): void;
+    private static uiViewContextEventName;
+    private static uiViewContextEvent;
+    /** @internal */
+    static seekParentView(candidate: Element): UiView | null;
+    private seekParentView;
+    private onUiRouterContextEvent;
+    private seekRouter;
+    private captureContent;
+    private disconnectedHandlers;
+    private setupUiView;
+    disconnectedCallback(): void;
+    /**
+     * For each transition, checks the component loaded in the ui-view for:
+     *
+     * - has a uiCanExit() component hook
+     * - is being exited
+     *
+     * If both are true, adds the uiCanExit component function as a hook to that singular Transition.
+     */
+    private _invokeUiCanExitHook;
+    requestUpdate(...args: Parameters<LitElement['requestUpdate']>): void;
+    /**
+     * For each transition, checks if any param values changed and notify component
+     */
+    private _invokeUiOnParamsChangedHook;
+    /** @internal */
+    get viewContext(): ViewContext | undefined;
+    /** @internal */
+    get state(): StateDeclaration;
+    render(): import("lit").TemplateResult | Node;
+}
+export interface UiView {
+    constructor: typeof UiView;
+}