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

package/dist/XList/XListWaterfall.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
@@ -9,74 +9,15 @@ const WATERFALL_SLOT = 'waterfall-slot';
 const WATERFALL_STYLE = 'waterfall-style';
 let XListWaterfall = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleXEnableHeaderOffsetEvent_decorators;
-    let _private_handleXEnableHeaderOffsetEvent_descriptor;
-    let _private_handlerListType_decorators;
-    let _private_handlerListType_descriptor;
+    let __handleXEnableHeaderOffsetEvent_decorators;
+    let __handlerListType_decorators;
     return class XListWaterfall {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleXEnableHeaderOffsetEvent_decorators = [registerEventEnableStatusChangeHandler('scrolltolower')];
-            _private_handlerListType_decorators = [registerAttributeHandler('list-type', true)];
-            __esDecorate(this, _private_handleXEnableHeaderOffsetEvent_descriptor = { value: __setFunctionName(function (enableScrollToLower) {
-                    enableScrollToLower
-                        ? this.#dom.setAttribute('x-enable-scrolltolower-event', '')
-                        : this.#dom.removeAttribute('x-enable-scrolltolower-event'); // css needs this;
-                    if (enableScrollToLower) {
-                        const lower = this.#getLowerThresholdObserver();
-                        const scrollOrientation = this.#dom.getAttribute('scroll-orientation')
-                            || 'vertical';
-                        const listContent = this.#getListContainer();
-                        // under waterfall, and when the list-item does not have a specified height, obtaining the correct scrollable value takes some time.
-                        setTimeout(() => {
-                            if (scrollOrientation === 'vertical') {
-                                lower.style.setProperty('top', 
-                                // Firefox cannot trigger the bottom IntersectionObserver
-                                `${String(listContent.scrollHeight - 1)}px`, 'important');
-                                // Firefox needs this
-                                lower.style.setProperty('bottom', 'unset', 'important');
-                            }
-                            else {
-                                lower.style.setProperty('left', 
-                                // Firefox cannot trigger the bottom IntersectionObserver
-                                `${String(listContent.scrollWidth - 1)}px`, 'important');
-                                // Firefox needs this
-                                lower.style.setProperty('right', 'unset', 'important');
-                            }
-                        }, 100);
-                    }
-                }, "#handleXEnableHeaderOffsetEvent") }, _private_handleXEnableHeaderOffsetEvent_decorators, { kind: "method", name: "#handleXEnableHeaderOffsetEvent", static: false, private: true, access: { has: obj => #handleXEnableHeaderOffsetEvent in obj, get: obj => obj.#handleXEnableHeaderOffsetEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handlerListType_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal === 'waterfall') {
-                        this.#createWaterfallContainer();
-                        if (!this.#resizeObserver) {
-                            this.#resizeObserverInit();
-                        }
-                        if (!this.#childrenObserver) {
-                            this.#childrenObserver = new MutationObserver((mutationList) => {
-                                const mutation = mutationList?.[0];
-                                if (mutation?.type === 'childList') {
-                                    this.#resizeObserverInit();
-                                }
-                            });
-                            this.#childrenObserver.observe(this.#dom, {
-                                childList: true,
-                            });
-                        }
-                    }
-                    else {
-                        this.#resizeObserver?.disconnect();
-                        this.#resizeObserver = undefined;
-                        this.#childrenObserver?.disconnect();
-                        this.#childrenObserver = undefined;
-                        for (let i = 0; i < this.#dom.children.length; i++) {
-                            const listItem = this.#dom.children[i];
-                            listItem.removeAttribute('slot');
-                        }
-                        this.#dom.shadowRoot?.querySelector(`slot[name=${WATERFALL_SLOT}]`)
-                            ?.remove();
-                    }
-                }, "#handlerListType") }, _private_handlerListType_decorators, { kind: "method", name: "#handlerListType", static: false, private: true, access: { has: obj => #handlerListType in obj, get: obj => obj.#handlerListType }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleXEnableHeaderOffsetEvent_decorators = [registerEventEnableStatusChangeHandler('scrolltolower')];
+            __handlerListType_decorators = [registerAttributeHandler('list-type', true)];
+            __esDecorate(this, null, __handleXEnableHeaderOffsetEvent_decorators, { kind: "method", name: "_handleXEnableHeaderOffsetEvent", static: false, private: false, access: { has: obj => "_handleXEnableHeaderOffsetEvent" in obj, get: obj => obj._handleXEnableHeaderOffsetEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handlerListType_decorators, { kind: "method", name: "_handlerListType", static: false, private: false, access: { has: obj => "_handlerListType" in obj, get: obj => obj._handlerListType }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['list-type'];
@@ -85,7 +26,34 @@ let XListWaterfall = (() => {
         #getLowerThresholdObserver = genDomGetter(() => this.#dom.shadowRoot, 'div[part="lower-threshold-observer"]');
         #resizeObserver;
         #childrenObserver;
-        get #handleXEnableHeaderOffsetEvent() { return _private_handleXEnableHeaderOffsetEvent_descriptor.value; }
+        _handleXEnableHeaderOffsetEvent(enableScrollToLower) {
+            enableScrollToLower
+                ? this.#dom.setAttribute('x-enable-scrolltolower-event', '')
+                : this.#dom.removeAttribute('x-enable-scrolltolower-event'); // css needs this;
+            if (enableScrollToLower) {
+                const lower = this.#getLowerThresholdObserver();
+                const scrollOrientation = this.#dom.getAttribute('scroll-orientation')
+                    || 'vertical';
+                const listContent = this.#getListContainer();
+                // under waterfall, and when the list-item does not have a specified height, obtaining the correct scrollable value takes some time.
+                setTimeout(() => {
+                    if (scrollOrientation === 'vertical') {
+                        lower.style.setProperty('top', 
+                        // Firefox cannot trigger the bottom IntersectionObserver
+                        `${String(listContent.scrollHeight - 1)}px`, 'important');
+                        // Firefox needs this
+                        lower.style.setProperty('bottom', 'unset', 'important');
+                    }
+                    else {
+                        lower.style.setProperty('left', 
+                        // Firefox cannot trigger the bottom IntersectionObserver
+                        `${String(listContent.scrollWidth - 1)}px`, 'important');
+                        // Firefox needs this
+                        lower.style.setProperty('right', 'unset', 'important');
+                    }
+                }, 100);
+            }
+        }
         #createWaterfallContainer = () => {
             const waterfallSlot = document.createElement('slot');
             waterfallSlot.setAttribute('name', `${WATERFALL_SLOT}`);
@@ -171,7 +139,37 @@ let XListWaterfall = (() => {
                 this.#resizeObserver?.observe(element);
             });
         };
-        get #handlerListType() { return _private_handlerListType_descriptor.value; }
+        _handlerListType(newVal) {
+            if (newVal === 'waterfall') {
+                this.#createWaterfallContainer();
+                if (!this.#resizeObserver) {
+                    this.#resizeObserverInit();
+                }
+                if (!this.#childrenObserver) {
+                    this.#childrenObserver = new MutationObserver((mutationList) => {
+                        const mutation = mutationList?.[0];
+                        if (mutation?.type === 'childList') {
+                            this.#resizeObserverInit();
+                        }
+                    });
+                    this.#childrenObserver.observe(this.#dom, {
+                        childList: true,
+                    });
+                }
+            }
+            else {
+                this.#resizeObserver?.disconnect();
+                this.#resizeObserver = undefined;
+                this.#childrenObserver?.disconnect();
+                this.#childrenObserver = undefined;
+                for (let i = 0; i < this.#dom.children.length; i++) {
+                    const listItem = this.#dom.children[i];
+                    listItem.removeAttribute('slot');
+                }
+                this.#dom.shadowRoot?.querySelector(`slot[name=${WATERFALL_SLOT}]`)
+                    ?.remove();
+            }
+        }
     };
 })();
 export { XListWaterfall };

