@web-atoms/web-controls 2.3.5 → 2.3.6

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 (218) hide show
  1. package/dist/ModuleFiles.js +55 -1
  2. package/dist/ModuleFiles.js.map +1 -1
  3. package/dist/PageNavigator.js +36 -1
  4. package/dist/PageNavigator.js.map +1 -1
  5. package/dist/animations/Animations.js +52 -1
  6. package/dist/animations/Animations.js.map +1 -1
  7. package/dist/auto-complete/AppComboBoxViewModel.js +19 -1
  8. package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
  9. package/dist/auto-complete/AutoCompleteBox.js +299 -1
  10. package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
  11. package/dist/auto-complete/AutoCompleteBoxStyle.js +86 -1
  12. package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
  13. package/dist/auto-complete/ItemHost.js +42 -1
  14. package/dist/auto-complete/ItemHost.js.map +1 -1
  15. package/dist/basic/AtomChips.js +343 -1
  16. package/dist/basic/AtomChips.js.map +1 -1
  17. package/dist/basic/AtomRepeater.js +1102 -1
  18. package/dist/basic/AtomRepeater.js.map +1 -1
  19. package/dist/basic/AtomSuggestions.js +134 -1
  20. package/dist/basic/AtomSuggestions.js.map +1 -1
  21. package/dist/basic/Button.js +65 -1
  22. package/dist/basic/Button.js.map +1 -1
  23. package/dist/basic/Calendar.js +244 -1
  24. package/dist/basic/Calendar.js.map +1 -1
  25. package/dist/basic/CheckBoxList.js +69 -1
  26. package/dist/basic/CheckBoxList.js.map +1 -1
  27. package/dist/basic/Checkbox.js +31 -1
  28. package/dist/basic/Checkbox.js.map +1 -1
  29. package/dist/basic/Chip.js +53 -1
  30. package/dist/basic/Chip.js.map +1 -1
  31. package/dist/basic/ComboBox.js +80 -1
  32. package/dist/basic/ComboBox.js.map +1 -1
  33. package/dist/basic/DataGrid.js +325 -1
  34. package/dist/basic/DataGrid.js.map +1 -1
  35. package/dist/basic/DateField.js +87 -1
  36. package/dist/basic/DateField.js.map +1 -1
  37. package/dist/basic/DropDown.js +141 -1
  38. package/dist/basic/DropDown.js.map +1 -1
  39. package/dist/basic/Editable.js +115 -1
  40. package/dist/basic/Editable.js.map +1 -1
  41. package/dist/basic/Expander.js +133 -1
  42. package/dist/basic/Expander.js.map +1 -1
  43. package/dist/basic/Form.js +313 -1
  44. package/dist/basic/Form.js.map +1 -1
  45. package/dist/basic/FormDialog.js +31 -1
  46. package/dist/basic/FormDialog.js.map +1 -1
  47. package/dist/basic/FormField.js +186 -1
  48. package/dist/basic/FormField.js.map +1 -1
  49. package/dist/basic/IElement.js +8 -1
  50. package/dist/basic/InlinePopup.js +295 -1
  51. package/dist/basic/InlinePopup.js.map +1 -1
  52. package/dist/basic/InlinePopupControl.js +38 -1
  53. package/dist/basic/InlinePopupControl.js.map +1 -1
  54. package/dist/basic/Input.js +29 -1
  55. package/dist/basic/Input.js.map +1 -1
  56. package/dist/basic/ListRepeater.js +44 -1
  57. package/dist/basic/ListRepeater.js.map +1 -1
  58. package/dist/basic/MaskedInput.js +59 -1
  59. package/dist/basic/MaskedInput.js.map +1 -1
  60. package/dist/basic/MaskedInputDiv.js +93 -1
  61. package/dist/basic/MaskedInputDiv.js.map +1 -1
  62. package/dist/basic/Mix.js +30 -1
  63. package/dist/basic/Mix.js.map +1 -1
  64. package/dist/basic/Panel.js +36 -1
  65. package/dist/basic/Panel.js.map +1 -1
  66. package/dist/basic/PasswordBox.js +50 -1
  67. package/dist/basic/PasswordBox.js.map +1 -1
  68. package/dist/basic/PinchZoomView.js +263 -1
  69. package/dist/basic/PinchZoomView.js.map +1 -1
  70. package/dist/basic/PopupButton.js +67 -1
  71. package/dist/basic/PopupButton.js.map +1 -1
  72. package/dist/basic/RadioButtonList.js +66 -1
  73. package/dist/basic/RadioButtonList.js.map +1 -1
  74. package/dist/basic/RefreshLock.js +59 -1
  75. package/dist/basic/RefreshLock.js.map +1 -1
  76. package/dist/basic/Row.js +42 -1
  77. package/dist/basic/Row.js.map +1 -1
  78. package/dist/basic/Swipe.js +120 -1
  79. package/dist/basic/Swipe.js.map +1 -1
  80. package/dist/basic/Switch.js +54 -1
  81. package/dist/basic/Switch.js.map +1 -1
  82. package/dist/basic/TableRepeater.js +51 -1
  83. package/dist/basic/TableRepeater.js.map +1 -1
  84. package/dist/basic/ToggleButtonBar.js +56 -1
  85. package/dist/basic/ToggleButtonBar.js.map +1 -1
  86. package/dist/basic/Tooltip.js +101 -1
  87. package/dist/basic/Tooltip.js.map +1 -1
  88. package/dist/basic/combineClasses.js +12 -1
  89. package/dist/basic/combineClasses.js.map +1 -1
  90. package/dist/basic/in-built/InBuiltStyles.js +48 -1
  91. package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
  92. package/dist/button-bar/AtomButtonBar.js +45 -1
  93. package/dist/button-bar/AtomButtonBar.js.map +1 -1
  94. package/dist/buttons/AtomPopupButton.js +21 -1
  95. package/dist/buttons/AtomPopupButton.js.map +1 -1
  96. package/dist/buttons/AtomPopupButtonStyle.js +31 -1
  97. package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
  98. package/dist/calendar/AtomCalendar.js +98 -1
  99. package/dist/calendar/AtomCalendar.js.map +1 -1
  100. package/dist/calendar/AtomCalendarStyle.js +179 -1
  101. package/dist/calendar/AtomCalendarStyle.js.map +1 -1
  102. package/dist/calendar/CalendarViewModel.js +126 -1
  103. package/dist/calendar/CalendarViewModel.js.map +1 -1
  104. package/dist/calendar/res/SRCalendar.js +84 -1
  105. package/dist/calendar/res/SRCalendar.js.map +1 -1
  106. package/dist/calendar/res/en-US/SRCalendar.js +77 -1
  107. package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
  108. package/dist/data-grid/AtomColumn.js +53 -1
  109. package/dist/data-grid/AtomColumn.js.map +1 -1
  110. package/dist/data-grid/AtomDataGrid.js +64 -1
  111. package/dist/data-grid/AtomDataGrid.js.map +1 -1
  112. package/dist/data-grid/AtomDataGridStyle.js +55 -1
  113. package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
  114. package/dist/data-grid/AtomDataGridViewModel.js +71 -1
  115. package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
  116. package/dist/data-grid/GridTemplate.js +65 -1
  117. package/dist/data-grid/GridTemplate.js.map +1 -1
  118. package/dist/data-pager/AtomDataPager.js +105 -1
  119. package/dist/data-pager/AtomDataPager.js.map +1 -1
  120. package/dist/date-field/AtomDateField.js +60 -1
  121. package/dist/date-field/AtomDateField.js.map +1 -1
  122. package/dist/desktop-app/DesktopApp.js +88 -1
  123. package/dist/desktop-app/DesktopApp.js.map +1 -1
  124. package/dist/form/AtomField.js +112 -1
  125. package/dist/form/AtomField.js.map +1 -1
  126. package/dist/form/AtomForm.js +102 -1
  127. package/dist/form/AtomForm.js.map +1 -1
  128. package/dist/form/AtomFormGroup.js +16 -1
  129. package/dist/form/AtomFormGroup.js.map +1 -1
  130. package/dist/form/AtomFormStyle.js +72 -1
  131. package/dist/form/AtomFormStyle.js.map +1 -1
  132. package/dist/form/HelpPopup.js +26 -1
  133. package/dist/form/HelpPopup.js.map +1 -1
  134. package/dist/html-editor/AtomHtmlEditor.js +322 -3
  135. package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
  136. package/dist/html-editor/commands/AddImage.js +77 -1
  137. package/dist/html-editor/commands/AddImage.js.map +1 -1
  138. package/dist/html-editor/commands/AddLink.js +96 -1
  139. package/dist/html-editor/commands/AddLink.js.map +1 -1
  140. package/dist/html-editor/commands/Align.js +40 -1
  141. package/dist/html-editor/commands/Align.js.map +1 -1
  142. package/dist/html-editor/commands/AttachFile.js +71 -1
  143. package/dist/html-editor/commands/AttachFile.js.map +1 -1
  144. package/dist/html-editor/commands/Bold.js +23 -1
  145. package/dist/html-editor/commands/Bold.js.map +1 -1
  146. package/dist/html-editor/commands/ChangeColor.js +56 -1
  147. package/dist/html-editor/commands/ChangeColor.js.map +1 -1
  148. package/dist/html-editor/commands/ChangeFont.js +71 -1
  149. package/dist/html-editor/commands/ChangeFont.js.map +1 -1
  150. package/dist/html-editor/commands/ChangeFontSize.js +32 -1
  151. package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
  152. package/dist/html-editor/commands/Command.js +49 -1
  153. package/dist/html-editor/commands/Command.js.map +1 -1
  154. package/dist/html-editor/commands/CommandButton.js +73 -1
  155. package/dist/html-editor/commands/CommandButton.js.map +1 -1
  156. package/dist/html-editor/commands/Headings.js +42 -1
  157. package/dist/html-editor/commands/Headings.js.map +1 -1
  158. package/dist/html-editor/commands/HorizontalRule.js +22 -1
  159. package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
  160. package/dist/html-editor/commands/HtmlCommands.js +77 -1
  161. package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
  162. package/dist/html-editor/commands/IndentLess.js +23 -1
  163. package/dist/html-editor/commands/IndentLess.js.map +1 -1
  164. package/dist/html-editor/commands/IndentMore.js +23 -1
  165. package/dist/html-editor/commands/IndentMore.js.map +1 -1
  166. package/dist/html-editor/commands/Italic.js +23 -1
  167. package/dist/html-editor/commands/Italic.js.map +1 -1
  168. package/dist/html-editor/commands/NumberedList.js +23 -1
  169. package/dist/html-editor/commands/NumberedList.js.map +1 -1
  170. package/dist/html-editor/commands/Quote.js +23 -1
  171. package/dist/html-editor/commands/Quote.js.map +1 -1
  172. package/dist/html-editor/commands/RemoveFormat.js +23 -1
  173. package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
  174. package/dist/html-editor/commands/Separator.js +25 -1
  175. package/dist/html-editor/commands/Separator.js.map +1 -1
  176. package/dist/html-editor/commands/Source.js +66 -1
  177. package/dist/html-editor/commands/Source.js.map +1 -1
  178. package/dist/html-editor/commands/StrikeThrough.js +23 -1
  179. package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
  180. package/dist/html-editor/commands/Underline.js +23 -1
  181. package/dist/html-editor/commands/Underline.js.map +1 -1
  182. package/dist/html-editor/commands/Unlink.js +24 -1
  183. package/dist/html-editor/commands/Unlink.js.map +1 -1
  184. package/dist/html-editor/commands/UnorderedList.js +23 -1
  185. package/dist/html-editor/commands/UnorderedList.js.map +1 -1
  186. package/dist/mobile/pages/AtomPageFrame.js +198 -1
  187. package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
  188. package/dist/mobile/pages/AtomPageFrameStyle.js +63 -1
  189. package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
  190. package/dist/mobile/pages/AtomPageFrameTemplate.js +53 -1
  191. package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
  192. package/dist/mobile/pages/Page.js +26 -1
  193. package/dist/mobile/pages/Page.js.map +1 -1
  194. package/dist/mobile/pages/PageFrameViewModel.js +136 -1
  195. package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
  196. package/dist/mobile/pages/TitleTemplate.js +27 -1
  197. package/dist/mobile/pages/TitleTemplate.js.map +1 -1
  198. package/dist/mobile-app/BottomPopup.js +197 -1
  199. package/dist/mobile-app/BottomPopup.js.map +1 -1
  200. package/dist/mobile-app/MobileApp.js +571 -1
  201. package/dist/mobile-app/MobileApp.js.map +1 -1
  202. package/dist/player/AtomVideoPlayer.js +241 -1
  203. package/dist/player/AtomVideoPlayer.js.map +1 -1
  204. package/dist/player/TrackProgress.js +29 -1
  205. package/dist/player/TrackProgress.js.map +1 -1
  206. package/dist/setupBridge.js +89 -1
  207. package/dist/setupBridge.js.map +1 -1
  208. package/dist/switch/AtomSwitch.js +41 -1
  209. package/dist/switch/AtomSwitch.js.map +1 -1
  210. package/dist/switch/AtomSwitchStyle.js +79 -1
  211. package/dist/switch/AtomSwitchStyle.js.map +1 -1
  212. package/dist/time-field/AtomTimeField.js +98 -1
  213. package/dist/time-field/AtomTimeField.js.map +1 -1
  214. package/dist/time-field/AtomTimeFieldStyle.js +27 -1
  215. package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
  216. package/dist/toggle-view/AtomToggleView.js +94 -1
  217. package/dist/toggle-view/AtomToggleView.js.map +1 -1
  218. package/package.json +3 -3
