@web-atoms/web-controls 2.2.0 → 2.2.2

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 (223) hide show
  1. package/dist/ModuleFiles.js +45 -46
  2. package/dist/ModuleFiles.js.map +1 -1
  3. package/dist/PageNavigator.d.ts +2 -2
  4. package/dist/PageNavigator.d.ts.map +1 -1
  5. package/dist/PageNavigator.js +54 -39
  6. package/dist/PageNavigator.js.map +1 -1
  7. package/dist/animations/Animations.js +38 -52
  8. package/dist/animations/Animations.js.map +1 -1
  9. package/dist/auto-complete/AppComboBoxViewModel.js +16 -17
  10. package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
  11. package/dist/auto-complete/AutoCompleteBox.js +296 -273
  12. package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
  13. package/dist/auto-complete/AutoCompleteBoxStyle.js +69 -65
  14. package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
  15. package/dist/auto-complete/ItemHost.js +39 -28
  16. package/dist/auto-complete/ItemHost.js.map +1 -1
  17. package/dist/basic/AtomChips.js +348 -355
  18. package/dist/basic/AtomChips.js.map +1 -1
  19. package/dist/basic/AtomRepeater.js +1000 -1041
  20. package/dist/basic/AtomRepeater.js.map +1 -1
  21. package/dist/basic/AtomSuggestions.js +154 -161
  22. package/dist/basic/AtomSuggestions.js.map +1 -1
  23. package/dist/basic/Button.js +63 -60
  24. package/dist/basic/Button.js.map +1 -1
  25. package/dist/basic/Calendar.js +215 -255
  26. package/dist/basic/Calendar.js.map +1 -1
  27. package/dist/basic/CheckBoxList.js +73 -66
  28. package/dist/basic/CheckBoxList.js.map +1 -1
  29. package/dist/basic/Checkbox.js +30 -37
  30. package/dist/basic/Checkbox.js.map +1 -1
  31. package/dist/basic/Chip.js +52 -76
  32. package/dist/basic/Chip.js.map +1 -1
  33. package/dist/basic/ComboBox.js +75 -70
  34. package/dist/basic/ComboBox.js.map +1 -1
  35. package/dist/basic/DataGrid.js +289 -306
  36. package/dist/basic/DataGrid.js.map +1 -1
  37. package/dist/basic/DateField.js +90 -97
  38. package/dist/basic/DateField.js.map +1 -1
  39. package/dist/basic/DropDown.js +162 -142
  40. package/dist/basic/DropDown.js.map +1 -1
  41. package/dist/basic/Editable.js +109 -107
  42. package/dist/basic/Editable.js.map +1 -1
  43. package/dist/basic/Expander.js +111 -185
  44. package/dist/basic/Expander.js.map +1 -1
  45. package/dist/basic/Form.js +269 -264
  46. package/dist/basic/Form.js.map +1 -1
  47. package/dist/basic/FormDialog.js +27 -29
  48. package/dist/basic/FormDialog.js.map +1 -1
  49. package/dist/basic/FormField.js +183 -203
  50. package/dist/basic/FormField.js.map +1 -1
  51. package/dist/basic/IElement.js +8 -12
  52. package/dist/basic/IElement.js.map +1 -1
  53. package/dist/basic/InlinePopup.js +291 -262
  54. package/dist/basic/InlinePopup.js.map +1 -1
  55. package/dist/basic/InlinePopupControl.js +34 -33
  56. package/dist/basic/InlinePopupControl.js.map +1 -1
  57. package/dist/basic/Input.js +28 -28
  58. package/dist/basic/Input.js.map +1 -1
  59. package/dist/basic/ListRepeater.js +45 -61
  60. package/dist/basic/ListRepeater.js.map +1 -1
  61. package/dist/basic/MaskedInput.js +53 -66
  62. package/dist/basic/MaskedInput.js.map +1 -1
  63. package/dist/basic/MaskedInputDiv.js +78 -99
  64. package/dist/basic/MaskedInputDiv.js.map +1 -1
  65. package/dist/basic/Mix.js +34 -33
  66. package/dist/basic/Mix.js.map +1 -1
  67. package/dist/basic/Panel.js +34 -34
  68. package/dist/basic/Panel.js.map +1 -1
  69. package/dist/basic/PasswordBox.js +46 -49
  70. package/dist/basic/PasswordBox.js.map +1 -1
  71. package/dist/basic/PinchZoomView.js +250 -255
  72. package/dist/basic/PinchZoomView.js.map +1 -1
  73. package/dist/basic/PopupButton.js +70 -128
  74. package/dist/basic/PopupButton.js.map +1 -1
  75. package/dist/basic/RadioButtonList.js +63 -51
  76. package/dist/basic/RadioButtonList.js.map +1 -1
  77. package/dist/basic/RefreshLock.js +76 -60
  78. package/dist/basic/RefreshLock.js.map +1 -1
  79. package/dist/basic/Row.js +41 -43
  80. package/dist/basic/Row.js.map +1 -1
  81. package/dist/basic/Swipe.js +94 -101
  82. package/dist/basic/Swipe.js.map +1 -1
  83. package/dist/basic/Switch.js +58 -105
  84. package/dist/basic/Switch.js.map +1 -1
  85. package/dist/basic/TableRepeater.js +42 -43
  86. package/dist/basic/TableRepeater.js.map +1 -1
  87. package/dist/basic/ToggleButtonBar.js +58 -71
  88. package/dist/basic/ToggleButtonBar.js.map +1 -1
  89. package/dist/basic/Tooltip.js +89 -81
  90. package/dist/basic/Tooltip.js.map +1 -1
  91. package/dist/basic/combineClasses.js +12 -16
  92. package/dist/basic/combineClasses.js.map +1 -1
  93. package/dist/basic/in-built/InBuiltStyles.js +44 -43
  94. package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
  95. package/dist/button-bar/AtomButtonBar.js +40 -50
  96. package/dist/button-bar/AtomButtonBar.js.map +1 -1
  97. package/dist/buttons/AtomPopupButton.js +18 -18
  98. package/dist/buttons/AtomPopupButton.js.map +1 -1
  99. package/dist/buttons/AtomPopupButtonStyle.js +28 -29
  100. package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
  101. package/dist/calendar/AtomCalendar.js +93 -61
  102. package/dist/calendar/AtomCalendar.js.map +1 -1
  103. package/dist/calendar/AtomCalendarStyle.js +165 -136
  104. package/dist/calendar/AtomCalendarStyle.js.map +1 -1
  105. package/dist/calendar/CalendarViewModel.js +105 -114
  106. package/dist/calendar/CalendarViewModel.js.map +1 -1
  107. package/dist/calendar/res/SRCalendar.js +85 -51
  108. package/dist/calendar/res/SRCalendar.js.map +1 -1
  109. package/dist/calendar/res/en-US/SRCalendar.js +74 -39
  110. package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
  111. package/dist/data-grid/AtomColumn.js +55 -72
  112. package/dist/data-grid/AtomColumn.js.map +1 -1
  113. package/dist/data-grid/AtomDataGrid.js +64 -63
  114. package/dist/data-grid/AtomDataGrid.js.map +1 -1
  115. package/dist/data-grid/AtomDataGridStyle.js +50 -50
  116. package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
  117. package/dist/data-grid/AtomDataGridViewModel.js +71 -77
  118. package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
  119. package/dist/data-grid/GridTemplate.js +64 -66
  120. package/dist/data-grid/GridTemplate.js.map +1 -1
  121. package/dist/data-pager/AtomDataPager.js +104 -94
  122. package/dist/data-pager/AtomDataPager.js.map +1 -1
  123. package/dist/date-field/AtomDateField.js +52 -47
  124. package/dist/date-field/AtomDateField.js.map +1 -1
  125. package/dist/desktop-app/DesktopApp.js +87 -123
  126. package/dist/desktop-app/DesktopApp.js.map +1 -1
  127. package/dist/form/AtomField.js +131 -133
  128. package/dist/form/AtomField.js.map +1 -1
  129. package/dist/form/AtomForm.js +84 -98
  130. package/dist/form/AtomForm.js.map +1 -1
  131. package/dist/form/AtomFormGroup.js +15 -19
  132. package/dist/form/AtomFormGroup.js.map +1 -1
  133. package/dist/form/AtomFormStyle.js +67 -67
  134. package/dist/form/AtomFormStyle.js.map +1 -1
  135. package/dist/form/HelpPopup.js +23 -19
  136. package/dist/form/HelpPopup.js.map +1 -1
  137. package/dist/html-editor/AtomHtmlEditor.js +295 -383
  138. package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
  139. package/dist/html-editor/commands/AddImage.js +79 -65
  140. package/dist/html-editor/commands/AddImage.js.map +1 -1
  141. package/dist/html-editor/commands/AddLink.js +98 -88
  142. package/dist/html-editor/commands/AddLink.js.map +1 -1
  143. package/dist/html-editor/commands/Align.js +40 -23
  144. package/dist/html-editor/commands/Align.js.map +1 -1
  145. package/dist/html-editor/commands/AttachFile.js +93 -73
  146. package/dist/html-editor/commands/AttachFile.js.map +1 -1
  147. package/dist/html-editor/commands/Bold.js +23 -19
  148. package/dist/html-editor/commands/Bold.js.map +1 -1
  149. package/dist/html-editor/commands/ChangeColor.js +55 -144
  150. package/dist/html-editor/commands/ChangeColor.js.map +1 -1
  151. package/dist/html-editor/commands/ChangeFont.js +67 -75
  152. package/dist/html-editor/commands/ChangeFont.js.map +1 -1
  153. package/dist/html-editor/commands/ChangeFontSize.js +32 -21
  154. package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
  155. package/dist/html-editor/commands/Command.js +53 -39
  156. package/dist/html-editor/commands/Command.js.map +1 -1
  157. package/dist/html-editor/commands/CommandButton.js +93 -56
  158. package/dist/html-editor/commands/CommandButton.js.map +1 -1
  159. package/dist/html-editor/commands/Headings.js +42 -25
  160. package/dist/html-editor/commands/Headings.js.map +1 -1
  161. package/dist/html-editor/commands/HorizontalRule.js +22 -19
  162. package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
  163. package/dist/html-editor/commands/HtmlCommands.js +73 -76
  164. package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
  165. package/dist/html-editor/commands/IndentLess.js +23 -19
  166. package/dist/html-editor/commands/IndentLess.js.map +1 -1
  167. package/dist/html-editor/commands/IndentMore.js +23 -19
  168. package/dist/html-editor/commands/IndentMore.js.map +1 -1
  169. package/dist/html-editor/commands/Italic.js +23 -19
  170. package/dist/html-editor/commands/Italic.js.map +1 -1
  171. package/dist/html-editor/commands/NumberedList.js +23 -19
  172. package/dist/html-editor/commands/NumberedList.js.map +1 -1
  173. package/dist/html-editor/commands/Quote.js +23 -19
  174. package/dist/html-editor/commands/Quote.js.map +1 -1
  175. package/dist/html-editor/commands/RemoveFormat.js +23 -19
  176. package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
  177. package/dist/html-editor/commands/Separator.js +24 -27
  178. package/dist/html-editor/commands/Separator.js.map +1 -1
  179. package/dist/html-editor/commands/Source.js +95 -67
  180. package/dist/html-editor/commands/Source.js.map +1 -1
  181. package/dist/html-editor/commands/StrikeThrough.js +23 -19
  182. package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
  183. package/dist/html-editor/commands/Underline.js +23 -19
  184. package/dist/html-editor/commands/Underline.js.map +1 -1
  185. package/dist/html-editor/commands/Unlink.js +24 -23
  186. package/dist/html-editor/commands/Unlink.js.map +1 -1
  187. package/dist/html-editor/commands/UnorderedList.js +23 -19
  188. package/dist/html-editor/commands/UnorderedList.js.map +1 -1
  189. package/dist/mobile/pages/AtomPageFrame.js +177 -192
  190. package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
  191. package/dist/mobile/pages/AtomPageFrameStyle.js +56 -54
  192. package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
  193. package/dist/mobile/pages/AtomPageFrameTemplate.js +48 -32
  194. package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
  195. package/dist/mobile/pages/Page.js +23 -23
  196. package/dist/mobile/pages/Page.js.map +1 -1
  197. package/dist/mobile/pages/PageFrameViewModel.js +154 -148
  198. package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
  199. package/dist/mobile/pages/TitleTemplate.js +22 -22
  200. package/dist/mobile/pages/TitleTemplate.js.map +1 -1
  201. package/dist/mobile-app/BottomPopup.js +206 -240
  202. package/dist/mobile-app/BottomPopup.js.map +1 -1
  203. package/dist/mobile-app/MobileApp.js +552 -654
  204. package/dist/mobile-app/MobileApp.js.map +1 -1
  205. package/dist/player/AtomVideoPlayer.js +221 -267
  206. package/dist/player/AtomVideoPlayer.js.map +1 -1
  207. package/dist/player/TrackProgress.js +28 -27
  208. package/dist/player/TrackProgress.js.map +1 -1
  209. package/dist/setupBridge.js +74 -98
  210. package/dist/setupBridge.js.map +1 -1
  211. package/dist/switch/AtomSwitch.js +43 -37
  212. package/dist/switch/AtomSwitch.js.map +1 -1
  213. package/dist/switch/AtomSwitchStyle.js +68 -68
  214. package/dist/switch/AtomSwitchStyle.js.map +1 -1
  215. package/dist/time-field/AtomTimeField.js +97 -83
  216. package/dist/time-field/AtomTimeField.js.map +1 -1
  217. package/dist/time-field/AtomTimeFieldStyle.js +24 -25
  218. package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
  219. package/dist/toggle-view/AtomToggleView.js +96 -115
  220. package/dist/toggle-view/AtomToggleView.js.map +1 -1
  221. package/dist/tsconfig.tsbuildinfo +1 -1
  222. package/package.json +2 -1
  223. package/src/PageNavigator.ts +2 -2
