element-vir 23.0.0 → 23.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -219,8 +219,8 @@ export const MyWithAssignment = defineElementNoInputs({
|
|
|
219
219
|
|
|
220
220
|
There are two other callbacks you can define that are sort of similar to lifecycle callbacks. They are much simpler than lifecycle callbacks however.
|
|
221
221
|
|
|
222
|
-
-
|
|
223
|
-
-
|
|
222
|
+
- `init`: called right before the first render and has all state and inputs setup. (This is similar to `connectedCallback` in standard HTMLElement classes but is fired much later, after inputs are assigned, to avoid race conditions.)
|
|
223
|
+
- `cleanup`: called when an element is removed from the DOM. (This is the same as the `disconnectedCallback` in standard HTMLElement classes.)
|
|
224
224
|
|
|
225
225
|
<!-- example-link: src/readme-examples/my-with-cleanup-callback.element.ts -->
|
|
226
226
|
|
|
@@ -369,8 +369,8 @@ Host classes can be defined and used with type safety. Host classes are used to
|
|
|
369
369
|
|
|
370
370
|
Host classes are defined by passing an object to `hostClasses` at element definition time. Each property name in the `hostClasses` object creates a host class name (note that host class names must start with the element's tag name). Each value in the `hostClasses` object defines behavior for the host class:
|
|
371
371
|
|
|
372
|
-
-
|
|
373
|
-
-
|
|
372
|
+
- if the value is a callback, that host class will automatically be applied if the callback returns true after a render is executed.
|
|
373
|
+
- if the value is `false`, the host class is never automatically applied, it must be manually applied by consumers.
|
|
374
374
|
|
|
375
375
|
Apply host classes in the element's stylesheet by using a callback for the styles property:
|
|
376
376
|
|
|
@@ -33,7 +33,6 @@ export function createElementPropertyProxy(element, shouldAlreadyExist) {
|
|
|
33
33
|
*/
|
|
34
34
|
const elementAsProps = element;
|
|
35
35
|
function verifyProperty(propertyKey) {
|
|
36
|
-
// eslint-disable-next-line sonarjs/no-selector-parameter
|
|
37
36
|
if (shouldAlreadyExist) {
|
|
38
37
|
assertValidPropertyName(propertyKey, element, element.tagName);
|
|
39
38
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "element-vir",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.1.0",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"custom",
|
|
6
6
|
"web",
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
"module": "dist/index.js",
|
|
31
31
|
"types": "dist/index.d.ts",
|
|
32
32
|
"scripts": {
|
|
33
|
+
"build": "npm run docs",
|
|
33
34
|
"compile": "virmator compile",
|
|
34
35
|
"docs": "virmator docs",
|
|
35
36
|
"test": "virmator test web",
|
|
@@ -37,32 +38,32 @@
|
|
|
37
38
|
"test:docs": "virmator docs check"
|
|
38
39
|
},
|
|
39
40
|
"dependencies": {
|
|
40
|
-
"@augment-vir/assert": "^
|
|
41
|
-
"@augment-vir/common": "^
|
|
42
|
-
"date-vir": "^
|
|
41
|
+
"@augment-vir/assert": "^31.0.1",
|
|
42
|
+
"@augment-vir/common": "^31.0.1",
|
|
43
|
+
"date-vir": "^7.0.3",
|
|
43
44
|
"lit": "^3.2.1",
|
|
44
|
-
"lit-css-vars": "^3.0.
|
|
45
|
+
"lit-css-vars": "^3.0.11",
|
|
45
46
|
"lit-html": "^3.2.1",
|
|
46
|
-
"object-shape-tester": "^3.
|
|
47
|
-
"observavir": "^2.0.
|
|
48
|
-
"typed-event-target": "^4.0.
|
|
47
|
+
"object-shape-tester": "^3.1.4",
|
|
48
|
+
"observavir": "^2.0.4",
|
|
49
|
+
"typed-event-target": "^4.0.2"
|
|
49
50
|
},
|
|
50
51
|
"devDependencies": {
|
|
51
|
-
"@augment-vir/test": "^
|
|
52
|
-
"@augment-vir/web": "^
|
|
53
|
-
"@web/dev-server-esbuild": "^1.0.
|
|
52
|
+
"@augment-vir/test": "^31.0.1",
|
|
53
|
+
"@augment-vir/web": "^31.0.1",
|
|
54
|
+
"@web/dev-server-esbuild": "^1.0.3",
|
|
54
55
|
"@web/test-runner": "^0.19.0",
|
|
55
56
|
"@web/test-runner-commands": "^0.9.0",
|
|
56
57
|
"@web/test-runner-playwright": "^0.11.0",
|
|
57
58
|
"@web/test-runner-visual-regression": "^0.10.0",
|
|
58
|
-
"html-spec-tags": "^2.2.
|
|
59
|
+
"html-spec-tags": "^2.2.2",
|
|
59
60
|
"istanbul-smart-text-reporter": "^1.1.5",
|
|
60
|
-
"markdown-code-example-inserter": "^3.0.
|
|
61
|
-
"type-fest": "^4.
|
|
62
|
-
"typedoc": "^0.
|
|
63
|
-
"typescript": "5.
|
|
64
|
-
"vite": "^
|
|
65
|
-
"vite-tsconfig-paths": "^5.
|
|
61
|
+
"markdown-code-example-inserter": "^3.0.3",
|
|
62
|
+
"type-fest": "^4.30.0",
|
|
63
|
+
"typedoc": "^0.27.4",
|
|
64
|
+
"typescript": "5.7.2",
|
|
65
|
+
"vite": "^6.0.3",
|
|
66
|
+
"vite-tsconfig-paths": "^5.1.4"
|
|
66
67
|
},
|
|
67
68
|
"engines": {
|
|
68
69
|
"node": ">=22"
|