package/dist/basic/Row.js CHANGED
@@ -1,2 +1,43 @@
1
- System.register(["@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var Colors,XNode,StyleRule,CSS;function Row(a,...nodes){return XNode.create("div",Object.assign({"data-row":"row"},a),...nodes);}function CommandRow(a,...nodes){return XNode.create("div",Object.assign({"data-row":"row","data-command-row":"command-row"},a),...nodes);}_export({default:Row,CommandRow:CommandRow});return{setters:[function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){CSS(StyleRule().flexLayout({alignItems:"center",justifyContent:"flex-start"}).child(StyleRule("*").flex("0 0 auto")),"div[data-row=row]");CSS(StyleRule().backgroundColor(Colors.purple.withAlphaPercent(0.1)).borderRadius(9999).padding(7).nested(StyleRule("*[data-fa-button=fa-button]").child(StyleRule("label").child(StyleRule(".fad").color(Colors.white)))).nested(StyleRule("button").backgroundColor(Colors.purple).color(Colors.white).hover(StyleRule().backgroundColor(Colors.green))),"div[data-command-row=command-row]");Row.stretch={"style-flex":"1 1 100%"};CommandRow.stretch=Row.stretch;}};});
1
+ System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var Colors, XNode, StyleRule, CSS;
5
+ function Row(a, ...nodes) {
6
+ return XNode.create("div", Object.assign({
7
+ "data-row": "row"
8
+ }, a), ...nodes);
9
+ }
10
+ function CommandRow(a, ...nodes) {
11
+ return XNode.create("div", Object.assign({
12
+ "data-row": "row",
13
+ "data-command-row": "command-row"
14
+ }, a), ...nodes);
15
+ }
16
+ _export({
17
+ default: Row,
18
+ CommandRow: CommandRow
19
+ });
20
+ return {
21
+ setters: [function (_webAtomsCoreDistCoreColors) {
22
+ Colors = _webAtomsCoreDistCoreColors.default;
23
+ }, function (_webAtomsCoreDistCoreXNode) {
24
+ XNode = _webAtomsCoreDistCoreXNode.default;
25
+ }, function (_webAtomsCoreDistStyleStyleRule) {
26
+ StyleRule = _webAtomsCoreDistStyleStyleRule.default;
27
+ }, function (_webAtomsCoreDistWebStylesCSS) {
28
+ CSS = _webAtomsCoreDistWebStylesCSS.default;
29
+ }],
30
+ execute: function () {
31
+ CSS(StyleRule().flexLayout({
32
+ alignItems: "center",
33
+ justifyContent: "flex-start"
34
+ }).child(StyleRule("*").flex("0 0 auto")), "div[data-row=row]");
35
+ CSS(StyleRule().backgroundColor(Colors.purple.withAlphaPercent(0.1)).borderRadius(9999).padding(7).nested(StyleRule("*[data-fa-button=fa-button]").child(StyleRule("label").child(StyleRule(".fad").color(Colors.white)))).nested(StyleRule("button").backgroundColor(Colors.purple).color(Colors.white).hover(StyleRule().backgroundColor(Colors.green))), "div[data-command-row=command-row]");
36
+ Row.stretch = {
37
+ "style-flex": "1 1 100%"
38
+ };
39
+ CommandRow.stretch = Row.stretch;
40
+ }
41
+ };
42
+ });
2
43
  //# sourceMappingURL=Row.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"2OAgCc,QAAUA,IAAG,CAACC,CAAM,CAAE,GAAIC,KAAc,EAClD,MAAOC,8CAAc,KAAK,EAAOF,CAAC,KACxBC,KAAK,CACT,CACV,CAIM,QAAUE,WAAU,CAACH,CAAM,CAAE,GAAIC,KAAc,EACjD,MAAOC,8CACM,KAAK,oBACG,aAAa,EAAOF,CAAC,KAChCC,KAAK,CACT,CACV,CAAC,iBAduBF,GAAG,YAQXI,UAAU,yDAxCnBC,MAAM,4EACNF,KAAK,gFACLG,SAAS,mFACTC,GAAG,6DAEVA,GAAG,CAACD,SAAS,EAAE,CACVE,UAAU,CAAC,CAAEC,UAAU,CAAE,QAAQ,CAAGC,cAAc,CAAE,YAAY,CAAE,CAAC,CACnEC,KAAK,CAACL,SAAS,CAAC,GAAG,CAAC,CAChBM,IAAI,CAAC,UAAU,CAAC,CACpB,CACH,mBAAmB,CAAC,CAEtBL,GAAG,CAACD,SAAS,EAAE,CACVO,eAAe,CAACR,MAAM,CAACS,MAAM,CAACC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CACpDC,YAAY,CAAC,IAAI,CAAC,CAClBC,OAAO,CAAC,CAAC,CAAC,CACVC,MAAM,CAACZ,SAAS,CAAC,6BAA6B,CAAC,CAC3CK,KAAK,CAACL,SAAS,CAAC,OAAO,CAAC,CACpBK,KAAK,CAACL,SAAS,CAAC,MAAM,CAAC,CACnBa,KAAK,CAACd,MAAM,CAACe,KAAK,CAAC,CACvB,CACJ,CACJ,CACAF,MAAM,CAACZ,SAAS,CAAC,QAAQ,CAAC,CACtBO,eAAe,CAACR,MAAM,CAACS,MAAM,CAAC,CAC9BK,KAAK,CAACd,MAAM,CAACe,KAAK,CAAC,CACnBC,KAAK,CAACf,SAAS,EAAE,CACbO,eAAe,CAACR,MAAM,CAACiB,KAAK,CAAC,CACjC,CACJ,CACH,mCAAmC,CAAC,CAQtCtB,GAAG,CAACuB,OAAO,CAAG,CAAE,YAAY,CAAE,UAAU,CAAE,CAU1CnB,UAAU,CAACmB,OAAO,CAAGvB,GAAG,CAACuB,OAAO,CAAC","names":["Row","a","nodes","XNode","CommandRow","Colors","StyleRule","CSS","flexLayout","alignItems","justifyContent","child","flex","backgroundColor","purple","withAlphaPercent","borderRadius","padding","nested","color","white","hover","green","stretch"],"sourceRoot":"","sources":["../../src/basic/Row.tsx"],"sourcesContent":[null]}