@@ -1,92 +1,106 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var __metadata = (this && this.__metadata) || function (k, v) {
8
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
- };
10
- (function (factory) {
11
- if (typeof module === "object" && typeof module.exports === "object") {
12
- var v = factory(require, exports);
13
- if (v !== undefined) module.exports = v;
1
+ System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/PropertyBinding", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/controls/AtomToggleButtonBar", "@web-atoms/date-time/dist/TimeSpan", "./AtomTimeFieldStyle"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var Bind, BindableProperty, PropertyBinding, XNode, AtomControl, AtomToggleButtonBar, TimeSpan, AtomTimeFieldStyle, AtomTimeField, __decorate, __metadata, zones;
5
+ function toTimeString(ts) {
6
+ const h = ts.zone === "AM" ? ts.hour : ts.hour + 12;
7
+ const t = new TimeSpan(0, h, ts.minutes);
8
+ return t.toString(true);
9
+ }
10
+ function fromTimeString(t, ti) {
11
+ if (!t) {
12
+ return ti;
14
13
  }
15
- else if (typeof define === "function" && define.amd) {
16
- define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/PropertyBinding", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/controls/AtomToggleButtonBar", "@web-atoms/date-time/dist/TimeSpan", "./AtomTimeFieldStyle"], factory);
17
- }
18
- })(function (require, exports) {
19
- "use strict";
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- const Bind_1 = require("@web-atoms/core/dist/core/Bind");
22
- const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
23
- const PropertyBinding_1 = require("@web-atoms/core/dist/core/PropertyBinding");
24
- const XNode_1 = require("@web-atoms/core/dist/core/XNode");
25
- const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
26
- const AtomToggleButtonBar_1 = require("@web-atoms/core/dist/web/controls/AtomToggleButtonBar");
27
- const TimeSpan_1 = require("@web-atoms/date-time/dist/TimeSpan");
28
- const AtomTimeFieldStyle_1 = require("./AtomTimeFieldStyle");
29
- const zones = [
30
- { label: "AM", value: "AM" },
31
- { label: "PM", value: "PM" }
32
- ];
33
- function toTimeString(ts) {
34
- const h = ts.zone === "AM" ? ts.hour : ts.hour + 12;
35
- const t = new TimeSpan_1.default(0, h, ts.minutes);
36
- return t.toString(true);
37
- }
38
- function fromTimeString(t, ti) {
39
- if (!t) {
40
- return ti;
41
- }
42
- const ts = TimeSpan_1.default.parse(t);
43
- const isMorning = ts.totalMinutes < 12 * 60;
44
- ti = ti || {};
45
- ti.hour = isMorning ? ts.hours : ts.hours - 12;
46
- ti.minutes = ts.minutes;
47
- ti.zone = isMorning ? "AM" : "PM";
48
- return ti;
49
- }
50
- class AtomTimeField extends AtomControl_1.AtomControl {
14
+ const ts = TimeSpan.parse(t);
15
+ const isMorning = ts.totalMinutes < 12 * 60;
16
+ ti = ti || {};
17
+ ti.hour = isMorning ? ts.hours : ts.hours - 12;
18
+ ti.minutes = ts.minutes;
19
+ ti.zone = isMorning ? "AM" : "PM";
20
+ return ti;
21
+ }
22
+ _export("default", void 0);
23
+ return {
24
+ setters: [function (_webAtomsCoreDistCoreBind) {
25
+ Bind = _webAtomsCoreDistCoreBind.default;
26
+ }, function (_webAtomsCoreDistCoreBindableProperty) {
27
+ BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
28
+ }, function (_webAtomsCoreDistCorePropertyBinding) {
29
+ PropertyBinding = _webAtomsCoreDistCorePropertyBinding.PropertyBinding;
30
+ }, function (_webAtomsCoreDistCoreXNode) {
31
+ XNode = _webAtomsCoreDistCoreXNode.default;
32
+ }, function (_webAtomsCoreDistWebControlsAtomControl) {
33
+ AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
34
+ }, function (_webAtomsCoreDistWebControlsAtomToggleButtonBar) {
35
+ AtomToggleButtonBar = _webAtomsCoreDistWebControlsAtomToggleButtonBar.AtomToggleButtonBar;
36
+ }, function (_webAtomsDateTimeDistTimeSpan) {
37
+ TimeSpan = _webAtomsDateTimeDistTimeSpan.default;
38
+ }, function (_AtomTimeFieldStyle) {
39
+ AtomTimeFieldStyle = _AtomTimeFieldStyle.default;
40
+ }],
41
+ execute: function () {
42
+ __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
43
+ var c = arguments.length,
44
+ r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
45
+ d;
46
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
47
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
48
+ };
49
+ __metadata = void 0 && (void 0).__metadata || function (k, v) {
50
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
51
+ };
52
+ zones = [{
53
+ label: "AM",
54
+ value: "AM"
55
+ }, {
56
+ label: "PM",
57
+ value: "PM"
58
+ }];
59
+ _export("default", AtomTimeField = class AtomTimeField extends AtomControl {
51
60
  preCreate() {
52
- super.preCreate();
53
- this.defaultControlStyle = AtomTimeFieldStyle_1.default;
54
- this.registerDisposable(new PropertyBinding_1.PropertyBinding(this, this.element, "time", [["this", "ts"]], true, {
55
- fromSource: (v) => toTimeString(v),
56
- fromTarget: (v) => fromTimeString(v, this.ts)
57
- }, this));
61
+ super.preCreate();
62
+ this.defaultControlStyle = AtomTimeFieldStyle;
63
+ this.registerDisposable(new PropertyBinding(this, this.element, "time", [["this", "ts"]], true, {
64
+ fromSource: v => toTimeString(v),
65
+ fromTarget: v => fromTimeString(v, this.ts)
66
+ }, this));
58
67
  }
59
68
  create() {
60
- this.render(XNode_1.default.create("div", { class: this.controlStyle.name, time: Bind_1.default.oneWay(() => this.changed(this.ts.hour, this.ts.minutes, this.ts.zone)) },
61
- XNode_1.default.create("input", { class: "hour", type: "number", max: "12", min: "0", value: Bind_1.default.twoWaysImmediate(() => this.ts.hour) }),
62
- XNode_1.default.create("input", { class: "minutes", type: "number", min: "0", max: "59", value: Bind_1.default.twoWaysImmediate(() => this.ts.minutes) }),
63
- XNode_1.default.create(AtomToggleButtonBar_1.AtomToggleButtonBar, { items: zones, value: Bind_1.default.twoWays(() => this.ts.zone) })));
69
+ this.render(XNode.create("div", {
70
+ class: this.controlStyle.name,
71
+ time: Bind.oneWay(() => this.changed(this.ts.hour, this.ts.minutes, this.ts.zone))
72
+ }, XNode.create("input", {
73
+ class: "hour",
74
+ type: "number",
75
+ max: "12",
76
+ min: "0",
77
+ value: Bind.twoWaysImmediate(() => this.ts.hour)
78
+ }), XNode.create("input", {
79
+ class: "minutes",
80
+ type: "number",
81
+ min: "0",
82
+ max: "59",
83
+ value: Bind.twoWaysImmediate(() => this.ts.minutes)
84
+ }), XNode.create(AtomToggleButtonBar, {
85
+ items: zones,
86
+ value: Bind.twoWays(() => this.ts.zone)
87
+ })));
64
88
  }
65
89
  changed(hour, minutes, zone) {
66
- const n = { hour, minutes, zone };
67
- return toTimeString(n);
90
+ const n = {
91
+ hour,
92
+ minutes,
93
+ zone
94
+ };
95
+ return toTimeString(n);
68
96
  }
97
+ });
98
+ __decorate([BindableProperty, __metadata("design:type", String)], AtomTimeField.prototype, "time", void 0);
99
+ __decorate([BindableProperty, __metadata("design:type", Number)], AtomTimeField.prototype, "hour", void 0);
100
+ __decorate([BindableProperty, __metadata("design:type", Number)], AtomTimeField.prototype, "minutes", void 0);
101
+ __decorate([BindableProperty, __metadata("design:type", String)], AtomTimeField.prototype, "zone", void 0);
102
+ __decorate([BindableProperty, __metadata("design:type", Object)], AtomTimeField.prototype, "ts", void 0);
69
103
  }
70
- __decorate([
71
- BindableProperty_1.BindableProperty,
72
- __metadata("design:type", String)
73
- ], AtomTimeField.prototype, "time", void 0);
74
- __decorate([
75
- BindableProperty_1.BindableProperty,
76
- __metadata("design:type", Number)
77
- ], AtomTimeField.prototype, "hour", void 0);
78
- __decorate([
79
- BindableProperty_1.BindableProperty,
80
- __metadata("design:type", Number)
81
- ], AtomTimeField.prototype, "minutes", void 0);
82
- __decorate([
83
- BindableProperty_1.BindableProperty,
84
- __metadata("design:type", String)
85
- ], AtomTimeField.prototype, "zone", void 0);
86
- __decorate([
87
- BindableProperty_1.BindableProperty,
88
- __metadata("design:type", Object)
89
- ], AtomTimeField.prototype, "ts", void 0);
90
- exports.default = AtomTimeField;
91
- });
104
+ };
105
+ });
92
106
  //# sourceMappingURL=AtomTimeField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AtomTimeField.js","sourceRoot":"","sources":["../../src/time-field/AtomTimeField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"mappings":"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","names":["AtomTimeField","toTimeString","ts","h","zone","hour","t","TimeSpan","minutes","toString","fromTimeString","ti","parse","isMorning","totalMinutes","hours","Bind","BindableProperty","PropertyBinding","XNode","AtomControl","AtomToggleButtonBar","AtomTimeFieldStyle","zones","label","value","preCreate","defaultControlStyle","registerDisposable","element","fromSource","v","fromTarget","create","render","class","controlStyle","name","time","oneWay","changed","type","max","min","twoWaysImmediate","items","twoWays","n","__decorate"],"sourceRoot":"","sources":["../../src/time-field/AtomTimeField.tsx"],"sourcesContent":[null]}
