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

package/dist/XSwiper/XSwiperCircular.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 { bindSwitchToEventListener, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let XSwiperCircular = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleCircular_decorators;
-    let _private_handleCircular_descriptor;
-    let _private_handleVerticalChange_decorators;
-    let _private_handleVerticalChange_descriptor;
+    let __handleCircular_decorators;
+    let __handleVerticalChange_decorators;
     return class XSwiperCircular {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleCircular_decorators = [registerAttributeHandler('circular', false)];
-            _private_handleVerticalChange_decorators = [registerAttributeHandler('vertical', true)];
-            __esDecorate(this, _private_handleCircular_descriptor = { value: __setFunctionName(function (newVal) {
-                    this.#listeners.forEach((l) => l(newVal != null));
-                    if (newVal !== null) {
-                        this.#changeEventHandler({
-                            detail: {
-                                current: this.#dom.currentIndex,
-                                isDragged: false,
-                                __isFirstLayout: true,
-                            },
-                        });
-                    }
-                }, "#handleCircular") }, _private_handleCircular_decorators, { kind: "method", name: "#handleCircular", static: false, private: true, access: { has: obj => #handleCircular in obj, get: obj => obj.#handleCircular }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleVerticalChange_descriptor = { value: __setFunctionName(function (newVal) {
-                    const enable = newVal !== null;
-                    this.#isVertical = enable;
-                }, "#handleVerticalChange") }, _private_handleVerticalChange_decorators, { kind: "method", name: "#handleVerticalChange", static: false, private: true, access: { has: obj => #handleVerticalChange in obj, get: obj => obj.#handleVerticalChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleCircular_decorators = [registerAttributeHandler('circular', false)];
+            __handleVerticalChange_decorators = [registerAttributeHandler('vertical', true)];
+            __esDecorate(this, null, __handleCircular_decorators, { kind: "method", name: "_handleCircular", static: false, private: false, access: { has: obj => "_handleCircular" in obj, get: obj => obj._handleCircular }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleVerticalChange_decorators, { kind: "method", name: "_handleVerticalChange", static: false, private: false, access: { has: obj => "_handleVerticalChange" in obj, get: obj => obj._handleVerticalChange }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['circular', 'vertical'];
@@ -138,7 +122,18 @@ let XSwiperCircular = (() => {
             bindSwitchToEventListener(() => this.#dom, 'touchend', this.#handleEndEvent.bind(this), { passive: false }),
             bindSwitchToEventListener(() => this.#dom, 'touchcancel', this.#handleEndEvent.bind(this), { passive: false }),
         ];
-        get #handleCircular() { return _private_handleCircular_descriptor.value; }
+        _handleCircular(newVal) {
+            this.#listeners.forEach((l) => l(newVal != null));
+            if (newVal !== null) {
+                this.#changeEventHandler({
+                    detail: {
+                        current: this.#dom.currentIndex,
+                        isDragged: false,
+                        __isFirstLayout: true,
+                    },
+                });
+            }
+        }
         #handleTouchEvent(event) {
             const touch = event.touches.item(0);
             if (touch) {
@@ -157,7 +152,10 @@ let XSwiperCircular = (() => {
             this.#scrollToSnapPosition();
             this.#pervTouchPosition = undefined;
         }
-        get #handleVerticalChange() { return _private_handleVerticalChange_descriptor.value; }
+        _handleVerticalChange(newVal) {
+            const enable = newVal !== null;
+            this.#isVertical = enable;
+        }
         #scrollTimer;
         #startScrolling() {
             if (!this.#scrollTimer) {

package/dist/XSwiper/XSwiperEvents.d.ts

@@ -4,5 +4,7 @@ export declare class XSwipeEvents implements InstanceType<AttributeReactiveClass
     #private;
     static observedAttributes: never[];
     constructor(dom: XSwiper);
+    _handleEnableTransitionEvent: (this: void, enable: boolean) => void;
+    _enableScrollEventProcessor(value: boolean, eventName: string): void;
     connectedCallback(): void;
 }

package/dist/XSwiper/XSwiperEvents.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,25 +10,17 @@ import { useScrollEnd } from '../common/constants.js';
 import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
 let XSwipeEvents = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleEnableTransitionEvent_decorators;
-    let _private_handleEnableTransitionEvent_initializers = [];
-    let _private_handleEnableTransitionEvent_extraInitializers = [];
-    let _private_enableScrollEventProcessor_decorators;
-    let _private_enableScrollEventProcessor_descriptor;
+    let __handleEnableTransitionEvent_decorators;
+    let __handleEnableTransitionEvent_initializers = [];
+    let __handleEnableTransitionEvent_extraInitializers = [];
+    let __enableScrollEventProcessor_decorators;
     return class XSwipeEvents {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleEnableTransitionEvent_decorators = [registerEventEnableStatusChangeHandler('transition')];
-            _private_enableScrollEventProcessor_decorators = [registerEventEnableStatusChangeHandler('scrollstart'), registerEventEnableStatusChangeHandler('lynxscrollend'), registerEventEnableStatusChangeHandler('change'), registerEventEnableStatusChangeHandler('change-event-for-indicator')];
-            __esDecorate(this, _private_enableScrollEventProcessor_descriptor = { value: __setFunctionName(function (value, eventName) {
-                    this
-                        .#eventSwitches[eventName] = value;
-                    const { lynxscrollend, scrollstart, change } = this.#eventSwitches;
-                    const changeEventEnabled = change || lynxscrollend || scrollstart
-                        || this.#eventSwitches['change-event-for-indicator'];
-                    this.#listeners.forEach((l) => l(changeEventEnabled));
-                }, "#enableScrollEventProcessor") }, _private_enableScrollEventProcessor_decorators, { kind: "method", name: "#enableScrollEventProcessor", static: false, private: true, access: { has: obj => #enableScrollEventProcessor in obj, get: obj => obj.#enableScrollEventProcessor }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, null, _private_handleEnableTransitionEvent_decorators, { kind: "field", name: "#handleEnableTransitionEvent", static: false, private: true, access: { has: obj => #handleEnableTransitionEvent in obj, get: obj => obj.#handleEnableTransitionEvent, set: (obj, value) => { obj.#handleEnableTransitionEvent = value; } }, metadata: _metadata }, _private_handleEnableTransitionEvent_initializers, _private_handleEnableTransitionEvent_extraInitializers);
+            __handleEnableTransitionEvent_decorators = [registerEventEnableStatusChangeHandler('transition')];
+            __enableScrollEventProcessor_decorators = [registerEventEnableStatusChangeHandler('scrollstart'), registerEventEnableStatusChangeHandler('lynxscrollend'), registerEventEnableStatusChangeHandler('change'), registerEventEnableStatusChangeHandler('change-event-for-indicator')];
+            __esDecorate(this, null, __enableScrollEventProcessor_decorators, { kind: "method", name: "_enableScrollEventProcessor", static: false, private: false, access: { has: obj => "_enableScrollEventProcessor" in obj, get: obj => obj._enableScrollEventProcessor }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, __handleEnableTransitionEvent_decorators, { kind: "field", name: "_handleEnableTransitionEvent", static: false, private: false, access: { has: obj => "_handleEnableTransitionEvent" in obj, get: obj => obj._handleEnableTransitionEvent, set: (obj, value) => { obj._handleEnableTransitionEvent = value; } }, metadata: _metadata }, __handleEnableTransitionEvent_initializers, __handleEnableTransitionEvent_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [];
@@ -42,7 +34,7 @@ let XSwipeEvents = (() => {
             this.#dom = dom;
         }
         #getContentContainer = genDomGetter(() => this.#dom.shadowRoot, '#content').bind(this);
-        #handleEnableTransitionEvent = __runInitializers(this, _private_handleEnableTransitionEvent_initializers, bindSwitchToEventListener(this.#getContentContainer, 'scroll', this.#scrollEventListenerForTransition, { passive: true }));
+        _handleEnableTransitionEvent = __runInitializers(this, __handleEnableTransitionEvent_initializers, bindSwitchToEventListener(this.#getContentContainer, 'scroll', this.#scrollEventListenerForTransition, { passive: true }));
         #handleScroll() {
             if (!useScrollEnd) {
                 // debounce
@@ -115,7 +107,7 @@ let XSwipeEvents = (() => {
                 },
             }));
         }
-        #listeners = (__runInitializers(this, _private_handleEnableTransitionEvent_extraInitializers), [
+        #listeners = (__runInitializers(this, __handleEnableTransitionEvent_extraInitializers), [
             bindSwitchToEventListener(this.#getContentContainer, 'scroll', this.#handleScroll.bind(this), { passive: true }),
             bindSwitchToEventListener(this.#getContentContainer, 'touchstart', this.#handleTouchStart.bind(this), { passive: true }),
             bindSwitchToEventListener(this.#getContentContainer, 'touchend', this.#handleTouchEndAndCancel.bind(this), { passive: true }),
@@ -128,7 +120,14 @@ let XSwipeEvents = (() => {
             change: false,
             'change-event-for-indicator': false,
         };
-        get #enableScrollEventProcessor() { return _private_enableScrollEventProcessor_descriptor.value; }
+        _enableScrollEventProcessor(value, eventName) {
+            this
+                .#eventSwitches[eventName] = value;
+            const { lynxscrollend, scrollstart, change } = this.#eventSwitches;
+            const changeEventEnabled = change || lynxscrollend || scrollstart
+                || this.#eventSwitches['change-event-for-indicator'];
+            this.#listeners.forEach((l) => l(changeEventEnabled));
+        }
         connectedCallback() {
             this.#current = parseFloat(this.#dom.getAttribute('current') ?? '0');
             const isVertical = this.#dom.isVertical;

package/dist/XSwiper/XSwiperIndicator.d.ts

@@ -4,6 +4,11 @@ export declare class XSwiperIndicator implements InstanceType<AttributeReactiveC
     #private;
     static observedAttributes: string[];
     constructor(dom: XSwiper);
+    _handleIndicatorColor: (this: void, newVal: string | null) => void;
+    _handleIndicatorActiveColor: (this: void, newVal: string | null) => void;
+    _handlePageMargin: (this: void, newVal: string | null) => void;
+    _handlePreviousMargin: (this: void, newVal: string | null) => void;
+    _handleNextMargin: (this: void, newVal: string | null) => void;
     connectedCallback(): void;
     dispose(): void;
 }

package/dist/XSwiper/XSwiperIndicator.js

@@ -6,34 +6,34 @@ import { __esDecorate, __runInitializers } from "tslib";
 */
 import { genDomGetter, registerAttributeHandler, bindToStyle, boostedQueueMicrotask, } from '@lynx-js/web-elements-reactive';
 let XSwiperIndicator = (() => {
-    let _private_handleIndicatorColor_decorators;
-    let _private_handleIndicatorColor_initializers = [];
-    let _private_handleIndicatorColor_extraInitializers = [];
-    let _private_handleIndicatorActiveColor_decorators;
-    let _private_handleIndicatorActiveColor_initializers = [];
-    let _private_handleIndicatorActiveColor_extraInitializers = [];
-    let _private_handlePageMargin_decorators;
-    let _private_handlePageMargin_initializers = [];
-    let _private_handlePageMargin_extraInitializers = [];
-    let _private_handlePreviousMargin_decorators;
-    let _private_handlePreviousMargin_initializers = [];
-    let _private_handlePreviousMargin_extraInitializers = [];
-    let _private_handleNextMargin_decorators;
-    let _private_handleNextMargin_initializers = [];
-    let _private_handleNextMargin_extraInitializers = [];
+    let __handleIndicatorColor_decorators;
+    let __handleIndicatorColor_initializers = [];
+    let __handleIndicatorColor_extraInitializers = [];
+    let __handleIndicatorActiveColor_decorators;
+    let __handleIndicatorActiveColor_initializers = [];
+    let __handleIndicatorActiveColor_extraInitializers = [];
+    let __handlePageMargin_decorators;
+    let __handlePageMargin_initializers = [];
+    let __handlePageMargin_extraInitializers = [];
+    let __handlePreviousMargin_decorators;
+    let __handlePreviousMargin_initializers = [];
+    let __handlePreviousMargin_extraInitializers = [];
+    let __handleNextMargin_decorators;
+    let __handleNextMargin_initializers = [];
+    let __handleNextMargin_extraInitializers = [];
     return class XSwiperIndicator {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleIndicatorColor_decorators = [registerAttributeHandler('indicator-color', true)];
-            _private_handleIndicatorActiveColor_decorators = [registerAttributeHandler('indicator-active-color', true)];
-            _private_handlePageMargin_decorators = [registerAttributeHandler('page-margin', true)];
-            _private_handlePreviousMargin_decorators = [registerAttributeHandler('previous-margin', true)];
-            _private_handleNextMargin_decorators = [registerAttributeHandler('next-margin', true)];
-            __esDecorate(null, null, _private_handleIndicatorColor_decorators, { kind: "field", name: "#handleIndicatorColor", static: false, private: true, access: { has: obj => #handleIndicatorColor in obj, get: obj => obj.#handleIndicatorColor, set: (obj, value) => { obj.#handleIndicatorColor = value; } }, metadata: _metadata }, _private_handleIndicatorColor_initializers, _private_handleIndicatorColor_extraInitializers);
-            __esDecorate(null, null, _private_handleIndicatorActiveColor_decorators, { kind: "field", name: "#handleIndicatorActiveColor", static: false, private: true, access: { has: obj => #handleIndicatorActiveColor in obj, get: obj => obj.#handleIndicatorActiveColor, set: (obj, value) => { obj.#handleIndicatorActiveColor = value; } }, metadata: _metadata }, _private_handleIndicatorActiveColor_initializers, _private_handleIndicatorActiveColor_extraInitializers);
-            __esDecorate(null, null, _private_handlePageMargin_decorators, { kind: "field", name: "#handlePageMargin", static: false, private: true, access: { has: obj => #handlePageMargin in obj, get: obj => obj.#handlePageMargin, set: (obj, value) => { obj.#handlePageMargin = value; } }, metadata: _metadata }, _private_handlePageMargin_initializers, _private_handlePageMargin_extraInitializers);
-            __esDecorate(null, null, _private_handlePreviousMargin_decorators, { kind: "field", name: "#handlePreviousMargin", static: false, private: true, access: { has: obj => #handlePreviousMargin in obj, get: obj => obj.#handlePreviousMargin, set: (obj, value) => { obj.#handlePreviousMargin = value; } }, metadata: _metadata }, _private_handlePreviousMargin_initializers, _private_handlePreviousMargin_extraInitializers);
-            __esDecorate(null, null, _private_handleNextMargin_decorators, { kind: "field", name: "#handleNextMargin", static: false, private: true, access: { has: obj => #handleNextMargin in obj, get: obj => obj.#handleNextMargin, set: (obj, value) => { obj.#handleNextMargin = value; } }, metadata: _metadata }, _private_handleNextMargin_initializers, _private_handleNextMargin_extraInitializers);
+            __handleIndicatorColor_decorators = [registerAttributeHandler('indicator-color', true)];
+            __handleIndicatorActiveColor_decorators = [registerAttributeHandler('indicator-active-color', true)];
+            __handlePageMargin_decorators = [registerAttributeHandler('page-margin', true)];
+            __handlePreviousMargin_decorators = [registerAttributeHandler('previous-margin', true)];
+            __handleNextMargin_decorators = [registerAttributeHandler('next-margin', true)];
+            __esDecorate(null, null, __handleIndicatorColor_decorators, { kind: "field", name: "_handleIndicatorColor", static: false, private: false, access: { has: obj => "_handleIndicatorColor" in obj, get: obj => obj._handleIndicatorColor, set: (obj, value) => { obj._handleIndicatorColor = value; } }, metadata: _metadata }, __handleIndicatorColor_initializers, __handleIndicatorColor_extraInitializers);
+            __esDecorate(null, null, __handleIndicatorActiveColor_decorators, { kind: "field", name: "_handleIndicatorActiveColor", static: false, private: false, access: { has: obj => "_handleIndicatorActiveColor" in obj, get: obj => obj._handleIndicatorActiveColor, set: (obj, value) => { obj._handleIndicatorActiveColor = value; } }, metadata: _metadata }, __handleIndicatorActiveColor_initializers, __handleIndicatorActiveColor_extraInitializers);
+            __esDecorate(null, null, __handlePageMargin_decorators, { kind: "field", name: "_handlePageMargin", static: false, private: false, access: { has: obj => "_handlePageMargin" in obj, get: obj => obj._handlePageMargin, set: (obj, value) => { obj._handlePageMargin = value; } }, metadata: _metadata }, __handlePageMargin_initializers, __handlePageMargin_extraInitializers);
+            __esDecorate(null, null, __handlePreviousMargin_decorators, { kind: "field", name: "_handlePreviousMargin", static: false, private: false, access: { has: obj => "_handlePreviousMargin" in obj, get: obj => obj._handlePreviousMargin, set: (obj, value) => { obj._handlePreviousMargin = value; } }, metadata: _metadata }, __handlePreviousMargin_initializers, __handlePreviousMargin_extraInitializers);
+            __esDecorate(null, null, __handleNextMargin_decorators, { kind: "field", name: "_handleNextMargin", static: false, private: false, access: { has: obj => "_handleNextMargin" in obj, get: obj => obj._handleNextMargin, set: (obj, value) => { obj._handleNextMargin = value; } }, metadata: _metadata }, __handleNextMargin_initializers, __handleNextMargin_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -49,14 +49,14 @@ let XSwiperIndicator = (() => {
         #getIndicatorDynamicStyleContainer = genDomGetter(() => this.#dom.shadowRoot, '#indicator-style');
         #childrenElementMutationObserver;
         constructor(dom) {
-            __runInitializers(this, _private_handleNextMargin_extraInitializers);
+            __runInitializers(this, __handleNextMargin_extraInitializers);
             this.#dom = dom;
         }
-        #handleIndicatorColor = __runInitializers(this, _private_handleIndicatorColor_initializers, bindToStyle(this.#getIndicatorContainer, '--indicator-color', undefined, true));
-        #handleIndicatorActiveColor = (__runInitializers(this, _private_handleIndicatorColor_extraInitializers), __runInitializers(this, _private_handleIndicatorActiveColor_initializers, bindToStyle(this.#getIndicatorContainer, '--indicator-active-color', undefined, true)));
-        #handlePageMargin = (__runInitializers(this, _private_handleIndicatorActiveColor_extraInitializers), __runInitializers(this, _private_handlePageMargin_initializers, bindToStyle(this.#getIndicatorContainer, '--page-margin', undefined, true)));
-        #handlePreviousMargin = (__runInitializers(this, _private_handlePageMargin_extraInitializers), __runInitializers(this, _private_handlePreviousMargin_initializers, bindToStyle(this.#getIndicatorContainer, '--previous-margin', undefined, true)));
-        #handleNextMargin = (__runInitializers(this, _private_handlePreviousMargin_extraInitializers), __runInitializers(this, _private_handleNextMargin_initializers, bindToStyle(this.#getIndicatorContainer, '--next-margin', undefined, true)));
+        _handleIndicatorColor = __runInitializers(this, __handleIndicatorColor_initializers, bindToStyle(this.#getIndicatorContainer, '--indicator-color', undefined, true));
+        _handleIndicatorActiveColor = (__runInitializers(this, __handleIndicatorColor_extraInitializers), __runInitializers(this, __handleIndicatorActiveColor_initializers, bindToStyle(this.#getIndicatorContainer, '--indicator-active-color', undefined, true)));
+        _handlePageMargin = (__runInitializers(this, __handleIndicatorActiveColor_extraInitializers), __runInitializers(this, __handlePageMargin_initializers, bindToStyle(this.#getIndicatorContainer, '--page-margin', undefined, true)));
+        _handlePreviousMargin = (__runInitializers(this, __handlePageMargin_extraInitializers), __runInitializers(this, __handlePreviousMargin_initializers, bindToStyle(this.#getIndicatorContainer, '--previous-margin', undefined, true)));
+        _handleNextMargin = (__runInitializers(this, __handlePreviousMargin_extraInitializers), __runInitializers(this, __handleNextMargin_initializers, bindToStyle(this.#getIndicatorContainer, '--next-margin', undefined, true)));
         #updateIndicatorDoms() {
             const currentNumber = this.#dom.childElementCount;
             if (currentNumber !== this.#numOfChildElement) {

package/dist/XText/InlineImage.d.ts

@@ -3,6 +3,7 @@ export declare class InlineImageAttributes implements InstanceType<AttributeReac
     #private;
     static observedAttributes: string[];
     constructor(dom: InlineImage);
+    _handleSrc(newVal: string | null): void;
 }
 /**
  * @deprecated you can use `x-image` instead in `x-text`.

package/dist/XText/InlineImage.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,18 +8,12 @@ import { Component, genDomGetter, registerAttributeHandler, } from '@lynx-js/web
 import { templateInlineImage } from '@lynx-js/web-elements-template';
 let InlineImageAttributes = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleSrc_decorators;
-    let _private_handleSrc_descriptor;
+    let __handleSrc_decorators;
     return class InlineImageAttributes {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleSrc_decorators = [registerAttributeHandler('src', true)];
-            __esDecorate(this, _private_handleSrc_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal)
-                        this.#getImage().setAttribute('src', newVal);
-                    else
-                        this.#getImage().removeAttribute('src');
-                }, "#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);
+            __handleSrc_decorators = [registerAttributeHandler('src', 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);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['src'];
@@ -28,7 +22,12 @@ let InlineImageAttributes = (() => {
             this.#dom = dom;
         }
         #getImage = genDomGetter(() => this.#dom.shadowRoot, '#img');
-        get #handleSrc() { return _private_handleSrc_descriptor.value; }
+        _handleSrc(newVal) {
+            if (newVal)
+                this.#getImage().setAttribute('src', newVal);
+            else
+                this.#getImage().removeAttribute('src');
+        }
     };
 })();
 export { InlineImageAttributes };

package/dist/XText/RawText.d.ts

@@ -2,6 +2,7 @@ export declare class RawTextAttributes {
     #private;
     static observedAttributes: string[];
     constructor(currentElement: HTMLElement);
+    _handleText(newVal: string | null): void;
 }
 export declare class RawText extends HTMLElement {
 }

package/dist/XText/RawText.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,19 +7,12 @@ import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 import { Component, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let RawTextAttributes = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleText_decorators;
-    let _private_handleText_descriptor;
+    let __handleText_decorators;
     return class RawTextAttributes {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleText_decorators = [registerAttributeHandler('text', true)];
-            __esDecorate(this, _private_handleText_descriptor = { value: __setFunctionName(function (newVal) {
-                    this.#text?.remove();
-                    if (newVal) {
-                        this.#text = new Text(newVal);
-                        this.#dom.append(this.#text);
-                    }
-                }, "#handleText") }, _private_handleText_decorators, { kind: "method", name: "#handleText", static: false, private: true, access: { has: obj => #handleText in obj, get: obj => obj.#handleText }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleText_decorators = [registerAttributeHandler('text', true)];
+            __esDecorate(this, null, __handleText_decorators, { kind: "method", name: "_handleText", static: false, private: false, access: { has: obj => "_handleText" in obj, get: obj => obj._handleText }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['text'];
@@ -28,7 +21,13 @@ let RawTextAttributes = (() => {
         constructor(currentElement) {
             this.#dom = currentElement;
         }
-        get #handleText() { return _private_handleText_descriptor.value; }
+        _handleText(newVal) {
+            this.#text?.remove();
+            if (newVal) {
+                this.#text = new Text(newVal);
+                this.#dom.append(this.#text);
+            }
+        }
     };
 })();
 export { RawTextAttributes };

package/dist/XText/XTextTruncation.d.ts

@@ -6,6 +6,8 @@ export declare class XTextTruncation implements InstanceType<AttributeReactiveCl
     static showInlineTruncation: "x-show-inline-truncation";
     static observedAttributes: string[];
     constructor(dom: XText);
+    _handleAttributeChange(): void;
+    _handleEnableLayoutEvent(status: boolean): void;
     dispose(): void;
     connectedCallback(): void;
 }

package/dist/XText/XTextTruncation.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,35 +10,15 @@ import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-re
 let XTextTruncation = (() => {
     var _a;
     let _instanceExtraInitializers = [];
-    let _private_handleAttributeChange_decorators;
-    let _private_handleAttributeChange_descriptor;
-    let _private_handleEnableLayoutEvent_decorators;
-    let _private_handleEnableLayoutEvent_descriptor;
+    let __handleAttributeChange_decorators;
+    let __handleEnableLayoutEvent_decorators;
     return class XTextTruncation {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleAttributeChange_decorators = [registerAttributeHandler('text-maxlength', true), registerAttributeHandler('text-maxline', true), registerAttributeHandler('tail-color-convert', true)];
-            _private_handleEnableLayoutEvent_decorators = [registerEventEnableStatusChangeHandler('layout')];
-            __esDecorate(this, _private_handleAttributeChange_descriptor = { value: __setFunctionName(function () {
-                    this.#maxLength = parseFloat(this.#dom.getAttribute('text-maxlength') ?? '');
-                    this.#maxLine = parseFloat(this.#dom.getAttribute('text-maxline') ?? '');
-                    this.#tailColorConvert =
-                        this.#dom.getAttribute('tail-color-convert') !== 'false';
-                    if (this.#maxLength < 0)
-                        this.#maxLength = NaN;
-                    if (this.#maxLine < 1)
-                        this.#maxLine = NaN;
-                    if (!isNaN(this.#maxLine)) {
-                        this.#getInnerBox().style.webkitLineClamp = this.#maxLine.toString();
-                    }
-                    else {
-                        this.#getInnerBox().style.removeProperty('-webkit-line-clamp');
-                    }
-                    this.#layoutText();
-                }, "#handleAttributeChange") }, _private_handleAttributeChange_decorators, { kind: "method", name: "#handleAttributeChange", static: false, private: true, access: { has: obj => #handleAttributeChange in obj, get: obj => obj.#handleAttributeChange }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleEnableLayoutEvent_descriptor = { value: __setFunctionName(function (status) {
-                    this.#enableLayoutEvent = status;
-                }, "#handleEnableLayoutEvent") }, _private_handleEnableLayoutEvent_decorators, { kind: "method", name: "#handleEnableLayoutEvent", static: false, private: true, access: { has: obj => #handleEnableLayoutEvent in obj, get: obj => obj.#handleEnableLayoutEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleAttributeChange_decorators = [registerAttributeHandler('text-maxlength', true), registerAttributeHandler('text-maxline', true), registerAttributeHandler('tail-color-convert', true)];
+            __handleEnableLayoutEvent_decorators = [registerEventEnableStatusChangeHandler('layout')];
+            __esDecorate(this, null, __handleAttributeChange_decorators, { kind: "method", name: "_handleAttributeChange", static: false, private: false, access: { has: obj => "_handleAttributeChange" in obj, get: obj => obj._handleAttributeChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleEnableLayoutEvent_decorators, { kind: "method", name: "_handleEnableLayoutEvent", static: false, private: false, access: { has: obj => "_handleEnableLayoutEvent" in obj, get: obj => obj._handleEnableLayoutEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static exceedMathLengthAttribute = 'x-text-clipped';
@@ -280,8 +260,26 @@ let XTextTruncation = (() => {
             this.#resizeObserver?.disconnect();
             this.#resizeObserver = undefined;
         }
-        get #handleAttributeChange() { return _private_handleAttributeChange_descriptor.value; }
-        get #handleEnableLayoutEvent() { return _private_handleEnableLayoutEvent_descriptor.value; }
+        _handleAttributeChange() {
+            this.#maxLength = parseFloat(this.#dom.getAttribute('text-maxlength') ?? '');
+            this.#maxLine = parseFloat(this.#dom.getAttribute('text-maxline') ?? '');
+            this.#tailColorConvert =
+                this.#dom.getAttribute('tail-color-convert') !== 'false';
+            if (this.#maxLength < 0)
+                this.#maxLength = NaN;
+            if (this.#maxLine < 1)
+                this.#maxLine = NaN;
+            if (!isNaN(this.#maxLine)) {
+                this.#getInnerBox().style.webkitLineClamp = this.#maxLine.toString();
+            }
+            else {
+                this.#getInnerBox().style.removeProperty('-webkit-line-clamp');
+            }
+            this.#layoutText();
+        }
+        _handleEnableLayoutEvent(status) {
+            this.#enableLayoutEvent = status;
+        }
         #sendLayoutEvent(truncateAt) {
             if (!this.#enableLayoutEvent)
                 return;
@@ -336,8 +334,8 @@ let XTextTruncation = (() => {
         }
         connectedCallback() {
             this.#componentConnected = true;
-            this.#handleEnableLayoutEvent(this.#enableLayoutEvent);
-            this.#handleAttributeChange();
+            this._handleEnableLayoutEvent(this.#enableLayoutEvent);
+            this._handleAttributeChange();
             boostedQueueMicrotask(() => {
                 this.#sendLayoutEvent();
             });

package/dist/XTextarea/Placeholder.d.ts

@@ -3,5 +3,10 @@ import { XTextarea } from './XTextarea.js';
 export declare class Placeholder implements InstanceType<AttributeReactiveClass<typeof XTextarea>> {
     #private;
     static observedAttributes: readonly ["placeholder", "placeholder-color", "placeholder-font-size", "placeholder-font-weight", "placeholder-font-family"];
+    _updatePlaceholderColor: (this: void, newVal: string | null) => void;
+    _updatePlaceholderFontSize: (this: void, newVal: string | null) => void;
+    _updatePlaceholderFontWeight: (this: void, newVal: string | null) => void;
+    _updatePlaceholderFontFamily: (this: void, newVal: string | null) => void;
+    _handlePlaceholder: (this: void, newVal: string | null) => void;
     constructor(dom: HTMLElement);
 }

package/dist/XTextarea/Placeholder.js

@@ -7,34 +7,34 @@ import { __esDecorate, __runInitializers } from "tslib";
 import { bindToAttribute, bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 import { XTextarea } from './XTextarea.js';
 let Placeholder = (() => {
-    let _private_updatePlaceholderColor_decorators;
-    let _private_updatePlaceholderColor_initializers = [];
-    let _private_updatePlaceholderColor_extraInitializers = [];
-    let _private_updatePlaceholderFontSize_decorators;
-    let _private_updatePlaceholderFontSize_initializers = [];
-    let _private_updatePlaceholderFontSize_extraInitializers = [];
-    let _private_updatePlaceholderFontWeight_decorators;
-    let _private_updatePlaceholderFontWeight_initializers = [];
-    let _private_updatePlaceholderFontWeight_extraInitializers = [];
-    let _private_updatePlaceholderFontFamily_decorators;
-    let _private_updatePlaceholderFontFamily_initializers = [];
-    let _private_updatePlaceholderFontFamily_extraInitializers = [];
-    let _private_handlePlaceholder_decorators;
-    let _private_handlePlaceholder_initializers = [];
-    let _private_handlePlaceholder_extraInitializers = [];
+    let __updatePlaceholderColor_decorators;
+    let __updatePlaceholderColor_initializers = [];
+    let __updatePlaceholderColor_extraInitializers = [];
+    let __updatePlaceholderFontSize_decorators;
+    let __updatePlaceholderFontSize_initializers = [];
+    let __updatePlaceholderFontSize_extraInitializers = [];
+    let __updatePlaceholderFontWeight_decorators;
+    let __updatePlaceholderFontWeight_initializers = [];
+    let __updatePlaceholderFontWeight_extraInitializers = [];
+    let __updatePlaceholderFontFamily_decorators;
+    let __updatePlaceholderFontFamily_initializers = [];
+    let __updatePlaceholderFontFamily_extraInitializers = [];
+    let __handlePlaceholder_decorators;
+    let __handlePlaceholder_initializers = [];
+    let __handlePlaceholder_extraInitializers = [];
     return class Placeholder {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_updatePlaceholderColor_decorators = [registerAttributeHandler('placeholder-color', true)];
-            _private_updatePlaceholderFontSize_decorators = [registerAttributeHandler('placeholder-font-size', true)];
-            _private_updatePlaceholderFontWeight_decorators = [registerAttributeHandler('placeholder-font-weight', true)];
-            _private_updatePlaceholderFontFamily_decorators = [registerAttributeHandler('placeholder-font-family', true)];
-            _private_handlePlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
-            __esDecorate(null, null, _private_updatePlaceholderColor_decorators, { kind: "field", name: "#updatePlaceholderColor", static: false, private: true, access: { has: obj => #updatePlaceholderColor in obj, get: obj => obj.#updatePlaceholderColor, set: (obj, value) => { obj.#updatePlaceholderColor = value; } }, metadata: _metadata }, _private_updatePlaceholderColor_initializers, _private_updatePlaceholderColor_extraInitializers);
-            __esDecorate(null, null, _private_updatePlaceholderFontSize_decorators, { kind: "field", name: "#updatePlaceholderFontSize", static: false, private: true, access: { has: obj => #updatePlaceholderFontSize in obj, get: obj => obj.#updatePlaceholderFontSize, set: (obj, value) => { obj.#updatePlaceholderFontSize = value; } }, metadata: _metadata }, _private_updatePlaceholderFontSize_initializers, _private_updatePlaceholderFontSize_extraInitializers);
-            __esDecorate(null, null, _private_updatePlaceholderFontWeight_decorators, { kind: "field", name: "#updatePlaceholderFontWeight", static: false, private: true, access: { has: obj => #updatePlaceholderFontWeight in obj, get: obj => obj.#updatePlaceholderFontWeight, set: (obj, value) => { obj.#updatePlaceholderFontWeight = value; } }, metadata: _metadata }, _private_updatePlaceholderFontWeight_initializers, _private_updatePlaceholderFontWeight_extraInitializers);
-            __esDecorate(null, null, _private_updatePlaceholderFontFamily_decorators, { kind: "field", name: "#updatePlaceholderFontFamily", static: false, private: true, access: { has: obj => #updatePlaceholderFontFamily in obj, get: obj => obj.#updatePlaceholderFontFamily, set: (obj, value) => { obj.#updatePlaceholderFontFamily = value; } }, metadata: _metadata }, _private_updatePlaceholderFontFamily_initializers, _private_updatePlaceholderFontFamily_extraInitializers);
-            __esDecorate(null, null, _private_handlePlaceholder_decorators, { kind: "field", name: "#handlePlaceholder", static: false, private: true, access: { has: obj => #handlePlaceholder in obj, get: obj => obj.#handlePlaceholder, set: (obj, value) => { obj.#handlePlaceholder = value; } }, metadata: _metadata }, _private_handlePlaceholder_initializers, _private_handlePlaceholder_extraInitializers);
+            __updatePlaceholderColor_decorators = [registerAttributeHandler('placeholder-color', true)];
+            __updatePlaceholderFontSize_decorators = [registerAttributeHandler('placeholder-font-size', true)];
+            __updatePlaceholderFontWeight_decorators = [registerAttributeHandler('placeholder-font-weight', true)];
+            __updatePlaceholderFontFamily_decorators = [registerAttributeHandler('placeholder-font-family', true)];
+            __handlePlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
+            __esDecorate(null, null, __updatePlaceholderColor_decorators, { kind: "field", name: "_updatePlaceholderColor", static: false, private: false, access: { has: obj => "_updatePlaceholderColor" in obj, get: obj => obj._updatePlaceholderColor, set: (obj, value) => { obj._updatePlaceholderColor = value; } }, metadata: _metadata }, __updatePlaceholderColor_initializers, __updatePlaceholderColor_extraInitializers);
+            __esDecorate(null, null, __updatePlaceholderFontSize_decorators, { kind: "field", name: "_updatePlaceholderFontSize", static: false, private: false, access: { has: obj => "_updatePlaceholderFontSize" in obj, get: obj => obj._updatePlaceholderFontSize, set: (obj, value) => { obj._updatePlaceholderFontSize = value; } }, metadata: _metadata }, __updatePlaceholderFontSize_initializers, __updatePlaceholderFontSize_extraInitializers);
+            __esDecorate(null, null, __updatePlaceholderFontWeight_decorators, { kind: "field", name: "_updatePlaceholderFontWeight", static: false, private: false, access: { has: obj => "_updatePlaceholderFontWeight" in obj, get: obj => obj._updatePlaceholderFontWeight, set: (obj, value) => { obj._updatePlaceholderFontWeight = value; } }, metadata: _metadata }, __updatePlaceholderFontWeight_initializers, __updatePlaceholderFontWeight_extraInitializers);
+            __esDecorate(null, null, __updatePlaceholderFontFamily_decorators, { kind: "field", name: "_updatePlaceholderFontFamily", static: false, private: false, access: { has: obj => "_updatePlaceholderFontFamily" in obj, get: obj => obj._updatePlaceholderFontFamily, set: (obj, value) => { obj._updatePlaceholderFontFamily = value; } }, metadata: _metadata }, __updatePlaceholderFontFamily_initializers, __updatePlaceholderFontFamily_extraInitializers);
+            __esDecorate(null, null, __handlePlaceholder_decorators, { kind: "field", name: "_handlePlaceholder", static: false, private: false, access: { has: obj => "_handlePlaceholder" in obj, get: obj => obj._handlePlaceholder, set: (obj, value) => { obj._handlePlaceholder = value; } }, metadata: _metadata }, __handlePlaceholder_initializers, __handlePlaceholder_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -45,12 +45,12 @@ let Placeholder = (() => {
             'placeholder-font-family',
         ];
         #getTextarea = genDomGetter(() => this.#dom.shadowRoot, '#textarea');
-        #updatePlaceholderColor = __runInitializers(this, _private_updatePlaceholderColor_initializers, bindToStyle(this.#getTextarea, '--placeholder-color', undefined, true));
-        #updatePlaceholderFontSize = (__runInitializers(this, _private_updatePlaceholderColor_extraInitializers), __runInitializers(this, _private_updatePlaceholderFontSize_initializers, bindToStyle(this.#getTextarea, '--placeholder-font-size', undefined, true)));
-        #updatePlaceholderFontWeight = (__runInitializers(this, _private_updatePlaceholderFontSize_extraInitializers), __runInitializers(this, _private_updatePlaceholderFontWeight_initializers, bindToStyle(this.#getTextarea, '--placeholder-font-weight', undefined, true)));
-        #updatePlaceholderFontFamily = (__runInitializers(this, _private_updatePlaceholderFontWeight_extraInitializers), __runInitializers(this, _private_updatePlaceholderFontFamily_initializers, bindToStyle(this.#getTextarea, '--placeholder-font-family', undefined, true)));
-        #handlePlaceholder = (__runInitializers(this, _private_updatePlaceholderFontFamily_extraInitializers), __runInitializers(this, _private_handlePlaceholder_initializers, bindToAttribute(this.#getTextarea, 'placeholder')));
-        #dom = __runInitializers(this, _private_handlePlaceholder_extraInitializers);
+        _updatePlaceholderColor = __runInitializers(this, __updatePlaceholderColor_initializers, bindToStyle(this.#getTextarea, '--placeholder-color', undefined, true));
+        _updatePlaceholderFontSize = (__runInitializers(this, __updatePlaceholderColor_extraInitializers), __runInitializers(this, __updatePlaceholderFontSize_initializers, bindToStyle(this.#getTextarea, '--placeholder-font-size', undefined, true)));
+        _updatePlaceholderFontWeight = (__runInitializers(this, __updatePlaceholderFontSize_extraInitializers), __runInitializers(this, __updatePlaceholderFontWeight_initializers, bindToStyle(this.#getTextarea, '--placeholder-font-weight', undefined, true)));
+        _updatePlaceholderFontFamily = (__runInitializers(this, __updatePlaceholderFontWeight_extraInitializers), __runInitializers(this, __updatePlaceholderFontFamily_initializers, bindToStyle(this.#getTextarea, '--placeholder-font-family', undefined, true)));
+        _handlePlaceholder = (__runInitializers(this, __updatePlaceholderFontFamily_extraInitializers), __runInitializers(this, __handlePlaceholder_initializers, bindToAttribute(this.#getTextarea, 'placeholder')));
+        #dom = __runInitializers(this, __handlePlaceholder_extraInitializers);
         constructor(dom) {
             this.#dom = dom;
         }

package/dist/XTextarea/TextareaBaseAttributes.d.ts

@@ -2,5 +2,10 @@ import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 export declare class TextareaBaseAttributes implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static observedAttributes: string[];
+    _handlerConfirmType: (this: void, newVal: string | null) => void;
+    _handlerMaxlength: (this: void, newVal: string | null) => void;
+    _handleReadonly: (this: void, newVal: string | null) => void;
+    _handleSpellCheck: (this: void, newVal: string | null) => void;
+    _handleShowSoftInputOnfocus: (this: void, newVal: string | null) => void;
     constructor(dom: HTMLElement);
 }