element-vir 22.1.2 → 22.2.0

package/README.md

@@ -16,6 +16,8 @@ Uses the power of _native_ JavaScript custom web elements, _native_ JavaScript t
 
 [Works in every major web browser except Internet Explorer.](https://caniuse.com/mdn-api_window_customelements)
 
+Try it out on CodePen! https://codepen.io/electrovir/pen/qBwQYxq
+
 # Install
 
 [Published on npm:](https://www.npmjs.com/package/element-vir)

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

@@ -5,4 +5,4 @@ import { BaseCssPropertyName } from './properties/css-properties';
 import { EventsInitMap } from './properties/element-events';
 import { PropertyInitMapBase } from './properties/element-properties';
 export type VerifiedElementInit<TagName extends CustomElementTagName, Inputs extends PropertyInitMapBase, StateInit extends PropertyInitMapBase, EventsInit extends EventsInitMap, HostClassKeys extends BaseCssPropertyName<TagName>, CssVarKeys extends BaseCssPropertyName<TagName>, SlotNames extends ReadonlyArray<string>> = Extract<keyof StateInit, keyof Inputs> extends never ? Extract<keyof Inputs, keyof HTMLElement> extends never ? VerifiedElementNoInputsInit<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames> : 'ERROR: Cannot define an element input property that clashes with native HTMLElement properties.' : "ERROR: Cannot define an element state property that clashes with the element's input properties.";
-export declare function defineElement<Inputs extends PropertyInitMapBase = {}>(): <TagName extends `${string}-${string}`, StateInit extends PropertyInitMapBase = {}, EventsInit extends EventsInitMap = {}, HostClassKeys extends `${TagName}-${string}` = `${TagName}-`, CssVarKeys extends `${TagName}-${string}` = `${TagName}-`, SlotNames extends readonly string[] = readonly []>(initInput: VerifiedElementInit<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>) => DeclarativeElementDefinition<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>;
+export declare function defineElement<Inputs extends PropertyInitMapBase = {}>(): <const TagName extends `${string}-${string}`, StateInit extends PropertyInitMapBase = {}, EventsInit extends EventsInitMap = {}, const HostClassKeys extends `${TagName}-${string}` = `${TagName}-`, const CssVarKeys extends `${TagName}-${string}` = `${TagName}-`, const SlotNames extends readonly string[] = readonly []>(initInput: VerifiedElementInit<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>) => DeclarativeElementDefinition<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>;

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

@@ -11,6 +11,6 @@ export type WrapDefineElementOptions<TagNameRequirement extends CustomElementTag
     transformInputs: (inputInit: DeclarativeElementInit<TagNameRequirement, InputsRequirement, StateInitRequirement, EventsInitRequirement, BaseCssPropertyName<TagNameRequirement>, BaseCssPropertyName<TagNameRequirement>, ReadonlyArray<string>>) => DeclarativeElementInit<TagNameRequirement, InputsRequirement, StateInitRequirement, EventsInitRequirement, BaseCssPropertyName<TagNameRequirement>, BaseCssPropertyName<TagNameRequirement>, ReadonlyArray<string>>;
 }>;
 export declare function wrapDefineElement<TagNameRequirement extends CustomElementTagName = CustomElementTagName, InputsRequirement extends PropertyInitMapBase = {}, StateInitRequirement extends PropertyInitMapBase = {}, EventsInitRequirement extends EventsInitMap = {}>(options?: WrapDefineElementOptions | undefined): {
-    defineElement: <Inputs extends InputsRequirement>() => <TagName extends TagNameRequirement, StateInit extends StateInitRequirement, EventsInit extends EventsInitRequirement, HostClassKeys extends `${TagName}-${string}`, CssVarKeys extends `${TagName}-${string}`, SlotNames extends readonly string[]>(inputs: VerifiedElementInit<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>) => import("./declarative-element").DeclarativeElementDefinition<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>;
-    defineElementNoInputs: <TagName_1 extends TagNameRequirement, Inputs_1 extends InputsRequirement, StateInit_1 extends StateInitRequirement, EventsInit_1 extends EventsInitRequirement, HostClassKeys_1 extends `${TagName_1}-${string}`, CssVarKeys_1 extends `${TagName_1}-${string}`, SlotNames_1 extends readonly string[]>(inputs: VerifiedElementNoInputsInit<TagName_1, Inputs_1, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, SlotNames_1>) => import("./declarative-element").DeclarativeElementDefinition<TagName_1, Inputs_1, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, SlotNames_1>;
+    defineElement: <Inputs extends InputsRequirement>() => <const TagName extends TagNameRequirement, StateInit extends StateInitRequirement, EventsInit extends EventsInitRequirement, const HostClassKeys extends `${TagName}-${string}`, const CssVarKeys extends `${TagName}-${string}`, const SlotNames extends readonly string[]>(inputs: VerifiedElementInit<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>) => import("./declarative-element").DeclarativeElementDefinition<TagName, Inputs, StateInit, EventsInit, HostClassKeys, CssVarKeys, SlotNames>;
+    defineElementNoInputs: <const TagName_1 extends TagNameRequirement, Inputs_1 extends InputsRequirement, StateInit_1 extends StateInitRequirement, EventsInit_1 extends EventsInitRequirement, const HostClassKeys_1 extends `${TagName_1}-${string}`, const CssVarKeys_1 extends `${TagName_1}-${string}`, const SlotNames_1 extends readonly string[]>(inputs: VerifiedElementNoInputsInit<TagName_1, Inputs_1, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, SlotNames_1>) => import("./declarative-element").DeclarativeElementDefinition<TagName_1, Inputs_1, StateInit_1, EventsInit_1, HostClassKeys_1, CssVarKeys_1, SlotNames_1>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "22.1.2",
+    "version": "22.2.0",
     "keywords": [
         "custom",
         "web",
@@ -33,12 +33,11 @@
         "docs": "virmator docs",
         "start": "cd ../element-vir-example && npm start",
         "test": "virmator test-web",
-        "test:coverage": "npm run test coverage",
         "test:docs": "virmator docs check",
         "test:types": "tsc --pretty --noEmit"
     },
     "dependencies": {
-        "@augment-vir/common": "^26.3.3",
+        "@augment-vir/common": "^27.0.0",
         "date-vir": "^5.1.4",
         "lit": "^3.1.3",
         "lit-css-vars": "^3.0.9",
@@ -46,12 +45,12 @@
         "object-shape-tester": "^2.3.2",
         "observavir": "^2.0.0",
         "run-time-assertions": "^1.2.0",
-        "typed-event-target": "^3.3.0"
+        "typed-event-target": "^3.4.0"
     },
     "devDependencies": {
-        "@augment-vir/browser": "^26.3.3",
-        "@augment-vir/browser-testing": "^26.3.3",
-        "@augment-vir/node-js": "^26.3.3",
+        "@augment-vir/browser": "^27.0.0",
+        "@augment-vir/browser-testing": "^27.0.0",
+        "@augment-vir/node-js": "^27.0.0",
         "@istanbuljs/nyc-config-typescript": "^1.0.2",
         "@open-wc/testing": "^4.0.0",
         "@types/chai": "^4.3.14",
@@ -64,9 +63,9 @@
         "html-spec-tags": "^2.2.0",
         "istanbul-smart-text-reporter": "^1.1.4",
         "markdown-code-example-inserter": "^1.0.0",
-        "type-fest": "^4.15.0",
+        "type-fest": "^4.17.0",
         "typedoc": "^0.25.13",
-        "typescript": "5.4.5",
+        "typescript": "5.3.3",
         "vite": "^4.5.0",
         "vite-tsconfig-paths": "^4.3.2"
     }