@web-atoms/web-controls 2.3.109 → 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 (236) 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/Form.d.ts +29 -73
  5. package/dist/basic/Form.d.ts.map +1 -1
  6. package/dist/basic/Form.js +85 -283
  7. package/dist/basic/Form.js.map +1 -1
  8. package/dist/basic/FormField.d.ts +1 -0
  9. package/dist/basic/FormField.d.ts.map +1 -1
  10. package/dist/basic/FormField.js +3 -14
  11. package/dist/basic/FormField.js.map +1 -1
  12. package/dist/basic/InlinePopup.d.ts +1 -0
  13. package/dist/basic/InlinePopup.d.ts.map +1 -1
  14. package/dist/basic/InlinePopup.js +2 -4
  15. package/dist/basic/InlinePopup.js.map +1 -1
  16. package/dist/basic/ListRepeater.d.ts +1 -0
  17. package/dist/basic/ListRepeater.d.ts.map +1 -1
  18. package/dist/basic/ListRepeater.js +3 -8
  19. package/dist/basic/ListRepeater.js.map +1 -1
  20. package/dist/basic/MaskedInput.d.ts +1 -0
  21. package/dist/basic/MaskedInput.d.ts.map +1 -1
  22. package/dist/basic/MaskedInput.js +3 -8
  23. package/dist/basic/MaskedInput.js.map +1 -1
  24. package/dist/basic/MaskedInputDiv.d.ts +1 -0
  25. package/dist/basic/MaskedInputDiv.d.ts.map +1 -1
  26. package/dist/basic/MaskedInputDiv.js +3 -16
  27. package/dist/basic/MaskedInputDiv.js.map +1 -1
  28. package/dist/basic/OldForm.d.ts +79 -0
  29. package/dist/basic/OldForm.d.ts.map +1 -0
  30. package/dist/basic/OldForm.js +318 -0
  31. package/dist/basic/OldForm.js.map +1 -0
  32. package/dist/basic/PasswordBox.d.ts +1 -0
  33. package/dist/basic/PasswordBox.d.ts.map +1 -1
  34. package/dist/basic/PasswordBox.js +3 -8
  35. package/dist/basic/PasswordBox.js.map +1 -1
  36. package/dist/basic/PinchZoomView.d.ts +1 -0
  37. package/dist/basic/PinchZoomView.d.ts.map +1 -1
  38. package/dist/basic/PinchZoomView.js +3 -13
  39. package/dist/basic/PinchZoomView.js.map +1 -1
  40. package/dist/basic/PopupButton.d.ts +1 -0
  41. package/dist/basic/PopupButton.d.ts.map +1 -1
  42. package/dist/basic/PopupButton.js +3 -13
  43. package/dist/basic/PopupButton.js.map +1 -1
  44. package/dist/basic/RadioButtonList.d.ts +1 -0
  45. package/dist/basic/RadioButtonList.d.ts.map +1 -1
  46. package/dist/basic/RadioButtonList.js +4 -17
  47. package/dist/basic/RadioButtonList.js.map +1 -1
  48. package/dist/basic/Swipe.d.ts +1 -0
  49. package/dist/basic/Swipe.d.ts.map +1 -1
  50. package/dist/basic/Swipe.js +3 -9
  51. package/dist/basic/Swipe.js.map +1 -1
  52. package/dist/basic/Switch.d.ts +4 -0
  53. package/dist/basic/Switch.d.ts.map +1 -1
  54. package/dist/basic/Switch.js +4 -23
  55. package/dist/basic/Switch.js.map +1 -1
  56. package/dist/basic/TableRepeater.d.ts.map +1 -1
  57. package/dist/basic/TableRepeater.js +2 -7
  58. package/dist/basic/TableRepeater.js.map +1 -1
  59. package/dist/basic/TimeEditor.d.ts +1 -0
  60. package/dist/basic/TimeEditor.d.ts.map +1 -1
  61. package/dist/basic/TimeEditor.js +3 -13
  62. package/dist/basic/TimeEditor.js.map +1 -1
  63. package/dist/basic/TitleEditor.d.ts +1 -0
  64. package/dist/basic/TitleEditor.d.ts.map +1 -1
  65. package/dist/basic/TitleEditor.js +3 -8
  66. package/dist/basic/TitleEditor.js.map +1 -1
  67. package/dist/basic/ToggleButtonBar.d.ts +1 -0
  68. package/dist/basic/ToggleButtonBar.d.ts.map +1 -1
  69. package/dist/basic/ToggleButtonBar.js +3 -10
  70. package/dist/basic/ToggleButtonBar.js.map +1 -1
  71. package/dist/basic/Tooltip.d.ts +1 -0
  72. package/dist/basic/Tooltip.d.ts.map +1 -1
  73. package/dist/basic/Tooltip.js +3 -8
  74. package/dist/basic/Tooltip.js.map +1 -1
  75. package/dist/basic/styles/form-field-style.d.ts +2 -0
  76. package/dist/basic/styles/form-field-style.d.ts.map +1 -0
  77. package/dist/basic/styles/form-field-style.js +146 -0
  78. package/dist/basic/styles/form-field-style.js.map +1 -0
  79. package/dist/basic/styles/inline-popup-style.d.ts +2 -0
  80. package/dist/basic/styles/inline-popup-style.d.ts.map +1 -0
  81. package/dist/basic/styles/inline-popup-style.js +28 -0
  82. package/dist/basic/styles/inline-popup-style.js.map +1 -0
  83. package/dist/basic/styles/list-repeater-style.d.ts +2 -0
  84. package/dist/basic/styles/list-repeater-style.d.ts.map +1 -0
  85. package/dist/basic/styles/list-repeater-style.js +36 -0
  86. package/dist/basic/styles/list-repeater-style.js.map +1 -0
  87. package/dist/basic/styles/masked-input-div.d.ts +2 -0
  88. package/dist/basic/styles/masked-input-div.d.ts.map +1 -0
  89. package/dist/basic/styles/masked-input-div.js +52 -0
  90. package/dist/basic/styles/masked-input-div.js.map +1 -0
  91. package/dist/basic/styles/masked-input-style.d.ts +2 -0
  92. package/dist/basic/styles/masked-input-style.d.ts.map +1 -0
  93. package/dist/basic/styles/masked-input-style.js +19 -0
  94. package/dist/basic/styles/masked-input-style.js.map +1 -0
  95. package/dist/basic/styles/password-box-style.d.ts +2 -0
  96. package/dist/basic/styles/password-box-style.d.ts.map +1 -0
  97. package/dist/basic/styles/password-box-style.js +35 -0
  98. package/dist/basic/styles/password-box-style.js.map +1 -0
  99. package/dist/basic/styles/pinch-zoom-view-style.d.ts +2 -0
  100. package/dist/basic/styles/pinch-zoom-view-style.d.ts.map +1 -0
  101. package/dist/basic/styles/pinch-zoom-view-style.js +61 -0
  102. package/dist/basic/styles/pinch-zoom-view-style.js.map +1 -0
  103. package/dist/basic/styles/popup-button-style.d.ts +2 -0
  104. package/dist/basic/styles/popup-button-style.d.ts.map +1 -0
  105. package/dist/basic/styles/popup-button-style.js +40 -0
  106. package/dist/basic/styles/popup-button-style.js.map +1 -0
  107. package/dist/basic/styles/radio-button-list-style.d.ts +2 -0
  108. package/dist/basic/styles/radio-button-list-style.d.ts.map +1 -0
  109. package/dist/basic/styles/radio-button-list-style.js +44 -0
  110. package/dist/basic/styles/radio-button-list-style.js.map +1 -0
  111. package/dist/basic/styles/swipe-style.d.ts +2 -0
  112. package/dist/basic/styles/swipe-style.d.ts.map +1 -0
  113. package/dist/basic/styles/swipe-style.js +32 -0
  114. package/dist/basic/styles/swipe-style.js.map +1 -0
  115. package/dist/basic/styles/switch-style.d.ts +2 -0
  116. package/dist/basic/styles/switch-style.d.ts.map +1 -0
  117. package/dist/basic/styles/switch-style.js +127 -0
  118. package/dist/basic/styles/switch-style.js.map +1 -0
  119. package/dist/basic/styles/time-editor-style.d.ts +2 -0
  120. package/dist/basic/styles/time-editor-style.d.ts.map +1 -0
  121. package/dist/basic/styles/time-editor-style.js +64 -0
  122. package/dist/basic/styles/time-editor-style.js.map +1 -0
  123. package/dist/basic/styles/title-editor-style.d.ts +2 -0
  124. package/dist/basic/styles/title-editor-style.d.ts.map +1 -0
  125. package/dist/basic/styles/title-editor-style.js +45 -0
  126. package/dist/basic/styles/title-editor-style.js.map +1 -0
  127. package/dist/basic/styles/toggle-button-bar-style.d.ts +2 -0
  128. package/dist/basic/styles/toggle-button-bar-style.d.ts.map +1 -0
  129. package/dist/basic/styles/toggle-button-bar-style.js +48 -0
  130. package/dist/basic/styles/toggle-button-bar-style.js.map +1 -0
  131. package/dist/basic/styles/toggle-view-style.d.ts +2 -0
  132. package/dist/basic/styles/toggle-view-style.d.ts.map +1 -0
  133. package/dist/basic/styles/toggle-view-style.js +91 -0
  134. package/dist/basic/styles/toggle-view-style.js.map +1 -0
  135. package/dist/basic/styles/tooltip-style.d.ts +2 -0
  136. package/dist/basic/styles/tooltip-style.d.ts.map +1 -0
  137. package/dist/basic/styles/tooltip-style.js +21 -0
  138. package/dist/basic/styles/tooltip-style.js.map +1 -0
  139. package/dist/html-editor/InlineHtmlEditor.d.ts.map +1 -1
  140. package/dist/html-editor/InlineHtmlEditor.js +29 -7
  141. package/dist/html-editor/InlineHtmlEditor.js.map +1 -1
  142. package/dist/mobile-app/BottomPopup.d.ts.map +1 -1
  143. package/dist/mobile-app/BottomPopup.js +76 -14
  144. package/dist/mobile-app/BottomPopup.js.map +1 -1
  145. package/dist/mobile-app/MobileApp.d.ts.map +1 -1
  146. package/dist/mobile-app/MobileApp.js +226 -26
  147. package/dist/mobile-app/MobileApp.js.map +1 -1
  148. package/dist/player/AtomVideoPlayer.d.ts.map +1 -1
  149. package/dist/player/AtomVideoPlayer.js +160 -13
  150. package/dist/player/AtomVideoPlayer.js.map +1 -1
  151. package/dist/toggle-view/AtomToggleView.d.ts +1 -0
  152. package/dist/toggle-view/AtomToggleView.d.ts.map +1 -1
  153. package/dist/toggle-view/AtomToggleView.js +3 -16
  154. package/dist/toggle-view/AtomToggleView.js.map +1 -1
  155. package/dist/tsconfig.tsbuildinfo +1 -1
  156. package/package.json +2 -2
  157. package/src/animations/Animations.ts +32 -28
  158. package/src/basic/Form.tsx +89 -383
  159. package/src/basic/FormField.tsx +1 -117
  160. package/src/basic/InlinePopup.tsx +1 -16
  161. package/src/basic/ListRepeater.tsx +1 -26
  162. package/src/basic/MaskedInput.tsx +2 -17
  163. package/src/basic/MaskedInputDiv.tsx +2 -41
  164. package/src/basic/OldForm.tsx +424 -0
  165. package/src/basic/PasswordBox.tsx +1 -22
  166. package/src/basic/PinchZoomView.tsx +2 -41
  167. package/src/basic/PopupButton.tsx +1 -19
  168. package/src/basic/RadioButtonList.tsx +1 -17
  169. package/src/basic/Swipe.tsx +1 -21
  170. package/src/basic/Switch.tsx +2 -83
  171. package/src/basic/TableRepeater.tsx +0 -3
  172. package/src/basic/TimeEditor.tsx +2 -40
  173. package/src/basic/TitleEditor.tsx +1 -28
  174. package/src/basic/ToggleButtonBar.tsx +1 -30
  175. package/src/basic/Tooltip.tsx +2 -5
  176. package/src/basic/styles/form-field-style.ts +136 -0
  177. package/src/basic/styles/inline-popup-style.ts +19 -0
  178. package/src/basic/styles/list-repeater-style.ts +25 -0
  179. package/src/basic/styles/masked-input-div.ts +41 -0
  180. package/src/basic/styles/masked-input-style.ts +8 -0
  181. package/src/basic/styles/password-box-style.ts +24 -0
  182. package/src/basic/styles/pinch-zoom-view-style.ts +50 -0
  183. package/src/basic/styles/popup-button-style.ts +30 -0
  184. package/src/basic/styles/radio-button-list-style.ts +34 -0
  185. package/src/basic/styles/swipe-style.ts +22 -0
  186. package/src/basic/styles/switch-style.ts +116 -0
  187. package/src/basic/styles/time-editor-style.ts +53 -0
  188. package/src/basic/styles/title-editor-style.ts +34 -0
  189. package/src/basic/styles/toggle-button-bar-style.ts +37 -0
  190. package/src/basic/styles/toggle-view-style.ts +80 -0
  191. package/src/basic/styles/tooltip-style.ts +10 -0
  192. package/src/html-editor/InlineHtmlEditor.tsx +26 -16
  193. package/src/mobile-app/BottomPopup.tsx +73 -68
  194. package/src/mobile-app/MobileApp.tsx +227 -174
  195. package/src/player/AtomVideoPlayer.tsx +157 -141
  196. package/src/toggle-view/AtomToggleView.tsx +3 -53
  197. package/dist/basic/Form2.d.ts +0 -27
  198. package/dist/basic/Form2.d.ts.map +0 -1
  199. package/dist/basic/Form2.js +0 -120
  200. package/dist/basic/Form2.js.map +0 -1
  201. package/dist/basic/FormDialog.d.ts +0 -4
  202. package/dist/basic/FormDialog.d.ts.map +0 -1
  203. package/dist/basic/FormDialog.js +0 -32
  204. package/dist/basic/FormDialog.js.map +0 -1
  205. package/dist/basic/Input.d.ts +0 -5
  206. package/dist/basic/Input.d.ts.map +0 -1
  207. package/dist/basic/Input.js +0 -30
  208. package/dist/basic/Input.js.map +0 -1
  209. package/dist/basic/Mix.d.ts +0 -10
  210. package/dist/basic/Mix.d.ts.map +0 -1
  211. package/dist/basic/Mix.js +0 -31
  212. package/dist/basic/Mix.js.map +0 -1
  213. package/dist/basic/Panel.d.ts +0 -6
  214. package/dist/basic/Panel.d.ts.map +0 -1
  215. package/dist/basic/Panel.js +0 -37
  216. package/dist/basic/Panel.js.map +0 -1
  217. package/dist/basic/Row.d.ts +0 -15
  218. package/dist/basic/Row.d.ts.map +0 -1
  219. package/dist/basic/Row.js +0 -43
  220. package/dist/basic/Row.js.map +0 -1
  221. package/dist/switch/AtomSwitch.d.ts +0 -7
  222. package/dist/switch/AtomSwitch.d.ts.map +0 -1
  223. package/dist/switch/AtomSwitch.js +0 -42
  224. package/dist/switch/AtomSwitch.js.map +0 -1
  225. package/dist/switch/AtomSwitchStyle.d.ts +0 -8
  226. package/dist/switch/AtomSwitchStyle.d.ts.map +0 -1
  227. package/dist/switch/AtomSwitchStyle.js +0 -80
  228. package/dist/switch/AtomSwitchStyle.js.map +0 -1
  229. package/src/basic/Form2.tsx +0 -121
  230. package/src/basic/FormDialog.tsx +0 -28
  231. package/src/basic/Input.tsx +0 -30
  232. package/src/basic/Mix.tsx +0 -25
  233. package/src/basic/Panel.tsx +0 -43
  234. package/src/basic/Row.tsx +0 -49
  235. package/src/switch/AtomSwitch.tsx +0 -24
  236. package/src/switch/AtomSwitchStyle.ts +0 -71
