@lynx-js/web-elements 0.9.0 → 0.10.1

package/src/compat/LinearContainer/linear-compat.css

@@ -0,0 +1,124 @@
+/** For @property
+  chrome 85, edge 85, firefox 128, safari 16.4
+  https://developer.chrome.com/blog/new-in-chrome-85
+
+  * content-visibility:auto 
+    chrome 85, firefox 125, safari 18
+    (https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility)
+  
+  * contain-intrinsic-size:auto 
+    chrome 83, firefox 107, safari 17
+    (https://developer.mozilla.org/en-US/docs/Web/CSS/contain-intrinsic-size)
+
+  * relative-color and  display:ruby-base
+    display: ruby-base firefox-only
+    background-color: rgb(from red 200 g b) firefox 127
+    https://caniuse.com/?search=relative%20color#google_vignette
+    https://developer.mozilla.org/en-US/docs/Web/CSS/display#browser_compatibility
+  
+    rules for: chrome 85, firefox 127, safari 18
+ 
+  References:
+  https://chromestatus.com/features#milestone%3D85
+  https://www.mozilla.org/en-US/firefox/128.0/releasenotes/
+  https://developer.apple.com/documentation/safari-release-notes/safari-16_4-release-notes
+  https://caniuse.com/?search=relative%20colors
+  */
+@supports not
+  ((content-visibility: auto) and (transition-behavior: allow-discrete) and
+    (width: 1rex)) {
+  * {
+    --lynx-display: linear;
+    --lynx-linear-weight-sum: 1;
+    --lynx-linear-weight: 0;
+    --justify-content-column: flex-start;
+    --justify-content-column-reverse: flex-start;
+    --justify-content-row: flex-start;
+    --justify-content-row-reverse: flex-start;
+    --align-self-row: auto;
+    --align-self-column: auto;
+    --lynx-linear-weight-basis: auto;
+    --lynx-linear-orientation: vertical;
+    --flex-direction: row;
+    --flex-grow: 0;
+    --flex-shrink: 1;
+    --flex-basis: auto;
+    --justify-content: flex-start;
+    --flex-wrap: nowrap;
+    --align-self: auto;
+  }
+}
+[lynx-computed-display="linear"] {
+  flex-wrap: nowrap !important;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+[lynx-computed-display="flex"] {
+  flex-direction: var(--flex-direction);
+  justify-content: var(--justify-content);
+  flex-wrap: var(--flex-wrap);
+}
+
+[lynx-computed-display="flex"] > *,
+[lynx-computed-display="flex"] > lynx-wrapper > * {
+  flex: var(
+    --flex,
+    var(--flex-grow) var(--flex-shrink) var(--flex-basis)
+  );
+}
+[lynx-computed-display="linear"] > *,
+[lynx-computed-display="linear"] > lynx-wrapper > * {
+  flex-shrink: 0 !important;
+  flex-grow: calc(
+    var(--lynx-linear-weight) /
+      calc(
+      var(--lynx-linear-weight-sum) +
+        (
+        1 - clamp(0, var(--lynx-linear-weight-sum) * 999999, 1)
+      )
+    )
+  ) !important;
+  flex-basis: var(--lynx-linear-weight-basis) !important;
+}
+
+[lynx-computed-display="linear"][lynx-linear-orientation="vertical"] {
+  flex-direction: column !important;
+  justify-content: var(--justify-content-column);
+}
+
+[lynx-computed-display="linear"][lynx-linear-orientation="horizontal"] {
+  flex-direction: row !important;
+  justify-content: var(--justify-content-row);
+}
+
+[lynx-computed-display="linear"][lynx-linear-orientation="vertical-reverse"] {
+  flex-direction: column-reverse !important;
+  justify-content: var(--justify-content-column-reverse);
+}
+
+[lynx-computed-display="linear"][lynx-linear-orientation="horizontal-reverse"] {
+  flex-direction: row-reverse !important;
+  justify-content: var(--justify-content-row-reverse);
+}
+
+[lynx-computed-display="linear"][lynx-linear-orientation="vertical"] > *,
+[lynx-computed-display="linear"][lynx-linear-orientation="vertical-reverse"],
+[lynx-computed-display="linear"][lynx-linear-orientation="vertical"]
+  > lynx-wrapper
+  > *,
+[lynx-computed-display="linear"][lynx-linear-orientation="vertical-reverse"]
+  > lynx-wrapper
+  > * {
+  align-self: var(--align-self-column);
+}
+[lynx-computed-display="linear"][lynx-linear-orientation="horizontal"] > *,
+[lynx-computed-display="linear"][lynx-linear-orientation="horizontal-reverse"],
+[lynx-computed-display="linear"][lynx-linear-orientation="horizontal"]
+  > lynx-wrapper
+  > *,
+[lynx-computed-display="linear"][lynx-linear-orientation="horizontal-reverse"]
+  > lynx-wrapper
+  > * {
+  align-self: var(--align-self-row);
+}

package/src/{XList → elements/XList}/x-list.css

@@ -17,7 +17,8 @@ x-list > *:not(list-item) {
   display: none;
 }
 
-x-list::part(content), x-list[list-type="waterfall"]::part(waterfall-content) {
+x-list::part(content),
+x-list[list-type="waterfall"]::part(waterfall-content) {
   display: flex;
   flex: 0 0 auto;
   flex-wrap: nowrap;
@@ -36,15 +37,18 @@ x-list::part(content), x-list[list-type="waterfall"]::part(waterfall-content) {
   column-gap: inherit;
 }
 
-x-list::part(content), x-list::part(slot) {
+x-list::part(content),
+x-list::part(slot) {
   --lynx-display: inherit;
 }
 
-x-list, x-list::part(content) {
+x-list,
+x-list::part(content) {
   scrollbar-width: none;
 }
 
-x-list::-webkit-scrollbar, x-list::part(content)::-webkit-scrollbar {
+x-list::-webkit-scrollbar,
+x-list::part(content)::-webkit-scrollbar {
   display: none;
 }
 
@@ -65,11 +69,17 @@ list-item {
   contain-intrinsic-size: none auto var(--estimated-main-axis-size-px, 100cqh);
 }
 
+list-item[recyclable="false"] {
+  content-visibility: visible;
+  contain: initial;
+}
+
 x-list[scroll-orientation="horizontal"] list-item {
   contain-intrinsic-size: auto var(--estimated-main-axis-size-px, 100cqw) none;
 }
 
-x-list > list-item, x-list > lynx-wrapper > list-item {
+x-list > list-item,
+x-list > lynx-wrapper > list-item {
   display: flex;
 }
 
@@ -124,7 +134,8 @@ x-list[sticky="true"][scroll-orientation="horizontal"]
   right: var(--list-item-sticky-offset);
 }
 
-x-list[item-snap], x-list[paging-enabled] {
+x-list[item-snap],
+x-list[paging-enabled] {
   scroll-snap-type: y mandatory;
   scroll-snap-stop: always;
 }
@@ -134,7 +145,8 @@ x-list[paging-enabled][scroll-orientation="horizontal"] {
   scroll-snap-type: x mandatory;
 }
 
-x-list[item-snap] > list-item, x-list[item-snap] > lynx-wrapper > list-item {
+x-list[item-snap] > list-item,
+x-list[item-snap] > lynx-wrapper > list-item {
   scroll-snap-align: start;
 }
 

package/src/elements/XWebView/x-webview.css

@@ -0,0 +1,5 @@
+x-webview {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}

package/src/{common-css → elements/common-css}/linear.css

@@ -258,7 +258,7 @@ list-item {
  *
  * update this once firefox supports this.
  * 
- * If you want to be fully compatible with chrome below 117, you need to use a plugin @lynx-js/web-elements-compat.
+ * If you want to be fully compatible with chrome below 117, you need to use @lynx-js/web-elements/compat/LinearContainer.
  */
 @supports (content-visibility: auto) and
   (transition-behavior: allow-discrete) and (width: 1rex) {

package/dist/LynxWrapper/index.d.ts

@@ -1 +0,0 @@
-export { LynxWrapper } from './LynxWrapper.js';

package/dist/LynxWrapper/index.js

@@ -1,2 +0,0 @@
-export { LynxWrapper } from './LynxWrapper.js';
-//# sourceMappingURL=index.js.map

package/dist/ScrollView/FadeEdgeLengthAttribute.js

@@ -1,43 +0,0 @@
-import { __esDecorate, __runInitializers, __setFunctionName } 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 { bindToStyle, genDomGetter, registerAttributeHandler, registerStyleChangeHandler, } from '@lynx-js/web-elements-reactive';
-let FadeEdgeLengthAttribute = (() => {
-    let _instanceExtraInitializers = [];
-    let _private_handleFadingEdgeLength_decorators;
-    let _private_handleFadingEdgeLength_initializers = [];
-    let _private_handleFadingEdgeLength_extraInitializers = [];
-    let _private_backgroundColorToVariable_decorators;
-    let _private_backgroundColorToVariable_descriptor;
-    return class FadeEdgeLengthAttribute {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleFadingEdgeLength_decorators = [registerAttributeHandler('fading-edge-length', true)];
-            _private_backgroundColorToVariable_decorators = [registerStyleChangeHandler('background'), registerStyleChangeHandler('background-color')];
-            __esDecorate(this, _private_backgroundColorToVariable_descriptor = { value: __setFunctionName(function (backGroundColor) {
-                    this.#getTopFadeMask().style.setProperty('--scroll-view-bg-color', backGroundColor);
-                    this.#getBotFadeMask().style.setProperty('--scroll-view-bg-color', backGroundColor);
-                }, "#backgroundColorToVariable") }, _private_backgroundColorToVariable_decorators, { kind: "method", name: "#backgroundColorToVariable", static: false, private: true, access: { has: obj => #backgroundColorToVariable in obj, get: obj => obj.#backgroundColorToVariable }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, null, _private_handleFadingEdgeLength_decorators, { kind: "field", name: "#handleFadingEdgeLength", static: false, private: true, access: { has: obj => #handleFadingEdgeLength in obj, get: obj => obj.#handleFadingEdgeLength, set: (obj, value) => { obj.#handleFadingEdgeLength = value; } }, metadata: _metadata }, _private_handleFadingEdgeLength_initializers, _private_handleFadingEdgeLength_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        #dom = __runInitializers(this, _instanceExtraInitializers);
-        #getTopFadeMask = genDomGetter(() => this.#dom.shadowRoot, '#top-fade-mask');
-        #getBotFadeMask = genDomGetter(() => this.#dom.shadowRoot, '#bot-fade-mask');
-        static observedAttributes = ['fading-edge-length'];
-        static observedCSSProperties = ['background', 'background-color'];
-        constructor(dom) {
-            __runInitializers(this, _private_handleFadingEdgeLength_extraInitializers);
-            this.#dom = dom;
-        }
-        #handleFadingEdgeLength = __runInitializers(this, _private_handleFadingEdgeLength_initializers, bindToStyle(() => this.#dom, '--scroll-view-fading-edge-length', (v) => `${parseFloat(v)}px`));
-        get #backgroundColorToVariable() { return _private_backgroundColorToVariable_descriptor.value; }
-        connectedCallback() { }
-        dispose() { }
-    };
-})();
-export { FadeEdgeLengthAttribute };
-//# sourceMappingURL=FadeEdgeLengthAttribute.js.map

package/dist/ScrollView/ScrollAttributes.js

@@ -1,83 +0,0 @@
-import { __esDecorate, __runInitializers, __setFunctionName } 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 { registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
-let ScrollAttributes = (() => {
-    let _instanceExtraInitializers = [];
-    let _private_handleInitialScrollOffset_decorators;
-    let _private_handleInitialScrollOffset_descriptor;
-    let _private_handleInitialScrollIndex_decorators;
-    let _private_handleInitialScrollIndex_descriptor;
-    return class ScrollAttributes {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleInitialScrollOffset_decorators = [registerAttributeHandler('scroll-top', false), registerAttributeHandler('scroll-left', false), registerAttributeHandler('initial-scroll-offset', false)];
-            _private_handleInitialScrollIndex_decorators = [registerAttributeHandler('scroll-to-index', false), registerAttributeHandler('initial-scroll-to-index', false)];
-            __esDecorate(this, _private_handleInitialScrollOffset_descriptor = { value: __setFunctionName(function (newVal, _, attributeName) {
-                    if (newVal) {
-                        const scrollValue = parseFloat(newVal);
-                        const scrollOrientation = this.#dom.getAttribute('scroll-orientation');
-                        const scrollY = this.#dom.getAttribute('scroll-y');
-                        const scrollX = this.#dom.getAttribute('scroll-x');
-                        const topScrollDistance = (attributeName === 'scroll-top'
-                            || attributeName === 'initial-scroll-offset')
-                            && (scrollY === ''
-                                || scrollY === 'true'
-                                || scrollOrientation === 'vertical'
-                                || scrollOrientation === 'both');
-                        const leftScrollDistance = (attributeName === 'scroll-left'
-                            || attributeName === 'initial-scroll-offset')
-                            && (scrollX === ''
-                                || scrollX === 'true'
-                                || scrollOrientation === 'vertical'
-                                || scrollOrientation === 'both');
-                        requestAnimationFrame(() => {
-                            if (topScrollDistance) {
-                                this.#dom.scrollTo(0, scrollValue);
-                            }
-                            if (leftScrollDistance) {
-                                this.#dom.scrollLeft = scrollValue;
-                            }
-                        });
-                    }
-                }, "#handleInitialScrollOffset") }, _private_handleInitialScrollOffset_decorators, { kind: "method", name: "#handleInitialScrollOffset", static: false, private: true, access: { has: obj => #handleInitialScrollOffset in obj, get: obj => obj.#handleInitialScrollOffset }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, _private_handleInitialScrollIndex_descriptor = { value: __setFunctionName(function (newVal) {
-                    if (newVal) {
-                        const scrollValue = parseFloat(newVal);
-                        const childrenElement = this.#dom.children.item(scrollValue);
-                        if (childrenElement && childrenElement instanceof HTMLElement) {
-                            const scrollX = this.#dom.getAttribute('scroll-x') !== null;
-                            requestAnimationFrame(() => {
-                                if (scrollX) {
-                                    this.#dom.scrollLeft = childrenElement.offsetLeft;
-                                }
-                                else {
-                                    this.#dom.scrollTop = childrenElement.offsetTop;
-                                }
-                            });
-                        }
-                    }
-                }, "#handleInitialScrollIndex") }, _private_handleInitialScrollIndex_decorators, { kind: "method", name: "#handleInitialScrollIndex", static: false, private: true, access: { has: obj => #handleInitialScrollIndex in obj, get: obj => obj.#handleInitialScrollIndex }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        #dom = __runInitializers(this, _instanceExtraInitializers);
-        static observedAttributes = [
-            'scroll-top',
-            'scroll-left',
-            'initial-scroll-offset',
-            'scroll-to-index',
-            'initial-scroll-to-index',
-        ];
-        constructor(dom) {
-            this.#dom = dom;
-        }
-        get #handleInitialScrollOffset() { return _private_handleInitialScrollOffset_descriptor.value; }
-        get #handleInitialScrollIndex() { return _private_handleInitialScrollIndex_descriptor.value; }
-        dispose() { }
-    };
-})();
-export { ScrollAttributes };
-//# sourceMappingURL=ScrollAttributes.js.map

package/dist/ScrollView/ScrollViewEvents.d.ts

@@ -1,9 +0,0 @@
-import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import type { ScrollView } from './ScrollView.js';
-export declare class ScrollViewEvents implements InstanceType<AttributeReactiveClass<typeof ScrollView>> {
-    #private;
-    constructor(dom: ScrollView);
-    static observedAttributes: string[];
-    connectedCallback?(): void;
-    dispose(): void;
-}

package/dist/ScrollView/ScrollViewEvents.js

@@ -1,167 +0,0 @@
-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 { bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
-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';
-let ScrollViewEvents = (() => {
-    let _private_handleScrollUpperThresholdEventEnabled_decorators;
-    let _private_handleScrollUpperThresholdEventEnabled_initializers = [];
-    let _private_handleScrollUpperThresholdEventEnabled_extraInitializers = [];
-    let _private_handleScrollLowerThresholdEventEnabled_decorators;
-    let _private_handleScrollLowerThresholdEventEnabled_initializers = [];
-    let _private_handleScrollLowerThresholdEventEnabled_extraInitializers = [];
-    let _private_updateUpperThreshold_decorators;
-    let _private_updateUpperThreshold_initializers = [];
-    let _private_updateUpperThreshold_extraInitializers = [];
-    let _private_updateLowerThreshold_decorators;
-    let _private_updateLowerThreshold_initializers = [];
-    let _private_updateLowerThreshold_extraInitializers = [];
-    let _private_handleScrollEventEnabled_decorators;
-    let _private_handleScrollEventEnabled_initializers = [];
-    let _private_handleScrollEventEnabled_extraInitializers = [];
-    let _private_handleScrollEndEventEnabled_decorators;
-    let _private_handleScrollEndEventEnabled_initializers = [];
-    let _private_handleScrollEndEventEnabled_extraInitializers = [];
-    return class ScrollViewEvents {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleScrollUpperThresholdEventEnabled_decorators = [registerEventEnableStatusChangeHandler('scrolltoupper')];
-            _private_handleScrollLowerThresholdEventEnabled_decorators = [registerEventEnableStatusChangeHandler('scrolltolower')];
-            _private_updateUpperThreshold_decorators = [registerAttributeHandler('upper-threshold', true)];
-            _private_updateLowerThreshold_decorators = [registerAttributeHandler('lower-threshold', true)];
-            _private_handleScrollEventEnabled_decorators = [registerEventEnableStatusChangeHandler('lynxscroll')];
-            _private_handleScrollEndEventEnabled_decorators = [registerEventEnableStatusChangeHandler('lynxscrollend')];
-            __esDecorate(null, null, _private_handleScrollUpperThresholdEventEnabled_decorators, { kind: "field", name: "#handleScrollUpperThresholdEventEnabled", static: false, private: true, access: { has: obj => #handleScrollUpperThresholdEventEnabled in obj, get: obj => obj.#handleScrollUpperThresholdEventEnabled, set: (obj, value) => { obj.#handleScrollUpperThresholdEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollUpperThresholdEventEnabled_initializers, _private_handleScrollUpperThresholdEventEnabled_extraInitializers);
-            __esDecorate(null, null, _private_handleScrollLowerThresholdEventEnabled_decorators, { kind: "field", name: "#handleScrollLowerThresholdEventEnabled", static: false, private: true, access: { has: obj => #handleScrollLowerThresholdEventEnabled in obj, get: obj => obj.#handleScrollLowerThresholdEventEnabled, set: (obj, value) => { obj.#handleScrollLowerThresholdEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollLowerThresholdEventEnabled_initializers, _private_handleScrollLowerThresholdEventEnabled_extraInitializers);
-            __esDecorate(null, null, _private_updateUpperThreshold_decorators, { kind: "field", name: "#updateUpperThreshold", static: false, private: true, access: { has: obj => #updateUpperThreshold in obj, get: obj => obj.#updateUpperThreshold, set: (obj, value) => { obj.#updateUpperThreshold = value; } }, metadata: _metadata }, _private_updateUpperThreshold_initializers, _private_updateUpperThreshold_extraInitializers);
-            __esDecorate(null, null, _private_updateLowerThreshold_decorators, { kind: "field", name: "#updateLowerThreshold", static: false, private: true, access: { has: obj => #updateLowerThreshold in obj, get: obj => obj.#updateLowerThreshold, set: (obj, value) => { obj.#updateLowerThreshold = value; } }, metadata: _metadata }, _private_updateLowerThreshold_initializers, _private_updateLowerThreshold_extraInitializers);
-            __esDecorate(null, null, _private_handleScrollEventEnabled_decorators, { kind: "field", name: "#handleScrollEventEnabled", static: false, private: true, access: { has: obj => #handleScrollEventEnabled in obj, get: obj => obj.#handleScrollEventEnabled, set: (obj, value) => { obj.#handleScrollEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollEventEnabled_initializers, _private_handleScrollEventEnabled_extraInitializers);
-            __esDecorate(null, null, _private_handleScrollEndEventEnabled_decorators, { kind: "field", name: "#handleScrollEndEventEnabled", static: false, private: true, access: { has: obj => #handleScrollEndEventEnabled in obj, get: obj => obj.#handleScrollEndEventEnabled, set: (obj, value) => { obj.#handleScrollEndEventEnabled = value; } }, metadata: _metadata }, _private_handleScrollEndEventEnabled_initializers, _private_handleScrollEndEventEnabled_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        #dom;
-        #debounceScrollForMockingScrollEnd;
-        #prevX = 0;
-        #prevY = 0;
-        constructor(dom) {
-            __runInitializers(this, _private_handleScrollEndEventEnabled_extraInitializers);
-            this.#dom = dom;
-        }
-        #getScrollContainer = () => this.#dom;
-        #getUpperThresholdObserverDom = genDomGetter(() => this.#dom.shadowRoot, '#upper-threshold-observer');
-        #getLowerThresholdObserverDom = genDomGetter(() => this.#dom.shadowRoot, '#lower-threshold-observer');
-        #handleObserver = (entries) => {
-            const { isIntersecting, target } = entries[0];
-            const id = target.id;
-            if (isIntersecting) {
-                if (id === 'upper-threshold-observer') {
-                    this.#dom.dispatchEvent(new CustomEvent('scrolltoupper', {
-                        ...commonComponentEventSetting,
-                        detail: this.#getScrollDetail(),
-                    }));
-                }
-                else if (id === 'lower-threshold-observer') {
-                    this.#dom.dispatchEvent(new CustomEvent('scrolltolower', {
-                        ...commonComponentEventSetting,
-                        detail: this.#getScrollDetail(),
-                    }));
-                }
-            }
-        };
-        static observedAttributes = [
-            'upper-threshold',
-            'lower-threshold',
-        ];
-        #handleScrollUpperThresholdEventEnabled = __runInitializers(this, _private_handleScrollUpperThresholdEventEnabled_initializers, (enabled) => {
-            enabled
-                ? this.#dom.setAttribute('x-enable-scrolltoupper-event', '')
-                : this.#dom.removeAttribute('x-enable-scrolltoupper-event'); // css needs this;
-            this.#updateUpperIntersectionObserver(enabled);
-        });
-        #updateUpperIntersectionObserver = (__runInitializers(this, _private_handleScrollUpperThresholdEventEnabled_extraInitializers), bindToIntersectionObserver(this.#getScrollContainer, this.#getUpperThresholdObserverDom, this.#handleObserver));
-        #handleScrollLowerThresholdEventEnabled = __runInitializers(this, _private_handleScrollLowerThresholdEventEnabled_initializers, (enabled) => {
-            enabled
-                ? this.#dom.setAttribute('x-enable-scrolltolower-event', '')
-                : this.#dom.removeAttribute('x-enable-scrolltolower-event'); // css needs this;
-            this.#updateLowerIntersectionObserver(enabled);
-        });
-        #updateLowerIntersectionObserver = (__runInitializers(this, _private_handleScrollLowerThresholdEventEnabled_extraInitializers), bindToIntersectionObserver(this.#getScrollContainer, this.#getLowerThresholdObserverDom, this.#handleObserver));
-        #updateUpperThreshold = __runInitializers(this, _private_updateUpperThreshold_initializers, bindToStyle(this.#getUpperThresholdObserverDom, 'flex-basis', (v) => `${parseInt(v)}px`));
-        #updateLowerThreshold = (__runInitializers(this, _private_updateUpperThreshold_extraInitializers), __runInitializers(this, _private_updateLowerThreshold_initializers, bindToStyle(this.#getLowerThresholdObserverDom, 'flex-basis', (v) => `${parseInt(v)}px`)));
-        #getScrollDetail() {
-            let { scrollTop, scrollLeft, scrollHeight, scrollWidth } = this
-                .#getScrollContainer();
-            if (scrollTop === 0) {
-                scrollTop -= this.#dom.scrollHeight / 2 - this.#dom.scrollTop;
-            }
-            if (scrollLeft === 0) {
-                scrollLeft -= this.#dom.scrollWidth / 2 - this.#dom.scrollLeft;
-            }
-            const detail = {
-                scrollTop,
-                scrollLeft,
-                scrollHeight,
-                scrollWidth,
-                isDragging: false,
-                deltaX: scrollLeft - this.#prevX,
-                deltaY: scrollTop - this.#prevY,
-            };
-            this.#prevX = scrollLeft;
-            this.#prevY = scrollTop;
-            return detail;
-        }
-        #handleScroll = (__runInitializers(this, _private_updateLowerThreshold_extraInitializers), () => {
-            if (this.#scrollEndEventEnabled && !useScrollEnd) {
-                // debounce
-                clearTimeout(this.#debounceScrollForMockingScrollEnd);
-                this.#debounceScrollForMockingScrollEnd = setTimeout(() => {
-                    this.#handleScrollEnd();
-                }, 100);
-            }
-            this.#dom.dispatchEvent(new CustomEvent('lynxscroll', {
-                ...commonComponentEventSetting,
-                detail: this.#getScrollDetail(),
-            }));
-        });
-        #handleScrollEnd = () => {
-            this.#dom.dispatchEvent(new CustomEvent('lynxscrollend', {
-                ...commonComponentEventSetting,
-                detail: this.#getScrollDetail(),
-            }));
-        };
-        #scrollEventEnabled = false;
-        #handleScrollEventEnabled = __runInitializers(this, _private_handleScrollEventEnabled_initializers, (enabled) => {
-            this.#scrollEventEnabled = enabled;
-            this.#handleScrollEventsSwitches();
-        });
-        #scrollEndEventEnabled = (__runInitializers(this, _private_handleScrollEventEnabled_extraInitializers), false);
-        #handleScrollEndEventEnabled = __runInitializers(this, _private_handleScrollEndEventEnabled_initializers, (enabled) => {
-            this.#scrollEndEventEnabled = enabled;
-            this.#handleScrollEventsSwitches();
-        });
-        #handleScrollEventsSwitches() {
-            if (this.#scrollEventEnabled || this.#scrollEndEventEnabled) {
-                this.#getScrollContainer().addEventListener('scroll', this.#handleScroll);
-                this.#getScrollContainer().addEventListener('scrollend', this.#handleScrollEnd);
-                this.#dom.addEventListener('scroll', this.#handleScroll);
-                this.#dom.addEventListener('scrollend', this.#handleScrollEnd);
-                this.#prevX = 0;
-                this.#prevY = 0;
-            }
-            else {
-                this.#dom.removeEventListener('scroll', this.#handleScroll);
-                this.#dom.removeEventListener('scrollend', this.#handleScrollEnd);
-            }
-        }
-        connectedCallback() { }
-        dispose() { }
-    };
-})();
-export { ScrollViewEvents };
-//# sourceMappingURL=ScrollViewEvents.js.map

package/dist/ScrollView/index.d.ts

@@ -1 +0,0 @@
-export { ScrollView } from './ScrollView.js';

package/dist/ScrollView/index.js

@@ -1,2 +0,0 @@
-export { ScrollView } from './ScrollView.js';
-//# sourceMappingURL=index.js.map

package/dist/XAudioTT/XAudioAttribute.js

@@ -1,93 +0,0 @@
-/*
-// 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 { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
-import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
-import { XAudioErrorCode, xAudioBlob, xAudioSrc } from './utils.js';
-import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
-let XAudioAttribute = (() => {
-    let _instanceExtraInitializers = [];
-    let _private_handleSrc_decorators;
-    let _private_handleSrc_descriptor;
-    let _private_handleLoop_decorators;
-    let _private_handleLoop_initializers = [];
-    let _private_handleLoop_extraInitializers = [];
-    let _private_handlePauseOnHide_decorators;
-    let _private_handlePauseOnHide_descriptor;
-    return class XAudioAttribute {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _private_handleSrc_decorators = [registerAttributeHandler('src', true)];
-            _private_handleLoop_decorators = [registerAttributeHandler('loop', true)];
-            _private_handlePauseOnHide_decorators = [registerAttributeHandler('pause-on-hide', true)];
-            __esDecorate(this, _private_handleSrc_descriptor = { value: __setFunctionName(function (newValue) {
-                    let parsedSrc;
-                    try {
-                        parsedSrc = JSON.parse(newValue || '') || {};
-                    }
-                    catch (error) {
-                        console.error(`JSON.parse src error: ${error}`);
-                        parsedSrc = {};
-                    }
-                    if (newValue === null) {
-                        this.#dom.dispatchEvent(new CustomEvent('error', {
-                            ...commonComponentEventSetting,
-                            detail: {
-                                code: XAudioErrorCode.SrcError,
-                                msg: '',
-                                from: 'res loader',
-                                currentSrcID: this.#dom[xAudioSrc]?.id,
-                            },
-                        }));
-                    }
-                    else if (parsedSrc?.id === undefined || parsedSrc?.play_url === undefined) {
-                        this.#dom.dispatchEvent(new CustomEvent('error', {
-                            ...commonComponentEventSetting,
-                            detail: {
-                                code: XAudioErrorCode.SrcJsonError,
-                                msg: '',
-                                from: 'res loader',
-                                currentSrcID: this.#dom[xAudioSrc]?.id,
-                            },
-                        }));
-                    }
-                    this.#dom[xAudioSrc] = parsedSrc;
-                    this.#dom[xAudioBlob] = undefined;
-                    this.#dom.stop();
-                }, "#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);
-            __esDecorate(this, _private_handlePauseOnHide_descriptor = { value: __setFunctionName(function (newValue) {
-                    if (newValue !== null) {
-                        document.addEventListener('visibilitychange', this.#documentVisibilitychange, { passive: true });
-                    }
-                    else {
-                        document.removeEventListener('visibilitychange', this.#documentVisibilitychange);
-                    }
-                }, "#handlePauseOnHide") }, _private_handlePauseOnHide_decorators, { kind: "method", name: "#handlePauseOnHide", static: false, private: true, access: { has: obj => #handlePauseOnHide in obj, get: obj => obj.#handlePauseOnHide }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(null, null, _private_handleLoop_decorators, { kind: "field", name: "#handleLoop", static: false, private: true, access: { has: obj => #handleLoop in obj, get: obj => obj.#handleLoop, set: (obj, value) => { obj.#handleLoop = value; } }, metadata: _metadata }, _private_handleLoop_initializers, _private_handleLoop_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static observedAttributes = [
-            'src',
-            'loop',
-            'pause-on-hide',
-        ];
-        #dom = __runInitializers(this, _instanceExtraInitializers);
-        #getAudioElement = genDomGetter(() => this.#dom.shadowRoot, '#audio');
-        #setAudioSrc = bindToAttribute(this.#getAudioElement, 'src');
-        get #handleSrc() { return _private_handleSrc_descriptor.value; }
-        #handleLoop = __runInitializers(this, _private_handleLoop_initializers, bindToAttribute(this.#getAudioElement, 'loop'));
-        #documentVisibilitychange = (__runInitializers(this, _private_handleLoop_extraInitializers), () => {
-            if (document.visibilityState === 'hidden') {
-                this.#dom.pause();
-            }
-        });
-        get #handlePauseOnHide() { return _private_handlePauseOnHide_descriptor.value; }
-        constructor(dom) {
-            this.#dom = dom;
-        }
-    };
-})();
-export { XAudioAttribute };
-//# sourceMappingURL=XAudioAttribute.js.map

package/dist/XAudioTT/index.d.ts

@@ -1 +0,0 @@
-export { XAudioTT } from './XAudioTT.js';

package/dist/XAudioTT/index.js

@@ -1,2 +0,0 @@
-export { XAudioTT } from './XAudioTT.js';
-//# sourceMappingURL=index.js.map

package/dist/XCanvas/index.d.ts

@@ -1 +0,0 @@
-export { XCanvas } from './XCanvas.js';

package/dist/XCanvas/index.js

@@ -1,2 +0,0 @@
-export { XCanvas } from './XCanvas.js';
-//# sourceMappingURL=index.js.map