1
+ {"version":3,"mappings":";;;;EAgCc,SAAUA,GAAG,CAACC,CAAM,EAAE,GAAIC,KAAc;IAClD,OAAOC;MAAA,YAAc;IAAK,GAAOF,CAAC,MACxBC,KAAK,CACT;EACV;EAIM,SAAUE,UAAU,CAACH,CAAM,EAAE,GAAIC,KAAc;IACjD,OAAOC;MAAA,YACM,KAAK;MAAA,oBACG;IAAa,GAAOF,CAAC,MAChCC,KAAK,CACT;EACV;EAAC;IAAA,SAduBF,GAAG;IAAA,YAQXI;EAAU;EAAA;IAAA;MAxCnBC,MAAM;IAAA;MACNF,KAAK;IAAA;MACLG,SAAS;IAAA;MACTC,GAAG;IAAA;IAAA;MAEVA,GAAG,CAACD,SAAS,EAAE,CACVE,UAAU,CAAC;QAAEC,UAAU,EAAE,QAAQ;QAAGC,cAAc,EAAE;MAAY,CAAE,CAAC,CACnEC,KAAK,CAACL,SAAS,CAAC,GAAG,CAAC,CAChBM,IAAI,CAAC,UAAU,CAAC,CACpB,EACH,mBAAmB,CAAC;MAEtBL,GAAG,CAACD,SAAS,EAAE,CACVO,eAAe,CAACR,MAAM,CAACS,MAAM,CAACC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CACpDC,YAAY,CAAC,IAAI,CAAC,CAClBC,OAAO,CAAC,CAAC,CAAC,CACVC,MAAM,CAACZ,SAAS,CAAC,6BAA6B,CAAC,CAC3CK,KAAK,CAACL,SAAS,CAAC,OAAO,CAAC,CACpBK,KAAK,CAACL,SAAS,CAAC,MAAM,CAAC,CACnBa,KAAK,CAACd,MAAM,CAACe,KAAK,CAAC,CACvB,CACJ,CACJ,CACAF,MAAM,CAACZ,SAAS,CAAC,QAAQ,CAAC,CACtBO,eAAe,CAACR,MAAM,CAACS,MAAM,CAAC,CAC9BK,KAAK,CAACd,MAAM,CAACe,KAAK,CAAC,CACnBC,KAAK,CAACf,SAAS,EAAE,CACbO,eAAe,CAACR,MAAM,CAACiB,KAAK,CAAC,CACjC,CACJ,EACH,mCAAmC,CAAC;MAQtCtB,GAAG,CAACuB,OAAO,GAAG;QAAE,YAAY,EAAE;MAAU,CAAE;MAU1CnB,UAAU,CAACmB,OAAO,GAAGvB,GAAG,CAACuB,OAAO;IAAC;EAAA;AAAA","names":["Row","a","nodes","XNode","CommandRow","Colors","StyleRule","CSS","flexLayout","alignItems","justifyContent","child","flex","backgroundColor","purple","withAlphaPercent","borderRadius","padding","nested","color","white","hover","green","stretch"],"sourceRoot":"","sources":["../../src/basic/Row.tsx"],"sourcesContent":[null]}
@@ -1,2 +1,121 @@
1
- System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var XNode,StyleRule,CSS,swipeStart;function SwipeLeft(a,...nodes){return XNode.create("div",Object.assign({"data-swipe":"left"},a),...nodes);}_export("SwipeLeft",SwipeLeft);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){swipeStart=null;CSS(StyleRule().display("grid").child(StyleRule("*").gridRow("1").gridColumn("1")),"[data-swipe]");CSS(StyleRule().child(StyleRule("*").alignSelf("center").justifySelf("end").zIndex(2).and(StyleRule(":first-child").alignSelf("stretch").justifySelf("stretch").zIndex(10))),"[data-swipe=left]");document.body.addEventListener("touchstart",e=>{let element=e.target;if(e.touches.length>1){return;}while(element){if(element.dataset.swipe){break;}element=element.parentElement;}if(!element){return;}const{left}=element.getBoundingClientRect();swipeStart={element,x:e.touches[0].screenX-left};});document.body.addEventListener("touchmove",e=>{let element=e.target;if(!swipeStart||e.touches.length>1){return;}let swipe;while(element){swipe=element.dataset.swipe;if(swipe){break;}element=element.parentElement;}if(!element){return;}const{left}=element.getBoundingClientRect();const cx=e.touches[0].screenX-left;const{x}=swipeStart;let diff=cx-x;if(diff>0){if(swipe!=="right"){return;}}else{if(swipe!=="left"){return;}let content=element.firstElementChild;let maxMargin=0;let child=content===null||content===void 0?void 0:content.nextElementSibling;let count=0;while(child){maxMargin+=child.offsetWidth;count++;child=child.nextElementSibling;}let margin=-diff;if(maxMargin&&margin>maxMargin){margin=maxMargin;}if(margin<=5){delete content.style.marginRight;delete content.style.transform;child=content===null||content===void 0?void 0:content.nextElementSibling;while(child){delete child.style.marginRight;child=child.nextElementSibling;}return;}content.style.marginRight=`${margin}px`;content.style.transform=`translateX(-${margin}px)`;let avgMargin=Math.ceil(margin/count);child=content===null||content===void 0?void 0:content.nextElementSibling;while(child){count--;if(count===0){break;}let m=avgMargin*count+5;child.style.marginRight=`${m}px`;child=child.nextElementSibling;}}});document.body.addEventListener("touchend",e=>{swipeStart=null;});}};});
1
+ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var XNode, StyleRule, CSS, swipeStart;
5
+ function SwipeLeft(a, ...nodes) {
6
+ return XNode.create("div", Object.assign({
7
+ "data-swipe": "left"
8
+ }, a), ...nodes);
9
+ }
10
+ _export("SwipeLeft", SwipeLeft);
11
+ return {
12
+ setters: [function (_webAtomsCoreDistCoreXNode) {
13
+ XNode = _webAtomsCoreDistCoreXNode.default;
14
+ }, function (_webAtomsCoreDistStyleStyleRule) {
15
+ StyleRule = _webAtomsCoreDistStyleStyleRule.default;
16
+ }, function (_webAtomsCoreDistWebStylesCSS) {
17
+ CSS = _webAtomsCoreDistWebStylesCSS.default;
18
+ }],
19
+ execute: function () {
20
+ swipeStart = null;
21
+ CSS(StyleRule().display("grid").child(StyleRule("*").gridRow("1").gridColumn("1")), "[data-swipe]");
22
+ CSS(StyleRule().child(StyleRule("*").alignSelf("center").justifySelf("end").zIndex(2).and(StyleRule(":first-child").alignSelf("stretch").justifySelf("stretch").zIndex(10))), "[data-swipe=left]");
23
+ document.body.addEventListener("touchstart", e => {
24
+ let element = e.target;
25
+ if (e.touches.length > 1) {
26
+ return;
27
+ }
28
+ while (element) {
29
+ if (element.dataset.swipe) {
30
+ break;
31
+ }
32
+ element = element.parentElement;
33
+ }
34
+ if (!element) {
35
+ return;
36
+ }
37
+ const {
38
+ left
39
+ } = element.getBoundingClientRect();
40
+ swipeStart = {
41
+ element,
42
+ x: e.touches[0].screenX - left
43
+ };
44
+ });
45
+ document.body.addEventListener("touchmove", e => {
46
+ let element = e.target;
47
+ if (!swipeStart || e.touches.length > 1) {
48
+ return;
49
+ }
50
+ let swipe;
51
+ while (element) {
52
+ swipe = element.dataset.swipe;
53
+ if (swipe) {
54
+ break;
55
+ }
56
+ element = element.parentElement;
57
+ }
58
+ if (!element) {
59
+ return;
60
+ }
61
+ const {
62
+ left
63
+ } = element.getBoundingClientRect();
64
+ const cx = e.touches[0].screenX - left;
65
+ const {
66
+ x
67
+ } = swipeStart;
68
+ let diff = cx - x;
69
+ if (diff > 0) {
70
+ if (swipe !== "right") {
71
+ return;
72
+ }
73
+ } else {
74
+ if (swipe !== "left") {
75
+ return;
76
+ }
77
+ let content = element.firstElementChild;
78
+ let maxMargin = 0;
79
+ let child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
80
+ let count = 0;
81
+ while (child) {
82
+ maxMargin += child.offsetWidth;
83
+ count++;
84
+ child = child.nextElementSibling;
85
+ }
86
+ let margin = -diff;
87
+ if (maxMargin && margin > maxMargin) {
88
+ margin = maxMargin;
89
+ }
90
+ if (margin <= 5) {
91
+ delete content.style.marginRight;
92
+ delete content.style.transform;
93
+ child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
94
+ while (child) {
95
+ delete child.style.marginRight;
96
+ child = child.nextElementSibling;
97
+ }
98
+ return;
99
+ }
100
+ content.style.marginRight = `${margin}px`;
101
+ content.style.transform = `translateX(-${margin}px)`;
102
+ let avgMargin = Math.ceil(margin / count);
103
+ child = content === null || content === void 0 ? void 0 : content.nextElementSibling;
104
+ while (child) {
105
+ count--;
106
+ if (count === 0) {
107
+ break;
108
+ }
109
+ let m = avgMargin * count + 5;
110
+ child.style.marginRight = `${m}px`;
111
+ child = child.nextElementSibling;
112
+ }
113
+ }
114
+ });
115
+ document.body.addEventListener("touchend", e => {
116
+ swipeStart = null;
117
+ });
118
+ }
119
+ };
120
+ });
2
121
  //# sourceMappingURL=Swipe.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"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","names":["SwipeLeft","a","nodes","XNode","StyleRule","CSS","swipeStart","display","child","gridRow","gridColumn","alignSelf","justifySelf","zIndex","and","document","body","addEventListener","e","element","target","touches","length","dataset","swipe","parentElement","left","getBoundingClientRect","x","screenX","cx","diff","content","firstElementChild","maxMargin","nextElementSibling","count","offsetWidth","margin","style","marginRight","transform","avgMargin","Math","ceil","m"],"sourceRoot":"","sources":["../../src/basic/Swipe.tsx"],"sourcesContent":[null]}
