element-vir 16.0.0 → 16.0.2

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

@@ -36,7 +36,6 @@ export declare abstract class DeclarativeElement<TagName extends CustomElementTa
     abstract readonly instanceInputs: Inputs;
     abstract assignInputs(inputs: {} extends Required<Inputs> ? never : Partial<Inputs>): void;
     abstract haveInputsBeenSet: boolean;
-    abstract markInputsAsHavingBeenSet(): void;
     abstract readonly definition: DeclarativeElementDefinition<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, RenderOutputGeneric>;
 }
 export interface StaticDeclarativeElementProperties<TagName extends CustomElementTagName, Inputs extends PropertyInitMapBase, StateInit extends PropertyInitMapBase, EventsInit extends EventsInitMap, HostClassKeys extends BaseCssPropertyName<TagName>, CssVarKeys extends BaseCssPropertyName<TagName>, RenderOutputGeneric> {

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

@@ -8,9 +8,8 @@ import { defineCssVars } from 'lit-css-vars';
 import { property } from 'lit/decorators.js';
 import { DeclarativeElement, } from './declarative-element';
 import { IgnoreInputsNotBeenSetBeforeWarningSymbol, defaultDeclarativeElementDefinitionOptions, } from './definition-options';
-import { assign } from './directives/assign.directive';
 import { hasDeclarativeElementParent } from './has-declarative-element-parent';
-import { assignInputs, markInputsAsHavingBeenSet } from './properties/assign-inputs';
+import { assignInputs } from './properties/assign-inputs';
 import { assertValidCssProperties } from './properties/css-properties';
 import { createEventDescriptorMap } from './properties/element-events';
 import { createElementUpdaterProxy } from './properties/element-updater-proxy';
@@ -66,9 +65,6 @@ export function defineElementNoInputs(initInput) {
             static get stateType() {
                 throw new Error(`"stateType" was called on ${initInput.tagName} as a value but it is only for types.`);
             }
-            markInputsAsHavingBeenSet() {
-                markInputsAsHavingBeenSet(this);
-            }
             render() {
                 try {
                     if (
@@ -77,7 +73,7 @@ export function defineElementNoInputs(initInput) {
                     hasDeclarativeElementParent(this) &&
                         !this.haveInputsBeenSet &&
                         !elementOptions[IgnoreInputsNotBeenSetBeforeWarningSymbol]) {
-                        console.warn(this, `${initInput.tagName} got rendered before its input object was set. This was most likely caused by forgetting to use the "${assign.name}" directive on it. If no inputs are intended, use "${defineElementNoInputs.name}" to define ${initInput.tagName}.`);
+                        console.warn(this, `${initInput.tagName} got rendered before its input object was set. This was most likely caused by forgetting to use '.assign()' on its opening tag. If no inputs are intended, use '${defineElementNoInputs.name}' to define ${initInput.tagName}.`);
                     }
                     this.hasRendered = true;
                     const renderParams = this.createRenderParams();

package/dist/declarative-element/properties/observable-property/create-observable-property.d.ts

@@ -9,8 +9,13 @@ export type ObservablePropertyWithSetter<ValueType> = ObservableProperty<ValueTy
  */
 export declare function createObservablePropertyWithSetter<ValueType>(initValue: ValueType, equalityCallback?: typeof referenceEqualityCheck): ObservablePropertyWithSetter<ValueType>;
 export type UpdaterCallback<ValueType, UpdateInputType> = Exclude<UpdateInputType, undefined> extends never ? () => ValueType : (inputs: UpdateInputType) => ValueType;
-export type ObservablePropertyWithUpdaterCallback<ValueType, UpdateInputType> = ObservableProperty<ValueType> & {
+export type ObservablePropertyWithUpdaterCallback<ValueType, UpdateInputType> = ObservableProperty<ValueType | Awaited<ValueType>> & {
     triggerUpdate: UpdaterCallback<ValueType, UpdateInputType>;
+    /**
+     * The last value that was resolved. This will be undefined if there has never, so far, been a
+     * resolved value.
+     */
+    latestResolvedValue: ValueType extends Promise<any> ? Awaited<ValueType> | undefined : ValueType;
 };
 export type ObservablePropertyWithUpdaterSetup<ValueType, UpdateInputType> = {
     initInput: UpdateInputType;
@@ -22,11 +27,11 @@ export type ObservablePropertyWithIntervalSetup<ValueType, UpdateInputType> = Ob
     /** Interval duration in Milliseconds. */
     intervalMs: number;
 };
-export type ObservablePropertyWithInterval<ValueType, UpdateInputType> = ObservableProperty<ValueType> & {
+export type ObservablePropertyWithInterval<ValueType, UpdateInputType> = Omit<ObservablePropertyWithUpdaterCallback<ValueType, UpdateInputType>, 'triggerUpdate'> & {
     forceUpdate: UpdaterCallback<ValueType, UpdateInputType>;
     /**
-     * Pauses the update interval, if it isn't already paused. Use .resumeInterval() to start
-     * the interval again. Under the hood, this actually clears the interval entirely.
+     * Pauses the update interval, if it isn't already paused. Use .resumeInterval() to start the
+     * interval again. Under the hood, this actually clears the interval entirely.
      */
     pauseInterval(): void;
     /**

package/dist/declarative-element/properties/observable-property/create-observable-property.js

@@ -31,13 +31,15 @@ export function createObservablePropertyWithSetter(initValue, equalityCallback =
 }
 export function createObservablePropertyWithUpdater(setup) {
     const areEqual = setup.equalityCallback ?? referenceEqualityCheck;
-    const innerSimpleObservableProperty = createObservablePropertyWithSetter(setup.updateCallback(setup.initInput), areEqual);
+    const innerSimpleObservableProperty = createObservablePropertyWithSetter(undefined, areEqual);
     function updateValue(inputs) {
         const newValue = setup.updateCallback(inputs);
         if (newValue instanceof Promise) {
-            return new Promise(async (resolve, reject) => {
+            const wrappedPromise = new Promise(async (resolve, reject) => {
                 try {
                     const resolvedValue = await newValue;
+                    observableWithUpdater.latestResolvedValue =
+                        resolvedValue;
                     innerSimpleObservableProperty.setValue(resolvedValue);
                     resolve(resolvedValue);
                 }
@@ -45,15 +47,22 @@ export function createObservablePropertyWithUpdater(setup) {
                     reject(error);
                 }
             });
+            /** Set the promise so consumers know it's loading. */
+            innerSimpleObservableProperty.setValue(wrappedPromise);
+            return wrappedPromise;
         }
         else {
             innerSimpleObservableProperty.setValue(newValue);
+            observableWithUpdater.latestResolvedValue =
+                newValue;
             return newValue;
         }
     }
     const observableWithUpdater = Object.assign(innerSimpleObservableProperty, {
         triggerUpdate: updateValue,
+        latestResolvedValue: undefined,
     });
+    updateValue(setup.initInput);
     return observableWithUpdater;
 }
 export function createObservablePropertyWithIntervalUpdate(setup) {

package/dist/template-transforms/vir-html/html-transform.js

@@ -30,9 +30,7 @@ function transformHtml(...[lastNewString, currentLitString, rawCurrentValue,]) {
                 ? extraValueCurrentValue.inputs
                 : undefined;
             return [
-                isOpeningTag && assignedInputs && Object.values(assignedInputs).length
-                    ? assign(assignedInputs)
-                    : undefined,
+                isOpeningTag && assignedInputs ? assign(assignedInputs) : undefined,
             ].filter(isTruthy);
         },
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "16.0.0",
+    "version": "16.0.2",
     "keywords": [
         "custom",
         "web",
@@ -39,15 +39,15 @@
         "test:types": "tsc --noEmit"
     },
     "dependencies": {
-        "@augment-vir/browser": "^15.5.0",
-        "@augment-vir/common": "^15.5.0",
+        "@augment-vir/browser": "^16.0.0",
+        "@augment-vir/common": "^16.0.0",
         "lit": "2.7.6",
         "lit-css-vars": "^2.0.3",
         "object-shape-tester": "^0.4.0"
     },
     "devDependencies": {
-        "@augment-vir/browser-testing": "^15.5.0",
-        "@augment-vir/node-js": "^15.5.0",
+        "@augment-vir/browser-testing": "^16.0.0",
+        "@augment-vir/node-js": "^16.0.0",
         "@istanbuljs/nyc-config-typescript": "^1.0.2",
         "@open-wc/testing": "^3.2.0",
         "@types/chai": "^4.3.5",
@@ -60,11 +60,11 @@
         "ansi-colors": "^4.1.3",
         "concurrently": "^8.2.0",
         "cspell": "^6.31.2",
-        "esbuild": "^0.18.16",
+        "esbuild": "^0.18.17",
         "istanbul-smart-text-reporter": "^1.1.2",
         "markdown-code-example-inserter": "^0.3.1",
         "mocha-spec-reporter-with-file-names": "^0.0.3",
-        "npm-check-updates": "^16.10.16",
+        "npm-check-updates": "^16.10.17",
         "nyc": "^15.1.0",
         "prettier": "^2.8.8",
         "prettier-plugin-interpolated-html-tags": "^0.0.4",
@@ -77,7 +77,7 @@
         "ts-node": "^10.9.1",
         "type-fest": "^4.0.0",
         "typescript": "~5.1.6",
-        "virmator": "^7.2.5",
+        "virmator": "^7.3.0",
         "vite": "^4.4.7",
         "vite-tsconfig-paths": "^4.2.0"
     },