@lynx-js/web-elements 0.9.0 → 0.10.0

package/dist/{XSwiper → elements/XSwiper}/XSwiperCircular.js

@@ -1,37 +1,21 @@
-import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 /*
 // Copyright 2024 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { bindSwitchToEventListener, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { bindSwitchToEventListener, genDomGetter, registerAttributeHandler, } from '../../element-reactive/index.js';
 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 → elements/XSwiper}/XSwiperEvents.d.ts

@@ -1,8 +1,10 @@
-import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '../../element-reactive/index.js';
 import type { XSwiper } from './XSwiper.js';
 export declare class XSwipeEvents implements InstanceType<AttributeReactiveClass<typeof XSwiper>> {
     #private;
     static observedAttributes: never[];
     constructor(dom: XSwiper);
+    _handleEnableTransitionEvent: (this: void, enable: boolean) => void;
+    _enableScrollEventProcessor(value: boolean, eventName: string): void;
     connectedCallback(): void;
 }

package/dist/{XSwiper → elements/XSwiper}/XSwiperEvents.js

@@ -1,34 +1,26 @@
-import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 /*
 // Copyright 2024 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { bindSwitchToEventListener, genDomGetter, } from '@lynx-js/web-elements-reactive';
+import { bindSwitchToEventListener, genDomGetter, } from '../../element-reactive/index.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 import { useScrollEnd } from '../common/constants.js';
-import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
+import { registerEventEnableStatusChangeHandler } from '../../element-reactive/index.js';
 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/elements/XSwiper/XSwiperIndicator.d.ts

@@ -0,0 +1,14 @@
+import { type AttributeReactiveClass } from '../../element-reactive/index.js';
+import type { XSwiper } from './XSwiper.js';
+export declare class XSwiperIndicator implements InstanceType<AttributeReactiveClass<typeof XSwiper>> {
+    #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/elements/XSwiper/XSwiperIndicator.js

@@ -0,0 +1,117 @@
+import { __esDecorate, __runInitializers } from "tslib";
+/*
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+*/
+import { genDomGetter, registerAttributeHandler, bindToStyle, boostedQueueMicrotask, } from '../../element-reactive/index.js';
+let XSwiperIndicator = (() => {
+    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;
+            __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 = [
+            'indicator-color',
+            'indicator-active-color',
+            'page-margin',
+            'previous-margin',
+            'next-margin',
+        ];
+        #dom;
+        #numOfChildElement = 0;
+        #getIndicatorContainer = genDomGetter(() => this.#dom.shadowRoot, '#indicator-container');
+        #getIndicatorDynamicStyleContainer = genDomGetter(() => this.#dom.shadowRoot, '#indicator-style');
+        #childrenElementMutationObserver;
+        constructor(dom) {
+            __runInitializers(this, __handleNextMargin_extraInitializers);
+            this.#dom = dom;
+        }
+        _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) {
+                let nextInnerHtml = '';
+                for (let ii = 0; ii < currentNumber; ii++) {
+                    nextInnerHtml +=
+                        `<div style="animation-timeline:--x-swiper-item-${ii};" part="indicator-item"></div>`;
+                }
+                this.#getIndicatorContainer().innerHTML = nextInnerHtml;
+                if (currentNumber > 5) {
+                    for (let ii = 0; ii < currentNumber; ii++) {
+                        this.#dom.children.item(ii)?.style.setProperty('view-timeline-name', `--x-swiper-item-${ii}`);
+                    }
+                    this.#getIndicatorDynamicStyleContainer().innerHTML =
+                        `:host { timeline-scope: ${Array.from({ length: currentNumber }, (_, ii) => `--x-swiper-item-${ii}`).join(',')} !important; }`;
+                }
+            }
+            this.#numOfChildElement = currentNumber;
+        }
+        connectedCallback() {
+            this.#updateIndicatorDoms();
+            this.#childrenElementMutationObserver = new MutationObserver(this.#updateIndicatorDoms.bind(this));
+            this.#childrenElementMutationObserver.observe(this.#dom, {
+                attributes: false,
+                characterData: false,
+                childList: true,
+                subtree: false,
+            });
+            if (!CSS.supports('timeline-scope', '--a, --b')) {
+                this.#dom.addEventListener('change', (({ detail }) => {
+                    const currentPage = detail.current;
+                    const numberOfChildren = this.#dom.childElementCount;
+                    const indicatorContainer = this.#getIndicatorContainer();
+                    for (let ii = 0; ii < numberOfChildren; ii++) {
+                        const indicator = indicatorContainer.children[ii];
+                        if (indicator) {
+                            if (ii === currentPage) {
+                                indicator.style.setProperty('background-color', 'var(--indicator-active-color)', 'important');
+                            }
+                            else {
+                                indicator.style.removeProperty('background-color');
+                            }
+                        }
+                    }
+                }).bind(this));
+                boostedQueueMicrotask(() => {
+                    this.#getIndicatorContainer().children[this.#dom.currentIndex]?.style.setProperty('background-color', 'var(--indicator-active-color)', 'important');
+                });
+            }
+        }
+        dispose() {
+            this.#childrenElementMutationObserver?.disconnect();
+            this.#childrenElementMutationObserver = undefined;
+        }
+    };
+})();
+export { XSwiperIndicator };
+//# sourceMappingURL=XSwiperIndicator.js.map

package/dist/elements/XSwiper/index.d.ts