@@ -1,29 +1,28 @@
1
- (function (factory) {
2
- if (typeof module === "object" && typeof module.exports === "object") {
3
- var v = factory(require, exports);
4
- if (v !== undefined) module.exports = v;
5
- }
6
- else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "@web-atoms/core/dist/web/styles/AtomStyle"], factory);
8
- }
9
- })(function (require, exports) {
10
- "use strict";
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- const AtomStyle_1 = require("@web-atoms/core/dist/web/styles/AtomStyle");
13
- class AtomTimeFieldStyle extends AtomStyle_1.AtomStyle {
1
+ System.register(["@web-atoms/core/dist/web/styles/AtomStyle"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var AtomStyle, AtomTimeFieldStyle;
5
+ _export("default", void 0);
6
+ return {
7
+ setters: [function (_webAtomsCoreDistWebStylesAtomStyle) {
8
+ AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
9
+ }],
10
+ execute: function () {
11
+ _export("default", AtomTimeFieldStyle = class AtomTimeFieldStyle extends AtomStyle {
14
12
  get root() {
15
- return {
16
- subclasses: {
17
- " .minutes": {
18
- maxWidth: "50px"
19
- },
20
- " .hour": {
21
- maxWidth: "50px"
22
- }
23
- }
24
- };
13
+ return {
14
+ subclasses: {
15
+ " .minutes": {
16
+ maxWidth: "50px"
17
+ },
18
+ " .hour": {
19
+ maxWidth: "50px"
20
+ }
21
+ }
22
+ };
25
23
  }
24
+ });
26
25
  }
27
- exports.default = AtomTimeFieldStyle;
28
- });
26
+ };
27
+ });
29
28
  //# sourceMappingURL=AtomTimeFieldStyle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AtomTimeFieldStyle.js","sourceRoot":"","sources":["../../src/time-field/AtomTimeFieldStyle.ts"],"names":[],"mappings":";;;;;;;;;;;IAAA,yEAAsE;IAGtE,MAAqB,kBAAmB,SAAQ,qBAAS;QAErD,IAAW,IAAI;YACX,OAAO;gBACH,UAAU,EAAE;oBACR,WAAW,EAAE;wBACT,QAAQ,EAAE,MAAM;qBACnB;oBACD,QAAQ,EAAE;wBACN,QAAQ,EAAE,MAAM;qBACnB;iBACJ;aACJ,CAAC;QACN,CAAC;KACJ;IAdD,qCAcC"}
1
+ {"version":3,"mappings":";;;iBAGqBA,kBAAmB;EAAA;EAAA;IAAA;MAH/BC,SAAS,uCAATA,SAAS;IAAA;IAAA;MAAA,mBAGGD,kBAAmB,GAA1B,MAAOA,kBAAmB,SAAQC,SAAS;QAErD,IAAWC,IAAI;UACX,OAAO;YACHC,UAAU,EAAE;cACR,WAAW,EAAE;gBACTC,QAAQ,EAAE;eACb;cACD,QAAQ,EAAE;gBACNA,QAAQ,EAAE;;;WAGrB;QACL;OACH;IAAA;EAAA;AAAA","names":["AtomTimeFieldStyle","AtomStyle","root","subclasses","maxWidth"],"sourceRoot":"","sources":["../../src/time-field/AtomTimeFieldStyle.ts"],"sourcesContent":[null]}
@@ -1,121 +1,102 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var __metadata = (this && this.__metadata) || function (k, v) {
8
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
- };
10
- (function (factory) {
11
- if (typeof module === "object" && typeof module.exports === "object") {
12
- var v = factory(require, exports);
13
- if (v !== undefined) module.exports = v;
14
- }
15
- else if (typeof define === "function" && define.amd) {
16
- define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@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/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], factory);
17
- }
18
- })(function (require, exports) {
19
- "use strict";
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.ToggleView = void 0;
22
- const Bind_1 = require("@web-atoms/core/dist/core/Bind");
23
- const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
24
- const Colors_1 = require("@web-atoms/core/dist/core/Colors");
25
- const XNode_1 = require("@web-atoms/core/dist/core/XNode");
26
- const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
27
- const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
28
- const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
29
- function ToggleView({ icon, label }, node) {
30
- return XNode_1.default.create("div", null,
31
- XNode_1.default.create("div", null,
32
- XNode_1.default.create("i", { class: icon }),
33
- XNode_1.default.create("label", { text: label })),
34
- XNode_1.default.create("div", null, node));
35
- }
36
- exports.ToggleView = ToggleView;
37
- const css = (0, CSS_1.default)((0, StyleRule_1.default)()
38
- .flexStretch()
39
- .verticalFlexLayout({ alignItems: "stretch" })
40
- .overflow("hidden")
41
- .child((0, StyleRule_1.default)(".toolbar")
42
- .flexLayout({ gap: 0 })
43
- .alignSelf("center")
44
- .child((0, StyleRule_1.default)(".item")
45
- .flexLayout({ inline: true })
46
- .border("solid 1px lightgray")
47
- .padding(5)
48
- .child((0, StyleRule_1.default)("label")
49
- .whiteSpace("nowrap")
50
- .marginBottom(0))
51
- .and((0, StyleRule_1.default)(".selected")
52
- .backgroundColor(Colors_1.default.darkBlue)
53
- .color(Colors_1.default.white))
54
- .and((0, StyleRule_1.default)(":first-child")
55
- .borderTopLeftRadius(10)
56
- .borderBottomLeftRadius(10)).and((0, StyleRule_1.default)(":last-child")
57
- .borderTopRightRadius(10)
58
- .borderBottomRightRadius(10))))
59
- .child((0, StyleRule_1.default)(".presenter")
60
- .flexStretch()
61
- .display("grid")
62
- .gridTemplateColumns("1fr")
63
- .gridTemplateRows("1fr")
64
- .overflow("hidden")
65
- .child((0, StyleRule_1.default)("*")
66
- .gridRowStart("1")
67
- .gridColumnStart("1")
68
- .transition("transform 0.3s")
69
- .overflow("auto")
70
- .padding(5))
71
- .child((0, StyleRule_1.default)(".left")
72
- .transform("translate(-100%, 0)"))
73
- .child((0, StyleRule_1.default)(".right")
74
- .transform("translate(100%, 0)"))
75
- .child((0, StyleRule_1.default)(".selected")
76
- .transform("translate(0, 0)"))), "div[data-wa-toggle-view=wa-toggle-view]");
77
- class AtomToggleView extends AtomControl_1.AtomControl {
1
+ System.register(["@web-atoms/core/dist/core/Bind", "@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/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var Bind, BindableProperty, Colors, XNode, StyleRule, AtomControl, CSS, AtomToggleView, __decorate, __metadata, css;
5
+ function ToggleView({
6
+ icon,
7
+ label
8
+ }, node) {
9
+ return XNode.create("div", null, XNode.create("div", null, XNode.create("i", {
10
+ class: icon
11
+ }), XNode.create("label", {
12
+ text: label
13
+ })), XNode.create("div", null, node));
14
+ }
15
+ _export({
16
+ ToggleView: ToggleView,
17
+ default: void 0
18
+ });
19
+ return {
20
+ setters: [function (_webAtomsCoreDistCoreBind) {
21
+ Bind = _webAtomsCoreDistCoreBind.default;
22
+ }, function (_webAtomsCoreDistCoreBindableProperty) {
23
+ BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
24
+ }, function (_webAtomsCoreDistCoreColors) {
25
+ Colors = _webAtomsCoreDistCoreColors.default;
26
+ }, function (_webAtomsCoreDistCoreXNode) {
27
+ XNode = _webAtomsCoreDistCoreXNode.default;
28
+ }, function (_webAtomsCoreDistStyleStyleRule) {
29
+ StyleRule = _webAtomsCoreDistStyleStyleRule.default;
30
+ }, function (_webAtomsCoreDistWebControlsAtomControl) {
31
+ AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
32
+ }, function (_webAtomsCoreDistWebStylesCSS) {
33
+ CSS = _webAtomsCoreDistWebStylesCSS.default;
34
+ }],
35
+ execute: function () {
36
+ __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
37
+ var c = arguments.length,
38
+ r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
39
+ d;
40
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
41
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
42
+ };
43
+ __metadata = void 0 && (void 0).__metadata || function (k, v) {
44
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
45
+ };
46
+ css = CSS(StyleRule().flexStretch().verticalFlexLayout({
47
+ alignItems: "stretch"
48
+ }).overflow("hidden").child(StyleRule(".toolbar").flexLayout({
49
+ gap: 0
50
+ }).alignSelf("center").child(StyleRule(".item").flexLayout({
51
+ inline: true
52
+ }).border("solid 1px lightgray").padding(5).child(StyleRule("label").whiteSpace("nowrap").marginBottom(0)).and(StyleRule(".selected").backgroundColor(Colors.darkBlue).color(Colors.white)).and(StyleRule(":first-child").borderTopLeftRadius(10).borderBottomLeftRadius(10)).and(StyleRule(":last-child").borderTopRightRadius(10).borderBottomRightRadius(10)))).child(StyleRule(".presenter").flexStretch().display("grid").gridTemplateColumns("1fr").gridTemplateRows("1fr").overflow("hidden").child(StyleRule("*").gridRowStart("1").gridColumnStart("1").transition("transform 0.3s").overflow("auto").padding(5)).child(StyleRule(".left").transform("translate(-100%, 0)")).child(StyleRule(".right").transform("translate(100%, 0)")).child(StyleRule(".selected").transform("translate(0, 0)"))), "div[data-wa-toggle-view=wa-toggle-view]");
53
+ _export("default", AtomToggleView = class AtomToggleView extends AtomControl {
78
54
  preCreate() {
79
- this.selectedIndex = 0;
55
+ this.selectedIndex = 0;
80
56
  }
81
57
  render(node, e, creator) {
82
- var _a, _b;
83
- this.render = super.render;
84
- super.render(XNode_1.default.create("div", Object.assign({ "data-wa-toggle-view": "wa-toggle-view" }, node.attributes),
85
- XNode_1.default.create("div", { class: "toolbar" }),
86
- XNode_1.default.create("div", { class: "presenter" })));
87
- const toolbar = this.element.getElementsByClassName("toolbar")[0];
88
- const presenter = this.element.getElementsByClassName("presenter")[0];
89
- let index = 0;
90
- for (const iterator of node.children) {
91
- const { 0: label, 1: view } = iterator.children;
92
- const i = index++;
93
- (_a = label.attributes) !== null && _a !== void 0 ? _a : (label.attributes = {});
94
- (_b = view.attributes) !== null && _b !== void 0 ? _b : (view.attributes = {});
95
- label.attributes.eventClick = Bind_1.default.event(() => this.selectedIndex = i);
96
- label.attributes.styleClass = Bind_1.default.oneWay(() => ({
97
- item: 1,
98
- selected: i === this.selectedIndex
99
- }));
100
- view.attributes.styleClass = Bind_1.default.oneWay(() => ({
101
- left: i < this.selectedIndex,
102
- right: i > this.selectedIndex,
103
- selected: i === this.selectedIndex
104
- }));
105
- const l = document.createElement("div");
106
- toolbar.appendChild(l);
107
- this.render(label, l, this);
108
- const p = document.createElement("div");
109
- presenter.appendChild(p);
110
- this.render(view, p, this);
111
- index++;
112
- }
58
+ var _a, _b;
59
+ this.render = super.render;
60
+ super.render(XNode.create("div", Object.assign({
61
+ "data-wa-toggle-view": "wa-toggle-view"
62
+ }, node.attributes), XNode.create("div", {
63
+ class: "toolbar"
64
+ }), XNode.create("div", {
65
+ class: "presenter"
66
+ })));
67
+ const toolbar = this.element.getElementsByClassName("toolbar")[0];
68
+ const presenter = this.element.getElementsByClassName("presenter")[0];
69
+ let index = 0;
70
+ for (const iterator of node.children) {
71
+ const {
72
+ 0: label,
73
+ 1: view
74
+ } = iterator.children;
75
+ const i = index++;
76
+ (_a = label.attributes) !== null && _a !== void 0 ? _a : label.attributes = {};
77
+ (_b = view.attributes) !== null && _b !== void 0 ? _b : view.attributes = {};
78
+ label.attributes.eventClick = Bind.event(() => this.selectedIndex = i);
79
+ label.attributes.styleClass = Bind.oneWay(() => ({
80
+ item: 1,
81
+ selected: i === this.selectedIndex
82
+ }));
83
+ view.attributes.styleClass = Bind.oneWay(() => ({
84
+ left: i < this.selectedIndex,
85
+ right: i > this.selectedIndex,
86
+ selected: i === this.selectedIndex
87
+ }));
88
+ const l = document.createElement("div");
89
+ toolbar.appendChild(l);
90
+ this.render(label, l, this);
91
+ const p = document.createElement("div");
92
+ presenter.appendChild(p);
93
+ this.render(view, p, this);
94
+ index++;
95
+ }
113
96
  }
97
+ });
98
+ __decorate([BindableProperty, __metadata("design:type", Number)], AtomToggleView.prototype, "selectedIndex", void 0);
114
99
  }
115
- __decorate([
116
- BindableProperty_1.BindableProperty,
117
- __metadata("design:type", Number)
118
- ], AtomToggleView.prototype, "selectedIndex", void 0);
119
- exports.default = AtomToggleView;
120
- });
100
+ };
101
+ });
121
102
  //# sourceMappingURL=AtomToggleView.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AtomToggleView.js","sourceRoot":"","sources":["../../src/toggle-view/AtomToggleView.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"mappings":"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","names":["AtomToggleView","ToggleView","icon","label","node","XNode","class","text","Bind","BindableProperty","Colors","StyleRule","AtomControl","CSS","css","flexStretch","verticalFlexLayout","alignItems","overflow","child","flexLayout","gap","alignSelf","inline","border","padding","whiteSpace","marginBottom","and","backgroundColor","darkBlue","color","white","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","display","gridTemplateColumns","gridTemplateRows","gridRowStart","gridColumnStart","transition","transform","preCreate","selectedIndex","render","e","creator","attributes","toolbar","element","getElementsByClassName","presenter","index","iterator","children","view","i","eventClick","event","styleClass","oneWay","item","selected","left","right","l","document","createElement","appendChild","p","__decorate"],"sourceRoot":"","sources":["../../src/toggle-view/AtomToggleView.tsx"],"sourcesContent":[null]}