@lynx-js/web-elements 0.2.4 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @lynx-js/web-elements
 
+## 0.3.0
+
+### Minor Changes
+
+- feat: support `justify-content`, `align-self` in linear container ([#37](https://github.com/lynx-family/lynx-stack/pull/37))
+
+  Now these two properties could work in a linear container.
+
+  We don't transforms the `justify-content` and `align-self` to css vars any more.
+
+  The previous version of `@lynx-js/web-core` won't work with current `@lynx-js/web-core` after this change.
+
+### Patch Changes
+
+- Support NPM provenance. ([#30](https://github.com/lynx-family/lynx-stack/pull/30))
+
+- Updated dependencies [[`c617453`](https://github.com/lynx-family/lynx-stack/commit/c617453aea967aba702967deb2916b5c883f03bb)]:
+  - @lynx-js/web-elements-reactive@0.1.1
+
 ## 0.2.4
 
 ### Patch Changes

package/dist/ScrollView/FadeEdgeLengthAttribute.d.ts

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

package/dist/ScrollView/ScrollAttributes.d.ts

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

package/dist/ScrollView/ScrollIntoView.d.ts

@@ -1,5 +1,5 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { ScrollView } from './ScrollView.js';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import type { ScrollView } from './ScrollView.js';
 export declare class ScrollIntoView implements InstanceType<AttributeReactiveClass<typeof ScrollView>> {
     #private;
     static eventName: "__scrollIntoView";

package/dist/ScrollView/ScrollIntoView.js

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

package/dist/ScrollView/ScrollView.js

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

package/dist/ScrollView/ScrollViewEvents.d.ts

@@ -1,5 +1,5 @@
 import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { ScrollView } from './ScrollView.js';
+import type { ScrollView } from './ScrollView.js';
 export declare class ScrollViewEvents implements InstanceType<AttributeReactiveClass<typeof ScrollView>> {
     #private;
     constructor(dom: ScrollView);

package/dist/XAudioTT/XAudioAttribute.d.ts

@@ -1,4 +1,4 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 import type { XAudioTT } from './XAudioTT.js';
 export declare class XAudioAttribute implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;

package/dist/XAudioTT/XAudioEvents.d.ts

@@ -1,4 +1,4 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 import type { XAudioTT } from './XAudioTT.js';
 export declare class XAudioEvents implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;

package/dist/XCanvas/CanvasAttributes.d.ts

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

package/dist/XFoldViewNg/XFoldviewHeaderNgFeatures.d.ts

@@ -1,5 +1,5 @@
 import type { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XFoldviewHeaderNg } from './XFoldviewHeaderNg.js';
+import type { XFoldviewHeaderNg } from './XFoldviewHeaderNg.js';
 export declare class XFoldviewHeaderNgFeatures implements InstanceType<AttributeReactiveClass<typeof XFoldviewHeaderNg>> {
     #private;
     static observedAttributes: never[];

package/dist/XFoldViewNg/XFoldviewNgEvents.d.ts

@@ -1,5 +1,5 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XFoldviewNg } from './XFoldviewNg.js';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import type { XFoldviewNg } from './XFoldviewNg.js';
 export declare class XFoldviewNgEvents implements InstanceType<AttributeReactiveClass<typeof XFoldviewNg>> {
     #private;
     constructor(dom: XFoldviewNg);

package/dist/XFoldViewNg/XFoldviewSlotNgTouchEventsHandler.d.ts

@@ -1,5 +1,5 @@
 import type { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XFoldviewSlotNg } from './XFoldviewSlotNg.js';
+import type { XFoldviewSlotNg } from './XFoldviewSlotNg.js';
 export declare class XFoldviewSlotNgTouchEventsHandler implements InstanceType<AttributeReactiveClass<typeof XFoldviewSlotNg>> {
     #private;
     static observedAttributes: never[];

package/dist/XImage/DropShadow.d.ts

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

package/dist/XImage/ImageEvents.d.ts

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

package/dist/XInput/InputBaseAttributes.d.ts

@@ -1,4 +1,4 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 /**
  * shared by x-input and x-input-ng
  */

package/dist/XInput/Placeholder.d.ts

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

package/dist/XInput/XInputAttribute.d.ts

@@ -1,4 +1,4 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 /**
  * shared by x-input and x-input-ng
  */

package/dist/XInput/XInputEvents.d.ts

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

package/dist/XList/XList.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, genDomGetter, html, } from '@lynx-js/web-elements-reactive';
+import { boostedQueueMicrotask, Component, genDomGetter, html, } from '@lynx-js/web-elements-reactive';
 import { XListAttributes } from './XListAttributes.js';
 import { XListEvents } from './XListEvents.js';
 import { LynxExposure } from '../common/Exposure.js';

package/dist/XList/XListAttributes.d.ts

@@ -1,4 +1,4 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 import type { XList } from './XList.js';
 export declare class XListAttributes implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;

package/dist/XList/XListEvents.d.ts

@@ -1,4 +1,4 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 import type { XList } from './XList.js';
 export declare class XListEvents implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
     #private;

package/dist/XOverlayNg/XOverlayAttributes.d.ts

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

package/dist/XRefreshView/XRefreshSubElementIntersectionObserver.d.ts

@@ -1,6 +1,6 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XRefreshFooter } from './XRefreshFooter.js';
-import { XRefreshHeader } from './XRefreshHeader.js';
+import type { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import type { XRefreshFooter } from './XRefreshFooter.js';
+import type { XRefreshHeader } from './XRefreshHeader.js';
 export declare class XRefreshIntersectionObserverEvent extends Event {
     startShowing: boolean;
     fullyShowing: boolean;

package/dist/XRefreshView/XRefreshViewEventsEmitter.d.ts

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

package/dist/XSvg/XSvg.d.ts

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

package/dist/XSwiper/XSwiperAutoScroll.d.ts

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

package/dist/XSwiper/XSwiperCircular.d.ts

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

package/dist/XSwiper/XSwiperEvents.d.ts

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

package/dist/XSwiper/XSwiperIndicator.d.ts

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

package/dist/XText/InlineImage.d.ts

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

package/dist/XText/XTextTruncation.d.ts

@@ -1,5 +1,5 @@
 import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
-import { XText } from './XText.js';
+import type { XText } from './XText.js';
 export declare class XTextTruncation implements InstanceType<AttributeReactiveClass<typeof XText>> {
     #private;
     static exceedMathLengthAttribute: "x-text-clipped";

package/dist/XTextarea/Placeholder.d.ts

@@ -1,4 +1,4 @@
-import { AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
+import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
 import { XTextarea } from './XTextarea.js';
 export declare class Placeholder implements InstanceType<AttributeReactiveClass<typeof XTextarea>> {
     #private;

package/dist/XTextarea/Placeholder.js

@@ -5,6 +5,7 @@ import { __esDecorate, __runInitializers } from "tslib";
 // LICENSE file in the root directory of this source tree.
 */
 import { bindToAttribute, bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
+import { XTextarea } from './XTextarea.js';
 let Placeholder = (() => {
     let _private_updatePlaceholderColor_decorators;
     let _private_updatePlaceholderColor_initializers = [];

package/dist/XTextarea/TextareaBaseAttributes.d.ts

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

package/dist/XTextarea/XTextareaAttributes.d.ts

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

package/dist/XTextarea/XTextareaEvents.d.ts

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

package/dist/XView/BlurRadius.d.ts

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

package/dist/XViewpagerNg/XViewpagerNgEvents.d.ts

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

package/package.json

@@ -1,7 +1,12 @@
 {
   "name": "@lynx-js/web-elements",
-  "version": "0.2.4",
+  "version": "0.3.0",
   "private": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lynx-family/lynx-stack.git",
+    "directory": "packages/web-platform/web-elements"
+  },
   "license": "Apache-2.0",
   "sideEffects": true,
   "type": "module",
@@ -99,7 +104,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@lynx-js/web-elements-reactive": "0.1.0"
+    "@lynx-js/web-elements-reactive": "0.1.1"
   },
   "devDependencies": {
     "tslib": "^2.8.1"

package/src/common-css/linear.css

@@ -66,14 +66,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --justify-content {
-  syntax: "*";
-  inherits: false;
-}
-@property --align-self {
-  syntax: "*";
-  inherits: false;
-}
 @property --flex-grow {
   syntax: "<number>";
   inherits: false;
@@ -207,8 +199,7 @@ x-viewpager-ng {
     --lynx-display-flex,
     var(--flex-direction)
   );
-  justify-content: var(--lynx-display-linear, var(--linear-justify-content))
-    var(--lynx-display-flex, var(--justify-content));
+  justify-content: var(--lynx-display-linear, var(--linear-justify-content));
 }
 
 /** For @container
@@ -318,7 +309,6 @@ x-viewpager-ng {
       flex-grow: var(--flex-grow);
       flex-shrink: var(--flex-shrink);
       flex-basis: var(--flex-basis);
-      align-self: var(--align-self);
     }
   }