element-vir 6.1.0 → 6.1.2

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

@@ -24,6 +24,7 @@ export declare abstract class DeclarativeElement<InputsGeneric extends PropertyI
     abstract render(): TemplateResult | Promise<TemplateResult>;
     abstract readonly instanceState: PropertyInitGeneric;
     abstract readonly instanceInputs: InputsGeneric;
+    abstract assignInputs(inputs: InputsGeneric): void;
     abstract readonly haveInputsBeenSet: boolean;
     abstract markInputsAsHavingBeenSet(): void;
     abstract readonly creator: DeclarativeElementDefinition<InputsGeneric, PropertyInitGeneric, EventsInitGeneric, HostClassKeys, CssVarKeys>;

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

@@ -1,4 +1,4 @@
-import { kebabCaseToCamelCase } from 'augment-vir';
+import { getObjectTypedKeys, kebabCaseToCamelCase } from 'augment-vir';
 import { css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { DeclarativeElementMarkerSymbol } from '../declarative-element-marker-symbol';
@@ -79,6 +79,13 @@ export function defineElementNoInputs(initInput) {
                 });
                 return renderResult;
             }
+            assignInputs(inputs) {
+                getObjectTypedKeys(inputs).forEach((key) => {
+                    property()(this, key);
+                    this.instanceInputs[key] = inputs[key];
+                });
+                this.markInputsAsHavingBeenSet();
+            }
         },
         _a.tagName = initInput.tagName,
         _a.styles = calculatedStyles,

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

@@ -1,5 +1,4 @@
 import { noChange } from 'lit';
-import { property } from 'lit/decorators.js';
 import { directive, Directive } from 'lit/directive.js';
 import { extractDeclarativeElement } from './directive-helpers';
 /** Assign an object matching an element's inputs to its inputs. */
@@ -25,9 +24,5 @@ export function assignInputsObject(expectedElementConstructor, element, assignme
         console.error(element, expectedElementConstructor);
         throw new Error(`Assignment mismatch. Assignment was made for ${element.tagName.toLowerCase()} but it's attached to ${expectedElementConstructor.tagName.toLowerCase()}`);
     }
-    Object.keys(assignmentObject).forEach((key) => {
-        property()(element, key);
-        element.instanceInputs[key] = assignmentObject[key];
-    });
-    element.markInputsAsHavingBeenSet();
+    element.assignInputs(assignmentObject);
 }

package/package.json

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

package/dist/augments/testing.d.ts

@@ -1,15 +0,0 @@
-import { DeclarativeElementDefinition } from '../declarative-element/declarative-element';
-/**
- * Wrapper for assert.instanceOf that also works with TypeScript in setting the proper types.
- *
- * Do not use this in production code! It should only be used in testing code.
- */
-export declare function assertInstanceOf<T>(value: unknown, constructor: new (...args: any) => T, message?: string): asserts value is T;
-export declare function isInstanceOf<T>(value: unknown, constructor: new (...args: any) => T): value is T;
-export declare function getAssertedDeclarativeElement<DeclarativeElementGeneric extends DeclarativeElementDefinition>(searchFor: DeclarativeElementGeneric, searchIn: Element): DeclarativeElementGeneric['instanceType'];
-export declare function testIdSelector(testId: string): string;
-export declare function getCenterOfElement(element: Element): [number, number];
-export declare function queryWithAssert<T extends Element>(query: string | [string, ...string[]], constructor: new (...args: any) => T, searchIn: Element | Document): T;
-export declare function assertRejects(input: () => PromiseLike<any>, message?: string): Promise<void>;
-export declare function assertRejects(input: () => PromiseLike<any>, errType: RegExp | ErrorConstructor, message?: string): Promise<void>;
-export declare function assertRejects(input: () => PromiseLike<any>, errType: ErrorConstructor, regExp: RegExp): Promise<void>;

package/dist/augments/testing.js

@@ -1,76 +0,0 @@
-import { assert } from '@open-wc/testing';
-/**
- * Wrapper for assert.instanceOf that also works with TypeScript in setting the proper types.
- *
- * Do not use this in production code! It should only be used in testing code.
- */
-export function assertInstanceOf(value, constructor, message) {
-    assert.instanceOf(value, constructor, message);
-}
-export function isInstanceOf(value, constructor) {
-    return value instanceof constructor;
-}
-export function getAssertedDeclarativeElement(searchFor, searchIn) {
-    if (searchIn.tagName.toLowerCase() === searchFor.tagName.toLowerCase()) {
-        assertInstanceOf(searchIn, searchFor);
-        return searchIn;
-    }
-    const result = queryTree(searchIn, [searchFor.tagName]);
-    assertInstanceOf(result, searchFor);
-    assert.strictEqual(result.tagName, searchFor.tagName);
-    return result;
-}
-export function testIdSelector(testId) {
-    return `[data-test-id="${testId}"]`;
-}
-export function getCenterOfElement(element) {
-    const rect = element.getBoundingClientRect();
-    return [
-        Math.floor((rect.left + rect.right) / 2),
-        Math.floor((rect.bottom + rect.top) / 2),
-    ];
-}
-export function queryWithAssert(query, constructor, searchIn) {
-    if (!Array.isArray(query)) {
-        query = [query];
-    }
-    const result = queryTree(searchIn, query);
-    assertInstanceOf(result, constructor);
-    return result;
-}
-/** Accounts for shadow DOM */
-function queryTree(context, 
-// at least one string is required or this function makes no sense
-selectors) {
-    /**
-     * The callback is split out here to appease the Type Gods. Without it, finalElement will be the
-     * type of the internal currentContext (which is incorrect).
-     */
-    const reduceCallback = (currentContext, selector) => {
-        var _a;
-        if (!currentContext) {
-            return undefined;
-        }
-        if ('shadowRoot' in currentContext && currentContext.shadowRoot) {
-            currentContext = currentContext.shadowRoot;
-        }
-        return (_a = currentContext.querySelector(selector)) !== null && _a !== void 0 ? _a : undefined;
-    };
-    const finalElement = selectors.reduce(reduceCallback, context);
-    return finalElement;
-}
-export async function assertRejects(input, messageOrRegExpOrError, messageOrRegExp) {
-    let thrown = undefined;
-    let errorThrown = false;
-    try {
-        await input();
-    }
-    catch (error) {
-        errorThrown = true;
-        thrown = error;
-    }
-    assert.isTrue(errorThrown, 'No error was thrown.');
-    assert.throws(() => {
-        throw thrown;
-    }, messageOrRegExpOrError, messageOrRegExp);
-}

package/index.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Element Vir Test</title>
-        <script type="module" src="/src/test/elements/app.element.ts"></script>
-        <link rel="stylesheet" type="text/css" href="/index.css" />
-        <script>
-            console.info('yo');
-        </script>
-    </head>
-    <body>
-        <element-vir-test-app></element-vir-test-app>
-    </body>
-</html>

package/public/index.css

@@ -1,7 +0,0 @@
-html,
-body {
-    margin: 0;
-    padding: 0;
-    height: 100%;
-    width: 100%;
-}