1
+ {"version":3,"mappings":"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","names":["SwipeLeft","a","nodes","XNode","StyleRule","CSS","swipeStart","display","child","gridRow","gridColumn","alignSelf","justifySelf","zIndex","and","document","body","addEventListener","e","element","target","touches","length","dataset","swipe","parentElement","left","getBoundingClientRect","x","screenX","cx","diff","content","firstElementChild","maxMargin","nextElementSibling","count","offsetWidth","margin","style","marginRight","transform","avgMargin","Math","ceil","m"],"sourceRoot":"","sources":["../../src/basic/Swipe.tsx"],"sourcesContent":[null]}
@@ -1,2 +1,55 @@
1
- System.register(["tslib","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var __rest,XNode,StyleRule,CSS,css;function Switch(_a){var{checked,onLabel,offLabel}=_a,a=__rest(_a,["checked","onLabel","offLabel"]);return XNode.create("label",Object.assign({"data-ui-switch":"ui-switch"},a),XNode.create("input",{class:"switch-input",type:"checkbox",checked:checked}),XNode.create("span",{class:"switch-label","data-on":onLabel!==null&&onLabel!==void 0?onLabel:"On","data-off":offLabel!==null&&offLabel!==void 0?offLabel:"Off"}),XNode.create("span",{class:"switch-handle"}));}_export("default",Switch);return{setters:[function(_tslib){__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){css=CSS(StyleRule().position("relative").display("inline-block").verticalAlign("top").minWidth(70).height(30).padding(3).margin(0).background("linear-gradient(to bottom, #eeeeee, #FFFFFF 25px)").backgroundImage("-webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px)").borderRadius(18).boxShadow("inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05)").cursor("pointer").boxSizing("content-box").child(StyleRule(".switch-input").absolutePosition({top:0,left:0}).opacity(0).boxSizing("content-box")).child(StyleRule(".switch-label").position("relative").display("block").height("inherit").backgroundColor("#eceeef").borderRadius("inherit").boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15)").boxSizing("content-box").and(StyleRule(":before, .switch-label:after").position("absolute").top("50%").marginTop("-.5em").lineHeight("1").webkitTransition("inherit").transition("inherit").boxSizing("content-box")).and(StyleRule(":before").content("attr(data-off)").right(11).color("#aaaaaa").textShadow("0 1px rgba(255, 255, 255, 0.5)")).and(StyleRule(":after").content("attr(data-on)").left(11).color("#FFFFFF").textShadow("0 1px rgba(0, 0, 0, 0.2)").opacity("0"))).child(StyleRule(".switch-input:checked ~ .switch-label").backgroundColor("#E1B42B").boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)")).child(StyleRule(".switch-input:checked ~ .switch-label:before").opacity("0")).child(StyleRule(".switch-input:checked ~ .switch-label:after").opacity("1")).child(StyleRule(".switch-handle").absolutePosition({top:4,left:4,width:28,height:28}).background("linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0)").borderRadius("100%").boxShadow("1px 1px 5px rgba(0, 0, 0, 0.2)").and(StyleRule(":before").content("").absolutePosition({top:"50%",left:"50%",width:12,height:12}).background("linear-gradient(to bottom, #eeeeee, #FFFFFF)").borderRadius(6).boxShadow("inset 0 1px rgba(0, 0, 0, 0.02)"))).child(StyleRule(".switch-input:checked ~ .switch-handle").left(44).boxShadow("-1px 1px 5px rgba(0, 0, 0, 0.2)")).child(StyleRule(".switch-label, .switch-handle").transition("All 0.3s ease")),"*[data-ui-switch=ui-switch]");}};});
1
+ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var __rest, XNode, StyleRule, CSS, css;
5
+ function Switch(_a) {
6
+ var {
7
+ checked,
8
+ onLabel,
9
+ offLabel
10
+ } = _a,
11
+ a = __rest(_a, ["checked", "onLabel", "offLabel"]);
12
+ return XNode.create("label", Object.assign({
13
+ "data-ui-switch": "ui-switch"
14
+ }, a), XNode.create("input", {
15
+ class: "switch-input",
16
+ type: "checkbox",
17
+ checked: checked
18
+ }), XNode.create("span", {
19
+ class: "switch-label",
20
+ "data-on": onLabel !== null && onLabel !== void 0 ? onLabel : "On",
21
+ "data-off": offLabel !== null && offLabel !== void 0 ? offLabel : "Off"
22
+ }), XNode.create("span", {
23
+ class: "switch-handle"
24
+ }));
25
+ }
26
+ _export("default", Switch);
27
+ return {
28
+ setters: [function (_tslib) {
29
+ __rest = _tslib.__rest;
30
+ }, function (_webAtomsCoreDistCoreXNode) {
31
+ XNode = _webAtomsCoreDistCoreXNode.default;
32
+ }, function (_webAtomsCoreDistStyleStyleRule) {
33
+ StyleRule = _webAtomsCoreDistStyleStyleRule.default;
34
+ }, function (_webAtomsCoreDistWebStylesCSS) {
35
+ CSS = _webAtomsCoreDistWebStylesCSS.default;
36
+ }],
37
+ execute: function () {
38
+ css = CSS(StyleRule().position("relative").display("inline-block").verticalAlign("top").minWidth(70).height(30).padding(3).margin(0).background("linear-gradient(to bottom, #eeeeee, #FFFFFF 25px)").backgroundImage("-webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px)").borderRadius(18).boxShadow("inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05)").cursor("pointer").boxSizing("content-box").child(StyleRule(".switch-input").absolutePosition({
39
+ top: 0,
40
+ left: 0
41
+ }).opacity(0).boxSizing("content-box")).child(StyleRule(".switch-label").position("relative").display("block").height("inherit").backgroundColor("#eceeef").borderRadius("inherit").boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15)").boxSizing("content-box").and(StyleRule(":before, .switch-label:after").position("absolute").top("50%").marginTop("-.5em").lineHeight("1").webkitTransition("inherit").transition("inherit").boxSizing("content-box")).and(StyleRule(":before").content("attr(data-off)").right(11).color("#aaaaaa").textShadow("0 1px rgba(255, 255, 255, 0.5)")).and(StyleRule(":after").content("attr(data-on)").left(11).color("#FFFFFF").textShadow("0 1px rgba(0, 0, 0, 0.2)").opacity("0"))).child(StyleRule(".switch-input:checked ~ .switch-label").backgroundColor("#E1B42B").boxShadow("inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2)")).child(StyleRule(".switch-input:checked ~ .switch-label:before").opacity("0")).child(StyleRule(".switch-input:checked ~ .switch-label:after").opacity("1")).child(StyleRule(".switch-handle").absolutePosition({
42
+ top: 4,
43
+ left: 4,
44
+ width: 28,
45
+ height: 28
46
+ }).background("linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0)").borderRadius("100%").boxShadow("1px 1px 5px rgba(0, 0, 0, 0.2)").and(StyleRule(":before").content("").absolutePosition({
47
+ top: "50%",
48
+ left: "50%",
49
+ width: 12,
50
+ height: 12
51
+ }).background("linear-gradient(to bottom, #eeeeee, #FFFFFF)").borderRadius(6).boxShadow("inset 0 1px rgba(0, 0, 0, 0.02)"))).child(StyleRule(".switch-input:checked ~ .switch-handle").left(44).boxShadow("-1px 1px 5px rgba(0, 0, 0, 0.2)")).child(StyleRule(".switch-label, .switch-handle").transition("All 0.3s ease")), "*[data-ui-switch=ui-switch]");
52
+ }
53
+ };
54
+ });
2
55
  //# sourceMappingURL=Switch.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"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","names":["Switch","_a","checked","onLabel","offLabel","a","XNode","class","type","StyleRule","CSS","css","position","display","verticalAlign","minWidth","height","padding","margin","background","backgroundImage","borderRadius","boxShadow","cursor","boxSizing","child","absolutePosition","top","left","opacity","backgroundColor","and","marginTop","lineHeight","webkitTransition","transition","content","right","color","textShadow","width"],"sourceRoot":"","sources":["../../src/basic/Switch.tsx"],"sourcesContent":[null]}
