@lynx-js/web-elements 0.12.2 → 0.12.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lynx-js/web-elements
 
+## 0.12.4
+
+### Patch Changes
+
+- Preserve custom element false-attribute filtering metadata when applying the component decorator. ([#2603](https://github.com/lynx-family/lynx-stack/pull/2603))
+
+## 0.12.3
+
+### Patch Changes
+
+- fix: inherit box sizing and border radius for x-input parts ([#2661](https://github.com/lynx-family/lynx-stack/pull/2661))
+
 ## 0.12.2
 
 ### Patch Changes

package/dist/element-reactive/component.js

@@ -11,6 +11,7 @@ export function Component(tag, attributeReactiveClassesOptional, template) {
     let templateElement;
     const attributeReactiveClasses = attributeReactiveClassesOptional.filter((e) => Boolean(e));
     return (target, { addInitializer }) => {
+        var _a;
         const observedStyleProperties = new Set([
             ...attributeReactiveClasses
                 .filter((e) => e.observedCSSProperties)
@@ -20,7 +21,7 @@ export function Component(tag, attributeReactiveClassesOptional, template) {
         // @ts-ignore
         class CustomElement extends target {
             static registerPlugin(reactiveClass) {
-                CustomElement.observedAttributes.push(...reactiveClass.observedAttributes);
+                _a.observedAttributes.push(...reactiveClass.observedAttributes);
                 if (reactiveClass.observedCSSProperties) {
                     for (const property of reactiveClass.observedCSSProperties) {
                         observedStyleProperties.add(property);
@@ -83,7 +84,7 @@ export function Component(tag, attributeReactiveClassesOptional, template) {
             /** handle attribute='false' */
             setAttribute(qualifiedName, value) {
                 if (value.toString() === 'false'
-                    && !target.notToFilterFalseAttributes?.has(qualifiedName)
+                    && !_a.notToFilterFalseAttributes?.has(qualifiedName)
                     && !qualifiedName.startsWith('data-')) {
                     this.removeAttribute(qualifiedName);
                     return;
@@ -94,7 +95,7 @@ export function Component(tag, attributeReactiveClassesOptional, template) {
                 const attributes = this.attributes;
                 for (let index = 0, attr; (attr = attributes.item(index)); index++) {
                     if (attr.value === 'false'
-                        && !target.notToFilterFalseAttributes?.has(attr.name)
+                        && !_a.notToFilterFalseAttributes?.has(attr.name)
                         && !attr.name.startsWith('data-')) {
                         this.removeAttributeNode(attr);
                     }
@@ -105,7 +106,7 @@ export function Component(tag, attributeReactiveClassesOptional, template) {
             attributeChangedCallback(name, oldValue, newValue) {
                 super.attributeChangedCallback
                     && super.attributeChangedCallback(name, oldValue, newValue);
-                if (!target.notToFilterFalseAttributes?.has(name)
+                if (!_a.notToFilterFalseAttributes?.has(name)
                     && !name.startsWith('data-')) {
                     if (oldValue === 'false')
                         oldValue = null;
@@ -219,6 +220,7 @@ export function Component(tag, attributeReactiveClassesOptional, template) {
                 }
             }
         }
+        _a = CustomElement;
         addInitializer(() => {
             customElements.define(tag, CustomElement);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-elements",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "private": false,
   "repository": {
     "type": "git",
@@ -139,8 +139,8 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",
-    "@rsbuild/core": "1.7.5",
-    "@rsbuild/plugin-source-build": "1.0.4",
+    "@rsbuild/core": "2.0.11",
+    "@rsbuild/plugin-source-build": "1.0.5",
     "@types/markdown-it": "^14.1.1",
     "nyc": "^17.1.0",
     "tslib": "^2.8.1",

package/src/elements/XInput/x-input.css

@@ -12,9 +12,11 @@ x-input::part(form) {
   display: contents;
 }
 x-input::part(input), x-input::part(form) {
+  box-sizing: inherit;
   width: inherit;
   height: inherit;
   border: inherit;
+  border-radius: inherit;
   align-self: inherit;
   justify-self: inherit;
   text-align: inherit;