element-vir 10.0.0 → 10.1.0

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

@@ -27,7 +27,7 @@ export declare abstract class DeclarativeElement<TagNameGeneric extends CustomEl
     abstract readonly instanceState: StateInitGeneric;
     abstract readonly instanceInputs: InputsGeneric;
     abstract assignInputs(inputs: InputsGeneric): void;
-    abstract readonly haveInputsBeenSet: boolean;
+    abstract haveInputsBeenSet: boolean;
     abstract markInputsAsHavingBeenSet(): void;
     abstract readonly definition: DeclarativeElementDefinition<TagNameGeneric, InputsGeneric, StateInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>;
 }

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

@@ -10,6 +10,7 @@ import { DeclarativeElement, } from './declarative-element';
 import { IgnoreInputsNotBeenSetBeforeRenderWarningSymbol, 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 { createCssVarNamesMap, createCssVarValuesMap } from './properties/css-vars';
 import { createEventDescriptorMap } from './properties/element-events';
 import { createElementUpdaterProxy } from './properties/element-updater-proxy';
@@ -44,9 +45,7 @@ export function defineElementNoInputs(initInput) {
                 throw new Error(`"stateType" was called on ${initInput.tagName} as a value but it is only for types.`);
             }
             markInputsAsHavingBeenSet() {
-                if (!this.haveInputsBeenSet) {
-                    this.haveInputsBeenSet = true;
-                }
+                markInputsAsHavingBeenSet(this);
             }
             render() {
                 try {
@@ -97,11 +96,7 @@ export function defineElementNoInputs(initInput) {
                 this.initCalled = false;
             }
             assignInputs(inputs) {
-                getObjectTypedKeys(inputs).forEach((key) => {
-                    property()(this, key);
-                    this.instanceInputs[key] = inputs[key];
-                });
-                this.markInputsAsHavingBeenSet();
+                assignInputs(this, inputs);
             }
             constructor() {
                 super();

package/dist/declarative-element/directives/assign-with-clean-up.directive.js

@@ -2,7 +2,7 @@ import { noChange } from 'lit';
 import { AsyncDirective } from 'lit/async-directive.js';
 import { directive } from 'lit/directive.js';
 import { assignInputsObject } from './assign.directive';
-import { extractDeclarativeElement } from './directive-helpers';
+import { extractElement } from './directive-helpers';
 /**
  * Assign values but include a cleanup callback which gets called when a new value gets assigned so
  * the previous value can get cleaned up. An optional equality check callback can be provided. If it
@@ -22,7 +22,7 @@ class AssignWithCleanupDirectiveClass extends AsyncDirective {
     constructor(partInfo) {
         super(partInfo);
         this.hasBeenAssigned = false;
-        this.element = extractDeclarativeElement(partInfo, 'assign');
+        this.element = extractElement(partInfo, 'assign');
     }
     disconnected() {
         if (this.lastValue != undefined && this.lastCallback != undefined) {

package/dist/declarative-element/directives/assign.directive.d.ts

@@ -1,13 +1,7 @@
-import { PartInfo } from 'lit/directive.js';
-import { DeclarativeElement, DeclarativeElementDefinition } from '../declarative-element';
+import { DirectiveResult } from 'lit/directive.js';
+import { DeclarativeElementDefinition } from '../declarative-element';
 /** Assign an object matching an element's inputs to its inputs. */
-export declare function assign<DeclarativeElementGeneric extends DeclarativeElementDefinition>(declarativeElement: DeclarativeElementGeneric, inputsObject: DeclarativeElementGeneric['inputsType']): import("lit-html/directive").DirectiveResult<{
-    new (partInfo: PartInfo): {
-        readonly element: DeclarativeElement<any, any, any, any, string, string>;
-        render(elementDefinition: DeclarativeElementDefinition, inputsObject: Record<PropertyKey, unknown>): symbol;
-        readonly _$isConnected: boolean;
-        update(_part: import("lit-html").Part, props: unknown[]): unknown;
-    };
-}>;
-export declare function assignInputsObject<DeclarativeElementInstanceGeneric extends DeclarativeElement, DeclarativeElementDefinitionGeneric extends DeclarativeElementDefinition>(expectedElementConstructor: DeclarativeElementDefinitionGeneric, element: DeclarativeElementInstanceGeneric, assignmentObject: DeclarativeElementDefinitionGeneric['inputsType']): void;
+export declare function assign<DeclarativeElementGeneric extends DeclarativeElementDefinition>(declarativeElement: DeclarativeElementGeneric, inputsObject: DeclarativeElementGeneric['inputsType']): DirectiveResult;
+export declare function assign<DeclarativeElementGeneric extends DeclarativeElementDefinition>(inputsObject: Record<string, any>): DirectiveResult;
+export declare function assignInputsObject<DeclarativeElementDefinitionGeneric extends DeclarativeElementDefinition>(expectedElementConstructor: DeclarativeElementDefinitionGeneric | undefined, element: Element, assignmentObject: DeclarativeElementDefinitionGeneric['inputsType']): void;
 //# sourceMappingURL=assign.directive.d.ts.map

package/dist/declarative-element/directives/assign.directive.js

@@ -1,18 +1,23 @@
 import { noChange } from 'lit';
 import { directive, Directive } from 'lit/directive.js';
-import { extractDeclarativeElement } from './directive-helpers';
-/** Assign an object matching an element's inputs to its inputs. */
-export function assign(declarativeElement, inputsObject) {
+import { assignInputs } from '../properties/assign-inputs';
+import { extractElement } from './directive-helpers';
+export function assign(declarativeElementOrInputs, inputsObject) {
     /**
      * The directive generics (in listenDirective) are not strong enough to maintain their values.
      * Thus, the directive call is wrapped in this function.
      */
-    return assignDirective(declarativeElement, inputsObject);
+    if (inputsObject) {
+        return assignDirective(declarativeElementOrInputs, inputsObject);
+    }
+    else {
+        return assignDirective(undefined, declarativeElementOrInputs);
+    }
 }
 const assignDirective = directive(class extends Directive {
     constructor(partInfo) {
         super(partInfo);
-        this.element = extractDeclarativeElement(partInfo, 'assign');
+        this.element = extractElement(partInfo, 'assign');
     }
     render(elementDefinition, inputsObject) {
         assignInputsObject(elementDefinition, this.element, inputsObject);
@@ -20,9 +25,5 @@ const assignDirective = directive(class extends Directive {
     }
 });
 export function assignInputsObject(expectedElementConstructor, element, assignmentObject) {
-    if (element.tagName.toLowerCase() !== expectedElementConstructor.tagName.toLowerCase()) {
-        console.error(element, expectedElementConstructor);
-        throw new Error(`Assignment mismatch. Assignment was made for ${element.tagName.toLowerCase()} but it's attached to ${expectedElementConstructor.tagName.toLowerCase()}`);
-    }
-    element.assignInputs(assignmentObject);
+    assignInputs(element, assignmentObject);
 }

package/dist/declarative-element/directives/directive-helpers.d.ts

@@ -1,5 +1,4 @@
 import { ElementPartInfo, PartInfo } from 'lit/directive.js';
-import { DeclarativeElement } from '../declarative-element';
 /** For some reason these aren't defined in lit's types already. */
 export type ExtraPartInfoProperties = {
     element: Element;
@@ -9,7 +8,6 @@ export type ExtraPartInfoProperties = {
         isConnected: boolean;
     };
 };
-export declare function extractDeclarativeElement(partInfo: PartInfo, directiveName: string): DeclarativeElement;
-export declare function extractElement<ElementType = HTMLElement>(partInfo: PartInfo, directiveName: string, constructorClass: (new () => ElementType) | (abstract new () => ElementType)): ElementType;
+export declare function extractElement(partInfo: PartInfo, directiveName: string): Element;
 export declare function assertIsElementPartInfo(partInfo: PartInfo, directiveName: string): asserts partInfo is ElementPartInfo & ExtraPartInfoProperties;
 //# sourceMappingURL=directive-helpers.d.ts.map

package/dist/declarative-element/directives/directive-helpers.js

@@ -1,14 +1,7 @@
 import { PartType } from 'lit/directive.js';
-import { DeclarativeElement } from '../declarative-element';
-export function extractDeclarativeElement(partInfo, directiveName) {
-    return extractElement(partInfo, directiveName, DeclarativeElement);
-}
-export function extractElement(partInfo, directiveName, constructorClass) {
+export function extractElement(partInfo, directiveName) {
     assertIsElementPartInfo(partInfo, directiveName);
     const element = partInfo.element;
-    if (!(element instanceof constructorClass)) {
-        throw new Error(`${directiveName} attached to non ${constructorClass.name} element.`);
-    }
     return element;
 }
 export function assertIsElementPartInfo(partInfo, directiveName) {

package/dist/declarative-element/directives/listen.directive.js

@@ -11,7 +11,7 @@ export function listen(eventType, listener) {
 const listenDirective = directive(class extends Directive {
     constructor(partInfo) {
         super(partInfo);
-        this.element = extractElement(partInfo, 'listen', HTMLElement);
+        this.element = extractElement(partInfo, 'listen');
     }
     resetListener(listenerMetaData) {
         if (this.lastListenerMetaData) {

package/dist/declarative-element/properties/assign-inputs.d.ts

@@ -0,0 +1,3 @@
+export declare function assignInputs(element: Element, inputs: object): void;
+export declare function markInputsAsHavingBeenSet(element: Element): void;
+//# sourceMappingURL=assign-inputs.d.ts.map

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

@@ -0,0 +1,19 @@
+import { getObjectTypedKeys } from '@augment-vir/common';
+import { property } from 'lit/decorators.js';
+export function assignInputs(element, inputs) {
+    getObjectTypedKeys(inputs).forEach((key) => {
+        property()(element, key);
+        if ('instanceInputs' in element) {
+            element.instanceInputs[key] = inputs[key];
+        }
+        else {
+            element[key] = inputs[key];
+        }
+    });
+    markInputsAsHavingBeenSet(element);
+}
+export function markInputsAsHavingBeenSet(element) {
+    if (!element.haveInputsBeenSet) {
+        element.haveInputsBeenSet = true;
+    }
+}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from '@electrovir/cached-promise';
 export * from './built-in-lit-directives';
 export * from './declarative-element/declarative-element';
 export * from './declarative-element/declarative-element-init';

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from '@electrovir/cached-promise';
 export * from './built-in-lit-directives';
 export * from './declarative-element/declarative-element';
 export * from './declarative-element/declarative-element-init';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "10.0.0",
+    "version": "10.1.0",
     "keywords": [
         "custom",
         "web",