@@ -0,0 +1,29 @@
+export { SwiperItem } from './SwiperItem.js';
+/**
+ * @module elements/XSwiper
+ *
+ * `x-swiper` provides a swipeable container for items.
+ *
+ * Attributes:
+ * - `mode`: 'normal' | 'carousel' | 'flat-coverflow'.
+ * - `vertical`: 'true' | 'false', vertical scrolling.
+ * - `circular`: 'true' | 'false', circular scrolling.
+ * - `current`: Current index.
+ * - `autoplay`: 'true' | 'false'.
+ * - `interval`: Autoplay interval in ms (default 5000).
+ * - `duration`: Animation duration.
+ * - `smooth-scroll`: 'true' | 'false'.
+ * - `indicator-dots`: 'true' | 'false', show indicator dots.
+ * - `indicator-color`: Color of inactive indicator dots.
+ * - `indicator-active-color`: Color of active indicator dot.
+ *
+ * Events:
+ * - `change`: Fired when current index changes. Detail: `{ current, isDragged }`.
+ * - `scrollstart`: Fired when scrolling starts.
+ * - `scrollend` (mapped to `lynxscrollend`): Fired when scrolling ends.
+ * - `transition`: Fired during scroll transition (if enabled). Detail: `{ dx, dy }`.
+ *
+ * Methods:
+ * - `scrollTo({ index, smooth })`: Scrolls to index.
+ */
+export { XSwiper } from './XSwiper.js';

package/dist/elements/XSwiper/index.js

@@ -0,0 +1,33 @@
+// 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.
+export { SwiperItem } from './SwiperItem.js';
+/**
+ * @module elements/XSwiper
+ *
+ * `x-swiper` provides a swipeable container for items.
+ *
+ * Attributes:
+ * - `mode`: 'normal' | 'carousel' | 'flat-coverflow'.
+ * - `vertical`: 'true' | 'false', vertical scrolling.
+ * - `circular`: 'true' | 'false', circular scrolling.
+ * - `current`: Current index.
+ * - `autoplay`: 'true' | 'false'.
+ * - `interval`: Autoplay interval in ms (default 5000).
+ * - `duration`: Animation duration.
+ * - `smooth-scroll`: 'true' | 'false'.
+ * - `indicator-dots`: 'true' | 'false', show indicator dots.
+ * - `indicator-color`: Color of inactive indicator dots.
+ * - `indicator-active-color`: Color of active indicator dot.
+ *
+ * Events:
+ * - `change`: Fired when current index changes. Detail: `{ current, isDragged }`.
+ * - `scrollstart`: Fired when scrolling starts.
+ * - `scrollend` (mapped to `lynxscrollend`): Fired when scrolling ends.
+ * - `transition`: Fired during scroll transition (if enabled). Detail: `{ dx, dy }`.
+ *
+ * Methods:
+ * - `scrollTo({ index, smooth })`: Scrolls to index.
+ */
+export { XSwiper } from './XSwiper.js';
+//# sourceMappingURL=index.js.map

package/dist/{XText → elements/XText}/InlineImage.d.ts

@@ -1,8 +1,9 @@
-import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '../../element-reactive/index.js';
 export declare class InlineImageAttributes implements InstanceType<AttributeReactiveClass<typeof InlineImage>> {
     #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 → elements/XText}/InlineImage.js

@@ -1,25 +1,19 @@
-import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 /*
 // Copyright 2024 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { Component, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
-import { templateInlineImage } from '@lynx-js/web-elements-template';
+import { Component, genDomGetter, registerAttributeHandler, } from '../../element-reactive/index.js';
+import { templateInlineImage } from '../htmlTemplates.js';
 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 → elements/XText}/InlineText.js

@@ -4,7 +4,7 @@ import { __esDecorate, __runInitializers } from "tslib";
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { Component } from '@lynx-js/web-elements-reactive';
+import { Component } from '../../element-reactive/index.js';
 /**
  * @deprecated you can use x-text instead in x-text.
  */

package/dist/{XText → elements/XText}/InlineTruncation.js

@@ -4,7 +4,7 @@ import { __esDecorate, __runInitializers } from "tslib";
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { Component } from '@lynx-js/web-elements-reactive';
+import { Component } from '../../element-reactive/index.js';
 let InlineTruncation = (() => {
     let _classDecorators = [Component('inline-truncation', [])];
     let _classDescriptor;

package/dist/{XText → elements/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 → elements/XText}/RawText.js

@@ -1,25 +1,18 @@
-import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
+import { __esDecorate, __runInitializers } from "tslib";
 /*
 // Copyright 2024 The Lynx Authors. All rights reserved.
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { Component, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { Component, registerAttributeHandler, } from '../../element-reactive/index.js';
 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 → elements/XText}/XText.js

@@ -4,12 +4,12 @@ import { __esDecorate, __runInitializers } from "tslib";
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 */
-import { Component } from '@lynx-js/web-elements-reactive';
+import { Component } from '../../element-reactive/index.js';
 import { XTextTruncation } from './XTextTruncation.js';
 import { ScrollIntoView } from '../ScrollView/ScrollIntoView.js';
 import { RawTextAttributes } from './RawText.js';
 import { CommonEventsAndMethods, layoutChangeTarget, } from '../common/CommonEventsAndMethods.js';
-import { templateXText } from '@lynx-js/web-elements-template';
+import { templateXText } from '../htmlTemplates.js';
 let XText = (() => {
     let _classDecorators = [Component('x-text', [CommonEventsAndMethods, XTextTruncation, RawTextAttributes], templateXText)];
     let _classDescriptor;

package/dist/{XText → elements/XText}/XTextTruncation.d.ts

@@ -1,4 +1,4 @@
-import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '../../element-reactive/index.js';
 import type { XText } from './XText.js';
 export declare class XTextTruncation implements InstanceType<AttributeReactiveClass<typeof XText>> {
     #private;
@@ -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;
 }