package/dist/XOverlayNg/XOverlayAttributes.d.ts

@@ -4,5 +4,7 @@ export declare class XOverlayAttributes implements InstanceType<AttributeReactiv
     #private;
     static observedAttributes: string[];
     constructor(dom: XOverlayNg);
+    _handleEventsPassThrough(newVal: string | null): void;
+    _handleVisible(newVal: string | null): void;
     connectedCallback(): void;
 }

package/dist/XOverlayNg/XOverlayAttributes.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
@@ -8,40 +8,15 @@ import { commonComponentEventSetting } from '../common/commonEventInitConfigurat
 import { registerAttributeHandler, genDomGetter, } from '@lynx-js/web-elements-reactive';
 let XOverlayAttributes = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleEventsPassThrough_decorators;
-    let _private_handleEventsPassThrough_descriptor;
-    let _private_handleVisible_decorators;
-    let _private_handleVisible_descriptor;
+    let __handleEventsPassThrough_decorators;
+    let __handleVisible_decorators;
     return class XOverlayAttributes {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleEventsPassThrough_decorators = [registerAttributeHandler('events-pass-through', true)];
-            _private_handleVisible_decorators = [registerAttributeHandler('visible', false)];
-            __esDecorate(this, _private_handleEventsPassThrough_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal !== null) {
-                        this.#getDialogDom().addEventListener('click', this.#portalEventToMainDocument, { passive: false });
-                        this.#dom.addEventListener('click', this.#portalEventToMainDocument, {
-                            passive: false,
-                        });
-                    }
-                    else {
-                        this.#getDialogDom().removeEventListener('click', this.#portalEventToMainDocument);
-                        this.#dom.removeEventListener('click', this.#portalEventToMainDocument);
-                    }
-                }, "#handleEventsPassThrough") }, _private_handleEventsPassThrough_decorators, { kind: "method", name: "#handleEventsPassThrough", static: false, private: true, access: { has: obj => #handleEventsPassThrough in obj, get: obj => obj.#handleEventsPassThrough }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleVisible_descriptor = { value: __setFunctionName(function (newVal) {
-                    this.#visible = newVal !== null;
-                    if (this.#useModernDialog) {
-                        if (this.#visible) {
-                            this.#getDialogDom().showModal();
-                            this.#dom.dispatchEvent(new CustomEvent('showoverlay', commonComponentEventSetting));
-                        }
-                        else {
-                            this.#getDialogDom().close();
-                            this.#dom.dispatchEvent(new CustomEvent('dismissoverlay', commonComponentEventSetting));
-                        }
-                    }
-                }, "#handleVisible") }, _private_handleVisible_decorators, { kind: "method", name: "#handleVisible", static: false, private: true, access: { has: obj => #handleVisible in obj, get: obj => obj.#handleVisible }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleEventsPassThrough_decorators = [registerAttributeHandler('events-pass-through', true)];
+            __handleVisible_decorators = [registerAttributeHandler('visible', false)];
+            __esDecorate(this, null, __handleEventsPassThrough_decorators, { kind: "method", name: "_handleEventsPassThrough", static: false, private: false, access: { has: obj => "_handleEventsPassThrough" in obj, get: obj => obj._handleEventsPassThrough }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleVisible_decorators, { kind: "method", name: "_handleVisible", static: false, private: false, access: { has: obj => "_handleVisible" in obj, get: obj => obj._handleVisible }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['visible', 'events-pass-through'];
@@ -52,8 +27,31 @@ let XOverlayAttributes = (() => {
             this.#dom = dom;
         }
         #getDialogDom = genDomGetter(() => this.#dom.shadowRoot, '#dialog');
-        get #handleEventsPassThrough() { return _private_handleEventsPassThrough_descriptor.value; }
-        get #handleVisible() { return _private_handleVisible_descriptor.value; }
+        _handleEventsPassThrough(newVal) {
+            if (newVal !== null) {
+                this.#getDialogDom().addEventListener('click', this.#portalEventToMainDocument, { passive: false });
+                this.#dom.addEventListener('click', this.#portalEventToMainDocument, {
+                    passive: false,
+                });
+            }
+            else {
+                this.#getDialogDom().removeEventListener('click', this.#portalEventToMainDocument);
+                this.#dom.removeEventListener('click', this.#portalEventToMainDocument);
+            }
+        }
+        _handleVisible(newVal) {
+            this.#visible = newVal !== null;
+            if (this.#useModernDialog) {
+                if (this.#visible) {
+                    this.#getDialogDom().showModal();
+                    this.#dom.dispatchEvent(new CustomEvent('showoverlay', commonComponentEventSetting));
+                }
+                else {
+                    this.#getDialogDom().close();
+                    this.#dom.dispatchEvent(new CustomEvent('dismissoverlay', commonComponentEventSetting));
+                }
+            }
+        }
         #portalEventToMainDocument = (e) => {
             e.stopPropagation();
             const diaglogDom = this.#getDialogDom();

package/dist/XRefreshView/XRefreshViewEventsEmitter.d.ts

@@ -4,5 +4,7 @@ export declare class XRefreshViewEventsEmitter implements InstanceType<Attribute
     #private;
     static observedAttributes: never[];
     constructor(dom: XRefreshView);
+    _handleComplexEventEnableAttributes(status: boolean, eventName: string): void;
+    _handleXEnableHeaderOffsetEvent(status: boolean, eventName: string): void;
     dispose(): void;
 }

package/dist/XRefreshView/XRefreshViewEventsEmitter.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
@@ -10,42 +10,15 @@ import { commonComponentEventSetting } from '../common/commonEventInitConfigurat
 import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
 let XRefreshViewEventsEmitter = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleComplexEventEnableAttributes_decorators;
-    let _private_handleComplexEventEnableAttributes_descriptor;
-    let _private_handleXEnableHeaderOffsetEvent_decorators;
-    let _private_handleXEnableHeaderOffsetEvent_descriptor;
+    let __handleComplexEventEnableAttributes_decorators;
+    let __handleXEnableHeaderOffsetEvent_decorators;
     return class XRefreshViewEventsEmitter {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleComplexEventEnableAttributes_decorators = [registerEventEnableStatusChangeHandler('headeroffset'), registerEventEnableStatusChangeHandler('headershow'), registerEventEnableStatusChangeHandler('footeroffset')];
-            _private_handleXEnableHeaderOffsetEvent_decorators = [registerEventEnableStatusChangeHandler('startrefresh'), registerEventEnableStatusChangeHandler('headerreleased'), registerEventEnableStatusChangeHandler('startloadmore'), registerEventEnableStatusChangeHandler('footerreleased')];
-            __esDecorate(this, _private_handleComplexEventEnableAttributes_descriptor = { value: __setFunctionName(function (status, eventName) {
-                    this
-                        .#eventSwitches[eventName] = status;
-                    const { headeroffset, headershow, footeroffset } = this.#eventSwitches;
-                    if (headeroffset
-                        || headershow
-                        || footeroffset) {
-                        this.#enableComplexRefreshViewEvents();
-                    }
-                    else {
-                        this.#disableComplexRefreshViewEvents();
-                    }
-                }, "#handleComplexEventEnableAttributes") }, _private_handleComplexEventEnableAttributes_decorators, { kind: "method", name: "#handleComplexEventEnableAttributes", static: false, private: true, access: { has: obj => #handleComplexEventEnableAttributes in obj, get: obj => obj.#handleComplexEventEnableAttributes }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleXEnableHeaderOffsetEvent_descriptor = { value: __setFunctionName(function (status, eventName) {
-                    this
-                        .#eventSwitches[eventName] = status;
-                    const { startrefresh, headerreleased, startloadmore, footerreleased } = this.#eventSwitches;
-                    if (headerreleased
-                        || footerreleased
-                        || startloadmore
-                        || startrefresh) {
-                        this.#enableSimpleRefreshViewEvents();
-                    }
-                    else {
-                        this.#disableSimpleRefreshViewEvents();
-                    }
-                }, "#handleXEnableHeaderOffsetEvent") }, _private_handleXEnableHeaderOffsetEvent_decorators, { kind: "method", name: "#handleXEnableHeaderOffsetEvent", static: false, private: true, access: { has: obj => #handleXEnableHeaderOffsetEvent in obj, get: obj => obj.#handleXEnableHeaderOffsetEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleComplexEventEnableAttributes_decorators = [registerEventEnableStatusChangeHandler('headeroffset'), registerEventEnableStatusChangeHandler('headershow'), registerEventEnableStatusChangeHandler('footeroffset')];
+            __handleXEnableHeaderOffsetEvent_decorators = [registerEventEnableStatusChangeHandler('startrefresh'), registerEventEnableStatusChangeHandler('headerreleased'), registerEventEnableStatusChangeHandler('startloadmore'), registerEventEnableStatusChangeHandler('footerreleased')];
+            __esDecorate(this, null, __handleComplexEventEnableAttributes_decorators, { kind: "method", name: "_handleComplexEventEnableAttributes", static: false, private: false, access: { has: obj => "_handleComplexEventEnableAttributes" in obj, get: obj => obj._handleComplexEventEnableAttributes }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleXEnableHeaderOffsetEvent_decorators, { kind: "method", name: "_handleXEnableHeaderOffsetEvent", static: false, private: false, access: { has: obj => "_handleXEnableHeaderOffsetEvent" in obj, get: obj => obj._handleXEnableHeaderOffsetEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         #dom = __runInitializers(this, _instanceExtraInitializers);
@@ -66,8 +39,33 @@ let XRefreshViewEventsEmitter = (() => {
             startloadmore: false,
         };
         // complex events switches
-        get #handleComplexEventEnableAttributes() { return _private_handleComplexEventEnableAttributes_descriptor.value; }
-        get #handleXEnableHeaderOffsetEvent() { return _private_handleXEnableHeaderOffsetEvent_descriptor.value; }
+        _handleComplexEventEnableAttributes(status, eventName) {
+            this
+                .#eventSwitches[eventName] = status;
+            const { headeroffset, headershow, footeroffset } = this.#eventSwitches;
+            if (headeroffset
+                || headershow
+                || footeroffset) {
+                this.#enableComplexRefreshViewEvents();
+            }
+            else {
+                this.#disableComplexRefreshViewEvents();
+            }
+        }
+        _handleXEnableHeaderOffsetEvent(status, eventName) {
+            this
+                .#eventSwitches[eventName] = status;
+            const { startrefresh, headerreleased, startloadmore, footerreleased } = this.#eventSwitches;
+            if (headerreleased
+                || footerreleased
+                || startloadmore
+                || startrefresh) {
+                this.#enableSimpleRefreshViewEvents();
+            }
+            else {
+                this.#disableSimpleRefreshViewEvents();
+            }
+        }
         /**
          * handle header/footer showing events
          */
@@ -166,7 +164,6 @@ let XRefreshViewEventsEmitter = (() => {
                 if (footer) {
                     const contentDom = this.#dom.shadowRoot.querySelector('#container');
                     const scrollTop = contentDom.scrollTop;
-                    const scrollHeight = contentDom.scrollHeight;
                     const height = parseFloat(getComputedStyle(footer).height);
                     this.#dom.dispatchEvent(new CustomEvent('footeroffset', {
                         ...commonComponentEventSetting,

package/dist/XSvg/XSvg.d.ts

@@ -2,6 +2,9 @@ import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 export declare class XSvgFeatures implements InstanceType<AttributeReactiveClass<typeof XSvg>> {
     #private;
     static observedAttributes: string[];
+    _handleSrc(newVal: string | null): void;
+    _handleContent(content: string | null): void;
+    _enableLoadEvent(status: boolean): void;
     constructor(dom: HTMLElement);
 }
 export declare class XSvg extends HTMLElement {

package/dist/XSvg/XSvg.js

@@ -1,67 +1,64 @@
-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
 // LICENSE file in the root directory of this source tree.
 */
-import { Component, bindToStyle, genDomGetter, registerAttributeHandler, registerEventEnableStatusChangeHandler, } from '@lynx-js/web-elements-reactive';
+import { Component, genDomGetter, registerAttributeHandler, registerEventEnableStatusChangeHandler, } from '@lynx-js/web-elements-reactive';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 import { templateXSvg } from '@lynx-js/web-elements-template';
 let XSvgFeatures = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleSrc_decorators;
-    let _private_handleSrc_descriptor;
-    let _private_handleContent_decorators;
-    let _private_handleContent_descriptor;
-    let _private_enableLoadEvent_decorators;
-    let _private_enableLoadEvent_descriptor;
+    let __handleSrc_decorators;
+    let __handleContent_decorators;
+    let __enableLoadEvent_decorators;
     return class XSvgFeatures {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleSrc_decorators = [registerAttributeHandler('src', true)];
-            _private_handleContent_decorators = [registerAttributeHandler('content', true)];
-            _private_enableLoadEvent_decorators = [registerEventEnableStatusChangeHandler('load')];
-            __esDecorate(this, _private_handleSrc_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (!newVal) {
-                        this.#getImg().src = '';
-                    }
-                    else {
-                        this.#getImg().src = newVal;
-                    }
-                }, "#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_handleContent_descriptor = { value: __setFunctionName(function (content) {
-                    this.#url && URL.revokeObjectURL(this.#url);
-                    if (!content) {
-                        this.#url = '';
-                        return;
-                    }
-                    const blob = new Blob([content], {
-                        type: 'image/svg+xml;charset=UTF-8',
-                    });
-                    const src = URL.createObjectURL(blob);
-                    this.#url = src;
-                    this.#getImg().src = src;
-                }, "#handleContent") }, _private_handleContent_decorators, { kind: "method", name: "#handleContent", static: false, private: true, access: { has: obj => #handleContent in obj, get: obj => obj.#handleContent }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_enableLoadEvent_descriptor = { value: __setFunctionName(function (status) {
-                    if (status) {
-                        this.#getImg().addEventListener('load', this.#teleportLoadEvent, {
-                            passive: true,
-                        });
-                    }
-                    else {
-                        this.#getImg().removeEventListener('load', this.#teleportLoadEvent);
-                    }
-                }, "#enableLoadEvent") }, _private_enableLoadEvent_decorators, { kind: "method", name: "#enableLoadEvent", static: false, private: true, access: { has: obj => #enableLoadEvent in obj, get: obj => obj.#enableLoadEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleSrc_decorators = [registerAttributeHandler('src', true)];
+            __handleContent_decorators = [registerAttributeHandler('content', true)];
+            __enableLoadEvent_decorators = [registerEventEnableStatusChangeHandler('load')];
+            __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, __handleContent_decorators, { kind: "method", name: "_handleContent", static: false, private: false, access: { has: obj => "_handleContent" in obj, get: obj => obj._handleContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __enableLoadEvent_decorators, { kind: "method", name: "_enableLoadEvent", static: false, private: false, access: { has: obj => "_enableLoadEvent" in obj, get: obj => obj._enableLoadEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['src', 'content'];
         #dom = __runInitializers(this, _instanceExtraInitializers);
         #url = null;
         #getImg = genDomGetter(() => this.#dom.shadowRoot, '#img');
-        get #handleSrc() { return _private_handleSrc_descriptor.value; }
-        get #handleContent() { return _private_handleContent_descriptor.value; }
-        get #enableLoadEvent() { return _private_enableLoadEvent_descriptor.value; }
+        _handleSrc(newVal) {
+            if (!newVal) {
+                this.#getImg().src = '';
+            }
+            else {
+                this.#getImg().src = newVal;
+            }
+        }
+        _handleContent(content) {
+            this.#url && URL.revokeObjectURL(this.#url);
+            if (!content) {
+                this.#url = '';
+                return;
+            }
+            const blob = new Blob([content], {
+                type: 'image/svg+xml;charset=UTF-8',
+            });
+            const src = URL.createObjectURL(blob);
+            this.#url = src;
+            this.#getImg().src = src;
+        }
+        _enableLoadEvent(status) {
+            if (status) {
+                this.#getImg().addEventListener('load', this.#teleportLoadEvent, {
+                    passive: true,
+                });
+            }
+            else {
+                this.#getImg().removeEventListener('load', this.#teleportLoadEvent);
+            }
+        }
         #teleportLoadEvent = () => {
             this.#dom.dispatchEvent(new CustomEvent('load', {
                 ...commonComponentEventSetting,

package/dist/XSwiper/XSwiperAutoScroll.d.ts

@@ -4,5 +4,7 @@ export declare class XSwiperAutoScroll implements InstanceType<AttributeReactive
     #private;
     static observedAttributes: string[];
     constructor(dom: XSwiper);
+    _handleCurrentChange(newVal: string | null): void;
+    _handleAutoplay(): void;
     dispose(): void;
 }

package/dist/XSwiper/XSwiperAutoScroll.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,31 +7,15 @@ import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 import { registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let XSwiperAutoScroll = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleCurrentChange_decorators;
-    let _private_handleCurrentChange_descriptor;
-    let _private_handleAutoplay_decorators;
-    let _private_handleAutoplay_descriptor;
+    let __handleCurrentChange_decorators;
+    let __handleAutoplay_decorators;
     return class XSwiperAutoScroll {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleCurrentChange_decorators = [registerAttributeHandler('current', false)];
-            _private_handleAutoplay_decorators = [registerAttributeHandler('interval', false), registerAttributeHandler('autoplay', false)];
-            __esDecorate(this, _private_handleCurrentChange_descriptor = { value: __setFunctionName(function (newVal) {
-                    const newval = Number(newVal);
-                    if (!Number.isNaN(newval)) {
-                        this.#dom.currentIndex = newval;
-                    }
-                }, "#handleCurrentChange") }, _private_handleCurrentChange_decorators, { kind: "method", name: "#handleCurrentChange", static: false, private: true, access: { has: obj => #handleCurrentChange in obj, get: obj => obj.#handleCurrentChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleAutoplay_descriptor = { value: __setFunctionName(function () {
-                    const enableAutoPlay = this.#dom.getAttribute('autoplay') !== null;
-                    if (enableAutoPlay) {
-                        const interval = this.#dom.getAttribute('interval');
-                        let intervalValue = interval ? parseFloat(interval) : 5000;
-                        if (Number.isNaN(intervalValue))
-                            intervalValue = 5000;
-                        this.#startAutoplay(intervalValue);
-                    }
-                }, "#handleAutoplay") }, _private_handleAutoplay_decorators, { kind: "method", name: "#handleAutoplay", static: false, private: true, access: { has: obj => #handleAutoplay in obj, get: obj => obj.#handleAutoplay }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleCurrentChange_decorators = [registerAttributeHandler('current', false)];
+            __handleAutoplay_decorators = [registerAttributeHandler('interval', false), registerAttributeHandler('autoplay', false)];
+            __esDecorate(this, null, __handleCurrentChange_decorators, { kind: "method", name: "_handleCurrentChange", static: false, private: false, access: { has: obj => "_handleCurrentChange" in obj, get: obj => obj._handleCurrentChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleAutoplay_decorators, { kind: "method", name: "_handleAutoplay", static: false, private: false, access: { has: obj => "_handleAutoplay" in obj, get: obj => obj._handleAutoplay }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['current', 'interval', 'autoplay'];
@@ -52,7 +36,12 @@ let XSwiperAutoScroll = (() => {
                 this.#dom.currentIndex += 1;
             }
         }
-        get #handleCurrentChange() { return _private_handleCurrentChange_descriptor.value; }
+        _handleCurrentChange(newVal) {
+            const newval = Number(newVal);
+            if (!Number.isNaN(newval)) {
+                this.#dom.currentIndex = newval;
+            }
+        }
         #autoPlayTimer;
         #autoPlayTick = (() => {
             this.#scrollToNext();
@@ -66,7 +55,16 @@ let XSwiperAutoScroll = (() => {
                 clearInterval(this.#autoPlayTimer);
             }
         }
-        get #handleAutoplay() { return _private_handleAutoplay_descriptor.value; }
+        _handleAutoplay() {
+            const enableAutoPlay = this.#dom.getAttribute('autoplay') !== null;
+            if (enableAutoPlay) {
+                const interval = this.#dom.getAttribute('interval');
+                let intervalValue = interval ? parseFloat(interval) : 5000;
+                if (Number.isNaN(intervalValue))
+                    intervalValue = 5000;
+                this.#startAutoplay(intervalValue);
+            }
+        }
         dispose() {
             this.#stopAutoplay();
         }

package/dist/XSwiper/XSwiperCircular.d.ts

@@ -4,5 +4,7 @@ export declare class XSwiperCircular implements InstanceType<AttributeReactiveCl
     #private;
     static observedAttributes: string[];
     constructor(dom: XSwiper);
+    _handleCircular(newVal: string | null): void;
+    _handleVerticalChange(newVal: string | null): void;
     dispose(): void;
 }