element-vir 12.0.1 → 12.1.0

package/dist/declarative-element/declarative-element.d.ts

@@ -6,7 +6,7 @@ import { CssVarNameOrValueMap } from './properties/css-vars';
 import { EventDescriptorMap, EventsInitMap } from './properties/element-events';
 import { ElementPropertyDescriptorMap, PropertyInitMapBase } from './properties/element-properties';
 import { HostClassNamesMap } from './properties/host-classes';
-import { RenderCallback } from './render-callback';
+import { RenderCallback, RenderParams } from './render-callback';
 export type HostInstanceType<TagNameGeneric extends CustomElementTagName, InputsGeneric extends PropertyInitMapBase, StateInitMaybeAsyncGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap, HostClassKeys extends string, CssVarKeys extends string> = RequiredAndNotNullBy<DeclarativeElement<TagNameGeneric, InputsGeneric, StateInitMaybeAsyncGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, any>, 'shadowRoot'>;
 export type DeclarativeElementDefinition<TagNameGeneric extends CustomElementTagName = any, InputsGeneric extends PropertyInitMapBase = any, StateInitMaybeAsyncGeneric extends PropertyInitMapBase = any, EventsInitGeneric extends EventsInitMap = any, HostClassKeys extends string = string, CssVarKeys extends string = string, RenderOutputGeneric = any> = (new () => HostInstanceType<TagNameGeneric, InputsGeneric, StateInitMaybeAsyncGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>) & StaticDeclarativeElementProperties<TagNameGeneric, InputsGeneric, StateInitMaybeAsyncGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, RenderOutputGeneric> & {
     instanceType: HostInstanceType<TagNameGeneric, InputsGeneric, StateInitMaybeAsyncGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>;
@@ -24,6 +24,7 @@ export declare abstract class DeclarativeElement<TagNameGeneric extends CustomEl
     static readonly hostClasses: StaticDeclarativeElementProperties<CustomElementTagName, PropertyInitMapBase, PropertyInitMapBase, EventsInitMap, string, string, unknown>['hostClasses'];
     static readonly cssVarNames: StaticDeclarativeElementProperties<CustomElementTagName, PropertyInitMapBase, PropertyInitMapBase, EventsInitMap, string, string, unknown>['cssVarNames'];
     static readonly cssVarValues: StaticDeclarativeElementProperties<CustomElementTagName, PropertyInitMapBase, PropertyInitMapBase, EventsInitMap, string, string, unknown>['cssVarValues'];
+    abstract lastRenderedProps: Pick<RenderParams<any, InputsGeneric, StateInitMaybeAsyncGeneric, any, any, any>, 'inputs' | 'state'>;
     abstract render(): unknown;
     abstract readonly instanceState: MaybeAsyncStateToSync<StateInitMaybeAsyncGeneric>;
     abstract readonly asyncStateHandlerMap: AsyncStateHandlerMap<StateInitMaybeAsyncGeneric>;

package/dist/declarative-element/define-element-no-inputs.d.ts

@@ -2,4 +2,4 @@ import { DeclarativeElementDefinition } from './declarative-element';
 import { CustomElementTagName, DeclarativeElementInit } from './declarative-element-init';
 import { EventsInitMap } from './properties/element-events';
 import { PropertyInitMapBase } from './properties/element-properties';
-export declare function defineElementNoInputs<TagNameGeneric extends CustomElementTagName = '-', InputsGeneric extends PropertyInitMapBase = {}, MaybeAsyncStateInitGeneric extends PropertyInitMapBase = {}, EventsInitGeneric extends EventsInitMap = {}, HostClassKeys extends string = '', CssVarKeys extends string = '', RenderOutputGeneric = any>(initInput: DeclarativeElementInit<TagNameGeneric, InputsGeneric, MaybeAsyncStateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, RenderOutputGeneric>): DeclarativeElementDefinition<TagNameGeneric, InputsGeneric, MaybeAsyncStateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, RenderOutputGeneric>;
+export declare function defineElementNoInputs<TagNameGeneric extends CustomElementTagName = '-', InputsGeneric extends PropertyInitMapBase = {}, StateInitMaybeAsyncGeneric extends PropertyInitMapBase = {}, EventsInitGeneric extends EventsInitMap = {}, HostClassKeys extends string = '', CssVarKeys extends string = '', RenderOutputGeneric = any>(initInput: DeclarativeElementInit<TagNameGeneric, InputsGeneric, StateInitMaybeAsyncGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, RenderOutputGeneric>): DeclarativeElementDefinition<TagNameGeneric, InputsGeneric, StateInitMaybeAsyncGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, RenderOutputGeneric>;

package/dist/declarative-element/define-element-no-inputs.js

@@ -74,6 +74,10 @@ export function defineElementNoInputs(initInput) {
                         state: renderParams.state,
                         inputs: renderParams.inputs,
                     });
