@htmlplus/element 3.2.4 → 3.2.5
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 +0 -23
- package/dist/{client-aQIGQIWV.js → client-D1N1nBuh.js} +5 -15
- package/dist/client.js +1 -1
- package/dist/constants.d.ts +1 -2
- package/dist/constants.js +1 -2
- package/dist/internal.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -970,29 +970,6 @@ export class MyElement {
|
|
|
970
970
|
|
|
971
971
|
</details>
|
|
972
972
|
|
|
973
|
-
<details>
|
|
974
|
-
<summary>prepareCallback</summary>
|
|
975
|
-
|
|
976
|
-
This lifecycle is asynchronous and is invoked before all other lifecycles.
|
|
977
|
-
|
|
978
|
-
```js
|
|
979
|
-
import { Element } from '@htmlplus/element';
|
|
980
|
-
|
|
981
|
-
@Element()
|
|
982
|
-
export class MyElement {
|
|
983
|
-
prepareCallback() {
|
|
984
|
-
return new Promise((resolve) => {
|
|
985
|
-
setTimeout(resolve, 2500);
|
|
986
|
-
})
|
|
987
|
-
}
|
|
988
|
-
connectedCallback() {
|
|
989
|
-
console.log('The element connects after 2500 milliseconds!');
|
|
990
|
-
}
|
|
991
|
-
}
|
|
992
|
-
```
|
|
993
|
-
|
|
994
|
-
</details>
|
|
995
|
-
|
|
996
973
|
<details>
|
|
997
974
|
<summary>readyCallback</summary>
|
|
998
975
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { kebabCase, pascalCase } from 'change-case';
|
|
2
|
-
import { API_HOST, STATIC_TAG, API_STACKS, API_REQUEST, API_CONNECTED, LIFECYCLE_UPDATE, STATIC_STYLE, API_STYLE, LIFECYCLE_UPDATED, API_RENDER_COMPLETED, METHOD_RENDER, TYPE_BOOLEAN, TYPE_NUMBER, TYPE_NULL, TYPE_DATE, TYPE_ARRAY, TYPE_OBJECT, TYPE_UNDEFINED, LIFECYCLE_CONNECTED, LIFECYCLE_DISCONNECTED, KEY,
|
|
2
|
+
import { API_HOST, STATIC_TAG, API_STACKS, API_REQUEST, API_CONNECTED, LIFECYCLE_UPDATE, STATIC_STYLE, API_STYLE, LIFECYCLE_UPDATED, API_RENDER_COMPLETED, METHOD_RENDER, TYPE_BOOLEAN, TYPE_NUMBER, TYPE_NULL, TYPE_DATE, TYPE_ARRAY, TYPE_OBJECT, TYPE_UNDEFINED, LIFECYCLE_CONNECTED, LIFECYCLE_DISCONNECTED, KEY, LIFECYCLE_CONSTRUCTED, LIFECYCLE_ADOPTED, LIFECYCLE_READY } from './constants.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Indicates the host of the element.
|
|
@@ -1527,20 +1527,10 @@ const proxy = (constructor) => {
|
|
|
1527
1527
|
connectedCallback() {
|
|
1528
1528
|
// TODO: experimental for global config
|
|
1529
1529
|
Object.assign(this.#instance, getConfig('element', getTag(this.#instance), 'property'));
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
call(this.#instance, LIFECYCLE_READY);
|
|
1535
|
-
});
|
|
1536
|
-
};
|
|
1537
|
-
const hasPrepare = LIFECYCLE_PREPARE in this.#instance;
|
|
1538
|
-
if (!hasPrepare)
|
|
1539
|
-
return connect();
|
|
1540
|
-
call(this.#instance, LIFECYCLE_PREPARE)
|
|
1541
|
-
.then(() => connect())
|
|
1542
|
-
.catch((error) => {
|
|
1543
|
-
throw new Error(`Failed to prepare <${getTag(this.#instance)}> element before connection.`, { cause: error });
|
|
1530
|
+
this.#instance[API_CONNECTED] = true;
|
|
1531
|
+
call(this.#instance, LIFECYCLE_CONNECTED);
|
|
1532
|
+
requestUpdate(this.#instance, undefined, undefined, () => {
|
|
1533
|
+
call(this.#instance, LIFECYCLE_READY);
|
|
1544
1534
|
});
|
|
1545
1535
|
}
|
|
1546
1536
|
disconnectedCallback() {
|
package/dist/client.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { B as Bind, C as Consumer, D as Debounce, m as Direction, E as Element, n as Event, H as Host, I as IsRTL, L as Listen, M as Method, p as Property, P as Provider, Q as Query, r as QueryAll, S as Slots, u as State, v as Style, W as Watch, c as classes, d as direction, a as dispatch, g as getConfig, h as host, i as isCSSColor, e as isRTL, j as off, o as on, q as query, f as queryAll, l as setConfig, s as slots, t as toCSSColor, b as toCSSUnit, k as toUnit } from './client-
|
|
1
|
+
export { B as Bind, C as Consumer, D as Debounce, m as Direction, E as Element, n as Event, H as Host, I as IsRTL, L as Listen, M as Method, p as Property, P as Provider, Q as Query, r as QueryAll, S as Slots, u as State, v as Style, W as Watch, c as classes, d as direction, a as dispatch, g as getConfig, h as host, i as isCSSColor, e as isRTL, j as off, o as on, q as query, f as queryAll, l as setConfig, s as slots, t as toCSSColor, b as toCSSUnit, k as toUnit } from './client-D1N1nBuh.js';
|
|
2
2
|
import 'change-case';
|
|
3
3
|
import './constants.js';
|
package/dist/constants.d.ts
CHANGED
|
@@ -20,7 +20,6 @@ declare const LIFECYCLE_CONNECTED = "connectedCallback";
|
|
|
20
20
|
declare const LIFECYCLE_CONSTRUCTED = "constructedCallback";
|
|
21
21
|
declare const LIFECYCLE_DISCONNECTED = "disconnectedCallback";
|
|
22
22
|
declare const LIFECYCLE_READY = "readyCallback";
|
|
23
|
-
declare const LIFECYCLE_PREPARE = "prepareCallback";
|
|
24
23
|
declare const LIFECYCLE_UPDATE = "updateCallback";
|
|
25
24
|
declare const LIFECYCLE_UPDATED = "updatedCallback";
|
|
26
25
|
declare const METHOD_RENDER = "render";
|
|
@@ -46,4 +45,4 @@ declare const UTILS_STYLES_IMPORTED = "styles";
|
|
|
46
45
|
declare const UTILS_STYLES_LOCAL = "UTILS_STYLES";
|
|
47
46
|
declare const UTILS_PATH = "@htmlplus/element/internal.js";
|
|
48
47
|
|
|
49
|
-
export { API_CONNECTED, API_HOST, API_RENDER_COMPLETED, API_REQUEST, API_STACKS, API_STYLE, COMMENT_AUTO_ADDED, DECORATOR_CSS_VARIABLE, DECORATOR_ELEMENT, DECORATOR_EVENT, DECORATOR_METHOD, DECORATOR_PROPERTY, DECORATOR_PROPERTY_TYPE, DECORATOR_STATE, ELEMENT_HOST_NAME, KEY, LIFECYCLE_ADOPTED, LIFECYCLE_CONNECTED, LIFECYCLE_CONSTRUCTED, LIFECYCLE_DISCONNECTED,
|
|
48
|
+
export { API_CONNECTED, API_HOST, API_RENDER_COMPLETED, API_REQUEST, API_STACKS, API_STYLE, COMMENT_AUTO_ADDED, DECORATOR_CSS_VARIABLE, DECORATOR_ELEMENT, DECORATOR_EVENT, DECORATOR_METHOD, DECORATOR_PROPERTY, DECORATOR_PROPERTY_TYPE, DECORATOR_STATE, ELEMENT_HOST_NAME, KEY, LIFECYCLE_ADOPTED, LIFECYCLE_CONNECTED, LIFECYCLE_CONSTRUCTED, LIFECYCLE_DISCONNECTED, LIFECYCLE_READY, LIFECYCLE_UPDATE, LIFECYCLE_UPDATED, METHOD_RENDER, PACKAGE_NAME, STATIC_STYLE, STATIC_TAG, STYLE_IMPORTED, TYPE_ARRAY, TYPE_BIGINT, TYPE_BOOLEAN, TYPE_DATE, TYPE_ENUM, TYPE_FUNCTION, TYPE_NULL, TYPE_NUMBER, TYPE_OBJECT, TYPE_STRING, TYPE_UNDEFINED, UTILS_ATTRIBUTES_IMPORTED, UTILS_ATTRIBUTES_LOCAL, UTILS_HTML_IMPORTED, UTILS_HTML_LOCAL, UTILS_PATH, UTILS_STYLES_IMPORTED, UTILS_STYLES_LOCAL };
|
package/dist/constants.js
CHANGED
|
@@ -26,7 +26,6 @@ const LIFECYCLE_CONNECTED = 'connectedCallback';
|
|
|
26
26
|
const LIFECYCLE_CONSTRUCTED = 'constructedCallback';
|
|
27
27
|
const LIFECYCLE_DISCONNECTED = 'disconnectedCallback';
|
|
28
28
|
const LIFECYCLE_READY = 'readyCallback';
|
|
29
|
-
const LIFECYCLE_PREPARE = 'prepareCallback';
|
|
30
29
|
const LIFECYCLE_UPDATE = 'updateCallback';
|
|
31
30
|
const LIFECYCLE_UPDATED = 'updatedCallback';
|
|
32
31
|
// methods
|
|
@@ -57,4 +56,4 @@ const UTILS_STYLES_IMPORTED = 'styles';
|
|
|
57
56
|
const UTILS_STYLES_LOCAL = 'UTILS_STYLES';
|
|
58
57
|
const UTILS_PATH = '@htmlplus/element/internal.js';
|
|
59
58
|
|
|
60
|
-
export { API_CONNECTED, API_HOST, API_RENDER_COMPLETED, API_REQUEST, API_STACKS, API_STYLE, COMMENT_AUTO_ADDED, DECORATOR_CSS_VARIABLE, DECORATOR_ELEMENT, DECORATOR_EVENT, DECORATOR_METHOD, DECORATOR_PROPERTY, DECORATOR_PROPERTY_TYPE, DECORATOR_STATE, ELEMENT_HOST_NAME, KEY, LIFECYCLE_ADOPTED, LIFECYCLE_CONNECTED, LIFECYCLE_CONSTRUCTED, LIFECYCLE_DISCONNECTED,
|
|
59
|
+
export { API_CONNECTED, API_HOST, API_RENDER_COMPLETED, API_REQUEST, API_STACKS, API_STYLE, COMMENT_AUTO_ADDED, DECORATOR_CSS_VARIABLE, DECORATOR_ELEMENT, DECORATOR_EVENT, DECORATOR_METHOD, DECORATOR_PROPERTY, DECORATOR_PROPERTY_TYPE, DECORATOR_STATE, ELEMENT_HOST_NAME, KEY, LIFECYCLE_ADOPTED, LIFECYCLE_CONNECTED, LIFECYCLE_CONSTRUCTED, LIFECYCLE_DISCONNECTED, LIFECYCLE_READY, LIFECYCLE_UPDATE, LIFECYCLE_UPDATED, METHOD_RENDER, PACKAGE_NAME, STATIC_STYLE, STATIC_TAG, STYLE_IMPORTED, TYPE_ARRAY, TYPE_BIGINT, TYPE_BOOLEAN, TYPE_DATE, TYPE_ENUM, TYPE_FUNCTION, TYPE_NULL, TYPE_NUMBER, TYPE_OBJECT, TYPE_STRING, TYPE_UNDEFINED, UTILS_ATTRIBUTES_IMPORTED, UTILS_ATTRIBUTES_LOCAL, UTILS_HTML_IMPORTED, UTILS_HTML_LOCAL, UTILS_PATH, UTILS_STYLES_IMPORTED, UTILS_STYLES_LOCAL };
|
package/dist/internal.js
CHANGED