@lynx-js/web-elements-canary 0.8.3 → 0.8.4-canary-20250806-ca8dc3c8
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/CHANGELOG.md +16 -7
- package/dist/XImage/ImageSrc.js +8 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @lynx-js/web-elements
|
|
2
2
|
|
|
3
|
+
## 0.8.4-canary-20250806052049-ca8dc3c87cc88846c0c431551c22302d94470b9e
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Add referrerpolicy attribute support to x-image web component ([#1420](https://github.com/lynx-family/lynx-stack/pull/1420))
|
|
8
|
+
|
|
9
|
+
- Updated dependencies []:
|
|
10
|
+
- @lynx-js/web-elements-template@0.8.4-canary-20250806052049-ca8dc3c87cc88846c0c431551c22302d94470b9e
|
|
11
|
+
|
|
3
12
|
## 0.8.3
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -553,8 +562,8 @@
|
|
|
553
562
|
For compating usage, `@lynx-js/web-elements-compat/LinearContainer` is provided.
|
|
554
563
|
|
|
555
564
|
```javascript
|
|
556
|
-
import
|
|
557
|
-
import
|
|
565
|
+
import "@lynx-js/web-elements-compat/LinearContainer";
|
|
566
|
+
import "@lynx-js/web-elements/all";
|
|
558
567
|
```
|
|
559
568
|
|
|
560
569
|
- f8d1d98: break: rename the `blur` and `focus` event to `lynxblur` and `lynxfocus` for x-input element
|
|
@@ -576,11 +585,11 @@
|
|
|
576
585
|
There is also a simple way to use this feature
|
|
577
586
|
|
|
578
587
|
```javascript
|
|
579
|
-
import { LynxCard } from
|
|
580
|
-
import { loadElement } from
|
|
581
|
-
import
|
|
582
|
-
import
|
|
583
|
-
import
|
|
588
|
+
import { LynxCard } from "@lynx-js/web-core";
|
|
589
|
+
import { loadElement } from "@lynx-js/web-elements/lazy";
|
|
590
|
+
import "@lynx-js/web-elements/index.css";
|
|
591
|
+
import "@lynx-js/web-core/index.css";
|
|
592
|
+
import "./index.css";
|
|
584
593
|
|
|
585
594
|
const lynxcard = new LynxCard({
|
|
586
595
|
...beforeConfigs,
|
package/dist/XImage/ImageSrc.js
CHANGED
|
@@ -18,6 +18,9 @@ let ImageSrc = (() => {
|
|
|
18
18
|
let _private_handleCrossorigin_decorators;
|
|
19
19
|
let _private_handleCrossorigin_initializers = [];
|
|
20
20
|
let _private_handleCrossorigin_extraInitializers = [];
|
|
21
|
+
let _private_handleReferrerpolicy_decorators;
|
|
22
|
+
let _private_handleReferrerpolicy_initializers = [];
|
|
23
|
+
let _private_handleReferrerpolicy_extraInitializers = [];
|
|
21
24
|
return class ImageSrc {
|
|
22
25
|
static {
|
|
23
26
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
@@ -25,6 +28,7 @@ let ImageSrc = (() => {
|
|
|
25
28
|
_private_preloadPlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
|
|
26
29
|
_private_handleBlurRadius_decorators = [registerAttributeHandler('blur-radius', true)];
|
|
27
30
|
_private_handleCrossorigin_decorators = [registerAttributeHandler('crossorigin', true)];
|
|
31
|
+
_private_handleReferrerpolicy_decorators = [registerAttributeHandler('referrerpolicy', true)];
|
|
28
32
|
__esDecorate(this, _private_preloadPlaceholder_descriptor = { value: __setFunctionName(function (newVal) {
|
|
29
33
|
if (newVal) {
|
|
30
34
|
new Image().src = newVal;
|
|
@@ -33,6 +37,7 @@ let ImageSrc = (() => {
|
|
|
33
37
|
__esDecorate(null, null, _private_handleSrc_decorators, { kind: "field", name: "#handleSrc", static: false, private: true, access: { has: obj => #handleSrc in obj, get: obj => obj.#handleSrc, set: (obj, value) => { obj.#handleSrc = value; } }, metadata: _metadata }, _private_handleSrc_initializers, _private_handleSrc_extraInitializers);
|
|
34
38
|
__esDecorate(null, null, _private_handleBlurRadius_decorators, { kind: "field", name: "#handleBlurRadius", static: false, private: true, access: { has: obj => #handleBlurRadius in obj, get: obj => obj.#handleBlurRadius, set: (obj, value) => { obj.#handleBlurRadius = value; } }, metadata: _metadata }, _private_handleBlurRadius_initializers, _private_handleBlurRadius_extraInitializers);
|
|
35
39
|
__esDecorate(null, null, _private_handleCrossorigin_decorators, { kind: "field", name: "#handleCrossorigin", static: false, private: true, access: { has: obj => #handleCrossorigin in obj, get: obj => obj.#handleCrossorigin, set: (obj, value) => { obj.#handleCrossorigin = value; } }, metadata: _metadata }, _private_handleCrossorigin_initializers, _private_handleCrossorigin_extraInitializers);
|
|
40
|
+
__esDecorate(null, null, _private_handleReferrerpolicy_decorators, { kind: "field", name: "#handleReferrerpolicy", static: false, private: true, access: { has: obj => #handleReferrerpolicy in obj, get: obj => obj.#handleReferrerpolicy, set: (obj, value) => { obj.#handleReferrerpolicy = value; } }, metadata: _metadata }, _private_handleReferrerpolicy_initializers, _private_handleReferrerpolicy_extraInitializers);
|
|
36
41
|
if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
37
42
|
}
|
|
38
43
|
static observedAttributes = [
|
|
@@ -40,6 +45,7 @@ let ImageSrc = (() => {
|
|
|
40
45
|
'placeholder',
|
|
41
46
|
'blur-radius',
|
|
42
47
|
'crossorigin',
|
|
48
|
+
'referrerpolicy',
|
|
43
49
|
];
|
|
44
50
|
#dom = __runInitializers(this, _instanceExtraInitializers);
|
|
45
51
|
#getImg = genDomGetter(() => this.#dom.shadowRoot, '#img');
|
|
@@ -49,7 +55,8 @@ let ImageSrc = (() => {
|
|
|
49
55
|
get #preloadPlaceholder() { return _private_preloadPlaceholder_descriptor.value; }
|
|
50
56
|
#handleBlurRadius = (__runInitializers(this, _private_handleSrc_extraInitializers), __runInitializers(this, _private_handleBlurRadius_initializers, bindToStyle(this.#getImg, '--blur-radius', undefined, true)));
|
|
51
57
|
#handleCrossorigin = (__runInitializers(this, _private_handleBlurRadius_extraInitializers), __runInitializers(this, _private_handleCrossorigin_initializers, bindToAttribute(this.#getImg, 'crossorigin')));
|
|
52
|
-
#
|
|
58
|
+
#handleReferrerpolicy = (__runInitializers(this, _private_handleCrossorigin_extraInitializers), __runInitializers(this, _private_handleReferrerpolicy_initializers, bindToAttribute(this.#getImg, 'referrerpolicy')));
|
|
59
|
+
#onImageError = (__runInitializers(this, _private_handleReferrerpolicy_extraInitializers), () => {
|
|
53
60
|
const currentSrc = this.#getImg().src;
|
|
54
61
|
const placeholder = this.#dom.getAttribute('placeholder');
|
|
55
62
|
if (placeholder && currentSrc !== placeholder) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lynx-js/web-elements-canary",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.4-canary-20250806-ca8dc3c8",
|
|
4
4
|
"private": false,
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
],
|
|
102
102
|
"dependencies": {
|
|
103
103
|
"@lynx-js/web-elements-reactive": "npm:@lynx-js/web-elements-reactive-canary@0.2.2",
|
|
104
|
-
"@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.
|
|
104
|
+
"@lynx-js/web-elements-template": "npm:@lynx-js/web-elements-template-canary@0.8.4-canary-20250806-ca8dc3c8"
|
|
105
105
|
},
|
|
106
106
|
"devDependencies": {
|
|
107
107
|
"tslib": "^2.8.1"
|