@lynx-js/web-elements-canary 0.9.1-canary-20251226-7903c9e4 → 0.10.0-canary-20251226-ccbf3de1

package/dist/element-reactive/index.js

@@ -0,0 +1,28 @@
+// Copyright 2023 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.
+/**
+ * @module element-reactive
+ *
+ * This module provides the core reactive framework for building Web Components in Lynx.
+ *
+ * Core features:
+ * - `Component` decorator: Defines a custom element with reactive capabilities.
+ * - Attribute & Style Binding: Automatically updates component state when attributes or styles change.
+ * - Event Handling: Provides mechanisms to bind and handle events efficiently.
+ * - Lifecycle Management: Extensions to standard Web Component lifecycle callbacks.
+ * - Plugin System: Allows extending component behavior.
+ *
+ * Use this module to create highly performant and reactive custom elements that integrate seamlessly with the Lynx platform.
+ */
+export { bindSwitchToEventListener } from './bindSwitchToEventListener.js';
+export { bindToAttribute } from './bindToAttribute.js';
+export { bindToStyle } from './bindToStyle.js';
+export { boostedQueueMicrotask } from './boostedQueueMicrotask.js';
+export { genDomGetter } from './genDomGetter.js';
+export { Component } from './component.js';
+export { html } from './html.js';
+export { registerAttributeHandler } from './registerAttributeHandler.js';
+export { registerStyleChangeHandler } from './registerStyleChangeHandler.js';
+export { registerEventEnableStatusChangeHandler } from './registerEventStatusChangedHandler.js';
+//# sourceMappingURL=index.js.map

package/dist/element-reactive/registerAttributeHandler.d.ts

@@ -0,0 +1,12 @@
+/**
+// Copyright 2023 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 type AttributeChangeHandler = (newValue: string | null, oldValue: string | null, attributeName: string) => void;
+/**
+ * @param attributeName
+ * @param noDomMeasure  If there are any measurement operation, the handler will be invoked after connected
+ * @returns
+ */
+export declare const registerAttributeHandler: (key: string, args_0: boolean) => <T>(this: T, target: AttributeChangeHandler | undefined, context: ClassMemberDecoratorContext | ClassFieldDecoratorContext<T>) => any;

package/dist/element-reactive/registerAttributeHandler.js

@@ -0,0 +1,11 @@
+import { generateRegister } from './generateRegister.js';
+/**
+ * @param attributeName
+ * @param noDomMeasure  If there are any measurement operation, the handler will be invoked after connected
+ * @returns
+ */
+export const registerAttributeHandler = generateRegister('attributeChangedHandler', (handler, [noDomMeasure]) => ({
+    handler,
+    noDomMeasure,
+}));
+//# sourceMappingURL=registerAttributeHandler.js.map

package/dist/element-reactive/registerEventStatusChangedHandler.d.ts

@@ -0,0 +1,11 @@
+/**
+// Copyright 2023 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 type EventStatusChangeHandler = (enable: boolean, eventName: string) => void;
+/**
+ * @param eventName
+ * @returns
+ */
+export declare const registerEventEnableStatusChangeHandler: (key: string) => <T>(this: T, target: EventStatusChangeHandler | undefined, context: ClassMemberDecoratorContext | ClassFieldDecoratorContext<T>) => any;

package/dist/element-reactive/registerEventStatusChangedHandler.js

@@ -0,0 +1,7 @@
+import { generateRegister } from './generateRegister.js';
+/**
+ * @param eventName
+ * @returns
+ */
+export const registerEventEnableStatusChangeHandler = generateRegister('eventStatusChangedHandler', (handler) => handler);
+//# sourceMappingURL=registerEventStatusChangedHandler.js.map

package/dist/element-reactive/registerStyleChangeHandler.d.ts

@@ -0,0 +1,2 @@
+export type StyleChangeHandler = (newValue: string | null, styleHyphenName: string) => void;
+export declare const registerStyleChangeHandler: (key: string) => <T>(this: T, target: StyleChangeHandler | undefined, context: ClassMemberDecoratorContext | ClassFieldDecoratorContext<T>) => any;

