@lynx-js/web-elements-canary 0.11.2 → 0.11.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/web-elements
 
+## 0.11.3
+
+### Patch Changes
+
+- fix: firefox 147+ layout issue ([#2205](https://github.com/lynx-family/lynx-stack/pull/2205))
+
 ## 0.11.2
 
 ### Patch Changes

package/dist/compat/LinearContainer/LinearContainer.d.ts

@@ -1,5 +1,4 @@
 import { type AttributeReactiveClass } from '../../element-reactive/index.js';
-import '../../../src/compat/LinearContainer/linear-compat.css';
 declare class LinearContainerImpl implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static readonly observedAttributes: never[];

package/dist/compat/LinearContainer/LinearContainer.js

@@ -2,7 +2,6 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 import { bindToAttribute, } from '../../element-reactive/index.js';
-import '../../../src/compat/LinearContainer/linear-compat.css';
 /** For @container
  * chrome 111, safari 18, firefox no
  *
@@ -39,15 +38,15 @@ import '../../../src/compat/LinearContainer/linear-compat.css';
  * it fixed in 116.0.5806.0, detail: https://issues.chromium.org/issues/40270007
  *
  * so we limit this feature to chrome 117, safari 18, firefox no:
- * rex unit: chrome 111, safari 17.2, firefox no
- *  https://developer.mozilla.org/en-US/docs/Web/CSS/length
+ * -webkit-box-reflect: chrome 4, safari 4, firefox no
+ *  https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-box-reflect
  * transition-behavior:allow-discrete: chrome 117, safari 18, firefox 125
  *  https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior
  *  https://caniuse.com/mdn-css_properties_display_is_transitionable
  *
  * update this once firefox supports this.
  */
-const supportContainerStyleQuery = CSS.supports('width:1rex')
+const supportContainerStyleQuery = CSS.supports('-webkit-box-reflect: above')
     && CSS.supports('transition-behavior:allow-discrete')
     && CSS.supports('content-visibility: auto');
 class LinearContainerImpl {

package/dist/elements/XSwiper/XSwiperIndicator.js

@@ -4,7 +4,7 @@ import { __esDecorate, __runInitializers } from "tslib";
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { genDomGetter, registerAttributeHandler, bindToStyle, boostedQueueMicrotask, } from '../../element-reactive/index.js';
+import { genDomGetter, registerAttributeHandler, bindToStyle, } from '../../element-reactive/index.js';
 let XSwiperIndicator = (() => {
     let __handleIndicatorColor_decorators;
     let __handleIndicatorColor_initializers = [];
@@ -102,9 +102,8 @@ let XSwiperIndicator = (() => {
                         }
                     }
                 }).bind(this));
-                boostedQueueMicrotask(() => {
-                    this.#getIndicatorContainer().children[this.#dom.currentIndex]?.style.setProperty('background-color', 'var(--indicator-active-color)', 'important');
-                });
+                const firstPaintIndex = parseFloat(this.#dom.getAttribute('current') ?? '0');
+                this.#getIndicatorContainer().children[firstPaintIndex]?.style.setProperty('background-color', 'var(--indicator-active-color)', 'important');
             }
         }
         dispose() {

package/dist/elements/common/constants.d.ts

@@ -1,4 +1,2 @@
 export declare const useScrollEnd: boolean;
-export declare const isChromium: boolean;
-export declare const isWebkit: boolean;
 export declare const scrollContainerDom: unique symbol;

package/dist/elements/common/constants.js

@@ -3,12 +3,5 @@
 // LICENSE file in the root directory of this source tree.
 // safari cannot use scrollend event
 export const useScrollEnd = 'onscrollend' in document;
-const UA = window.navigator.userAgent;
-export const isChromium = UA.includes('Chrome');
-export const isWebkit = /\b(iPad|iPhone|iPod|OS X)\b/.test(UA)
-    && !/Edge/.test(UA)
-    && /WebKit/.test(UA)
-    // @ts-expect-error
-    && !window.MSStream;
 export const scrollContainerDom = Symbol.for('lynx-scroll-container-dom');
 //# sourceMappingURL=constants.js.map

package/dist/elements/htmlTemplates.js

@@ -1,6 +1,12 @@
 // Copyright 2024 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
+// --- IMPORTANT SYNCHRONIZATION NOTICE ---
+// The templates defined in this file are mirrored in the pure Rust library `web_elements`.
+// If you modify, add, or remove any template in this file, you MUST ALSO update
+// the corresponding Rust implementation in `src/template.rs` to ensure they
+// remain exactly synchronized. Tests enforce this parity.
+// ----------------------------------------
 export const templateScrollView = `<style>
   .placeholder-dom {
     display: none;
@@ -85,7 +91,7 @@ export const templateScrollView = `<style>
     part="bot-fade-mask"
   ></div>`;
 export const templateXAudioTT = `<audio id="audio"></audio>`;
-const XSSDetector = /<\s*script/g;
+const XSSDetector = /<\s*script/;
 export const templateXImage = (attributes) => {
     const { src } = attributes;
     if (src && XSSDetector.test(src)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-elements-canary",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "private": false,
   "repository": {
     "type": "git",