@lynx-js/web-elements 0.9.0 → 0.10.0

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 (297) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/compat/LinearContainer/LinearContainer.d.ts +8 -0
  3. package/dist/compat/LinearContainer/LinearContainer.js +109 -0
  4. package/dist/element-reactive/bindSwitchToEventListener.d.ts +1 -0
  5. package/dist/element-reactive/bindSwitchToEventListener.js +23 -0
  6. package/dist/element-reactive/bindToAttribute.d.ts +2 -0
  7. package/dist/element-reactive/bindToAttribute.js +27 -0
  8. package/dist/element-reactive/bindToStyle.d.ts +2 -0
  9. package/dist/element-reactive/bindToStyle.js +21 -0
  10. package/dist/element-reactive/boostedQueueMicrotask.d.ts +1 -0
  11. package/dist/element-reactive/boostedQueueMicrotask.js +20 -0
  12. package/dist/element-reactive/component.d.ts +43 -0
  13. package/dist/element-reactive/component.js +217 -0
  14. package/dist/element-reactive/genDomGetter.d.ts +9 -0
  15. package/dist/element-reactive/genDomGetter.js +18 -0
  16. package/dist/element-reactive/generateRegister.d.ts +6 -0
  17. package/dist/element-reactive/generateRegister.js +29 -0
  18. package/dist/element-reactive/html.d.ts +6 -0
  19. package/dist/element-reactive/html.js +8 -0
  20. package/dist/element-reactive/index.d.ts +30 -0
  21. package/dist/element-reactive/index.js +28 -0
  22. package/dist/element-reactive/registerAttributeHandler.d.ts +12 -0
  23. package/dist/element-reactive/registerAttributeHandler.js +11 -0
  24. package/dist/element-reactive/registerEventStatusChangedHandler.d.ts +11 -0
  25. package/dist/element-reactive/registerEventStatusChangedHandler.js +7 -0
  26. package/dist/element-reactive/registerStyleChangeHandler.d.ts +2 -0
  27. package/dist/element-reactive/registerStyleChangeHandler.js +8 -0
  28. package/dist/{LynxWrapper → elements/LynxWrapper}/LynxWrapper.js +1 -1
  29. package/dist/elements/LynxWrapper/index.d.ts +14 -0
  30. package/dist/elements/LynxWrapper/index.js +18 -0
  31. package/dist/{ScrollView → elements/ScrollView}/FadeEdgeLengthAttribute.d.ts +3 -1
  32. package/dist/elements/ScrollView/FadeEdgeLengthAttribute.js +42 -0
  33. package/dist/{ScrollView → elements/ScrollView}/ScrollAttributes.d.ts +3 -1
  34. package/dist/elements/ScrollView/ScrollAttributes.js +81 -0
  35. package/dist/{ScrollView → elements/ScrollView}/ScrollIntoView.d.ts +1 -1
  36. package/dist/{ScrollView → elements/ScrollView}/ScrollIntoView.js +1 -1
  37. package/dist/{ScrollView → elements/ScrollView}/ScrollView.js +2 -2
  38. package/dist/elements/ScrollView/ScrollViewEvents.d.ts +15 -0
  39. package/dist/elements/ScrollView/ScrollViewEvents.js +167 -0
  40. package/dist/elements/ScrollView/index.d.ts +32 -0
  41. package/dist/elements/ScrollView/index.js +36 -0
  42. package/dist/{XAudioTT → elements/XAudioTT}/XAudioAttribute.d.ts +4 -1
  43. package/dist/elements/XAudioTT/XAudioAttribute.js +90 -0
  44. package/dist/{XAudioTT → elements/XAudioTT}/XAudioEvents.d.ts +1 -1
  45. package/dist/{XAudioTT → elements/XAudioTT}/XAudioEvents.js +1 -1
  46. package/dist/{XAudioTT → elements/XAudioTT}/XAudioTT.js +2 -2
  47. package/dist/elements/XAudioTT/index.d.ts +21 -0
  48. package/dist/elements/XAudioTT/index.js +25 -0
  49. package/dist/{XCanvas → elements/XCanvas}/CanvasAttributes.d.ts +1 -1
  50. package/dist/{XCanvas → elements/XCanvas}/CanvasAttributes.js +1 -1
  51. package/dist/{XCanvas → elements/XCanvas}/XCanvas.js +1 -1
  52. package/dist/elements/XCanvas/index.d.ts +14 -0
  53. package/dist/elements/XCanvas/index.js +18 -0
  54. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewHeaderNg.js +1 -1
  55. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewNg.js +1 -1
  56. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewNgEvents.d.ts +3 -1
  57. package/dist/elements/XFoldViewNg/XFoldviewNgEvents.js +65 -0
  58. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotDragNg.js +1 -1
  59. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotNg.js +1 -1
  60. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotNgTouchEventsHandler.d.ts +1 -1
  61. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotNgTouchEventsHandler.js +0 -1
  62. package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewToolbarNg.js +1 -1
  63. package/dist/elements/XFoldViewNg/index.d.ts +23 -0
  64. package/dist/elements/XFoldViewNg/index.js +27 -0
  65. package/dist/{XImage → elements/XImage}/DropShadow.d.ts +2 -1
  66. package/dist/elements/XImage/DropShadow.js +30 -0
  67. package/dist/{XImage → elements/XImage}/FilterImage.js +2 -2
  68. package/dist/{XImage → elements/XImage}/ImageEvents.d.ts +3 -1
  69. package/dist/elements/XImage/ImageEvents.js +67 -0
  70. package/dist/elements/XImage/ImageSrc.d.ts +12 -0
  71. package/dist/elements/XImage/ImageSrc.js +78 -0
  72. package/dist/{XImage → elements/XImage}/XImage.js +2 -2
  73. package/dist/elements/XImage/index.d.ts +18 -0
  74. package/dist/elements/XImage/index.js +22 -0
  75. package/dist/elements/XInput/InputBaseAttributes.d.ts +14 -0
  76. package/dist/elements/XInput/InputBaseAttributes.js +98 -0
  77. package/dist/elements/XInput/Placeholder.d.ts +11 -0
  78. package/dist/elements/XInput/Placeholder.js +60 -0
  79. package/dist/{XInput → elements/XInput}/XInput.js +2 -2
  80. package/dist/elements/XInput/XInputAttribute.d.ts +12 -0
  81. package/dist/elements/XInput/XInputAttribute.js +57 -0
  82. package/dist/elements/XInput/XInputEvents.d.ts +9 -0
  83. package/dist/{XInput → elements/XInput}/XInputEvents.js +36 -39
  84. package/dist/elements/XInput/index.d.ts +34 -0
  85. package/dist/elements/XInput/index.js +38 -0
  86. package/dist/{XList → elements/XList}/ListItem.js +1 -1
  87. package/dist/{XList → elements/XList}/ListItemAttributes.d.ts +2 -1
  88. package/dist/elements/XList/ListItemAttributes.js +31 -0
  89. package/dist/{XList → elements/XList}/XList.js +2 -2
  90. package/dist/{XList → elements/XList}/XListAttributes.d.ts +3 -1
  91. package/dist/{XList → elements/XList}/XListAttributes.js +14 -14
  92. package/dist/elements/XList/XListEvents.d.ts +14 -0
  93. package/dist/{XList → elements/XList}/XListEvents.js +78 -80
  94. package/dist/{XList → elements/XList}/XListWaterfall.d.ts +3 -1
  95. package/dist/{XList → elements/XList}/XListWaterfall.js +67 -69
  96. package/dist/elements/XList/index.d.ts +32 -0
  97. package/dist/elements/XList/index.js +36 -0
  98. package/dist/{XOverlayNg → elements/XOverlayNg}/XOverlayAttributes.d.ts +3 -1
  99. package/dist/elements/XOverlayNg/XOverlayAttributes.js +83 -0
  100. package/dist/{XOverlayNg → elements/XOverlayNg}/XOverlayNg.js +2 -2
  101. package/dist/elements/XOverlayNg/index.d.ts +14 -0
  102. package/dist/elements/XOverlayNg/index.js +18 -0
  103. package/dist/{XRefreshView → elements/XRefreshView}/XRefreshFooter.js +1 -1
  104. package/dist/{XRefreshView → elements/XRefreshView}/XRefreshHeader.js +1 -1
  105. package/dist/{XRefreshView → elements/XRefreshView}/XRefreshSubElementIntersectionObserver.d.ts +1 -1
  106. package/dist/{XRefreshView → elements/XRefreshView}/XRefreshView.js +2 -2
  107. package/dist/{XRefreshView → elements/XRefreshView}/XRefreshViewEventsEmitter.d.ts +3 -1
  108. package/dist/{XRefreshView → elements/XRefreshView}/XRefreshViewEventsEmitter.js +36 -39
  109. package/dist/elements/XRefreshView/index.d.ts +26 -0
  110. package/dist/elements/XRefreshView/index.js +30 -0
  111. package/dist/{XSvg → elements/XSvg}/XSvg.d.ts +4 -1
  112. package/dist/elements/XSvg/XSvg.js +96 -0
  113. package/dist/elements/XSvg/index.d.ts +13 -0
  114. package/dist/elements/XSvg/index.js +17 -0
  115. package/dist/{XSwiper → elements/XSwiper}/SwiperItem.js +1 -1
  116. package/dist/{XSwiper → elements/XSwiper}/XSwiper.js +2 -2
  117. package/dist/{XSwiper → elements/XSwiper}/XSwiperAutoScroll.d.ts +3 -1
  118. package/dist/elements/XSwiper/XSwiperAutoScroll.js +74 -0
  119. package/dist/{XSwiper → elements/XSwiper}/XSwiperCircular.d.ts +3 -1
  120. package/dist/{XSwiper → elements/XSwiper}/XSwiperCircular.js +24 -26
  121. package/dist/{XSwiper → elements/XSwiper}/XSwiperEvents.d.ts +3 -1
  122. package/dist/{XSwiper → elements/XSwiper}/XSwiperEvents.js +21 -22
  123. package/dist/elements/XSwiper/XSwiperIndicator.d.ts +14 -0
  124. package/dist/elements/XSwiper/XSwiperIndicator.js +117 -0
  125. package/dist/elements/XSwiper/index.d.ts +29 -0
  126. package/dist/elements/XSwiper/index.js +33 -0
  127. package/dist/{XText → elements/XText}/InlineImage.d.ts +2 -1
  128. package/dist/{XText → elements/XText}/InlineImage.js +12 -13
  129. package/dist/{XText → elements/XText}/InlineText.js +1 -1
  130. package/dist/{XText → elements/XText}/InlineTruncation.js +1 -1
  131. package/dist/{XText → elements/XText}/RawText.d.ts +1 -0
  132. package/dist/{XText → elements/XText}/RawText.js +12 -13
  133. package/dist/{XText → elements/XText}/XText.js +2 -2
  134. package/dist/{XText → elements/XText}/XTextTruncation.d.ts +3 -1
  135. package/dist/{XText → elements/XText}/XTextTruncation.js +31 -33
  136. package/dist/elements/XText/index.d.ts +21 -0
  137. package/dist/elements/XText/index.js +25 -0
  138. package/dist/elements/XTextarea/Placeholder.d.ts +12 -0
  139. package/dist/elements/XTextarea/Placeholder.js +60 -0
  140. package/dist/elements/XTextarea/TextareaBaseAttributes.d.ts +11 -0
  141. package/dist/elements/XTextarea/TextareaBaseAttributes.js +70 -0
  142. package/dist/{XTextarea → elements/XTextarea}/XTextarea.js +2 -2
  143. package/dist/elements/XTextarea/XTextareaAttributes.d.ts +11 -0
  144. package/dist/elements/XTextarea/XTextareaAttributes.js +79 -0
  145. package/dist/elements/XTextarea/XTextareaEvents.d.ts +9 -0
  146. package/dist/{XTextarea → elements/XTextarea}/XTextareaEvents.js +36 -39
  147. package/dist/elements/XTextarea/index.d.ts +35 -0
  148. package/dist/elements/XTextarea/index.js +39 -0
  149. package/dist/{XView → elements/XView}/BlurRadius.d.ts +2 -1
  150. package/dist/elements/XView/BlurRadius.js +37 -0
  151. package/dist/{XView → elements/XView}/XBlurView.js +1 -1
  152. package/dist/{XView → elements/XView}/XView.js +1 -1
  153. package/dist/elements/XView/index.d.ts +8 -0
  154. package/dist/elements/XView/index.js +12 -0
  155. package/dist/{XViewpagerNg → elements/XViewpagerNg}/XViewpagerItemNg.js +1 -1
  156. package/dist/{XViewpagerNg → elements/XViewpagerNg}/XViewpagerNg.js +2 -2
  157. package/dist/{XViewpagerNg → elements/XViewpagerNg}/XViewpagerNgEvents.d.ts +3 -1
  158. package/dist/{XViewpagerNg → elements/XViewpagerNg}/XViewpagerNgEvents.js +17 -19
  159. package/dist/elements/XViewpagerNg/index.d.ts +20 -0
  160. package/dist/elements/XViewpagerNg/index.js +24 -0
  161. package/dist/{common → elements/common}/CommonEventsAndMethods.d.ts +1 -0
  162. package/dist/{common → elements/common}/CommonEventsAndMethods.js +6 -2
  163. package/dist/elements/htmlTemplates.d.ts +20 -0
  164. package/dist/elements/htmlTemplates.js +332 -0
  165. package/dist/elements/index.d.ts +12 -0
  166. package/dist/elements/index.js +16 -0
  167. package/elements.css +18 -0
  168. package/index.css +2 -15
  169. package/package.json +84 -42
  170. package/src/compat/LinearContainer/linear-compat.css +124 -0
  171. package/src/{common-css → elements/common-css}/linear.css +1 -1
  172. package/dist/LynxWrapper/index.d.ts +0 -1
  173. package/dist/LynxWrapper/index.js +0 -2
  174. package/dist/ScrollView/FadeEdgeLengthAttribute.js +0 -43
  175. package/dist/ScrollView/ScrollAttributes.js +0 -83
  176. package/dist/ScrollView/ScrollViewEvents.d.ts +0 -9
  177. package/dist/ScrollView/ScrollViewEvents.js +0 -167
  178. package/dist/ScrollView/index.d.ts +0 -1
  179. package/dist/ScrollView/index.js +0 -2
  180. package/dist/XAudioTT/XAudioAttribute.js +0 -93
  181. package/dist/XAudioTT/index.d.ts +0 -1
  182. package/dist/XAudioTT/index.js +0 -2
  183. package/dist/XCanvas/index.d.ts +0 -1
  184. package/dist/XCanvas/index.js +0 -2
  185. package/dist/XFoldViewNg/XFoldviewNgEvents.js +0 -67
  186. package/dist/XFoldViewNg/index.d.ts +0 -5
  187. package/dist/XFoldViewNg/index.js +0 -6
  188. package/dist/XImage/DropShadow.js +0 -30
  189. package/dist/XImage/ImageEvents.js +0 -69
  190. package/dist/XImage/ImageSrc.d.ts +0 -7
  191. package/dist/XImage/ImageSrc.js +0 -79
  192. package/dist/XImage/index.d.ts +0 -2
  193. package/dist/XImage/index.js +0 -3
  194. package/dist/XInput/InputBaseAttributes.d.ts +0 -9
  195. package/dist/XInput/InputBaseAttributes.js +0 -100
  196. package/dist/XInput/Placeholder.d.ts +0 -6
  197. package/dist/XInput/Placeholder.js +0 -60
  198. package/dist/XInput/XInputAttribute.d.ts +0 -9
  199. package/dist/XInput/XInputAttribute.js +0 -58
  200. package/dist/XInput/XInputEvents.d.ts +0 -6
  201. package/dist/XInput/index.d.ts +0 -1
  202. package/dist/XInput/index.js +0 -2
  203. package/dist/XList/ListItemAttributes.js +0 -32
  204. package/dist/XList/XListEvents.d.ts +0 -7
  205. package/dist/XList/index.d.ts +0 -2
  206. package/dist/XList/index.js +0 -3
  207. package/dist/XOverlayNg/XOverlayAttributes.js +0 -85
  208. package/dist/XOverlayNg/index.d.ts +0 -1
  209. package/dist/XOverlayNg/index.js +0 -2
  210. package/dist/XRefreshView/index.d.ts +0 -3
  211. package/dist/XRefreshView/index.js +0 -4
  212. package/dist/XSvg/XSvg.js +0 -99
  213. package/dist/XSvg/index.d.ts +0 -1
  214. package/dist/XSvg/index.js +0 -2
  215. package/dist/XSwiper/XSwiperAutoScroll.js +0 -76
  216. package/dist/XSwiper/XSwiperIndicator.d.ts +0 -9
  217. package/dist/XSwiper/XSwiperIndicator.js +0 -117
  218. package/dist/XSwiper/index.d.ts +0 -2
  219. package/dist/XSwiper/index.js +0 -3
  220. package/dist/XText/index.d.ts +0 -5
  221. package/dist/XText/index.js +0 -6
  222. package/dist/XTextarea/Placeholder.d.ts +0 -7
  223. package/dist/XTextarea/Placeholder.js +0 -60
  224. package/dist/XTextarea/TextareaBaseAttributes.d.ts +0 -6
  225. package/dist/XTextarea/TextareaBaseAttributes.js +0 -70
  226. package/dist/XTextarea/XTextareaAttributes.d.ts +0 -6
  227. package/dist/XTextarea/XTextareaAttributes.js +0 -81
  228. package/dist/XTextarea/XTextareaEvents.d.ts +0 -6
  229. package/dist/XTextarea/index.d.ts +0 -1
  230. package/dist/XTextarea/index.js +0 -2
  231. package/dist/XView/BlurRadius.js +0 -38
  232. package/dist/XView/index.d.ts +0 -2
  233. package/dist/XView/index.js +0 -3
  234. package/dist/XViewpagerNg/index.d.ts +0 -2
  235. package/dist/XViewpagerNg/index.js +0 -3
  236. package/dist/index.d.ts +0 -4
  237. package/dist/index.js +0 -8
  238. /package/dist/{LynxWrapper → elements/LynxWrapper}/LynxWrapper.d.ts +0 -0
  239. /package/dist/{ScrollView → elements/ScrollView}/ScrollView.d.ts +0 -0
  240. /package/dist/{XAudioTT → elements/XAudioTT}/XAudioTT.d.ts +0 -0
  241. /package/dist/{XAudioTT → elements/XAudioTT}/utils.d.ts +0 -0
  242. /package/dist/{XAudioTT → elements/XAudioTT}/utils.js +0 -0
  243. /package/dist/{XCanvas → elements/XCanvas}/XCanvas.d.ts +0 -0
  244. /package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewHeaderNg.d.ts +0 -0
  245. /package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewNg.d.ts +0 -0
  246. /package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotDragNg.d.ts +0 -0
  247. /package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewSlotNg.d.ts +0 -0
  248. /package/dist/{XFoldViewNg → elements/XFoldViewNg}/XFoldviewToolbarNg.d.ts +0 -0
  249. /package/dist/{XImage → elements/XImage}/FilterImage.d.ts +0 -0
  250. /package/dist/{XImage → elements/XImage}/XImage.d.ts +0 -0
  251. /package/dist/{XInput → elements/XInput}/XInput.d.ts +0 -0
  252. /package/dist/{XList → elements/XList}/ListItem.d.ts +0 -0
  253. /package/dist/{XList → elements/XList}/XList.d.ts +0 -0
  254. /package/dist/{XOverlayNg → elements/XOverlayNg}/XOverlayNg.d.ts +0 -0
  255. /package/dist/{XRefreshView → elements/XRefreshView}/XRefreshFooter.d.ts +0 -0
  256. /package/dist/{XRefreshView → elements/XRefreshView}/XRefreshHeader.d.ts +0 -0
  257. /package/dist/{XRefreshView → elements/XRefreshView}/XRefreshSubElementIntersectionObserver.js +0 -0
  258. /package/dist/{XRefreshView → elements/XRefreshView}/XRefreshView.d.ts +0 -0
  259. /package/dist/{XSwiper → elements/XSwiper}/SwiperItem.d.ts +0 -0
  260. /package/dist/{XSwiper → elements/XSwiper}/XSwiper.d.ts +0 -0
  261. /package/dist/{XText → elements/XText}/InlineText.d.ts +0 -0
  262. /package/dist/{XText → elements/XText}/InlineTruncation.d.ts +0 -0
  263. /package/dist/{XText → elements/XText}/XText.d.ts +0 -0
  264. /package/dist/{XTextarea → elements/XTextarea}/XTextarea.d.ts +0 -0
  265. /package/dist/{XView → elements/XView}/XBlurView.d.ts +0 -0
  266. /package/dist/{XView → elements/XView}/XView.d.ts +0 -0
  267. /package/dist/{XViewpagerNg → elements/XViewpagerNg}/XViewpagerItemNg.d.ts +0 -0
  268. /package/dist/{XViewpagerNg → elements/XViewpagerNg}/XViewpagerNg.d.ts +0 -0
  269. /package/dist/{all.d.ts → elements/all.d.ts} +0 -0
  270. /package/dist/{all.js → elements/all.js} +0 -0
  271. /package/dist/{common → elements/common}/bindToIntersectionObserver.d.ts +0 -0
  272. /package/dist/{common → elements/common}/bindToIntersectionObserver.js +0 -0
  273. /package/dist/{common → elements/common}/commonEventInitConfiguration.d.ts +0 -0
  274. /package/dist/{common → elements/common}/commonEventInitConfiguration.js +0 -0
  275. /package/dist/{common → elements/common}/constants.d.ts +0 -0
  276. /package/dist/{common → elements/common}/constants.js +0 -0
  277. /package/dist/{common → elements/common}/getCombinedParentElement.d.ts +0 -0
  278. /package/dist/{common → elements/common}/getCombinedParentElement.js +0 -0
  279. /package/dist/{common → elements/common}/renameEvent.d.ts +0 -0
  280. /package/dist/{common → elements/common}/renameEvent.js +0 -0
  281. /package/dist/{common → elements/common}/throttle.d.ts +0 -0
  282. /package/dist/{common → elements/common}/throttle.js +0 -0
  283. /package/src/{LynxWrapper → elements/LynxWrapper}/lynx-wrapper.css +0 -0
  284. /package/src/{ScrollView → elements/ScrollView}/scroll-view.css +0 -0
  285. /package/src/{XAudioTT → elements/XAudioTT}/x-audio-tt.css +0 -0
  286. /package/src/{XCanvas → elements/XCanvas}/x-canvas.css +0 -0
  287. /package/src/{XFoldViewNg → elements/XFoldViewNg}/x-foldview-ng.css +0 -0
  288. /package/src/{XImage → elements/XImage}/x-image.css +0 -0
  289. /package/src/{XInput → elements/XInput}/x-input.css +0 -0
  290. /package/src/{XList → elements/XList}/x-list.css +0 -0
  291. /package/src/{XOverlayNg → elements/XOverlayNg}/x-overlay-ng.css +0 -0
  292. /package/src/{XRefreshView → elements/XRefreshView}/x-refresh-view.css +0 -0
  293. /package/src/{XSvg → elements/XSvg}/x-svg.css +0 -0
  294. /package/src/{XSwiper → elements/XSwiper}/x-swiper.css +0 -0
  295. /package/src/{XText → elements/XText}/x-text.css +0 -0
  296. /package/src/{XTextarea → elements/XTextarea}/x-textarea.css +0 -0
  297. /package/src/{XViewpagerNg → elements/XViewpagerNg}/x-viewpager-ng.css +0 -0
