@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 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 '@lynx-js/web-elements-compat/LinearContainer';
557
- import '@lynx-js/web-elements/all';
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 '@lynx-js/web-core';
580
- import { loadElement } from '@lynx-js/web-elements/lazy';
581
- import '@lynx-js/web-elements/index.css';
582
- import '@lynx-js/web-core/index.css';
583
- import './index.css';
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,
@@ -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
- #onImageError = (__runInitializers(this, _private_handleCrossorigin_extraInitializers), () => {
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",
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.3"
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"