@lynx-js/web-elements 0.8.3 → 0.8.5

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @lynx-js/web-elements
 
+## 0.8.5
+
+### Patch Changes
+
+- fix: register attr of width is set to height incorrectly ([#1649](https://github.com/lynx-family/lynx-stack/pull/1649))
+
+- Updated dependencies []:
+  - @lynx-js/web-elements-template@0.8.5
+
+## 0.8.4
+
+### Patch Changes
+
+- feat: add autocomplete attribute support for x-input component ([#1444](https://github.com/lynx-family/lynx-stack/pull/1444))
+
+  Implements autocomplete attribute forwarding from the x-input custom element to the internal HTML input element in the shadow DOM. This enables standard browser autocomplete functionality for x-input elements.
+
+- Add referrerpolicy attribute support to x-image web component ([#1420](https://github.com/lynx-family/lynx-stack/pull/1420))
+
+- Updated dependencies []:
+  - @lynx-js/web-elements-template@0.8.4
+
 ## 0.8.3
 
 ### Patch Changes

package/dist/XCanvas/CanvasAttributes.js

@@ -21,7 +21,7 @@ let CanvasAttributes = (() => {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
             _handleName_decorators = [registerAttributeHandler('name', true)];
             _handleHeight_decorators = [registerAttributeHandler('height', true)];
-            _handleWidth_decorators = [registerAttributeHandler('height', true)];
+            _handleWidth_decorators = [registerAttributeHandler('width', true)];
             __esDecorate(null, null, _handleName_decorators, { kind: "field", name: "handleName", static: false, private: false, access: { has: obj => "handleName" in obj, get: obj => obj.handleName, set: (obj, value) => { obj.handleName = value; } }, metadata: _metadata }, _handleName_initializers, _handleName_extraInitializers);
             __esDecorate(null, null, _handleHeight_decorators, { kind: "field", name: "handleHeight", static: false, private: false, access: { has: obj => "handleHeight" in obj, get: obj => obj.handleHeight, set: (obj, value) => { obj.handleHeight = value; } }, metadata: _metadata }, _handleHeight_initializers, _handleHeight_extraInitializers);
             __esDecorate(null, null, _handleWidth_decorators, { kind: "field", name: "handleWidth", static: false, private: false, access: { has: obj => "handleWidth" in obj, get: obj => obj.handleWidth, set: (obj, value) => { obj.handleWidth = value; } }, metadata: _metadata }, _handleWidth_initializers, _handleWidth_extraInitializers);

package/dist/XImage/ImageSrc.js

@@ -18,6 +18,9 @@ let ImageSrc = (() => {
     let _private_handleCrossorigin_decorators;
     let _private_handleCrossorigin_initializers = [];
     let _private_handleCrossorigin_extraInitializers = [];
+    let _private_handleReferrerpolicy_decorators;
+    let _private_handleReferrerpolicy_initializers = [];
+    let _private_handleReferrerpolicy_extraInitializers = [];
     return class ImageSrc {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
@@ -25,6 +28,7 @@ let ImageSrc = (() => {
             _private_preloadPlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
             _private_handleBlurRadius_decorators = [registerAttributeHandler('blur-radius', true)];
             _private_handleCrossorigin_decorators = [registerAttributeHandler('crossorigin', true)];
+            _private_handleReferrerpolicy_decorators = [registerAttributeHandler('referrerpolicy', true)];
             __esDecorate(this, _private_preloadPlaceholder_descriptor = { value: __setFunctionName(function (newVal) {
                     if (newVal) {
                         new Image().src = newVal;
@@ -33,6 +37,7 @@ let ImageSrc = (() => {
             __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);
             __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);
             __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);
+            __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);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -40,6 +45,7 @@ let ImageSrc = (() => {
             'placeholder',
             'blur-radius',
             'crossorigin',
+            'referrerpolicy',
         ];
         #dom = __runInitializers(this, _instanceExtraInitializers);
         #getImg = genDomGetter(() => this.#dom.shadowRoot, '#img');
@@ -49,7 +55,8 @@ let ImageSrc = (() => {
         get #preloadPlaceholder() { return _private_preloadPlaceholder_descriptor.value; }
         #handleBlurRadius = (__runInitializers(this, _private_handleSrc_extraInitializers), __runInitializers(this, _private_handleBlurRadius_initializers, bindToStyle(this.#getImg, '--blur-radius', undefined, true)));
         #handleCrossorigin = (__runInitializers(this, _private_handleBlurRadius_extraInitializers), __runInitializers(this, _private_handleCrossorigin_initializers, bindToAttribute(this.#getImg, 'crossorigin')));
-        #onImageError = (__runInitializers(this, _private_handleCrossorigin_extraInitializers), () => {
+        #handleReferrerpolicy = (__runInitializers(this, _private_handleCrossorigin_extraInitializers), __runInitializers(this, _private_handleReferrerpolicy_initializers, bindToAttribute(this.#getImg, 'referrerpolicy')));
+        #onImageError = (__runInitializers(this, _private_handleReferrerpolicy_extraInitializers), () => {
             const currentSrc = this.#getImg().src;
             const placeholder = this.#dom.getAttribute('placeholder');
             if (placeholder && currentSrc !== placeholder) {

package/dist/XInput/XInputAttribute.js

@@ -15,11 +15,15 @@ let XInputAttribute = (() => {
     let _private_handleDisabled_decorators;
     let _private_handleDisabled_initializers = [];
     let _private_handleDisabled_extraInitializers = [];
+    let _private_handleAutocomplete_decorators;
+    let _private_handleAutocomplete_initializers = [];
+    let _private_handleAutocomplete_extraInitializers = [];
     return class XInputAttribute {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
             _private_handleValue_decorators = [registerAttributeHandler('value', false)];
             _private_handleDisabled_decorators = [registerAttributeHandler('disabled', true)];
+            _private_handleAutocomplete_decorators = [registerAttributeHandler('autocomplete', true)];
             __esDecorate(this, _private_handleValue_descriptor = { value: __setFunctionName(function (newValue) {
                     if (newValue) {
                         const maxlength = parseFloat(this.#dom.getAttribute('maxlength') ?? '');
@@ -35,15 +39,17 @@ let XInputAttribute = (() => {
                     }
                 }, "#handleValue") }, _private_handleValue_decorators, { kind: "method", name: "#handleValue", static: false, private: true, access: { has: obj => #handleValue in obj, get: obj => obj.#handleValue }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _private_handleDisabled_decorators, { kind: "field", name: "#handleDisabled", static: false, private: true, access: { has: obj => #handleDisabled in obj, get: obj => obj.#handleDisabled, set: (obj, value) => { obj.#handleDisabled = value; } }, metadata: _metadata }, _private_handleDisabled_initializers, _private_handleDisabled_extraInitializers);
+            __esDecorate(null, null, _private_handleAutocomplete_decorators, { kind: "field", name: "#handleAutocomplete", static: false, private: true, access: { has: obj => #handleAutocomplete in obj, get: obj => obj.#handleAutocomplete, set: (obj, value) => { obj.#handleAutocomplete = value; } }, metadata: _metadata }, _private_handleAutocomplete_initializers, _private_handleAutocomplete_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static observedAttributes = ['value', 'disabled'];
+        static observedAttributes = ['value', 'disabled', 'autocomplete'];
         #dom = __runInitializers(this, _instanceExtraInitializers);
         #getInputElement = genDomGetter(() => this.#dom.shadowRoot, '#input');
         get #handleValue() { return _private_handleValue_descriptor.value; }
         #handleDisabled = __runInitializers(this, _private_handleDisabled_initializers, bindToAttribute(this.#getInputElement, 'disabled', (value) => (value !== null ? '' : null)));
+        #handleAutocomplete = (__runInitializers(this, _private_handleDisabled_extraInitializers), __runInitializers(this, _private_handleAutocomplete_initializers, bindToAttribute(this.#getInputElement, 'autocomplete')));
         constructor(dom) {
-            __runInitializers(this, _private_handleDisabled_extraInitializers);
+            __runInitializers(this, _private_handleAutocomplete_extraInitializers);
             this.#dom = dom;
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-elements",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "private": false,
   "repository": {
     "type": "git",
@@ -101,7 +101,7 @@
   ],
   "dependencies": {
     "@lynx-js/web-elements-reactive": "0.2.2",
-    "@lynx-js/web-elements-template": "0.8.3"
+    "@lynx-js/web-elements-template": "0.8.5"
   },
   "devDependencies": {
     "tslib": "^2.8.1"