element-vir 16.4.5 → 16.4.7

package/dist/declarative-element/custom-tag-name.d.ts

@@ -0,0 +1 @@
+export type CustomElementTagName = `${string}-${string}`;

package/dist/declarative-element/custom-tag-name.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,6 @@
 import { CSSResult } from '../lit-exports';
 import { RequireNonVoidReturn } from '../util/type';
+import { CustomElementTagName } from './custom-tag-name';
 import { DeclarativeElementDefinitionOptions } from './definition-options';
 import { BaseCssPropertyName } from './properties/css-properties';
 import { CssVarsInitMap } from './properties/css-vars';
@@ -8,7 +9,6 @@ import { PropertyInitMapBase } from './properties/element-properties';
 import { HostClassesInitMap } from './properties/host-classes';
 import { StylesCallback } from './properties/styles';
 import { InitCallback, RenderCallback } from './render-callback';
-export type CustomElementTagName = `${string}-${string}`;
 export type DeclarativeElementInit<TagName extends CustomElementTagName, Inputs extends PropertyInitMapBase, StateInit extends PropertyInitMapBase, EventsInit extends EventsInitMap, HostClassKeys extends BaseCssPropertyName<TagName>, CssVarKeys extends BaseCssPropertyName<TagName>, RenderOutput> = {
     /**
      * HTML tag name. This should not be used directly, as interpolating it with the html tagged

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

@@ -1,7 +1,8 @@
 import { RequiredAndNotNullBy, RequiredBy } from '@augment-vir/common';
 import { CSSResult, LitElement } from '../lit-exports';
 import { WrappedMinimalDefinition } from '../template-transforms/minimal-element-definition';
-import { CustomElementTagName, DeclarativeElementInit } from './declarative-element-init';
+import { CustomElementTagName } from './custom-tag-name';
+import { DeclarativeElementInit } from './declarative-element-init';
 import { BaseCssPropertyName } from './properties/css-properties';
 import { CssVars } from './properties/css-vars';
 import { EventDescriptorMap, EventsInitMap } from './properties/element-events';
@@ -9,7 +10,7 @@ import { ElementPropertyDescriptorMap, PropertyInitMapBase } from './properties/
 import { FlattenElementVirStateSetup } from './properties/element-vir-state-setup';
 import { HostClassNamesMap } from './properties/host-classes';
 import { ObservablePropertyListenerMap } from './properties/observable-property/observable-property';
-import { RenderCallback, RenderParams, UpdateStateCallback } from './render-callback';
+import type { RenderCallback, RenderParams, UpdateStateCallback } from './render-callback';
 export type DeclarativeElementHost<TagName extends CustomElementTagName = any, Inputs extends PropertyInitMapBase = any, StateInit extends PropertyInitMapBase = any, EventsInit extends EventsInitMap = any, HostClassKeys extends BaseCssPropertyName<TagName> = any, CssVarKeys extends BaseCssPropertyName<TagName> = any> = RequiredAndNotNullBy<Omit<DeclarativeElement<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, any>, Exclude<keyof StaticDeclarativeElementProperties<any, any, any, any, any, any, any>, keyof HTMLElement>>, 'shadowRoot'>;
 export type DeclarativeElementDefinition<TagName extends CustomElementTagName = any, Inputs extends PropertyInitMapBase = any, StateInit extends PropertyInitMapBase = any, EventsInit extends EventsInitMap = any, HostClassKeys extends BaseCssPropertyName<TagName> = any, CssVarKeys extends BaseCssPropertyName<TagName> = any, RenderOutputGeneric = any> = (new () => DeclarativeElementHost<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys>) & StaticDeclarativeElementProperties<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, RenderOutputGeneric> & {
     instanceType: DeclarativeElementHost<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys>;

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

@@ -1,5 +1,6 @@
+import { CustomElementTagName } from './custom-tag-name';
 import { DeclarativeElementDefinition } from './declarative-element';
-import { CustomElementTagName, DeclarativeElementInit } from './declarative-element-init';
+import { DeclarativeElementInit } from './declarative-element-init';
 import { BaseCssPropertyName } from './properties/css-properties';
 import { EventsInitMap } from './properties/element-events';
 import { PropertyInitMapBase } from './properties/element-properties';

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

@@ -1,3 +1,3 @@
-import { CustomElementTagName } from '../declarative-element-init';
+import { CustomElementTagName } from '../custom-tag-name';
 export type BaseCssPropertyName<ElementTagName extends CustomElementTagName> = `${ElementTagName}-${string}`;
 export declare function assertValidCssProperties(elementTagName: CustomElementTagName, cssProperties: Record<BaseCssPropertyName<CustomElementTagName>, any>): void;

package/dist/declarative-element/properties/css-vars.d.ts

@@ -1,6 +1,6 @@
 import { PropertyValueType } from '@augment-vir/common';
 import { CssVarDefinitions, CssVarsSetup } from 'lit-css-vars';
-import { CustomElementTagName } from '../declarative-element-init';
+import { CustomElementTagName } from '../custom-tag-name';
 import { BaseCssPropertyName } from './css-properties';
 export type CssVarsInitMap<ElementTagName extends CustomElementTagName, CssVarKeys extends BaseCssPropertyName<ElementTagName>> = Readonly<Record<CssVarKeys, PropertyValueType<CssVarsSetup>>>;
 export type CssVars<ElementTagName extends CustomElementTagName, CssVarKeys extends BaseCssPropertyName<ElementTagName>> = CssVarDefinitions<CssVarsInitMap<ElementTagName, CssVarKeys>>;

package/dist/declarative-element/properties/host-classes.d.ts

@@ -1,4 +1,4 @@
-import { CustomElementTagName } from '../declarative-element-init';
+import { CustomElementTagName } from '../custom-tag-name';
 import { BaseCssPropertyName } from './css-properties';
 import { PropertyInitMapBase } from './element-properties';
 import { FlattenElementVirStateSetup } from './element-vir-state-setup';

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

@@ -75,8 +75,9 @@ export function createObservablePropertyWithIntervalUpdate(setup) {
         }
         return baseObservableProperty.triggerUpdate(latestInputs);
     }
+    const shouldRunInterval = !!setup.intervalMs && setup.intervalMs !== Infinity;
     function resumeInterval() {
-        if (latestIntervalId == undefined) {
+        if (shouldRunInterval && latestIntervalId == undefined) {
             latestIntervalId = window.setInterval(() => {
                 updateValue();
             }, setup.intervalMs);

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

@@ -1,5 +1,5 @@
 import { CSSResult } from '../../lit-exports';
-import { CustomElementTagName } from '../declarative-element-init';
+import { CustomElementTagName } from '../custom-tag-name';
 import { BaseCssPropertyName } from './css-properties';
 import { CssVars } from './css-vars';
 import { PropertyInitMapBase } from './element-properties';

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

@@ -1,6 +1,6 @@
 import { TypedEvent } from '../typed-event/typed-event';
-import { DeclarativeElement, DeclarativeElementHost } from './declarative-element';
-import { CustomElementTagName } from './declarative-element-init';
+import { CustomElementTagName } from './custom-tag-name';
+import type { DeclarativeElement, DeclarativeElementHost } from './declarative-element';
 import { BaseCssPropertyName } from './properties/css-properties';
 import { EventDescriptorMap, EventInitMapEventDetailExtractor, EventsInitMap } from './properties/element-events';
 import { PropertyInitMapBase } from './properties/element-properties';

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

@@ -1,6 +1,9 @@
 import { PartialAndNullable } from '@augment-vir/common';
-import { CustomElementTagName, DeclarativeElementInit, EventsInitMap, PropertyInitMapBase } from '..';
+import { CustomElementTagName } from './custom-tag-name';
+import { DeclarativeElementInit } from './declarative-element-init';
 import { BaseCssPropertyName } from './properties/css-properties';
+import { EventsInitMap } from './properties/element-events';
+import { PropertyInitMapBase } from './properties/element-properties';
 export type WrapDefineElementOptions<TagNameRequirement extends CustomElementTagName = CustomElementTagName, InputsRequirement extends PropertyInitMapBase = {}, StateInitRequirement extends PropertyInitMapBase = {}, EventsInitRequirement extends EventsInitMap = {}, RenderOutput = any> = PartialAndNullable<{
     assertInputs: (inputInit: DeclarativeElementInit<TagNameRequirement, InputsRequirement, StateInitRequirement, EventsInitRequirement, BaseCssPropertyName<TagNameRequirement>, BaseCssPropertyName<TagNameRequirement>, RenderOutput>) => void;
     transformInputs: (inputInit: DeclarativeElementInit<TagNameRequirement, InputsRequirement, StateInitRequirement, EventsInitRequirement, BaseCssPropertyName<TagNameRequirement>, BaseCssPropertyName<TagNameRequirement>, RenderOutput>) => DeclarativeElementInit<TagNameRequirement, InputsRequirement, StateInitRequirement, EventsInitRequirement, BaseCssPropertyName<TagNameRequirement>, BaseCssPropertyName<TagNameRequirement>, RenderOutput>;

package/dist/declarative-element/wrap-define-element.js

@@ -1,4 +1,5 @@
-import { defineElement, defineElementNoInputs, } from '..';
+import { defineElement } from './define-element';
+import { defineElementNoInputs } from './define-element-no-inputs';
 export function wrapDefineElement(options) {
     const { assertInputs, transformInputs } = {
         assertInputs: options?.assertInputs ?? (() => { }),

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './declarative-element/custom-tag-name';
 export * from './declarative-element/declarative-element';
 export * from './declarative-element/declarative-element-init';
 export * from './declarative-element/define-element';

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from './declarative-element/custom-tag-name';
 export * from './declarative-element/declarative-element';
 export * from './declarative-element/declarative-element-init';
 export * from './declarative-element/define-element';

package/dist/lit-exports.d.ts

@@ -1,5 +1,6 @@
 export { LitElement, noChange, svg, unsafeCSS } from 'lit';
 export type { CSSResult, CSSResultGroup, CompiledTemplate, CompiledTemplateResult, HTMLTemplateResult, SVGTemplateResult, TemplateResult, } from 'lit';
+export * from 'lit/directive.js';
 export * from 'lit/directives/async-append.js';
 export * from 'lit/directives/async-replace.js';
 export * from 'lit/directives/cache.js';

package/dist/lit-exports.js

@@ -1,4 +1,5 @@
 export { LitElement, noChange, svg, unsafeCSS } from 'lit';
+export * from 'lit/directive.js';
 export * from 'lit/directives/async-append.js';
 export * from 'lit/directives/async-replace.js';
 export * from 'lit/directives/cache.js';

package/dist/template-transforms/minimal-element-definition.d.ts

@@ -1,7 +1,6 @@
-import { DeclarativeElementDefinition } from '../declarative-element/declarative-element';
 import { PropertyInitMapBase } from '../declarative-element/properties/element-properties';
 export type MinimalElementDefinition = {
-    tagName: DeclarativeElementDefinition['tagName'];
+    tagName: string;
 };
 export type WrappedMinimalDefinition = {
     _elementVirIsWrappedDefinition: true;

package/dist/template-transforms/nested-mapped-templates.d.ts

@@ -1,4 +1,4 @@
-import { TemplateTransform } from './transform-template';
+import { TemplateTransform } from './template-transform-type';
 export declare function getAlreadyMappedTemplate<PossibleValues>(templateStringsKey: TemplateStringsArray, values: PossibleValues[]): TemplateTransform | undefined;
 export declare function setMappedTemplate<PossibleValues>(templateStringsKey: TemplateStringsArray, values: PossibleValues[], valueToSet: TemplateTransform): {
     result: boolean;

package/dist/template-transforms/template-transform-type.d.ts

@@ -0,0 +1,9 @@
+import { ArrayInsertion } from '../util/array';
+export type AllValueTransforms = {
+    valueIndexDeletions: number[];
+    valueInsertions: ArrayInsertion<unknown>[];
+};
+export type TemplateTransform = {
+    templateStrings: TemplateStringsArray;
+    valuesTransform(values: unknown[]): AllValueTransforms;
+};

package/dist/template-transforms/template-transform-type.js

@@ -0,0 +1 @@
+export {};

package/dist/template-transforms/transform-template.d.ts

@@ -1,16 +1,8 @@
-import { ArrayInsertion } from '../util/array';
+import { TemplateTransform } from './template-transform-type';
 export type ValueInsertion = {
     index: number;
     value: unknown;
 };
-export type AllValueTransforms = {
-    valueIndexDeletions: number[];
-    valueInsertions: ArrayInsertion<unknown>[];
-};
-export type TemplateTransform = {
-    templateStrings: TemplateStringsArray;
-    valuesTransform(values: unknown[]): AllValueTransforms;
-};
 export type ValueTransformCallback = (lastNewString: string, currentLitString: string, currentValue: unknown) => {
     replacement: unknown;
     getExtraValues: ((currentValue: unknown) => unknown[]) | undefined;

package/dist/template-transforms/vir-css/css-transform.d.ts

@@ -1,4 +1,4 @@
 import { CSSResultGroup } from '../../lit-exports';
 import { MinimalElementDefinition } from '../minimal-element-definition';
-import { TemplateTransform } from '../transform-template';
+import { TemplateTransform } from '../template-transform-type';
 export declare function transformCssTemplate(inputTemplateStrings: TemplateStringsArray, inputValues: (number | CSSResultGroup | MinimalElementDefinition)[]): TemplateTransform;

package/dist/template-transforms/vir-css/vir-css.d.ts

@@ -1,3 +1,3 @@
 import { CSSResult, CSSResultGroup } from '../../lit-exports';
 import { MinimalElementDefinition } from '../minimal-element-definition';
-export declare function css(inputTemplateStrings: TemplateStringsArray, ...inputValues: (number | CSSResultGroup | MinimalElementDefinition)[]): CSSResult;
+export declare function css(inputTemplateStrings: TemplateStringsArray, ...inputValues: (number | CSSResultGroup | MinimalElementDefinition | CSSResult)[]): CSSResult;

package/dist/template-transforms/vir-html/html-transform.d.ts

@@ -1,3 +1,3 @@
 import { HTMLTemplateResult } from '../../lit-exports';
-import { TemplateTransform } from '../transform-template';
+import { TemplateTransform } from '../template-transform-type';
 export declare function transformHtmlTemplate(litTemplate: HTMLTemplateResult): TemplateTransform;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "16.4.5",
+    "version": "16.4.7",
     "keywords": [
         "custom",
         "web",
@@ -33,21 +33,22 @@
         "test": "virmator test-web",
         "test:all": "concurrently -c auto --kill-others-on-fail --colors --names types,tests,spelling,format,docs \"npm run test:types\" \"npm run test:coverage\" \"npm run test:spelling\" \"npm run test:format\" \"npm run test:docs\"",
         "test:coverage": "virmator test-web coverage",
+        "test:deps": "virmator deps check",
         "test:docs": "virmator docs check",
         "test:format": "virmator format check",
         "test:spelling": "virmator spellcheck",
         "test:types": "tsc --noEmit"
     },
     "dependencies": {
-        "@augment-vir/common": "^20.0.0",
+        "@augment-vir/common": "^20.0.1",
         "lit": "^2.8.0",
-        "lit-css-vars": "^3.0.1",
+        "lit-css-vars": "^3.0.2",
         "object-shape-tester": "^0.4.3",
         "run-time-assertions": "^0.0.2"
     },
     "devDependencies": {
-        "@augment-vir/browser-testing": "^20.0.0",
-        "@augment-vir/node-js": "^20.0.0",
+        "@augment-vir/browser-testing": "^20.0.1",
+        "@augment-vir/node-js": "^20.0.1",
         "@istanbuljs/nyc-config-typescript": "^1.0.2",
         "@open-wc/testing": "^3.2.0",
         "@types/chai": "^4.3.7",
@@ -80,7 +81,7 @@
         "type-fest": "^4.4.0",
         "typedoc": "^0.25.2",
         "typescript": "~5.2.2",
-        "virmator": "^9.0.0",
+        "virmator": "^9.1.1",
         "vite": "^4.4.11",
         "vite-tsconfig-paths": "^4.2.1"
     },