@@ -1,100 +0,0 @@
1
- import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
2
- /*
3
- // Copyright 2024 The Lynx Authors. All rights reserved.
4
- // Licensed under the Apache License Version 2.0 that can be found in the
5
- // LICENSE file in the root directory of this source tree.
6
- */
7
- import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
8
- /**
9
- * shared by x-input and x-input-ng
10
- */
11
- let InputBaseAttributes = (() => {
12
- let _instanceExtraInitializers = [];
13
- let _private_handlerConfirmType_decorators;
14
- let _private_handlerConfirmType_initializers = [];
15
- let _private_handlerConfirmType_extraInitializers = [];
16
- let _private_handlerMaxlength_decorators;
17
- let _private_handlerMaxlength_initializers = [];
18
- let _private_handlerMaxlength_extraInitializers = [];
19
- let _private_handleReadonly_decorators;
20
- let _private_handleReadonly_initializers = [];
21
- let _private_handleReadonly_extraInitializers = [];
22
- let _private_handleType_decorators;
23
- let _private_handleType_descriptor;
24
- let _private_handleSpellCheck_decorators;
25
- let _private_handleSpellCheck_initializers = [];
26
- let _private_handleSpellCheck_extraInitializers = [];
27
- return class InputBaseAttributes {
28
- static {
29
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
30
- _private_handlerConfirmType_decorators = [registerAttributeHandler('confirm-type', true)];
31
- _private_handlerMaxlength_decorators = [registerAttributeHandler('maxlength', true)];
32
- _private_handleReadonly_decorators = [registerAttributeHandler('readonly', true)];
33
- _private_handleType_decorators = [registerAttributeHandler('type', true)];
34
- _private_handleSpellCheck_decorators = [registerAttributeHandler('ios-spell-check', true), registerAttributeHandler('spell-check', true)];
35
- __esDecorate(this, _private_handleType_descriptor = { value: __setFunctionName(function (value) {
36
- const attributeValue = value;
37
- // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
38
- let inputMode = 'text';
39
- let inputType = 'text';
40
- /**
41
- * For number / digit type, if the user is typing "2.", the raw value is expected to remain "2." rather than being altered.
42
- */
43
- if (attributeValue === 'digit') {
44
- inputMode = 'numeric';
45
- }
46
- else if (attributeValue === 'number') {
47
- inputMode = 'decimal';
48
- }
49
- else if (attributeValue === 'email') {
50
- inputMode = 'email';
51
- }
52
- else if (attributeValue === 'tel') {
53
- inputMode = 'tel';
54
- }
55
- else {
56
- inputType = attributeValue;
57
- }
58
- this.#setInputmode(inputMode);
59
- this.#setType(inputType);
60
- }, "#handleType") }, _private_handleType_decorators, { kind: "method", name: "#handleType", static: false, private: true, access: { has: obj => #handleType in obj, get: obj => obj.#handleType }, metadata: _metadata }, null, _instanceExtraInitializers);
61
- __esDecorate(null, null, _private_handlerConfirmType_decorators, { kind: "field", name: "#handlerConfirmType", static: false, private: true, access: { has: obj => #handlerConfirmType in obj, get: obj => obj.#handlerConfirmType, set: (obj, value) => { obj.#handlerConfirmType = value; } }, metadata: _metadata }, _private_handlerConfirmType_initializers, _private_handlerConfirmType_extraInitializers);
62
- __esDecorate(null, null, _private_handlerMaxlength_decorators, { kind: "field", name: "#handlerMaxlength", static: false, private: true, access: { has: obj => #handlerMaxlength in obj, get: obj => obj.#handlerMaxlength, set: (obj, value) => { obj.#handlerMaxlength = value; } }, metadata: _metadata }, _private_handlerMaxlength_initializers, _private_handlerMaxlength_extraInitializers);
63
- __esDecorate(null, null, _private_handleReadonly_decorators, { kind: "field", name: "#handleReadonly", static: false, private: true, access: { has: obj => #handleReadonly in obj, get: obj => obj.#handleReadonly, set: (obj, value) => { obj.#handleReadonly = value; } }, metadata: _metadata }, _private_handleReadonly_initializers, _private_handleReadonly_extraInitializers);
64
- __esDecorate(null, null, _private_handleSpellCheck_decorators, { kind: "field", name: "#handleSpellCheck", static: false, private: true, access: { has: obj => #handleSpellCheck in obj, get: obj => obj.#handleSpellCheck, set: (obj, value) => { obj.#handleSpellCheck = value; } }, metadata: _metadata }, _private_handleSpellCheck_initializers, _private_handleSpellCheck_extraInitializers);
65
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
66
- }
67
- static observedAttributes = [
68
- 'confirm-type',
69
- 'maxlength',
70
- 'readonly',
71
- 'type',
72
- 'ios-spell-check',
73
- 'spell-check',
74
- ];
75
- #dom = __runInitializers(this, _instanceExtraInitializers);
76
- #inputType = 'text';
77
- #getInputElement = genDomGetter(() => this.#dom.shadowRoot, '#input');
78
- #handlerConfirmType = __runInitializers(this, _private_handlerConfirmType_initializers, bindToAttribute(this.#getInputElement, 'enterkeyhint', (val) => {
79
- if (val === null)
80
- return 'send';
81
- return val;
82
- }));
83
- #handlerMaxlength = (__runInitializers(this, _private_handlerConfirmType_extraInitializers), __runInitializers(this, _private_handlerMaxlength_initializers, bindToAttribute(this.#getInputElement, 'maxlength', (val) => {
84
- if (val === null)
85
- return '140';
86
- return val;
87
- })));
88
- #handleReadonly = (__runInitializers(this, _private_handlerMaxlength_extraInitializers), __runInitializers(this, _private_handleReadonly_initializers, bindToAttribute(this.#getInputElement, 'readonly', (value) => (value !== null ? '' : null))));
89
- #setType = (__runInitializers(this, _private_handleReadonly_extraInitializers), bindToAttribute(this.#getInputElement, 'type'));
90
- #setInputmode = bindToAttribute(this.#getInputElement, 'inputmode');
91
- get #handleType() { return _private_handleType_descriptor.value; }
92
- #handleSpellCheck = __runInitializers(this, _private_handleSpellCheck_initializers, bindToAttribute(this.#getInputElement, 'spellcheck', (value) => (value === null ? 'false' : 'true')));
93
- constructor(dom) {
94
- __runInitializers(this, _private_handleSpellCheck_extraInitializers);
95
- this.#dom = dom;
96
- }
97
- };
98
- })();
99
- export { InputBaseAttributes };
100
- //# sourceMappingURL=InputBaseAttributes.js.map
@@ -1,6 +0,0 @@
1
- import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
2
- export declare class Placeholder implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
3
- #private;
4
- static observedAttributes: string[];
5
- constructor(dom: HTMLElement);
6
- }
@@ -1,60 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- /*
3
- // Copyright 2024 The Lynx Authors. All rights reserved.
4
- // Licensed under the Apache License Version 2.0 that can be found in the
5
- // LICENSE file in the root directory of this source tree.
6
- */
7
- import { bindToAttribute, bindToStyle, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
8
- let Placeholder = (() => {
9
- let _private_handlerPlaceholder_decorators;
10
- let _private_handlerPlaceholder_initializers = [];
11
- let _private_handlerPlaceholder_extraInitializers = [];
12
- let _private_handlerPlaceholderColor_decorators;
13
- let _private_handlerPlaceholderColor_initializers = [];
14
- let _private_handlerPlaceholderColor_extraInitializers = [];
15
- let _private_handlerPlaceholderFontFamily_decorators;
16
- let _private_handlerPlaceholderFontFamily_initializers = [];
17
- let _private_handlerPlaceholderFontFamily_extraInitializers = [];
18
- let _private_handlerPlaceholderFontSize_decorators;
19
- let _private_handlerPlaceholderFontSize_initializers = [];
20
- let _private_handlerPlaceholderFontSize_extraInitializers = [];
21
- let _private_handlerPlaceholderFontWeight_decorators;
22
- let _private_handlerPlaceholderFontWeight_initializers = [];
23
- let _private_handlerPlaceholderFontWeight_extraInitializers = [];
24
- return class Placeholder {
25
- static {
26
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
27
- _private_handlerPlaceholder_decorators = [registerAttributeHandler('placeholder', true)];
28
- _private_handlerPlaceholderColor_decorators = [registerAttributeHandler('placeholder-color', true)];
29
- _private_handlerPlaceholderFontFamily_decorators = [registerAttributeHandler('placeholder-font-family', true)];
30
- _private_handlerPlaceholderFontSize_decorators = [registerAttributeHandler('placeholder-font-size', true)];
31
- _private_handlerPlaceholderFontWeight_decorators = [registerAttributeHandler('placeholder-font-weight', true)];
32
- __esDecorate(null, null, _private_handlerPlaceholder_decorators, { kind: "field", name: "#handlerPlaceholder", static: false, private: true, access: { has: obj => #handlerPlaceholder in obj, get: obj => obj.#handlerPlaceholder, set: (obj, value) => { obj.#handlerPlaceholder = value; } }, metadata: _metadata }, _private_handlerPlaceholder_initializers, _private_handlerPlaceholder_extraInitializers);
33
- __esDecorate(null, null, _private_handlerPlaceholderColor_decorators, { kind: "field", name: "#handlerPlaceholderColor", static: false, private: true, access: { has: obj => #handlerPlaceholderColor in obj, get: obj => obj.#handlerPlaceholderColor, set: (obj, value) => { obj.#handlerPlaceholderColor = value; } }, metadata: _metadata }, _private_handlerPlaceholderColor_initializers, _private_handlerPlaceholderColor_extraInitializers);
34
- __esDecorate(null, null, _private_handlerPlaceholderFontFamily_decorators, { kind: "field", name: "#handlerPlaceholderFontFamily", static: false, private: true, access: { has: obj => #handlerPlaceholderFontFamily in obj, get: obj => obj.#handlerPlaceholderFontFamily, set: (obj, value) => { obj.#handlerPlaceholderFontFamily = value; } }, metadata: _metadata }, _private_handlerPlaceholderFontFamily_initializers, _private_handlerPlaceholderFontFamily_extraInitializers);
35
- __esDecorate(null, null, _private_handlerPlaceholderFontSize_decorators, { kind: "field", name: "#handlerPlaceholderFontSize", static: false, private: true, access: { has: obj => #handlerPlaceholderFontSize in obj, get: obj => obj.#handlerPlaceholderFontSize, set: (obj, value) => { obj.#handlerPlaceholderFontSize = value; } }, metadata: _metadata }, _private_handlerPlaceholderFontSize_initializers, _private_handlerPlaceholderFontSize_extraInitializers);
36
- __esDecorate(null, null, _private_handlerPlaceholderFontWeight_decorators, { kind: "field", name: "#handlerPlaceholderFontWeight", static: false, private: true, access: { has: obj => #handlerPlaceholderFontWeight in obj, get: obj => obj.#handlerPlaceholderFontWeight, set: (obj, value) => { obj.#handlerPlaceholderFontWeight = value; } }, metadata: _metadata }, _private_handlerPlaceholderFontWeight_initializers, _private_handlerPlaceholderFontWeight_extraInitializers);
37
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
38
- }
39
- static observedAttributes = [
40
- 'placeholder',
41
- 'placeholder-color',
42
- 'placeholder-font-family',
43
- 'placeholder-font-size',
44
- 'placeholder-font-weight',
45
- ];
46
- #dom;
47
- #getInputElement = genDomGetter(() => this.#dom.shadowRoot, '#input');
48
- #handlerPlaceholder = __runInitializers(this, _private_handlerPlaceholder_initializers, bindToAttribute(this.#getInputElement, 'placeholder'));
49
- #handlerPlaceholderColor = (__runInitializers(this, _private_handlerPlaceholder_extraInitializers), __runInitializers(this, _private_handlerPlaceholderColor_initializers, bindToStyle(this.#getInputElement, '--placeholder-color', undefined, true)));
50
- #handlerPlaceholderFontFamily = (__runInitializers(this, _private_handlerPlaceholderColor_extraInitializers), __runInitializers(this, _private_handlerPlaceholderFontFamily_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-family', undefined, true)));
51
- #handlerPlaceholderFontSize = (__runInitializers(this, _private_handlerPlaceholderFontFamily_extraInitializers), __runInitializers(this, _private_handlerPlaceholderFontSize_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-size', undefined, true)));
52
- #handlerPlaceholderFontWeight = (__runInitializers(this, _private_handlerPlaceholderFontSize_extraInitializers), __runInitializers(this, _private_handlerPlaceholderFontWeight_initializers, bindToStyle(this.#getInputElement, '--placeholder-font-weight', undefined, true)));
53
- constructor(dom) {
54
- __runInitializers(this, _private_handlerPlaceholderFontWeight_extraInitializers);
55
- this.#dom = dom;
56
- }
57
- };
58
- })();
59
- export { Placeholder };
60
- //# sourceMappingURL=Placeholder.js.map
@@ -1,9 +0,0 @@
1
- import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
2
- /**
3
- * shared by x-input and x-input-ng
4
- */
5
- export declare class XInputAttribute implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
6
- #private;
7
- static observedAttributes: string[];
8
- constructor(dom: HTMLElement);
9
- }
@@ -1,58 +0,0 @@
1
- import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
2
- /*
3
- // Copyright 2024 The Lynx Authors. All rights reserved.
4
- // Licensed under the Apache License Version 2.0 that can be found in the
5
- // LICENSE file in the root directory of this source tree.
6
- */
7
- import { bindToAttribute, genDomGetter, registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
8
- /**
9
- * shared by x-input and x-input-ng
10
- */
11
- let XInputAttribute = (() => {
12
- let _instanceExtraInitializers = [];
13
- let _private_handleValue_decorators;
14
- let _private_handleValue_descriptor;
15
- let _private_handleDisabled_decorators;
16
- let _private_handleDisabled_initializers = [];
17
- let _private_handleDisabled_extraInitializers = [];
18
- let _private_handleAutocomplete_decorators;
19
- let _private_handleAutocomplete_initializers = [];
20
- let _private_handleAutocomplete_extraInitializers = [];
21
- return class XInputAttribute {
22
- static {
23
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
24
- _private_handleValue_decorators = [registerAttributeHandler('value', false)];
25
- _private_handleDisabled_decorators = [registerAttributeHandler('disabled', true)];
26
- _private_handleAutocomplete_decorators = [registerAttributeHandler('autocomplete', true)];
27
- __esDecorate(this, _private_handleValue_descriptor = { value: __setFunctionName(function (newValue) {
28
- if (newValue) {
29
- const maxlength = parseFloat(this.#dom.getAttribute('maxlength') ?? '');
30
- if (!isNaN(maxlength))
31
- newValue = newValue.substring(0, maxlength);
32
- }
33
- else {
34
- newValue = '';
35
- }
36
- const input = this.#getInputElement();
37
- if (input.value !== newValue) {
38
- input.value = newValue;
39
- }
40
- }, "#handleValue") }, _private_handleValue_decorators, { kind: "method", name: "#handleValue", static: false, private: true, access: { has: obj => #handleValue in obj, get: obj => obj.#handleValue }, metadata: _metadata }, null, _instanceExtraInitializers);
41
- __esDecorate(null, null, _private_handleDisabled_decorators, { kind: "field", name: "#handleDisabled", static: false, private: true, access: { has: obj => #handleDisabled in obj, get: obj => obj.#handleDisabled, set: (obj, value) => { obj.#handleDisabled = value; } }, metadata: _metadata }, _private_handleDisabled_initializers, _private_handleDisabled_extraInitializers);
42
- __esDecorate(null, null, _private_handleAutocomplete_decorators, { kind: "field", name: "#handleAutocomplete", static: false, private: true, access: { has: obj => #handleAutocomplete in obj, get: obj => obj.#handleAutocomplete, set: (obj, value) => { obj.#handleAutocomplete = value; } }, metadata: _metadata }, _private_handleAutocomplete_initializers, _private_handleAutocomplete_extraInitializers);
43
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
44
- }
45
- static observedAttributes = ['value', 'disabled', 'autocomplete'];
46
- #dom = __runInitializers(this, _instanceExtraInitializers);
47
- #getInputElement = genDomGetter(() => this.#dom.shadowRoot, '#input');
48
- get #handleValue() { return _private_handleValue_descriptor.value; }
49
- #handleDisabled = __runInitializers(this, _private_handleDisabled_initializers, bindToAttribute(this.#getInputElement, 'disabled', (value) => (value !== null ? '' : null)));
50
- #handleAutocomplete = (__runInitializers(this, _private_handleDisabled_extraInitializers), __runInitializers(this, _private_handleAutocomplete_initializers, bindToAttribute(this.#getInputElement, 'autocomplete')));
51
- constructor(dom) {
52
- __runInitializers(this, _private_handleAutocomplete_extraInitializers);
53
- this.#dom = dom;
54
- }
55
- };
56
- })();
57
- export { XInputAttribute };
58
- //# sourceMappingURL=XInputAttribute.js.map
@@ -1,6 +0,0 @@
1
- import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
2
- export declare class XInputEvents implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
3
- #private;
4
- static observedAttributes: string[];
5
- constructor(dom: HTMLElement);
6
- }
@@ -1 +0,0 @@
1
- export { XInput } from './XInput.js';
@@ -1,2 +0,0 @@
1
- export { XInput } from './XInput.js';
2
- //# sourceMappingURL=index.js.map
@@ -1,32 +0,0 @@
1
- import { __esDecorate, __runInitializers } from "tslib";
2
- /*
3
- // Copyright 2024 The Lynx Authors. All rights reserved.
4
- // Licensed under the Apache License Version 2.0 that can be found in the
5
- // LICENSE file in the root directory of this source tree.
6
- */
7
- import { Component, registerAttributeHandler, bindToStyle, } from '@lynx-js/web-elements-reactive';
8
- import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
9
- let ListItemAttributes = (() => {
10
- let _private_handlerEstimatedMainAxisSizePx_decorators;
11
- let _private_handlerEstimatedMainAxisSizePx_initializers = [];
12
- let _private_handlerEstimatedMainAxisSizePx_extraInitializers = [];
13
- return class ListItemAttributes {
14
- static {
15
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
16
- _private_handlerEstimatedMainAxisSizePx_decorators = [registerAttributeHandler('estimated-main-axis-size-px', true)];
17
- __esDecorate(null, null, _private_handlerEstimatedMainAxisSizePx_decorators, { kind: "field", name: "#handlerEstimatedMainAxisSizePx", static: false, private: true, access: { has: obj => #handlerEstimatedMainAxisSizePx in obj, get: obj => obj.#handlerEstimatedMainAxisSizePx, set: (obj, value) => { obj.#handlerEstimatedMainAxisSizePx = value; } }, metadata: _metadata }, _private_handlerEstimatedMainAxisSizePx_initializers, _private_handlerEstimatedMainAxisSizePx_extraInitializers);
18
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
19
- }
20
- static observedAttributes = [
21
- 'estimated-main-axis-size-px',
22
- ];
23
- #dom;
24
- #handlerEstimatedMainAxisSizePx = __runInitializers(this, _private_handlerEstimatedMainAxisSizePx_initializers, bindToStyle(() => this.#dom, '--estimated-main-axis-size-px', (v) => `${parseFloat(v)}px`));
25
- constructor(dom) {
26
- __runInitializers(this, _private_handlerEstimatedMainAxisSizePx_extraInitializers);
27
- this.#dom = dom;
28
- }
29
- };
30
- })();
31
- export { ListItemAttributes };
32
- //# sourceMappingURL=ListItemAttributes.js.map
@@ -1,7 +0,0 @@
1
- import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
2
- import type { XList } from './XList.js';
3
- export declare class XListEvents implements InstanceType<AttributeReactiveClass<typeof HTMLElement>> {
4
- #private;
5
- static observedAttributes: string[];
6
- constructor(dom: XList);
7
- }
@@ -1,2 +0,0 @@
1
- export { ListItem } from './ListItem.js';
2
- export { XList } from './XList.js';
@@ -1,3 +0,0 @@
1
- export { ListItem } from './ListItem.js';
2
- export { XList } from './XList.js';
3
- //# sourceMappingURL=index.js.map
@@ -1,85 +0,0 @@
1
- import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
2
- /*
3
- // Copyright 2024 The Lynx Authors. All rights reserved.
4
- // Licensed under the Apache License Version 2.0 that can be found in the
5
- // LICENSE file in the root directory of this source tree.
6
- */
7
- import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
8
- import { registerAttributeHandler, genDomGetter, } from '@lynx-js/web-elements-reactive';
9
- let XOverlayAttributes = (() => {
10
- let _instanceExtraInitializers = [];
11
- let _private_handleEventsPassThrough_decorators;
12
- let _private_handleEventsPassThrough_descriptor;
13
- let _private_handleVisible_decorators;
14
- let _private_handleVisible_descriptor;
15
- return class XOverlayAttributes {
16
- static {
17
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
18
- _private_handleEventsPassThrough_decorators = [registerAttributeHandler('events-pass-through', true)];
19
- _private_handleVisible_decorators = [registerAttributeHandler('visible', false)];
20
- __esDecorate(this, _private_handleEventsPassThrough_descriptor = { value: __setFunctionName(function (newVal) {
21
- if (newVal !== null) {
22
- this.#getDialogDom().addEventListener('click', this.#portalEventToMainDocument, { passive: false });
23
- this.#dom.addEventListener('click', this.#portalEventToMainDocument, {
24
- passive: false,
25
- });
26
- }
27
- else {
28
- this.#getDialogDom().removeEventListener('click', this.#portalEventToMainDocument);
29
- this.#dom.removeEventListener('click', this.#portalEventToMainDocument);
30
- }
31
- }, "#handleEventsPassThrough") }, _private_handleEventsPassThrough_decorators, { kind: "method", name: "#handleEventsPassThrough", static: false, private: true, access: { has: obj => #handleEventsPassThrough in obj, get: obj => obj.#handleEventsPassThrough }, metadata: _metadata }, null, _instanceExtraInitializers);
32
- __esDecorate(this, _private_handleVisible_descriptor = { value: __setFunctionName(function (newVal) {
33
- this.#visible = newVal !== null;
34
- if (this.#useModernDialog) {
35
- if (this.#visible) {
36
- this.#getDialogDom().showModal();
37
- this.#dom.dispatchEvent(new CustomEvent('showoverlay', commonComponentEventSetting));
38
- }
39
- else {
40
- this.#getDialogDom().close();
41
- this.#dom.dispatchEvent(new CustomEvent('dismissoverlay', commonComponentEventSetting));
42
- }
43
- }
44
- }, "#handleVisible") }, _private_handleVisible_decorators, { kind: "method", name: "#handleVisible", static: false, private: true, access: { has: obj => #handleVisible in obj, get: obj => obj.#handleVisible }, metadata: _metadata }, null, _instanceExtraInitializers);
45
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
46
- }
47
- static observedAttributes = ['visible', 'events-pass-through'];
48
- #dom = __runInitializers(this, _instanceExtraInitializers);
49
- #useModernDialog = !!window.HTMLDialogElement;
50
- #visible = false;
51
- constructor(dom) {
52
- this.#dom = dom;
53
- }
54
- #getDialogDom = genDomGetter(() => this.#dom.shadowRoot, '#dialog');
55
- get #handleEventsPassThrough() { return _private_handleEventsPassThrough_descriptor.value; }
56
- get #handleVisible() { return _private_handleVisible_descriptor.value; }
57
- #portalEventToMainDocument = (e) => {
58
- e.stopPropagation();
59
- const diaglogDom = this.#getDialogDom();
60
- if (e.target === this.#dom || e.target === diaglogDom) {
61
- diaglogDom.close();
62
- const { clientX, clientY } = e;
63
- let targetElement = document.elementFromPoint(clientX, clientY);
64
- if (targetElement?.tagName === 'LYNX-VIEW' && targetElement.shadowRoot) {
65
- targetElement =
66
- targetElement.shadowRoot.elementFromPoint(clientX, clientY)
67
- ?? targetElement;
68
- }
69
- targetElement?.dispatchEvent(new MouseEvent('click', e));
70
- requestAnimationFrame(() => {
71
- if (this.#visible && diaglogDom.isConnected) {
72
- diaglogDom.showModal();
73
- }
74
- });
75
- }
76
- };
77
- connectedCallback() {
78
- if (!this.#useModernDialog) {
79
- this.#getDialogDom().style.display = 'none';
80
- }
81
- }
82
- };
83
- })();
84
- export { XOverlayAttributes };
85
- //# sourceMappingURL=XOverlayAttributes.js.map
@@ -1 +0,0 @@
1
- export { XOverlayNg } from './XOverlayNg.js';
@@ -1,2 +0,0 @@
1
- export { XOverlayNg } from './XOverlayNg.js';
2
- //# sourceMappingURL=index.js.map
@@ -1,3 +0,0 @@
1
- export { XRefreshFooter } from './XRefreshFooter.js';
2
- export { XRefreshHeader } from './XRefreshHeader.js';
3
- export { XRefreshView } from './XRefreshView.js';
@@ -1,4 +0,0 @@
1
- export { XRefreshFooter } from './XRefreshFooter.js';
2
- export { XRefreshHeader } from './XRefreshHeader.js';
3
- export { XRefreshView } from './XRefreshView.js';
4
- //# sourceMappingURL=index.js.map
package/dist/XSvg/XSvg.js DELETED
@@ -1,99 +0,0 @@
1
- import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
2
- /*
3
- // Copyright 2024 The Lynx Authors. All rights reserved.
4
- // Licensed under the Apache License Version 2.0 that can be found in the
5
- // LICENSE file in the root directory of this source tree.
6
- */
7
- import { Component, bindToStyle, genDomGetter, registerAttributeHandler, registerEventEnableStatusChangeHandler, } from '@lynx-js/web-elements-reactive';
8
- import { CommonEventsAndMethods } from '../common/CommonEventsAndMethods.js';
9
- import { commonComponentEventSetting } from '../common/commonEventInitConfiguration.js';
10
- import { templateXSvg } from '@lynx-js/web-elements-template';
11
- let XSvgFeatures = (() => {
12
- let _instanceExtraInitializers = [];
13
- let _private_handleSrc_decorators;
14
- let _private_handleSrc_descriptor;
15
- let _private_handleContent_decorators;
16
- let _private_handleContent_descriptor;
17
- let _private_enableLoadEvent_decorators;
18
- let _private_enableLoadEvent_descriptor;
19
- return class XSvgFeatures {
20
- static {
21
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
22
- _private_handleSrc_decorators = [registerAttributeHandler('src', true)];
23
- _private_handleContent_decorators = [registerAttributeHandler('content', true)];
24
- _private_enableLoadEvent_decorators = [registerEventEnableStatusChangeHandler('load')];
25
- __esDecorate(this, _private_handleSrc_descriptor = { value: __setFunctionName(function (newVal) {
26
- if (!newVal) {
27
- this.#getImg().src = '';
28
- }
29
- else {
30
- this.#getImg().src = newVal;
31
- }
32
- }, "#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);
33
- __esDecorate(this, _private_handleContent_descriptor = { value: __setFunctionName(function (content) {
34
- this.#url && URL.revokeObjectURL(this.#url);
35
- if (!content) {
36
- this.#url = '';
37
- return;
38
- }
39
- const blob = new Blob([content], {
40
- type: 'image/svg+xml;charset=UTF-8',
41
- });
42
- const src = URL.createObjectURL(blob);
43
- this.#url = src;
44
- this.#getImg().src = src;
45
- }, "#handleContent") }, _private_handleContent_decorators, { kind: "method", name: "#handleContent", static: false, private: true, access: { has: obj => #handleContent in obj, get: obj => obj.#handleContent }, metadata: _metadata }, null, _instanceExtraInitializers);
46
- __esDecorate(this, _private_enableLoadEvent_descriptor = { value: __setFunctionName(function (status) {
47
- if (status) {
48
- this.#getImg().addEventListener('load', this.#teleportLoadEvent, {
49
- passive: true,
50
- });
51
- }
52
- else {
53
- this.#getImg().removeEventListener('load', this.#teleportLoadEvent);
54
- }
55
- }, "#enableLoadEvent") }, _private_enableLoadEvent_decorators, { kind: "method", name: "#enableLoadEvent", static: false, private: true, access: { has: obj => #enableLoadEvent in obj, get: obj => obj.#enableLoadEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
56
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
57
- }
58
- static observedAttributes = ['src', 'content'];
59
- #dom = __runInitializers(this, _instanceExtraInitializers);
60
- #url = null;
61
- #getImg = genDomGetter(() => this.#dom.shadowRoot, '#img');
62
- get #handleSrc() { return _private_handleSrc_descriptor.value; }
63
- get #handleContent() { return _private_handleContent_descriptor.value; }
64
- get #enableLoadEvent() { return _private_enableLoadEvent_descriptor.value; }
65
- #teleportLoadEvent = () => {
66
- this.#dom.dispatchEvent(new CustomEvent('load', {
67
- ...commonComponentEventSetting,
68
- detail: {
69
- width: this.#getImg().naturalWidth,
70
- height: this.#getImg().naturalHeight,
71
- },
72
- }));
73
- };
74
- constructor(dom) {
75
- this.#dom = dom;
76
- }
77
- };
78
- })();
79
- export { XSvgFeatures };
80
- let XSvg = (() => {
81
- let _classDecorators = [Component('x-svg', [CommonEventsAndMethods, XSvgFeatures], templateXSvg())];
82
- let _classDescriptor;
83
- let _classExtraInitializers = [];
84
- let _classThis;
85
- let _classSuper = HTMLElement;
86
- var XSvg = class extends _classSuper {
87
- static { _classThis = this; }
88
- static {
89
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
90
- __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
91
- XSvg = _classThis = _classDescriptor.value;
92
- if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
93
- __runInitializers(_classThis, _classExtraInitializers);
94
- }
95
- };
96
- return XSvg = _classThis;
97
- })();
98
- export { XSvg };
99
- //# sourceMappingURL=XSvg.js.map
@@ -1 +0,0 @@
1
- export { XSvg } from './XSvg.js';
@@ -1,2 +0,0 @@
1
- export { XSvg } from './XSvg.js';
2
- //# sourceMappingURL=index.js.map
@@ -1,76 +0,0 @@
1
- import { __esDecorate, __runInitializers, __setFunctionName } from "tslib";
2
- /*
3
- // Copyright 2024 The Lynx Authors. All rights reserved.
4
- // Licensed under the Apache License Version 2.0 that can be found in the
5
- // LICENSE file in the root directory of this source tree.
6
- */
7
- import { registerAttributeHandler, } from '@lynx-js/web-elements-reactive';
8
- let XSwiperAutoScroll = (() => {
9
- let _instanceExtraInitializers = [];
10
- let _private_handleCurrentChange_decorators;
11
- let _private_handleCurrentChange_descriptor;
12
- let _private_handleAutoplay_decorators;
13
- let _private_handleAutoplay_descriptor;
14
- return class XSwiperAutoScroll {
15
- static {
16
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
17
- _private_handleCurrentChange_decorators = [registerAttributeHandler('current', false)];
18
- _private_handleAutoplay_decorators = [registerAttributeHandler('interval', false), registerAttributeHandler('autoplay', false)];
19
- __esDecorate(this, _private_handleCurrentChange_descriptor = { value: __setFunctionName(function (newVal) {
20
- const newval = Number(newVal);
21
- if (!Number.isNaN(newval)) {
22
- this.#dom.currentIndex = newval;
23
- }
24
- }, "#handleCurrentChange") }, _private_handleCurrentChange_decorators, { kind: "method", name: "#handleCurrentChange", static: false, private: true, access: { has: obj => #handleCurrentChange in obj, get: obj => obj.#handleCurrentChange }, metadata: _metadata }, null, _instanceExtraInitializers);
25
- __esDecorate(this, _private_handleAutoplay_descriptor = { value: __setFunctionName(function () {
26
- const enableAutoPlay = this.#dom.getAttribute('autoplay') !== null;
27
- if (enableAutoPlay) {
28
- const interval = this.#dom.getAttribute('interval');
29
- let intervalValue = interval ? parseFloat(interval) : 5000;
30
- if (Number.isNaN(intervalValue))
31
- intervalValue = 5000;
32
- this.#startAutoplay(intervalValue);
33
- }
34
- }, "#handleAutoplay") }, _private_handleAutoplay_decorators, { kind: "method", name: "#handleAutoplay", static: false, private: true, access: { has: obj => #handleAutoplay in obj, get: obj => obj.#handleAutoplay }, metadata: _metadata }, null, _instanceExtraInitializers);
35
- if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
36
- }
37
- static observedAttributes = ['current', 'interval', 'autoplay'];
38
- #dom = __runInitializers(this, _instanceExtraInitializers);
39
- constructor(dom) {
40
- this.#dom = dom;
41
- }
42
- #scrollToNext() {
43
- const current = this.#dom.currentIndex;
44
- const count = this.#dom.childElementCount;
45
- if (current === count - 1) {
46
- const circularPlay = this.#dom.circularPlay;
47
- if (circularPlay) {
48
- this.#dom.currentIndex = 0;
49
- }
50
- }
51
- else {
52
- this.#dom.currentIndex += 1;
53
- }
54
- }
55
- get #handleCurrentChange() { return _private_handleCurrentChange_descriptor.value; }
56
- #autoPlayTimer;
57
- #autoPlayTick = (() => {
58
- this.#scrollToNext();
59
- }).bind(this);
60
- #startAutoplay(interval) {
61
- this.#stopAutoplay();
62
- this.#autoPlayTimer = setInterval(this.#autoPlayTick, interval);
63
- }
64
- #stopAutoplay() {
65
- if (this.#autoPlayTimer) {
66
- clearInterval(this.#autoPlayTimer);
67
- }
68
- }
69
- get #handleAutoplay() { return _private_handleAutoplay_descriptor.value; }
70
- dispose() {
71
- this.#stopAutoplay();
72
- }
73
- };
74
- })();
75
- export { XSwiperAutoScroll };
76
- //# sourceMappingURL=XSwiperAutoScroll.js.map
@@ -1,9 +0,0 @@
1
- import { type AttributeReactiveClass } from '@lynx-js/web-elements-reactive';
2
- import type { XSwiper } from './XSwiper.js';
3
- export declare class XSwiperIndicator implements InstanceType<AttributeReactiveClass<typeof XSwiper>> {
4
- #private;
5
- static observedAttributes: string[];
6
- constructor(dom: XSwiper);
7
- connectedCallback(): void;
8
- dispose(): void;
9
- }