1
+ {"version":3,"mappings":"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","names":["Switch","_a","checked","onLabel","offLabel","a","XNode","class","type","StyleRule","CSS","css","position","display","verticalAlign","minWidth","height","padding","margin","background","backgroundImage","borderRadius","boxShadow","cursor","boxSizing","child","absolutePosition","top","left","opacity","backgroundColor","and","marginTop","lineHeight","webkitTransition","transition","content","right","color","textShadow","width"],"sourceRoot":"","sources":["../../src/basic/Switch.tsx"],"sourcesContent":[null]}
@@ -1,2 +1,52 @@
1
- System.register(["@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS","./AtomRepeater"],function(_export,_context){"use strict";var XNode,StyleRule,CSS,AtomRepeater,TableRepeater;_export("default",void 0);return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default;}],execute:function(){CSS(StyleRule(),"table[data-table-repeater=table-repeater]");_export("default",TableRepeater=class TableRepeater extends AtomRepeater{constructor(app,e=document.createElement("table")){super(app,e);}onPropertyChanged(name){super.onPropertyChanged(name);switch(name){case"header":case"headerRenderer":this.updateHeaderFooter("header",this.headerPresenter,this.header,this.headerRenderer);break;case"footer":case"footerRenderer":this.updateHeaderFooter("footer",this.footerPresenter,this.footer,this.footerRenderer);break;}}preCreate(){super.preCreate();this.preRender();this.onPropertyChanged("header");this.onPropertyChanged("footer");}preRender(){this.element.dataset.tableRepeater="table-repeater";this.render(XNode.create("table",null,XNode.create("thead",null),XNode.create("tbody",null),XNode.create("tfoot",null)));this.itemsPresenter=this.element.querySelector("tbody");this.headerPresenter=this.element.firstElementChild;this.footerPresenter=this.element.lastElementChild;}});}};});
1
+ System.register(["@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var XNode, StyleRule, CSS, AtomRepeater, TableRepeater;
5
+ _export("default", void 0);
6
+ return {
7
+ setters: [function (_webAtomsCoreDistCoreXNode) {
8
+ XNode = _webAtomsCoreDistCoreXNode.default;
9
+ }, function (_webAtomsCoreDistStyleStyleRule) {
10
+ StyleRule = _webAtomsCoreDistStyleStyleRule.default;
11
+ }, function (_webAtomsCoreDistWebStylesCSS) {
12
+ CSS = _webAtomsCoreDistWebStylesCSS.default;
13
+ }, function (_AtomRepeater) {
14
+ AtomRepeater = _AtomRepeater.default;
15
+ }],
16
+ execute: function () {
17
+ CSS(StyleRule(), "table[data-table-repeater=table-repeater]");
18
+ _export("default", TableRepeater = class TableRepeater extends AtomRepeater {
19
+ constructor(app, e = document.createElement("table")) {
20
+ super(app, e);
21
+ }
22
+ onPropertyChanged(name) {
23
+ super.onPropertyChanged(name);
24
+ switch (name) {
25
+ case "header":
26
+ case "headerRenderer":
27
+ this.updateHeaderFooter("header", this.headerPresenter, this.header, this.headerRenderer);
28
+ break;
29
+ case "footer":
30
+ case "footerRenderer":
31
+ this.updateHeaderFooter("footer", this.footerPresenter, this.footer, this.footerRenderer);
32
+ break;
33
+ }
34
+ }
35
+ preCreate() {
36
+ super.preCreate();
37
+ this.preRender();
38
+ this.onPropertyChanged("header");
39
+ this.onPropertyChanged("footer");
40
+ }
41
+ preRender() {
42
+ this.element.dataset.tableRepeater = "table-repeater";
43
+ this.render(XNode.create("table", null, XNode.create("thead", null), XNode.create("tbody", null), XNode.create("tfoot", null)));
44
+ this.itemsPresenter = this.element.querySelector("tbody");
45
+ this.headerPresenter = this.element.firstElementChild;
46
+ this.footerPresenter = this.element.lastElementChild;
47
+ }
48
+ });
49
+ }
50
+ };
51
+ });
2
52
  //# sourceMappingURL=TableRepeater.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"+NASqBA,aAAc,gFAR5BC,KAAK,gFACLC,SAAS,mFACTC,GAAG,iEACHC,YAAiC,6CAExCD,GAAG,CAACD,SAAS,EAAE,CACb,2CAA2C,CAAC,CAAC,kBAE1BF,aAAc,CAArB,KAAOA,cAAc,QAAQI,aAAY,CAEnDC,YAAYC,GAAG,CAAEC,CAAC,CAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC,EAChD,KAAK,CAACH,GAAG,CAAEC,CAAC,CAAC,CACjB,CAEOG,iBAAiB,CAACC,IAAyB,EAC9C,KAAK,CAACD,iBAAiB,CAACC,IAAI,CAAC,CAC7B,OAAQA,IAAI,EACR,IAAK,QAAQ,CACb,IAAK,gBAAgB,CACjB,IAAI,CAACC,kBAAkB,CAAC,QAAQ,CAAE,IAAI,CAACC,eAAe,CAAE,IAAI,CAACC,MAAM,CAAE,IAAI,CAACC,cAAc,CAAC,CACzF,MACJ,IAAK,QAAQ,CACb,IAAK,gBAAgB,CACjB,IAAI,CAACH,kBAAkB,CAAC,QAAQ,CAAE,IAAI,CAACI,eAAe,CAAE,IAAI,CAACC,MAAM,CAAE,IAAI,CAACC,cAAc,CAAC,CACzF,MAAM,CAElB,CAEUC,SAAS,GACf,KAAK,CAACA,SAAS,EAAE,CACjB,IAAI,CAACC,SAAS,EAAE,CAChB,IAAI,CAACV,iBAAiB,CAAC,QAAQ,CAAC,CAChC,IAAI,CAACA,iBAAiB,CAAC,QAAQ,CAAC,CACpC,CAEUU,SAAS,GACf,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,aAAa,CAAG,gBAAgB,CACrD,IAAI,CAACC,MAAM,CAACvB,0BACRA,0BAAe,CACfA,0BAAe,CACfA,0BAAe,CACX,CAAC,CACT,IAAI,CAACwB,cAAc,CAAG,IAAI,CAACJ,OAAO,CAACK,aAAa,CAAC,OAAO,CAAC,CACzD,IAAI,CAACb,eAAe,CAAG,IAAI,CAACQ,OAAO,CAACM,iBAAgC,CACpE,IAAI,CAACX,eAAe,CAAG,IAAI,CAACK,OAAO,CAACO,gBAA+B,CACvE,EACH","names":["TableRepeater","XNode","StyleRule","CSS","AtomRepeater","constructor","app","e","document","createElement","onPropertyChanged","name","updateHeaderFooter","headerPresenter","header","headerRenderer","footerPresenter","footer","footerRenderer","preCreate","preRender","element","dataset","tableRepeater","render","itemsPresenter","querySelector","firstElementChild","lastElementChild"],"sourceRoot":"","sources":["../../src/basic/TableRepeater.tsx"],"sourcesContent":[null]}
