@lynx-js/web-elements 0.11.3 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +69 -15
  2. package/dist/elements/XFoldViewNg/XFoldviewSlotNgTouchEventsHandler.js +50 -5
  3. package/dist/elements/XList/XList.d.ts +2 -0
  4. package/dist/elements/XList/XList.js +18 -3
  5. package/dist/elements/XMarkdown/XMarkdown.d.ts +43 -0
  6. package/dist/elements/XMarkdown/XMarkdown.js +346 -0
  7. package/dist/elements/XMarkdown/XMarkdownAttributes.d.ts +35 -0
  8. package/dist/elements/XMarkdown/XMarkdownAttributes.js +1232 -0
  9. package/dist/elements/XMarkdown/XMarkdownDeps.d.ts +2 -0
  10. package/dist/elements/XMarkdown/XMarkdownDeps.js +11 -0
  11. package/dist/elements/XMarkdown/index.d.ts +7 -0
  12. package/dist/elements/XMarkdown/index.js +11 -0
  13. package/dist/elements/XText/InlineTruncation.js +1 -1
  14. package/dist/elements/XText/XTextTruncation.js +5 -11
  15. package/dist/elements/XViewpagerNg/XViewpagerNgEvents.d.ts +1 -0
  16. package/dist/elements/XViewpagerNg/XViewpagerNgEvents.js +20 -0
  17. package/dist/elements/all.d.ts +1 -0
  18. package/dist/elements/all.js +1 -0
  19. package/dist/elements/htmlTemplates.d.ts +2 -1
  20. package/dist/elements/htmlTemplates.js +87 -0
  21. package/index.css +1 -0
  22. package/package.json +15 -3
  23. package/src/compat/LinearContainer/linear-compat.css +5 -5
  24. package/src/elements/XList/x-list.css +31 -0
  25. package/src/elements/XMarkdown/x-markdown.css +15 -0
  26. package/src/elements/XText/x-text.css +31 -12
  27. package/src/elements/common-css/linear.css +23 -15
package/src/elements/common-css/linear.css CHANGED
@@ -7,51 +7,61 @@
7
7
  inherits: false;
8
8
  initial-value: linear;
9
9
  }
10
+
10
11
  @property --lynx-linear-weight-sum {
11
12
  syntax: "<number>";
12
13
  inherits: false;
13
14
  initial-value: 1;
14
15
  }
16
+
15
17
  @property --lynx-linear-weight {
16
18
  syntax: "<number>";
17
19
  inherits: false;
18
20
  initial-value: 0;
19
21
  }
22
+
20
23
  @property --justify-content-column {
21
24
  syntax: "flex-start|flex-end|center|space-between|space-around";
22
25
  inherits: false;
23
26
  initial-value: flex-start;
24
27
  }
28
+
25
29
  @property --justify-content-column-reverse {
26
30
  syntax: "flex-start|flex-end|center|space-between|space-around";
27
31
  inherits: false;
28
32
  initial-value: flex-start;
29
33
  }
34
+
30
35
  @property --justify-content-row {
31
36
  syntax: "flex-start|flex-end|center|space-between|space-around";
32
37
  inherits: false;
33
38
  initial-value: flex-start;
34
39
  }
40
+
35
41
  @property --justify-content-row-reverse {
36
42
  syntax: "flex-start|flex-end|center|space-between|space-around";
37
43
  inherits: false;
38
44
  initial-value: flex-start;
39
45
  }
46
+
40
47
  @property --align-self-row {
41
48
  syntax: "start|end|center|stretch|auto";
42
49
  inherits: false;
43
50
  initial-value: auto;
44
51
  }
52
+
45
53
  @property --align-self-column {
46
54
  syntax: "start|end|center|stretch|auto";
47
55
  inherits: false;
48
56
  initial-value: auto;
49
57
  }
58
+
50
59
  @property --lynx-linear-weight-basis {
51
60
  syntax: "auto|<number>|<length>";
52
61
  inherits: false;
53
62
  initial-value: auto;
54
63
  }
64
+
55
65
  @property --lynx-linear-orientation {
56
66
  syntax: "<custom-ident>";
57
67
  inherits: false;
@@ -62,29 +72,35 @@
62
72
  syntax: "*";
63
73
  inherits: false;
64
74
  }
75
+
65
76
  @property --flex-wrap {
66
77
  syntax: "*";
67
78
  inherits: false;
68
79
  }
80
+
69
81
  @property --flex-grow {
70
82
  syntax: "<number>";
71
83
  inherits: false;
72
84
  initial-value: 0;
73
85
  }
86
+
74
87
  @property --flex-shrink {
75
88
  syntax: "<number>";
76
89
  inherits: false;
77
90
  initial-value: 1;
78
91
  }
92
+
79
93
  @property --flex-basis {
80
94
  syntax: "*";
81
95
  inherits: false;
82
96
  initial-value: auto;
83
97
  }
98
+
84
99
  @property --flex-value {
85
100
  syntax: "*";
86
101
  inherits: false;
87
102
  }
103
+
88
104
  @property --flex {
89
105
  syntax: "*";
90
106
  inherits: false;
@@ -189,6 +205,7 @@ list-item {
189
205
  var(--justify-content-column-reverse)
190
206
  );
191
207
  }
208
+
192
209
  x-view,
193
210
  x-foldview-header-ng,
194
211
  x-foldview-ng,
@@ -203,15 +220,9 @@ x-viewpager-item-ng,
203
220
  x-viewpager-ng,
204
221
  list-item {
205
222
  flex-wrap: var(--lynx-display-linear, nowrap)
206
- var(
207
- --lynx-display-flex,
208
- var(--flex-wrap)
209
- );
223
+ var(--lynx-display-flex, var(--flex-wrap));
210
224
  flex-direction: var(--lynx-display-linear, var(--linear-flex-direction))
211
- var(
212
- --lynx-display-flex,
213
- var(--flex-direction)
214
- );
225
+ var(--lynx-display-flex, var(--flex-direction));
215
226
  justify-content: var(--lynx-display-linear, var(--linear-justify-content));
216
227
  }
217
228
 
@@ -250,8 +261,8 @@ list-item {
250
261
  * it fixed in 116.0.5806.0, detail: https://issues.chromium.org/issues/40270007
251
262
  *
252
263
  * so we limit this feature to chrome 117, safari 18, firefox no:
253
- * rex unit: chrome 111, safari 17.2, firefox no
254
- * https://developer.mozilla.org/en-US/docs/Web/CSS/length
264
+ * -webkit-box-reflect: chrome 4, safari 4, firefox no
265
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-box-reflect
255
266
  * transition-behavior:allow-discrete: chrome 117, safari 18, firefox 125
256
267
  * https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior
257
268
  * https://caniuse.com/mdn-css_properties_display_is_transitionable
@@ -260,7 +271,7 @@ list-item {
260
271
  *
261
272
  */
262
273
  @supports (content-visibility: auto) and
263
- (transition-behavior: allow-discrete) and (width: 1rex) {
274
+ (transition-behavior: allow-discrete) and (-webkit-box-reflect: above) {
264
275
  @container style(--lynx-display: linear) {
265
276
  x-view,
266
277
  x-blur-view,
@@ -333,10 +344,7 @@ list-item {
333
344
  x-textarea,
334
345
  x-list,
335
346
  list-item {
336
- flex: var(
337
- --flex,
338
- var(--flex-grow) var(--flex-shrink) var(--flex-basis)
339
- );
347
+ flex: var(--flex, var(--flex-grow) var(--flex-shrink) var(--flex-basis));
340
348
  }
341
349
  }
342
350