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

package/dist/XFoldViewNg/XFoldviewNgEvents.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,31 +9,15 @@ import { commonComponentEventSetting } from '../common/commonEventInitConfigurat
 import { scrollableLength } from './XFoldviewNg.js';
 let XFoldviewNgEvents = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleGranularity_decorators;
-    let _private_handleGranularity_descriptor;
-    let _private_enableOffsetEvent_decorators;
-    let _private_enableOffsetEvent_descriptor;
+    let __handleGranularity_decorators;
+    let __enableOffsetEvent_decorators;
     return class XFoldviewNgEvents {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleGranularity_decorators = [registerAttributeHandler('granularity', true)];
-            _private_enableOffsetEvent_decorators = [registerEventEnableStatusChangeHandler('offset')];
-            __esDecorate(this, _private_handleGranularity_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal && newVal !== '')
-                        this.#granularity = parseFloat(newVal);
-                    else
-                        this.#granularity = 0.01;
-                }, "#handleGranularity") }, _private_handleGranularity_decorators, { kind: "method", name: "#handleGranularity", static: false, private: true, access: { has: obj => #handleGranularity in obj, get: obj => obj.#handleGranularity }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_enableOffsetEvent_descriptor = { value: __setFunctionName(function (enable) {
-                    if (enable) {
-                        this.#dom.addEventListener('scroll', this.#handleScroll, {
-                            passive: true,
-                        });
-                    }
-                    else {
-                        this.#dom.removeEventListener('scroll', this.#handleScroll);
-                    }
-                }, "#enableOffsetEvent") }, _private_enableOffsetEvent_decorators, { kind: "method", name: "#enableOffsetEvent", static: false, private: true, access: { has: obj => #enableOffsetEvent in obj, get: obj => obj.#enableOffsetEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __handleGranularity_decorators = [registerAttributeHandler('granularity', true)];
+            __enableOffsetEvent_decorators = [registerEventEnableStatusChangeHandler('offset')];
+            __esDecorate(this, null, __handleGranularity_decorators, { kind: "method", name: "_handleGranularity", static: false, private: false, access: { has: obj => "_handleGranularity" in obj, get: obj => obj._handleGranularity }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, __enableOffsetEvent_decorators, { kind: "method", name: "_enableOffsetEvent", static: false, private: false, access: { has: obj => "_enableOffsetEvent" in obj, get: obj => obj._enableOffsetEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         #dom = __runInitializers(this, _instanceExtraInitializers);
@@ -43,8 +27,22 @@ let XFoldviewNgEvents = (() => {
             this.#dom = dom;
         }
         static observedAttributes = ['granularity'];
-        get #handleGranularity() { return _private_handleGranularity_descriptor.value; }
-        get #enableOffsetEvent() { return _private_enableOffsetEvent_descriptor.value; }
+        _handleGranularity(newVal) {
+            if (newVal && newVal !== '')
+                this.#granularity = parseFloat(newVal);
+            else
+                this.#granularity = 0.01;
+        }
+        _enableOffsetEvent(enable) {
+            if (enable) {
+                this.#dom.addEventListener('scroll', this.#handleScroll, {
+                    passive: true,
+                });
+            }
+            else {
+                this.#dom.removeEventListener('scroll', this.#handleScroll);
+            }
+        }
         #handleScroll = () => {
             const currentScrollTop = this.#dom.scrollTop;
             const scrollLength = Math.abs(this.#pervScroll - currentScrollTop);

package/dist/XFoldViewNg/XFoldviewSlotNgTouchEventsHandler.js

@@ -1,5 +1,4 @@
 import { isHeaderShowing } from './XFoldviewNg.js';
-import { isChromium } from '../common/constants.js';
 export class XFoldviewSlotNgTouchEventsHandler {
     #parentScrollTop = 0;
     #childrenElemsntsScrollTop = new WeakMap();

package/dist/XImage/DropShadow.d.ts

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

package/dist/XImage/DropShadow.js

@@ -6,22 +6,22 @@ import { __esDecorate, __runInitializers } from "tslib";
 */
 import { bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let DropShadow = (() => {
-    let _private_handleBlurRadius_decorators;
-    let _private_handleBlurRadius_initializers = [];
-    let _private_handleBlurRadius_extraInitializers = [];
+    let __handleBlurRadius_decorators;
+    let __handleBlurRadius_initializers = [];
+    let __handleBlurRadius_extraInitializers = [];
     return class DropShadow {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleBlurRadius_decorators = [registerAttributeHandler('drop-shadow', true)];
-            __esDecorate(null, null, _private_handleBlurRadius_decorators, { kind: "field", name: "#handleBlurRadius", static: false, private: true, access: { has: obj => #handleBlurRadius in obj, get: obj => obj.#handleBlurRadius, set: (obj, value) => { obj.#handleBlurRadius = value; } }, metadata: _metadata }, _private_handleBlurRadius_initializers, _private_handleBlurRadius_extraInitializers);
+            __handleBlurRadius_decorators = [registerAttributeHandler('drop-shadow', true)];
+            __esDecorate(null, null, __handleBlurRadius_decorators, { kind: "field", name: "_handleBlurRadius", static: false, private: false, access: { has: obj => "_handleBlurRadius" in obj, get: obj => obj._handleBlurRadius, set: (obj, value) => { obj._handleBlurRadius = value; } }, metadata: _metadata }, __handleBlurRadius_initializers, __handleBlurRadius_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = ['drop-shadow'];
         #dom;
         #getImg = genDomGetter(() => this.#dom.shadowRoot, '#img');
-        #handleBlurRadius = __runInitializers(this, _private_handleBlurRadius_initializers, bindToStyle(this.#getImg, '--drop-shadow', undefined, true));
+        _handleBlurRadius = __runInitializers(this, __handleBlurRadius_initializers, bindToStyle(this.#getImg, '--drop-shadow', undefined, true));
         constructor(dom) {
-            __runInitializers(this, _private_handleBlurRadius_extraInitializers);
+            __runInitializers(this, __handleBlurRadius_extraInitializers);
             this.#dom = dom;
         }
     };

package/dist/XImage/ImageEvents.d.ts

@@ -2,5 +2,7 @@ import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 export declare class ImageEvents implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static observedAttributes: never[];
+    _enableLoadEvent(status: boolean): void;
+    _enableErrorEvent(status: boolean): void;
     constructor(dom: HTMLElement);
 }

package/dist/XImage/ImageEvents.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,42 +9,40 @@ import { commonComponentEventSetting } from '../common/commonEventInitConfigurat
 import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
 let ImageEvents = (() => {
     let _instanceExtraInitializers = [];
-    let _private_enableLoadEvent_decorators;
-    let _private_enableLoadEvent_descriptor;
-    let _private_enableErrorEvent_decorators;
-    let _private_enableErrorEvent_descriptor;
+    let __enableLoadEvent_decorators;
+    let __enableErrorEvent_decorators;
     return class ImageEvents {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_enableLoadEvent_decorators = [registerEventEnableStatusChangeHandler('load')];
-            _private_enableErrorEvent_decorators = [registerEventEnableStatusChangeHandler('error')];
-            __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);
-            __esDecorate(this, _private_enableErrorEvent_descriptor = { value: __setFunctionName(function (status) {
-                    if (status) {
-                        this.#getImg().addEventListener('error', this.#teleportErrorEvent, {
-                            passive: true,
-                        });
-                    }
-                    else {
-                        this.#getImg().removeEventListener('error', this.#teleportErrorEvent);
-                    }
-                }, "#enableErrorEvent") }, _private_enableErrorEvent_decorators, { kind: "method", name: "#enableErrorEvent", static: false, private: true, access: { has: obj => #enableErrorEvent in obj, get: obj => obj.#enableErrorEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __enableLoadEvent_decorators = [registerEventEnableStatusChangeHandler('load')];
+            __enableErrorEvent_decorators = [registerEventEnableStatusChangeHandler('error')];
+            __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);
+            __esDecorate(this, null, __enableErrorEvent_decorators, { kind: "method", name: "_enableErrorEvent", static: false, private: false, access: { has: obj => "_enableErrorEvent" in obj, get: obj => obj._enableErrorEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [];
         #dom = __runInitializers(this, _instanceExtraInitializers);
         #getImg = genDomGetter(() => this.#dom.shadowRoot, '#img');
-        get #enableLoadEvent() { return _private_enableLoadEvent_descriptor.value; }
-        get #enableErrorEvent() { return _private_enableErrorEvent_descriptor.value; }
+        _enableLoadEvent(status) {
+            if (status) {
+                this.#getImg().addEventListener('load', this.#teleportLoadEvent, {
+                    passive: true,
+                });
+            }
+            else {
+                this.#getImg().removeEventListener('load', this.#teleportLoadEvent);
+            }
+        }
+        _enableErrorEvent(status) {
+            if (status) {
+                this.#getImg().addEventListener('error', this.#teleportErrorEvent, {
+                    passive: true,
+                });
+            }
+            else {
+                this.#getImg().removeEventListener('error', this.#teleportErrorEvent);
+            }
+        }
         #teleportLoadEvent = () => {
             this.#dom.dispatchEvent(new CustomEvent('load', {
                 ...commonComponentEventSetting,

package/dist/XImage/ImageSrc.d.ts

@@ -2,6 +2,11 @@ import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 export declare class ImageSrc implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static observedAttributes: string[];
+    _handleSrc: (this: void, newVal: string | null) => void;
+    _preloadPlaceholder(newVal: string | null): void;
+    _handleBlurRadius: (this: void, newVal: string | null) => void;
+    _handleCrossorigin: (this: void, newVal: string | null) => void;
+    _handleReferrerpolicy: (this: void, newVal: string | null) => void;
     constructor(dom: HTMLElement);
     connectedCallback(): void;
 }

package/dist/XImage/ImageSrc.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,37 +7,32 @@ import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
 import { bindToAttribute, bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let ImageSrc = (() => {
     let _instanceExtraInitializers = [];
-    let _private_handleSrc_decorators;
-    let _private_handleSrc_initializers = [];
-    let _private_handleSrc_extraInitializers = [];
-    let _private_preloadPlaceholder_decorators;
-    let _private_preloadPlaceholder_descriptor;
-    let _private_handleBlurRadius_decorators;
-    let _private_handleBlurRadius_initializers = [];
-    let _private_handleBlurRadius_extraInitializers = [];
-    let _private_handleCrossorigin_decorators;
-    let _private_handleCrossorigin_initializers = [];
-    let _private_handleCrossorigin_extraInitializers = [];
-    let _private_handleReferrerpolicy_decorators;
-    let _private_handleReferrerpolicy_initializers = [];
-    let _private_handleReferrerpolicy_extraInitializers = [];
+    let __handleSrc_decorators;
+    let __handleSrc_initializers = [];
+    let __handleSrc_extraInitializers = [];
+    let __preloadPlaceholder_decorators;
+    let __handleBlurRadius_decorators;
+    let __handleBlurRadius_initializers = [];
+    let __handleBlurRadius_extraInitializers = [];
+    let __handleCrossorigin_decorators;
+    let __handleCrossorigin_initializers = [];
+    let __handleCrossorigin_extraInitializers = [];
+    let __handleReferrerpolicy_decorators;
+    let __handleReferrerpolicy_initializers = [];
+    let __handleReferrerpolicy_extraInitializers = [];
     return class ImageSrc {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleSrc_decorators = [registerAttributeHandler('src', true)];
-            _private_preloadPlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
-            _private_handleBlurRadius_decorators = [registerAttributeHandler('blur-radius', true)];
-            _private_handleCrossorigin_decorators = [registerAttributeHandler('crossorigin', true)];
-            _private_handleReferrerpolicy_decorators = [registerAttributeHandler('referrerpolicy', true)];
-            __esDecorate(this, _private_preloadPlaceholder_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal) {
-                        new Image().src = newVal;
-                    }
-                }, "#preloadPlaceholder") }, _private_preloadPlaceholder_decorators, { kind: "method", name: "#preloadPlaceholder", static: false, private: true, access: { has: obj => #preloadPlaceholder in obj, get: obj => obj.#preloadPlaceholder }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, null, _private_handleSrc_decorators, { kind: "field", name: "#handleSrc", static: false, private: true, access: { has: obj => #handleSrc in obj, get: obj => obj.#handleSrc, set: (obj, value) => { obj.#handleSrc = value; } }, metadata: _metadata }, _private_handleSrc_initializers, _private_handleSrc_extraInitializers);
-            __esDecorate(null, null, _private_handleBlurRadius_decorators, { kind: "field", name: "#handleBlurRadius", static: false, private: true, access: { has: obj => #handleBlurRadius in obj, get: obj => obj.#handleBlurRadius, set: (obj, value) => { obj.#handleBlurRadius = value; } }, metadata: _metadata }, _private_handleBlurRadius_initializers, _private_handleBlurRadius_extraInitializers);
-            __esDecorate(null, null, _private_handleCrossorigin_decorators, { kind: "field", name: "#handleCrossorigin", static: false, private: true, access: { has: obj => #handleCrossorigin in obj, get: obj => obj.#handleCrossorigin, set: (obj, value) => { obj.#handleCrossorigin = value; } }, metadata: _metadata }, _private_handleCrossorigin_initializers, _private_handleCrossorigin_extraInitializers);
-            __esDecorate(null, null, _private_handleReferrerpolicy_decorators, { kind: "field", name: "#handleReferrerpolicy", static: false, private: true, access: { has: obj => #handleReferrerpolicy in obj, get: obj => obj.#handleReferrerpolicy, set: (obj, value) => { obj.#handleReferrerpolicy = value; } }, metadata: _metadata }, _private_handleReferrerpolicy_initializers, _private_handleReferrerpolicy_extraInitializers);
+            __handleSrc_decorators = [registerAttributeHandler('src', true)];
+            __preloadPlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
+            __handleBlurRadius_decorators = [registerAttributeHandler('blur-radius', true)];
+            __handleCrossorigin_decorators = [registerAttributeHandler('crossorigin', true)];
+            __handleReferrerpolicy_decorators = [registerAttributeHandler('referrerpolicy', true)];
+            __esDecorate(this, null, __preloadPlaceholder_decorators, { kind: "method", name: "_preloadPlaceholder", static: false, private: false, access: { has: obj => "_preloadPlaceholder" in obj, get: obj => obj._preloadPlaceholder }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, __handleSrc_decorators, { kind: "field", name: "_handleSrc", static: false, private: false, access: { has: obj => "_handleSrc" in obj, get: obj => obj._handleSrc, set: (obj, value) => { obj._handleSrc = value; } }, metadata: _metadata }, __handleSrc_initializers, __handleSrc_extraInitializers);
+            __esDecorate(null, null, __handleBlurRadius_decorators, { kind: "field", name: "_handleBlurRadius", static: false, private: false, access: { has: obj => "_handleBlurRadius" in obj, get: obj => obj._handleBlurRadius, set: (obj, value) => { obj._handleBlurRadius = value; } }, metadata: _metadata }, __handleBlurRadius_initializers, __handleBlurRadius_extraInitializers);
+            __esDecorate(null, null, __handleCrossorigin_decorators, { kind: "field", name: "_handleCrossorigin", static: false, private: false, access: { has: obj => "_handleCrossorigin" in obj, get: obj => obj._handleCrossorigin, set: (obj, value) => { obj._handleCrossorigin = value; } }, metadata: _metadata }, __handleCrossorigin_initializers, __handleCrossorigin_extraInitializers);
+            __esDecorate(null, null, __handleReferrerpolicy_decorators, { kind: "field", name: "_handleReferrerpolicy", static: false, private: false, access: { has: obj => "_handleReferrerpolicy" in obj, get: obj => obj._handleReferrerpolicy, set: (obj, value) => { obj._handleReferrerpolicy = value; } }, metadata: _metadata }, __handleReferrerpolicy_initializers, __handleReferrerpolicy_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -49,14 +44,18 @@ let ImageSrc = (() => {
         ];
         #dom = __runInitializers(this, _instanceExtraInitializers);
         #getImg = genDomGetter(() => this.#dom.shadowRoot, '#img');
-        #handleSrc = __runInitializers(this, _private_handleSrc_initializers, bindToAttribute(this.#getImg, 'src', (newval) => {
+        _handleSrc = __runInitializers(this, __handleSrc_initializers, bindToAttribute(this.#getImg, 'src', (newval) => {
             return newval || this.#dom.getAttribute('placeholder');
         }));
-        get #preloadPlaceholder() { return _private_preloadPlaceholder_descriptor.value; }
-        #handleBlurRadius = (__runInitializers(this, _private_handleSrc_extraInitializers), __runInitializers(this, _private_handleBlurRadius_initializers, bindToStyle(this.#getImg, '--blur-radius', undefined, true)));
-        #handleCrossorigin = (__runInitializers(this, _private_handleBlurRadius_extraInitializers), __runInitializers(this, _private_handleCrossorigin_initializers, bindToAttribute(this.#getImg, 'crossorigin')));
-        #handleReferrerpolicy = (__runInitializers(this, _private_handleCrossorigin_extraInitializers), __runInitializers(this, _private_handleReferrerpolicy_initializers, bindToAttribute(this.#getImg, 'referrerpolicy')));
-        #onImageError = (__runInitializers(this, _private_handleReferrerpolicy_extraInitializers), () => {
+        _preloadPlaceholder(newVal) {
+            if (newVal) {
+                new Image().src = newVal;
+            }
+        }
+        _handleBlurRadius = (__runInitializers(this, __handleSrc_extraInitializers), __runInitializers(this, __handleBlurRadius_initializers, bindToStyle(this.#getImg, '--blur-radius', undefined, true)));
+        _handleCrossorigin = (__runInitializers(this, __handleBlurRadius_extraInitializers), __runInitializers(this, __handleCrossorigin_initializers, bindToAttribute(this.#getImg, 'crossorigin')));
+        _handleReferrerpolicy = (__runInitializers(this, __handleCrossorigin_extraInitializers), __runInitializers(this, __handleReferrerpolicy_initializers, bindToAttribute(this.#getImg, 'referrerpolicy')));
+        #onImageError = (__runInitializers(this, __handleReferrerpolicy_extraInitializers), () => {
             const currentSrc = this.#getImg().src;
             const placeholder = this.#dom.getAttribute('placeholder');
             if (placeholder && currentSrc !== placeholder) {
@@ -70,7 +69,7 @@ let ImageSrc = (() => {
         connectedCallback() {
             if (this.#dom.getAttribute('src') === null
                 || this.#dom.getAttribute('src') === '') {
-                this.#handleSrc(null);
+                this._handleSrc(null);
             }
         }
     };

package/dist/XInput/InputBaseAttributes.d.ts

@@ -5,5 +5,10 @@ import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 export declare class InputBaseAttributes 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;
+    _handleType(value: string | null): void;
+    _handleSpellCheck: (this: void, newVal: string | null) => void;
     constructor(dom: HTMLElement);
 }

package/dist/XInput/InputBaseAttributes.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,58 +10,32 @@ import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-
  */
 let InputBaseAttributes = (() => {
     let _instanceExtraInitializers = [];
-    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_handleType_decorators;
-    let _private_handleType_descriptor;
-    let _private_handleSpellCheck_decorators;
-    let _private_handleSpellCheck_initializers = [];
-    let _private_handleSpellCheck_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 __handleType_decorators;
+    let __handleSpellCheck_decorators;
+    let __handleSpellCheck_initializers = [];
+    let __handleSpellCheck_extraInitializers = [];
     return class InputBaseAttributes {
         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_handleType_decorators = [registerAttributeHandler('type', true)];
-            _private_handleSpellCheck_decorators = [registerAttributeHandler('ios-spell-check', true), registerAttributeHandler('spell-check', true)];
-            __esDecorate(this, _private_handleType_descriptor = { value: __setFunctionName(function (value) {
-                    const attributeValue = value;
-                    // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
-                    let inputMode = 'text';
-                    let inputType = 'text';
-                    /**
-                     * For number / digit type, if the user is typing "2.", the raw value is expected to remain "2." rather than being altered.
-                     */
-                    if (attributeValue === 'digit') {
-                        inputMode = 'numeric';
-                    }
-                    else if (attributeValue === 'number') {
-                        inputMode = 'decimal';
-                    }
-                    else if (attributeValue === 'email') {
-                        inputMode = 'email';
-                    }
-                    else if (attributeValue === 'tel') {
-                        inputMode = 'tel';
-                    }
-                    else {
-                        inputType = attributeValue;
-                    }
-                    this.#setInputmode(inputMode);
-                    this.#setType(inputType);
-                }, "#handleType") }, _private_handleType_decorators, { kind: "method", name: "#handleType", static: false, private: true, access: { has: obj => #handleType in obj, get: obj => obj.#handleType }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __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);
+            __handlerConfirmType_decorators = [registerAttributeHandler('confirm-type', true)];
+            __handlerMaxlength_decorators = [registerAttributeHandler('maxlength', true)];
+            __handleReadonly_decorators = [registerAttributeHandler('readonly', true)];
+            __handleType_decorators = [registerAttributeHandler('type', true)];
+            __handleSpellCheck_decorators = [registerAttributeHandler('ios-spell-check', true), registerAttributeHandler('spell-check', true)];
+            __esDecorate(this, null, __handleType_decorators, { kind: "method", name: "_handleType", static: false, private: false, access: { has: obj => "_handleType" in obj, get: obj => obj._handleType }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __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);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -73,25 +47,49 @@ let InputBaseAttributes = (() => {
             'spell-check',
         ];
         #dom = __runInitializers(this, _instanceExtraInitializers);
-        #inputType = 'text';
         #getInputElement = genDomGetter(() => this.#dom.shadowRoot, '#input');
-        #handlerConfirmType = __runInitializers(this, _private_handlerConfirmType_initializers, bindToAttribute(this.#getInputElement, 'enterkeyhint', (val) => {
+        _handlerConfirmType = __runInitializers(this, __handlerConfirmType_initializers, bindToAttribute(this.#getInputElement, 'enterkeyhint', (val) => {
             if (val === null)
                 return 'send';
             return val;
         }));
-        #handlerMaxlength = (__runInitializers(this, _private_handlerConfirmType_extraInitializers), __runInitializers(this, _private_handlerMaxlength_initializers, bindToAttribute(this.#getInputElement, 'maxlength', (val) => {
+        _handlerMaxlength = (__runInitializers(this, __handlerConfirmType_extraInitializers), __runInitializers(this, __handlerMaxlength_initializers, bindToAttribute(this.#getInputElement, 'maxlength', (val) => {
             if (val === null)
                 return '140';
             return val;
         })));
-        #handleReadonly = (__runInitializers(this, _private_handlerMaxlength_extraInitializers), __runInitializers(this, _private_handleReadonly_initializers, bindToAttribute(this.#getInputElement, 'readonly', (value) => (value !== null ? '' : null))));
-        #setType = (__runInitializers(this, _private_handleReadonly_extraInitializers), bindToAttribute(this.#getInputElement, 'type'));
+        _handleReadonly = (__runInitializers(this, __handlerMaxlength_extraInitializers), __runInitializers(this, __handleReadonly_initializers, bindToAttribute(this.#getInputElement, 'readonly', (value) => (value !== null ? '' : null))));
+        #setType = (__runInitializers(this, __handleReadonly_extraInitializers), bindToAttribute(this.#getInputElement, 'type'));
         #setInputmode = bindToAttribute(this.#getInputElement, 'inputmode');
-        get #handleType() { return _private_handleType_descriptor.value; }
-        #handleSpellCheck = __runInitializers(this, _private_handleSpellCheck_initializers, bindToAttribute(this.#getInputElement, 'spellcheck', (value) => (value === null ? 'false' : 'true')));
+        _handleType(value) {
+            const attributeValue = value;
+            // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
+            let inputMode = 'text';
+            let inputType = 'text';
+            /**
+             * For number / digit type, if the user is typing "2.", the raw value is expected to remain "2." rather than being altered.
+             */
+            if (attributeValue === 'digit') {
+                inputMode = 'numeric';
+            }
+            else if (attributeValue === 'number') {
+                inputMode = 'decimal';
+            }
+            else if (attributeValue === 'email') {
+                inputMode = 'email';
+            }
+            else if (attributeValue === 'tel') {
+                inputMode = 'tel';
+            }
+            else {
+                inputType = attributeValue;
+            }
+            this.#setInputmode(inputMode);
+            this.#setType(inputType);
+        }
+        _handleSpellCheck = __runInitializers(this, __handleSpellCheck_initializers, bindToAttribute(this.#getInputElement, 'spellcheck', (value) => (value === null ? 'false' : 'true')));
         constructor(dom) {
-            __runInitializers(this, _private_handleSpellCheck_extraInitializers);
+            __runInitializers(this, __handleSpellCheck_extraInitializers);
             this.#dom = dom;
         }
     };

package/dist/XInput/Placeholder.d.ts

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

package/dist/XInput/Placeholder.js

@@ -6,34 +6,34 @@ import { __esDecorate, __runInitializers } from "tslib";
 */
 import { bindToAttribute, bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
 let Placeholder = (() => {
-    let _private_handlerPlaceholder_decorators;
-    let _private_handlerPlaceholder_initializers = [];
-    let _private_handlerPlaceholder_extraInitializers = [];
-    let _private_handlerPlaceholderColor_decorators;
-    let _private_handlerPlaceholderColor_initializers = [];
-    let _private_handlerPlaceholderColor_extraInitializers = [];
-    let _private_handlerPlaceholderFontFamily_decorators;
-    let _private_handlerPlaceholderFontFamily_initializers = [];
-    let _private_handlerPlaceholderFontFamily_extraInitializers = [];
-    let _private_handlerPlaceholderFontSize_decorators;
-    let _private_handlerPlaceholderFontSize_initializers = [];
-    let _private_handlerPlaceholderFontSize_extraInitializers = [];
-    let _private_handlerPlaceholderFontWeight_decorators;
-    let _private_handlerPlaceholderFontWeight_initializers = [];
-    let _private_handlerPlaceholderFontWeight_extraInitializers = [];
+    let __handlerPlaceholder_decorators;
+    let __handlerPlaceholder_initializers = [];
+    let __handlerPlaceholder_extraInitializers = [];
+    let __handlerPlaceholderColor_decorators;
+    let __handlerPlaceholderColor_initializers = [];
+    let __handlerPlaceholderColor_extraInitializers = [];
+    let __handlerPlaceholderFontFamily_decorators;
+    let __handlerPlaceholderFontFamily_initializers = [];
+    let __handlerPlaceholderFontFamily_extraInitializers = [];
+    let __handlerPlaceholderFontSize_decorators;
+    let __handlerPlaceholderFontSize_initializers = [];
+    let __handlerPlaceholderFontSize_extraInitializers = [];
+    let __handlerPlaceholderFontWeight_decorators;
+    let __handlerPlaceholderFontWeight_initializers = [];
+    let __handlerPlaceholderFontWeight_extraInitializers = [];
     return class Placeholder {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handlerPlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
-            _private_handlerPlaceholderColor_decorators = [registerAttributeHandler('placeholder-color', true)];
-            _private_handlerPlaceholderFontFamily_decorators = [registerAttributeHandler('placeholder-font-family', true)];
-            _private_handlerPlaceholderFontSize_decorators = [registerAttributeHandler('placeholder-font-size', true)];
-            _private_handlerPlaceholderFontWeight_decorators = [registerAttributeHandler('placeholder-font-weight', true)];
-            __esDecorate(null, null, _private_handlerPlaceholder_decorators, { kind: "field", name: "#handlerPlaceholder", static: false, private: true, access: { has: obj => #handlerPlaceholder in obj, get: obj => obj.#handlerPlaceholder, set: (obj, value) => { obj.#handlerPlaceholder = value; } }, metadata: _metadata }, _private_handlerPlaceholder_initializers, _private_handlerPlaceholder_extraInitializers);
-            __esDecorate(null, null, _private_handlerPlaceholderColor_decorators, { kind: "field", name: "#handlerPlaceholderColor", static: false, private: true, access: { has: obj => #handlerPlaceholderColor in obj, get: obj => obj.#handlerPlaceholderColor, set: (obj, value) => { obj.#handlerPlaceholderColor = value; } }, metadata: _metadata }, _private_handlerPlaceholderColor_initializers, _private_handlerPlaceholderColor_extraInitializers);
-            __esDecorate(null, null, _private_handlerPlaceholderFontFamily_decorators, { kind: "field", name: "#handlerPlaceholderFontFamily", static: false, private: true, access: { has: obj => #handlerPlaceholderFontFamily in obj, get: obj => obj.#handlerPlaceholderFontFamily, set: (obj, value) => { obj.#handlerPlaceholderFontFamily = value; } }, metadata: _metadata }, _private_handlerPlaceholderFontFamily_initializers, _private_handlerPlaceholderFontFamily_extraInitializers);
-            __esDecorate(null, null, _private_handlerPlaceholderFontSize_decorators, { kind: "field", name: "#handlerPlaceholderFontSize", static: false, private: true, access: { has: obj => #handlerPlaceholderFontSize in obj, get: obj => obj.#handlerPlaceholderFontSize, set: (obj, value) => { obj.#handlerPlaceholderFontSize = value; } }, metadata: _metadata }, _private_handlerPlaceholderFontSize_initializers, _private_handlerPlaceholderFontSize_extraInitializers);
-            __esDecorate(null, null, _private_handlerPlaceholderFontWeight_decorators, { kind: "field", name: "#handlerPlaceholderFontWeight", static: false, private: true, access: { has: obj => #handlerPlaceholderFontWeight in obj, get: obj => obj.#handlerPlaceholderFontWeight, set: (obj, value) => { obj.#handlerPlaceholderFontWeight = value; } }, metadata: _metadata }, _private_handlerPlaceholderFontWeight_initializers, _private_handlerPlaceholderFontWeight_extraInitializers);
+            __handlerPlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
+            __handlerPlaceholderColor_decorators = [registerAttributeHandler('placeholder-color', true)];
+            __handlerPlaceholderFontFamily_decorators = [registerAttributeHandler('placeholder-font-family', true)];
+            __handlerPlaceholderFontSize_decorators = [registerAttributeHandler('placeholder-font-size', true)];
+            __handlerPlaceholderFontWeight_decorators = [registerAttributeHandler('placeholder-font-weight', true)];
+            __esDecorate(null, null, __handlerPlaceholder_decorators, { kind: "field", name: "_handlerPlaceholder", static: false, private: false, access: { has: obj => "_handlerPlaceholder" in obj, get: obj => obj._handlerPlaceholder, set: (obj, value) => { obj._handlerPlaceholder = value; } }, metadata: _metadata }, __handlerPlaceholder_initializers, __handlerPlaceholder_extraInitializers);
+            __esDecorate(null, null, __handlerPlaceholderColor_decorators, { kind: "field", name: "_handlerPlaceholderColor", static: false, private: false, access: { has: obj => "_handlerPlaceholderColor" in obj, get: obj => obj._handlerPlaceholderColor, set: (obj, value) => { obj._handlerPlaceholderColor = value; } }, metadata: _metadata }, __handlerPlaceholderColor_initializers, __handlerPlaceholderColor_extraInitializers);
+            __esDecorate(null, null, __handlerPlaceholderFontFamily_decorators, { kind: "field", name: "_handlerPlaceholderFontFamily", static: false, private: false, access: { has: obj => "_handlerPlaceholderFontFamily" in obj, get: obj => obj._handlerPlaceholderFontFamily, set: (obj, value) => { obj._handlerPlaceholderFontFamily = value; } }, metadata: _metadata }, __handlerPlaceholderFontFamily_initializers, __handlerPlaceholderFontFamily_extraInitializers);
+            __esDecorate(null, null, __handlerPlaceholderFontSize_decorators, { kind: "field", name: "_handlerPlaceholderFontSize", static: false, private: false, access: { has: obj => "_handlerPlaceholderFontSize" in obj, get: obj => obj._handlerPlaceholderFontSize, set: (obj, value) => { obj._handlerPlaceholderFontSize = value; } }, metadata: _metadata }, __handlerPlaceholderFontSize_initializers, __handlerPlaceholderFontSize_extraInitializers);
+            __esDecorate(null, null, __handlerPlaceholderFontWeight_decorators, { kind: "field", name: "_handlerPlaceholderFontWeight", static: false, private: false, access: { has: obj => "_handlerPlaceholderFontWeight" in obj, get: obj => obj._handlerPlaceholderFontWeight, set: (obj, value) => { obj._handlerPlaceholderFontWeight = value; } }, metadata: _metadata }, __handlerPlaceholderFontWeight_initializers, __handlerPlaceholderFontWeight_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static observedAttributes = [
@@ -45,13 +45,13 @@ let Placeholder = (() => {
         ];
         #dom;
         #getInputElement = genDomGetter(() => this.#dom.shadowRoot, '#input');
-        #handlerPlaceholder = __runInitializers(this, _private_handlerPlaceholder_initializers, bindToAttribute(this.#getInputElement, 'placeholder'));
-        #handlerPlaceholderColor = (__runInitializers(this, _private_handlerPlaceholder_extraInitializers), __runInitializers(this, _private_handlerPlaceholderColor_initializers, bindToStyle(this.#getInputElement, '--placeholder-color', undefined, true)));
-        #handlerPlaceholderFontFamily = (__runInitializers(this, _private_handlerPlaceholderColor_extraInitializers), __runInitializers(this, _private_handlerPlaceholderFontFamily_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-family', undefined, true)));
-        #handlerPlaceholderFontSize = (__runInitializers(this, _private_handlerPlaceholderFontFamily_extraInitializers), __runInitializers(this, _private_handlerPlaceholderFontSize_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-size', undefined, true)));
-        #handlerPlaceholderFontWeight = (__runInitializers(this, _private_handlerPlaceholderFontSize_extraInitializers), __runInitializers(this, _private_handlerPlaceholderFontWeight_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-weight', undefined, true)));
+        _handlerPlaceholder = __runInitializers(this, __handlerPlaceholder_initializers, bindToAttribute(this.#getInputElement, 'placeholder'));
+        _handlerPlaceholderColor = (__runInitializers(this, __handlerPlaceholder_extraInitializers), __runInitializers(this, __handlerPlaceholderColor_initializers, bindToStyle(this.#getInputElement, '--placeholder-color', undefined, true)));
+        _handlerPlaceholderFontFamily = (__runInitializers(this, __handlerPlaceholderColor_extraInitializers), __runInitializers(this, __handlerPlaceholderFontFamily_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-family', undefined, true)));
+        _handlerPlaceholderFontSize = (__runInitializers(this, __handlerPlaceholderFontFamily_extraInitializers), __runInitializers(this, __handlerPlaceholderFontSize_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-size', undefined, true)));
+        _handlerPlaceholderFontWeight = (__runInitializers(this, __handlerPlaceholderFontSize_extraInitializers), __runInitializers(this, __handlerPlaceholderFontWeight_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-weight', undefined, true)));
         constructor(dom) {
-            __runInitializers(this, _private_handlerPlaceholderFontWeight_extraInitializers);
+            __runInitializers(this, __handlerPlaceholderFontWeight_extraInitializers);
             this.#dom = dom;
         }
     };

package/dist/XInput/XInputAttribute.d.ts

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