@lynx-js/web-elements-canary 0.8.3 → 0.8.4-canary-20250806-bc1c452c

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-20250806052817-bc1c452c504db6d8a6873c587c0818a94fb5f35a
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-20250806052817-bc1c452c504db6d8a6873c587c0818a94fb5f35a
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-bc1c452c",
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-bc1c452c"
105
105
  },
106
106
  "devDependencies": {
107
107
  "tslib": "^2.8.1"