1
+ {"version":3,"mappings":";;;2CASqBA,aAAc;EAAA;EAAA;IAAA;MAR5BC,KAAK;IAAA;MACLC,SAAS;IAAA;MACTC,GAAG;IAAA;MACHC,YAAiC;IAAA;IAAA;MAExCD,GAAG,CAACD,SAAS,EAAE,EACb,2CAA2C,CAAC;MAAC,mBAE1BF,aAAc,GAArB,MAAOA,aAAc,SAAQI,YAAY;QAEnDC,YAAYC,GAAG,EAAEC,CAAC,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;UAChD,KAAK,CAACH,GAAG,EAAEC,CAAC,CAAC;QACjB;QAEOG,iBAAiB,CAACC,IAAyB;UAC9C,KAAK,CAACD,iBAAiB,CAACC,IAAI,CAAC;UAC7B,QAAQA,IAAI;YACR,KAAK,QAAQ;YACb,KAAK,gBAAgB;cACjB,IAAI,CAACC,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAACC,eAAe,EAAE,IAAI,CAACC,MAAM,EAAE,IAAI,CAACC,cAAc,CAAC;cACzF;YACJ,KAAK,QAAQ;YACb,KAAK,gBAAgB;cACjB,IAAI,CAACH,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAACI,eAAe,EAAE,IAAI,CAACC,MAAM,EAAE,IAAI,CAACC,cAAc,CAAC;cACzF;UAAM;QAElB;QAEUC,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAACC,SAAS,EAAE;UAChB,IAAI,CAACV,iBAAiB,CAAC,QAAQ,CAAC;UAChC,IAAI,CAACA,iBAAiB,CAAC,QAAQ,CAAC;QACpC;QAEUU,SAAS;UACf,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,aAAa,GAAG,gBAAgB;UACrD,IAAI,CAACC,MAAM,CAACvB,4BACRA,2BAAe,EACfA,2BAAe,EACfA,2BAAe,CACX,CAAC;UACT,IAAI,CAACwB,cAAc,GAAG,IAAI,CAACJ,OAAO,CAACK,aAAa,CAAC,OAAO,CAAC;UACzD,IAAI,CAACb,eAAe,GAAG,IAAI,CAACQ,OAAO,CAACM,iBAAgC;UACpE,IAAI,CAACX,eAAe,GAAG,IAAI,CAACK,OAAO,CAACO,gBAA+B;QACvE;OACH;IAAA;EAAA;AAAA","names":["TableRepeater","XNode","StyleRule","CSS","AtomRepeater","constructor","app","e","document","createElement","onPropertyChanged","name","updateHeaderFooter","headerPresenter","header","headerRenderer","footerPresenter","footer","footerRenderer","preCreate","preRender","element","dataset","tableRepeater","render","itemsPresenter","querySelector","firstElementChild","lastElementChild"],"sourceRoot":"","sources":["../../src/basic/TableRepeater.tsx"],"sourcesContent":[null]}
@@ -1,2 +1,57 @@
1
- System.register(["tslib","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/styles/CSS","./AtomRepeater"],function(_export,_context){"use strict";var __decorate,__metadata,BindableProperty,Colors,XNode,StyleRule,CSS,AtomRepeater,ToggleButtonBar;_export("default",void 0);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_AtomRepeater){AtomRepeater=_AtomRepeater.default;}],execute:function(){CSS(StyleRule().display("inline-grid").gridAutoFlow("column").alignContent("center").justifyItems("stretch").textAlign("center").borderStyle("solid").borderWidth(1).borderColor(Colors.lightGray).borderRadius(9999).child(StyleRule("[data-item-type=toggle-button]").padding(5).backgroundColor(Colors.white).cursor("pointer").and(StyleRule(":first-child").paddingLeft(10).borderTopLeftRadius(9999).borderBottomLeftRadius(9999)).and(StyleRule(":last-child").borderTopRightRadius(9999).borderBottomRightRadius(9999).paddingRight(10)).and(StyleRule("[data-selected-item=true]").backgroundColor(`var(--accent-color, black)`).color(Colors.white))),"*[data-button-bar=button-bar]");_export("default",ToggleButtonBar=class ToggleButtonBar extends AtomRepeater{onPropertyChanged(name){super.onPropertyChanged(name);if(name==="labelPath"){this.updateItems();return;}}preCreate(){super.preCreate();this.element.dataset.buttonBar="button-bar";this.bindEvent(this.element,"itemClick",e=>{this.selectedItem=e.detail;});this.valuePath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.value)!==null&&_a!==void 0?_a:item;};this.labelPath=item=>{var _a;return(_a=item===null||item===void 0?void 0:item.label)!==null&&_a!==void 0?_a:item;};this.itemRenderer=item=>XNode.create("div",{"data-item-type":"toggle-button",text:this.labelPath(item)});}});__decorate([BindableProperty,__metadata("design:type",Object)],ToggleButtonBar.prototype,"labelPath",void 0);}};});
1
+ System.register(["tslib", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var __decorate, __metadata, BindableProperty, Colors, XNode, StyleRule, CSS, AtomRepeater, ToggleButtonBar;
5
+ _export("default", void 0);
6
+ return {
7
+ setters: [function (_tslib) {
8
+ __decorate = _tslib.__decorate;
9
+ __metadata = _tslib.__metadata;
10
+ }, function (_webAtomsCoreDistCoreBindableProperty) {
11
+ BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
12
+ }, function (_webAtomsCoreDistCoreColors) {
13
+ Colors = _webAtomsCoreDistCoreColors.default;
14
+ }, function (_webAtomsCoreDistCoreXNode) {
15
+ XNode = _webAtomsCoreDistCoreXNode.default;
16
+ }, function (_webAtomsCoreDistStyleStyleRule) {
17
+ StyleRule = _webAtomsCoreDistStyleStyleRule.default;
18
+ }, function (_webAtomsCoreDistWebStylesCSS) {
19
+ CSS = _webAtomsCoreDistWebStylesCSS.default;
20
+ }, function (_AtomRepeater) {
21
+ AtomRepeater = _AtomRepeater.default;
22
+ }],
23
+ execute: function () {
24
+ CSS(StyleRule().display("inline-grid").gridAutoFlow("column").alignContent("center").justifyItems("stretch").textAlign("center").borderStyle("solid").borderWidth(1).borderColor(Colors.lightGray).borderRadius(9999).child(StyleRule("[data-item-type=toggle-button]").padding(5).backgroundColor(Colors.white).cursor("pointer").and(StyleRule(":first-child").paddingLeft(10).borderTopLeftRadius(9999).borderBottomLeftRadius(9999)).and(StyleRule(":last-child").borderTopRightRadius(9999).borderBottomRightRadius(9999).paddingRight(10)).and(StyleRule("[data-selected-item=true]").backgroundColor(`var(--accent-color, black)`).color(Colors.white))), "*[data-button-bar=button-bar]");
25
+ _export("default", ToggleButtonBar = class ToggleButtonBar extends AtomRepeater {
26
+ onPropertyChanged(name) {
27
+ super.onPropertyChanged(name);
28
+ if (name === "labelPath") {
29
+ this.updateItems();
30
+ return;
31
+ }
32
+ }
33
+ preCreate() {
34
+ super.preCreate();
35
+ this.element.dataset.buttonBar = "button-bar";
36
+ this.bindEvent(this.element, "itemClick", e => {
37
+ this.selectedItem = e.detail;
38
+ });
39
+ this.valuePath = item => {
40
+ var _a;
41
+ return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
42
+ };
43
+ this.labelPath = item => {
44
+ var _a;
45
+ return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
46
+ };
47
+ this.itemRenderer = item => XNode.create("div", {
48
+ "data-item-type": "toggle-button",
49
+ text: this.labelPath(item)
50
+ });
51
+ }
52
+ });
53
+ __decorate([BindableProperty, __metadata("design:type", Object)], ToggleButtonBar.prototype, "labelPath", void 0);
54
+ }
55
+ };
56
+ });
2
57
  //# sourceMappingURL=ToggleButtonBar.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"qWAsCqBA,eAAgB,wKAtC5BC,gBAAgB,uCAAhBA,gBAAgB,yCAClBC,MAAM,4EACNC,KAAK,gFACLC,SAAS,mFACTC,GAAG,iEACHC,YAAY,6CAEnBD,GAAG,CAACD,SAAS,EAAE,CACVG,OAAO,CAAC,aAAa,CAAC,CACtBC,YAAY,CAAC,QAAQ,CAAC,CACtBC,YAAY,CAAC,QAAQ,CAAC,CACtBC,YAAY,CAAC,SAAS,CAAC,CACvBC,SAAS,CAAC,QAAQ,CAAC,CACnBC,WAAW,CAAC,OAAO,CAAC,CACpBC,WAAW,CAAC,CAAC,CAAC,CACdC,WAAW,CAACZ,MAAM,CAACa,SAAS,CAAC,CAC7BC,YAAY,CAAC,IAAI,CAAC,CAClBC,KAAK,CAACb,SAAS,CAAC,gCAAgC,CAAC,CAC7Cc,OAAO,CAAC,CAAC,CAAC,CACVC,eAAe,CAACjB,MAAM,CAACkB,KAAK,CAAC,CAC7BC,MAAM,CAAC,SAAS,CAAC,CACjBC,GAAG,CAAClB,SAAS,CAAC,cAAc,CAAC,CACzBmB,WAAW,CAAC,EAAE,CAAC,CACfC,mBAAmB,CAAC,IAAI,CAAC,CACzBC,sBAAsB,CAAC,IAAI,CAAC,CAChC,CACAH,GAAG,CAAClB,SAAS,CAAC,aAAa,CAAC,CACxBsB,oBAAoB,CAAC,IAAI,CAAC,CAC1BC,uBAAuB,CAAC,IAAI,CAAC,CAC7BC,YAAY,CAAC,EAAE,CAAC,CACpB,CACAN,GAAG,CAAClB,SAAS,CAAC,2BAA2B,CAAC,CACtCe,eAAe,CAAC,4BAA4B,CAAC,CAC7CU,KAAK,CAAC3B,MAAM,CAACkB,KAAK,CAAC,CACvB,CACJ,CACH,+BAA+B,CAAC,CAAC,kBAEdpB,eAAgB,CAAvB,KAAOA,gBAAgB,QAAQM,aAAY,CAK9CwB,iBAAiB,CAACC,IAAY,EACjC,KAAK,CAACD,iBAAiB,CAACC,IAAI,CAAC,CAC7B,GAAIA,IAAI,GAAK,WAAW,CAAE,CACtB,IAAI,CAACC,WAAW,EAAE,CAClB,QAER,CAEUC,SAAS,GACf,KAAK,CAACA,SAAS,EAAE,CACjB,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,SAAS,CAAG,YAAY,CAC7C,IAAI,CAACC,SAAS,CAAC,IAAI,CAACH,OAAO,CAAE,WAAW,CAAGI,CAAc,EAAI,CACzD,IAAI,CAACC,YAAY,CAAGD,CAAC,CAACE,MAAM,CAChC,CAAC,CAAC,CACF,IAAI,CAACC,SAAS,CAAIC,IAAI,EAAI,QAAC,cAAI,SAAJA,IAAI,iBAAJA,IAAI,CAAEC,KAAK,yBAAID,IAAI,GAC9C,IAAI,CAACE,SAAS,CAAIF,IAAI,EAAI,QAAC,cAAI,SAAJA,IAAI,iBAAJA,IAAI,CAAEG,KAAK,yBAAIH,IAAI,GAC9C,IAAI,CAACI,YAAY,CAAIJ,IAAI,EAAKvC,qCAAoB,eAAe,CAAC4C,IAAI,CAAE,IAAI,CAACH,SAAS,CAACF,IAAI,CAAC,EAAG,CACnG,EACH,EArBGM,YAAC/C,gBAAgB,gFACA","names":["ToggleButtonBar","BindableProperty","Colors","XNode","StyleRule","CSS","AtomRepeater","display","gridAutoFlow","alignContent","justifyItems","textAlign","borderStyle","borderWidth","borderColor","lightGray","borderRadius","child","padding","backgroundColor","white","cursor","and","paddingLeft","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","paddingRight","color","onPropertyChanged","name","updateItems","preCreate","element","dataset","buttonBar","bindEvent","e","selectedItem","detail","valuePath","item","value","labelPath","label","itemRenderer","text","__decorate"],"sourceRoot":"","sources":["../../src/basic/ToggleButtonBar.tsx"],"sourcesContent":[null]}