+                    this.lastRenderedProps = {
+                        inputs: { ...renderParams.inputs },
+                        state: { ...renderParams.state },
+                    };
                     return renderResult;
                 }
                 catch (caught) {
@@ -105,6 +109,7 @@ export function defineElementNoInputs(initInput) {
                 super();
                 this.initCalled = false;
                 this.hasRendered = false;
+                this.lastRenderedProps = undefined;
                 this.haveInputsBeenSet = false;
                 // this is set below in Object.defineProperties
                 this.definition = {};

package/dist/declarative-element/properties/assign-inputs.js

@@ -1,19 +1,7 @@
 import { getObjectTypedKeys } from '@augment-vir/common';
 import { property } from 'lit/decorators.js';
-import { isElementUpdaterProxy } from './element-updater-proxy';
-function extractElementInstanceState(
-/** Marked as partial here so that normal Element instances can also be passed in here. */
-element) {
-    const rawInstanceState = element.instanceState;
-    if (isElementUpdaterProxy(rawInstanceState)) {
-        return rawInstanceState;
-    }
-    else {
-        return undefined;
-    }
-}
 export function assignInputs(element, inputs) {
-    const instanceState = extractElementInstanceState(element);
+    const instanceState = element.instanceState;
     getObjectTypedKeys(inputs).forEach((key) => {
         if (instanceState && key in instanceState) {
             throw new Error(`Cannot set input '${key}' on '${element.tagName}'. '${element.tagName}' already has a state property with the same name.`);

package/dist/declarative-element/properties/element-updater-proxy.d.ts

@@ -1,4 +1,3 @@
 import { DeclarativeElement } from '../declarative-element';
 import { PropertyInitMapBase } from './element-properties';
-export declare function isElementUpdaterProxy(input: unknown): input is PropertyInitMapBase;
 export declare function createElementUpdaterProxy<PropertyInitGeneric extends PropertyInitMapBase>(element: DeclarativeElement, verifyExists: boolean): PropertyInitGeneric;

package/dist/declarative-element/properties/element-updater-proxy.js

@@ -1,4 +1,3 @@
-import { isObject } from '@augment-vir/common';
 import { AsyncStateHandler, AsyncStateInit } from './async-state';
 function assertValidPropertyName(propKey, element, elementTagName) {
     if (typeof propKey !== 'string' && typeof propKey !== 'number' && typeof propKey !== 'symbol') {
@@ -8,13 +7,6 @@ function assertValidPropertyName(propKey, element, elementTagName) {
         throw new Error(`Property '${String(propKey)}' does not exist on '${elementTagName.toLowerCase()}'.`);
     }
 }
-const elementUpdaterProxyMarker = Symbol('element-updater-proxy');
-export function isElementUpdaterProxy(input) {
-    if (!isObject(input)) {
-        return false;
-    }
-    return input[elementUpdaterProxyMarker] === true;
-}
 export function createElementUpdaterProxy(element, verifyExists) {
     /**
      * Lit element updates state and inputs by setting them directly on the element, so we must do
@@ -23,9 +15,6 @@ export function createElementUpdaterProxy(element, verifyExists) {
      */
     const elementAsProps = element;
     function valueGetter(target, propertyKey) {
-        if (propertyKey === elementUpdaterProxyMarker) {
-            return true;
-        }
         if (verifyExists) {
             assertValidPropertyName(propertyKey, element, element.tagName);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "12.0.1",
+    "version": "12.1.0",
     "keywords": [
         "custom",
         "web",
@@ -39,13 +39,13 @@
         "test:types": "tsc --noEmit"
     },
     "dependencies": {
-        "@augment-vir/browser": "^13.2.4",
-        "@augment-vir/common": "^13.2.4",
+        "@augment-vir/browser": "^13.3.0",
+        "@augment-vir/common": "^13.3.0",
         "lit": "2.7.2"
     },
     "devDependencies": {
-        "@augment-vir/browser-testing": "^13.2.4",
-        "@augment-vir/node-js": "^13.2.4",
+        "@augment-vir/browser-testing": "^13.3.0",
+        "@augment-vir/node-js": "^13.3.0",
         "@istanbuljs/nyc-config-typescript": "^1.0.2",
         "@open-wc/testing": "^3.1.8",
         "@types/mocha": "^10.0.1",
@@ -56,9 +56,11 @@
         "@web/test-runner-visual-regression": "^0.8.0",
         "ansi-colors": "^4.1.3",
         "cspell": "^6.31.1",
+        "esbuild": "^0.17.18",
         "istanbul-smart-text-reporter": "^1.1.1",
         "markdown-code-example-inserter": "^0.3.0",
         "mocha-spec-reporter-with-file-names": "^0.0.3",
+        "npm-check-updates": "^16.10.9",
         "nyc": "^15.1.0",
         "prettier": "^2.8.8",
         "prettier-plugin-interpolated-html-tags": "^0.0.3",