@web-atoms/web-controls 2.3.108 → 2.3.110

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 (306) hide show
  1. package/dist/animations/Animations.d.ts.map +1 -1
  2. package/dist/animations/Animations.js +34 -8
  3. package/dist/animations/Animations.js.map +1 -1
  4. package/dist/basic/CheckBoxList.d.ts +1 -0
  5. package/dist/basic/CheckBoxList.d.ts.map +1 -1
  6. package/dist/basic/CheckBoxList.js +3 -16
  7. package/dist/basic/CheckBoxList.js.map +1 -1
  8. package/dist/basic/Checkbox.d.ts +1 -0
  9. package/dist/basic/Checkbox.d.ts.map +1 -1
  10. package/dist/basic/Checkbox.js +5 -11
  11. package/dist/basic/Checkbox.js.map +1 -1
  12. package/dist/basic/Chip.d.ts +1 -0
  13. package/dist/basic/Chip.d.ts.map +1 -1
  14. package/dist/basic/Chip.js +4 -12
  15. package/dist/basic/Chip.js.map +1 -1
  16. package/dist/basic/DataGrid.d.ts +1 -0
  17. package/dist/basic/DataGrid.d.ts.map +1 -1
  18. package/dist/basic/DataGrid.js +3 -10
  19. package/dist/basic/DataGrid.js.map +1 -1
  20. package/dist/basic/DateField.d.ts +1 -0
  21. package/dist/basic/DateField.d.ts.map +1 -1
  22. package/dist/basic/DateField.js +3 -14
  23. package/dist/basic/DateField.js.map +1 -1
  24. package/dist/basic/DropDown.d.ts +1 -0
  25. package/dist/basic/DropDown.d.ts.map +1 -1
  26. package/dist/basic/DropDown.js +3 -11
  27. package/dist/basic/DropDown.js.map +1 -1
  28. package/dist/basic/Expander.d.ts +1 -0
  29. package/dist/basic/Expander.d.ts.map +1 -1
  30. package/dist/basic/Expander.js +3 -9
  31. package/dist/basic/Expander.js.map +1 -1
  32. package/dist/basic/Form.d.ts +29 -73
  33. package/dist/basic/Form.d.ts.map +1 -1
  34. package/dist/basic/Form.js +85 -283
  35. package/dist/basic/Form.js.map +1 -1
  36. package/dist/basic/FormField.d.ts +1 -0
  37. package/dist/basic/FormField.d.ts.map +1 -1
  38. package/dist/basic/FormField.js +3 -14
  39. package/dist/basic/FormField.js.map +1 -1
  40. package/dist/basic/InlinePopup.d.ts +1 -0
  41. package/dist/basic/InlinePopup.d.ts.map +1 -1
  42. package/dist/basic/InlinePopup.js +2 -4
  43. package/dist/basic/InlinePopup.js.map +1 -1
  44. package/dist/basic/ListRepeater.d.ts +1 -0
  45. package/dist/basic/ListRepeater.d.ts.map +1 -1
  46. package/dist/basic/ListRepeater.js +3 -8
  47. package/dist/basic/ListRepeater.js.map +1 -1
  48. package/dist/basic/MaskedInput.d.ts +1 -0
  49. package/dist/basic/MaskedInput.d.ts.map +1 -1
  50. package/dist/basic/MaskedInput.js +3 -8
  51. package/dist/basic/MaskedInput.js.map +1 -1
  52. package/dist/basic/MaskedInputDiv.d.ts +1 -0
  53. package/dist/basic/MaskedInputDiv.d.ts.map +1 -1
  54. package/dist/basic/MaskedInputDiv.js +3 -16
  55. package/dist/basic/MaskedInputDiv.js.map +1 -1
  56. package/dist/basic/OldForm.d.ts +79 -0
  57. package/dist/basic/OldForm.d.ts.map +1 -0
  58. package/dist/basic/OldForm.js +318 -0
  59. package/dist/basic/OldForm.js.map +1 -0
  60. package/dist/basic/PasswordBox.d.ts +1 -0
  61. package/dist/basic/PasswordBox.d.ts.map +1 -1
  62. package/dist/basic/PasswordBox.js +3 -8
  63. package/dist/basic/PasswordBox.js.map +1 -1
  64. package/dist/basic/PinchZoomView.d.ts +1 -0
  65. package/dist/basic/PinchZoomView.d.ts.map +1 -1
  66. package/dist/basic/PinchZoomView.js +3 -13
  67. package/dist/basic/PinchZoomView.js.map +1 -1
  68. package/dist/basic/PopupButton.d.ts +1 -0
  69. package/dist/basic/PopupButton.d.ts.map +1 -1
  70. package/dist/basic/PopupButton.js +3 -13
  71. package/dist/basic/PopupButton.js.map +1 -1
  72. package/dist/basic/RadioButtonList.d.ts +1 -0
  73. package/dist/basic/RadioButtonList.d.ts.map +1 -1
  74. package/dist/basic/RadioButtonList.js +4 -17
  75. package/dist/basic/RadioButtonList.js.map +1 -1
  76. package/dist/basic/Swipe.d.ts +1 -0
  77. package/dist/basic/Swipe.d.ts.map +1 -1
  78. package/dist/basic/Swipe.js +3 -9
  79. package/dist/basic/Swipe.js.map +1 -1
  80. package/dist/basic/Switch.d.ts +4 -0
  81. package/dist/basic/Switch.d.ts.map +1 -1
  82. package/dist/basic/Switch.js +4 -23
  83. package/dist/basic/Switch.js.map +1 -1
  84. package/dist/basic/TableRepeater.d.ts.map +1 -1
  85. package/dist/basic/TableRepeater.js +2 -7
  86. package/dist/basic/TableRepeater.js.map +1 -1
  87. package/dist/basic/TimeEditor.d.ts +1 -0
  88. package/dist/basic/TimeEditor.d.ts.map +1 -1
  89. package/dist/basic/TimeEditor.js +3 -13
  90. package/dist/basic/TimeEditor.js.map +1 -1
  91. package/dist/basic/TitleEditor.d.ts +1 -0
  92. package/dist/basic/TitleEditor.d.ts.map +1 -1
  93. package/dist/basic/TitleEditor.js +3 -8
  94. package/dist/basic/TitleEditor.js.map +1 -1
  95. package/dist/basic/ToggleButtonBar.d.ts +1 -0
  96. package/dist/basic/ToggleButtonBar.d.ts.map +1 -1
  97. package/dist/basic/ToggleButtonBar.js +3 -10
  98. package/dist/basic/ToggleButtonBar.js.map +1 -1
  99. package/dist/basic/Tooltip.d.ts +1 -0
  100. package/dist/basic/Tooltip.d.ts.map +1 -1
  101. package/dist/basic/Tooltip.js +3 -8
  102. package/dist/basic/Tooltip.js.map +1 -1
  103. package/dist/basic/styles/check-box-list-style.d.ts +2 -0
  104. package/dist/basic/styles/check-box-list-style.d.ts.map +1 -0
  105. package/dist/basic/styles/check-box-list-style.js +66 -0
  106. package/dist/basic/styles/check-box-list-style.js.map +1 -0
  107. package/dist/basic/styles/checkbox-style.d.ts +2 -0
  108. package/dist/basic/styles/checkbox-style.d.ts.map +1 -0
  109. package/dist/basic/styles/checkbox-style.js +33 -0
  110. package/dist/basic/styles/checkbox-style.js.map +1 -0
  111. package/dist/basic/styles/chip-style.d.ts +2 -0
  112. package/dist/basic/styles/chip-style.d.ts.map +1 -0
  113. package/dist/basic/styles/chip-style.js +84 -0
  114. package/dist/basic/styles/chip-style.js.map +1 -0
  115. package/dist/basic/styles/data-grid-style.d.ts +2 -0
  116. package/dist/basic/styles/data-grid-style.d.ts.map +1 -0
  117. package/dist/basic/styles/data-grid-style.js +46 -0
  118. package/dist/basic/styles/data-grid-style.js.map +1 -0
  119. package/dist/basic/styles/date-field-style.d.ts +2 -0
  120. package/dist/basic/styles/date-field-style.d.ts.map +1 -0
  121. package/dist/basic/styles/date-field-style.js +80 -0
  122. package/dist/basic/styles/date-field-style.js.map +1 -0
  123. package/dist/basic/styles/drop-down-style.d.ts +2 -0
  124. package/dist/basic/styles/drop-down-style.d.ts.map +1 -0
  125. package/dist/basic/styles/drop-down-style.js +24 -0
  126. package/dist/basic/styles/drop-down-style.js.map +1 -0
  127. package/dist/basic/styles/expander-style.d.ts +2 -0
  128. package/dist/basic/styles/expander-style.d.ts.map +1 -0
  129. package/dist/basic/styles/expander-style.js +138 -0
  130. package/dist/basic/styles/expander-style.js.map +1 -0
  131. package/dist/basic/styles/form-field-style.d.ts +2 -0
  132. package/dist/basic/styles/form-field-style.d.ts.map +1 -0
  133. package/dist/basic/styles/form-field-style.js +146 -0
  134. package/dist/basic/styles/form-field-style.js.map +1 -0
  135. package/dist/basic/styles/inline-popup-style.d.ts +2 -0
  136. package/dist/basic/styles/inline-popup-style.d.ts.map +1 -0
  137. package/dist/basic/styles/inline-popup-style.js +28 -0
  138. package/dist/basic/styles/inline-popup-style.js.map +1 -0
  139. package/dist/basic/styles/list-repeater-style.d.ts +2 -0
  140. package/dist/basic/styles/list-repeater-style.d.ts.map +1 -0
  141. package/dist/basic/styles/list-repeater-style.js +36 -0
  142. package/dist/basic/styles/list-repeater-style.js.map +1 -0
  143. package/dist/basic/styles/masked-input-div.d.ts +2 -0
  144. package/dist/basic/styles/masked-input-div.d.ts.map +1 -0
  145. package/dist/basic/styles/masked-input-div.js +52 -0
  146. package/dist/basic/styles/masked-input-div.js.map +1 -0
  147. package/dist/basic/styles/masked-input-style.d.ts +2 -0
  148. package/dist/basic/styles/masked-input-style.d.ts.map +1 -0
  149. package/dist/basic/styles/masked-input-style.js +19 -0
  150. package/dist/basic/styles/masked-input-style.js.map +1 -0
  151. package/dist/basic/styles/password-box-style.d.ts +2 -0
  152. package/dist/basic/styles/password-box-style.d.ts.map +1 -0
  153. package/dist/basic/styles/password-box-style.js +35 -0
  154. package/dist/basic/styles/password-box-style.js.map +1 -0
  155. package/dist/basic/styles/pinch-zoom-view-style.d.ts +2 -0
  156. package/dist/basic/styles/pinch-zoom-view-style.d.ts.map +1 -0
  157. package/dist/basic/styles/pinch-zoom-view-style.js +61 -0
  158. package/dist/basic/styles/pinch-zoom-view-style.js.map +1 -0
  159. package/dist/basic/styles/popup-button-style.d.ts +2 -0
  160. package/dist/basic/styles/popup-button-style.d.ts.map +1 -0
  161. package/dist/basic/styles/popup-button-style.js +40 -0
  162. package/dist/basic/styles/popup-button-style.js.map +1 -0
  163. package/dist/basic/styles/radio-button-list-style.d.ts +2 -0
  164. package/dist/basic/styles/radio-button-list-style.d.ts.map +1 -0
  165. package/dist/basic/styles/radio-button-list-style.js +44 -0
  166. package/dist/basic/styles/radio-button-list-style.js.map +1 -0
  167. package/dist/basic/styles/swipe-style.d.ts +2 -0
  168. package/dist/basic/styles/swipe-style.d.ts.map +1 -0
  169. package/dist/basic/styles/swipe-style.js +32 -0
  170. package/dist/basic/styles/swipe-style.js.map +1 -0
  171. package/dist/basic/styles/switch-style.d.ts +2 -0
  172. package/dist/basic/styles/switch-style.d.ts.map +1 -0
  173. package/dist/basic/styles/switch-style.js +127 -0
  174. package/dist/basic/styles/switch-style.js.map +1 -0
  175. package/dist/basic/styles/time-editor-style.d.ts +2 -0
  176. package/dist/basic/styles/time-editor-style.d.ts.map +1 -0
  177. package/dist/basic/styles/time-editor-style.js +64 -0
  178. package/dist/basic/styles/time-editor-style.js.map +1 -0
  179. package/dist/basic/styles/title-editor-style.d.ts +2 -0
  180. package/dist/basic/styles/title-editor-style.d.ts.map +1 -0
  181. package/dist/basic/styles/title-editor-style.js +45 -0
  182. package/dist/basic/styles/title-editor-style.js.map +1 -0
  183. package/dist/basic/styles/toggle-button-bar-style.d.ts +2 -0
  184. package/dist/basic/styles/toggle-button-bar-style.d.ts.map +1 -0
  185. package/dist/basic/styles/toggle-button-bar-style.js +48 -0
  186. package/dist/basic/styles/toggle-button-bar-style.js.map +1 -0
  187. package/dist/basic/styles/toggle-view-style.d.ts +2 -0
  188. package/dist/basic/styles/toggle-view-style.d.ts.map +1 -0
  189. package/dist/basic/styles/toggle-view-style.js +91 -0
  190. package/dist/basic/styles/toggle-view-style.js.map +1 -0
  191. package/dist/basic/styles/tooltip-style.d.ts +2 -0
  192. package/dist/basic/styles/tooltip-style.d.ts.map +1 -0
  193. package/dist/basic/styles/tooltip-style.js +21 -0
  194. package/dist/basic/styles/tooltip-style.js.map +1 -0
  195. package/dist/html-editor/InlineHtmlEditor.d.ts.map +1 -1
  196. package/dist/html-editor/InlineHtmlEditor.js +29 -7
  197. package/dist/html-editor/InlineHtmlEditor.js.map +1 -1
  198. package/dist/mobile-app/BottomPopup.d.ts.map +1 -1
  199. package/dist/mobile-app/BottomPopup.js +76 -14
  200. package/dist/mobile-app/BottomPopup.js.map +1 -1
  201. package/dist/mobile-app/MobileApp.d.ts.map +1 -1
  202. package/dist/mobile-app/MobileApp.js +226 -26
  203. package/dist/mobile-app/MobileApp.js.map +1 -1
  204. package/dist/player/AtomVideoPlayer.d.ts.map +1 -1
  205. package/dist/player/AtomVideoPlayer.js +160 -13
  206. package/dist/player/AtomVideoPlayer.js.map +1 -1
  207. package/dist/toggle-view/AtomToggleView.d.ts +1 -0
  208. package/dist/toggle-view/AtomToggleView.d.ts.map +1 -1
  209. package/dist/toggle-view/AtomToggleView.js +3 -16
  210. package/dist/toggle-view/AtomToggleView.js.map +1 -1
  211. package/dist/tsconfig.tsbuildinfo +1 -1
  212. package/package.json +2 -2
  213. package/src/animations/Animations.ts +32 -28
  214. package/src/basic/CheckBoxList.tsx +22 -20
  215. package/src/basic/Checkbox.tsx +2 -26
  216. package/src/basic/Chip.tsx +2 -61
  217. package/src/basic/DataGrid.tsx +32 -30
  218. package/src/basic/DateField.tsx +1 -54
  219. package/src/basic/DropDown.tsx +1 -6
  220. package/src/basic/Expander.tsx +2 -115
  221. package/src/basic/Form.tsx +89 -383
  222. package/src/basic/FormField.tsx +1 -117
  223. package/src/basic/InlinePopup.tsx +1 -16
  224. package/src/basic/ListRepeater.tsx +1 -26
  225. package/src/basic/MaskedInput.tsx +2 -17
  226. package/src/basic/MaskedInputDiv.tsx +2 -41
  227. package/src/basic/OldForm.tsx +424 -0
  228. package/src/basic/PasswordBox.tsx +1 -22
  229. package/src/basic/PinchZoomView.tsx +2 -41
  230. package/src/basic/PopupButton.tsx +1 -19
  231. package/src/basic/RadioButtonList.tsx +1 -17
  232. package/src/basic/Swipe.tsx +1 -21
  233. package/src/basic/Switch.tsx +2 -83
  234. package/src/basic/TableRepeater.tsx +0 -3
  235. package/src/basic/TimeEditor.tsx +2 -40
  236. package/src/basic/TitleEditor.tsx +1 -28
  237. package/src/basic/ToggleButtonBar.tsx +1 -30
  238. package/src/basic/Tooltip.tsx +2 -5
  239. package/src/basic/styles/check-box-list-style.ts +58 -0
  240. package/src/basic/styles/checkbox-style.ts +22 -0
  241. package/src/basic/styles/chip-style.ts +73 -0
  242. package/src/basic/styles/data-grid-style.ts +35 -0
  243. package/src/basic/styles/date-field-style.ts +69 -0
  244. package/src/basic/styles/drop-down-style.ts +13 -0
  245. package/src/basic/styles/expander-style.ts +128 -0
  246. package/src/basic/styles/form-field-style.ts +136 -0
  247. package/src/basic/styles/inline-popup-style.ts +19 -0
  248. package/src/basic/styles/list-repeater-style.ts +25 -0
  249. package/src/basic/styles/masked-input-div.ts +41 -0
  250. package/src/basic/styles/masked-input-style.ts +8 -0
  251. package/src/basic/styles/password-box-style.ts +24 -0
  252. package/src/basic/styles/pinch-zoom-view-style.ts +50 -0
  253. package/src/basic/styles/popup-button-style.ts +30 -0
  254. package/src/basic/styles/radio-button-list-style.ts +34 -0
  255. package/src/basic/styles/swipe-style.ts +22 -0
  256. package/src/basic/styles/switch-style.ts +116 -0
  257. package/src/basic/styles/time-editor-style.ts +53 -0
  258. package/src/basic/styles/title-editor-style.ts +34 -0
  259. package/src/basic/styles/toggle-button-bar-style.ts +37 -0
  260. package/src/basic/styles/toggle-view-style.ts +80 -0
  261. package/src/basic/styles/tooltip-style.ts +10 -0
  262. package/src/html-editor/InlineHtmlEditor.tsx +26 -16
  263. package/src/mobile-app/BottomPopup.tsx +73 -68
  264. package/src/mobile-app/MobileApp.tsx +227 -174
  265. package/src/player/AtomVideoPlayer.tsx +157 -141
  266. package/src/toggle-view/AtomToggleView.tsx +3 -53
  267. package/dist/basic/Form2.d.ts +0 -27
  268. package/dist/basic/Form2.d.ts.map +0 -1
  269. package/dist/basic/Form2.js +0 -120
  270. package/dist/basic/Form2.js.map +0 -1
  271. package/dist/basic/FormDialog.d.ts +0 -4
  272. package/dist/basic/FormDialog.d.ts.map +0 -1
  273. package/dist/basic/FormDialog.js +0 -32
  274. package/dist/basic/FormDialog.js.map +0 -1
  275. package/dist/basic/Input.d.ts +0 -5
  276. package/dist/basic/Input.d.ts.map +0 -1
  277. package/dist/basic/Input.js +0 -30
  278. package/dist/basic/Input.js.map +0 -1
  279. package/dist/basic/Mix.d.ts +0 -10
  280. package/dist/basic/Mix.d.ts.map +0 -1
  281. package/dist/basic/Mix.js +0 -31
  282. package/dist/basic/Mix.js.map +0 -1
  283. package/dist/basic/Panel.d.ts +0 -6
  284. package/dist/basic/Panel.d.ts.map +0 -1
  285. package/dist/basic/Panel.js +0 -37
  286. package/dist/basic/Panel.js.map +0 -1
  287. package/dist/basic/Row.d.ts +0 -15
  288. package/dist/basic/Row.d.ts.map +0 -1
  289. package/dist/basic/Row.js +0 -43
  290. package/dist/basic/Row.js.map +0 -1
  291. package/dist/switch/AtomSwitch.d.ts +0 -7
  292. package/dist/switch/AtomSwitch.d.ts.map +0 -1
  293. package/dist/switch/AtomSwitch.js +0 -42
  294. package/dist/switch/AtomSwitch.js.map +0 -1
  295. package/dist/switch/AtomSwitchStyle.d.ts +0 -8
  296. package/dist/switch/AtomSwitchStyle.d.ts.map +0 -1
  297. package/dist/switch/AtomSwitchStyle.js +0 -80
  298. package/dist/switch/AtomSwitchStyle.js.map +0 -1
  299. package/src/basic/Form2.tsx +0 -121
  300. package/src/basic/FormDialog.tsx +0 -28
  301. package/src/basic/Input.tsx +0 -30
  302. package/src/basic/Mix.tsx +0 -25
  303. package/src/basic/Panel.tsx +0 -43
  304. package/src/basic/Row.tsx +0 -49
  305. package/src/switch/AtomSwitch.tsx +0 -24
  306. package/src/switch/AtomSwitchStyle.ts +0 -71
