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

package/dist/XTextarea/TextareaBaseAttributes.js

@@ -6,34 +6,34 @@ import { __esDecorate, __runInitializers } from "tslib";
 */
 import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let TextareaBaseAttributes = (() => {
-    let _private_handlerConfirmType_decorators;
-    let _private_handlerConfirmType_initializers = [];
-    let _private_handlerConfirmType_extraInitializers = [];
-    let _private_handlerMaxlength_decorators;
-    let _private_handlerMaxlength_initializers = [];
-    let _private_handlerMaxlength_extraInitializers = [];
-    let _private_handleReadonly_decorators;
-    let _private_handleReadonly_initializers = [];
-    let _private_handleReadonly_extraInitializers = [];
-    let _private_handleSpellCheck_decorators;
-    let _private_handleSpellCheck_initializers = [];
-    let _private_handleSpellCheck_extraInitializers = [];
-    let _private_handleShowSoftInputOnfocus_decorators;
-    let _private_handleShowSoftInputOnfocus_initializers = [];
-    let _private_handleShowSoftInputOnfocus_extraInitializers = [];
+    let __handlerConfirmType_decorators;
+    let __handlerConfirmType_initializers = [];
+    let __handlerConfirmType_extraInitializers = [];
+    let __handlerMaxlength_decorators;
+    let __handlerMaxlength_initializers = [];
+    let __handlerMaxlength_extraInitializers = [];
+    let __handleReadonly_decorators;
+    let __handleReadonly_initializers = [];
+    let __handleReadonly_extraInitializers = [];
+    let __handleSpellCheck_decorators;
+    let __handleSpellCheck_initializers = [];
+    let __handleSpellCheck_extraInitializers = [];
+    let __handleShowSoftInputOnfocus_decorators;
+    let __handleShowSoftInputOnfocus_initializers = [];
+    let __handleShowSoftInputOnfocus_extraInitializers = [];
     return class TextareaBaseAttributes {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handlerConfirmType_decorators = [registerAttributeHandler('confirm-type', true)];
-            _private_handlerMaxlength_decorators = [registerAttributeHandler('maxlength', true)];
-            _private_handleReadonly_decorators = [registerAttributeHandler('readonly', true)];
-            _private_handleSpellCheck_decorators = [registerAttributeHandler('ios-spell-check', true)];
-            _private_handleShowSoftInputOnfocus_decorators = [registerAttributeHandler('show-soft-input-onfocus', true)];
-            __esDecorate(null, null, _private_handlerConfirmType_decorators, { kind: "field", name: "#handlerConfirmType", static: false, private: true, access: { has: obj => #handlerConfirmType in obj, get: obj => obj.#handlerConfirmType, set: (obj, value) => { obj.#handlerConfirmType = value; } }, metadata: _metadata }, _private_handlerConfirmType_initializers, _private_handlerConfirmType_extraInitializers);
-            __esDecorate(null, null, _private_handlerMaxlength_decorators, { kind: "field", name: "#handlerMaxlength", static: false, private: true, access: { has: obj => #handlerMaxlength in obj, get: obj => obj.#handlerMaxlength, set: (obj, value) => { obj.#handlerMaxlength = value; } }, metadata: _metadata }, _private_handlerMaxlength_initializers, _private_handlerMaxlength_extraInitializers);
-            __esDecorate(null, null, _private_handleReadonly_decorators, { kind: "field", name: "#handleReadonly", static: false, private: true, access: { has: obj => #handleReadonly in obj, get: obj => obj.#handleReadonly, set: (obj, value) => { obj.#handleReadonly = value; } }, metadata: _metadata }, _private_handleReadonly_initializers, _private_handleReadonly_extraInitializers);
-            __esDecorate(null, null, _private_handleSpellCheck_decorators, { kind: "field", name: "#handleSpellCheck", static: false, private: true, access: { has: obj => #handleSpellCheck in obj, get: obj => obj.#handleSpellCheck, set: (obj, value) => { obj.#handleSpellCheck = value; } }, metadata: _metadata }, _private_handleSpellCheck_initializers, _private_handleSpellCheck_extraInitializers);
-            __esDecorate(null, null, _private_handleShowSoftInputOnfocus_decorators, { kind: "field", name: "#handleShowSoftInputOnfocus", static: false, private: true, access: { has: obj => #handleShowSoftInputOnfocus in obj, get: obj => obj.#handleShowSoftInputOnfocus, set: (obj, value) => { obj.#handleShowSoftInputOnfocus = value; } }, metadata: _metadata }, _private_handleShowSoftInputOnfocus_initializers, _private_handleShowSoftInputOnfocus_extraInitializers);
+            __handlerConfirmType_decorators = [registerAttributeHandler('confirm-type', true)];
+            __handlerMaxlength_decorators = [registerAttributeHandler('maxlength', true)];
+            __handleReadonly_decorators = [registerAttributeHandler('readonly', true)];
+            __handleSpellCheck_decorators = [registerAttributeHandler('ios-spell-check', true)];
+            __handleShowSoftInputOnfocus_decorators = [registerAttributeHandler('show-soft-input-onfocus', true)];
+            __esDecorate(null, null, __handlerConfirmType_decorators, { kind: "field", name: "_handlerConfirmType", static: false, private: false, access: { has: obj => "_handlerConfirmType" in obj, get: obj => obj._handlerConfirmType, set: (obj, value) => { obj._handlerConfirmType = value; } }, metadata: _metadata }, __handlerConfirmType_initializers, __handlerConfirmType_extraInitializers);
+            __esDecorate(null, null, __handlerMaxlength_decorators, { kind: "field", name: "_handlerMaxlength", static: false, private: false, access: { has: obj => "_handlerMaxlength" in obj, get: obj => obj._handlerMaxlength, set: (obj, value) => { obj._handlerMaxlength = value; } }, metadata: _metadata }, __handlerMaxlength_initializers, __handlerMaxlength_extraInitializers);
+            __esDecorate(null, null, __handleReadonly_decorators, { kind: "field", name: "_handleReadonly", static: false, private: false, access: { has: obj => "_handleReadonly" in obj, get: obj => obj._handleReadonly, set: (obj, value) => { obj._handleReadonly = value; } }, metadata: _metadata }, __handleReadonly_initializers, __handleReadonly_extraInitializers);
+            __esDecorate(null, null, __handleSpellCheck_decorators, { kind: "field", name: "_handleSpellCheck", static: false, private: false, access: { has: obj => "_handleSpellCheck" in obj, get: obj => obj._handleSpellCheck, set: (obj, value) => { obj._handleSpellCheck = value; } }, metadata: _metadata }, __handleSpellCheck_initializers, __handleSpellCheck_extraInitializers);
+            __esDecorate(null, null, __handleShowSoftInputOnfocus_decorators, { kind: "field", name: "_handleShowSoftInputOnfocus", static: false, private: false, access: { has: obj => "_handleShowSoftInputOnfocus" in obj, get: obj => obj._handleShowSoftInputOnfocus, set: (obj, value) => { obj._handleShowSoftInputOnfocus = value; } }, metadata: _metadata }, __handleShowSoftInputOnfocus_initializers, __handleShowSoftInputOnfocus_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -47,21 +47,21 @@ let TextareaBaseAttributes = (() => {
         ];
         #dom;
         #getTextareaElement = genDomGetter(() => this.#dom.shadowRoot, '#textarea');
-        #handlerConfirmType = __runInitializers(this, _private_handlerConfirmType_initializers, bindToAttribute(this.#getTextareaElement, 'enterkeyhint', (val) => {
+        _handlerConfirmType = __runInitializers(this, __handlerConfirmType_initializers, bindToAttribute(this.#getTextareaElement, 'enterkeyhint', (val) => {
             if (val === null)
                 return 'send';
             return val;
         }));
-        #handlerMaxlength = (__runInitializers(this, _private_handlerConfirmType_extraInitializers), __runInitializers(this, _private_handlerMaxlength_initializers, bindToAttribute(this.#getTextareaElement, 'maxlength', (val) => {
+        _handlerMaxlength = (__runInitializers(this, __handlerConfirmType_extraInitializers), __runInitializers(this, __handlerMaxlength_initializers, bindToAttribute(this.#getTextareaElement, 'maxlength', (val) => {
             if (val === null)
                 return '140';
             return val;
         })));
-        #handleReadonly = (__runInitializers(this, _private_handlerMaxlength_extraInitializers), __runInitializers(this, _private_handleReadonly_initializers, bindToAttribute(this.#getTextareaElement, 'readonly', (value) => (value !== null ? '' : null))));
-        #handleSpellCheck = (__runInitializers(this, _private_handleReadonly_extraInitializers), __runInitializers(this, _private_handleSpellCheck_initializers, bindToAttribute(this.#getTextareaElement, 'spellcheck', (value) => (value === null ? 'false' : 'true'))));
-        #handleShowSoftInputOnfocus = (__runInitializers(this, _private_handleSpellCheck_extraInitializers), __runInitializers(this, _private_handleShowSoftInputOnfocus_initializers, bindToAttribute(this.#getTextareaElement, 'virtualkeyboardpolicy', (value) => (value === null ? 'manual' : 'auto'))));
+        _handleReadonly = (__runInitializers(this, __handlerMaxlength_extraInitializers), __runInitializers(this, __handleReadonly_initializers, bindToAttribute(this.#getTextareaElement, 'readonly', (value) => (value !== null ? '' : null))));
+        _handleSpellCheck = (__runInitializers(this, __handleReadonly_extraInitializers), __runInitializers(this, __handleSpellCheck_initializers, bindToAttribute(this.#getTextareaElement, 'spellcheck', (value) => (value === null ? 'false' : 'true'))));
+        _handleShowSoftInputOnfocus = (__runInitializers(this, __handleSpellCheck_extraInitializers), __runInitializers(this, __handleShowSoftInputOnfocus_initializers, bindToAttribute(this.#getTextareaElement, 'virtualkeyboardpolicy', (value) => (value === null ? 'manual' : 'auto'))));
         constructor(dom) {
-            __runInitializers(this, _private_handleShowSoftInputOnfocus_extraInitializers);
+            __runInitializers(this, __handleShowSoftInputOnfocus_extraInitializers);
             this.#dom = dom;
         }
     };

package/dist/XTextarea/XTextareaAttributes.d.ts

@@ -2,5 +2,10 @@ import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 export declare class XTextareaAttributes implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static observedAttributes: string[];
+    _handleConfirmEnter(newVal: string | null): void;
+    _handleDisabled: (this: void, newVal: string | null) => void;
+    _handleMaxHeight: (this: void, newVal: string | null) => void;
+    _handleMinHeight: (this: void, newVal: string | null) => void;
+    _handleValue(newValue: string | null): void;
     constructor(dom: HTMLElement);
 }

package/dist/XTextarea/XTextareaAttributes.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,47 +7,30 @@ import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 import { bindToAttribute, genDomGetter, registerAttributeHandler, bindToStyle, } from '@lynx-js/web-elements-reactive';
 let XTextareaAttributes = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleConfirmEnter_decorators;
-    let _private_handleConfirmEnter_descriptor;
-    let _private_handleDisabled_decorators;
-    let _private_handleDisabled_initializers = [];
-    let _private_handleDisabled_extraInitializers = [];
-    let _private_handleMaxHeight_decorators;
-    let _private_handleMaxHeight_initializers = [];
-    let _private_handleMaxHeight_extraInitializers = [];
-    let _private_handleMinHeight_decorators;
-    let _private_handleMinHeight_initializers = [];
-    let _private_handleMinHeight_extraInitializers = [];
-    let _private_handleValue_decorators;
-    let _private_handleValue_descriptor;
+    let __handleConfirmEnter_decorators;
+    let __handleDisabled_decorators;
+    let __handleDisabled_initializers = [];
+    let __handleDisabled_extraInitializers = [];
+    let __handleMaxHeight_decorators;
+    let __handleMaxHeight_initializers = [];
+    let __handleMaxHeight_extraInitializers = [];
+    let __handleMinHeight_decorators;
+    let __handleMinHeight_initializers = [];
+    let __handleMinHeight_extraInitializers = [];
+    let __handleValue_decorators;
     return class XTextareaAttributes {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleConfirmEnter_decorators = [registerAttributeHandler('confirm-enter', true)];
-            _private_handleDisabled_decorators = [registerAttributeHandler('disabled', true)];
-            _private_handleMaxHeight_decorators = [registerAttributeHandler('max-height', true)];
-            _private_handleMinHeight_decorators = [registerAttributeHandler('min-height', true)];
-            _private_handleValue_decorators = [registerAttributeHandler('value', false)];
-            __esDecorate(this, _private_handleConfirmEnter_descriptor = { value: __setFunctionName(function (newVal) {
-                    this.#confirmEnter = newVal !== null;
-                }, "#handleConfirmEnter") }, _private_handleConfirmEnter_decorators, { kind: "method", name: "#handleConfirmEnter", static: false, private: true, access: { has: obj => #handleConfirmEnter in obj, get: obj => obj.#handleConfirmEnter }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleValue_descriptor = { value: __setFunctionName(function (newValue) {
-                    if (newValue) {
-                        const maxlength = parseFloat(this.#dom.getAttribute('maxlength') ?? '');
-                        if (!isNaN(maxlength))
-                            newValue = newValue.substring(0, maxlength);
-                    }
-                    else {
-                        newValue = '';
-                    }
-                    const textarea = this.#getTextareaElement();
-                    if (textarea.value !== newValue) {
-                        textarea.value = newValue;
-                    }
-                }, "#handleValue") }, _private_handleValue_decorators, { kind: "method", name: "#handleValue", static: false, private: true, access: { has: obj => #handleValue in obj, get: obj => obj.#handleValue }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, null, _private_handleDisabled_decorators, { kind: "field", name: "#handleDisabled", static: false, private: true, access: { has: obj => #handleDisabled in obj, get: obj => obj.#handleDisabled, set: (obj, value) => { obj.#handleDisabled = value; } }, metadata: _metadata }, _private_handleDisabled_initializers, _private_handleDisabled_extraInitializers);
-            __esDecorate(null, null, _private_handleMaxHeight_decorators, { kind: "field", name: "#handleMaxHeight", static: false, private: true, access: { has: obj => #handleMaxHeight in obj, get: obj => obj.#handleMaxHeight, set: (obj, value) => { obj.#handleMaxHeight = value; } }, metadata: _metadata }, _private_handleMaxHeight_initializers, _private_handleMaxHeight_extraInitializers);
-            __esDecorate(null, null, _private_handleMinHeight_decorators, { kind: "field", name: "#handleMinHeight", static: false, private: true, access: { has: obj => #handleMinHeight in obj, get: obj => obj.#handleMinHeight, set: (obj, value) => { obj.#handleMinHeight = value; } }, metadata: _metadata }, _private_handleMinHeight_initializers, _private_handleMinHeight_extraInitializers);
+            __handleConfirmEnter_decorators = [registerAttributeHandler('confirm-enter', true)];
+            __handleDisabled_decorators = [registerAttributeHandler('disabled', true)];
+            __handleMaxHeight_decorators = [registerAttributeHandler('max-height', true)];
+            __handleMinHeight_decorators = [registerAttributeHandler('min-height', true)];
+            __handleValue_decorators = [registerAttributeHandler('value', false)];
+            __esDecorate(this, null, __handleConfirmEnter_decorators, { kind: "method", name: "_handleConfirmEnter", static: false, private: false, access: { has: obj => "_handleConfirmEnter" in obj, get: obj => obj._handleConfirmEnter }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleValue_decorators, { kind: "method", name: "_handleValue", static: false, private: false, access: { has: obj => "_handleValue" in obj, get: obj => obj._handleValue }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, __handleDisabled_decorators, { kind: "field", name: "_handleDisabled", static: false, private: false, access: { has: obj => "_handleDisabled" in obj, get: obj => obj._handleDisabled, set: (obj, value) => { obj._handleDisabled = value; } }, metadata: _metadata }, __handleDisabled_initializers, __handleDisabled_extraInitializers);
+            __esDecorate(null, null, __handleMaxHeight_decorators, { kind: "field", name: "_handleMaxHeight", static: false, private: false, access: { has: obj => "_handleMaxHeight" in obj, get: obj => obj._handleMaxHeight, set: (obj, value) => { obj._handleMaxHeight = value; } }, metadata: _metadata }, __handleMaxHeight_initializers, __handleMaxHeight_extraInitializers);
+            __esDecorate(null, null, __handleMinHeight_decorators, { kind: "field", name: "_handleMinHeight", static: false, private: false, access: { has: obj => "_handleMinHeight" in obj, get: obj => obj._handleMinHeight, set: (obj, value) => { obj._handleMinHeight = value; } }, metadata: _metadata }, __handleMinHeight_initializers, __handleMinHeight_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -61,12 +44,27 @@ let XTextareaAttributes = (() => {
         #getTextareaElement = genDomGetter(() => this.#dom.shadowRoot, '#textarea');
         #getFormElement = genDomGetter(() => this.#dom.shadowRoot, '#form');
         #confirmEnter = false;
-        get #handleConfirmEnter() { return _private_handleConfirmEnter_descriptor.value; }
-        #handleDisabled = __runInitializers(this, _private_handleDisabled_initializers, bindToAttribute(this.#getTextareaElement, 'disabled', (value) => (value !== null ? '' : null)));
-        #handleMaxHeight = (__runInitializers(this, _private_handleDisabled_extraInitializers), __runInitializers(this, _private_handleMaxHeight_initializers, bindToStyle(this.#getTextareaElement, 'max-height')));
-        #handleMinHeight = (__runInitializers(this, _private_handleMaxHeight_extraInitializers), __runInitializers(this, _private_handleMinHeight_initializers, bindToStyle(this.#getTextareaElement, 'min-height')));
-        get #handleValue() { return _private_handleValue_descriptor.value; }
-        #handleKeyEvent = (__runInitializers(this, _private_handleMinHeight_extraInitializers), (event) => {
+        _handleConfirmEnter(newVal) {
+            this.#confirmEnter = newVal !== null;
+        }
+        _handleDisabled = __runInitializers(this, __handleDisabled_initializers, bindToAttribute(this.#getTextareaElement, 'disabled', (value) => (value !== null ? '' : null)));
+        _handleMaxHeight = (__runInitializers(this, __handleDisabled_extraInitializers), __runInitializers(this, __handleMaxHeight_initializers, bindToStyle(this.#getTextareaElement, 'max-height')));
+        _handleMinHeight = (__runInitializers(this, __handleMaxHeight_extraInitializers), __runInitializers(this, __handleMinHeight_initializers, bindToStyle(this.#getTextareaElement, 'min-height')));
+        _handleValue(newValue) {
+            if (newValue) {
+                const maxlength = parseFloat(this.#dom.getAttribute('maxlength') ?? '');
+                if (!isNaN(maxlength))
+                    newValue = newValue.substring(0, maxlength);
+            }
+            else {
+                newValue = '';
+            }
+            const textarea = this.#getTextareaElement();
+            if (textarea.value !== newValue) {
+                textarea.value = newValue;
+            }
+        }
+        #handleKeyEvent = (__runInitializers(this, __handleMinHeight_extraInitializers), (event) => {
             if (this.#confirmEnter && event.key === 'Enter') {
                 this.#getFormElement().dispatchEvent(new SubmitEvent('submit'));
             }

package/dist/XTextarea/XTextareaEvents.d.ts

@@ -2,5 +2,8 @@ import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 export declare class XTextareaEvents implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static observedAttributes: string[];
+    _handleEnableConfirmEvent(status: string | boolean | null): void;
+    _handleSendComposingInput(newVal: string | null): void;
+    _handleEnableSelectionEvent(status: boolean): void;
     constructor(dom: HTMLElement);
 }

package/dist/XTextarea/XTextareaEvents.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,18 @@ import { renameEvent } from '../common/renameEvent.js';
 import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
 let XTextareaEvents = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleEnableConfirmEvent_decorators;
-    let _private_handleEnableConfirmEvent_descriptor;
-    let _private_handleSendComposingInput_decorators;
-    let _private_handleSendComposingInput_descriptor;
-    let _private_handleEnableSelectionEvent_decorators;
-    let _private_handleEnableSelectionEvent_descriptor;
+    let __handleEnableConfirmEvent_decorators;
+    let __handleSendComposingInput_decorators;
+    let __handleEnableSelectionEvent_decorators;
     return class XTextareaEvents {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleEnableConfirmEvent_decorators = [registerAttributeHandler('input-filter', true), registerEventEnableStatusChangeHandler('lynxinput')];
-            _private_handleSendComposingInput_decorators = [registerAttributeHandler('send-composing-input', true)];
-            _private_handleEnableSelectionEvent_decorators = [registerEventEnableStatusChangeHandler('selection')];
-            __esDecorate(this, _private_handleEnableConfirmEvent_descriptor = { value: __setFunctionName(function (status) {
-                    const textareaElement = this.#getTextareaElement();
-                    if (status) {
-                        textareaElement.addEventListener('input', this.#teleportInput, { passive: true });
-                        textareaElement.addEventListener('compositionend', this.#teleportCompositionendInput, { passive: true });
-                    }
-                    else {
-                        textareaElement.removeEventListener('input', this.#teleportInput);
-                        textareaElement.removeEventListener('compositionend', this.#teleportCompositionendInput);
-                    }
-                }, "#handleEnableConfirmEvent") }, _private_handleEnableConfirmEvent_decorators, { kind: "method", name: "#handleEnableConfirmEvent", static: false, private: true, access: { has: obj => #handleEnableConfirmEvent in obj, get: obj => obj.#handleEnableConfirmEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleSendComposingInput_descriptor = { value: __setFunctionName(function (newVal) {
-                    this.#sendComposingInput = newVal !== null;
-                }, "#handleSendComposingInput") }, _private_handleSendComposingInput_decorators, { kind: "method", name: "#handleSendComposingInput", static: false, private: true, access: { has: obj => #handleSendComposingInput in obj, get: obj => obj.#handleSendComposingInput }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleEnableSelectionEvent_descriptor = { value: __setFunctionName(function (status) {
-                    if (status) {
-                        this.#getTextareaElement().addEventListener('select', this.#selectEvent, {
-                            passive: true,
-                        });
-                    }
-                    else {
-                        this.#getTextareaElement().removeEventListener('select', this.#selectEvent);
-                    }
-                }, "#handleEnableSelectionEvent") }, _private_handleEnableSelectionEvent_decorators, { kind: "method", name: "#handleEnableSelectionEvent", static: false, private: true, access: { has: obj => #handleEnableSelectionEvent in obj, get: obj => obj.#handleEnableSelectionEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleEnableConfirmEvent_decorators = [registerAttributeHandler('input-filter', true), registerEventEnableStatusChangeHandler('lynxinput')];
+            __handleSendComposingInput_decorators = [registerAttributeHandler('send-composing-input', true)];
+            __handleEnableSelectionEvent_decorators = [registerEventEnableStatusChangeHandler('selection')];
+            __esDecorate(this, null, __handleEnableConfirmEvent_decorators, { kind: "method", name: "_handleEnableConfirmEvent", static: false, private: false, access: { has: obj => "_handleEnableConfirmEvent" in obj, get: obj => obj._handleEnableConfirmEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleSendComposingInput_decorators, { kind: "method", name: "_handleSendComposingInput", static: false, private: false, access: { has: obj => "_handleSendComposingInput" in obj, get: obj => obj._handleSendComposingInput }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __handleEnableSelectionEvent_decorators, { kind: "method", name: "_handleEnableSelectionEvent", static: false, private: false, access: { has: obj => "_handleEnableSelectionEvent" in obj, get: obj => obj._handleEnableSelectionEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['send-composing-input', 'input-filter'];
@@ -53,8 +29,20 @@ let XTextareaEvents = (() => {
         #sendComposingInput = false;
         #getTextareaElement = genDomGetter(() => this.#dom.shadowRoot, '#textarea');
         #getFormElement = genDomGetter(() => this.#dom.shadowRoot, '#form');
-        get #handleEnableConfirmEvent() { return _private_handleEnableConfirmEvent_descriptor.value; }
-        get #handleSendComposingInput() { return _private_handleSendComposingInput_descriptor.value; }
+        _handleEnableConfirmEvent(status) {
+            const textareaElement = this.#getTextareaElement();
+            if (status) {
+                textareaElement.addEventListener('input', this.#teleportInput, { passive: true });
+                textareaElement.addEventListener('compositionend', this.#teleportCompositionendInput, { passive: true });
+            }
+            else {
+                textareaElement.removeEventListener('input', this.#teleportInput);
+                textareaElement.removeEventListener('compositionend', this.#teleportCompositionendInput);
+            }
+        }
+        _handleSendComposingInput(newVal) {
+            this.#sendComposingInput = newVal !== null;
+        }
         #teleportEvent = (event) => {
             const eventType = renameEvent[event.type] ?? event.type;
             this.#dom.dispatchEvent(new CustomEvent(eventType, {
@@ -112,7 +100,16 @@ let XTextareaEvents = (() => {
                 }));
             }
         };
-        get #handleEnableSelectionEvent() { return _private_handleEnableSelectionEvent_descriptor.value; }
+        _handleEnableSelectionEvent(status) {
+            if (status) {
+                this.#getTextareaElement().addEventListener('select', this.#selectEvent, {
+                    passive: true,
+                });
+            }
+            else {
+                this.#getTextareaElement().removeEventListener('select', this.#selectEvent);
+            }
+        }
         #selectEvent = () => {
             const input = this.#getTextareaElement();
             this.#dom.dispatchEvent(new CustomEvent('selection', {

package/dist/XView/BlurRadius.d.ts

@@ -3,5 +3,6 @@ import type { XBlurView } from './XBlurView.js';
 export declare class BlurRadius implements InstanceType<AttributeReactiveClass<typeof XBlurView>> {
     #private;
     static observedAttributes: string[];
+    _handleBlurRadius(newVal: string | null): void;
     constructor(dom: HTMLElement);
 }

package/dist/XView/BlurRadius.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,28 +7,27 @@ import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 import { genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let BlurRadius = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleBlurRadius_decorators;
-    let _private_handleBlurRadius_descriptor;
+    let __handleBlurRadius_decorators;
     return class BlurRadius {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleBlurRadius_decorators = [registerAttributeHandler('blur-radius', true)];
-            __esDecorate(this, _private_handleBlurRadius_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal) {
-                        newVal = `blur(${parseFloat(newVal)}px)`;
-                        this.#getDynamicStyle().innerHTML =
-                            `:host { backdrop-filter: ${newVal}; -webkit-backdrop-filter: ${newVal}}`;
-                    }
-                    else {
-                        this.#getDynamicStyle().innerHTML = '';
-                    }
-                }, "#handleBlurRadius") }, _private_handleBlurRadius_decorators, { kind: "method", name: "#handleBlurRadius", static: false, private: true, access: { has: obj => #handleBlurRadius in obj, get: obj => obj.#handleBlurRadius }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleBlurRadius_decorators = [registerAttributeHandler('blur-radius', true)];
+            __esDecorate(this, null, __handleBlurRadius_decorators, { kind: "method", name: "_handleBlurRadius", static: false, private: false, access: { has: obj => "_handleBlurRadius" in obj, get: obj => obj._handleBlurRadius }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['blur-radius'];
         #dom = __runInitializers(this, _instanceExtraInitializers);
         #getDynamicStyle = genDomGetter(() => this.#dom.shadowRoot, '#dynamic-style');
-        get #handleBlurRadius() { return _private_handleBlurRadius_descriptor.value; }
+        _handleBlurRadius(newVal) {
+            if (newVal) {
+                newVal = `blur(${parseFloat(newVal)}px)`;
+                this.#getDynamicStyle().innerHTML =
+                    `:host { backdrop-filter: ${newVal}; -webkit-backdrop-filter: ${newVal}}`;
+            }
+            else {
+                this.#getDynamicStyle().innerHTML = '';
+            }
+        }
         constructor(dom) {
             this.#dom = dom;
         }

package/dist/XViewpagerNg/XViewpagerNgEvents.d.ts

@@ -4,6 +4,8 @@ export declare class XViewpagerNgEvents implements InstanceType<AttributeReactiv
     #private;
     static observedAttributes: never[];
     constructor(dom: XViewpagerNg);
+    _enableChangeEvent(status: boolean): void;
+    _enableOffsetChangeEvent(status: boolean): void;
     connectedCallback(): void;
     dispose(): void;
 }

package/dist/XViewpagerNg/XViewpagerNgEvents.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,23 +10,15 @@ import { useScrollEnd } from '../common/constants.js';
 import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
 let XViewpagerNgEvents = (() => {
     let _instanceExtraInitializers = [];
-    let _private_enableChangeEvent_decorators;
-    let _private_enableChangeEvent_descriptor;
-    let _private_enableOffsetChangeEvent_decorators;
-    let _private_enableOffsetChangeEvent_descriptor;
+    let __enableChangeEvent_decorators;
+    let __enableOffsetChangeEvent_decorators;
     return class XViewpagerNgEvents {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_enableChangeEvent_decorators = [registerEventEnableStatusChangeHandler('change')];
-            _private_enableOffsetChangeEvent_decorators = [registerEventEnableStatusChangeHandler('offsetchange')];
-            __esDecorate(this, _private_enableChangeEvent_descriptor = { value: __setFunctionName(function (status) {
-                    this.#enableChange = status;
-                    this.#enableScrollEventListener();
-                }, "#enableChangeEvent") }, _private_enableChangeEvent_decorators, { kind: "method", name: "#enableChangeEvent", static: false, private: true, access: { has: obj => #enableChangeEvent in obj, get: obj => obj.#enableChangeEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_enableOffsetChangeEvent_descriptor = { value: __setFunctionName(function (status) {
-                    this.#enableChange = status;
-                    this.#enableScrollEventListener();
-                }, "#enableOffsetChangeEvent") }, _private_enableOffsetChangeEvent_decorators, { kind: "method", name: "#enableOffsetChangeEvent", static: false, private: true, access: { has: obj => #enableOffsetChangeEvent in obj, get: obj => obj.#enableOffsetChangeEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __enableChangeEvent_decorators = [registerEventEnableStatusChangeHandler('change')];
+            __enableOffsetChangeEvent_decorators = [registerEventEnableStatusChangeHandler('offsetchange')];
+            __esDecorate(this, null, __enableChangeEvent_decorators, { kind: "method", name: "_enableChangeEvent", static: false, private: false, access: { has: obj => "_enableChangeEvent" in obj, get: obj => obj._enableChangeEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __enableOffsetChangeEvent_decorators, { kind: "method", name: "_enableOffsetChangeEvent", static: false, private: false, access: { has: obj => "_enableOffsetChangeEvent" in obj, get: obj => obj._enableOffsetChangeEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [];
@@ -80,9 +72,15 @@ let XViewpagerNgEvents = (() => {
             this.#isDragging = false;
         };
         #enableChange = false;
-        get #enableChangeEvent() { return _private_enableChangeEvent_descriptor.value; }
+        _enableChangeEvent(status) {
+            this.#enableChange = status;
+            this.#enableScrollEventListener();
+        }
         #enableOffsetChange = false;
-        get #enableOffsetChangeEvent() { return _private_enableOffsetChangeEvent_descriptor.value; }
+        _enableOffsetChangeEvent(status) {
+            this.#enableOffsetChange = status;
+            this.#enableScrollEventListener();
+        }
         #enableScrollEventListener() {
             const scrollContainer = this.#getScrollContainer();
             if (this.#enableOffsetChange || this.#enableChange) {

package/dist/common/CommonEventsAndMethods.d.ts

@@ -6,4 +6,5 @@ export declare class CommonEventsAndMethods {
         [layoutChangeTarget]?: HTMLElement;
     });
     __handleScrollUpperThresholdEventEnabled: (enabled: boolean) => void;
+    dispose(): void;
 }

package/dist/common/CommonEventsAndMethods.js

@@ -55,10 +55,14 @@ let CommonEventsAndMethods = (() => {
             }
             else {
                 this.#resizeObserver?.disconnect();
+                this.#resizeObserver = undefined;
+                this.#resizeObserving = false;
             }
         });
-        #disableExposure() {
+        dispose() {
             this.#resizeObserver?.disconnect();
+            this.#resizeObserver = undefined;
+            this.#resizeObserving = false;
         }
     };
 })();

package/elements.css

@@ -0,0 +1,18 @@
+/* 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 url("./src/LynxWrapper/lynx-wrapper.css");
+@import url("./src/XText/x-text.css");
+@import url("./src/ScrollView/scroll-view.css");
+@import url("./src/XFoldViewNg/x-foldview-ng.css");
+@import url("./src/XViewpagerNg/x-viewpager-ng.css");
+@import url("./src/XCanvas/x-canvas.css");
+@import url("./src/XSvg/x-svg.css");
+@import url("./src/XImage/x-image.css");
+@import url("./src/XInput/x-input.css");
+@import url("./src/XOverlayNg/x-overlay-ng.css");
+@import url("./src/XRefreshView/x-refresh-view.css");
+@import url("./src/XSwiper/x-swiper.css");
+@import url("./src/XTextarea/x-textarea.css");
+@import url("./src/XList/x-list.css");

package/index.css

@@ -3,17 +3,4 @@
  LICENSE file in the root directory of this source tree. 
  */
 @import url("./src/common-css/linear.css");
-@import url("./src/LynxWrapper/lynx-wrapper.css");
-@import url("./src/XText/x-text.css");
-@import url("./src/ScrollView/scroll-view.css");
-@import url("./src/XFoldViewNg/x-foldview-ng.css");
-@import url("./src/XViewpagerNg/x-viewpager-ng.css");
-@import url("./src/XCanvas/x-canvas.css");
-@import url("./src/XSvg/x-svg.css");
-@import url("./src/XImage/x-image.css");
-@import url("./src/XInput/x-input.css");
-@import url("./src/XOverlayNg/x-overlay-ng.css");
-@import url("./src/XRefreshView/x-refresh-view.css");
-@import url("./src/XSwiper/x-swiper.css");
-@import url("./src/XTextarea/x-textarea.css");
-@import url("./src/XList/x-list.css");
+@import url("./elements.css");