package/dist/element-reactive/registerStyleChangeHandler.js

@@ -0,0 +1,8 @@
+/**
+// Copyright 2023 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 { generateRegister } from './generateRegister.js';
+export const registerStyleChangeHandler = generateRegister('cssPropertyChangedHandler', (handler) => handler);
+//# sourceMappingURL=registerStyleChangeHandler.js.map

package/dist/{LynxWrapper → elements/LynxWrapper}/LynxWrapper.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 LynxWrapper = (() => {
     let _classDecorators = [Component('lynx-wrapper', [])];
     let _classDescriptor;

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

@@ -0,0 +1,14 @@
+/**
+ * @module elements/LynxWrapper
+ *
+ * `lynx-wrapper` is a helper element used to wrap content in specific scenarios.
+ * It is a simple container with no specific behavioral logic.
+ *
+ * @example
+ * ```html
+ * <lynx-wrapper>
+ *   <div>Content</div>
+ * </lynx-wrapper>
+ * ```
+ */
+export { LynxWrapper } from './LynxWrapper.js';

package/dist/elements/LynxWrapper/index.js

@@ -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.
+/**
+ * @module elements/LynxWrapper
+ *
+ * `lynx-wrapper` is a helper element used to wrap content in specific scenarios.
+ * It is a simple container with no specific behavioral logic.
+ *
+ * @example
+ * ```html
+ * <lynx-wrapper>
+ *   <div>Content</div>
+ * </lynx-wrapper>
+ * ```
+ */
+export { LynxWrapper } from './LynxWrapper.js';
+//# sourceMappingURL=index.js.map