@@ -0,0 +1,84 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+ padding: 1px;
12
+ padding-left: 5px;
13
+ padding-right: 5px;
14
+ border-radius: 10px;
15
+ display: grid;
16
+ align-items: center;
17
+ grid-template-rows: auto 1fr;
18
+ grid-template-columns: auto 1fr auto;
19
+
20
+ & > [data-content] {
21
+ grid-row-start: 2;
22
+ grid-column-start: 2;
23
+ }
24
+
25
+ & > .icon {
26
+ grid-column-start: 1;
27
+ grid-row-start: 1;
28
+ grid-row-end: span 2;
29
+ padding: 2px;
30
+ padding-right: 4px;
31
+ align-self: center;
32
+ }
33
+
34
+ & > .delete {
35
+ grid-column-start: 3;
36
+ grid-row-start: 1;
37
+ grid-row-end: span 2;
38
+ align-self: center;
39
+ font-size: small;
40
+ background-color: transparent;
41
+ border-radius: 4px;
42
+ padding: 2px;
43
+ padding-left: 4px;
44
+ color: gray;
45
+ &:hover {
46
+ background-color: lightgray;
47
+ color: red;
48
+ }
49
+ }
50
+
51
+ & > .header {
52
+ font-size: x-small;
53
+ grid-row-start: 1;
54
+ grid-column-start: 2;
55
+ }
56
+
57
+ & > .label {
58
+ grid-row-start: 2;
59
+ grid-column-start: 2;
60
+ }
61
+
62
+ & > .delete-strike {
63
+ grid-row: 1 / span 2;
64
+ grid-column: 1 / span 2;
65
+ height: 2px;
66
+ background-color: red;
67
+ align-self: center;
68
+ }
69
+
70
+ &[data-deleted=false] {
71
+ & > .delete-strike {
72
+ display: none;
73
+ }
74
+ }
75
+
76
+ &[data-deleted=true] {
77
+ border: solid 1px red;
78
+ background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='red' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='red' stroke-width='1'/></svg>");
79
+ }
80
+ `.installGlobal("*[data-item-chip]");
81
+ }
82
+ };
83
+ });
84
+ //# sourceMappingURL=chip-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/chip-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEd,CAACC,aAAa,CAAC,mBAAmB,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data-grid-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"data-grid-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/data-grid-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,46 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+ & > thead {
12
+ & > tr[data-header=header] {
13
+ & > th {
14
+ & > i[data-sort] {
15
+ margin-right: 5px;
16
+ margin-left: 3px;
17
+ opacity: 0.5;
18
+ }
19
+ & > input[type=checkbox] {
20
+ margin: 5px;
21
+ }
22
+ }
23
+ }
24
+ }
25
+
26
+ & > tbody {
27
+ & > tr[data-item-index] {
28
+ &:hover {
29
+ background-color: rgba(135,206,250,0.3);
30
+ }
31
+ &[data-selected-item=true] {
32
+ background-color: rgba(211,211,211,0.4);
33
+ }
34
+ & > td[data-ellipsis] {
35
+ max-width: 200px;
36
+ overflow: hidden;
37
+ text-overflow: ellipsis;
38
+ white-space: nowrap;
39
+ }
40
+ }
41
+ }
42
+ `.installGlobal("table[data-data-grid=data-grid]");
43
+ }
44
+ };
45
+ });
46
+ //# sourceMappingURL=data-grid-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/data-grid-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCV,CAACC,aAAa,CAAC,iCAAiC,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=date-field-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-field-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/date-field-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,80 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+
12
+ display: inline-block;
13
+ cursor: pointer;
14
+ text-align: left;
15
+
16
+ &:hover {
17
+ text-decoration: underline;
18
+ color: #0000ff;
19
+ }
20
+
21
+ & .calendar-popup {
22
+ display: grid;
23
+ grid-template-columns: 1fr auto;
24
+ grid-template-rows: 1fr auto auto;
25
+ gap: 7px;
26
+ }
27
+
28
+ & .calendar-popup > [data-calendar] {
29
+ grid-row: 1;
30
+ grid-column: 1 / span 2;
31
+ }
32
+
33
+ & .calendar-popup > .time-editor {
34
+ padding-left: 5px;
35
+ grid-row: 2;
36
+ flex-direction: row;
37
+ align-items: center;
38
+ justify-content: start;
39
+ gap: 4px;
40
+ display: flex;
41
+ }
42
+
43
+ & .calendar-popup > .time-editor [data-item-index] {
44
+ padding-top: 0px;
45
+ padding-bottom: 0px;
46
+ }
47
+
48
+ & .calendar-popup > .time-editor select {
49
+ border: none;
50
+ outline: none;
51
+ }
52
+
53
+ & .calendar-popup > .clear {
54
+ grid-column: 1;
55
+ grid-row: 3;
56
+ justify-self: start;
57
+ border: none;
58
+ outline: none;
59
+ background-color: transparent;
60
+ color: var(--accent-color, blue);
61
+ padding-left: 5px;
62
+ margin-left: 0px;
63
+ }
64
+
65
+ & .calendar-popup > .today {
66
+ grid-row: 3;
67
+ grid-column: 2;
68
+ justify-self: end;
69
+ border: none;
70
+ outline: none;
71
+ background-color: transparent;
72
+ color: var(--accent-color, blue);
73
+ padding-left: 5px;
74
+ margin-left: 0px;
75
+ }
76
+ `.installGlobal("*[data-date-field=date-field]");
77
+ }
78
+ };
79
+ });
80
+ //# sourceMappingURL=date-field-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/date-field-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkEV,CAACC,aAAa,CAAC,+BAA+B,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=drop-down-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drop-down-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/drop-down-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,24 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+ display: inline-flex;
12
+ flex-direction: row;
13
+ gap: 4px;
14
+ align-items: center;
15
+ justify-content: stretch;
16
+
17
+ & [data-white-space=nowrap] {
18
+ white-space: nowrap;
19
+ }
20
+ `.installLocal("div[data-drop-down=drop-down]");
21
+ }
22
+ };
23
+ });
24
+ //# sourceMappingURL=drop-down-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installLocal"],"sources":["../../../src/basic/styles/drop-down-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;KAUV,CAACC,YAAY,CAAC,+BAA+B,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=expander-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"expander-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/expander-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,138 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+
12
+ display: grid;
13
+ grid-template-rows: auto 1fr;
14
+ grid-template-columns: auto 1fr auto;
15
+ align-items: center;
16
+
17
+ & > [data-element=icon] {
18
+ grid-column-start: 1;
19
+ grid-row-start: 1;
20
+ padding: 5px;
21
+ margin-right: 5px;
22
+ align-self: center;
23
+ justify-self: center; }
24
+
25
+ & > [data-element=header] {
26
+ grid-row-start: 1;
27
+ grid-column-start: 2; }
28
+
29
+ & > [data-element=caret] {
30
+ grid-row-start: 1;
31
+ grid-column-start: 3;
32
+ padding: 5px;
33
+ margin-left: 5px; }
34
+
35
+ & > [data-element=detail] {
36
+ grid-row-start: 2;
37
+ grid-column-start: 1;
38
+ grid-column-end: span 3;
39
+ margin-top: 5px; }
40
+
41
+ &[data-is-expanded=true] {
42
+ & > [data-element=caret] {
43
+ overflow: hidden;
44
+ transform: rotate(-180deg);
45
+ transition: transform 150ms ease;
46
+ transform-origin: center center;
47
+ }
48
+ }
49
+
50
+ &[data-is-expanded=false] {
51
+ & > [data-element=caret] {
52
+ overflow: hidden;
53
+ transform: rotate(-360deg);
54
+ transform-origin: center center;
55
+ transition: transform 150ms ease;
56
+ }
57
+ & > *[data-element=detail] {
58
+ display: none;
59
+ }
60
+ }
61
+ `.installGlobal("*[data-is-expander=expander]");
62
+ styled.css`
63
+
64
+ display: grid;
65
+ grid-template-columns: auto auto 1fr auto;
66
+ align-items: center;
67
+ gap: 0px;
68
+
69
+ & > [data-element=icon] {
70
+ grid-column-start: 1;
71
+ grid-column-end: span 2;
72
+ grid-row-start: 1;
73
+ padding: 5px;
74
+ align-self: center;
75
+ justify-self: center;
76
+ }
77
+
78
+ & > [data-element=header] {
79
+ grid-row-start: 1;
80
+ grid-column-start: 3;
81
+ }
82
+
83
+ & > [data-element=caret] {
84
+ grid-row-start: 1;
85
+ grid-column-start: 4;
86
+ padding: 5px;
87
+ margin-left: 5px;
88
+ }
89
+
90
+ & > [data-element=detail] {
91
+ grid-row-start: 2;
92
+ grid-column-start: 2;
93
+ grid-column-end: span 3;
94
+ padding-left: 20px;
95
+ padding-top: 5px;
96
+ border-left-style: solid;
97
+ border-left-width: 1px;
98
+ border-left-color: var(--border-color, lightgray);
99
+ border-top-left-radius: 0px;
100
+ border-bottom-left-radius: 0px;
101
+ border-bottom-width: 0px;
102
+ border-top-width: 0px;
103
+ margin-top: 0px;
104
+ margin-bottom: 0px;
105
+
106
+ &[data-selected=true] {
107
+ font-weight: bold;
108
+ border-left-color: var(--accent-color, darkgray);
109
+ border-left-width: medium;
110
+ }
111
+ }
112
+
113
+ &[data-is-expanded=true] {
114
+ & > [data-element=caret] {
115
+ overflow: hidden;
116
+ transform: rotate(-180deg);
117
+ transition: transform 150ms ease;
118
+ transform-origin: center center;
119
+ }
120
+ }
121
+
122
+ &[data-is-expanded=false] {
123
+ & > [data-element=caret] {
124
+ overflow: hidden;
125
+ transform: rotate(-360deg);
126
+ transform-origin: center center;
127
+ transition: transform 150ms ease;
128
+ }
129
+ & > *[data-element=detail] {
130
+ display: none;
131
+ }
132
+ }
133
+
134
+ `.installGlobal("*[data-is-expander=menu]");
135
+ }
136
+ };
137
+ });
138
+ //# sourceMappingURL=expander-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/expander-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDV,CAACC,aAAa,CAAC,8BAA8B,CAAC;MAE/CL,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEV,CAACC,aAAa,CAAC,0BAA0B,CAAC;IAAA;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=form-field-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-field-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/form-field-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,146 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+
12
+ display: grid;
13
+ align-items: center;
14
+ grid-template-columns: auto 1fr auto auto;
15
+ grid-template-rows: auto auto auto;
16
+
17
+ & > [data-element=label] {
18
+ grid-row: 1;
19
+ grid-column: 1;
20
+ }
21
+
22
+ & > [data-element=content] {
23
+ grid-row-start: 2;
24
+ grid-column-start: 1;
25
+ grid-column-end: span 2;
26
+ margin-top: 5px;
27
+ margin-bottom: 5px; }
28
+
29
+ &[data-border=true] input {
30
+ border: none;
31
+ outline: none; }
32
+
33
+ &[data-border=true] textarea {
34
+ border: none;
35
+ outline: none; }
36
+
37
+ &[data-border=true] select {
38
+ border: none; }
39
+
40
+ & > i[data-border=border] {
41
+ grid-column-start: 1;
42
+ grid-column-end: span 3;
43
+ grid-row-start: 3;
44
+ align-self: flex-end;
45
+ border-bottom-style: solid;
46
+ border-bottom-width: 1px;
47
+ border-bottom-color: #d3d3d3;
48
+ }
49
+
50
+ &[data-focused=true] > i[data-border=border] {
51
+ border-bottom-color: #000000;
52
+ }
53
+
54
+ & > i[data-help=help] {
55
+ grid-row-start: 2;
56
+ grid-column-start: 3;
57
+ padding: 5px;
58
+ font-size: x-large;
59
+ cursor: pointer;
60
+ margin-left: auto;
61
+ color: #90ee90;
62
+ }
63
+
64
+ & > .field-error {
65
+ grid-row-start: 4;
66
+ grid-column-start: 1;
67
+ grid-column-end: span 3;
68
+ padding: 5px;
69
+ margin: 5px;
70
+ border-radius: 9999px;
71
+ background-color: #ff0000;
72
+ color: #ffffff;
73
+ font-size: smaller;
74
+ }
75
+
76
+ & > .field-error:empty {
77
+ display: none;
78
+ }
79
+
80
+ & > span[data-required=required] {
81
+ grid-column-start: 2;
82
+ grid-row: 1;
83
+ visibility: hidden;
84
+ color: #ff0000;
85
+
86
+ &.true {
87
+ visibility: visible;
88
+ }
89
+ }
90
+
91
+ &[data-layout=horizontal] {
92
+
93
+ grid-template-columns: auto auto 1fr auto;
94
+ grid-template-rows: auto auto;
95
+
96
+ & > label.label {
97
+ grid-row-start: 2;
98
+ margin-right: 5px;
99
+ margin-bottom: 5px;
100
+ }
101
+
102
+ & > [data-content=content] {
103
+ grid-row-start: 2;
104
+ grid-column-start: 3;
105
+ margin-top: 0px;
106
+ margin-bottom: 5px;
107
+ }
108
+
109
+ & > i[data-help=help] {
110
+ grid-row-start: 2;
111
+ grid-column-start: 4;
112
+ }
113
+
114
+ & > .field-error {
115
+ grid-row-start: 4;
116
+ grid-column-start: 1;
117
+ grid-column-end: span 3;
118
+ }
119
+
120
+ & > span[data-required=required] {
121
+ grid-row-start: 2;
122
+ grid-column-start: 2;
123
+ margin-right: 5px;
124
+ display: none;
125
+ color: #ff0000;
126
+
127
+ &.true {
128
+ display: inline;
129
+ }
130
+ }
131
+ }
132
+
133
+ `.installGlobal("[data-wa-form-field=wa-form-field]");
134
+ styled.css`
135
+ overflow: auto;
136
+ padding: 10px;
137
+ display: flex;
138
+ flex-direction: column;
139
+ align-items: center;
140
+ justify-content: flex-start;
141
+ gap: 4px;
142
+ `.installGlobal("[data-form-field-help=help-window]");
143
+ }
144
+ };
145
+ });
146
+ //# sourceMappingURL=form-field-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/form-field-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Hd,CAACC,aAAa,CAAC,oCAAoC,CAAC;MAEjDL,MAAM,CAACI,GAAI;;;;;;;;KAQV,CAACC,aAAa,CAAC,oCAAoC,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=inline-popup-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inline-popup-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/inline-popup-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,28 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+ position: absolute;
12
+ border-radius: 5px;
13
+ padding: 5px;
14
+ box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;
15
+ border: solid 1px rgba(0, 0, 0, 0.05);
16
+ z-index: 5000;
17
+ background-color: var(--primary-bg, white);
18
+ color: var(--primary-color, darkgray);
19
+ left: 0;
20
+ `.installGlobal("*[data-inline-popup=inline-popup]");
21
+ styled.css`
22
+ right: 0;
23
+ left: unset;
24
+ `.installGlobal("*[data-alignment=bottom-right] > [data-inline-popup=inline-popup]");
25
+ }
26
+ };
27
+ });
28
+ //# sourceMappingURL=inline-popup-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/inline-popup-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;KAUV,CAACC,aAAa,CAAC,mCAAmC,CAAC;MAEpDL,MAAM,CAACI,GAAI;;;KAGV,CAACC,aAAa,CAAC,mEAAmE,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=list-repeater-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"list-repeater-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/list-repeater-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,36 @@
1
+ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
2
+ "use strict";
3
+
4
+ var styled;
5
+ return {
6
+ setters: [function (_webAtomsCoreDistStyleStyled) {
7
+ styled = _webAtomsCoreDistStyleStyled.default;
8
+ }],
9
+ execute: function () {
10
+ styled.css`
11
+
12
+ & > *[data-item-index] {
13
+ padding: 5px;
14
+ border-radius: 5px;
15
+ background-color: var(--list-bg-color);
16
+ color: var(--list-color);
17
+
18
+ &:hover {
19
+ background-color: var(--list-selected-bg-color-hover, lightgreen);
20
+ color: var(--list-selected-color-hover, inherit);
21
+ }
22
+
23
+ & > td {
24
+ padding : 5px;
25
+ }
26
+
27
+ &[data-selected-item=true] {
28
+ background-color: var(--list-selected-bg-color, lightgray);
29
+ color: var(--list-selected-color, inherit);
30
+ }
31
+ }
32
+ `.installGlobal("*[data-list-repeater=list-repeater]");
33
+ }
34
+ };
35
+ });
36
+ //# sourceMappingURL=list-repeater-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/list-repeater-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;KAsBV,CAACC,aAAa,CAAC,qCAAqC,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=masked-input-div.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"masked-input-div.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/masked-input-div.ts"],"names":[],"mappings":""}