@lynx-js/web-elements-canary 0.9.0 → 0.9.1-canary-20251223-71b9083d

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lynx-js/web-elements
 
+## 0.9.1-canary-20251223075424-71b9083d7c117666ae815e62ced38709c3d207e6
+
+### Patch Changes
+
+- refactor: change code structure for improved readability and maintainability ([#2004](https://github.com/lynx-family/lynx-stack/pull/2004))
+
+  - enable noUnusedLocals for web-elements
+  - add source field for supporting @rsbuild/plugin-source-build
+
+  This is a part of #1937
+
+- Updated dependencies []:
+  - @lynx-js/web-elements-template@0.9.1-canary-20251223075424-71b9083d7c117666ae815e62ced38709c3d207e6
+
 ## 0.9.0
 
 ### Minor Changes
@@ -673,8 +687,8 @@
   For compating usage, `@lynx-js/web-elements-compat/LinearContainer` is provided.
 
   ```javascript
-  import '@lynx-js/web-elements-compat/LinearContainer';
-  import '@lynx-js/web-elements/all';
+  import "@lynx-js/web-elements-compat/LinearContainer";
+  import "@lynx-js/web-elements/all";
   ```
 
 - f8d1d98: break: rename the `blur` and `focus` event to `lynxblur` and `lynxfocus` for x-input element
@@ -696,11 +710,11 @@
   There is also a simple way to use this feature
 
   ```javascript
-  import { LynxCard } from '@lynx-js/web-core';
-  import { loadElement } from '@lynx-js/web-elements/lazy';
-  import '@lynx-js/web-elements/index.css';
-  import '@lynx-js/web-core/index.css';
-  import './index.css';
+  import { LynxCard } from "@lynx-js/web-core";
+  import { loadElement } from "@lynx-js/web-elements/lazy";
+  import "@lynx-js/web-elements/index.css";
+  import "@lynx-js/web-core/index.css";
+  import "./index.css";
 
   const lynxcard = new LynxCard({
     ...beforeConfigs,

package/dist/ScrollView/FadeEdgeLengthAttribute.d.ts

@@ -5,6 +5,8 @@ export declare class FadeEdgeLengthAttribute implements InstanceType<AttributeRe
     static observedAttributes: string[];
     static observedCSSProperties: string[];
     constructor(dom: ScrollView);
+    _handleFadingEdgeLength: (this: void, newVal: string | null) => void;
+    _backgroundColorToVariable(backGroundColor: string | null): void;
     connectedCallback?(): void;
     dispose(): void;
 }

package/dist/ScrollView/FadeEdgeLengthAttribute.js

@@ -1,27 +1,23 @@
-import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 /*
 // 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.
 */
+import { __esDecorate, __runInitializers } from "tslib";
 import { bindToStyle, genDomGetter, registerAttributeHandler, registerStyleChangeHandler, } from '@lynx-js/web-elements-reactive';
 let FadeEdgeLengthAttribute = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleFadingEdgeLength_decorators;
-    let _private_handleFadingEdgeLength_initializers = [];
-    let _private_handleFadingEdgeLength_extraInitializers = [];
-    let _private_backgroundColorToVariable_decorators;
-    let _private_backgroundColorToVariable_descriptor;
+    let __handleFadingEdgeLength_decorators;
+    let __handleFadingEdgeLength_initializers = [];
+    let __handleFadingEdgeLength_extraInitializers = [];
+    let __backgroundColorToVariable_decorators;
     return class FadeEdgeLengthAttribute {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleFadingEdgeLength_decorators = [registerAttributeHandler('fading-edge-length', true)];
-            _private_backgroundColorToVariable_decorators = [registerStyleChangeHandler('background'), registerStyleChangeHandler('background-color')];
-            __esDecorate(this, _private_backgroundColorToVariable_descriptor = { value: __setFunctionName(function (backGroundColor) {
-                    this.#getTopFadeMask().style.setProperty('--scroll-view-bg-color', backGroundColor);
-                    this.#getBotFadeMask().style.setProperty('--scroll-view-bg-color', backGroundColor);
-                }, "#backgroundColorToVariable") }, _private_backgroundColorToVariable_decorators, { kind: "method", name: "#backgroundColorToVariable", static: false, private: true, access: { has: obj => #backgroundColorToVariable in obj, get: obj => obj.#backgroundColorToVariable }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, null, _private_handleFadingEdgeLength_decorators, { kind: "field", name: "#handleFadingEdgeLength", static: false, private: true, access: { has: obj => #handleFadingEdgeLength in obj, get: obj => obj.#handleFadingEdgeLength, set: (obj, value) => { obj.#handleFadingEdgeLength = value; } }, metadata: _metadata }, _private_handleFadingEdgeLength_initializers, _private_handleFadingEdgeLength_extraInitializers);
+            __handleFadingEdgeLength_decorators = [registerAttributeHandler('fading-edge-length', true)];
+            __backgroundColorToVariable_decorators = [registerStyleChangeHandler('background'), registerStyleChangeHandler('background-color')];
+            __esDecorate(this, null, __backgroundColorToVariable_decorators, { kind: "method", name: "_backgroundColorToVariable", static: false, private: false, access: { has: obj => "_backgroundColorToVariable" in obj, get: obj => obj._backgroundColorToVariable }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, __handleFadingEdgeLength_decorators, { kind: "field", name: "_handleFadingEdgeLength", static: false, private: false, access: { has: obj => "_handleFadingEdgeLength" in obj, get: obj => obj._handleFadingEdgeLength, set: (obj, value) => { obj._handleFadingEdgeLength = value; } }, metadata: _metadata }, __handleFadingEdgeLength_initializers, __handleFadingEdgeLength_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         #dom = __runInitializers(this, _instanceExtraInitializers);
@@ -30,11 +26,14 @@ let FadeEdgeLengthAttribute = (() => {
         static observedAttributes = ['fading-edge-length'];
         static observedCSSProperties = ['background', 'background-color'];
         constructor(dom) {
-            __runInitializers(this, _private_handleFadingEdgeLength_extraInitializers);
+            __runInitializers(this, __handleFadingEdgeLength_extraInitializers);
             this.#dom = dom;
         }
-        #handleFadingEdgeLength = __runInitializers(this, _private_handleFadingEdgeLength_initializers, bindToStyle(() => this.#dom, '--scroll-view-fading-edge-length', (v) => `${parseFloat(v)}px`));
-        get #backgroundColorToVariable() { return _private_backgroundColorToVariable_descriptor.value; }
+        _handleFadingEdgeLength = __runInitializers(this, __handleFadingEdgeLength_initializers, bindToStyle(() => this.#dom, '--scroll-view-fading-edge-length', (v) => `${parseFloat(v)}px`));
+        _backgroundColorToVariable(backGroundColor) {
+            this.#getTopFadeMask().style.setProperty('--scroll-view-bg-color', backGroundColor);
+            this.#getBotFadeMask().style.setProperty('--scroll-view-bg-color', backGroundColor);
+        }
         connectedCallback() { }
         dispose() { }
     };

package/dist/ScrollView/ScrollAttributes.d.ts

@@ -4,5 +4,7 @@ export declare class ScrollAttributes implements InstanceType<AttributeReactiveC
     #private;
     static observedAttributes: string[];
     constructor(dom: ScrollView);
+    _handleInitialScrollOffset(newVal: string | null, _: string | null, attributeName: string): void;
+    _handleInitialScrollIndex(newVal: string | null): void;
     dispose(): void;
 }

package/dist/ScrollView/ScrollAttributes.js

@@ -1,4 +1,4 @@
-import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 /*
 // Copyright 2024 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
@@ -7,60 +7,15 @@ import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 import { registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let ScrollAttributes = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleInitialScrollOffset_decorators;
-    let _private_handleInitialScrollOffset_descriptor;
-    let _private_handleInitialScrollIndex_decorators;
-    let _private_handleInitialScrollIndex_descriptor;
+    let __handleInitialScrollOffset_decorators;
+    let __handleInitialScrollIndex_decorators;
     return class ScrollAttributes {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleInitialScrollOffset_decorators = [registerAttributeHandler('scroll-top', false), registerAttributeHandler('scroll-left', false), registerAttributeHandler('initial-scroll-offset', false)];
-            _private_handleInitialScrollIndex_decorators = [registerAttributeHandler('scroll-to-index', false), registerAttributeHandler('initial-scroll-to-index', false)];
-            __esDecorate(this, _private_handleInitialScrollOffset_descriptor = { value: __setFunctionName(function (newVal, _, attributeName) {
-                    if (newVal) {
-                        const scrollValue = parseFloat(newVal);
-                        const scrollOrientation = this.#dom.getAttribute('scroll-orientation');
-                        const scrollY = this.#dom.getAttribute('scroll-y');
-                        const scrollX = this.#dom.getAttribute('scroll-x');
-                        const topScrollDistance = (attributeName === 'scroll-top'
-                            || attributeName === 'initial-scroll-offset')
-                            && (scrollY === ''
-                                || scrollY === 'true'
-                                || scrollOrientation === 'vertical'
-                                || scrollOrientation === 'both');
-                        const leftScrollDistance = (attributeName === 'scroll-left'
-                            || attributeName === 'initial-scroll-offset')
-                            && (scrollX === ''
-                                || scrollX === 'true'
-                                || scrollOrientation === 'vertical'
-                                || scrollOrientation === 'both');
-                        requestAnimationFrame(() => {
-                            if (topScrollDistance) {
-                                this.#dom.scrollTo(0, scrollValue);
-                            }
-                            if (leftScrollDistance) {
-                                this.#dom.scrollLeft = scrollValue;
-                            }
-                        });
-                    }
-                }, "#handleInitialScrollOffset") }, _private_handleInitialScrollOffset_decorators, { kind: "method", name: "#handleInitialScrollOffset", static: false, private: true, access: { has: obj => #handleInitialScrollOffset in obj, get: obj => obj.#handleInitialScrollOffset }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleInitialScrollIndex_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal) {
-                        const scrollValue = parseFloat(newVal);
-                        const childrenElement = this.#dom.children.item(scrollValue);
-                        if (childrenElement && childrenElement instanceof HTMLElement) {
-                            const scrollX = this.#dom.getAttribute('scroll-x') !== null;
-                            requestAnimationFrame(() => {
-                                if (scrollX) {
-                                    this.#dom.scrollLeft = childrenElement.offsetLeft;
-                                }
-                                else {
-                                    this.#dom.scrollTop = childrenElement.offsetTop;
-                                }
-                            });
-                        }
-                    }
-                }, "#handleInitialScrollIndex") }, _private_handleInitialScrollIndex_decorators, { kind: "method", name: "#handleInitialScrollIndex", static: false, private: true, access: { has: obj => #handleInitialScrollIndex in obj, get: obj => obj.#handleInitialScrollIndex }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleInitialScrollOffset_decorators = [registerAttributeHandler('scroll-top', false), registerAttributeHandler('scroll-left', false), registerAttributeHandler('initial-scroll-offset', false)];
+            __handleInitialScrollIndex_decorators = [registerAttributeHandler('scroll-to-index', false), registerAttributeHandler('initial-scroll-to-index', false)];
+            __esDecorate(this, null, __handleInitialScrollOffset_decorators, { kind: "method", name: "_handleInitialScrollOffset", static: false, private: false, access: { has: obj => "_handleInitialScrollOffset" in obj, get: obj => obj._handleInitialScrollOffset }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleInitialScrollIndex_decorators, { kind: "method", name: "_handleInitialScrollIndex", static: false, private: false, access: { has: obj => "_handleInitialScrollIndex" in obj, get: obj => obj._handleInitialScrollIndex }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         #dom = __runInitializers(this, _instanceExtraInitializers);
@@ -74,8 +29,51 @@ let ScrollAttributes = (() => {
         constructor(dom) {
             this.#dom = dom;
         }
-        get #handleInitialScrollOffset() { return _private_handleInitialScrollOffset_descriptor.value; }
-        get #handleInitialScrollIndex() { return _private_handleInitialScrollIndex_descriptor.value; }
+        _handleInitialScrollOffset(newVal, _, attributeName) {
+            if (newVal) {
+                const scrollValue = parseFloat(newVal);
+                const scrollOrientation = this.#dom.getAttribute('scroll-orientation');
+                const scrollY = this.#dom.getAttribute('scroll-y');
+                const scrollX = this.#dom.getAttribute('scroll-x');
+                const topScrollDistance = (attributeName === 'scroll-top'
+                    || attributeName === 'initial-scroll-offset')
+                    && (scrollY === ''
+                        || scrollY === 'true'
+                        || scrollOrientation === 'vertical'
+                        || scrollOrientation === 'both');
+                const leftScrollDistance = (attributeName === 'scroll-left'
+                    || attributeName === 'initial-scroll-offset')
+                    && (scrollX === ''
+                        || scrollX === 'true'
+                        || scrollOrientation === 'vertical'
+                        || scrollOrientation === 'both');
+                requestAnimationFrame(() => {
+                    if (topScrollDistance) {
+                        this.#dom.scrollTo(0, scrollValue);
+                    }
+                    if (leftScrollDistance) {
+                        this.#dom.scrollLeft = scrollValue;
+                    }
+                });
+            }
+        }
+        _handleInitialScrollIndex(newVal) {
+            if (newVal) {
+                const scrollValue = parseFloat(newVal);
+                const childrenElement = this.#dom.children.item(scrollValue);
+                if (childrenElement && childrenElement instanceof HTMLElement) {
+                    const scrollX = this.#dom.getAttribute('scroll-x') !== null;
+                    requestAnimationFrame(() => {
+                        if (scrollX) {
+                            this.#dom.scrollLeft = childrenElement.offsetLeft;
+                        }
+                        else {
+                            this.#dom.scrollTop = childrenElement.offsetTop;
+                        }
+                    });
+                }
+            }
+        }
         dispose() { }
     };
 })();

package/dist/ScrollView/ScrollViewEvents.d.ts

@@ -4,6 +4,12 @@ export declare class ScrollViewEvents implements InstanceType<AttributeReactiveC
     #private;
     constructor(dom: ScrollView);
     static observedAttributes: string[];
+    _handleScrollUpperThresholdEventEnabled: (enabled: boolean) => void;
+    _handleScrollLowerThresholdEventEnabled: (enabled: boolean) => void;
+    _updateUpperThreshold: (this: void, newVal: string | null) => void;
+    _updateLowerThreshold: (this: void, newVal: string | null) => void;
+    _handleScrollEventEnabled: (enabled: boolean) => void;
+    _handleScrollEndEventEnabled: (enabled: boolean) => void;
     connectedCallback?(): void;
     dispose(): void;
 }

package/dist/ScrollView/ScrollViewEvents.js

@@ -10,39 +10,39 @@ import { bindToIntersectionObserver } from '../common/bindToIntersectionObserver
 import { useScrollEnd } from '../common/constants.js';
 import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
 let ScrollViewEvents = (() => {
-    let _private_handleScrollUpperThresholdEventEnabled_decorators;
-    let _private_handleScrollUpperThresholdEventEnabled_initializers = [];
-    let _private_handleScrollUpperThresholdEventEnabled_extraInitializers = [];
-    let _private_handleScrollLowerThresholdEventEnabled_decorators;
-    let _private_handleScrollLowerThresholdEventEnabled_initializers = [];
-    let _private_handleScrollLowerThresholdEventEnabled_extraInitializers = [];
-    let _private_updateUpperThreshold_decorators;
-    let _private_updateUpperThreshold_initializers = [];
-    let _private_updateUpperThreshold_extraInitializers = [];
-    let _private_updateLowerThreshold_decorators;
-    let _private_updateLowerThreshold_initializers = [];
-    let _private_updateLowerThreshold_extraInitializers = [];
-    let _private_handleScrollEventEnabled_decorators;
-    let _private_handleScrollEventEnabled_initializers = [];
-    let _private_handleScrollEventEnabled_extraInitializers = [];
-    let _private_handleScrollEndEventEnabled_decorators;
-    let _private_handleScrollEndEventEnabled_initializers = [];
-    let _private_handleScrollEndEventEnabled_extraInitializers = [];
+    let __handleScrollUpperThresholdEventEnabled_decorators;
+    let __handleScrollUpperThresholdEventEnabled_initializers = [];
+    let __handleScrollUpperThresholdEventEnabled_extraInitializers = [];
+    let __handleScrollLowerThresholdEventEnabled_decorators;
+    let __handleScrollLowerThresholdEventEnabled_initializers = [];
+    let __handleScrollLowerThresholdEventEnabled_extraInitializers = [];
+    let __updateUpperThreshold_decorators;
+    let __updateUpperThreshold_initializers = [];
+    let __updateUpperThreshold_extraInitializers = [];
+    let __updateLowerThreshold_decorators;
+    let __updateLowerThreshold_initializers = [];
+    let __updateLowerThreshold_extraInitializers = [];
+    let __handleScrollEventEnabled_decorators;
+    let __handleScrollEventEnabled_initializers = [];
+    let __handleScrollEventEnabled_extraInitializers = [];
+    let __handleScrollEndEventEnabled_decorators;
+    let __handleScrollEndEventEnabled_initializers = [];
+    let __handleScrollEndEventEnabled_extraInitializers = [];
     return class ScrollViewEvents {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleScrollUpperThresholdEventEnabled_decorators = [registerEventEnableStatusChangeHandler('scrolltoupper')];
-            _private_handleScrollLowerThresholdEventEnabled_decorators = [registerEventEnableStatusChangeHandler('scrolltolower')];
-            _private_updateUpperThreshold_decorators = [registerAttributeHandler('upper-threshold', true)];
-            _private_updateLowerThreshold_decorators = [registerAttributeHandler('lower-threshold', true)];
-            _private_handleScrollEventEnabled_decorators = [registerEventEnableStatusChangeHandler('lynxscroll')];
-            _private_handleScrollEndEventEnabled_decorators = [registerEventEnableStatusChangeHandler('lynxscrollend')];
-            __esDecorate(null, null, _private_handleScrollUpperThresholdEventEnabled_decorators, { kind: "field", name: "#handleScrollUpperThresholdEventEnabled", static: false, private: true, access: { has: obj => #handleScrollUpperThresholdEventEnabled in obj, get: obj => obj.#handleScrollUpperThresholdEventEnabled, set: (obj, value) => { obj.#handleScrollUpperThresholdEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollUpperThresholdEventEnabled_initializers, _private_handleScrollUpperThresholdEventEnabled_extraInitializers);
-            __esDecorate(null, null, _private_handleScrollLowerThresholdEventEnabled_decorators, { kind: "field", name: "#handleScrollLowerThresholdEventEnabled", static: false, private: true, access: { has: obj => #handleScrollLowerThresholdEventEnabled in obj, get: obj => obj.#handleScrollLowerThresholdEventEnabled, set: (obj, value) => { obj.#handleScrollLowerThresholdEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollLowerThresholdEventEnabled_initializers, _private_handleScrollLowerThresholdEventEnabled_extraInitializers);
-            __esDecorate(null, null, _private_updateUpperThreshold_decorators, { kind: "field", name: "#updateUpperThreshold", static: false, private: true, access: { has: obj => #updateUpperThreshold in obj, get: obj => obj.#updateUpperThreshold, set: (obj, value) => { obj.#updateUpperThreshold = value; } }, metadata: _metadata }, _private_updateUpperThreshold_initializers, _private_updateUpperThreshold_extraInitializers);
-            __esDecorate(null, null, _private_updateLowerThreshold_decorators, { kind: "field", name: "#updateLowerThreshold", static: false, private: true, access: { has: obj => #updateLowerThreshold in obj, get: obj => obj.#updateLowerThreshold, set: (obj, value) => { obj.#updateLowerThreshold = value; } }, metadata: _metadata }, _private_updateLowerThreshold_initializers, _private_updateLowerThreshold_extraInitializers);
-            __esDecorate(null, null, _private_handleScrollEventEnabled_decorators, { kind: "field", name: "#handleScrollEventEnabled", static: false, private: true, access: { has: obj => #handleScrollEventEnabled in obj, get: obj => obj.#handleScrollEventEnabled, set: (obj, value) => { obj.#handleScrollEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollEventEnabled_initializers, _private_handleScrollEventEnabled_extraInitializers);
-            __esDecorate(null, null, _private_handleScrollEndEventEnabled_decorators, { kind: "field", name: "#handleScrollEndEventEnabled", static: false, private: true, access: { has: obj => #handleScrollEndEventEnabled in obj, get: obj => obj.#handleScrollEndEventEnabled, set: (obj, value) => { obj.#handleScrollEndEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollEndEventEnabled_initializers, _private_handleScrollEndEventEnabled_extraInitializers);
+            __handleScrollUpperThresholdEventEnabled_decorators = [registerEventEnableStatusChangeHandler('scrolltoupper')];
+            __handleScrollLowerThresholdEventEnabled_decorators = [registerEventEnableStatusChangeHandler('scrolltolower')];
+            __updateUpperThreshold_decorators = [registerAttributeHandler('upper-threshold', true)];
+            __updateLowerThreshold_decorators = [registerAttributeHandler('lower-threshold', true)];
+            __handleScrollEventEnabled_decorators = [registerEventEnableStatusChangeHandler('lynxscroll')];
+            __handleScrollEndEventEnabled_decorators = [registerEventEnableStatusChangeHandler('lynxscrollend')];
+            __esDecorate(null, null, __handleScrollUpperThresholdEventEnabled_decorators, { kind: "field", name: "_handleScrollUpperThresholdEventEnabled", static: false, private: false, access: { has: obj => "_handleScrollUpperThresholdEventEnabled" in obj, get: obj => obj._handleScrollUpperThresholdEventEnabled, set: (obj, value) => { obj._handleScrollUpperThresholdEventEnabled = value; } }, metadata: _metadata }, __handleScrollUpperThresholdEventEnabled_initializers, __handleScrollUpperThresholdEventEnabled_extraInitializers);
+            __esDecorate(null, null, __handleScrollLowerThresholdEventEnabled_decorators, { kind: "field", name: "_handleScrollLowerThresholdEventEnabled", static: false, private: false, access: { has: obj => "_handleScrollLowerThresholdEventEnabled" in obj, get: obj => obj._handleScrollLowerThresholdEventEnabled, set: (obj, value) => { obj._handleScrollLowerThresholdEventEnabled = value; } }, metadata: _metadata }, __handleScrollLowerThresholdEventEnabled_initializers, __handleScrollLowerThresholdEventEnabled_extraInitializers);
+            __esDecorate(null, null, __updateUpperThreshold_decorators, { kind: "field", name: "_updateUpperThreshold", static: false, private: false, access: { has: obj => "_updateUpperThreshold" in obj, get: obj => obj._updateUpperThreshold, set: (obj, value) => { obj._updateUpperThreshold = value; } }, metadata: _metadata }, __updateUpperThreshold_initializers, __updateUpperThreshold_extraInitializers);
+            __esDecorate(null, null, __updateLowerThreshold_decorators, { kind: "field", name: "_updateLowerThreshold", static: false, private: false, access: { has: obj => "_updateLowerThreshold" in obj, get: obj => obj._updateLowerThreshold, set: (obj, value) => { obj._updateLowerThreshold = value; } }, metadata: _metadata }, __updateLowerThreshold_initializers, __updateLowerThreshold_extraInitializers);
+            __esDecorate(null, null, __handleScrollEventEnabled_decorators, { kind: "field", name: "_handleScrollEventEnabled", static: false, private: false, access: { has: obj => "_handleScrollEventEnabled" in obj, get: obj => obj._handleScrollEventEnabled, set: (obj, value) => { obj._handleScrollEventEnabled = value; } }, metadata: _metadata }, __handleScrollEventEnabled_initializers, __handleScrollEventEnabled_extraInitializers);
+            __esDecorate(null, null, __handleScrollEndEventEnabled_decorators, { kind: "field", name: "_handleScrollEndEventEnabled", static: false, private: false, access: { has: obj => "_handleScrollEndEventEnabled" in obj, get: obj => obj._handleScrollEndEventEnabled, set: (obj, value) => { obj._handleScrollEndEventEnabled = value; } }, metadata: _metadata }, __handleScrollEndEventEnabled_initializers, __handleScrollEndEventEnabled_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         #dom;
@@ -50,7 +50,7 @@ let ScrollViewEvents = (() => {
         #prevX = 0;
         #prevY = 0;
         constructor(dom) {
-            __runInitializers(this, _private_handleScrollEndEventEnabled_extraInitializers);
+            __runInitializers(this, __handleScrollEndEventEnabled_extraInitializers);
             this.#dom = dom;
         }
         #getScrollContainer = () => this.#dom;
@@ -78,22 +78,22 @@ let ScrollViewEvents = (() => {
             'upper-threshold',
             'lower-threshold',
         ];
-        #handleScrollUpperThresholdEventEnabled = __runInitializers(this, _private_handleScrollUpperThresholdEventEnabled_initializers, (enabled) => {
+        _handleScrollUpperThresholdEventEnabled = __runInitializers(this, __handleScrollUpperThresholdEventEnabled_initializers, (enabled) => {
             enabled
                 ? this.#dom.setAttribute('x-enable-scrolltoupper-event', '')
                 : this.#dom.removeAttribute('x-enable-scrolltoupper-event'); // css needs this;
             this.#updateUpperIntersectionObserver(enabled);
         });
-        #updateUpperIntersectionObserver = (__runInitializers(this, _private_handleScrollUpperThresholdEventEnabled_extraInitializers), bindToIntersectionObserver(this.#getScrollContainer, this.#getUpperThresholdObserverDom, this.#handleObserver));
-        #handleScrollLowerThresholdEventEnabled = __runInitializers(this, _private_handleScrollLowerThresholdEventEnabled_initializers, (enabled) => {
+        #updateUpperIntersectionObserver = (__runInitializers(this, __handleScrollUpperThresholdEventEnabled_extraInitializers), bindToIntersectionObserver(this.#getScrollContainer, this.#getUpperThresholdObserverDom, this.#handleObserver));
+        _handleScrollLowerThresholdEventEnabled = __runInitializers(this, __handleScrollLowerThresholdEventEnabled_initializers, (enabled) => {
             enabled
                 ? this.#dom.setAttribute('x-enable-scrolltolower-event', '')
                 : this.#dom.removeAttribute('x-enable-scrolltolower-event'); // css needs this;
             this.#updateLowerIntersectionObserver(enabled);
         });
-        #updateLowerIntersectionObserver = (__runInitializers(this, _private_handleScrollLowerThresholdEventEnabled_extraInitializers), bindToIntersectionObserver(this.#getScrollContainer, this.#getLowerThresholdObserverDom, this.#handleObserver));
-        #updateUpperThreshold = __runInitializers(this, _private_updateUpperThreshold_initializers, bindToStyle(this.#getUpperThresholdObserverDom, 'flex-basis', (v) => `${parseInt(v)}px`));
-        #updateLowerThreshold = (__runInitializers(this, _private_updateUpperThreshold_extraInitializers), __runInitializers(this, _private_updateLowerThreshold_initializers, bindToStyle(this.#getLowerThresholdObserverDom, 'flex-basis', (v) => `${parseInt(v)}px`)));
+        #updateLowerIntersectionObserver = (__runInitializers(this, __handleScrollLowerThresholdEventEnabled_extraInitializers), bindToIntersectionObserver(this.#getScrollContainer, this.#getLowerThresholdObserverDom, this.#handleObserver));
+        _updateUpperThreshold = __runInitializers(this, __updateUpperThreshold_initializers, bindToStyle(this.#getUpperThresholdObserverDom, 'flex-basis', (v) => `${parseInt(v)}px`));
+        _updateLowerThreshold = (__runInitializers(this, __updateUpperThreshold_extraInitializers), __runInitializers(this, __updateLowerThreshold_initializers, bindToStyle(this.#getLowerThresholdObserverDom, 'flex-basis', (v) => `${parseInt(v)}px`)));
         #getScrollDetail() {
             let { scrollTop, scrollLeft, scrollHeight, scrollWidth } = this
                 .#getScrollContainer();
@@ -116,7 +116,7 @@ let ScrollViewEvents = (() => {
             this.#prevY = scrollTop;
             return detail;
         }
-        #handleScroll = (__runInitializers(this, _private_updateLowerThreshold_extraInitializers), () => {
+        #handleScroll = (__runInitializers(this, __updateLowerThreshold_extraInitializers), () => {
             if (this.#scrollEndEventEnabled && !useScrollEnd) {
                 // debounce
                 clearTimeout(this.#debounceScrollForMockingScrollEnd);
@@ -136,12 +136,12 @@ let ScrollViewEvents = (() => {
             }));
         };
         #scrollEventEnabled = false;
-        #handleScrollEventEnabled = __runInitializers(this, _private_handleScrollEventEnabled_initializers, (enabled) => {
+        _handleScrollEventEnabled = __runInitializers(this, __handleScrollEventEnabled_initializers, (enabled) => {
             this.#scrollEventEnabled = enabled;
             this.#handleScrollEventsSwitches();
         });
-        #scrollEndEventEnabled = (__runInitializers(this, _private_handleScrollEventEnabled_extraInitializers), false);
-        #handleScrollEndEventEnabled = __runInitializers(this, _private_handleScrollEndEventEnabled_initializers, (enabled) => {
+        #scrollEndEventEnabled = (__runInitializers(this, __handleScrollEventEnabled_extraInitializers), false);
+        _handleScrollEndEventEnabled = __runInitializers(this, __handleScrollEndEventEnabled_initializers, (enabled) => {
             this.#scrollEndEventEnabled = enabled;
             this.#handleScrollEventsSwitches();
         });

package/dist/XAudioTT/XAudioAttribute.d.ts

@@ -3,5 +3,8 @@ import type { XAudioTT } from './XAudioTT.js';
 export declare class XAudioAttribute implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static observedAttributes: string[];
+    _handleSrc(newValue: string | null): void;
+    _handleLoop: (this: void, newVal: string | null) => void;
+    _handlePauseOnHide(newValue: string | null): void;
     constructor(dom: XAudioTT);
 }

package/dist/XAudioTT/XAudioAttribute.js

@@ -3,69 +3,26 @@
 // 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 { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 import { XAudioErrorCode, xAudioBlob, xAudioSrc } from './utils.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 let XAudioAttribute = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleSrc_decorators;
-    let _private_handleSrc_descriptor;
-    let _private_handleLoop_decorators;
-    let _private_handleLoop_initializers = [];
-    let _private_handleLoop_extraInitializers = [];
-    let _private_handlePauseOnHide_decorators;
-    let _private_handlePauseOnHide_descriptor;
+    let __handleSrc_decorators;
+    let __handleLoop_decorators;
+    let __handleLoop_initializers = [];
+    let __handleLoop_extraInitializers = [];
+    let __handlePauseOnHide_decorators;
     return class XAudioAttribute {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleSrc_decorators = [registerAttributeHandler('src', true)];
-            _private_handleLoop_decorators = [registerAttributeHandler('loop', true)];
-            _private_handlePauseOnHide_decorators = [registerAttributeHandler('pause-on-hide', true)];
-            __esDecorate(this, _private_handleSrc_descriptor = { value: __setFunctionName(function (newValue) {
-                    let parsedSrc;
-                    try {
-                        parsedSrc = JSON.parse(newValue || '') || {};
-                    }
-                    catch (error) {
-                        console.error(`JSON.parse src error: ${error}`);
-                        parsedSrc = {};
-                    }
-                    if (newValue === null) {
-                        this.#dom.dispatchEvent(new CustomEvent('error', {
-                            ...commonComponentEventSetting,
-                            detail: {
-                                code: XAudioErrorCode.SrcError,
-                                msg: '',
-                                from: 'res loader',
-                                currentSrcID: this.#dom[xAudioSrc]?.id,
-                            },
-                        }));
-                    }
-                    else if (parsedSrc?.id === undefined || parsedSrc?.play_url === undefined) {
-                        this.#dom.dispatchEvent(new CustomEvent('error', {
-                            ...commonComponentEventSetting,
-                            detail: {
-                                code: XAudioErrorCode.SrcJsonError,
-                                msg: '',
-                                from: 'res loader',
-                                currentSrcID: this.#dom[xAudioSrc]?.id,
-                            },
-                        }));
-                    }
-                    this.#dom[xAudioSrc] = parsedSrc;
-                    this.#dom[xAudioBlob] = undefined;
-                    this.#dom.stop();
-                }, "#handleSrc") }, _private_handleSrc_decorators, { kind: "method", name: "#handleSrc", static: false, private: true, access: { has: obj => #handleSrc in obj, get: obj => obj.#handleSrc }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handlePauseOnHide_descriptor = { value: __setFunctionName(function (newValue) {
-                    if (newValue !== null) {
-                        document.addEventListener('visibilitychange', this.#documentVisibilitychange, { passive: true });
-                    }
-                    else {
-                        document.removeEventListener('visibilitychange', this.#documentVisibilitychange);
-                    }
-                }, "#handlePauseOnHide") }, _private_handlePauseOnHide_decorators, { kind: "method", name: "#handlePauseOnHide", static: false, private: true, access: { has: obj => #handlePauseOnHide in obj, get: obj => obj.#handlePauseOnHide }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, null, _private_handleLoop_decorators, { kind: "field", name: "#handleLoop", static: false, private: true, access: { has: obj => #handleLoop in obj, get: obj => obj.#handleLoop, set: (obj, value) => { obj.#handleLoop = value; } }, metadata: _metadata }, _private_handleLoop_initializers, _private_handleLoop_extraInitializers);
+            __handleSrc_decorators = [registerAttributeHandler('src', true)];
+            __handleLoop_decorators = [registerAttributeHandler('loop', true)];
+            __handlePauseOnHide_decorators = [registerAttributeHandler('pause-on-hide', true)];
+            __esDecorate(this, null, __handleSrc_decorators, { kind: "method", name: "_handleSrc", static: false, private: false, access: { has: obj => "_handleSrc" in obj, get: obj => obj._handleSrc }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handlePauseOnHide_decorators, { kind: "method", name: "_handlePauseOnHide", static: false, private: false, access: { has: obj => "_handlePauseOnHide" in obj, get: obj => obj._handlePauseOnHide }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, __handleLoop_decorators, { kind: "field", name: "_handleLoop", static: false, private: false, access: { has: obj => "_handleLoop" in obj, get: obj => obj._handleLoop, set: (obj, value) => { obj._handleLoop = value; } }, metadata: _metadata }, __handleLoop_initializers, __handleLoop_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -75,15 +32,55 @@ let XAudioAttribute = (() => {
         ];
         #dom = __runInitializers(this, _instanceExtraInitializers);
         #getAudioElement = genDomGetter(() => this.#dom.shadowRoot, '#audio');
-        #setAudioSrc = bindToAttribute(this.#getAudioElement, 'src');
-        get #handleSrc() { return _private_handleSrc_descriptor.value; }
-        #handleLoop = __runInitializers(this, _private_handleLoop_initializers, bindToAttribute(this.#getAudioElement, 'loop'));
-        #documentVisibilitychange = (__runInitializers(this, _private_handleLoop_extraInitializers), () => {
+        _handleSrc(newValue) {
+            let parsedSrc;
+            try {
+                parsedSrc = JSON.parse(newValue || '') || {};
+            }
+            catch (error) {
+                console.error(`JSON.parse src error: ${error}`);
+                parsedSrc = {};
+            }
+            if (newValue === null) {
+                this.#dom.dispatchEvent(new CustomEvent('error', {
+                    ...commonComponentEventSetting,
+                    detail: {
+                        code: XAudioErrorCode.SrcError,
+                        msg: '',
+                        from: 'res loader',
+                        currentSrcID: this.#dom[xAudioSrc]?.id,
+                    },
+                }));
+            }
+            else if (parsedSrc?.id === undefined || parsedSrc?.play_url === undefined) {
+                this.#dom.dispatchEvent(new CustomEvent('error', {
+                    ...commonComponentEventSetting,
+                    detail: {
+                        code: XAudioErrorCode.SrcJsonError,
+                        msg: '',
+                        from: 'res loader',
+                        currentSrcID: this.#dom[xAudioSrc]?.id,
+                    },
+                }));
+            }
+            this.#dom[xAudioSrc] = parsedSrc;
+            this.#dom[xAudioBlob] = undefined;
+            this.#dom.stop();
+        }
+        _handleLoop = __runInitializers(this, __handleLoop_initializers, bindToAttribute(this.#getAudioElement, 'loop'));
+        #documentVisibilitychange = (__runInitializers(this, __handleLoop_extraInitializers), () => {
             if (document.visibilityState === 'hidden') {
                 this.#dom.pause();
             }
         });
-        get #handlePauseOnHide() { return _private_handlePauseOnHide_descriptor.value; }
+        _handlePauseOnHide(newValue) {
+            if (newValue !== null) {
+                document.addEventListener('visibilitychange', this.#documentVisibilitychange, { passive: true });
+            }
+            else {
+                document.removeEventListener('visibilitychange', this.#documentVisibilitychange);
+            }
+        }
         constructor(dom) {
             this.#dom = dom;
         }

package/dist/XFoldViewNg/XFoldviewNgEvents.d.ts

@@ -4,4 +4,6 @@ export declare class XFoldviewNgEvents implements InstanceType<AttributeReactive
     #private;
     constructor(dom: XFoldviewNg);
     static observedAttributes: string[];
+    _handleGranularity(newVal: string | null): void;
+    _enableOffsetEvent(enable: boolean): void;
 }