element-vir 12.4.4 → 12.4.6

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

@@ -7,9 +7,9 @@ import { ElementPropertyDescriptorMap, PropertyInitMapBase } from './properties/
 import { HostClassNamesMap } from './properties/host-classes';
 import { AllowObservablePropertySetter, FlattenObservablePropertyGetters, ObservablePropertyHandlerMap } from './properties/observable-property/observable-property-handler';
 import { RenderCallback, RenderParams } from './render-callback';
-export type HostInstanceType<TagNameGeneric extends CustomElementTagName, InputsGeneric extends PropertyInitMapBase, StateInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap, HostClassKeys extends string, CssVarKeys extends string> = RequiredAndNotNullBy<DeclarativeElement<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, any>, 'shadowRoot'>;
-export type DeclarativeElementDefinition<TagNameGeneric extends CustomElementTagName = any, InputsGeneric extends PropertyInitMapBase = any, StateInitGeneric extends PropertyInitMapBase = any, EventsInitGeneric extends EventsInitMap = any, HostClassKeys extends string = string, CssVarKeys extends string = string, RenderOutputGeneric = any> = (new () => HostInstanceType<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>) & StaticDeclarativeElementProperties<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, RenderOutputGeneric> & {
-    instanceType: HostInstanceType<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>;
+export type DeclarativeElementHost<TagNameGeneric extends CustomElementTagName = any, InputsGeneric extends PropertyInitMapBase = any, StateInitGeneric extends PropertyInitMapBase = any, EventsInitGeneric extends EventsInitMap = any, HostClassKeys extends string = string, CssVarKeys extends string = string> = RequiredAndNotNullBy<DeclarativeElement<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, any>, 'shadowRoot'>;
+export type DeclarativeElementDefinition<TagNameGeneric extends CustomElementTagName = any, InputsGeneric extends PropertyInitMapBase = any, StateInitGeneric extends PropertyInitMapBase = any, EventsInitGeneric extends EventsInitMap = any, HostClassKeys extends string = string, CssVarKeys extends string = string, RenderOutputGeneric = any> = (new () => DeclarativeElementHost<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>) & StaticDeclarativeElementProperties<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys, RenderOutputGeneric> & {
+    instanceType: DeclarativeElementHost<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>;
 };
 export declare abstract class DeclarativeElement<TagNameGeneric extends CustomElementTagName = any, InputsGeneric extends PropertyInitMapBase = any, StateInitGeneric extends PropertyInitMapBase = any, EventsInitGeneric extends EventsInitMap = any, HostClassKeys extends string = string, CssVarKeys extends string = string, RenderOutputGeneric = any> extends LitElement {
     static readonly tagName: StaticDeclarativeElementProperties<CustomElementTagName, PropertyInitMapBase, PropertyInitMapBase, EventsInitMap, string, string, unknown>['tagName'];

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

@@ -2,22 +2,32 @@ import { getObjectTypedKeys } from '@augment-vir/common';
 import { property } from 'lit/decorators.js';
 export function assignInputs(element, inputs) {
     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.`);
+    getObjectTypedKeys(inputs).forEach((newInputKey) => {
+        if (instanceState && newInputKey in instanceState) {
+            throw new Error(`Cannot set input '${newInputKey}' on '${element.tagName}'. '${element.tagName}' already has a state property with the same name.`);
         }
         /**
          * No need to check if it's already a property or not, as the property function already
          * makes that check.
          */
-        property()(element, key);
+        property()(element, newInputKey);
         if ('instanceInputs' in element) {
-            element.instanceInputs[key] = inputs[key];
+            element.instanceInputs[newInputKey] =
+                inputs[newInputKey];
         }
         else {
-            element[key] = inputs[key];
+            element[newInputKey] = inputs[newInputKey];
         }
     });
+    /** Wipe out all inputs that weren't set to undefined (as expected) */
+    if ('instanceInputs' in element) {
+        getObjectTypedKeys(element.instanceInputs).forEach((existingKey) => {
+            if (!(existingKey in inputs)) {
+                element.instanceInputs[existingKey] =
+                    undefined;
+            }
+        });
+    }
     markInputsAsHavingBeenSet(element);
 }
 export function markInputsAsHavingBeenSet(element) {

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

@@ -1,5 +1,5 @@
 import { TypedEvent } from '../typed-event/typed-event';
-import { DeclarativeElement, HostInstanceType } from './declarative-element';
+import { DeclarativeElement, DeclarativeElementHost } from './declarative-element';
 import { CustomElementTagName } from './declarative-element-init';
 import { EventDescriptorMap, EventInitMapEventDetailExtractor, EventsInitMap } from './properties/element-events';
 import { PropertyInitMapBase } from './properties/element-properties';
@@ -11,7 +11,7 @@ export type RenderParams<TagNameGeneric extends CustomElementTagName, InputsGene
     state: Readonly<FlattenObservablePropertyGetters<StateInitGeneric>>;
     updateState: UpdateStateCallback<StateInitGeneric>;
     events: EventDescriptorMap<EventsInitGeneric>;
-    host: HostInstanceType<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>;
+    host: DeclarativeElementHost<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>;
     dispatch: <EventTypeNameGeneric extends keyof EventsInitGeneric>(event: TypedEvent<EventTypeNameGeneric extends string ? EventTypeNameGeneric : never, EventInitMapEventDetailExtractor<EventTypeNameGeneric, EventsInitGeneric>> | Event) => boolean;
     inputs: Readonly<FlattenObservablePropertyGetters<InputsGeneric>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "12.4.4",
+    "version": "12.4.6",
     "keywords": [
         "custom",
         "web",
@@ -60,7 +60,7 @@
         "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.10",
+        "npm-check-updates": "^16.10.12",
         "nyc": "^15.1.0",
         "prettier": "^2.8.8",
         "prettier-plugin-interpolated-html-tags": "^0.0.3",