@@ -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":""}
@@ -0,0 +1,52 @@
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;
12
+ position: relative;
13
+ padding-left: 2px;
14
+ padding-top: 2px;
15
+ font-family: monospace;
16
+
17
+ &::before {
18
+ position: absolute;
19
+ left: 2px;
20
+ top: 2px;
21
+ content: attr(data-label);
22
+ font-family: inherit;
23
+ font-weight: inherit;
24
+ font-size: inherit;
25
+ pointer-events: none;
26
+ }
27
+
28
+ &::after {
29
+ position: absolute;
30
+ left: 2px;
31
+ top: 2px;
32
+ content: attr(data-mask);
33
+ font-family: inherit;
34
+ font-weight: inherit;
35
+ font-size: inherit;
36
+ pointer-events: none;
37
+ opacity: 0.2;
38
+ }
39
+
40
+ * > input {
41
+ color: transparent;
42
+ caret-color: gray;
43
+ font-family: inherit;
44
+ font-weight: inherit;
45
+ font-size: inherit;
46
+ }
47
+
48
+ `.installGlobal();
49
+ }
50
+ };
51
+ });
52
+ //# sourceMappingURL=masked-input-div.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/masked-input-div.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsCV,CAACC,aAAa,EAAE;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=masked-input-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"masked-input-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/masked-input-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,19 @@
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: relative;
12
+ padding-left: 2px;
13
+ padding-top: 1px;
14
+ font-family: monospace;
15
+ `.installGlobal("input[data-mask]");
16
+ }
17
+ };
18
+ });
19
+ //# sourceMappingURL=masked-input-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/masked-input-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;KAKV,CAACC,aAAa,CAAC,kBAAkB,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=password-box-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"password-box-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/password-box-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,35 @@
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-grid;
13
+ grid-template-columns: 1fr 20px;
14
+
15
+ & > input {
16
+ grid-row: 1;
17
+ grid-column: 1 / span 2;
18
+
19
+ &::-ms-reveal {
20
+ display: none;
21
+ }
22
+ }
23
+
24
+ & > i {
25
+ grid-row: 1;
26
+ grid-column: 1;
27
+ align-self: center;
28
+ justify-self: center;
29
+ z-index: 2;
30
+ }
31
+ `.installGlobal("div[data-password-box=password-box]");
32
+ }
33
+ };
34
+ });
35
+ //# sourceMappingURL=password-box-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/password-box-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;KAqBV,CAACC,aAAa,CAAC,qCAAqC,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=pinch-zoom-view-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pinch-zoom-view-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/pinch-zoom-view-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,61 @@
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: relative;
12
+ overflow: hidden;
13
+ cursor: grab;
14
+
15
+ &[data-state=grabbing] {
16
+ cursor: grabbing;
17
+ }
18
+
19
+ & > .scale {
20
+ position: absolute;
21
+ right: 10px;
22
+ top: 10px;
23
+ border: solid 2px darkgray;
24
+ border-radius: 4px;
25
+ background-color: white;
26
+ padding: 4px;
27
+ color: black;
28
+ }
29
+
30
+ & > .image-container {
31
+ position: absolute;
32
+ left: 0;
33
+ top: 0;
34
+ right: 0;
35
+ bottom: 0;
36
+ overflow: hidden;
37
+ display: grid;
38
+ align-items: center;
39
+ justify-items: center;
40
+ justify-content: center;
41
+ }
42
+
43
+ & > .spinner {
44
+ position: absolute;
45
+ left: 0;
46
+ top: 0;
47
+ right: 0;
48
+ bottom: 0;
49
+ display: inline-grid;
50
+ align-items: center;
51
+ justify-items: center;
52
+ }
53
+
54
+ & > .hide {
55
+ display: none;
56
+ }
57
+ `.installGlobal("div[data-pinch-zoom]");
58
+ }
59
+ };
60
+ });
61
+ //# sourceMappingURL=pinch-zoom-view-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/pinch-zoom-view-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+CV,CAACC,aAAa,CAAC,sBAAsB,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=popup-button-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"popup-button-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/popup-button-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,40 @@
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: 5px;
12
+ border-radius: 5px;
13
+ cursor: pointer;
14
+
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: flex-start;
18
+ gap: 4px;
19
+ flex-wrap: wrap;
20
+
21
+ &:hover {
22
+ background-color: lightgreen;
23
+ }
24
+
25
+ & > * {
26
+ flex-shrink: 0;
27
+ }
28
+
29
+ `.installGlobal("*[data-menu-item=menu-item]");
30
+ styled.css`
31
+ display: flex;
32
+ flex-direction: column;
33
+ align-items: stretch;
34
+ justify-content: stretch;
35
+ gap: 4px;
36
+ `.installGlobal("*[data-menu-items=menu-items]");
37
+ }
38
+ };
39
+ });
40
+ //# sourceMappingURL=popup-button-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/popup-button-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;KAmBV,CAACC,aAAa,CAAC,6BAA6B,CAAC;MAE9CL,MAAM,CAACI,GAAI;;;;;;KAMV,CAACC,aAAa,CAAC,+BAA+B,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=radio-button-list-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-button-list-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/radio-button-list-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,44 @@
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
+ align-items: center;
13
+ justify-content: flex-start;
14
+ flex-direction: row;
15
+ gap: 4px;
16
+ flex-wrap: wrap;
17
+ `.installGlobal("*[data-radio-button-list=radio-button-list]");
18
+ styled.css`
19
+ display: flex;
20
+ flex-direction: row;
21
+ justify-content: flex-start;
22
+ align-items: center;
23
+ gap: 4px;
24
+ margin-right: 5px;
25
+
26
+ & > span {
27
+ cursor: pointer;
28
+ }
29
+
30
+ &[data-selected-item=true] {
31
+ & > i.fa-circle {
32
+ display: none;
33
+ }
34
+ }
35
+ &[data-selected-item=false] {
36
+ & > i.fa-dot-circle {
37
+ display: none;
38
+ }
39
+ }
40
+ `.installGlobal("div[data-item-type=radio]");
41
+ }
42
+ };
43
+ });
44
+ //# sourceMappingURL=radio-button-list-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/radio-button-list-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;;KAOV,CAACC,aAAa,CAAC,6CAA6C,CAAC;MAE9DL,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;KAsBV,CAACC,aAAa,CAAC,2BAA2B,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=swipe-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"swipe-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/swipe-style.ts"],"names":[],"mappings":""}
@@ -0,0 +1,32 @@
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: grid;
12
+ & > * {
13
+ grid-row: 1;
14
+ grid-column: 1;
15
+ }
16
+ `.installGlobal("[data-swipe]");
17
+ styled.css`
18
+ & > * {
19
+ align-self: center;
20
+ justify-self: end;
21
+ z-index: 2;
22
+ &:first-child {
23
+ align-self: stretch;
24
+ justify-self: stretch;
25
+ z-index: 10;
26
+ }
27
+ }
28
+ `.installGlobal("[data-swipe=left]");
29
+ }
30
+ };
31
+ });
32
+ //# sourceMappingURL=swipe-style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal"],"sources":["../../../src/basic/styles/swipe-style.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAETH,MAAM,CAACI,GAAI;;;;;;KAMV,CAACC,aAAa,CAAC,cAAc,CAAC;MAE/BL,MAAM,CAACI,GAAI;;;;;;;;;;;KAWV,CAACC,aAAa,CAAC,mBAAmB,CAAC;IAAC;EAAA;AAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=switch-style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch-style.d.ts","sourceRoot":"","sources":["../../../src/basic/styles/switch-style.ts"],"names":[],"mappings":""}