package/dist/{ScrollView → elements/ScrollView}/FadeEdgeLengthAttribute.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 { ScrollView } from './ScrollView.js';
 export declare class FadeEdgeLengthAttribute implements InstanceType<AttributeReactiveClass<typeof ScrollView>> {
     #private;

package/dist/{ScrollView → elements/ScrollView}/FadeEdgeLengthAttribute.js

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import { __esDecorate, __runInitializers } from "tslib";
-import { bindToStyle, genDomGetter, registerAttributeHandler, registerStyleChangeHandler, } from '@lynx-js/web-elements-reactive';
+import { bindToStyle, genDomGetter, registerAttributeHandler, registerStyleChangeHandler, } from '../../element-reactive/index.js';
 let FadeEdgeLengthAttribute = (() => {
     let _instanceExtraInitializers = [];
     let __handleFadingEdgeLength_decorators;

package/dist/{ScrollView → elements/ScrollView}/ScrollAttributes.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 { ScrollView } from './ScrollView.js';
 export declare class ScrollAttributes implements InstanceType<AttributeReactiveClass<typeof ScrollView>> {
     #private;

package/dist/{ScrollView → elements/ScrollView}/ScrollAttributes.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 { registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { registerAttributeHandler, } from '../../element-reactive/index.js';
 let ScrollAttributes = (() => {
     let _instanceExtraInitializers = [];
     let __handleInitialScrollOffset_decorators;

package/dist/{ScrollView → elements/ScrollView}/ScrollIntoView.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 { ScrollView } from './ScrollView.js';
 export declare class ScrollIntoView implements InstanceType<AttributeReactiveClass<typeof ScrollView>> {
     #private;

package/dist/{ScrollView → elements/ScrollView}/ScrollIntoView.js

@@ -3,7 +3,7 @@
 // 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 {} from '@lynx-js/web-elements-reactive';
+import {} from '../../element-reactive/index.js';
 export class ScrollIntoView {
     static eventName = '__scrollIntoView';
     static observedAttributes = [];

package/dist/{ScrollView → elements/ScrollView}/ScrollView.js

@@ -9,9 +9,9 @@ import { FadeEdgeLengthAttribute } from './FadeEdgeLengthAttribute.js';
 import { ScrollAttributes } from './ScrollAttributes.js';
 import { ScrollViewEvents } from './ScrollViewEvents.js';
 import { ScrollIntoView } from './ScrollIntoView.js';
-import { Component } from '@lynx-js/web-elements-reactive';
+import { Component } from '../../element-reactive/index.js';
 import { scrollContainerDom } from '../common/constants.js';
-import { templateScrollView } from '@lynx-js/web-elements-template';
+import { templateScrollView } from '../htmlTemplates.js';
 let ScrollView = (() => {
     let _classDecorators = [Component('scroll-view', [
             CommonEventsAndMethods,

package/dist/{ScrollView → elements/ScrollView}/ScrollViewEvents.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 { ScrollView } from './ScrollView.js';
 export declare class ScrollViewEvents implements InstanceType<AttributeReactiveClass<typeof ScrollView>> {
     #private;

package/dist/{ScrollView → elements/ScrollView}/ScrollViewEvents.js

@@ -4,11 +4,11 @@ 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 { bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { bindToStyle, genDomGetter, registerAttributeHandler, } from '../../element-reactive/index.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 import { bindToIntersectionObserver } from '../common/bindToIntersectionObserver.js';
 import { useScrollEnd } from '../common/constants.js';
-import { registerEventEnableStatusChangeHandler } from '@lynx-js/web-elements-reactive';
+import { registerEventEnableStatusChangeHandler } from '../../element-reactive/index.js';
 let ScrollViewEvents = (() => {
     let __handleScrollUpperThresholdEventEnabled_decorators;
     let __handleScrollUpperThresholdEventEnabled_initializers = [];

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

@@ -0,0 +1,32 @@
+/**
+ * @module elements/ScrollView
+ *
+ * `scroll-view` provides a scrollable container.
+ *
+ * Attributes:
+ * - `scroll-top`: Sets the vertical scroll position.
+ * - `scroll-left`: Sets the horizontal scroll position.
+ * - `initial-scroll-offset`: Sets the initial scroll position (in px).
+ * - `scroll-to-index`: Scrolls to the child element at the specified index.
+ * - `initial-scroll-to-index`: Scrolls to the child element at the specified index on init.
+ * - `fading-edge-length`: Sets the length of the fading edge effect.
+ * - `scroll-orientation`: 'vertical' | 'horizontal' | 'both'.
+ * - `scroll-y`: 'true' | 'false' to enable vertical scrolling.
+ * - `scroll-x`: 'true' | 'false' to enable horizontal scrolling.
+ * - `enable-scroll`: 'true' | 'false', creates a scrolling container.
+ *
+ * Events:
+ * - `scrolltoupper`: Reached top threshold.
+ * - `scrolltolower`: Reached bottom threshold.
+ * - `scroll`: Fired on scroll. Detail: `{ scrollTop, scrollLeft, scrollHeight, scrollWidth, deltaX, deltaY }`.
+ *
+ * CSS:
+ * - Forces `display: flex` and linear layout behavior.
+ * - Hides scrollbars by default (unless enabled via attribute).
+ * - Uses `scroll-timeline` for scroll-linked animations.
+ *
+ * Methods:
+ * - `scrollTo(options)`: Scrolls to a specific position or child.
+ * - `autoScroll(options)`: Starts or stops auto-scrolling.
+ */
+export { ScrollView } from './ScrollView.js';

package/dist/elements/ScrollView/index.js

@@ -0,0 +1,36 @@
+// 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.
+/**
+ * @module elements/ScrollView
+ *
+ * `scroll-view` provides a scrollable container.
+ *
+ * Attributes:
+ * - `scroll-top`: Sets the vertical scroll position.
+ * - `scroll-left`: Sets the horizontal scroll position.
+ * - `initial-scroll-offset`: Sets the initial scroll position (in px).
+ * - `scroll-to-index`: Scrolls to the child element at the specified index.
+ * - `initial-scroll-to-index`: Scrolls to the child element at the specified index on init.
+ * - `fading-edge-length`: Sets the length of the fading edge effect.
+ * - `scroll-orientation`: 'vertical' | 'horizontal' | 'both'.
+ * - `scroll-y`: 'true' | 'false' to enable vertical scrolling.
+ * - `scroll-x`: 'true' | 'false' to enable horizontal scrolling.
+ * - `enable-scroll`: 'true' | 'false', creates a scrolling container.
+ *
+ * Events:
+ * - `scrolltoupper`: Reached top threshold.
+ * - `scrolltolower`: Reached bottom threshold.
+ * - `scroll`: Fired on scroll. Detail: `{ scrollTop, scrollLeft, scrollHeight, scrollWidth, deltaX, deltaY }`.
+ *
+ * CSS:
+ * - Forces `display: flex` and linear layout behavior.
+ * - Hides scrollbars by default (unless enabled via attribute).
+ * - Uses `scroll-timeline` for scroll-linked animations.
+ *
+ * Methods:
+ * - `scrollTo(options)`: Scrolls to a specific position or child.
+ * - `autoScroll(options)`: Starts or stops auto-scrolling.
+ */
+export { ScrollView } from './ScrollView.js';
+//# sourceMappingURL=index.js.map

package/dist/{XAudioTT → elements/XAudioTT}/XAudioAttribute.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 { XAudioTT } from './XAudioTT.js';
 export declare class XAudioAttribute implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;

package/dist/{XAudioTT → elements/XAudioTT}/XAudioAttribute.js

@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 import { __esDecorate, __runInitializers } from "tslib";
-import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '../../element-reactive/index.js';
 import { XAudioErrorCode, xAudioBlob, xAudioSrc } from './utils.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 let XAudioAttribute = (() => {

package/dist/{XAudioTT → elements/XAudioTT}/XAudioEvents.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 { XAudioTT } from './XAudioTT.js';
 export declare class XAudioEvents implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;

package/dist/{XAudioTT → elements/XAudioTT}/XAudioEvents.js

@@ -3,7 +3,7 @@
 // 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, } from '@lynx-js/web-elements-reactive';
+import { genDomGetter, } from '../../element-reactive/index.js';
 import { audioLoadingStateMap, audioPlaybackStateMap, XAudioErrorCode, xAudioSrc, } from './utils.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 export class XAudioEvents {

package/dist/{XAudioTT → elements/XAudioTT}/XAudioTT.js

@@ -4,13 +4,13 @@ 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, genDomGetter, bindToAttribute, } from '@lynx-js/web-elements-reactive';
+import { Component, genDomGetter, bindToAttribute, } from '../../element-reactive/index.js';
 import { XAudioAttribute } from './XAudioAttribute.js';
 import { XAudioEvents } from './XAudioEvents.js';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 import { XAudioErrorCode, audioPlaybackStateMap, getAudioState, xAudioBlob, xAudioSrc, } from './utils.js';
-import { templateXAudioTT } from '@lynx-js/web-elements-template';
+import { templateXAudioTT } from '../htmlTemplates.js';
 let XAudioTT = (() => {
     let _classDecorators = [Component('x-audio-tt', [CommonEventsAndMethods, XAudioAttribute, XAudioEvents], templateXAudioTT)];
     let _classDescriptor;

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

@@ -0,0 +1,21 @@
+/**
+ * @module elements/XAudioTT
+ *
+ * `x-audio-tt` provides audio playback functionality.
+ *
+ * Attributes:
+ * - `src`: JSON string containing audio source info (`{id, play_url}`).
+ * - `loop`: 'true' | 'false', whether to loop playback.
+ * - `pause-on-hide`: 'true' | 'false', whether to pause when document is hidden.
+ *
+ * Methods:
+ * - `play()`: Starts playback.
+ * - `pause()`: Pauses playback.
+ * - `stop()`: Stops playback.
+ * - `resume()`: Resumes playback.
+ * - `seek({ currentTime })`: Seeks to time (in ms).
+ * - `mute({ mute })`: Mutes/unmutes.
+ * - `setVolume({ volume })`: Sets volume (0-1).
+ * - `playerInfo()`: Returns current player state.
+ */
+export { XAudioTT } from './XAudioTT.js';

package/dist/elements/XAudioTT/index.js

@@ -0,0 +1,25 @@
+// 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.
+/**
+ * @module elements/XAudioTT
+ *
+ * `x-audio-tt` provides audio playback functionality.
+ *
+ * Attributes:
+ * - `src`: JSON string containing audio source info (`{id, play_url}`).
+ * - `loop`: 'true' | 'false', whether to loop playback.
+ * - `pause-on-hide`: 'true' | 'false', whether to pause when document is hidden.
+ *
+ * Methods:
+ * - `play()`: Starts playback.
+ * - `pause()`: Pauses playback.
+ * - `stop()`: Stops playback.
+ * - `resume()`: Resumes playback.
+ * - `seek({ currentTime })`: Seeks to time (in ms).
+ * - `mute({ mute })`: Mutes/unmutes.
+ * - `setVolume({ volume })`: Sets volume (0-1).
+ * - `playerInfo()`: Returns current player state.
+ */
+export { XAudioTT } from './XAudioTT.js';
+//# sourceMappingURL=index.js.map

package/dist/{XCanvas → elements/XCanvas}/CanvasAttributes.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 { XCanvas } from './XCanvas.js';
 export declare class CanvasAttributes implements InstanceType<AttributeReactiveClass<typeof XCanvas>> {
     #private;

package/dist/{XCanvas → elements/XCanvas}/CanvasAttributes.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 { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '../../element-reactive/index.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 let CanvasAttributes = (() => {
     let _handleName_decorators;

package/dist/{XCanvas → elements/XCanvas}/XCanvas.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, html } from '@lynx-js/web-elements-reactive';
+import { Component, html } from '../../element-reactive/index.js';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { CanvasAttributes } from './CanvasAttributes.js';
 /**

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

@@ -0,0 +1,14 @@
+/**
+ * @module elements/XCanvas
+ *
+ * `x-canvas` provides a canvas element for drawing.
+ *
+ * Attributes:
+ * - `name`: canvas name.
+ * - `width`: canvas width.
+ * - `height`: canvas height.
+ *
+ * Events:
+ * - `resize`: Fired when the canvas dimensions change.
+ */
+export { XCanvas } from './XCanvas.js';

package/dist/elements/XCanvas/index.js

@@ -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.
+/**
+ * @module elements/XCanvas
+ *
+ * `x-canvas` provides a canvas element for drawing.
+ *
+ * Attributes:
+ * - `name`: canvas name.
+ * - `width`: canvas width.
+ * - `height`: canvas height.
+ *
+ * Events:
+ * - `resize`: Fired when the canvas dimensions change.
+ */
+export { XCanvas } from './XCanvas.js';
+//# sourceMappingURL=index.js.map

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewHeaderNg.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';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { resizeObserver } from './XFoldviewNg.js';
 import { getCombinedDirectParentElement } from '../common/getCombinedParentElement.js';

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewNg.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';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { XFoldviewNgEvents } from './XFoldviewNgEvents.js';
 import { scrollContainerDom } from '../common/constants.js';

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewNgEvents.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 XFoldviewNg } from './XFoldviewNg.js';
 export declare class XFoldviewNgEvents implements InstanceType<AttributeReactiveClass<typeof XFoldviewNg>> {
     #private;

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewNgEvents.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 { registerAttributeHandler, registerEventEnableStatusChangeHandler, } from '@lynx-js/web-elements-reactive';
+import { registerAttributeHandler, registerEventEnableStatusChangeHandler, } from '../../element-reactive/index.js';
 import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
 import { scrollableLength } from './XFoldviewNg.js';
 let XFoldviewNgEvents = (() => {

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotDragNg.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';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 let XFoldviewSlotDragNg = (() => {
     let _classDecorators = [Component('x-foldview-slot-drag-ng', [

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotNg.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';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { XFoldviewSlotNgTouchEventsHandler } from './XFoldviewSlotNgTouchEventsHandler.js';
 import { slotKid } from './XFoldviewNg.js';

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotNgTouchEventsHandler.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 { XFoldviewSlotNg } from './XFoldviewSlotNg.js';
 export declare class XFoldviewSlotNgTouchEventsHandler implements InstanceType<AttributeReactiveClass<typeof XFoldviewSlotNg>> {
     #private;

package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewToolbarNg.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';
 import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { resizeObserver } from './XFoldviewNg.js';
 import { getCombinedDirectParentElement } from '../common/getCombinedParentElement.js';

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

@@ -0,0 +1,23 @@
+/**
+ * @module elements/XFoldViewNg
+ *
+ * `x-foldview-ng` provides a collapsible view with header, toolbar, and content slots.
+ *
+ * Components:
+ * - `x-foldview-ng`: Main container.
+ * - `x-foldview-header-ng`: Header area.
+ * - `x-foldview-toolbar-ng`: Toolbar area.
+ * - `x-foldview-slot-ng`: Scrollable content area.
+ * - `x-foldview-slot-drag-ng`: Area to drag for scrolling.
+ *
+ * `x-foldview-ng` attributes:
+ * - `scroll-enable`: 'true' | 'false'.
+ *
+ * `x-foldview-ng` methods:
+ * - `setFoldExpanded({ offset, smooth })`: Expands/collapses the view.
+ */
+export { XFoldviewHeaderNg } from './XFoldviewHeaderNg.js';
+export { XFoldviewNg } from './XFoldviewNg.js';
+export { XFoldviewSlotDragNg } from './XFoldviewSlotDragNg.js';
+export { XFoldviewSlotNg } from './XFoldviewSlotNg.js';
+export { XFoldviewToolbarNg } from './XFoldviewToolbarNg.js';

package/dist/elements/XFoldViewNg/index.js

@@ -0,0 +1,27 @@
+// 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.
+/**
+ * @module elements/XFoldViewNg
+ *
+ * `x-foldview-ng` provides a collapsible view with header, toolbar, and content slots.
+ *
+ * Components:
+ * - `x-foldview-ng`: Main container.
+ * - `x-foldview-header-ng`: Header area.
+ * - `x-foldview-toolbar-ng`: Toolbar area.
+ * - `x-foldview-slot-ng`: Scrollable content area.
+ * - `x-foldview-slot-drag-ng`: Area to drag for scrolling.
+ *
+ * `x-foldview-ng` attributes:
+ * - `scroll-enable`: 'true' | 'false'.
+ *
+ * `x-foldview-ng` methods:
+ * - `setFoldExpanded({ offset, smooth })`: Expands/collapses the view.
+ */
+export { XFoldviewHeaderNg } from './XFoldviewHeaderNg.js';
+export { XFoldviewNg } from './XFoldviewNg.js';
+export { XFoldviewSlotDragNg } from './XFoldviewSlotDragNg.js';
+export { XFoldviewSlotNg } from './XFoldviewSlotNg.js';
+export { XFoldviewToolbarNg } from './XFoldviewToolbarNg.js';
+//# sourceMappingURL=index.js.map

package/dist/{XImage → elements/XImage}/DropShadow.d.ts

@@ -1,4 +1,4 @@
-import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '../../element-reactive/index.js';
 export declare class DropShadow implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;
     static observedAttributes: string[];

package/dist/{XImage → elements/XImage}/DropShadow.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 { bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { bindToStyle, genDomGetter, registerAttributeHandler, } from '../../element-reactive/index.js';
 let DropShadow = (() => {
     let __handleBlurRadius_decorators;
     let __handleBlurRadius_initializers = [];

package/dist/{XImage → elements/XImage}/FilterImage.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 { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
 import { DropShadow } from './DropShadow.js';
 import { ImageSrc } from './ImageSrc.js';
 import { ImageEvents } from './ImageEvents.js';
-import { templateFilterImage } from '@lynx-js/web-elements-template';
+import { templateFilterImage } from '../htmlTemplates.js';
 let FilterImage = (() => {
     let _classDecorators = [Component('filter-image', [CommonEventsAndMethods, ImageSrc, DropShadow, ImageEvents], templateFilterImage({}))];
     let _classDescriptor;