1
+ {"version":3,"mappings":";;;6FAsCqBA,eAAgB;EAAA;EAAA;IAAA;;;;MAtC5BC,gBAAgB,yCAAhBA,gBAAgB;IAAA;MAClBC,MAAM;IAAA;MACNC,KAAK;IAAA;MACLC,SAAS;IAAA;MACTC,GAAG;IAAA;MACHC,YAAY;IAAA;IAAA;MAEnBD,GAAG,CAACD,SAAS,EAAE,CACVG,OAAO,CAAC,aAAa,CAAC,CACtBC,YAAY,CAAC,QAAQ,CAAC,CACtBC,YAAY,CAAC,QAAQ,CAAC,CACtBC,YAAY,CAAC,SAAS,CAAC,CACvBC,SAAS,CAAC,QAAQ,CAAC,CACnBC,WAAW,CAAC,OAAO,CAAC,CACpBC,WAAW,CAAC,CAAC,CAAC,CACdC,WAAW,CAACZ,MAAM,CAACa,SAAS,CAAC,CAC7BC,YAAY,CAAC,IAAI,CAAC,CAClBC,KAAK,CAACb,SAAS,CAAC,gCAAgC,CAAC,CAC7Cc,OAAO,CAAC,CAAC,CAAC,CACVC,eAAe,CAACjB,MAAM,CAACkB,KAAK,CAAC,CAC7BC,MAAM,CAAC,SAAS,CAAC,CACjBC,GAAG,CAAClB,SAAS,CAAC,cAAc,CAAC,CACzBmB,WAAW,CAAC,EAAE,CAAC,CACfC,mBAAmB,CAAC,IAAI,CAAC,CACzBC,sBAAsB,CAAC,IAAI,CAAC,CAChC,CACAH,GAAG,CAAClB,SAAS,CAAC,aAAa,CAAC,CACxBsB,oBAAoB,CAAC,IAAI,CAAC,CAC1BC,uBAAuB,CAAC,IAAI,CAAC,CAC7BC,YAAY,CAAC,EAAE,CAAC,CACpB,CACAN,GAAG,CAAClB,SAAS,CAAC,2BAA2B,CAAC,CACtCe,eAAe,CAAC,4BAA4B,CAAC,CAC7CU,KAAK,CAAC3B,MAAM,CAACkB,KAAK,CAAC,CACvB,CACJ,EACH,+BAA+B,CAAC;MAAC,mBAEdpB,eAAgB,GAAvB,MAAOA,eAAgB,SAAQM,YAAY;QAK9CwB,iBAAiB,CAACC,IAAY;UACjC,KAAK,CAACD,iBAAiB,CAACC,IAAI,CAAC;UAC7B,IAAIA,IAAI,KAAK,WAAW,EAAE;YACtB,IAAI,CAACC,WAAW,EAAE;YAClB;;QAER;QAEUC,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAACC,OAAO,CAACC,OAAO,CAACC,SAAS,GAAG,YAAY;UAC7C,IAAI,CAACC,SAAS,CAAC,IAAI,CAACH,OAAO,EAAE,WAAW,EAAGI,CAAc,IAAI;YACzD,IAAI,CAACC,YAAY,GAAGD,CAAC,CAACE,MAAM;UAChC,CAAC,CAAC;UACF,IAAI,CAACC,SAAS,GAAIC,IAAI,IAAI;YAAA;YAAC,iBAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEC,KAAK,mCAAID,IAAI;UAAA;UAC9C,IAAI,CAACE,SAAS,GAAIF,IAAI,IAAI;YAAA;YAAC,iBAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,KAAK,mCAAIH,IAAI;UAAA;UAC9C,IAAI,CAACI,YAAY,GAAIJ,IAAI,IAAKvC;YAAA,kBAAoB,eAAe;YAAC4C,IAAI,EAAE,IAAI,CAACH,SAAS,CAACF,IAAI;UAAC,EAAG;QACnG;OACH;MArBGM,YAAC/C,gBAAgB,qFACA;IAAA;EAAA;AAAA","names":["ToggleButtonBar","BindableProperty","Colors","XNode","StyleRule","CSS","AtomRepeater","display","gridAutoFlow","alignContent","justifyItems","textAlign","borderStyle","borderWidth","borderColor","lightGray","borderRadius","child","padding","backgroundColor","white","cursor","and","paddingLeft","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","paddingRight","color","onPropertyChanged","name","updateItems","preCreate","element","dataset","buttonBar","bindEvent","e","selectedItem","detail","valuePath","item","value","labelPath","label","itemRenderer","text","__decorate"],"sourceRoot":"","sources":["../../src/basic/ToggleButtonBar.tsx"],"sourcesContent":[null]}
@@ -1,2 +1,102 @@
1
- System.register(["@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/styles/CSS","./AtomRepeater"],function(_export,_context){"use strict";var StyleRule,AtomControl,ElementValueSetters,PopupService,CSS,getParentRepeaterItem,Tooltip,tooltips;_export("default",void 0);return{setters:[function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl;ElementValueSetters=_webAtomsCoreDistWebControlsAtomControl.ElementValueSetters;},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_AtomRepeater){getParentRepeaterItem=_AtomRepeater.getParentRepeaterItem;}],execute:function(){tooltips=new Map();ElementValueSetters.tooltip=(control,e,value)=>{tooltips.set(e,[{control,tooltip:undefined},value]);control.registerDisposable({dispose:()=>{tooltips.delete(e);}});};document.body.addEventListener("pointerenter",ev=>Tooltip.show(ev.target),true);document.body.addEventListener("pointerleave",ev=>{const start=ev.target;setTimeout(()=>{const item=tooltips.get(start);if(!item){return;}const[host]=item;if(host.tooltip){host.tooltip.dispose();host.tooltip=undefined;}},250);},true);CSS(StyleRule().verticalFlexLayout({}).padding(10),"div[data-tooltip=tooltip]");_export("default",Tooltip=class Tooltip extends AtomControl{static show(start){var _a;while(start){const item=tooltips.get(start);if(!item){start=start.parentElement;continue;}const[host,node]=item;if(!host.tooltip){let data=getParentRepeaterItem(start);if(data){data=data[2];}class TooltipControl extends node{preCreate(){this.element._logicalParent=start;if(data){this.data=data;}const{element}=this;this.enterEventDisposable=this.bindEvent(element,"mouseenter",()=>{setTimeout(()=>{tooltips.set(element,[{tooltip:host.tooltip,control:null},null]);delete host.tooltip;this.enterEventDisposable.dispose();},10);});this.registerDisposable({dispose:()=>{tooltips.delete(element);}});}}const t=new TooltipControl(host.control.app);const alignment=(_a=start.dataset.tooltipAlignment)!==null&&_a!==void 0?_a:"auto";host.tooltip=PopupService.show(start,t.element,{alignment});}break;}}});}};});
1
+ System.register(["@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var StyleRule, AtomControl, ElementValueSetters, PopupService, CSS, getParentRepeaterItem, Tooltip, tooltips;
5
+ _export("default", void 0);
6
+ return {
7
+ setters: [function (_webAtomsCoreDistStyleStyleRule) {
8
+ StyleRule = _webAtomsCoreDistStyleStyleRule.default;
9
+ }, function (_webAtomsCoreDistWebControlsAtomControl) {
10
+ AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
11
+ ElementValueSetters = _webAtomsCoreDistWebControlsAtomControl.ElementValueSetters;
12
+ }, function (_webAtomsCoreDistWebServicesPopupService) {
13
+ PopupService = _webAtomsCoreDistWebServicesPopupService.default;
14
+ }, function (_webAtomsCoreDistWebStylesCSS) {
15
+ CSS = _webAtomsCoreDistWebStylesCSS.default;
16
+ }, function (_AtomRepeater) {
17
+ getParentRepeaterItem = _AtomRepeater.getParentRepeaterItem;
18
+ }],
19
+ execute: function () {
20
+ tooltips = new Map();
21
+ ElementValueSetters.tooltip = (control, e, value) => {
22
+ tooltips.set(e, [{
23
+ control,
24
+ tooltip: undefined
25
+ }, value]);
26
+ control.registerDisposable({
27
+ dispose: () => {
28
+ tooltips.delete(e);
29
+ }
30
+ });
31
+ };
32
+ document.body.addEventListener("pointerenter", ev => Tooltip.show(ev.target), true);
33
+ document.body.addEventListener("pointerleave", ev => {
34
+ const start = ev.target;
35
+ setTimeout(() => {
36
+ const item = tooltips.get(start);
37
+ if (!item) {
38
+ return;
39
+ }
40
+ const [host] = item;
41
+ if (host.tooltip) {
42
+ host.tooltip.dispose();
43
+ host.tooltip = undefined;
44
+ }
45
+ }, 250);
46
+ }, true);
47
+ CSS(StyleRule().verticalFlexLayout({}).padding(10), "div[data-tooltip=tooltip]");
48
+ _export("default", Tooltip = class Tooltip extends AtomControl {
49
+ static show(start) {
50
+ var _a;
51
+ while (start) {
52
+ const item = tooltips.get(start);
53
+ if (!item) {
54
+ start = start.parentElement;
55
+ continue;
56
+ }
57
+ const [host, node] = item;
58
+ if (!host.tooltip) {
59
+ let data = getParentRepeaterItem(start);
60
+ if (data) {
61
+ data = data[2];
62
+ }
63
+ class TooltipControl extends node {
64
+ preCreate() {
65
+ this.element._logicalParent = start;
66
+ if (data) {
67
+ this.data = data;
68
+ }
69
+ const {
70
+ element
71
+ } = this;
72
+ this.enterEventDisposable = this.bindEvent(element, "mouseenter", () => {
73
+ setTimeout(() => {
74
+ tooltips.set(element, [{
75
+ tooltip: host.tooltip,
76
+ control: null
77
+ }, null]);
78
+ delete host.tooltip;
79
+ this.enterEventDisposable.dispose();
80
+ }, 10);
81
+ });
82
+ this.registerDisposable({
83
+ dispose: () => {
84
+ tooltips.delete(element);
85
+ }
86
+ });
87
+ }
88
+ }
89
+ const t = new TooltipControl(host.control.app);
90
+ const alignment = (_a = start.dataset.tooltipAlignment) !== null && _a !== void 0 ? _a : "auto";
91
+ host.tooltip = PopupService.show(start, t.element, {
92
+ alignment
93
+ });
94
+ }
95
+ break;
96
+ }
97
+ }
98
+ });
99
+ }
100
+ };
101
+ });
2
102
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"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","names":["Tooltip","StyleRule","AtomControl","ElementValueSetters","PopupService","CSS","getParentRepeaterItem","tooltips","Map","tooltip","control","e","value","set","undefined","registerDisposable","dispose","delete","document","body","addEventListener","ev","show","target","start","setTimeout","item","get","host","verticalFlexLayout","padding","parentElement","node","data","TooltipControl","preCreate","element","_logicalParent","enterEventDisposable","bindEvent","t","app","alignment","dataset","tooltipAlignment"],"sourceRoot":"","sources":["../../src/basic/Tooltip.tsx"],"sourcesContent":[null]}
1
+ {"version":3,"mappings":"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","names":["Tooltip","StyleRule","AtomControl","ElementValueSetters","PopupService","CSS","getParentRepeaterItem","tooltips","Map","tooltip","control","e","value","set","undefined","registerDisposable","dispose","delete","document","body","addEventListener","ev","show","target","start","setTimeout","item","get","host","verticalFlexLayout","padding","parentElement","node","data","TooltipControl","preCreate","element","_logicalParent","enterEventDisposable","bindEvent","t","app","alignment","dataset","tooltipAlignment"],"sourceRoot":"","sources":["../../src/basic/Tooltip.tsx"],"sourcesContent":[null]}
@@ -1,2 +1,13 @@
1
- System.register([],function(_export,_context){"use strict";function combineClasses(...names){return names.filter(n=>n).join(" ");}_export("default",combineClasses);return{setters:[],execute:function(){}};});
1
+ System.register([], function (_export, _context) {
2
+ "use strict";
3
+
4
+ function combineClasses(...names) {
5
+ return names.filter(n => n).join(" ");
6
+ }
7
+ _export("default", combineClasses);
8
+ return {
9
+ setters: [],
10
+ execute: function () {}
11
+ };
12
+ });
2
13
  //# sourceMappingURL=combineClasses.js.map
@@ -1 +1 @@
1
- {"version":3,"mappings":"2DAAc,QAAUA,eAAc,CAAC,GAAIC,KAAe,EACtD,MAAOA,MAAK,CAACC,MAAM,CAAEC,CAAC,EAAKA,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAC3C,CAAC,kBAFuBJ,cAAc","names":["combineClasses","names","filter","n","join"],"sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"sourcesContent":[null]}
1
+ {"version":3,"mappings":";;;EAAc,SAAUA,cAAc,CAAC,GAAIC,KAAe;IACtD,OAAOA,KAAK,CAACC,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAC3C;EAAC,mBAFuBJ,cAAc;EAAA;IAAA;IAAA;EAAA;AAAA","names":["combineClasses","names","filter","n","join"],"sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"sourcesContent":[null]}